@charset "utf-8";


body{
font-size:12px;
color: #333;
line-height: 1.8;
font-family:メイリオ, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
background:#ede4cd;
}

html,body{height:100%;}
body,div,h1,h2,h3 {margin:0; padding:0;}
img{border:none;}

p {margin:0 15px 20px 15px;}

span {display:inline-block;width:6.0em;}
span1 {display:inline-block;width:7.0em;margin-left:13px;}

back {
padding:3px 0;
line-height: 2.5;
background: #d8a373;
border-radius: 20px;
}

a {color:#8d6449;text-decoration:none;outline:none;}
a:hover {color:#deb068;text-decoration:none;}

/*-------------------------------------*/



/* ヘッダー */
div#header{
width:100%;
height:170px;
margin: 0 auto;
margin-bottom:40px;
text-align:center;
padding-top:5px;
background: url("img/m_bg.jpg") repeat-x top left;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

div#menu{
width:100%;
text-align:center;
text-valign:center;
font-size:13px;
margin:0 auto;
}
div#menu a {
color:#fff;
text-decoration:none;
outline:none;
padding:0 2px;
}
div#menu a:hover {color:#deb068;text-decoration:none;}

/* メイン */
div#main{
width:960px;
background:#fff;
padding:30px 20px 30px 20px;
margin: 0 auto;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

/* サイドメニュー */
div#outlineBox{
width: 250px;
float: right;
}
div#side{
width:100%;
height:0;
clear:both;
}

/* フッター */
div#footer{
color:#fff;
width:100%;
height:150px;
margin: 0 auto;
margin-top:40px;
padding-top:30px;
text-align: center;
background: url("img/f.jpg") repeat-x bottom center;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
div#footer a {
color:#fff;
text-decoration:none;
outline:none;
}
div#footer a:hover {color:#deb068;text-decoration:none;}

/*-------------------------------------*/



/* タイトル */

h1{
color:#fff;
font-size:13px;
margin-bottom:10px;
padding:3px 0 0 35px;
background: url("img/h1.jpg") no-repeat top left;
height:30px;
}

h2{
font-size:13px;
margin:0 0 5px 5px;
padding-left:23px;
background: url("img/h2.jpg") no-repeat center left;
height:20px;
}

h3{
color:#fff;
font-size:13px;
margin-bottom:10px;
padding:3px 0 0 35px;
background: url("img/h3.jpg") no-repeat top left;
height:30px;
}

/* テーブル */
table {
border-collapse: collapse;
margin:5px 20px 30px 20px;
}

/* 更新履歴 */
div#wn{
font-size:11px;
line-height: 1.5;
height:230px;
width:570px;
margin-bottom:30px;
padding:0 10px;
overflow-y:scroll;
overflow-x:hidden;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#8d6449;
scrollbar-shadow-color:#8d6449;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}

/*-------------------------------------*/

/* トップイラスト */
div#mainImgBox{
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
margin: 0 auto;
margin-bottom:40px;
width: 1000px;
height: 400px;
min-height:400px;
background:#fff;
height: auto !important;
position: relative;
}

/* スライドショー */
#slides {
position:absolute;
top:20px;
left:80px;
z-index:1;
}
.slides_container {
width: 850px;
height: 350px;
overflow:hidden;
position:relative;
display:none;
}
.slides_container a {
width:850px;
height:350px;
display:block;
}
.slides_container a img {
display:block;
}
.pagination {
position:absolute;
top:345px;
right: 7px;
}
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background:url("img/pagination.png");
background-position:0 0;
float:left;
overflow:hidden;
}
.pagination li.current a {
background-position:0 -12px;
}