@charset "shift_jis";
/* CSS Document */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
基本設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media print {
body {
zoom: 72%;
}
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
:focus {
	outline: 0;
}
* {
	zoom: 1;
}
body{background:#FFFFFF;}
html{background:#f0f0f0;}
body {
/*	font-size:12px;*/
	font-size: 0.8em;
	line-height: 1.2;
	color: #333;
	text-align: center;
	color: #666666;
	font-family:"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;

}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
input {
	margin:0;
	padding:0;
}

/*================
フロート設定
================*/
.left {float:left;}
.right {float:right;}
.clear {clear: both;}
.hr {clear:both;}
.hr hr {display: none;}

/*================
リンク設定
================*/
a {
	color: #3a9d54;
	text-decoration:underline;
	cursor: pointer;
}
a:hover {
	color: #FFA700;
	text-decoration:none;
	cursor: pointer;
}

/*================
フォント設定
================*/
.fbold {font-weight: bold;}
.f10{font-size:10px;}
.f9{font-size:9px;}
.f8{font-size:8px;}


/*================
文字配置設定
================*/
.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align:center;}

/*================
余白設定
================*/
/*margin*/
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
/*上*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
/*上*/
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
/*左*/
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
/*右*/
.mr5{margin-right:5px;}
.mr7{margin-right:7px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

/*padding*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
/*上*/
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
/*上*/
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
/*左*/
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
/*右*/
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}


/*================
ボーダー設定
================*/
.bd_b{border:#000 1px solid;}
.bd_g1{border:#ccc 1px solid;}
.bd_g2{border:#999 1px solid;}

/*================
横幅設定
================*/
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}


/*================
その他諸設定
================*/
.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	clear:both;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
レイアウト設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*========================================
共通
========================================*/

#headernavi,#gnavi,#contents,#topicpath,#footernavi{
	width:900px;
	margin:0 auto;
	text-align:center;
}

/*========================================
#header
========================================*/
#header{
	background:url(../img/bg_header.gif) repeat-x;
}

/*==========
#headernavi
==========*/
#headernavi{
	height:50px;
	padding-top:20px;
}
#logo{
	float:left;
	width:250px;
}
#logo h1 a{
	width:250px;
	height:37px;
	display:block;
	background:url(../img/logo.gif) no-repeat;
	text-indent:-999999px;
}

/*==========
#hnavi
==========*/
#hnavi{
	float:right;
	width:155px;
	margin-top:10px;
}
#hnavi li{
	float:left;
}
#hnavi li a{
	display:block;
	height:18px;
	text-indent:-999999px;
}
#hnavi li#hnavi_sitemap a{
	background:url(../img/hnavi_sitemap.gif) no-repeat;
	width:80px;
	margin-right:15px;
}
#hnavi li#hnavi_en a{
	background:url(../img/hnavi_english.gif) no-repeat;
	width:55px;
}

/*==============================
#gnavi
==============================*/
#gnavi{
	clear:both;
}
#gnavi ul li{
	float:left;
}
#gnavi li a{
	background:url(../img/gnavi.jpg) no-repeat;
	height:34px;
	display:block;
	text-indent:-999999px;
}
#gnavi li#gnavi_01 a{width:91px;}
#gnavi li#gnavi_02 a{width:108px;}
#gnavi li#gnavi_03 a{width:186px;}
#gnavi li#gnavi_04 a{width:161px;}
#gnavi li#gnavi_05 a{width:109px;}
#gnavi li#gnavi_06 a{width:108px;}
#gnavi li#gnavi_07 a{width:137px;}

#gnavi li#gnavi_01 a{background-position:0px 0px;}
#gnavi li#gnavi_02 a{background-position:-91px 0px;}
#gnavi li#gnavi_03 a{background-position:-199px 0px;}
#gnavi li#gnavi_04 a{background-position:-385px 0px;}
#gnavi li#gnavi_05 a{background-position:-546px 0px;}
#gnavi li#gnavi_06 a{background-position:-655px 0px;}
#gnavi li#gnavi_07 a{background-position:-763px 0px;}

