@import url(page.css);@import url(page2.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%;}

hr {display:none;}

img{
	border:0;}
	
textarea{font-size:small;}

form, rieldset, input, textarea, button{
	margin:0;
	padding:0;
	font-size:100%;
}

/* リンク */

a {color:#006600;
	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;
}

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

#container{
	clear:both;
	width:862px;
	margin:auto;}

#main{
	background:url(img/bg.gif) repeat-y;
	width:862px;
	padding-top:10px;}
	


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

h1{}


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


h3{font-size:14px;}

h5{font-size:110%;}

h6{font-size:100%;}


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

#header{
	background:url(img/bg_header.jpg) no-repeat;
	height:150px;
	width:850px;
	margin:auto;}
	
#header h1
{
width: 260px;
height: 130px;
float: left;
height: 75px;
}

#header h1 a
{
width: 260px;
display: block;
height: 130px;
background: url(img/logo.jpg) right bottom;
text-indent: -10000px;
background-repeat: no-repeat;
}

#header h1 a:hover
{
}

#navimenu{
		clear:both;
		width:195px;
		height:31px;
		float:right
}
#navimenu ul{}

#navimenu li{
	float:left;
}

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

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


#navimenu li.shop a{
	width:96px;
	background: url(img/tab_s.jpg) no-repeat left top;
}

#navimenu li.home a{
	width:96px;
	background: url(img/tab_h.jpg) no-repeat left top;
}





/* ━━━━━━━━　フッター　━━━━━━━━ */
	
#footer{
	background:url(img/bg_footer.gif) repeat-x top;
	height:63px;
	margin:5px auto 0 auto;
	padding-top:10px;
	text-align:center;
	width:800px;
	clear:both;
}	
	

#footer ul{
	text-align:center;
	margin:auto;
	margin-left:50px;}

#footer ul li{
	float:left;

}
#footer ul li a{
	display:block;
	height:28px;
	text-indent:-999em;
	margin-right:3px;
	padding:0px;

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


#footer ul li.f1 a{
	width:116px;
	background: url(img/f1.gif) no-repeat;
}
#footer ul li.f2 a{
	width:93px;
	background: url(img/f2.gif) no-repeat;
}
#footer ul li.f3 a{
	width:71px;
	background: url(img/f3.gif) no-repeat;
}
#footer ul li.f4 a{
	width:92px;
	background: url(img/f4.gif) no-repeat;
}
#footer ul li.f5 a{
	width:115px;
	background: url(img/f5.gif) no-repeat;
}
#footer ul li.f6 a{
	width:106px;
	background: url(img/f6.gif) no-repeat;
}
#footer ul li.f7 a{
	width:100px;
	background: url(img/f7.gif) no-repeat;
}

#foot{
	background:url(img/bg_foot.gif) no-repeat;
	height:84px;
	widows:862px;
	text-align:right;
	
	}
	
#foot img{
	margin-right:30px;}




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


#globalmenu{
		clear:both;
		text-align:center;
		background:url(img/bg_head.gif) no-repeat;
		width:862px;
		height:80px;
}

#globalmenu ul{
	margin-left:27px;}

#globalmenu li{
	float:left;
}

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

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


#globalmenu li.g1 a{
	width:191px;
	background: url(img/g1.gif) no-repeat left top;
}
		
#globalmenu li.g1 a:hover{
	width:191px;
	background: url(img/g1.gif) no-repeat left bottom;
}
#globalmenu li.g2 a{
	width:148px;
	background: url(img/g2.gif) no-repeat left top;
}
		
#globalmenu li.g2 a:hover{
	width:148px;
	background: url(img/g2.gif) no-repeat left bottom;
}
#globalmenu li.g3 a{
	width:134px;
	background: url(img/g3.gif) no-repeat left top;
}
		
#globalmenu li.g3 a:hover{
	width:134px;
	background: url(img/g3.gif) no-repeat left bottom;
}
#globalmenu li.g4 a{
	width:152px;
	background: url(img/g4.gif) no-repeat left top;
}
		
#globalmenu li.g4 a:hover{
	width:152px;
	background: url(img/g4.gif) no-repeat left bottom;
}
#globalmenu li.g5 a{
	width:185px;
	background: url(img/g5.gif) no-repeat left top;
}
		
#globalmenu li.g5 a:hover{
	width:185px;
	background: url(img/g5.gif) no-repeat left bottom;
}

	

/* ━━━━━━━━　トップ　━━━━━━━━ */

#mid{width:800px;
	margin:10px auto 15px auto;
	}
	
#lbox{
	width:400px;
	float:left;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:666666;}


#l_news{
	margin:5px 0;
}

#l_news h2{
	background:url(img/h3_news.gif) no-repeat;
	width:375px;
	height:28px;
text-indent: -10000px;}


#l_news .date{width:100px;
	margin:7px 0 4px 0;
	float:left;
	}
	
*html #l_news .text{
	width:270px;}
	
#l_news .text{
	width:255px;
	margin:7px 0 4px 0;
	float:left;
	padding-left:20px;
	background:url(img/bg_icon.gif) no-repeat left top;
}
	
#l_blog{
	margin:30px 0 5px 0;
}
	
#l_blog h3{
	background:url(img/h3_blog.gif) no-repeat;
	width:375px;
	height:28px;
text-indent: -10000px;}


#rbox{
	width:375px;
	float:right;
	text-align:right;}
	
#r_menu{	margin-top:5px;
	width:375px;
	text-align:right;
	}

#r_menu h3{
	background:url(img/h3_menu.gif) no-repeat right;
	width:375px;
	height:28px;
	text-indent: -10000px;
	color:#ffffff;
	}
	
#r_menu .box{
	margin:5px 0;
	text-align:left;}

#r_menu .box img{
	float:left;
	margin-right:10px;}
	
#r_menu .box h4{
	font-weight:bold;
	width:185px;
	float:left;
	margin-bottom:5px;
	}
	
#r_menu .box p{
	float:left;
	width:185px;
	margin-bottom:5px;
	line-height: normal;
	}

.bn img{
	margin:5px 0;}




/* ━━━━━━━━　バナーエリア　━━━━━━━━ */	
#bn_top{
	width:800px;
	margin:10px auto;}


#bn_top2{
	width:800px;
	margin:0px auto 10px auto;}

	 
/* ━━━━━━━━　レイアウト　━━━━━━━━ */ 	 
/* バグ回避　*/ 
.clearfix:after{ 
content:"."; 
height:0; 
clear:both; 
display:block; 
visibility:hidden; 
} 
.clearfix { 
zoom:100%; 
} 

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

/* ━━━━━━━━　配置・マージン　━━━━━━━━ */ 
.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;} 
.mu25{margin-bottom:25px;} 
.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;} 
.line{background:url(img/bg_dot.gif) repeat-x;
margin:10px 0;
height:3px;}
.line8{background:url(img/bg_dot.gif) repeat-x;
width:800px;
margin:10px 0;
height:3px;}
.gotop{
	margin:20px 35px 20px 0;
	text-align:right;}