@charset "utf-8";

/* CSS Document */



/*******
	ALL RESET
	GENERAL SETTINGS
	HEADER SPACE
	GLOBAL NAVIGATION
	FOOTER SPACE
	CONTENTS AREA
	LAYOUT index
	LAYOUT contactlens
	LAYOUT glasses
	LAYOUT coupon
	LAYOUT coupon mobile
	LAYOUT shops
	LAYOUT campaign
	LAYOUT company
	LAYOUT privacy policy
	LAYOUT sitemap
*******/

/* ------------------------------------------------------

	ALL RESET

-------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

/* IE7 の「hasLayout」対策 */

*:first-child+html*{
	letter-spacing: 0;
}

h1,h2,h3,div,p,ul,li,dl,dt,dd,a,address,tr,th,td {
	margin: 0;
	padding: 0;
	font-size: small;
	font-weight: normal;
	line-height: 1.4em;
	color: #333;
}



a {
	text-decoration: none;
	color: #00C;
	overflow: hidden;
}


a:hover{
	color: #C00;
}

ul,ol {
	list-style: none;
	list-style-position: inside;
}


table {
	border-collapse:collapse;
	border-spacing: 0;
	border-color:#CCC;
}

tr,th,td{
	line-height: 1.6em;
}


img {
	border: 0;
}


form {


}


label {


}


input {
	

}


textarea {


}


address {
	font-style: normal;
}

/* ------------------------------------------------------

	GENERAL SETTINGS

-------------------------------------------------------*/

body {
	font-family:"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif,"メイリオ",Meiryo;
	font-weight: normal;
	color: #333;
	text-align: center;/*forIE centering*/
	background-color: #eeeee7;
}


div#bg_shadow{/* bodyタグ背景の影 */
	width: 100%;
	/*background: url(../image/bg.png) center top repeat-y;*/
}



div#wrapper {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	margin: 0 auto;
	text-align: left;/*forIE text-align:left*/
}



.clearing {
	clear: both;
}



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



.mgnB10 {
	margin-bottom: 10px;
}



.f_fami{
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}



.f_red {
	color: #C00;
}

.f_redB {
	color: #c00;
	font-weight:bold;
	font-size: small;
	margin-bottom: 3px; 
}

.f_blue {
	border-left: #09F;
}

.f_gray {
	color: #333;
}

.f_black {
	color: #000;
}

.f_white {
	color: #fff;
}

.f_small{
	font-size: smaller;
}

.f_left {
	float: left;
}

.line_h16 {
	line-height: 1.6em;
}

.border_b {
	border-left: solid 8px #09F;
	border-bottom: solid 1px #333;
}

.f_bold{
	font-weight: bold;
}


/* ------------------------------------------------------
	HEADER SPACE
-------------------------------------------------------*/
/* logo */
div#header {
	width: 850px;
	height: 151px;
	margin: 20px 0 0 0;
	padding: 0;
	background: #eeeee7 url(../image/bg_header_out.png) left top no-repeat;
}


div#headerCont{
	width: 850px;
	height: 63px;
	margin: 0;
	padding: 25px 0;
	background: url(../image/bg_headerCont.png) 2px 2px no-repeat;
}

h1 {
	width: 65px;
	height: 65px;
	margin-left: 25px;
	float: left;
}

h1 a{
	display: block;
	width: 100%;
	height: 100%;
}


p#catch {/*scopenote*/
	width: 700px;
	height: 12px;
	font-size: 10px;
	margin: 0 20px 0px 0;
	text-align: right;
	float: right;
}

p#gotoCoupon{
	width: 197px;
	height: 45px;
	margin: 10px 20px 0px 0;
	float: right;
}

p#gotoCoupon a{
	display: block;
	width: 197px;
	height: 45px;
	text-indent: -9999px;
	background: url(../image/subnavi_400.png) left top no-repeat;
}

/* ------------------------------------------------------
	GLOBAL NAVIGATION
-------------------------------------------------------*/
/* gnavi */
ul#gnavi {
	clear: both;
	width: 848px;
	height: 34px;
	margin: 0;
	padding: 0;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}

ul#gnavi li {
	display:inline;
	width: 121px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
}

	*html ul#gnavi li {/* for IE6 */
	  display: inline;
	  zoom:1;
	}

	ul#gnavi li#home{
		width: 120px;
	}

	ul#gnavi li#request,
	ul#gnavi li#request span{
		width: 123px;
	}


ul#gnavi li a {
	display: block;
	width: 100%;
	height: 34px;
	text-indent: -9999px;
}

ul#gnavi li span {
	display:block;
	width: 121px;
	height: 34px;
	text-indent: -9999px;
}


	*html ul#gnavi li span{/* for IE6 */
	  display: inline;
	  zoom:1;
	}


/* gnavi sample */
li#home a{
		background: url(../image/gnavi.png) 0px top no-repeat;
}

	li#home a:hover{
			background: url(../image/gnavi.png) 0px -34px no-repeat;
	}

li#contact a{
		background: url(../image/gnavi.png) -120px top no-repeat;
}

	li#contact a:hover,li#contact span{
			background: url(../image/gnavi.png) -120px -34px no-repeat;
	}

