
@import url(page.css);
@import url(lightbox.css);

/* リセット */


*{
	margin:0;
	padding:0;
	font-style:normal;
	line-height:1.5;
	}

html {overflow-y:scroll;}

p {margin:0;}

ul , li{list-style-type:none;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

img{
	border:0;}
	
textarea{font-size:small;}

form, rieldset, input, textarea, button{
	margin:0;
	padding:0;
	font-size:100%;
}

/* リンク */

a {color:#339900;
	text-decoration:underline;
}

a:hover{color:#99CC66;}

a.button_down:hover{
	position:relative;
	left:1px;
	top:1px;
}



/* レイアウト */


body {
	font-size: 12px;
	line-height: 120%;
	color: #3A3A3A;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-color:#EBEDE8;
	
}


/* ━━━━━━━━　見出し　━━━━━━━━ */

h1{}


h2{
	font-size:12px;
	margin:0px;
	padding:0px;
}

div h2{	display:none;}

h3{font-size:14px;}

#title h3{
	background:url(img/icon_gr_big.gif) no-repeat left;
	font-size:17px;
	font-weight:bold;
	color:#7D3F00;
	padding-left:22px;}
p.title{	background:url(img/icon_gr_big.gif) no-repeat left;
	font-size:17px;
	font-weight:bold;
	color:#7D3F00;
	padding-left:22px;
	margin-bottom:20px;
	
	}

h5{font-size:110%;}

h6{font-size:100%;}


/* ━━━━━━━━　ヘッダー　━━━━━━━━ */

#header{
	background:url(img/bg_head.jpg) repeat-x #FFFFFF;
	height:auto;
	width:850px;
	margin:auto;
}
	
#header h1{
	font-size:11px;
	color: #3A3A3A;
	text-align:right;
	float:right;
	margin-right:10px;
	margin-top:10px;}

#header img{
	float:left;
	margin-top:7px;
	padding:5px 10px;
	}
	
/* ━━━━━━━━　フッター　━━━━━━━━ */
	
	
	
#footer{text-align:right;
	color:#3A3A3A;
	font-size:11px;
	background:#FFFFFF;
	width:850px;
	margin:auto auto 10px auto;
	padding-top:20px;
	border-top:2px #009900 solid;}
	
#footer img{
	float:left;
	padding:5px 10px;}
	

#footer ul{margin-bottom:6px;}

#footer ul li{
	display:inline;
	padding:0px 9px;
	border-right:1px solid #666666;
}

#footer ul li.last{border:none;}

.copyright{
	font-size:10px;
	text-align:right;
	color:#009900;
	margin-right:10px;}

/* ━━━━━━━━　コンテナ　━━━━━━━━ */

#container{
	width:850px;
	margin:5px auto;
	background:#FFFFFF;
	}
	
#leftbox{
	width:190px;
	height:auto;
	margin:10px 0 10px 4px;
	padding:15px 0;
	float:left;
	background:#FFFFFF;}
	
#mainbox{
	width:630px;
	margin:10px 2px;
	padding:15px 8px;
	float:left;
	border-left:1px #CCCCCC solid;
	background:#FFFFFF;
	text-align:left;}



/* ━━━━━━━━　グローバルメニュー　━━━━━━━━ */


#globalmenu{
		clear:both;
		background:url(img/bg_gmenu.gif) repeat-x;
		height:38px;
		margin:auto;
		width:850px;
}

#globalmenu ul{}

#globalmenu li{
	float:left;
	
}

#globalmenu li a{
	display:block;
	margin-top:4px;
	height:29px;
	text-indent:-999em;

}


#globalmenu li.g1 a{
	width:115px;
	background: url(img/gmenu_01.gif) no-repeat left top;
}
		
#globalmenu li.g1 a:hover{
	width:115px;
	height:30px;
	background:url(img/gmenu_01.gif) no-repeat left -30px;
}

	
#globalmenu li.g1_here{
	width:115px;
	background: url(img/gmenu_01.gif) no-repeat left -30px;
}

#globalmenu li.g2 a{
	width:154px;
	background: url(img/gmenu_02.gif) no-repeat left top;
}
		
#globalmenu li.g2 a:hover{
	width:154px;
	background: url(img/gmenu_02.gif) no-repeat left  -30px;
}

	
#globalmenu li.g2_here{
	width:154px;
	background: url(img/gmenu_02.gif) no-repeat left -30px;
}

#globalmenu li.g3 a{
	width:180px;
	background: url(img/gmenu_03.gif) no-repeat left top;
}
		
#globalmenu li.g3 a:hover{
	width:180px;
	background: url(img/gmenu_03.gif) no-repeat left -30px;
}

	
#globalmenu li.g3_here{
	width:180px;
	background: url(img/gmenu_03.gif) no-repeat left -30px;
}

