@charset "utf-8";

/*　リセットする要素　*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}
	
img { border: 0; vertical-align:bottom;}

ul li { list-style-type: none;}
 
/*　基本　*/
body {
	background-color: #191718;
	color: #666666;
	font-size: 7pt;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "Times New Roman", serif;
	line-height: 2;
	letter-spacing: 0.15em;
	text-align: center;
	}
/*　IE8 font用　*/	
head~/* */body body {font-family: serif;}  	
html:not(:target) body {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "Times New Roman", serif;}

/*　safari font用　*/	
html[xmlns*=""] body:last-child body { font-size: 7.5pt;}  
	
pre {
	font-size: 7pt;
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "Times New Roman", serif;
	line-height: 2;
	letter-spacing: 0.2em;
	}	
	
a:link {color: #191718; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}
a:hover {color: #C9CACA; text-decoration: none;}	

.dott {
	border-bottom: 1px #808080 dotted;	
	}

.red {color: #CC5637;}
	
h1 {
	font-size: 7pt;
	font-weight: bold;
	}

h2, h3 {
	font-size: 7pt;
	font-weight: normal;
	}	

h3.top {text-indent: -9999px;}	

address {
	font-style: normal;
	line-height: 60px;
	width: 780px;
	height: 108px;
	background:url(../img/footer.gif) no-repeat center bottom;
	text-align: center;	
	}
a.address_link:link, a.address_link:visited, a.address_link:active  {
	color: #666666; 
	}
a.address_link:hover {
	color: #C9CACA;
	}
	

/*　全てのブロック　*/
#all {
	background-color: #FFFFFF;
	background-image: url(../img/back.gif);
	background-repeat: repeat-y; 
	background-position: top;
	width: 780px;
	margin: 0 auto;
	padding-top: 30px;
	}
	
/*　NAVI　*/
#navi {
	width: 610px;
	height: 42px;
	margin: 0 auto;	 padding: 0;
	text-align: center;
	}
/*　clearfix(親要素にclearを与える)　*/
#navi:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

#navi li {list-item-position: inside; padding: 0;display: inline;}

#navi .info a {width: 52px;height: 42px; margin: 0 0 0 39px;float: left; background: url(../img/menu_info.gif) top left no-repeat; text-indent: -9999px;   overflow: hidden; }	
#navi .brand a {width: 72px; height: 42px; margin:0 0 0 39px;  float: left; background: url(../img/menu_brand.gif) top left no-repeat;text-indent: -9999px;   overflow: hidden; }	
#navi .event a {width: 66px; height: 42px; margin: 0 0 0 39px;  float: left; background: url(../img/menu_event.gif) top left no-repeat;  text-indent: -9999px;  overflow: hidden; }			
#navi .shop a {width: 62px; height: 42px; margin: 0 0 0 39px; float: left;  background: url(../img/menu_shop.gif) top left no-repeat; text-indent: -9999px;  overflow: hidden; }	
#navi .online a {width: 132px; height: 42px;  margin: 0 0 0 39px;  float: left; background: url(../img/menu_online.gif) top left no-repeat; text-indent: -9999px;  overflow: hidden; }	
#navi .check a {width: auto; height: 42px; margin: 0 0 0 39px;  float: left; }	

#navi .info a:hover {background: url(../img/menu_info_o.gif) top left no-repeat; }
#navi .brand a:hover {background: url(../img/menu_brand_o.gif) top left no-repeat; }
#navi .event a:hover {background: url(../img/menu_event_o.gif) top left no-repeat; }
#navi .shop a:hover {background: url(../img/menu_shop_o.gif) top left no-repeat; }
#navi .online a:hover {background: url(../img/menu_online_o.gif) top left no-repeat; }


/*　NAVI左右スペース IE7用　*/	
*+html #navi {
	list-style-type: none;
	margin: 0 85px;	
	}
*+html #navi .info a {margin-left: 0; }




/*　TOP　*/
	/*　ヘッダーロゴ　*/
	#logo {
		border-style: none;
		text-align: center;
		margin: 0 auto 10px auto;
		}
	#logo h1 {
		position: absolute;
		left: -999px;
		width: 10px;
		height:10px;
		overflow:hidden;
		}	
		
	
	/*　メインフォト　*/
	#mainphoto {
		margin-top: 10px;	
		}	
		
	/*　Online shop OPEN　*/
	#online {
		margin: 20px 110px 0 110px;	
		width: 560px;
		text-align: center;
		border-bottom: 1px dotted #bbb;
		padding-bottom: 50px; 
		}			
	#online h2 a {
		width: 560px; height: 131px; margin-bottom: 20px;
		background: url(../img/bnr_online.gif) top no-repeat;
		text-indent: -9999px;  display: block; overflow: hidden; 
		}	
	#online h2 a:hover {	
		background: url(../img/bnr_online_o.gif) top no-repeat;
		}		
		
	/*　Solde　*/
	#solde {
		margin: 20px 110px 0 110px;	
		width: 560px;
		text-align: center;
		border-bottom: 1px dotted #bbb;
		padding-bottom: 50px; 
		}			
	#solde h2 a  {
		width: 560px; height: 106px; margin-bottom:20px;
		background: url(../img/bnr_solde.gif) top no-repeat;
		text-indent: -9999px; display: block; overflow: hidden;   
		}	

		
		
	/*　オリジナルポーチ　*/
	#pouch_top {
		margin: 20px 110px 0 110px;	
		width: 560px;
		text-align: center;
		border-bottom: 1px dotted #bbb;
		padding-bottom: 50px;
		}			
	#pouch_top h2 a {
		width: 560px; height: 110px; margin-bottom: 20px;
		background: url(../img/pouch_title.gif) top no-repeat;
		text-indent: -9999px;  display: block; overflow: hidden; 
		}	
	#pouch_top h2 a:hover {	
		background: url(../img/pouch_title_o.gif) top no-repeat;
		}					
	
	/*　CONCEPT　*/
	#concept {
		margin: 0 auto;
		padding: 40px 110px;
		text-align: left;
		line-height: 2.5;
		}
		
	/*　更新情報　*/
	#update {
		margin: 60px 0 0 0;
		text-align: right;
		}