li#glasses a{
		background: url(../image/gnavi.png) -241px top no-repeat;
}


	li#glasses a:hover,li#glasses span{
			background: url(../image/gnavi.png) -241px -34px no-repeat;
	}

li#coupon a{
		background: url(../image/gnavi.png) -362px top no-repeat;
}

	li#coupon a:hover,li#coupon span{
			background: url(../image/gnavi.png) -362px -34px no-repeat;
			}

li#ohmiya a{
		background: url(../image/gnavi.png) -483px top no-repeat;
}

	li#ohmiya a:hover,li#ohmiya span{
			background: url(../image/gnavi.png) -483px -34px no-repeat;
	}

li#chiba a{
		background: url(../image/gnavi.png) -604px top no-repeat;
}

	li#chiba a:hover,li#chiba span{
			background: url(../image/gnavi.png) -604px -34px no-repeat;
	}

li#request a{
		background: url(../image/gnavi.png) -725px top no-repeat;
}

	li#request a:hover,li#request span{
			background: url(../image/gnavi.png) -725px -34px no-repeat;
	}

/* gnavi下の店舗電話番号 */
ul#topTEL {/* TEL */
	clear: both;
	width: 850px;
	height: 32px;
	margin: 10px 0;
	padding: 0;
}


ul#topTEL li{
	width: 111px;
	height: 16px;
	padding: 0;
	margin:0;
	text-indent: -9999px;
	float: left;
}

ul#topTEL li#ohmiyaTEL{
	margin-left: 488px;
	margin-right: 11px;
	background: url(../image/ohmiyaTEL.png) left top no-repeat;
}


ul#topTEL li#chibaTEL{
	background: url(../image/chibaTEL.png) left top no-repeat;
}

/* subnavi */
ul#g_subnavi{
	width: 810px;
	height: 50px;
	margin: 10px 0;
	padding: 0 0 0 5px;;
}


ul#g_subnavi li {
	display: inline-block;
	width: 194px;
	height: 45px;
	margin-right: 5px;
	padding: 0;
	float: left;
}

	*html ul#g_subnavi li{
		display: inline;
		zoom: 1;
	}
	

ul#g_subnavi li a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

ul#g_subnavi li#subN_mcoupon a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_mcoupon.png) left top no-repeat;
}


ul#g_subnavi li#subN_campaign a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_campaign.png) left top no-repeat;
}


ul#g_subnavi li#subN_faq_cl a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_faq_cl.png) left top no-repeat;
}

ul#g_subnavi li#subN_fcoupon a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_fcoupon.png) left top no-repeat;
}


ul#g_subnavi li#subN_faq_gl a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_faq_gl.png) left top no-repeat;
}


/* ------------------------------------------------------
	FOOTER SPACE
-------------------------------------------------------*/

div#footer{/* indexのfooter */
	clear: both;
	width: 850px;
	height: 210px;
	margin: 0;
	padding: 10px 0;
	background-color: #f7f7f7;
	border-top: solid 1px #eee;
}

div#footer ul#fnavi {
	width: 700px;
	height: 35px;	
	padding: 0;
	margin: 10px 20px 0px 20px;
}

div#footer ul#fnavi li{
	display: inline-block;
	height: 15px;
	line-height: 1.0;
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
}

	*html ul#fnavi li{/* for IE6 */
		display: inline;
		zoom: 1;
	}

ul#fnavi li:first-child,
ul#fnavi li.b_left {
	height: 15px;
	border-left: solid 1px #7b7b7b;
}



ul#fnavi li a{
	display: block;
	height: 100%;
	font-size: 10px;
	color: #7b7b7b;
	padding: 0 10px 0 12px;
	border-right: solid 1px #7b7b7b;
}

	ul#fnavi li a:hover{
		color: #000;
		background: url(../image/f_right.png) 5px 3px no-repeat;
	}

	

p#fnaviCatch{
	margin: 0 0 50px 20px;;
	padding:0;
	color: #7b7b7b;
	font-size: 10px;
	border: none;
}

/* 店舗情報 */

div#f_company_info {
	clear: both;
	width: 720px;
	height: 55px;
	margin: 0 0 20px 20px;
	padding: 0px 20px 0px 70px;
	background: url(../image/logo_s.png) left top no-repeat;
}

div#f_company_info div{
	width: 330px;
	height: 44px;
	padding: 2px 0 4px 5px;
	margin: 0px 15px 0px 0;
	border: double 3px #7b7b7b;
	float: left;
}

div#f_company_info div ul li{
	color: #7b7b7b;
	font-size: 11px;
	font-weight: normal;
}

div#f_company_info div ul li a{
	height: 100%;
	color: #7b7b7b;
	font-size: 12px;
	font-weight: bold;
}

	div#f_company_info div ul li a:hover{
		color: #C00;
	}

div#f_company_info p{
	clear: both;
	color: #7b7b7b;
	font-size: 10px;
}

address {
	width: 810px;
	padding: 0;
	margin: 5px 0px 0px 20px;
	color: #7b7b7b;
	text-align: left;
}


/* ------------------------------------------------------
	CONTENTS AREA
-------------------------------------------------------*/

div#container {
	width: 850px;
	height: 100%;
	margin: 35px auto 0px auto;
	background-color: #fff;
}


