@charset "utf-8";

@import url("default_style.css");
@import url("common_table.css");

html{
	height: 100%;
}
body{
	background-image: url(../img/comm/head_bg.jpg);
	background-repeat: no-repeat;
	background-position: center -40px;
	background-color: #16110D;
	text-align: left;
	color: #3A3131;
	height: 100%;
}

a{ color: #E82E2F; }
a:visited{ color: #C14F50; }
a:hover{ color: #F57879; }

p.pageexplain{
	padding: 10px;
	color: #6D2C2E;
}

.headmessage{
	background-color: #EFEBBF;
	padding: 10px;
	margin: 10px 0px;
	line-height: 150%;
}
.topmessage{
	color: #333333;
	margin: 10px;
	line-height: 150%;
}
.head_notice{
	margin: 10px;
	color: #D7812A;
	line-height: 150%;
}
.head_error{
	margin: 10px 0px;
	padding : 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #E47770;
	color: #E6554F;
	line-height: 150%;
}
.explain{
	color: #666666;
}
.error{
	color: #E6554F;
}

div#mainbody{
}

/* 最上部のナビ部分 */
div#grand_head_navi{
	margin:0 auto 0;
	height: 16px;
	width: 970px;
}

div#grand_head_navi ul{
	width: 360px;
	margin: 5px 0 0 auto;
	height: 16px;
	background-image: url(../img/comm/grand_head_navi.gif);
	background-repeat: no-repeat;
	float: right;
	overflow: hidden;
}
div#grand_head_navi ul li{
	display:inline;
	float: left;
	list-style: none;
	overflow: hidden;
}
div#grand_head_navi ul li a{
	display: block;
	overflow:hidden;
	background-image: url(../img/comm/grand_head_navi.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9877em;
	height: 16px;
}
div#grand_head_navi ul li#grandmenu01 a{
	width: 85px;
}
div#grand_head_navi ul li#grandmenu01 a:hover,
div#grand_head_navi ul li#grandmenu01 a.selected{
	background-position: 0 -16px;
}
div#grand_head_navi ul li#grandmenu02 a{
	width: 133px;
	background-position: -85px 0;
}
div#grand_head_navi ul li#grandmenu02 a:hover,
div#grand_head_navi ul li#grandmenu02 a.selected{
	background-position: -85px -16px;
}

/* フォントスイッチ font_switch +84 */ 
div#grand_head_navi ul li#font_m a{
	width: 36px;
	margin-left: 70px;
	background-position: -288px 0;
}
div#grand_head_navi ul li#font_m a:hover,
div#grand_head_navi ul li#font_m a.selected{
	background-position: -288px -16px;
}
div#grand_head_navi ul li#font_l a{
	width: 36px;
	background-position: -324px 0;
}
div#grand_head_navi ul li#font_l a:hover,
div#grand_head_navi ul li#font_l a.selected{
	background-position: -324px -16px;
}

div#header{
	margin: 0 auto;
	padding: 10px 0 0;
	height: 65px;
	width: 970px;
}

div#header h1 img{

	padding: 7px 0 0 7px;

}


/*　ボディ部分*/
div#mainbody div#maincontents{
	clear: both;
	width: 970px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	zoom: 1;
	background-image: url(../img/comm/maincontents_bg.gif);
	background-repeat: no-repeat;
	background-position: 500px 180px;

}

/* メイン部分 */
div#itembox{
	margin: 0 0 50px 0;
	padding: 20px 0 50px 30px;
	width: 670px;
	float: left;	
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../img/comm/itembox_bg.gif);
min-height: 600px;
height: auto !important;
height: 600px;


}

div#itembox p.breadcrumb{
	margin: 0;
	padding: 0 20px 0 0;
	line-height: 13px;
	color: #666666;
	font-size:12px;
}
div#itembox p.breadcrumb a{
	color: #666666;
	text-decoration: none;
}
div#itembox p.breadcrumb a:hover{
	text-decoration: underline;
}
div#itembox h2.group_name{
	margin: 20px 0 20px;
}


