@charset "utf-8";
/* CSS Document */

/* ------------------------------
ページ
------------------------------ */
body {
color: #333333;
line-height: 1.8;
text-align: center;
background-color: #699;
background-image: url(../img/body_bg.jpg);
background-repeat: repeat-x;
}
#wrapper {
width: 1000px;
text-align: left;
margin-right: auto;
margin-left: auto;
}
/* ------------------------------
ヘッダーエリア
------------------------------ */
#headerArea {
width: 1000px;
height: 258px;
background-image: url(../img/main_img.jpg);
background-repeat: no-repeat;
}
#headerArea h1 { float: left; }
#headerArea h1 a {
width: 700px;
height: 150px;
margin-top: 40px;
margin-left: 10px;
text-indent: -999em;
display: block;
position: absolute;
}
#headerAreaNavi { height: 30px; }
#headerAreaNavi ul.menu {
float: right;
margin-right: 100px;
}
#headerAreaNavi ul.menu li {
background-image: url(../img/navi_line.jpg);
background-repeat: no-repeat;
background-position: right top;
padding-right: 20px;
float: left;
padding-top: 2px;
}
#headerAreaNavi ul.menu li.last {
background-image: none;
padding-right: 0px;
}
#headerAreaNavi ul.menu li a {
display: block;
color: #FFF;
text-decoration: none;
padding-top: 3px;
}
#headerAreaNavi ul.menu li a:hover { color: #FF0; }
/* ------------------------------
コンテンツ
------------------------------ */
#contentsArea { width: 1000px; }
/* ------------------------------
メインコンテンツ
------------------------------ */
#contentsArea #mainContents {
float:left;
width:644px;
background: url(../img/cont_middle.jpg) repeat-y;
}
#contentsArea #mainContentsBottom {
background: url(../img/cont_bottom.jpg) no-repeat bottom;
padding-right: 16px;
padding-bottom: 18px;
padding-left: 116px;
}
/* ------------------------------
サイドコンテンツ
------------------------------ */
#contentsArea #sideContents {
float:right;
width:356px;
background: url(../img/side_middle.jpg) repeat-y;
}
#contentsArea #sideContentsBottom {
background: url(../img/side_bottom.jpg) no-repeat bottom;
padding-right: 100px;
padding-bottom: 18px;
}
/* ------------------------------
メニュー
------------------------------ */
#mainSidebar li.navi {
margin-bottom: 0px;
padding-left: 1.5em;
background: url(../img/side_navi01.jpg) no-repeat;
padding-top: 9px;
padding-bottom: 0px;
}
#mainSidebar li.navi a {
ebfcf4ebfcf4color: #013300;
display: block;
padding: 0px;
text-decoration: none;
color: #013300;
}
#mainSidebar li.navi a:hover {
color: #900;
display: block;
font-weight: bold;
}
#mainSidebar li.navi ul {
margin-top: 0px;
margin-left: -18px;
padding-top: 0px;
}
#mainSidebar li.navi ul li {
background: url(../img/side_navi11.jpg) no-repeat;
padding-left: 3em;
margin-top: 0px;
}
#subsidebar .column {
padding: 2px;
margin-bottom: 15px;
border: 1px dotted #5f3c3a;
}
#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: #003300;
color: #003300;
}
/* ------------------------------
フッター
------------------------------ */
#footerArea {
width: 1000px;
background: url(../img/foot_bg.jpg) bottom;
height: 50px;
text-align: center;
}
#footerArea #copyright { padding-top: 5px; }
#footerArea #link {
text-align: center;
font-size: 10px;
text-decoration: none;
}
#footerArea li {
display: inline;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #699;
list-style-type: none;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
}
#footerArea li.bnone { border-right: none; }
#footerArea a {
text-decoration: none;
color: #699;
}