/* containerの二重線 */

div#innerContTop{/* border double top */
	width: 100%;
	height: 100%;
	/*padding: 6px 0 0 0;*/
	/*background: url(../image/bg_innerCont_top.png) left top no-repeat;*/

}

div#innerContBtm{/* border double bottom */
	width: 100%;
	height: 100%;
	/*padding: 0 0 6px 0;*/
	/*background: url(../image/bg_innerCont_btm.png) left bottom no-repeat;*/
}

div#innerCont{/* border double container */
	width: 810px;
	height: 100%;
	padding: 10px 20px 5px 20px;
	margin: 0;
	/*background: url(../image/bg_container.png) left top repeat-y;*/
}

div#innerCont.minheight {/* 最低限の高さを確保 */
	width: 810px;
	height: 440px;
}

h2{/* for page title */
  	width: 780px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 20px 0;
	padding-left: 20px;
	background: url(../image/bg_h2.gif) left top repeat-x;
}

h2 span,
h2 span a{
	color: #fff;
	font-size: small;
	font-weight: normal;
	line-height: 50px;
	padding-right: 10px;
	float: right;
}

h2 span a:hover{
	color: #CFF;
}


h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 8px;
	margin: 10px 0;
}



h3.bd_red{
	border-left: solid 6px #C00;
}

div.jump{
  	clear: both;
  	width: 810px;
	margin: 0;
	padding-top: 10px;
	font-size: smaller;
	text-align:right;
}


	div.jump p.gotoTop {/* ページトップへ戻るボタン */
		padding-right: 20px;
		background: url(../image/up.gif) right 2px no-repeat;
	}


	div.jump p.gotoCoupon {/* クーポンへボタン */
		padding-right: 20px;
		background: url(../image/right.gif) right 2px no-repeat;
	}

		p.gotoTop a:hover,
		p.gotoCoupon a:hover{
			text-decoration: underline;
		}


.bt_req{/*お問い合わせフォームへのボタン*/
	width: 201px;
	height: 32px;
	padding: 0;
	margin: 0;
	background: url(../image/bt_req.png) left top no-repeat;
}

	.bt_req a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}

	.bt_req a:hover{
		background: url(../image/bt_req.png) left -32px no-repeat;
	}

.bt_coupon{/*クーポンへのボタン*/
	width: 201px;
	height: 32px;
	padding: 0;
	margin: 0;
	background: url(../image/bt_coupon.png) left top no-repeat;
}

	.bt_coupon a{
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}

	.bt_coupon a:hover{
		background: url(../image/bt_coupon.png) left -32px no-repeat;
	}

div.gotoBT{
	width: 800px;
	height: 32px;
	margin: 0 0 5px 5px;
	padding: 0;
}


div.gotoBT p{
	width: 580px;
	line-height: 32px;
	float: left;
}


div.gotoBT p.bt_coupon,
div.gotoBT p.bt_req{
	width: 201px;
	height: 32px;
	float: right;
}



/* ------------------------------------------------------
	LAYOUT index 
-------------------------------------------------------*/

div#TopImageContainer {/* toppage slideshow */
	position: relative;
	width: 600px;
	height: 198px;
	margin: 8px 0;
	padding: 0;
	text-align: center;
	border: solid 1px #ccc;
	background-color: #fff;
	float: left;
}

div#TopImageContainer a img.slide {/* 画像の表示位置 */
  position: absolute;
  top: 0;
  left: 0;
}


/* slideの右のボタンスペース */
ul#m_coupon{/* slide横のクーポンの枠 */
	width: 200px;
	height: 198px;
	margin: 8px 0 10px 0;
	padding: 0;
	float: right;
}

ul#m_coupon li{
	width: 194px;
	height: 45px;
	padding: 0;
	margin-left: 2px;
	margin-bottom: 6px;
}

ul#m_coupon li a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

ul#m_coupon li#subN_mcoupon a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_mcoupon.png) left top no-repeat;
}

ul#m_coupon li#subN_campaign a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_campaign.png) left top no-repeat;
}

ul#m_coupon li#subN_faq_apple a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_faq_apple.png) left top no-repeat;
}

ul#m_coupon li#subN_fcoupon a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_fcoupon.png) left top no-repeat;
}

ul#m_coupon li#subN_faq_gl a{
	width: 194px;
	height: 45px;
	background: url(../image/subnavi_faq_gl.png) left top no-repeat;
}

/*

div#m_coupon p#toMobile{

	margin-bottom: 10px;

	background: url(../image/bt_mobile.gif) left top no-repeat;

}

div#m_coupon p#toTrial{

	margin: 0;

	background: url(../image/bt_400cb.gif) left top no-repeat;

}


div#m_coupon p#toMobile a,
div#m_coupon p#toTrial a{

	display: block;

	width: 100%;

	height: 100%;

	text-indent: -9999px;

}

*/

/* 下段コンテンツ */

div.f_left {/* 左にfloatさせるためのbox */
	width: 600px;
	margin: 4px 0 10px 0;
	padding: 0;
}


ul#bt_topPage {/* バナーボタンの枠 */
	width: 600px;
	height: 105px;
	margin-bottom: 10px;
	padding: 0;
}


