@charset "utf-8";
/* CSS Document */

html{
	padding: 0px;
	margin: 0px;
}


body{
	background: #2e4998 url(../images/common/bg.gif) repeat-x;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	line-height: 1.7em;
}
h1{ 
	font-size: 9px; 
	color: #8ea6d7; 
	float: left; 
	margin: 0px 0px 0px 10px;
	clear: none;
	display: inline;
	font-weight: normal;
	letter-spacing: 0px;
	width: 520px;
	height: 20px;
}



h2.page_title{
	background: #fff url(../images/common/oomidasi_kara.gif) no-repeat;
	width: 640px; height: 65px;
	vertical-align: middle;
	color: #333;
	font-size: 25px;
	line-height: 65px;
	text-indent: 15px;
	font-weight:normal;
	margin-top: 0px;
}

h2.page_title img{ margin: 19px auto;}


h3{ 
	background: #edeff7 url(../images/common/komidasi_bg.gif) repeat-x;
	background-position: 100% 100%;
	width: 600px;
	font-size: 16px;
/*	text-indent: 10px;*/
	line-height: 25px;
	margin-left: 10px;
	padding: 3px 10px;
	clear: both;
}


img{ border:none; }

td{ vertical-align: top;}

div#outer{
	width: 860px;
	margin: 0px auto 0px auto;
}

div#top{
	width: 100%; height: 70px;
	margin: 0px 0px 0px 0px;
	background: #1f4191 url(../images/common/top_bg.gif) repeat-x;
}

div#banner_top{

	width: 100%; height: 283px;
	clear:both;
	border: #f00 0px solid;
	background-color: #fff;
}


table#banner_top{
	width: 100%; height: 283px;
	clear:both;
	border: #f00 0px solid;
	background-color: #fff;
	border-collapse:collapse;
}
table#banner_top span#banner_top { position:relative; display:block; width:190px; height:235px;}
table#banner_top #linkBtn { position:absolute; bottom:5px; right:3px;}

table#banner_top td{ margin: 0px; text-align:center; vertical-align: middle; }

div#menu{
	width: 100%; height: 50px;
	margin: 0px 0px 0px 0px;
	background: #1b135e url(../images/common/menu_bg.gif) repeat-x;
	font-size: 0px;
	text-align: center;
}

div#main{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding-bottom: 10px;
	background: #fff;
	display:table;
	padding-bottom: 2.0em;
}

div#content{ padding: 15px; }

div#content p{ margin: 10px 20px 20px 20px;}

div#content-left{
	width: 640px;
	float:left;
	/*border: #f00 1px solid;*/
	overflow: hidden;
}

div#content-left table{
	margin: 15px 15px 25px 15px;
}



div#content-right{
	width: 175px;
	float:left;
	margin-left: 15px;
	/*border: #f00 1px solid;*/
}

div#footer{
	text-align: center;
	font-size: 11px;
	padding: 10px;
	background-color: #2e4998;
	color: #fff;
}

img#logo{ float: left; margin: 10px 0px 0px 20px;}
img#rakuten{ float: right; margin: 5px 15px 10px 0px; clear:both;}
div#top_menu{ clear:both; white-space:nowrap; margin: 0px 15px 0px 0px; }
div#top_menu img{ margin: 0px 0px 0px 10px; } 

img.tit{ margin-bottom: 10px; clear:both;}


div#top_left{ 
	float: left;
	width: 625px;
}

div#top_right{ 
	float: left;
	width: 185px;
	margin-left: 20px;
}

div#top_right #rinsetuGanka { background:#f0f0f0; border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc; padding-top:4px; margin-bottom:10px; }

div#top_right #rinsetuGanka img { margin:0 0 4px 4px;}

table#top{ width: 100%; }

ul#top_news{
	margin: 10px 15px 20px 15px;
	padding: 0px;
}

ul#top_news li{
	border-bottom: 1px #999 dotted;
	padding: 3px 3px;
	list-style: none;
}
	
.red{ color: #d00; }
.error{ color: #d00; }
.underline{ text-decoration:underline;}
.center { display:block; margin:0 auto;}

div#category_navi1{ 
	width: 100%; 
	height: 40px; 
	background-color: #f5f5f5; 
	border-bottom: 1px #dcdcdc solid;
}

div#category_navi1 img{ 
	margin: 12px 15px;
	float: left;
}

