@charset "Shift_JIS";

/* ■ 共通スタイル指定 ■ -------------------------------------------------- */


* {
	margin: 0;
	padding: 0;
	list-style-type: none;

	/* 確認用 */
	/* border: #cc0000 solid 1px; */
}

img{border:0px;}
.s-text{font-size:70%; line-height:150%; color: #666;}
.m-text{font-size:80%; line-height:160%; color: #666;}
.m-text-bold{font-size:80%; line-height:160%; color: #666; font-weight: bold;}
.m-text-brown{font-size:80%; line-height:160%; color: #4E2F34;}
.brown{color: #4E2F34;}
.red{color: #FF0000;}
.l-text{font-size:120%; line-height:170%; color: #666;}
.l-text-blue{font-size:120%; line-height:170%; color: #0b79ac; font-weight: bold;}
.l-pos{float:left;}
.r-pos{float:right; padding-left:5px;}
.floatClear{clear:both; margin:0; padding:0;}
.space5{padding-bottom: 5px;}
.space10{padding-bottom: 10px;}
.space15{padding-bottom: 15px;}
.space20{padding-bottom: 20px;}
.space30{padding-bottom: 30px;}
.disappear{text-indent:-9999px;}
#td10{padding: 10px;}

html {
	height: 100%; /* コンテンツ背景 最下到達用 */
}

body {
	background: #d5dada url(../common/bg.jpg) ; /* 背景画像 */
	height: 100%; /* コンテンツ背景 最下到達用 */
	text-align:center;
	color: #666;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}




p.contents{
	font-size:80%; line-height:160%; color: #666; padding-bottom:20px;
	padding-left:15px; padding-top:12px;
}


.pagetop{font-Size:80%; text-align:right;clear:both;
}

img {
	vertical-align: bottom; /* 画像下余白ナシ */
	border-style: none;
}

hr {
	border: 1px #f6f7f8 solid;
	clear: both; /* 予備 */
}

a:link , a:visited {
	text-decoration: none;
	color:#4A69CE;
}

a:active , a:hover {
	text-decoration: none;
	color:#4ACEC9;
}



	.none { /* hrレイアウト崩れ防止 */
		display: none; /* ボックス無し */
	}

/* ■ 共通構成要素 ■ -------------------------------------------------- */

/* コンテナ */
div#container {
	background: #fff;  
	margin: 0 auto; /* センタリング */
	width: 800px;
	height: 100%; /* コンテンツ背景 最下到達用 */
/*border: #000000 solid 1px;*/
}

/* サブコンテナ */
div#subContainer {
	background: #fff;  
	width: 800px;
/*border: #cc0000 solid 1px;*/
}

h1{
	margin:0; padding:0px;
	width:800px;
	height:23px;
	float:left;
	text-align:left;
	color:#FFF;
	font-size:80%;
	font-weight:normal;
	background: #000080;
	
}
h1.midasi1{text-indent:10px; padding-top:5px;}
h2{	text-indent:-9999px; margin:0px; padding-bottom: 20px; line-height:0%;}
h3{	color:#000;
	padding-left:6px;
	border-left:8px solid #0b79ac;
	text-align:left;
	font-size:140%;
}

/* ヘッダー ------------------------------ */
#headerBlock{
	position:relative;
	margin-top:10px;
	float:left;
	display: inline;
	width: 800px;
	height:84px;
	background-image:url(../common/head.jpg);
	background-repeat:no-repeat;
/*border: #cc0000 solid 1px;*/
}


#headerBlock #logo{float:left; padding:2px 0px 0px 23px;}
#headerBlock #btMember{float:right; padding:35px 18px 0px 0px;}

/**********************************************
トップメニュー
**********************************************/
#menu_box{
	margin: 0 auto;
	width:800px;height:40px;
	clear:both;
	background-image:url(../common/menu_bg.gif);
}


#top-menu{
	width:783px;
	height:40px;
	margin:0px;
	padding-left:17px;
	list-style:none outside;
	
	clear:both;

/*border: #cc0000 solid 1px;*/
}
#top-menu li{
	display:inline;
	margin:0; padding:0;
	font-size:10px;
	text-indent:-9999px;
}
#top-menu li a{
	display:block;
	height:40px;
	float:left; border:0;
	background-position:left top;
	background-repeat:no-repeat;
}

.menu01 a{width:109px; background-image:url(../common/menu_01_off.gif);}
.menu02 a{width:108px; background-image:url(../common/menu_02_off.gif);}
.menu03 a{width:108px; background-image:url(../common/menu_03_off.gif);}
.menu04 a{width:108px; background-image:url(../common/menu_04_off.gif);}
.menu05 a{width:108px; background-image:url(../common/menu_05_off.gif);}
.menu06 a{width:108px; background-image:url(../common/menu_06_off.gif);}
.menu07 a{width:112px; background-image:url(../common/menu_07_off.gif);}
.menu01 a:hover{background-image:url(../common/menu_01_on.gif);}
.menu02 a:hover{background-image:url(../common/menu_02_on.gif);}
.menu03 a:hover{background-image:url(../common/menu_03_on.gif);}
.menu04 a:hover{background-image:url(../common/menu_04_on.gif);}
.menu05 a:hover{background-image:url(../common/menu_05_on.gif);}
.menu06 a:hover{background-image:url(../common/menu_06_on.gif);}
.menu07 a:hover{background-image:url(../common/menu_07_on.gif);}
.menu01_on a{width:109px; background-image:url(../common/menu_01_on.gif);}
.menu02_on a{width:108px; background-image:url(../common/menu_02_on.gif);}
.menu03_on a{width:108px; background-image:url(../common/menu_03_on.gif);}
.menu04_on a{width:108px; background-image:url(../common/menu_04_on.gif);}
.menu05_on a{width:108px; background-image:url(../common/menu_05_on.gif);}
.menu06_on a{width:108px; background-image:url(../common/menu_06_on.gif);}
.menu07_on a{width:112px; background-image:url(../common/menu_07_on.gif);}


	
/* メインブロック ------------------------------ */
div#mainBlock{
	margin: 0 auto; /* センタリング */
	width: 800px;
margin-bottom: 10px;
margin-top: 18px;
clear:both;
/*border: #000000 solid 1px;*/
 
}

/* メインブロック 疑似clear: both */
	div#mainBlock:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	div#mainBlock {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html div#contentBlock {
		height: 1%;
	}


	div#mainBlock {
		display: block;
	}
	/* End hide from IE-mac */
