@charset "utf-8";

body {
	font-size:93%;
	margin:0;
	padding:0;
	background:#FFF url(../img/main_bg.gif) repeat-x;
}
*html body {
	height:100%;
	overflow-y:scroll;
}
/*html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*
===== サイト構成 ==========================================
*/
#container {
	width:828px;
	text-align:center;
    margin:0 auto;
	position:relative;
	overflow:hidden;
	_zoom:1;
}

#main {
	text-align:center;
    margin:0 auto;
	padding-bottom:143px;
	padding-top:7px;
	width:828px;
	overflow:hidden;
	_zoom:1;}

#content {
	width:828px;
	margin:0 auto;
	text-align:center;
	clear:both;
	padding:10px 0 0 0;
	overflow:hidden;
	_zoom:1;
	position:relative;


}
/*
===== トップページ構成 ==========================================
*/	
#fedeinW {
	position:relative;
}
#left {
	float:left;
	width:408px;
	padding:0;
	background:transparent;
	position:relative;
	min-height:600px;
	height: auto !important;
	height: 600px;
	}	
#right {
	float:right;
	width:408px;
	padding:0;
	background:transparent;
	min-height:600px;
	height: auto !important;
	height: 600px;
	}	
	.shopData b{
		color:#C00;
	}
.shopData {
	border:none;
	margin:4px 0 50px;
	padding:0;
	width:408px;
	}
.shopData td{
	padding:10px;
	border-top:1px solid #DDD;
	border-right:none;
	border-bottom:1px solid #DDD;
	border-left:none;
	font-size:85%;
	background:#F9F9F9;
	}	
.shopData th{
	padding:10px;
	width:100px;
	text-align:right;
	border-top:1px solid #DDD;
	border-right:none;
	border-bottom:1px solid #DDD;
	border-left:none;
	background: url(../img/shoptable_bg.gif) repeat-x 0 top #FFF;
	font-size:85%;
	color:#FFF;
	font-weight:normal;
	}	
	
	
/*
===== 画像レイアウト ==========================================
*/
.imgRight {
	float:right;
	margin:0 0 10px 10px;
	padding-right:10px;
	}

.imgLeft {
	float:left;
	margin:0 10px 5px 0
	}


/*
===== 画像フェード ==========================================
*/	

.fedein{
	margin:5px auto;
	text-align:center;
	width:408px;
	clear:both;
	_zoom:1;
	overflow:hidden;
}
/*
===== menu ==========================================
*/
div.menuCon {
	padding:10px 0;
	overflow:hidden;
	_zoom:1;
	width:840px;
	margin-right:-12px;
}
#menuContent {
	height:100%;
	position: relative;
	min-height:1800px;
	height: auto !important;
	height: 1800px;
}
.ptop {
	clear:both;
}
* html #menuContent {
	min-height:1900px;
	height: auto !important;
	height: 1900px;
}
dl {
	float:left;
	width:408px;
	margin:0 12px 20px 0;
}
dt {
	font-size:116%;
	color:#930;
	padding:5px;
	border-bottom:1px solid #960;
	margin:0 0 5px 0;
	position:relative;
}
dt .fee {
	position:absolute;
	top:3px;
	right:0;
	font-size:100%;
	color:#930;
	font-weight:bold;
}
dd {
	background:url(../img/menu_icon.gif) no-repeat 0 50%;
	padding:0 10px 0 12px;
	font-size:85%;
	margin:0 0 6px 10px;
	float:left;white-space:nowrap;
}
.contentC {
	border:4px solid #DDD;
	padding:10px;
	background:#FFF;
	margin-bottom:5px;
}
.contentC a:link,.contentC a:visited {
	color:#333;
}
.contentC01{
	clear:both;
	min-height:700px;
	height: auto !important;
	height: 700px;
}
/*
===== 基本テーブル構成 ==========================================
*/	
.normalT {
	margin:3px 0 5px 15px;
	width:580px;
	text-align:center;
	border:1px solid #999;
	clear:both;
	}
.normalT th{
	padding:8px;
	background:#ECF6FF;
	color:#333333;
	font-size:93%;
	text-align:center;
	border:1px solid #CCC;
	}		
.normalT td.data01{
	padding:8px;
	background:#FFF;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	border:1px solid #CCC;
	}		
.normalT td{
	text-align:left;
	padding:8px;
	font-size:85%;
	border:1px solid #CCC;
	}	
.guideT {
	margin:10px auto 30px;
	width:530px;
	text-align:center;
	border:1px solid #999;
	clear:both;
	}
.guideT th{
	padding:8px;
	background:#F7F7F7;
	color:#333333;
	font-size:85%;
	width:110px;
	text-align:right;
	border:1px solid #CCC;
	}	
.guideT td{
	text-align:left;
	padding:8px;
	font-size:85%;
	border:1px solid #CCC;
	}	