span.category_navi1_link{
	background-image: url(../images/common/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	line-height: 20px;
	padding: 0px 0px 0px 14px;
	margin: 10px 5px;
	float: left;
	display: block;
	font-size: 12px;
}

span.category_navi1_link a{ color: #06c; text-decoration: none; }


table.hyou{
	border-collapse: collapse;
}

table.hyou th{
	border: 1px #ccc solid;
	padding: 5px;
}
table.hyou td{
	border: 1px #ccc solid;
	padding: 5px;
}

ul.nagare{ margin: 10px;}
ul.nagare li{
	list-style: none;
	border: 1px #ccc solid;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fcfcf8;
}


/********************** お問い合わせ *****************************/

table#contact{ border-collapse: collapse; width: 600px; }
table#contact th{ background-color: #ffe2e2; border: 1px #ccc solid; padding: 5px; width: 30%; }
table#contact td{ background-color: #fff; border: 1px #ccc solid; padding: 5px; }
table#contact td td{ border: none; padding: 2px; }

/************************   cl   ****************************************/

.dispo-menu{ margin: 0px auto 20px auto; text-align: center; }
.dispo-cat{ margin-bottom: 10px; }

table#mels{ border-collapse:collapse; margin: auto 0px auto 0px;}

table#mels th{ 
	border: 2px #000 solid; 
	background: #d3ffff; 
	text-align: center; 
	font-weight: bold; 
	white-space: nowrap; 
	padding: 2px 10px;
	font-size: 12px;
}
table#mels th.blank{ background: #fff;}

table#mels td{ 
	border: 2px #000 solid; 
	background: #fff; 
	text-align: right; 
	font-weight: bold; 
	padding: 2px 10px;	
	font-size: 12px;
	white-space: nowrap; 
}
table#mels td.hd{ background: #a7c4ff; text-align: left; color: #fff; }
table#mels td.red{ color: #ff2360; }


/************************   brand   ****************************************/

div#brand_bg{
	background: url(../brand/images/bg.png) no-repeat;
	width: 100%;
	overflow: hidden;
}

table#brand_list{ border-collapse:collapse; border: 1px #dfdfdf solid; margin-bottom: 15px; }
table#brand_list td{ border: 1px #dfdfdf solid; }

#brand_title{ 
	margin: 18px 0px 60px 100px; 
	clear:right; 
}

div#disc{ 
	margin: 60px 0px 0px 20px; 
	vertical-align: middle;
	clear:both;
	display: block;
	background-color: #00f;
}

div#brand_logo{ 
	width: 230px;
}

div#disc p{ 
	margin: auto 0px 0px 20px; 
	vertical-align: middle;
	width: 350px;
	text-align: left;
	float: left;
	display: inline;
	background-color: #0f0;
}

table#brand_exp{
	border-collapse: collapse;
	margin: 0px 0px 30px 20px;
	clear: both;
	width: 615px;
}

table#brand_exp th{ padding: 0px;}

table#brand_exp td{
	vertical-align: middle;
	padding-left: 20px;
}

img.product_photo{ 
	margin: 0px 0px 0px 0px;
	border: 1px #ccc solid;
}

span.product_name{ color: #960; font-weight: bold; font-size: 110%; }
span.product_id{ color: #960; }


/******************************** megane ***********************************/

span.product_name2{ color: #363; font-weight: bold; font-size: 110%; }
span.product_id2{ color: #363; }

img.syurui{ margin-bottom: 4.0em;}

/***********************************  product *******************************************/

img.product{ margin-left: 15px; }


/***********************************  sitemap *******************************************/

#sitemap{
	width: 810px;
	margin-left: 20px;
}

#sitemap a{ color: #333; }


#sitemap td{
	margin: 0px;
	padding: 0px;
}

#sitemap h4{
	font-size: 16px;
	margin-bottom: 0px;
}

#sitemap h4 a{
	text-decoration: none;
}

#sitemap h4 a:hover{
	text-decoration: underline;
	color: #00c;
}

#sitemap ul{
	margin: 0px 2em;
	padding: 0.5em 0px 0px 0px;
}

#sitemap ul li{
	list-style: none;
	margin: 0px;	

	background-image: url(../sitemap/images/line-middle.gif);
	background-repeat: no-repeat;
	background-position: 0px -0.5em;
	padding-left: 15px;

}