/* バッチ */
ul#bt_topPage li{
	width: 185px;
	height: 105px;
	margin-right: 12px;
	padding: 0;
	float: left;
}

	ul#bt_topPage li a{
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}

ul#bt_topPage li#gotoBozza a{/* Bozzaへのリンク */
	background: url(../image/bt_bozza.png) left top no-repeat;
}

ul#bt_topPage li#gotoGlasses a{/* アップルのメガネのリンク */
	background: url(../image/bt_glasses.png) left top no-repeat;
}

ul#bt_topPage li#gotoCL a{/* コンタクトレンズのリンク */
	background: url(../image/bt_cl.png) left top no-repeat;
}


/* アップルからの新着NEWS */
div#news {
	clear: both;
	width: 600px;
	height: 200px;
	margin-right: 5px;
	padding: 0;
}

h2.portTitle{/* toppage みだし */
	height: 25px;
	line-height: 2.0;
	margin: 0;
	padding: 0;
	border: none;
	/* border-bottom: solid 2px #309; */
}

h2.bg_news{
	width: 600px;
}

div#news h2 a{
	display: block;
	width: 100%;
	height: 25px;
	padding: 0px;
	line-height: 2.0;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-indent: -9999px;
	background: url(../image/bg_h2_news.gif) left top no-repeat;
}

/* news feed */
.rsscontainer{
	margin-bottom: 5px;
	/*font-size: 11px;*/
}

.rsscontainer .rsstitle{ /*Style for .rsstitle DIV*/
	font-weight: normal;
	font-size: 12px;
}

.rsscontainer .rssdate{ /*Style for .rssdate DIV*/
	/*font-color: gray;*/
	color: #333;
	font-size: 11px;
float: right;
/*margin-left: 470px;*/
}

.rsspaginate{ /*Style for Pagination DIV*/
	width: 598px;
	text-align: left;
	/*padding: 2px 0;*/
	margin: 10px 0;
	font-size: 11px;
}

.rsspaginate form{ /*Style for Pagination DIV's form element*/
	margin: 0;
}


.rsspaginate .paginateselect{ /*Style for Pagination DIV's drop down menu*/
	/*border: 1px solid navy;*/
	margin: 0 11px;
}


.rsspaginate a{ /*Pagination links*/
	/*padding: 0 5px;*/
	padding: 0;
	font-size: 12px;
font-weight: bold;
	text-decoration: none;
	/*color: navy;*/
	color: #30F;
	background-color: #FFF;
}


.rsspaginate a:hover, .rsspaginate a.selected{
	/*color: #000;*/
	color: #C00;
	font-size: 12px;
font-weight: bold;
}


#bozzaid{/* newsの枠 */
	width: 578px;
	height: 151px;
	padding: 10px;
	margin-top: -10px;
	background-color: #fff;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}


#bozzaid .rsscontainer{/* 記事ごとのかたまり */ 
	margin-bottom: 15px;
}

#bozzaid .rsscontainer .rsstitle{ 
	font-weight: bold;
	font-size:12px;
margin-bottom: 2px;
}

#bozzaid .rsscontainer .rssdate{ 
	color: #666;
}

#bozzaid .rsscontainer .rssdescription{ 
	font-size: 12px;
}


/* 人気フレームランキング */
div#thumb{/* 右寄せのための枠 */
	width: 200px;
	height: 310px;
	margin: 10px 0 10px 0;
	padding: 0;
	float: right;
}


div#thumb h2.bg_ranking{
	width: 200px;
	background: url(../image/bg_ranking.gif) left top no-repeat;
}


div#thumb h2.bg_ranking a{
	display: block;
	width: 100%;
	line-height: 2.5;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	padding: 0px;
	text-indent: -9999px;
}

div#thumb div{
	width: 174px;
	height: 260px;
	padding: 10px 12px;
	margin: 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}


div#thumb div p {/* メガネのサムネイル画像 */
	position: relative;
  	width: 80px;
	height: 80px;
	margin-right: 7px;
	margin-bottom: 8px;
	float: left;
}

	div#thumb div p a img{
		border: solid 1px #ddd;
	}

	div#thumb div p a:hover img{
		border: solid 1px #c00;
	}


div#thumb div p a img.ranking {/* ランキング画像 */
		display:block;
		position: absolute;
		top: -5px;
		left: -3px;
		border: none;
}


div#thumb div p a.tooltip{
	display: hidden;
}


div#thumb div p a.tooltip span{
	display: none;
}


div#thumb div p a.tooltip:hover span{/* 画像hover時のふきだし */
	display: block;
	position: absolute;
	top: 70px;
	left: 0px;
	width: 110px;
	height: 65px;
	line-height: 1.2;
	padding: 25px 5px 5px 5px;
	color: #fff;
	font-size: 10px;
	background: url(../image/fukidashi.png) left top no-repeat;
	z-index: 9999;
}



/* ------------------------------------------------------
	LAYOUT contactlens 
-------------------------------------------------------*/
/* contact type navi */

