@charset "utf-8";

/* 各marginとpaddingの初期値をリセット */
* { margin: 0; padding: 0;}

/* WEBページ全体の設定 */
body {
background-image: url(cloth14.gif);
overflow-x: hidden;
color: #555;
font-size: 12px;
}
p { padding-top: 1em; margin-left: 20px;}

/* タイトルの配置・デザインを設定 */
#header { background-color: #fff; height: 60px;}
h1 {
float: left;
line-height: 60px;
text-indent: 50px;
margin-right: 20px;
padding-left: 50px;
width: 310px;
font-size: 120%;
color: #555;
background: url(003.jpg) no-repeat left bottom;
}

/* メニューの設定 */
ul {
list-style-type: none;
background-color: #ddd;
height: 50px;
float: left;
border: 3px #fff dotted; border-top: none;
}
li {
background-color: #fff;
float: left;
text-align: center;
margin: 20px 5px 5px;
}
li a {
display: block;
font-weight: bold;
width: 80px;
padding: 5px;
color: #066;
text-decoration: none;
background-color: #cf9;
border-top: 2px #fff solid;
border-left: 2px #fff solid;
border-right: 2px #999 solid;
border-bottom: 2px #999 solid;
}
li a:hover { background-color: #366; color: #fff;}

/* サンプルテキストのボックスの設定 */
h2 {
background: url(013.png) no-repeat;
line-height: 32px;
text-indent: 32px;
color: #000;
}
#wrapper { position: relative;} /* positionの基準ボックスを設定 */
.content1 {
background-color: #fff;
position: absolute;
top: 30px; left: 88px;
height: 168px; width: 100%;
padding: 5px;
}
.content2 {
background-color: #fff;
position: absolute;
top: 238px; left: 88px;
height: 258px; width: 394px;
padding: 5px;
}
.content3 {
background-color: #fff;
position: absolute;
top: 238px; left: 522px;
height: 258px; width: 395px;
padding: 5px;
}
div.content1 div, div.content2 div, div.content3 div
{ padding: 8px; border: 2px #ccc dashed;}
div.content1 div { height: 152px; margin-right: 100px;}
div.content2 div, div.content3 div { height: 242px;}

/* 素材サイトさんのリンクの設定 */
#footer {
background-color: #cf9;
position: absolute;
top: 460px; right: 30px;
width: 20em;
text-align: center;
padding: 4px 0 2px;
}
#footer a { color: #066;}
#footer a:hover { color: #066; background-color: #fff;}