#sitemap ul li.bottom{
	background-image: url(../sitemap/images/line-bottom.gif);
	background-position: 0px 50%;
}

#sitemap ul li a{
	font-size: 13px;
	background-color: #fff;
	padding: 1px 0px 1px 18px;
	display: block;
	text-decoration: none;
	letter-spacing: 2px;
	background-image: url(../sitemap/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
}

#sitemap ul li a:hover{
	text-decoration: underline;
	color: #00c;
}

#sitemap ul li ul{
	padding-top: 0em;	
}

/***********************************  coupon *******************************************/


div#megane_coupon{
	float: left;
	width: 388px; height: 400px;
	text-align: center;
	border: 1px #ccc solid;
	margin-left: 20px;
	padding-top: 30px;
	background-image: url(../coupon/images/megane_img01.jpg);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

div#cl_coupon{
	float: left;
	width: 388px; height: 400px;
	text-align: center;
	border: 1px #ccc solid;
	margin-left: 20px;
	padding-top: 30px;
	background-image: url(../coupon/images/cl_img01.jpg);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

/***********************************  freeex *******************************************/

div#freeex2 { width:860px; padding:0; margin:0; }
div#freeex2 table#freeBOX { width:740px; margin:0 auto; padding:0; border-left:#2e4998 1px solid; border-bottom:#2e4998 1px solid;}
div#freeex2 table#freeBOX tr td { width:370px; border-right:#2e4998 1px solid; border-top:#2e4998 1px solid }
div#freeex2 table#freeBOX tr td dl { margin:0; padding:0;}
div#freeex2 table#freeBOX tr td dl dt { width:350px; height:45px; padding:20px 0 0 20px; font-size:140%;}
div#freeex2 table#freeBOX tr td dl dd { margin:5px 20px 15px;}
div#freeex2 table#freeBOX tr td dl.bg_1day dt { background:url(../freeex/images/bg_oneDay.gif) no-repeat left;}
div#freeex2 table#freeBOX tr td dl.bg_2w dt{ background:url(../freeex/images/bg_twoWeek.gif) no-repeat left;}
div#freeex2 table#freeBOX tr td dl.bg_siri dt{ width:720px; background:url(../freeex/images/bg_silicone.gif) no-repeat left;}
div#freeex2 table#freeBOX tr td dl.bg_1day_r dt{ background:url(../freeex/images/bg_oneDayToric.gif) no-repeat left;}
div#freeex2 table#freeBOX tr td dl.bg_2w_r dt{ background:url(../freeex/images/bg_twoWeekToric.gif) no-repeat left;}
div#freeex2 table#freeBOX tr td dl.bg_enkin dt{ background:url(../freeex/images/bg_farAndNear.gif) no-repeat left;}
div#freeex2 table#freeBOX tr td dl.bg_difa dt{ background:url(../freeex/images/bg_color.gif) no-repeat left;}

div#freeex2 ul { width:740px; margin:0 auto; margin-top:20px;}


div.contactLenz hr { display:none;}
#soft01 { width:600px; height:234px; background:url(../cl2008/images/cl_soft01.jpg) no-repeat;}
#soft02 { width:600px; height:224px; background:url(../cl2008/images/cl_soft02.jpg) no-repeat;}
#soft03 { width:600px; height:178px; background:url(../cl2008/images/cl_soft03.jpg) no-repeat;}
#soft04 { width:600px; height:234px; background:url(../cl2008/images/cl_soft06.jpg) no-repeat;}
div.contactLenz { position:relative; border:none; }
div.contactLenz p.makerLink { position:absolute; right:10px; bottom:10px; text-indent:0; text-align:right;}
div.contactLenz p { text-indent:-9999px;}