ul#lenstype {
	clear: both;
	width:790px;
	height: 24px;
	margin: 30px 0;
	padding: 0 10px;
	border-bottom: solid 5px #9CF;
}

	ul#lenstype li {
		display: inline-block;
		height: 24px;
		margin: 0;
		padding: 0;
	}

	   *html ul#lenstype li{
	         display: inline;
	         zoom:1;
	   } 


	ul#lenstype li a {
		display: block;
		height: 100%;
		line-height: 24px;
		color: #333;
		font-weight: bold;
		text-align: center;
		padding: 0 6px;
		background-color: #C5E1EF;
	}


	ul#lenstype li a:hover {
		color: #fff;
		background-color: #9CF;
	}


	ul#lenstype li a.border_l{
		color: #fff;
		background-color: #9CF;
	}


h3.title_lens{
	clear: both;
	width: 790px;
	border-left: solid 6px #09F;
}


ul.bg_lens {
	width: 810px;
	padding: 0;
	margin-bottom:10px;
}


ul.bg_lens li {
	width: 188px;
	margin-bottom: 8px;
	margin-right: 8px;
	padding: 0;
	border: solid 1px #ccc;
	float: left;
}

ul.bg_lens li h4{
	height: 40px;
	line-height: 20px;
	margin: 5px 0px 5px 8px;
	color: #333;
	font-weight: bold;
}

	*html ul.bg_lens li h4{/* for IE6 */
		font-size: 12px;
	}

	*html ul.bg_lens li h4.f_small{/* for IE6 */
		font-size: smaller;
	}


ul.bg_lens li h4.newlens{
	background: url(../image/recommend.png) 130px top no-repeat;
}


ul.bg_lens li p.lens_text{
	width: 178px;
	padding: 5px;
	font-size: smaller;
	border-top: solid 1px #ccc;
	background-color: #ECFFFF;
}


ul.bg_lens li img{
	display: block;
	width: 170px;
	height: 110px;
	margin: 3px auto;
	padding: 0;
}


/* ------------------------------------------------------

	LAYOUT glasses 

-------------------------------------------------------*/
a#goto8980{
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

a:hover#goto8980{
	color: #6CF;
}

ul#bg_thumbnail{
	width: 800px;
	padding: 5px;
	margin-top: 10px;
}

ul#bg_thumbnail li.thumbnail {/* メガネのサムネイル外枠 */
	position: relative;
	width: 168px;

	height: 155px;

	line-height: 15px;

	padding: 5px 10px;

	margin-right: 10px;

	margin-bottom: 10px;

	font-size: smaller;

	background-color: #eee;

	border: solid 1px #ccc;

	float: left;

}



	ul#bg_thumbnail li.thumbnail.osusume{/*おすすめのキャッチ*/

		background: #eee url(../image/recommend.png) 5px 5px no-repeat;

	}





ul#bg_thumbnail li.thumbnail span{/* 品番 */

	display: block;

	margin: 3px;

	color: #060;

	font-weight: bold;

	font-size: 12px;

	text-align: left;

	border-bottom: dotted 1px #060;

}



ul#bg_thumbnail li.thumbnail a{/* サムネイルリンク */

	display: block;

	width: 160px;

	height: 93px;

	padding: 3px;

	margin: 5px auto;

	background-color: #ccc;

}



	ul#bg_thumbnail li.thumbnail a:hover {/* サムネイルリンク a:hover */

		background-color: #c00;

	}





ul#bg_thumbnail li.thumbnail img{/* サムネイルの位置*/

	display: block;

	/*width: 160px;*/

	/*height: 93px;*/

	margin: 0 auto;

}



img.recommend {

	position: absolute;

	width: 60px;

	height: 60px;

	top: -15px;

	left: -10px;

}


/* ------------------------------------------------------

	LAYOUT coupon 

-------------------------------------------------------*/
p#leadtext {
	width: 750px;
	margin: 10px 0;
	padding: 0 20px;
}

div#outside_coupon {/* クーポンの外枠 */

	width: 730px;

	height: 460px;

	padding: 20px;

	margin: 20px 20px 10px 20px;

	background: url(../image/bg_req_h3.png) left top repeat;

}



div.bg_coupon {/*クーポンごとの枠*/

	width: 310px;

	height: 200px;

	padding: 10px 20px;

	margin: 0 10px 10px 0;

	border: solid 2px #C00;

	background-color: #fff;

		-moz-border-radius: 10px;/* for Firefox */

		-webkit-border-radius: 10px;/* for Safari */

	float: left;

}



div.bg_coupon h3 {

	padding-left: 8px;

	margin-bottom: 3px;

	border-left: solid 6px #C00;

}



div.bg_coupon h4 {

	font-size: 12px;

	font-weight: normal;

	text-align: right;

	margin-bottom: 3px;

}



div.bg_coupon p.toPrint,/* 印刷ボタン */

div.bg_coupon p.toMcoupon{/* 携帯クーポンボタン */

	width: 150px;

	height: 60px;

	padding: 0;

	margin: 5px 2px 5px 0;

	float: right;

}



div.bg_coupon p a{

	display: block;

	width: 100%;

	height: 100%;

	text-indent: -9999px;

}



div.bg_coupon p.toPrint a {

	background: url(../image/bt_print.png) left top no-repeat;

}



div.bg_coupon p.toMcoupon a {

	background: url(../image/bt_mobile.png) left top no-repeat;

}





/* news */

div#news_coupon{

	width: 700px;

	margin: 20px 0 0 0;

	padding: 0;

}