/* サイド */
div#sidemenu{
	margin: 0 0 50px 745px;
	padding: 0;
	width: 220px;
}
/* サイドメニューナビ */
ul.group_menu_list{
	width: 220px;
	height: 501px;
	background-image: url(../img/comm/main_navi.png);
	background-repeat: no-repeat;
}
ul.group_menu_list li{
	display:inline;
	float: left;
	list-style: none;
	overflow: hidden;
}
ul.group_menu_list li a{
	height: 43px;
	width: 220px;
	display: block;
	overflow:hidden;
	background-image: url(../img/comm/main_navi.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9877em;
}
ul.group_menu_list li#menu01{
	margin: 114px 0 0;
}
ul.group_menu_list li#menu01 a{
	background-position: 0 -114px;
}
ul.group_menu_list li#menu01 a:hover,
ul.group_menu_list li#menu01 a.selected{
	background-position: -220px -114px;
}
ul.group_menu_list li#menu02 a{
	background-position: 0 -157px;
}
ul.group_menu_list li#menu02 a:hover,
ul.group_menu_list li#menu02 a.selected{
	background-position: -220px -157px;
}
ul.group_menu_list li#menu03 a{
	background-position: 0 -200px;
}
ul.group_menu_list li#menu03 a:hover,
ul.group_menu_list li#menu03 a.selected{
	background-position: -220px -200px;
}
ul.group_menu_list li#menu04 a{
	background-position: 0 -243px;
}
ul.group_menu_list li#menu04 a:hover,
ul.group_menu_list li#menu04 a.selected{
	background-position: -220px -243px;
}
ul.group_menu_list li#menu05 a{
	background-position: 0 -286px;
}
ul.group_menu_list li#menu05 a:hover,
ul.group_menu_list li#menu05 a.selected{
	background-position: -220px -286px;
}
ul.group_menu_list li#menu06 a{
	background-position: 0 -329px;
}
ul.group_menu_list li#menu06 a:hover,
ul.group_menu_list li#menu06 a.selected{
	background-position: -220px -329px;
}
ul.group_menu_list li#menu07 a{
	background-position: 0 -372px;
}
ul.group_menu_list li#menu07 a:hover,
ul.group_menu_list li#menu07 a.selected{
	background-position: -220px -372px;
}
ul.group_menu_list li#menu08 a{
	background-position: 0 -415px;
}
ul.group_menu_list li#menu08 a:hover,
ul.group_menu_list li#menu08 a.selected{
	background-position: -220px -415px;
}
ul.group_menu_list li#menu09 a{
	background-position: 0 -458px;
}
ul.group_menu_list li#menu09 a:hover,
ul.group_menu_list li#menu09 a.selected{
	background-position: -220px -458px;
}

div#sidemenu div#side_banners ul{
	width: 220px;
}
div#sidemenu div#side_banners ul li{
	display:inline;
	list-style: none;
	overflow: hidden;
	background-repeat: no-repeat;
}
div#sidemenu div#side_banners ul li a{
	margin: 15px 0 0;
	width: 220px;
	display: block;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9877em;
}
div#sidemenu div#side_banners ul li#side_banner01 a{
	height: 80px;
	background-image: url(../img/comm/side_flow_chart.gif);
}
div#sidemenu div#side_banners ul li#side_banner01 a:hover{
	background-position: 0 -80px;
}
div#sidemenu div#side_banners ul li#side_banner02 a{
	height: 80px;
	background-image: url(../img/comm/side_blog.gif);
}
div#sidemenu div#side_banners ul li#side_banner02 a:hover{
	background-position: 0 -80px;
}
div#sidemenu div#side_banners ul li#side_banner03 a{
	height: 110px;
	background-image: url(../img/comm/side_ouyu.gif);
}
div#sidemenu div#side_banners ul li#side_banner03 a:hover{
	background-position: 0 -110px;
}

