@charset "utf-8";

/*
########################################################
	全体のスタイル指定
########################################################
*/
html,body{ height:100%; }
html{ background-color:#FFE8C4; }
body{
background-color:#ffffff;
border:1px solid #cccccc;
border-top:none;
width:878px;
margin:0px auto 50px auto;
padding:20px 0px 100px 22px;
behavior:url("common/css/csshover2.htc");
height:auto;
overflow:auto;
}


/*
########################################################
	ヘッダーのスタイル指定
########################################################
*/
#header{
background:url(../image/header_bk.jpg) no-repeat;
width:850px;
height:87px;
float:left;
}
#header h1{
margin:35px 0px 0px 230px;
}

/*
########################################################
	メニューのスタイル指定
########################################################
*/
ul#menu{
width:850px;
height:30px;
margin:0px;
float:left;
}
ul#menu li{
list-style:none;
float:left;
height:30px;
margin:0px 1px 0px 0px;
text-align:center;
line-height:30px;
color:#596F7B;
}
ul#menu li:hover{ color:#FFFFFF; }
ul#menu li.menu1{
background:url(../image/menu/menu1_off.jpg) no-repeat;
width:97px;
}
ul#menu li.menu2{
background:url(../image/menu/menu2_off.jpg) no-repeat;
width:116px;
}
ul#menu li.menu3{
background:url(../image/menu/menu3_off.jpg) no-repeat;
width:109px;
}
ul#menu li.menu4{
background:url(../image/menu/menu4_off.jpg) no-repeat;
width:107px;
}
ul#menu li.menu5{
background:url(../image/menu/menu5_off.jpg) no-repeat;
width:104px;
}
ul#menu li.menu6{
background:url(../image/menu/menu6_off.jpg) no-repeat;
width:99px;
}
ul#menu li.menu7{
background:url(../image/menu/menu7_off.jpg) no-repeat;
width:104px;
}
ul#menu li.menu8{
background:url(../image/menu/menu8_off.jpg) no-repeat;
width:107px;
margin-right:0px;
}
ul#menu li.menu1:hover{ background:url(../image/menu/menu1_on.jpg) no-repeat; }
ul#menu li.menu2:hover{ background:url(../image/menu/menu2_on.jpg) no-repeat; }
ul#menu li.menu3:hover{ background:url(../image/menu/menu3_on.jpg) no-repeat; }
ul#menu li.menu4:hover{ background:url(../image/menu/menu4_on.jpg) no-repeat; }
ul#menu li.menu5:hover{ background:url(../image/menu/menu5_on.jpg) no-repeat; }
ul#menu li.menu6:hover{ background:url(../image/menu/menu6_on.jpg) no-repeat; }
ul#menu li.menu7:hover{ background:url(../image/menu/menu7_on.jpg) no-repeat; }
ul#menu li.menu8:hover{ background:url(../image/menu/menu8_on.jpg) no-repeat; }



/*
########################################################
	パンくずのスタイル指定
########################################################
*/
#pan{
width:850px;
height:30px;
line-height:30px;
float:left;
}
#pan strong{ color:#7a7a7a; }
#pan a{ color:#006699; }



/*
########################################################
	サイドメニューのスタイル指定
########################################################
*/
#left_box{
width:180px;
height:auto;
float:left;
}
#left_box h2{
float:left;
}
#left_box dl{
width:180px;
height:auto;
margin:2px 0px 5px 0px;
padding:0px 0px 1px 0px;
background:#cccccc;
float:left;
}
#left_box dt{
background:url(../image/pict.jpg) no-repeat;
width:170px;
height:23px;
line-height:23px;
padding:0px 0px 1px 10px;
color:#666666;
float:left;
display:inline;
}
#left_box dd{
background:#e8e8e8;
width:178px;
height:auto;
margin:0px 0px 0px 1px;
padding:0px 0px 10px 0px;
float:left;
display:inline;
}
#left_box dd ul{
	margin:0px;
	float: left;
}
#left_box dd li{
width:75px;
height:20px;
margin:5px 0px 0px 10px;
list-style:none;
float:left;
line-height:20px;
display:inline;
}
#left_box dd li a{ color:#006699; }
#left_box dd strong{
float:left;
width:160px;
height:35px;
background:#ffffff;
border:1px solid #cccccc;
margin:0px 0px 0px 8px;
color:#006699;
}
#left_box .left_img{
float:left;
margin:2px 0px 0px 0px;
}
#left_box .banner_box{
width:180px;
height:auto;
float:left;
margin:10px 0px 0px 0px;
}
#left_box .banner_box p{
color:#006699;
font-size:10px;
}