.guideT p {
	padding:8px;
	line-height:1.8;
}
.guideT h3 {
	padding:5px;
}
.companyT {
	margin:10px auto 60px;
	width:530px;
	text-align:center;
	border:1px solid #999;
	clear:both;
	}
.companyT th{
	padding:8px;
	background:#F7F7F7;
	color:#333333;
	font-size:85%;
	width:150px;
	text-align:right;
	border:1px solid #CCC;
	}	
.companyT td{
	text-align:left;
	padding:8px;
	font-size:85%;
	border:1px solid #CCC;
	}		
.layoutT{
	width:100%;
	border:1px solid #CCC;
}
.layoutT th{
	border:1px solid #CCC;
	width:100px;
}
.layoutT td{
	border:1px solid #CCC;
}
.layoutT a:link,.layoutT a:visited{
	color:#C00;
}
/*
===== フッター ==========================================
*/


	
#footer{
	width:100%;
	font-size:85%;
	position: relative;
	margin-top: -143px;
	height: 143px;
	text-align:center;
	background: url(../img/footer_bg.gif) repeat-x;
	clear:both;
	z-index:10;
}

#footer p{
	color:#666;
	font-size:75%;
	text-align:center;
	padding-top:15px;
	letter-spacing:0.05em;
	clear:both;
}
#footer .footerAd{
	font-size:85%;
	text-align:left;
	padding:20px 0 0 90px;
}
#footer  a:link,
#footer  a:visited	{
	text-decoration:none;
	color: #FFF;
	}	
#footer  a:hover{
	text-decoration:underline;
	color: #EEE;
	}	

.pageTop {
	clear:both;
	float:right;
	padding:20px 10px 0 0;
	}	
#footer div.footerCon dl {
	margin:0 15px 0 0px;
	padding-top:15px;
	float:left;
	}		
#footer div.footerCon dt {
	padding-bottom:3px;
	}	
#footer div.footerCon dd {
	line-height:1.6;
	text-indent:0.5em;
	}	
.sitemap {
	margin:10px 0 0 150px;
	display:inline;
	float:left;
	width:814px;
	color: #ea8ec5;
	}
#footer .sitemap dl {
	float:left;
	display:inline;
	margin:0 20px 0 0;
	}	
#footer .sitemap dt {
	background:url(../img/footer_icon.gif) no-repeat 0 50%;
	padding-left:10px;
	font-weight:bold;
	}	
#footer .sitemap dd {
	line-height:1.6;
	text-indent:0.5em;
	font-size:70%;
	padding:3px 0 0 12px;
	}		

/*
===== ヘッダーHEADER ==========================================
*/
#header{
	width:828px;
	height:160px;
	margin:0 auto;
	position:relative;
}
#header .logo{
	margin:0 auto;
	position:absolute;
	top:15px;
	left:0px;
}
#header h1{
	font-size:70%;
	color: #F69;
	position:absolute;
	top:3px;
	left:0;
	font-weight:normal;
	letter-spacing:0.05em;
}
#header p.topT01 strong{
	font-weight:normal;
}
#header p.topT02{
	font-size:85%;
	color:#333;
	position:absolute;
	top:45px;
	left:160px;
	width:400px;
}
#header .topT03 {
	position:absolute;
	top:32px;
	right:-15px;
	}
#header .headerSub01	{
	position:absolute;
	top:37px;
	right:-72px;
	}
#header a:link,#header a:visited {
	text-decoration:none;
	color: #666;
	}
#header a:hover {
	color: #C00;
	}		
/*
=====コンテンツ ==========================================
*/	

#navi{
  margin:0;
  padding:0;
  width:400px;
  height:85px;
  position:absolute;
  top:35px;
  right:0;
}
#home,#homeOn{
  text-indent: -9999px;
  float:left;
  width:133px;
}
#menu,#menuOn{
  text-indent: -9999px;
  float:left;
  width:133px;
}
#access,#accessOn{
  text-indent: -9999px;
  float:left;
  width:134px;
}
#navi a{
  display: block;
  width: 100%;
  height: 85px;
  background-image: url(../img/main_bottan.gif);
  background-repeat: no-repeat;
}
#home a{background-position: 0 0;}
#menu a{background-position: -133px 0;}
#access a{background-position: -266px 0;}

#navi a:hover{
  background-image: url(../img/main_bottan.gif);
  background-repeat: no-repeat;
}
#home a:hover{background-position: 0 -85px;}
#menu a:hover{background-position: -133px -85px;}
#access a:hover{background-position: -266px -85px;}

#homeOn a{display: block;text-indent: -9999px;float:left;background-position: 0 -85px;}
#menuOn a{background-position: -133px -85px;}
#accessOn a{background-position: -266px -85px;}