div#news_coupon h3 a{

	font-weight: bold;

	color: #333;

}



div#news_coupon h3 a:hover{

	color: #C00;

}





div#news_coupon ul#inner_news {

	width: 678px;

	padding: 10px;

	margin-bottom: 10px;

	list-style-type: disc;

	border: solid 1px #333;

}



div#news_coupon ul#inner_news li{

	margin-left: 10px;

}



	div#news_coupon ul#inner_news li a{

		width: 100%;

		height: 100%;

		color: #03F;

	}

	

	div#news_coupon ul#inner_news li a:hover{

		color: #666;

	}



/* ------------------------------------------------------

	LAYOUT coupon for Family

-------------------------------------------------------*/

div#couponImg{

	position: relative;

	width: 625px;

	height: 504px;

	margin: 25px auto;

	padding: 0;

}



div#couponImg p img{

	border: solid 1px #c00;

}



p.limit{/* クーポンの有効期限 */

	position: absolute;

	top: 225px;

	right: 10px;

	color: #C00;

	font-size: 12px;

}



div#innerNotice{

	position: absolute;

	top: 260px;

	left: 0;

	width: 625px;

	height: 247px;

	border: solid 1px #c00;

}



div#innerNotice ul#c_notice{

	position: absolute;

	top: 10px;

	left: 10px;

}



div#c_shopO{

	position:absolute;

	top: 95px;

	left: 10px;

}



div#c_shopC{

	position:absolute;

	top: 170px;

	left: 10px;

}



div#c_shopO h3,

div#c_shopC h3{

	padding: 0;

	margin: 0;

}



div#bt_pop{

	width: 810px;

	height: 40px;

	margin: 40px auto;

}



div#bt_pop p {

	float: left;

}



p#print input{

	display: block;

	width: 55px;

	height: 30px;

	margin: 0 20px 0 350px;

}



p#close input{

	display: block;

	width: 55px;

	height: 30px;

}





/* ------------------------------------------------------

	LAYOUT coupon mobile

-------------------------------------------------------*/

div#lottery{/* クーポンの当選内容 */

	width: 748px;

	height: 118px;

	padding: 10px;

	margin: 0 0 0 20px;

	border: solid 1px #CCC;

	background-color: #FCC;

}



div#lottery div{

	width: 350px;

	height: 116px;

	margin: 0;

	padding: 0;

	float: left;

}



div#lottery div ol#inner_lottery {

	width: 350px;

	margin: 0 0 8px 0;

	padding: 0;

	list-style-type: decimal;

}



div#lottery div ol#inner_lottery li{

	margin: 0;

	padding: 0 0 0 5px;

	line-height: 1.4;

}



div p#go{

	padding: 3px 0;

	margin: 0;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	text-align: center;

	background-color: #F69;

}



table#tbl_lottery{

	width: 330px;

	height: 118px;

	table-layout:fixed;

	margin: 0;

	padding: 0;

	background-color: #fff;

	float: right;

}



table#tbl_lottery th{

	width: 50px;

	color: #fff;

	font-size: 14px; 

	font-weight: bold;

	text-align: center;

	background-color: #F36;

}



table#tbl_lottery td {

	width: 260px;

	padding: 0 10px;

}





div#outside_coupon_m {

	clear: both;

	width: 590px;

	height: 315px;

	padding: 20px;

	margin: 20px auto 10px auto;

	background: url(../image/bg_req_h3.png) left top repeat;

}



div.bg_coupon_m {/*クーポンごとの枠*/

position: relative;

	width: 500px;

	height: 130px;

	padding: 10px 50px 10px 40px;

	margin: 0 10px 15px 0;

	background-color: #fff;

		-moz-border-radius: 10px;/* for Firefox */

		-webkit-border-radius: 10px;/* for Safari */

}



div.bg_coupon_m h3{

	padding-left: 8px;

	margin-bottom: 8px;

	border-left: solid 6px #C00;

}



div.bg_coupon_m p{

	width: 380px;

	margin-right: 10px;

	float: left;

}



div.bg_coupon_m p span.qr_ad{

	color: #c00;

	font-size: 14px;

	font-weight: bold;

	padding-right: 5px;

}



div.bg_coupon_m p.qr {/* QRcode */

	position: absolute;

	top: 45px;

	right: 60px;

	width: 90px;

	height: 90px;

	border: solid 1px #ccc;

	float: right;

}



div.bg_coupon_m p#toOmiya,

div.bg_coupon_m p#toChiba{

	width: 201px;

	height: 32px;

	margin-top: 20px;

	float: left;

}



	div.bg_coupon_m p a{

		display: block;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

	}

	

	p#toOmiya{

		background: url(../image/bt_ohmiya.png) left top no-repeat;

	}

	

	p#toOmiya a:hover{

		background: url(../image/bt_ohmiya.png) left -32px no-repeat;

	}

	

	p#toChiba{

		background: url(../image/bt_chiba.png) left top no-repeat;

	}

	

	p#toChiba a:hover{

		background: url(../image/bt_chiba.png) left -32px no-repeat;

	}



ul#couponNotice{

	width: 588px;

	margin: 20px auto 10px auto;

	padding: 10px 20px;

	border: solid 2px #c00;

}