#gnavi li#gnavi_01 a:hover{background-position:0px -34px;}
#gnavi li#gnavi_02 a:hover{background-position:-91px -34px;}
#gnavi li#gnavi_03 a:hover{background-position:-199px -34px;}
#gnavi li#gnavi_04 a:hover{background-position:-385px -34px;}
#gnavi li#gnavi_05 a:hover{background-position:-546px -34px;}
#gnavi li#gnavi_06 a:hover{background-position:-655px -34px;}
#gnavi li#gnavi_07 a:hover{background-position:-763px -34px;}

#gnavi li#gnavi_01 a.active{background-position:0px -34px;}
#gnavi li#gnavi_02 a.active{background-position:-91px -34px;}
#gnavi li#gnavi_03 a.active{background-position:-199px -34px;}
#gnavi li#gnavi_04 a.active{background-position:-385px -34px;}
#gnavi li#gnavi_05 a.active{background-position:-546px -34px;}
#gnavi li#gnavi_06 a.active{background-position:-655px -34px;}
#gnavi li#gnavi_07 a.active{background-position:-763px -34px;}


/*========================================
#topicpath
========================================*/
#topicpath{
	clear:both;
	text-align:left;
	background:url(../img/bg_topicpath.gif) repeat-x;
	height:45px;
}
#topicpath p{
	padding-top:16px;
	font-size:10px;
}

/*========================================
#contents
========================================*/
#contents{
	margin-bottom:30px;
}
#contents:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	clear:both;
}
/*==============================
#main
==============================*/
#main{
	float:left;
	width:656px;
}

/*==============================
#sidemenu
==============================*/
/*=====第1階層用設定=====*/
/*基本設定*/
#sidemenu{
	float:right;
	width:225px;
}

#sidemenu p.sub_title{
	width:225px;
	height:35px;
	text-indent:-999999px;
	}

#sidemenu ul.subnavi{
	margin-bottom:20px;
}

/*通常リンク設定*/
#sidemenu ul.subnavi li a{ /*通常リンク設定*/
	background:url(../img/bg_subnavi01_off.gif) no-repeat 0 100%;
	padding:8px 10px;
	width:205px;
	display:block;
	text-align:left;
	text-decoration:none;
}
html>/**/body #sidemenu ul.subnavi li a{ /*[IE7以外のモダンブラウザ用]*/
	text-indent:-20px;
	width:185px;
	padding-left:30px;
}
#sidemenu ul.subnavi li a:hover{ /*マウスオーバー設定*/
	background:url(../img/bg_subnavi01_on.gif) no-repeat 0 100%;
	color:#FFFFFF;
	text-decoration:none;
}
#sidemenu ul.subnavi li a.active{ /*active設定*/
	background:url(../img/bg_subnavi01_on.gif) no-repeat 0 100%;
	color:#FFF;
}
#sidemenu ul.subnavi li a.open{ /*展開時設定*/
	background:url(../img/bg_subnavi01-2_off.gif) no-repeat 0 100%;
	color:#666;
}
#sidemenu ul.subnavi li a:hover.open{ /*展開時マウスオーバー設定*/
	background:url(../img/bg_subnavi01_on.gif) no-repeat 0 100%;
	color:#fff;
}
#sidemenu ul.subnavi li a.open_active{ /*展開時active設定*/
	background:url(../img/bg_subnavi01_on.gif) no-repeat 0 100%;
	color:#fff;
}

