/* ページの基本設定 */
body {
font-size: 75%;
color: #333333;
line-height: 1.8;
text-align: center;
background-color: #FFFFFF;
background-image: url(../img/bg-body_s1.jpg);
background-repeat: repeat-x;
}
/* ------------------------------

コンテンツ

------------------------------ */
#wrap {
width: 920px;
text-align: left;
margin-right: auto;
margin-left: auto;
position: relative;
}
#wrap #content {
width: 530px;
left: 150px;
float: left;
position: relative;
background-image: url(../img/bg-content_s1.jpg);
background-repeat: repeat-y;
}
#wrap #main {
width: 480px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
}
#main-foot {
background-image: url(../img/bg-content-bottom_s1.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-indent: -999em;
}
#wrap #mainsidebar {
float: left;
width: 150px;
left: -530px;
position: relative;
padding-top: 10px;
}
#wrap #subsidebar {
float: left;
width: 240px;
display: inline;
position: relative;
padding-top: 10px;
}
/* ------------------------------
ヘッダ
------------------------------ */
#head {
width: 920px;
height: 238px;
background-image: url(../img/topimg_s1.jpg);
background-repeat: no-repeat;
}
#head h1 { float: left; }
#head h1 a {
width: 900px;
height: 170px;
margin-top: 30px;
margin-left: 10px;
text-indent: -999em;
display: block;
position: absolute;
margin-right: 10px;
}
#head .desc {
font-size: 12px;
padding-top: 175px;
text-align: left;
padding-left: 175px;
}
#head-navi {
height: 30px;
font-size: 12px;
}
#head-navi ul.menu { float: right; }
#head-navi ul.menu li {
background-image: url(../img/bg-head-navi_s1.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-right: 20px;
float: left;
padding-top: 2px;
}
#head-navi ul.menu li.last {
background-image: none;
padding-right: 0px;
}
#head-navi ul.menu li a {
display: block;
color: #FFF;
text-decoration: none;
padding-top: 3px;
}
#head-navi ul.menu li a:hover { color: #FF0; }
/* ------------------------------
フッタ
------------------------------ */
#footer {
background-image: url(../img/bg-foot.jpg);
background-position: left bottom;
background-repeat: repeat-x;
clear: both;
}
#footer #credit {
width: 530px;
color: #300;
text-align: left;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
padding-top: 20px;
}
/* ------------------------------
サイドバー
------------------------------ */
#mainsidebar li.navi {
margin-bottom: 10px;
border: 1px dotted #06F;
}
#mainsidebar li.navi a {
color: #06F;
display: block;
padding: 3px;
text-decoration: none;
font-size: 100%;
}
#mainsidebar li.navi a:hover {
color: #990000;
background-color: #FFFFB3;
}
#mainsidebar li.navi ul {
margin-top: 10px;
margin-left: 3px;
}
#mainsidebar li.navi ul li {
margin-bottom: 10px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: 0c0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
}
#subsidebar .column {
padding: 3px;
margin-bottom: 15px;
border: 1px dotted #06F;
}
#subsidebar .column h2 {
font-size: 100%;
background-color: #F3F3F3;
padding: 5px;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: 006600;
color: #06F;
}