/* ------------------------------------------------------

	LAYOUT campaign 

-------------------------------------------------------*/



div.bg_cam{

	width: 728px;

	padding: 10px 20px;

	margin: 20px auto;

	border: solid 1px #ccc;

}



div.bg_cam h3{

	width: 500px;

	float:left;

}



div.bg_cam h3 new{/* 新着マーク表示 */

	background: url(../image/new.gif) 460px center no-repeat;

}



div.bg_cam h4.date{

	color: #C00;

	margin-top: 10px; 

	float: left;

}

	

/* ------------------------------------------------------

	LAYOUT shop 

-------------------------------------------------------*/



table#tbl_shop {

	table-layout: fixed;

	margin: 0;

	border-color: #666;

}



div#howtoaccess {/* 外枠 */

	width: 800px;

	height: 320px;

	padding: 0px;

	margin: 10px 0;

	border: solid 1px #666;

}



div#access {/* 内枠：右 */

	width: 465px;

	height: 270px;

	padding: 15px;

	float: left;

}



div#access dl dt {

	font-weight: bold;

	padding-left: 6px;

	margin-bottom: 5px;

	border-left: solid 6px #666;

}





div#access dl dd {

	margin-bottom: 5px;

}





ul#notice {

	width: 465px;

	margin-top: 50px;

}



ul#notice li{

	line-height: 1.8;

	color: #333;

	font-size:12px;

}



ul#notice li:first-child{

	color:#c00;

	font-weight: bold;

}



div#gmap {/* 内枠：左 */

	width: 300px;

	height: 300px;

	margin: 0;

	padding: 0;

	border-left: solid 1px #333;

	float: right;

}







/* ------------------------------------------------------

	LAYOUT company 

-------------------------------------------------------*/

/* table */



table {

	width: 700px;

	table-layout: fixed;

	margin: 10px auto;

	padding: 0;

	border: solid 1px #666;

}

	

tr, th, td {

	margin: 0;

	padding: 3px 10px;

	border: solid 1px #666;

}



th {

	width: 118px;

	text-align: center;

	background-color: #ddd;

}



td {

	width: 438px;

}



p#gotoPriv{

	margin-right: 20px;

	text-align: right;

}



/* ------------------------------------------------------

	LAYOUT faq 

-------------------------------------------------------*/

/* faq type navi */

ul#faqtype {

	width:790px;

	height: 24px;

	margin: 30px 0;

	padding: 0 10px;

	border-bottom: solid 5px #F66;

}



	ul#faqtype li{

		display: inline;

		height: 24px;

		margin: 0;

		padding: 0;

		float: left;

	}

	

	ul#faqtype li a {

		display: block;

		height: 100%;

		line-height: 24px;

		color: #333;

		font-weight: bold;

		text-align: center;

		padding: 0 15px;

		margin-right: 5px;

		background-color: #FCC;

	}

	

	ul#faqtype li a:hover {

		color: #FFF;

		background-color: #F66;

	}

	

	ul#faqtype li a.border_l{

		color: #fff;

		background-color: #F66;

	}





div#faq_lens{

	width: 750px;

	padding: 10px 0;

	margin-bottom: 10px;

}



div.bg_faq h3{

	font-size: 1.2em;

	font-weight: bold;

	line-height: 1.2em;

	padding-left: 8px;

	margin-bottom: 10px;

	border-left: solid 6px #F33;

}



div.bg_faq dl{

	width: 730px;

	padding: 8px 10px;

	margin-bottom: 8px;

	margin-left: 20px;

	background:url(../image/q.png) 20px 4px no-repeat;

}

div.bg_faq dl dt{/* 質問事項 */

	width: 670px;

	color: #F33;

	font-weight: bold;

	line-height: 1.8;

	padding-left: 60px;

	margin-bottom: 10px;
}

div.bg_faq dl dd{/* 質問の回答 */

	width: 630px;

	color: #333;

	line-height: 1.6;

	padding-left: 60px;

	margin: 0;

}



div.bg_faq_bt{

	width: 780px;

	height: 32px;

	margin: 0 0 0 10px;

	padding: 5px;

	background-color:#E9DDCF;

}



div.bg_faq_bt p{

	width: 550px;

	padding: 0;

	margin: 0;

}



div.bg_faq_bt p.bt_req{

	width: 201px;

	height: 32px;

	padding: 0;

	background: url(../image/bt_req.png) left top no-repeat;

	float: right;

}



	.bt_req a {

		display: block;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

	}



	.bt_req a:hover{

		background: url(../image/bt_req.png) left -32px no-repeat;

	}

/* ------------------------------------------------------

	LAYOUT request 

-------------------------------------------------------*/
div.req_cont{

	width: 760px;

	margin: 30px 0;

	padding: 0;

}



div.req_cont p.cont_p{

	margin-left: 20px;

	margin-bottom: 20px;

}



h3.bg_h3{

	width: 500px;

	height: 1.6em;

	line-height: 1.6em;

	padding-left: 10px;

	margin: 10px 0 10px 20px;

	border-left: solid 6px #F33;

	background: url(../image/bg_req_h3.png) left top repeat;

}



ul#attention {

	width: 700px;

	margin: 0 0 10px 30px;

	list-style-type: disc;  

	list-style-position: inside;	

}