/* /メインブロック 疑似clear: both */

/* Leftブロック ------------------------------ */
	div#LeftBlock {
		width: 500px;
		float: left;
		padding-left: 20px;
		text-align: left;

/*border: #cccccc solid 1px;*/
	}

/* 右ブロック ------------------------------ */
	div#RightBlock {
		width: 240px;
		float: right;
		padding-right: 20px;
		text-align: left;
/*border: #cc0000 solid 1px;*/
	}



	


/* フッターブロック ------------------------------ */
div#footerBlock {
	position:relative;
	margin: 0 auto; /* センタリング */
	display: block;
	clear:both;
	width: 800px;
	text-align:left;
	background-color: #FFFFFF;
/*border: #000000 solid 1px;*/
}


div#footerBlock_copy {
	width: 800px;
	padding:10px 10px 10px 20px;
	font-Size:65%;
}

div#footerBlock_link {
	width: 800px;
	/*height: 20px;*/
	background-color: #9daab8;
	padding-top:3px;
	padding-bottom:3px;
	text-indent:20px;
	color: #FFF;
	font-Size:8pt;
/*border: #000000 solid 1px;*/
}

div#footerBlock_link a:link , a:visited {
	
	text-decoration: none;
	color:#FFF;}


div#footerBlock_link a:active , a:hover {
	text-decoration: none;
	color:#4d94ff;
}



/* 商品情報------------------------------ */
#mainBlock table{margin-top:10px; margin-bottom:20px;}

table.font{ font-size:80%; line-height:130%; text-align:left;}

td.product01{ border:#fb1414 solid 1px; padding:5px; background-color:#fea9a5; color:#a60d0d;}
td.product02{ border:#fb5d14 solid 1px; padding:5px; background-color:#fccab3; color:#8a3711; width:122px;}
td.product03{ border:#fbb813 solid 1px; padding:5px; background-color:#ffedbf; color:#805e0a;}
td.product04{ border:#14b9fb solid 1px; padding:5px; background-color:#c9edfb; color:#0a6184;}
td.product05{ border:#eb1581 solid 1px; padding:5px; background-color:#ffdcee; color:#8f295f;}
td.product06{ border:#8d949e solid 1px; padding:5px; background-color:#c5dcff; color:#4c4d4e;}