#globalmenu li.g4 a{
	width:143px;
	background: url(img/gmenu_04.gif) no-repeat left top;
}
		
#globalmenu li.g4 a:hover{
	width:143px;
	background: url(img/gmenu_04.gif) no-repeat left  -30px;
}

	
#globalmenu li.g4_here{
	width:143px;
	background: url(img/gmenu_04.gif) no-repeat left -30px;
}

#globalmenu li.g5 a{
	width:154px;
	background: url(img/gmenu_05.gif) no-repeat left top;
}
		
#globalmenu li.g5 a:hover{
	width:154px;
	background: url(img/gmenu_05.gif) no-repeat left -30px;
}

	
#globalmenu li.g5_here{
	width:154px;
	background: url(img/gmenu_05.gif) no-repeat left -30px;
}

#globalmenu li.g6 a{
	width:105px;
	background: url(img/gmenu_06.gif) no-repeat left top;
}
		
#globalmenu li.g6 a:hover{
	width:105px;
	background: url(img/gmenu_06.gif) no-repeat left -30px;
}

	
#globalmenu li.g6_here{
	width:105px;
	background: url(img/gmenu_06.gif) no-repeat left -30px;
}

#globalmenu li.g7 a{
	width:88px;
	background: url(img/gmenu_07.gif) no-repeat left top;
}
		
#globalmenu li.g7 a:hover{
	width:88px;
	background: url(img/gmenu_07.gif) no-repeat left -30px;
}

	
#globalmenu li.g7_here{
	width:88px;
	background: url(img/gmenu_07.gif) no-repeat left -30px;
}




/*セカンド*/

#globalmenu2{
		clear:both;

		height:46px;
		margin:auto;
		width:850px;
}

#globalmenu2 ul{}

#globalmenu2 li{
	float:left;
	
}

#globalmenu2 li a{
	display:block;
	height:46px;
	text-indent:-999em;

}


#globalmenu2 li.g1 a{
	width:90px;
	background: url(img/gmenu_1.gif) no-repeat left top;
}
		
#globalmenu2 li.g1 a:hover{
	width:90px;
	background:url(img/gmenu_1.gif) no-repeat left -46px;
}

	
#globalmenu2 li.g1_here{
	width:90px;
	background: url(img/gmenu_1.gif) no-repeat left -46px;
}

#globalmenu2 li.g2 a{
	width:154px;
	background: url(img/gmenu_2.gif) no-repeat left top;
}
		
#globalmenu2 li.g2 a:hover{
	width:154px;
	background: url(img/gmenu_2.gif) no-repeat left  -46px;
}

	
#globalmenu2 li.g2_here{
	width:154px;
	background: url(img/gmenu_2.gif) no-repeat left -46px;
}

#globalmenu2 li.g3 a{
	width:148px;
	background: url(img/gmenu_3.gif) no-repeat left top;
}
		
#globalmenu2 li.g3 a:hover{
	width:148px;
	background: url(img/gmenu_3.gif) no-repeat left -46px;
}

	
#globalmenu2 li.g3_here{
	width:148px;
	background: url(img/gmenu_3.gif) no-repeat left -46px;
}

#globalmenu2 li.g4 a{
	width:115px;
	background: url(img/gmenu_4.gif) no-repeat left top;
}
		
#globalmenu2 li.g4 a:hover{
	width:115px;
	background: url(img/gmenu_4.gif) no-repeat left  -46px;
}

	
#globalmenu2 li.g4_here{
	width:115px;
	background: url(img/gmenu_4.gif) no-repeat left -46px;
}

#globalmenu2 li.g5 a{
	width:141px;
	background: url(img/gmenu_5.gif) no-repeat left top;
}
		
#globalmenu2 li.g5 a:hover{
	width:141px;
	background: url(img/gmenu_5.gif) no-repeat left -46px;
}

	
#globalmenu2 li.g5_here{
	width:141px;
	background: url(img/gmenu_5.gif) no-repeat left -46px;
}

#globalmenu2 li.g6 a{
	width:104px;
	background: url(img/gmenu_6.gif) no-repeat left top;
}
		
#globalmenu2 li.g6 a:hover{
	width:104px;
	background: url(img/gmenu_6.gif) no-repeat left -46px;
}

	
#globalmenu2 li.g6_here{
	width:104px;
	background: url(img/gmenu_6.gif) no-repeat left -46px;
}

#globalmenu2 li.g7 a{
	width:98px;
	background: url(img/gmenu_7.gif) no-repeat left top;
}
		