ul#attention li {

	width: 700px;

	line-height: 1.6em;

}



	.bt_faq{

		width: 194px;

		height: 45px;

		margin: 10px 20px;

		padding: 0;

		background: url(../image/subnavi_faq_apple.png) left top no-repeat;
	}



	.bt_faq a {

		display: block;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

	}





div#cont_shop{

	width: 770px;

	margin: 0 0 20px 20px;

}



div#shop_ohmiya,

div#shop_chiba{

	width: 325px;

	padding:8px 10px 8px 15px;

	margin-right:20px;

	margin-bottom: 10px;

	line-height: 1.6em;

	background-color: #Fee;

	border: solid 1px #ccc;

		-moz-border-radius: 8px;/* for Firefox */

		-webkit-border-radius: 8px;/* for Safari */

	float: left;

}



h4.bd_req{

	width: 100%;

	line-height: 1.4em;

	padding-left: 8px;

	margin-bottom:5px;

	border-left: solid 6px #f33;

}



p.opentime{

	margin-top: 5px;

	padding-top: 5px;

	border-top: dotted 1px #CCC;

}



div#req_mail{

	clear: both;

	width: 325px;

	padding: 8px 10px 8px 15px;

	line-height: 1.6em;

	background-color: #Fee;

	border: solid 1px #ccc;

		-moz-border-radius: 8px;/* for Firefox */

		-webkit-border-radius: 8px;/* for Safari */

}



div#req_mail a{

	display: inline-block;

	margin-top: 5px;

	margin-left: 10px;

	font-size: 14px;



}



div#req_mail a:hover{

	color: #00C;

	text-decoration: underline;

}



/* form table */



div#cont_form{

	width: 770px;

	margin: 0 0 0 20px;

}



p#gotoPrv{/* to privacy policy */

	margin-right: 50px;

	text-align: right;

}



form{

	display: block;

	margin-bottom: 50px;

}



table#form_tbl{

	width: 698px;

	table-layout: fixed;

	margin: 10px auto;

	padding: 0;

}



th,td{

	height: 20px;

	line-height: 20px;

	padding:3px 20px;

}



th {

	width: 158px;

	background-color: #ddd;

}



td{

	width: 458px;

}



input{

	height: 20px;

	margin-right: 10px;

}



td input.rdo_css{

	height: 20px;

	line-height: 20px;

	vertical-align: middle;

	padding: 3px 10px 3px 20px;

	margin: 0 10px 0 30px;

}



	td input.rdo_css.rdo_fst{

		margin-left: 0px;

	}



textarea#cont_box{

	width: 440px;

	overflow: scroll-y;

}



div#bt_form {

	width: 700px;

	margin: 0 auto 30px auto;

	padding-left: 320px;

	text-align: center;

}



div#bt_form input{

	display: block;

	width: 80px;

	height: 25px;

	line-height: 20px;

	margin-right: 20px;

	padding: 0;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	float: left;

}





/* ------------------------------------------------------

	LAYOUT privacy policy 

-------------------------------------------------------*/



div#container p#lead_privacy {

	width: 700px;

	line-height: 1.5em;

	margin-left: 20px;

}



ol{

	width: 700px;

	margin: 10px 20px;

	list-style-type: square; 

}



ol li {

	line-height: 1.5em;

	margin-bottom: 10px;

}



ol li span{

	font-weight: bold;

	padding: 2px 0;

	color: #C00;

}



ol li p.privacy_text{

	width: 700px;

	line-height: 1.5em;

}



ul.privacy_notice {

	width: 700px;

	list-style-type: disc;

	margin-bottom: 20px;

	border: none;

}



ul.privacy_notice li {

	width: 710px;

	line-height: 1.5em;

	list-style-type: disc;

	margin: 0 0 0 20px;

	border: none;

}



ul.privacy_notice li.prf {

	line-height: 1.5em;

	list-style-position:inside;

	list-style-type: disc;

	margin-bottom: 5px;

	border: none;

}



/* ------------------------------------------------------

	LAYOUT sitemap 

-------------------------------------------------------*/

/* sitemap */

div#bg_sitemap {

	width:800px;

	margin: 0 0 0 10px;

	padding: 0;

}



div#contLeft{

	width: 350px;

	float:left;

}



div#contRight{

	width: 350px;

	float: left;

}



div.bg_inner {

	width: 320px;

	padding: 15px;

}



div.bg_inner h3{

	width: 280px;

	height: 19px;

	padding: 5px 10px;

	margin-bottom: 10px;

	font-weight: bold;

	background-color: #FCC;

	border-top: solid 1px #F69;

	border-left: none;

}



div.bg_inner h3 a{

	height: 100%;

	font-weight: bold;

	color: #333;

}



	div.bg_inner h3 a:hover{

		color: #F03;

	}



div.bg_inner ul li {

	width: 280px;

	height: 2.0em;

	line-height: 2.0em;

	margin-left: 10px;

	background: url(../image/list_style_sq.gif) 5px 10px no-repeat;

}



div.bg_inner ul li a{

	height: 100%;

	color: #333;

	margin-left: 20px;

}



	div.bg_inner ul li a:hover{

		color: #666;

		text-decoration: underline;

	}