div#sidemenu div#side_accsss{
	color: #ECE9D8;
	margin: 15px 0 0;
    background-image: url(../img/comm/side_access.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#sidemenu div#side_accsss address{
	font-style: normal;
    background-image: url(../img/comm/side_access_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 20px 15px 0;
}
div#sidemenu div#side_accsss p.map{
	text-align: center;
	padding: 10px 0;
}
div#sidemenu div#side_accsss p.transport{
	padding: 0 10px;
	font-size: 11px;
}
div#sidemenu div#side_accsss p.detail{
	text-align: right;
	padding: 10px 15px;
	font-size: 11px;
}
div#sidemenu div#side_accsss p.detail a{
	color: #ECE9D8;
}

div#sidemenu div#side_link{
	background-image: url(../img/comm/side_link_bg.gif);
	margin: 15px 0 0;
	padding: 3px;
}
div#sidemenu div#side_link h3{
	margin: 0 auto;
	width: 208px;
	background-color: #484848;
	padding: 1px;
}
div#sidemenu div#side_link ul{
	margin: 0 auto;
	padding: 15px 10px;
	width: 188px;
	background-color: #242424;
	border-color: #484848;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
div#sidemenu div#side_link ul li{
	list-style: none;
	background-image: url(../img/comm/side_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0 2px 15px;
	font-size:12px;
	}
div#sidemenu div#side_link ul li a{
	color: #ffffff;
	font-size:12px;
}


/* フッター */
div#gotop_link_box{
	clear: both;
	background-image: url(../img/comm/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
div#gotop_link_box p.gotop_link{
	margin: 0 auto;
	width: 920px;
}
div#gotop_link_box p.gotop_link a{
	width: 90px;
	height: 20px;
	margin: 0 0 0 auto;
	background-image: url(../img/comm/page_top_link.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	overflow: hidden;
	text-indent:-9877em;
	position: relative;
	z-index: 99;
}

div#footer{
	margin: 0 auto 0;
}
div#footer div#foot_info{
	background-image: url(../img/comm/foot_info_bg.jpg);
	background-repeat: no-repeat;
	background-position: right -15px;
	width: 920px;
	height: 220px;
	margin: -8px auto 0;
	padding: 60px 0 0;
}
div#footer div#foot_info div.foot_address{
	float: left;
	padding: 0;
	width: 240px;
}
div#footer div#foot_info div.foot_address p.foot_tel{
	padding: 20px 0 15px;
}

div#footer div#foot_info div.foot_address p.foot_contact{
	margin: -20px 0 0 0;
	width: 410px;
}
div#footer div#foot_info div.foot_address p.foot_contact a{
	margin: 0 0 0 auto;
	display: block;
	width: 170px;
	height: 20px;
	background-image: url(../img/comm/foot_contact_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9877em;
	overflow: hidden;
}
div#footer div#foot_info div.foot_address p.foot_contact a:hover{
	background-position: 0 -20px;
}
div#footer div#foot_info div.foot_address address{
	margin: 10px 0 0;

}

div#footer div#foot_menu_box{
	border-color: #565554;
	border-style: dotted;
	border-width: 1px 0 0 0;
	background-image: url(../img/comm/foot_menu_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	
}
div#footer div#foot_menu{
	width: 920px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}

div#footer div#foot_menu div.group_box{
}
div#footer div#foot_menu div.box1{
	width: 310px;
	padding: 0 20px 0 0;
	float: left;
}
div#footer div#foot_menu div.box2{
	width: 370px;
	padding: 0 20px 0 0;
	float: left;
}
div#footer div#foot_menu div.box3{
	float: right;
}
div#footer div#foot_menu div.group_box h3{
	padding: 0 0 20px;
}

div#footer div#foot_menu div.group_box dl{
}
div#footer div#foot_menu div.group_box dl dt{
	padding: 5px 0 5px;
    line-height: 100%;
}
div#footer div#foot_menu div.group_box dl dd{
	padding: 0 0 10px 20px;
	font-size: 11px;
    letter-spacing: 0;
	color: #999999;
}


div#footer div#copy{
	clear: both;
	text-align: center;
	padding: 10px 0;
	color: #ffffff;
}
div#footer p#copyright{
	margin: 0 auto;
	font-size: 10px;
}