#globalmenu2 li.g7 a:hover{
	width:98px;
	background: url(img/gmenu_7.gif) no-repeat left -46px;
}

	
#globalmenu2 li.g7_here{
	width:98px;
	background: url(img/gmenu_7.gif) no-repeat left -46px;
}






	
	 
/* ━━━━━━━━　レイアウト　━━━━━━━━ */ 	 
/* バグ回避　*/ 
.clearfix:after{ 
content:"."; 
height:0; 
clear:both; 
display:block; 
visibility:hidden; 
} 
.clearfix { 
zoom:100%; 
} 
/* ━━━━━━━━　配置・マージン　━━━━━━━━ */ 
.left{float:left;display:inline;} 
.right{float:right;display:inline;} 
.clear{clear:both;} 
.clearleft{clear:left;} 
.clearright{clear:right;} 
.alignleft{text-align:left;} 
.aligncenter{text-align:center;} 
.alignright{text-align:right;} 
.m2{margin:2px;} 
.under_bar { 
text-decoration: underline; 
} 
.m5{margin:5px;} 
.m10{margin:10px;} 
.m15{margin:15px;} 
.m20{margin:20px;} 
.m30{margin:30px;} 
.m40{margin:40px;} 
.mt2{margin-top:2px;} 
.mt5{margin-top:5px;} 
.mt10{margin-top:10px;} 
.mt15{margin-top:15px;} 
.mt20{margin-top:20px;} 
.mt30{margin-top:30px;} 
.mt40{margin-top:40px;} 
.mt60{margin-top:60px;} 
.mr2{margin-right:2px;} 
.mr5{margin-right:5px;} 
.mr10{margin-right:10px;} 
.mr15{margin-right:15px;} 
.mr20{margin-right:20px;} 
.mr30{margin-right:30px;} 
.mr40{margin-right:40px;} 
.mr400{margin-right:400px;} 
.mu2{margin-bottom:2px;} 
.mu5{margin-bottom:5px;} 
.mu10{margin-bottom:10px;} 
.mu15{margin-bottom:15px;} 
.mu20{margin-bottom:20px;} 
.mu30{margin-bottom:30px;} 
.mu40{margin-bottom:40px;} 
.ml2{margin-left:2px;} 
.ml3{margin-left:3px;} 
.ml5{margin-left:5px;} 
.ml10{margin-left:10px;} 
.ml15{margin-left:15px;} 
.ml20{margin-left:20px;} 
.ml30{margin-left:30px;} 
.ml40{margin-left:40px;} 
.pu10{paddin-bottom:10px;} 
/* ━━━━━━━━　文字の大きさ・行間　━━━━━━━━ */ 
.f50{font-size:50%;} 
.f80{font-size:80%;} 
.f90{font-size:90%;} 
.f110{font-size:110%;} 
.f120{font-size:120%;} 
.f130{font-size:130%;} 
.f9{font-size:9px;} 
.f10{font-size:10px;} 
.f11{font-size:11px;} 
.f12{font-size:12px;} 
.f13{font-size:13px;} 
.f14{font-size:14px;} 
.f15{font-size:15px;} 
.f16{font-size:16px;} 
.f17{font-size:17px;} 
.f18{font-size:18px;} 
.f19{font-size:19px;} 
.f20{font-size:20px;} 
.f25{font-size:25px;} 
.f30{font-size:30px;} 
.lh110{line-height:110%;} 
.lh120{line-height:120%;} 
.lh130{line-height:130%;} 
.lh140{line-height:140%;} 
.lh150{line-height:150%;} 
.lh160{line-height:160%;} 
.lh170{line-height:170%;} 
.lh180{line-height:180%;} 
.lh190{line-height:190%;} 
.lh200{line-height:200%;} 
.bold{font-weight:bold;} 
.redbold{font-weight:bold; color:#CC0000;} 
.dash{background:url(../img/dash_light.gif) repeat-x bottom; 
padding-bottom:10px; 
width:auto;}


/* ━━━━━━━━ぱんくず・ナビとか━━━━━━━━ */ 

.gr_br{
	background:url(img/icon_gr.gif) no-repeat left ;
	padding-left:19px;
	color:#7D3F00;
	font-weight:bold;}
	
	
.gr_gr{
	background:url(img/icon_gr.gif) no-repeat left ;
	padding-left:19px;
	color:#666666;
	font-weight:bold;}
	
#topicpath {
	margin:0 30px 5px 30px;
	text-align:right;
	font-size:10px;
}
#topicpath li {
	display:inline;
	line-height:300%;
	list-style-type:none;
}
#topicpath li a {
	padding-right:10px;
	background: url(img/arrow_topicpath.gif) no-repeat right center;
	color:#006600;
}

.navilink{
	background:url(img/icon_gr.gif) no-repeat left;
	padding-left:15px;
	margin-right:3px;}