/***********************************  okaidoku *******************************************/
.clear { clear:both;}
.em { font:bold; font-size:130%; color:#3333CC;}
#okaidoku { text-align:left;}
#content #okaidoku h3,#content #okaidoku h4 { margin:0px; padding:0;}
#okaidoku #LineUp { background:#E4F2E2; color:#333; border-bottom: 1px solid #D7EDE4; padding:10px 0; margin-bottom:20px; border-bottom:1px dotted #CCC;}

#okaidoku #LineUp dl dt { background:url(../megane2008/images/blue-circle.png) no-repeat left 2px; padding-left:23px; margin-left:10px; line-height:1.4em; margin-bottom:5px; letter-spacing:0.4em;}
#okaidoku #LineUp dl dd { background:url(../megane2008/images/lineUp-icon.png) no-repeat left 3px; padding-left:20px; margin-left:13px; line-height:1.3em;}
*:first-child+html #okaidoku #LineUp dl dd { display:block; color:#000066; background:url(../megane2008/images/lineUp-icon.png) no-repeat left 5px; text-indent:20px; line-height:1.2em; margin:0; margin-left:15px; margin-bottom:5px; }
#okaidoku #LineUp dl dd a { color:#03C; text-decoration:underline;}
#okaidoku #LineUp dl dd a:hover { color:#C60; text-decoration:none;}
#okaidoku #LineUp p { margin:5px 13px 0; padding:0;}
/*#okaidoku #LineUp dl dd.sale1 { color:#000066; background:url(../megane2008/images/okaidoku0901/sale.png) no-repeat left top; text-indent:70px; line-height:1.5em; margin:0; margin-left:15px; margin-bottom:5px; }
#okaidoku #LineUp dl dd.sale2 { color:#000066; background:url(../megane2008/images/okaidoku0901/sale-02.png) no-repeat left top; text-indent:70px; line-height:1.5em; margin:0; margin-left:15px; margin-bottom:5px; }*/

#okaidoku div.DLBtn { width:630px; height:56px; font-size:15px; margin-bottom:10px; padding:0;}
#okaidoku div.DLBtn ul { text-decoration:none; float:right; width:195px; height:56px; margin:0; padding:0;}
#okaidoku div.DLBtn ul li { text-align:left; display:block ; width:200px; height:56px; background:url(../megane2008/images/couponBtn.gif) no-repeat; color:#000066; margin:0; padding:0; text-indent:-9999px;}
#okaidoku div.DLBtn ul li a { display:block; width:200px; height:56px; background:url(../megane2008/images/couponBtn.gif) no-repeat; color:#0000FF; text-decoration:underline; line-height:2em; margin:0; padding:0;}
#okaidoku div.toTop { width:640px; height:25px; font-size:12px; margin:10px 0px;; padding:0; clear:both;}
#okaidoku div.toTop ul { float:right; width:159px; height:29px; text-decoration:none; text-align:left;  margin:0; padding:0;}
#okaidoku div.toTop ul li { display:block; width:159px; height:29px; background:url(../megane2008/images/toTop.gif) no-repeat; color:#000066; margin:0; padding:0; text-indent:-9999px;}
#okaidoku div.toTop ul li a { display:block; width:159px; height:29px; line-height:1.5em;}
div#content-left #okaidoku table { margin:0}

/***********************************  meganeCoupon *******************************************/
div#meganeCoupon p.saleBtn { display:block; height:30px; border:#CCCCCC solid 1px; background:url(../megane2008/images/saleBtn_bg.gif) repeat-x; padding:5px 0; margin:0 10px; font-size:15px;}
div#meganeCoupon p.saleBtn a { text-decoration:underline; color:#0000FF; display:block; width:294px; height:35px;}
div#meganeCoupon p.saleBtn a:hover { text-decoration:none; color:#0000FF;}


/***********************************  QandA *******************************************/
div#QandA dl dt,div#QandA dl dd { margin:0; padding:0; clear:both; }
div#QandA img { display:block; float:left; margin:0 10px 20px 0;}
div#QandA dl dt { font-size:140%; background:url(../cl2008/images/Q.gif) no-repeat;}
div#QandA dl dt { background:url(../cl2008/images/A.gif) no-repeat;}

 /* new clearfix */  
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }  
*html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  


div#cl-List { font-size:14px; text-align:center; margin-bottom:10px; color:#666; line-height:2em;}
div#cl-List a { color:#333; background: url(../cl2008/images/sankaku-gray-right.gif) no-repeat left center; padding-left:9px; text-decoration:none;}
div#cl-List a:hover { color:#09C; background: url(../cl2008/images/sankaku-blue-right.gif) no-repeat left center; padding-left:9px; text-decoration:underline;}


div.cl-coupon { position:relative; z-index:1;}
img.couponBtn { position:absolute; right:40px; bottom:20px; z-index:10;}
*html img.couponBtn { position:relative; display:none;}
p#bottomBtn { display:none;}
*html p#bottomBtn { display:block;}