@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 a{
text-decoration:none;
color:#596F7B;
}
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 a{
width:100%;
height:30px;
display:block;
}
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;
}


/*
########################################################
	サイドメニューのスタイル指定（地図検索用）
########################################################
*/
#left_box2{
width:100px;
height:auto;
float:left;
}
#left_box2 h2{
float:left;
}
#left_box2 dl{
width:100px;
height:auto;
margin:2px 0px 5px 0px;
padding:0px 0px 1px 0px;
background:#cccccc;
float:left;
}
#left_box2 dt{
background:url(../image/pict2.jpg) no-repeat;
width:90px;
height:23px;
line-height:23px;
padding:0px 0px 1px 10px;
color:#666666;
float:left;
display:inline;
}
#left_box2 dd{
background:#e8e8e8;
width:98px;
height:auto;
margin:0px 0px 0px 1px;
padding:0px 0px 10px 0px;
float:left;
display:inline;
}
#left_box2 dd ul{
	margin:0px;
	float: left;
}
#left_box2 dd li{
width:75px;
height:20px;
margin:5px 0px 0px 10px;
list-style:none;
float:left;
line-height:20px;
display:inline;
}
#left_box2 dd li a{
color:#006699;
font-size: 11px;
}

/*
########################################################
	地図検索用
########################################################
*/
#map_title{
width:680px;
height:35px;
float:left;
background:url(../image/map_title.jpg) no-repeat;
margin:5px 0px 5px 0px;
padding:35px 20px 0px 150px;
font-size: 11px;
color:#006699;
}
#map_search{
width:730px;
height:auto;
float:left;
margin-left:19px;
}
#map_bg{
background:url(../image/map_bg.gif) no-repeat;
width: 725px;
height: 410px;
padding: 5px;
}


/*
########################################################
	お問い合わせ
########################################################
*/
.inq_box{
background:#ADB9C2;
padding:1px;
width:628px;
}
.inq1{
background:#EAFDFD;
width:608px;
height:35px;
margin:0px 0px 1px 0px;
padding:15px 0px 0px 20px;
}
.inq2{
background:#ffffff;
width:608px;
height:35px;
margin:0px 0px 1px 0px;
padding:15px 0px 0px 20px;
}
.inq3{
background:#ffffff;
width:608px;
height:150px;
margin:0px 0px 1px 0px;
padding:15px 0px 0px 20px;
}
.inq3 textarea{
width:450px;
height:120px;
}
.inq4{
background:#EAFDFD;
width:608px;
height:40px;
margin:0px 0px 1px 0px;
padding:10px 0px 0px 20px;
}
.inq_tit_box{
width:150px;
float:left;
}
.inq_hissu{ margin:2px 20px 5px 0px;float:left; }
.inq_koumoku1{ margin:2px 20px 5px 0px;float:left; }
.inq_koumoku2{ margin:2px 20px 5px 60px;float:left; }
.inq_btn{ margin:0px 10px 5px 0px;float:left; }
.inq_btn2{ margin:5px 10px 5px 0px;float:left; }
.inq_text{ padding:10px 0px 0px 20px;float:left; }


/*
########################################################
	テーブル
########################################################
*/
table.tb_normal {
	margin:10px 0px 0px 0px;
	border:1px solid #BDBCBD;
	border-collapse:collapse;
	border-spacing:0;
}
table.tb_normal th{
	background:url(../image/table_bg.jpg) repeat-x;
	line-height:9px;
	border:1px solid #BDBCBD;
	width: 150px;
}
table.tb_normal td{
	line-height:120%;
	border:1px solid #BDBCBD;
}

/*
########################################################
	サイトマップ
########################################################
*/
#site_map {
   margin:0px;
   padding:0px;
}
#site_map ul li {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../../sitemap/img/ic_home.gif) no-repeat 0 4px;
	line-height: 160%;
	list-style-type: none;
}
#site_map ul li ul {
	background: url(../../sitemap/img/ic_bk.gif) repeat-y 17px 0;
}
#site_map ul li ul.category li {
	background: url(../../sitemap/img/ic_category.gif) no-repeat 1px -261px;
	list-style-type: none;
}
#site_map ul li ul.page li {
	background: url(../../sitemap/img/ic_page.gif) no-repeat 1px -261px;
	list-style-type: none;
	line-height: 15px;
}
#site_map ul li ul li.last {
	background-color: #FFFFFF;
	list-style-type: none;
}