@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:#017DB9;
	text-decoration:underline;
}

a:hover{color:#999999;}

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:url(img/bg_head.jpg) repeat-x;
}


/* ━━━━━━━━　見出し　━━━━━━━━ */

h1{}


h2{
	font-size:16px;
	margin:0px;
	padding:0px;
}

div h2{	display:none;}

h3{font-size:14px;}

div h3{display:none;}
div h4{display:none;}

h5{font-size:110%;}

h6{font-size:100%;}


/* ━━━━━━━━　ヘッダー　━━━━━━━━ */

#header_line{
	background:url(img/bg_headline.jpg) repeat-x;
	height:24px;
	width:auto;}
	
#header_line h1{
	font-size:10px;
	color: #FFFFFF;
	text-align:right;
	margin-right:10px;}
	
#header_line h1 a{
	font-size:10px;
	color: #FFFFFF;
	text-align:right;
	margin-right:10px;
	text-decoration:none;}

#head{
	background:url(img/head.png) no-repeat center bottom;
	height:311px;
	width:800px;
	margin:0 auto;
}


.headnavi{
	text-align:right;
	padding-top:30px;
	}
.headnavi ul{}

.headnavi ul li{
	display:inline;
	padding:0px 9px;
	border-right:1px solid #666666;
}

.headnavi ul li.last{border:none;}

	
/* ━━━━━━━━　フッター　━━━━━━━━ */
	
	
	
#footer{
	background:url(img/bg_footer.jpg) repeat-x;
	height:110px;
	width:auto;}


*html #footbox
	{height:110px;}
#footbox{
	width:800px;
	height:90px;
	margin: auto;
	padding:10px 0;
	text-align:center;
	color:#FFFFFF;
	background:url(img/logo_footer.jpg) no-repeat left;
}


#footbox ul{
	margin-top:10px;}

#footbox ul li{
	display:inline;
	padding:0 9px;
	margin-top:10px;
	border-right:1px solid #FFFFFF;
}

#footbox ul li a{
	color:#FFFFFF;
}

#footbox ul li.last{border:none;}

#copyright{
	font-size:10px;
	color:#FFFFFF;
	margin-top:20px;}
	


/* ━━━━━━━━　パンくずリスト　━━━━━━━━ */	
#topicpath {
	margin:10px;
}
#topicpath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
#topicpath li a {
	padding-right:10px;
	background: url(img/topicpath.gif) no-repeat right center;
}


/* ━━━━━━━━　コンテナ　━━━━━━━━ */

#container{
	clear:both;
	width:800px;
	margin:0 auto 50px auto;}
	
#leftbox{
	width:210px;
	margin:25px 0 ;
	float:left;}
	
#mainbox{
	width:575px;
	margin:25px 0 10px 15px;
	float:left;
	text-align:left;
	color:#666666;}

#main{
	margin:25px 0 10px 0;
	width:800px;
	text-align:left;
	color:#666666;}




/* ━━━━━━━━　グローバルメニュー　━━━━━━━━ */


#globalmenu{
		clear:both;
}

#globalmenu ul{}

#globalmenu li{
	float:left;
}

#globalmenu li a{
	display:block;
	height:47px;
	text-indent:-999em;
	margin:0px;
	padding:0px;

	  /*\*/
		overflow: hidden;
	  /**/
}


#globalmenu li.g1 a{
	width:160px;
	background: url(img/gnavi_1.jpg) no-repeat left top;
}
		
#globalmenu li.g1 a:hover{
	width:160px;
	background: url(img/gnavi_1.jpg) no-repeat left -47px;
}

	
#globalmenu li.g1_here{
	width:160px;
	background: url(img/gnavi_1.jpg) no-repeat left bottom;
}

#globalmenu li.g2 a{
	width:160px;
	background: url(img/gnavi_2.jpg) no-repeat left top;
}
		
#globalmenu li.g2 a:hover{
	width:160px;
	background: url(img/gnavi_2.jpg) no-repeat left -47px;
}

	
#globalmenu li.g2_here{
	width:160px;
	background: url(img/gnavi_2.jpg) no-repeat left bottom;
}
#globalmenu li.g3 a{
	width:160px;
	background: url(img/gnavi_3.jpg) no-repeat left top;
}
		
#globalmenu li.g3 a:hover{
	width:160px;
	background: url(img/gnavi_3.jpg) no-repeat left -47px;
}

	
#globalmenu li.g3_here{
	width:160px;
	background: url(img/gnavi_3.jpg) no-repeat left bottom;
}
#globalmenu li.g4 a{
	width:160px;
	background: url(img/gnavi_4.jpg) no-repeat left top;
}
		
#globalmenu li.g4 a:hover{
	width:160px;
	background: url(img/gnavi_4.jpg) no-repeat left -47px;
}

	
#globalmenu li.g4_here{
	width:160px;
	background: url(img/gnavi_4.jpg) no-repeat left bottom;
}
#globalmenu li.g5 a{
	width:160px;
	background: url(img/gnavi_5.jpg) no-repeat left top;
}
		
#globalmenu li.g5 a:hover{
	width:160px;
	background: url(img/gnavi_5.jpg) no-repeat left -47px;
}

	
#globalmenu li.g5_here{
	width:160px;
	background: url(img/gnavi_5.jpg) no-repeat left bottom;
}

/* ━━━━━━━━　トップメニュー　━━━━━━━━ */




	
	 
/* ━━━━━━━━　レイアウト　━━━━━━━━ */ 	 
/* バグ回避　*/ 
.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;} 
.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;} 
.gray{color:#333333;} 
.redbold{font-weight:bold; color:#CC0000;}