@charset "UTF-8";

/*---------------------------------------------------------
サイト全体
---------------------------------------------------------*/
body{text-align: center; color: #666666; padding: 0;margin: 0;}
h1,h2,h3,h4,h5,p,li,ul,form{margin:0;padding:0;}
table td{vertical-align: top; text-align: left;}

/*---画像ボーダーなし---*/
img{ border: none;}

/*---リスト---*/
ul,li{list-style:none;}

/*---クリア---*/
.clear{clear:both;}

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

/*---リンク---*/
a{color:#3488b8;text-decoration:none;}
a:link{color:#3488b8;text-decoration:none;}
a:visited{color:#3488b8;text-decoration:none;}
a:active{color:#3488b8;text-decoration:none;}
a:hover{color:#3488b8;text-decoration:underline;}

/*---------------------------------------------------------
wrapper
---------------------------------------------------------*/
div#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(./img/common/bg_header.jpg) repeat-x 50% 0;
}

/*---------------------------------------------------------
header
---------------------------------------------------------*/
div#header{
	width: 831px;
	margin: 0 auto 5px auto;
	padding: 0;
	background: url(./img/common/bg_headinner.jpg) no-repeat;
}

div.headerInner{
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: left;
}

/*-- headerInner --*/
div.headerInner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.headerInner p{
	height: 9px;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	padding: 4px 0;
}

div.headerInner img.headCopy{
	float: right;
}

/*-- logo --*/
div#header h1{
	margin: 0;
	padding: 8px 0 0 38px;
	text-indent: -9999px;
	font-size: 1px;
	float: left;
}

div#header h1 a{
	display: block;
	width: 153px;
	height: 111px;
	background: url(./img/common/logo.jpg) no-repeat;
}

/*-- sMenu --*/
ul.sMenu{
	font-size: 1px;
	width: 410px;
	margin: 1px 0 15px 0;
	padding: 0;
	float: right;
}

ul.sMenu li{
	display:inline; float:left;
}

ul.sMenu li a.sm1{display:block;width: 56px;height: 22px;background: url(./img/common/btn_head.gif) top left no-repeat;text-indent:-9999px;text-decoration: none;}
ul.sMenu li a.sm2{display:block;width: 98px;height: 22px;background: url(./img/common/btn_head.gif) top left no-repeat;text-indent:-9999px;text-decoration: none;}
ul.sMenu li a.sm3{display:block;width: 110px;height: 22px;background: url(./img/common/btn_head.gif) top left no-repeat;text-indent:-9999px;text-decoration: none;}
ul.sMenu li a.sm4{display:block;width: 60px;height: 22px;background: url(./img/common/btn_head.gif) top left no-repeat;text-indent:-9999px;text-decoration: none;}
ul.sMenu li a.sm5{display:block;width: 86px;height: 22px;background: url(./img/common/btn_head.gif) top left no-repeat;text-indent:-9999px;text-decoration: none;}

ul.sMenu li a.sm1{background-position: 0 0;}
ul.sMenu li a.sm2{background-position: -56px 0;}
ul.sMenu li a.sm3{background-position: -154px 0;}
ul.sMenu li a.sm4{background-position: -264px 0;}
ul.sMenu li a.sm5{background-position: -324px 0;}

/*---------------------------------------------------------
contents
---------------------------------------------------------*/
div#contents{
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

div#contents:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*---------------------------------------------------------
leftBox
---------------------------------------------------------*/
div.leftBox{
	width: 230px;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	text-align: center;
}

/*-- banner --*/
div.leftBox img.banner04{margin: 0 0 5px 0;}
div.leftBox img.banner05{margin: 0 0 15px 0;}
div.leftBox img.banner06{margin: 0 0 10px 0;}

/*-- sideNavi --*/
div.sideNavi{
	width: 230px;
	margin:0 auto 5px auto;
	padding: 0;
	background: #e7f4fc url(./img/common/bg_sidenavi.gif) no-repeat bottom;
}

div.leftBox img.stitle03{margin: 0 0 10px 0;}
div.leftBox img.stitle06{margin: 0 0 7px 0;}
div.leftBox img.stitle07{margin: 0 0 7px 0;}
div.leftBox img.stitle08{margin: 0 0 7px 0;}

div.sideNavi ul
{
	width:215px;
	margin:0 auto;
	padding: 10px 0 15px 0;
	text-align: left;
}

div.sideNavi ul li
{
	font-size:12px;
	font-weight:bold;
	margin:0 0 7px 0;
	padding: 0 0 3px 15px;
	letter-spacing: -1px;
	background:url(./img/common/list.gif) no-repeat 0 5px;
	border-bottom: 1px dotted #b2dff6;
}

div.sideNavi ul li a{text-decoration:none;color:#666666;}
div.sideNavi ul li a:link{color:#666666;text-decoration:none;}
div.sideNavi ul li a:visited{color:#666666;text-decoration:none;}
div.sideNavi ul li a:active{color:#666666;text-decoration:none;}
div.sideNavi ul li a:hover{color:#d9d9d9;text-decoration:none;}

div.sideNavi p{
	width: 215px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 12px;
	text-align: left;
	line-height: 1.4;
}

div.sideNavi p span{
	color: #fe4101;
}

/*---------------------------------------------------------
rightBox
---------------------------------------------------------*/
div.rightBox{
	width: 551px;
	margin: 0;
	padding: 0;
	float: right;
}

/*-- h2 --*/
div.rightBox h2{
	color: #0084cf;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 30px 0 11px 35px;
	background: url(./img/common/h2.jpg) no-repeat;
	clear: both;
}

/*-- h3 --*/
div.rightBox h3{
	color: #0084cf;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
	border-left: 5px solid #0084cf;
	border-bottom: 1px solid #0084cf;
	background-color: #d1ebf8;
	clear: both;
}

/*-- h4 --*/
div.rightBox h4{
	color: #0084cf;
	font-size: 12px;
	margin: 15px 0 10px 0;
	padding: 2px 0 3px 25px;
	background: url(./img/common/h4.gif) no-repeat;
	clear: both;
}

/*-- p --*/
div.rightBox p{
	font-size:12px;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}

/*-- リスト（丸） --*/
ul.disc{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

ul.disc li{
	list-style: disc;
}

/*-- リスト（数字） --*/
ol.decimal{
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

ol.decimal li{
	margin: 0 0 10px 0;
	list-style: decimal;
}

/*-- メガネ一覧 --*/
div.megane{
	width: 551px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.megane table{
	margin: 0 0 15px 0;
	padding: 0;
}

div.megane table th{
	padding: 20px 0 10px 0;
	text-align: center;
	vertical-align: middle;
}

div.megane table td{
	padding: 5px;
	font-size: 12px;
	text-align: left;
}

div.megane table td a{color:#ff3f02;text-decoration:none;}
div.megane table td a:link{color:#ff3f02;text-decoration:none;}
div.megane table td a:visited{color:#ff3f02;text-decoration:none;}
div.megane table td a:active{color:#ff3f02;text-decoration:none;}
div.megane table td a:hover{color:#ff3f02;text-decoration:underline;}


/*-- レンズ一覧 --*/
div.lens{
	width: 551px;
	margin: 0 0 10px 0;
	padding: 0;
}

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

div.lens table{
	margin: 0;
	padding: 0;
}

div.lens table td{
	padding: 20px 0 10px 0;
	text-align: center;
	vertical-align: middle;
}

/*-- 店舗案内 --*/
div.map{
	width: 530px;
	margin: 10px auto 0 auto;
	padding: 0;
}

div.shopInfoL{
	width: 230px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: left;
}

div.shopInfoL span{
	color: #ff4002;
}

div.shopInfoR{
	width: 250px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	float: right;
}

div.shopInfoR span{
	color:#ff8003;
}

/*-- 初めてのお客様へ --*/
div.first{
	width: 530px;
	margin: 10px auto 0 auto;
	padding: 0;
}

/*-- メガネについて --*/
div.grass{
	width: 530px;
	margin: 10px auto 0 auto;
	padding: 0;
}

/*---------------------------------------------------------
footer
---------------------------------------------------------*/
div#footer{
	width: 100%;
	margin: 0;
	padding: 30px 0 15px 0;
	background: #0070a8 url(./img/common/bg_footer.jpg) repeat-x left top;
	clear: both;
}

div#footer p.footLink{
	width: 800px;
	margin: 0 auto 13px auto;
	padding: 0;
	color: #666666;
	font-size:x-small;
	text-align: left;
}

div#footer p.footLink a{text-decoration:none;color:#666666;}
div#footer p.footLink a:link{color:#666666;text-decoration:none;}
div#footer p.footLink a:visited{color:#666666;text-decoration:none;}
div#footer p.footLink a:active{color:#666666;text-decoration:none;}
div#footer p.footLink a:hover{color:#d9d9d9;text-decoration:none;}

div#footer p.footInfo{
	width: 800px;
	margin: 0 auto 3px auto;
	padding: 0;
	color: #FFFFFF;
	font-size:x-small;
	text-align: left;
}

div#footer p.footInfo a{text-decoration:none;color:#FFFFFF;}
div#footer p.footInfo a:link{color:#FFFFFF;text-decoration:none;}
div#footer p.footInfo a:visited{color:#FFFFFF;text-decoration:none;}
div#footer p.footInfo a:active{color:#FFFFFF;text-decoration:none;}
div#footer p.footInfo a:hover{color:#FFFFFF;text-decoration:underline;}


address{
	width: 800px;
	font-style: normal;
	font-size:x-small;
	color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


/* 画像hover
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/*---------------------------------------------------------
top
----------------------------------------------------------*/
/*-- 新着情報 --*/
div.news{
	width: 551px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
}

div.news ul{
	width:475px;
	margin: 5px auto 0 auto;
	padding: 0 0 0 50px;
	text-align: left;
}

div.news ul li{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type:square;
}

/*-- 3つのお約束 --*/
div.promise{
	width: 551px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	text-align: center;
	background: #e7f4fc url(./img/top/bg_topcontents.gif) no-repeat bottom;
}

div.promise ul{
	width:475px;
	margin: 5px auto 0 auto;
	padding: 0 0 0 50px;
	text-align: left;
}

div.promise ul li{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type:square;
}

/*-- お客様の声 --*/
div.voice{
	width: 551px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background: #e7f4fc url(./img/top/bg_topcontents.gif) no-repeat bottom;
}

div.voice p{
	width:475px;
	margin: 5px auto 20px auto;
	padding: 0;
	text-align: left;
}

div.voice dl{
	width:475px;
	margin: 0 auto 10px auto;
	padding: 0;
	font-size: 12px;
	text-align: left;
}

div.voice dl:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.voice dl dt{
	width: 70px;
	margin: 0;
	padding: 0;
	float: left;
}

div.voice dl dd{
	width: 390px;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	float: right;
}

div.voice p span{
	font-size: 14px;
	font-weight: bold;
	color: #009fe7;
}

/*-- ARISTRIST --*/
div.aristrist{
	width: 551px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.aristrist p{
	font-size: 12px;
	line-height: 1.4;
}

div.aristrist p span{
	font-size: 14px;
	font-weight: bold;
	color: #009fe7;
}

/*---------------------------------------------------------
brand
----------------------------------------------------------*/
/* brandTop */
div.brand-top{
	width: 530px;
	margin: 0 auto 15px auto;
	padding: 0;
}

div.brand-top table{
	font-size: 10px;
}

div.brand-top table td{
	padding: 10px 5px;
	line-height: 1.4;
}

/* brand */
div.brand-itemDetail{
	width: 530px;
	margin: 0 auto 15px auto;
	padding: 0;
}

div.brand-itemDetail img{
	float: left;
}

div.brand-itemDetail p{
	width: 370px;
	float: right;
}

div.brand-item{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.brand-item table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

div.brand-item table th{
	padding: 5px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #85bada;
	border-bottom: 1px dotted #4983a7;
}

div.brand-item table td{
	padding: 5px;
	font-size: 12px;
	line-height: 1.4;
}

/*---------------------------------------------------------
funk
----------------------------------------------------------*/
/* funkTop */
div.funk-top{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.funk-top:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.funk-top img{
	padding: 0 0 15px 0;
	float: left;
}

div.funk-top div.funk-topR{
	width: 420px;
	float: right;
}

/* senior */
div.senior-item{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.senior-item img{
	float: left;
}

div.senior-item p.senior-itemTxt{
	width: 280px;
	float: right;
}

table.seniorTbl{
	width: 530px;
	margin: 20px auto;
	padding: 0;
	border: 1px solid #4983a7;
	border-collapse: collapse;
	clear: both;
}

table.seniorTbl th{
	padding: 5px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #85bada;
	border-bottom: 1px dotted #4983a7;
}

table.seniorTbl td{
	padding: 5px;
	font-size: 12px;
	line-height: 1.4;
	border-bottom: 1px dotted #4983a7;
}

/* magnet */
div.magnet-item{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

/*---------------------------------------------------------
first
----------------------------------------------------------*/
/* firstTop */
div.first-top{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}


/* flow */
div.flow-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.flow-inner table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

div.flow-inner table td{
	padding: 10px 5px;
	border-bottom: 1px dotted #666666;
}

/* outlet */
div.outlet-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.outlet-inner p span.bigTxt{
	font-weight: bold;
	color: #CC0000;
}

div.outlet-inner p span.bigTxt02{
	font-weight: bold;
	font-size: 14px;
}

div.outlet-inner table{
	width: 320px;
	margin: 0 10px 20px 0;
	padding: 0;
	border: 1px solid #4983a7;
	border-collapse: collapse;
	float: left;
}

div.outlet-inner table th{
	padding: 5px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #85bada;
	border-bottom: 1px dotted #4983a7;
}

div.outlet-inner table td{
	padding: 5px;
	font-size: 12px;
	line-height: 1.4;
	border-bottom: 1px dotted #4983a7;
}

/* coupon */
div.coupon-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.coupon_s{
	padding: 15px 0;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	text-align :center;
}

div.coupon_s img{
	vertical-align: middle;
}

/* special */
div.special-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.special-inner p span.sp_bigTxt{
	font-weight: bold;
	font-size: 14px;
}

div.special-inner p span.sp_redTxt{
	font-weight: bold;
	font-size: 12px;
	color: #CC0000;
	padding: 8px;
	border: 2px solid #CC0000;
}

div.special-inner p.sp_TxtR{
	width: 320px;
	float: right;
}

div.special-inner img{
	padding: 0 0 15px 0;
	float: left;
}

/*---------------------------------------------------------
glass
----------------------------------------------------------*/
/* glass */
div.glass-top{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

/* part */
div.part-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.part-inner p.part_TxtR{
	width: 320px;
	float: right;
}

div.part-inner img{
	padding: 0 0 15px 0;
	float: left;
}

/* size */
div.size-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.size-inner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.size-inner img{
	float: left;
}

div.size-inner div.size-innerR img{
	float: none;
}

div.size-inner div.size-innerR{
	width: 300px;
	float: right;
}

div.size-inner div.size-innerR p.size_name{
	padding: 8px;
	border: 1px solid #CCCCCC;
}

/* flame */
div.flame-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.flame-inner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.flame-inner img{
	padding: 0 0 15px 0;
	float: left;
}

div.flame-inner p.flame_TxtR{
	width: 350px;
	float: right;
}

/* lens */
div.lens-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.lens-inner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.lens-inner p.lens_PhotL{
	width: 250px;
	float: left;
}

div.lens-inner p.lens_PhotR{
	width: 250px;
	float: right;
}

div.lens-inner table{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

div.lens-inner table td{padding: 5px;}

div.lens-inner img.lens_ImgL{
	float: left;
}

div.lens-inner p.lens_TxtR{
	width: 400px;
	float: right;
}

/* maintenance */
div.mainte-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.mainte-inner img{
	padding: 0 0 15px 0;
	float: left;
}

div.mainte-inner p.mainte_TxtR{
	width: 350px;
	float: right;
}

/* faq */
div.faq-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.faq-inner dl{
	margin: 0 0 25px 0;
	padding: 0 0 15px 0;
	font-size: 12px;
	line-height: 1.4;
}

div.faq-inner dl dt{
	margin: 0 0 10px 0;
	padding: 3px 0 10px 35px;
	background: url(./img/glass/icon_q.gif) no-repeat;
	border-bottom: 1px dotted #666666;
}

div.faq-inner dl dd{
	margin: 0;
	padding: 3px 0 5px 35px;
	background: url(./img/glass/icon_a.gif) no-repeat;
}

/*---------------------------------------------------------
info
----------------------------------------------------------*/
/* sunglass */
div.info-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

/* link */
div.link-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

/* inquiry */
div.inquiry-inner{
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.inquiry-inner table{
	width: 95%;
	margin: 0 auto 15px auto;
	padding: 0;
	border-collapse: collapse;
}

div.inquiry-inner table th{
	width: 30%;
	padding: 8px;
	vertical-align: top;
	font-size: 12px;
	color: #666666;
	background-color: #F8F8F8;
	border-bottom: 1px dotted #666666;
}

div.inquiry-inner table th span{
	font-size: 10px;
	color: #CC0000;
}

div.inquiry-inner table td{
	padding: 8px;
	font-size: 12px;
	border-bottom: 1px dotted #666666;
}

div.inquiry-inner table td textarea.formTxt,
div.inquiry-inner table td input.formTxt{
	width: 250px;
}

/*---------------------------------------------------------
sitemap
---------------------------------------------------------*/

div.sitemap {
	width: 530px;
	margin: 0 auto 30px auto;
	padding: 0;
}

div.sitemap ul {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #333333;
	padding-left: 0px;
	margin-left: 32px;
	background-image: url(./img/common/s-dot3.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
}

div.sitemap ul ul {
	margin-top: 0px;
	margin-bottom: 14px;
	padding-top: 8px;
}

div.sitemap ul li {
	background-image: url(./img/common/s-dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}

div.sitemap ul li.s-close {
	background-image: url(./img/common/s-dot2.gif);
	background-repeat: no-repeat;
	height: 20px;
}/*閉じ部分に使用*/

div.sitemap ul li.s-close2 {
	background-image: url(./img/common/s-dot4.gif);
	background-repeat: no-repeat;
}/*閉じ部分に使用　ロング*/