/*矢印設定*/
#sidemenu ul.subnavi li a span{ /*通常リンク時矢印設定*/
	background:url(../img/arrow_subnavi01_off.gif) no-repeat 0 50%;
	padding-left:20px;
}
#sidemenu ul.subnavi li a:hover span{ /*マウスオーバー時矢印設定*/
	background:url(../img/arrow_subnavi01_on.gif) no-repeat 0 50%;
}
#sidemenu ul.subnavi li a.active span{ /*active時矢印設定*/
	background:url(../img/arrow_subnavi01_on.gif) no-repeat 0 50%;
}
#sidemenu ul.subnavi li a.active_end span{ /*リスト末active時矢印設定*/
	background:url(../img/arrow_subnavi01_on.gif) no-repeat 0 50%;
}
#sidemenu ul.subnavi li a.open span{ /*展開時設定*/
	background:url(../img/arrow_subnavi01_open_off.gif) no-repeat 0 100%;
}
#sidemenu ul.subnavi li a:hover.open span{ /*展開時マウスオーバー設定*/
	background:url(../img/arrow_subnavi01_open_on.gif) no-repeat 0 100%;
}
#sidemenu ul.subnavi li a.open_active span{ /*展開時active設定*/
	background:url(../img/arrow_subnavi01_open_on.gif) no-repeat 0 100%;
}
#sidemenu ul.subnavi li a.open_active:hover span{ /*展開時マウスオーバー設定*/
	background:url(../img/arrow_subnavi01_open_on.gif) no-repeat 0 100%;
}


/*リスト末設定*/
#sidemenu ul.subnavi li a.sub_end{ /*通常リンク時設定*/
	background:url(../img/bg_subnavi01end_off.gif) no-repeat 0 100%;
}

#sidemenu ul.subnavi li a:hover.sub_end{ /*マウスオーバー時設定*/
	background:url(../img/bg_subnavi01end_on.gif) no-repeat 0 100%;
}

#sidemenu ul.subnavi li a.active_end{ /*active時設定*/
	background:url(../img/bg_subnavi01end_on.gif) no-repeat 0 100%;
	color:#FFF;
}



/*=====第2階層用設定=====*/
#sidemenu ul.subnavi li ul.sub_2 li a{
	background:url(../img/bg_subnavi02_off.gif) no-repeat 0 100%;
	padding-left/**/:40px; /*[IE6のみ除外]*/
	padding-left:30px; /*[IE6]*/
	width/**/:175px; /*[IE6のみ除外]*/
	width:185px; /*[IE6]*/
}
html>/**/body #sidemenu ul.subnavi li ul.sub_2 li a{ /*[IE7以外のモダンブラウザ用]*/
	text-indent:-10px;
	padding-left:40px;
	width:175px;
	}

#sidemenu ul.subnavi li ul.sub_2 li a:hover{ /*マウスオーバー*/
	background:url(../img/bg_subnavi02_on.gif) no-repeat 0 100%;
	color:#FFF;
}
#sidemenu ul.subnavi li ul.sub_2 li a.active{ /*active*/
	background:url(../img/bg_subnavi02_on.gif) no-repeat 0 100%;
	color:#FFF;
}
#sidemenu ul.subnavi li ul.sub_2 li a.open{ /*active*/
	background:url(../img/bg_subnavi02_on.gif) no-repeat 0 100%;
	color:#FFF;
}

/*矢印設定*/
#sidemenu ul.subnavi li ul.sub_2 li a span{ /*通常*/
	background:url(../img/arrow_green2.gif) no-repeat 0 50%;
	padding-left:10px;
}

#sidemenu ul.subnavi li ul.sub_2 li a:hover span{ /*マウスオーバー*/
	background:url(../img/arrow_white.gif) no-repeat 0 50%;
}
#sidemenu ul.subnavi li ul.sub_2 li a.active span{ /*active*/
	background:url(../img/arrow_white.gif) no-repeat 0 50%;
}
#sidemenu ul.subnavi li ul.sub_2 li a.open span{ /*展開時active*/
	background:url(../img/arrow_white_open.gif) no-repeat 0 50%;
}
#sidemenu ul.subnavi li ul.sub_2 li a.open:hover span{ /*展開時activeマウスオーバー*/
	background:url(../img/arrow_white_open.gif) no-repeat 0 50%;
}

/*リスト末設定*/
#sidemenu ul.subnavi li ul.sub_2 li a.end{background:url(../img/bg_subnavi02end_off.gif) no-repeat 0 100%;}
#sidemenu ul.subnavi li ul.sub_2 li a:hover.end{background:url(../img/bg_subnavi02end_on.gif) no-repeat 0 100%;}


/*=====第3階層用設定=====*/
#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a{
	background:url(../img/bg_subnavi03_off.gif) no-repeat 0 100%;
	padding-left/**/:55px; /*[IE6のみ除外]*/
	padding-left:45px; /*[IE6]*/
	width/**/:160px; /*[IE6のみ除外]*/
	width:170px; /*[IE6]*/
}
html>/**/body #sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a{ /*[IE7以外のモダンブラウザ用]*/
	text-indent:-10px;
	padding-left:55px;
	width:160px;
	}

#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a:hover{ /*マウスオーバー*/
	background:url(../img/bg_subnavi03_on.gif) no-repeat 0 100%;
	color:#390;
}
#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a.active{ /*active*/
	background:url(../img/bg_subnavi03_on.gif) no-repeat 0 100%;
	font-weight:bold;
	color:#390;
}

/*矢印設定*/
#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a span{ /*通常*/
	background:url(../img/arrow_green2.gif) no-repeat 0 50%;
/*	padding-left:10px;*/
	padding-left:10px;
}

#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a:hover span{ /*マウスオーバー*/
	background:url(../img/arrow_green2.gif) no-repeat 0 50%;
}
#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a.active span{ /*active*/
	background:url(../img/arrow_green2.gif) no-repeat 0 50%;
}

/*リスト末設定*/
#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a.end{background:url(../img/bg_subnavi03end_off.gif) no-repeat 0 100%;}
#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a:hover.end{background:url(../img/bg_subnavi03end_on.gif) no-repeat 0 100%;}
#sidemenu ul.subnavi li ul.sub_2 li ul.sub_3 li a.active_end{background:url(../img/bg_subnavi03end_on.gif) no-repeat 0 100%;
color:#390;
font-weight:bold;}





/*=====バナー用設定=====*/
#sidemenu ul.sidebanner{
/*	margin-bottom:20px;*/
}
#sidemenu ul.sidebanner li{
	float:left;
	margin-bottom:5px;
	}
#sidemenu ul.sidebanner li a{
	width:225px;
	height:56px;
	display:block;
	text-indent:-999999px;	
	}

#sidemenu ul.sidebanner li a.ba_contact{
	background:url(../img/ba_contact_off.jpg) no-repeat;
	}
#sidemenu ul.sidebanner li a:hover.ba_contact{
	background:url(../img/ba_contact_on.jpg) no-repeat;
	}
#sidemenu ul.sidebanner li a.ba_crop{
	background:url(../img/ba_crop_off.jpg) no-repeat;
	}
#sidemenu ul.sidebanner li a:hover.ba_crop{
	background:url(../img/ba_crop_on.jpg) no-repeat;
	}


/*========================================
#footer
========================================*/
#footer{
	clear:both;
	height:150px;
	background:url(../img/bg_footer.gif) repeat-x 0 100%;
}
#footer #gotop p{
	float:right;
	height:10px;
}
#footer #gotop p a{
	background:url(../img/fnavi_gotop.gif) no-repeat;
	display:block;
	width:92px;
	height:10px;
	text-indent:-999999px;
}
#footer #fnavi{
	clear:both;
	padding-top:50px;
}

#footer #fnavi a{
	font-size:10px;
	color:#666666;
	text-decoration:none;
}
#footer #fnavi a:hover{
	color:#666666;
	text-decoration:underline;
}

#footer p#copyright{
	clear:both;
	padding-top:40px;
	background:url(../img/copyright.gif) no-repeat 50% 100%;
	text-indent:-999999px;
}