@import "improve.css";
@import "layout.css";

* {
	font-family: Osaka, "ＭＳ Ｐゴシック";
} 

body h1 h2 h3 h4 ul li p{font-family: Osaka, "ＭＳ Ｐゴシック"; color: #5c5c5c; font-size: 12px; line-height: 1.2; margin: 0; padding: 0; clear:both; }

a{
}

a:link { color: #666; }

a:visited{ color: #7e7e7e; text-decoration: none; }

a:hover{
}

#NaviBox { background-image: url(../images/top-nvi-bg.gif); text-align: center; width: 920px; height: 38px; margin: 0; padding: 0; border: solid 1px #bbb; }

#Top{ background-image: url(../images/top-col_01.jpg); width: 920px; height: 66px; margin: 0; }

#Sido{ background-color: #e7e7e7; text-align: left; width: 185px; margin-top: 10px; margin-bottom: 10px; padding: 5px; }
#Sido ul { margin: 5px; padding: 0; }
#Sido h3 {}
#Sido li { margin: 0 0 10px; padding: 0; list-style-type: none; }

#Sido2{
	font-size: 12px;
	text-align: left;
	width: 180px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: solid 1px #b0b0b0;
}
#Sido2 {}
#Sido2 a{}
#Sido2 a:link { color: #666; text-decoration: underline; }
#Sido2 a:visited{ color: #7e7e7e; text-decoration: none; }
#Sido2 a:hover{ color: #609ade; text-decoration: none; }
#Sido2 ul {  }
#Sido2 h3 {}
#Sido2 li { font-size: 14px; }
.r1 { list-style-image: url(../images/top_0106_29.gif); }
.r2 { list-style-image: url(../images/top_0106_33.gif); }
.r3 { list-style-image: url(../images/top_0106_34.gif); }

#Sido3 {
	color: #666;
}
#Sido3 a{}
#Sido3 a:link { color: #666; text-decoration: none; }
#Sido3 a:visited{ color: #7e7e7e; }
#Sido3 a:hover{ text-decoration: underline; }
#Sido3 li{ font-size: 12px; margin-bottom: 2px; list-style-type: none; list-style-image: url(../images/sankaku.jpg); }
#Sido3 ul{ list-style-type: none; }

#Main1 { margin: 10px; padding: 10px; border: solid 1px #b0b0b0; }
#Main1 p{ font-size: 11px; margin: 0 0 5px; }

#Main2 { margin: 10px; padding: 10px; border: solid 1px #b0b0b0; }
#Main2 p{ font-size: 11px; margin: 0; padding: 0; }

#Main3{}
#Main3 a{}
#Main3 a:link { color: #609ade; text-decoration: none; }
#Main3 a:visited{ color: #609ade; text-decoration: none; }
#Main3 a:hover{ color: #0063d6; text-decoration: none; }
#Main3 li{ color: #609ade; font-size: 12px; list-style-image: url(../images/top_0106_20.gif); }

#Main4{}
#Main4 a{}
#Main4 a:link { color: #609ade; text-decoration: none; }
#Main4 a:visited{ color: #609ade; }
#Main4 a:hover{ color: #0063d6; text-decoration: none; }
#Main4 li{ color: #609ade; font-size: 12px; list-style-image: url(../images/top_0106_20.gif); }

#foot { font-size: 12px; }

h1#leadtext {
	font-size:12px;
	color:#999999;
	font-weight:bold;
	margin:0 auto 5px auto;
	padding:0;
	text-align:left;
	width:920px;
}

div#foottext {
	font-size:12px;
	color:#999999;
	font-weight:bold;
	margin:20px 20px 20px 0;
	padding:0;
	text-align:right;
}

div#foottext em, div#foottext i {
	text-decoration:none;
	font-style:normal;
}

h2.headtext{
	color:#ffffff;
	margin:0 0 15px 0;
	padding:0;
	font-size:12px;
	text-align:center;
	font-weight:normal;
}

h2.headtext2{
	color:#ffffff;
	margin:40px 20px 0 0;
	padding:0;
	font-size:12px;
	text-align:center;
	font-weight:normal;
}

h3.leftbar {
	color:#666666;
	border-left:3px solid #999999;
	margin:10px 10px 10px 5px;
	padding:3px 0 3px 10px;
	line-height:140%;
	font-size:12px;
}

#footer_navi {
	text-align:center;
	font-size:10px;
	line-height:150%;
	margin:10px 0 20px 0;
}
#footer_navi h5 {
	font-size:10px;
	line-height:150%;
	margin:10px 0 5px 0;
	padding:0;
}
p.ensen {
	font-size:12px;
	margin:10px 0 20px 0;
	padding:0;
	line-height:140%;
}
#pan {
	width:920px;
	font-size:11px;
	margin:5px auto;
	color:#666666;
	text-align:left;
}

#pan b,#pan strong {
	font-weight:normal;
}

#foottext em, i {}
 
/**
 * 090804 TOP改修 
 */
	 
.menu 
{
	padding: 0 5px;
	width: 690px;
}
	
.menu h3 
{
	padding: 0;
	margin: 0;
}
 
.menu div 
{
	padding-bottom: 8px;
	width: 334px;
	text-align: left;
	background: url(../images/bg_shadow.jpg) left bottom repeat-x;
}
	 
.menu ul 
{
	padding: 20px 0 20px 30px;
	margin: 0;
	font-size: 12px;
	background-position: right center;
	background-repeat: no-repeat;
}
	 
.menu ul li 
{
	padding-right: 100px;
	padding-left: 15px;
	background: url(../images/ico_arrow.gif) left center no-repeat;
	list-style: none;
}
 
.menu ul a 
{
	color: #609ade;
	text-decoration: none;
}

	
.menu ul a:hover 
{
	color: #0063d6;
}
   
.menu div.contactLense 
{
	float: left;
}
	 
.menu div.contactLense ul 
{
	background-image: url(../images/bg_contact.jpg);
}
  
.menu div.glass 
{
	float: right;
}
	 
.menu div.glass ul 
{
	background-image: url(../images/bg_glass.jpg);
}
   
  
.topics 
{
	padding: 0 5px;
	margin-bottom: 20px;
	width: 690px;
	text-align: left;
}
	 
.topics div 
{
	padding: 2px;
	width: 328px;
	height:334px;
	border: 1px solid #a6a6a6;
}
	 
.topics h3 
{
	margin: 0;
	padding: 0;
}
 
.topics p 
{
	padding: 0;
	margin: 0;
	background: url(../images/bg_topics.jpg) left bottom repeat-x;
	border-bottom: 3px solid #ec651f;
}
 
.topics img 
{
	border: none;
	vertical-align: top;
}
  
.topics div.contactLense 
{
	float: left;
}
	 
.topics div.contactLense p 
{
	padding: 4px 0;
	text-align: center;
}
  
.topics div.glass 
{
	float: right;
}
	 
.topics div.glass p 
{
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
   
.info 
{
	padding: 0 5px;
	width: 690px;
	text-align: left;
}
	
.info img 
{
	border: none;
	vertical-align: top;
}
 
.info .news 
{
	float: left;
	padding: 10px;
	width: 207px;
	border: 1px solid #a6a6a6;
}
	 
.info .news h3 
{
	margin:  0 0 10px;
	padding: 0;
}
  
.info ul 
{
	padding: 0;
	margin: 0;
	float: right;
	width: 460px;
}
	 
.info ul li 
{
	float: left;
	padding-left: 12px;
	padding-bottom: 12px;
	list-style: none;
}
   
* html .menu, 
* html .topics,
* html .info
{
	padding: 0;
}
 
/**
 * CLEAR FIX 
 */
	 
.menu:after, 
.topics:after,
.info:after,
.info ul:after,
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	 
.menu, 
.topics,
.info,
.info ul,
.clearfix
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
.menu, 
.topics,
.info,
.info ul,
.clearfix
{
	display:block;
}
/* End hide from IE Mac */

/* Add style since 2010/01 */
.sidebar-price{
	margin:10px 0 0 0;
	padding:0;
	clear:both;
	font-size:12px;
	width:193px;
	}

.sidebar-price dl{
	margin:0;
	padding:0 6px 6px 6px;
	border:1px solid #000000;
	}
	
.sidebar-price dt{
	margin:0;
	font-size:14px;
	padding:12px 0 0 0;
	color:#333333;
	line-height:15px;
	background-image: url(../images/sankaku.jpg);
	background-position:0 14px;
	text-indent:12px;
	background-repeat:no-repeat;
	}	

.sidebar-price dd{
	margin:0;
	padding:0 0 0 12px;
	line-height:20px;
	}


.clear{
	clear:both;
	}

#latest-price {
	margin:10px 0 0 0;
	border:1px solid #CCCCCC;
	display:inline-block;
	width:700px;
	}


	
#latest-price th,td img {
	border:0;
	}

#latest-price th{
	padding-left:5px;
	}


.top-main{
	background-image:url(../img/bg_top-main.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:450px;
	}

.top-main img{
	margin:397px 0 0 340px;

}

#shopbanner{
	margin:10px 0;
	clear:both;
	}

.megane_navi{
	margin-top:15px;
	text-align:center;
	}
.megane_navi img{
	margin-right:1px;
	}	

.ttl-megane{
	clear:both;
	margin:15px 0 0 0;
	padding:0 0 0 0;
	}

.ttl-megane2{
	clear:both;
	margin:15px 0;
	padding:0 0 0 0;
	}

.ttl-megane img{
	float:left;
	margin:5px 0 0 0;
	padding:0;
	}
	
.ttl-megane p{
	float:right;
	margin:15px ;
	padding:0 0 0 10px;
	background-image:url(../glasses/images/li.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	}
	
.ttl-megane p a{
	color:#FF6600;
	}	

.brand_category{
	clear:both;
	padding:0;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	height:40px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}

.brand_category img{
	float:left;
	margin:0;
	padding:8px 0 0 15px;
	}

.brand_category p{
	float:right;
	margin:0;
	padding:15px 0 0 0;
	font-size:11px;
	}
	
.brand_category p a{
	color:#FF6600;
	}
	
.brand_category2{
	clear:both;
	padding:0;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	height:60px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}

.brand_category2 img{
	float:left;
	margin:0;
	padding:10px 0 0 4px;
	}

.brand_category2 p{
	float:right;
	margin:0;
	padding:15px 0 0 0;
	font-size:11px;	
	}
	
.brand_category2 p a{
	color:#FF6600;
	}
	

.megane_list{
	clear:right;
	float:left;
	width:340px;
	margin:0 4px 10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #999 ;
	font-size:12px;
	}


.megane_list-btm{
	clear:right;
	float:left;
	width:340px;
	margin:0 4px 10px 0;
	padding-bottom:10px;
	font-size:12px;
	border-bottom:none ;
	}

.megane_img{
	height:165px;
	}

.megane_img a img{
	border:1px solid #FFFFFF;
	}
	
.megane_img a:hover img{
	border:1px solid #00CCFF;
	}
	
.megane_brand{
	float:left;
	width:48%;
	height:55px;
	border-right:1px dashed #999999;
	padding-top:5px;
	}

.megane_txt{
	float:right;
	width:49%;
	height:55px;
	text-align:left;
	padding-top:5px;
	font-size:12px;
	}

.megane_txt strong{
	color:#FF0000;
	font-weight:bold;
	}

.bar{
	width:6px;
	float:left;
	margin:0;
	padding:20px 0;
	}

.card_nouse{
	margin:10px 10px 10px 150px;
	font-size:11px;
	}

.small{
	font-size:11px;
	}

#left-nishigahara{
	width:200px;
	}

.gs-iten{
	line-height:18px;
	margin:5px 0 0 0;
	padding:5px;
	border:1px dotted #FF9900;
	}

.gs-iten strong{
	color:#FF0000;
	}

.gs-iten a{
	color:#0000FF;
	}

.enkin-info{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	height:100px;

}

.enkin-info-left{
	float:left;}

.enkin-info-right{
	float:right;}

.font-red{
	color:#FF0000;
	font-size:12px;
	}
.bnr-glass{
	text-align:right;
	}
	
.bnr-glass img{
	margin:10px 0;
	text-align:right;
	}

/************ コンタクト商品一覧ページ *************/

#rotate{
	margin-top:15px;
	margin-bottom:20px;
	}

#rotate h3{
	height:40px;
	line-height:40px;
	font-size:18px;	
	background-color:#00CCFF;
	background-image:url(../img/bg-h3.gif);
	background-repeat:no-repeat;
	text-indent:15px;
	text-shadow:1px 1px 1px #999;
	color:#FFFFFF;
	margin:10px 0;
	clear:both;
	}

#rotate ul li span{
	font-size:12px;
	}

.contact-lens-list{
	float:left;
	width:330px;
	height:220px;
	margin-right:10px;
	}


.contact-lens-list h5{
	text-align:center;
	background-image:url(../img/bg-contact-lens-head.gif);
	background-repeat:repeat-x;
	line-height:30px;
	margin-bottom:7px;
	font-size:14px;
	}

.contact-lens-list:after{
	clear:both;
	}

.contact-main{
	height:140px;
	}

.contact-lens-img{
	float:left;
	text-align:center;
	vertical-align:middle;
	width:150px;
	border:1px solid #00FFFF;
	padding:3px;
	margin-bottom:10px;
	background-color:#FFFFFF;	
	}

.contact-lens-info{
	float:right;
	width:150px;
	font-size:11px;
	color:#666;
	}

.contact-lens-info dd{
	margin-bottom:7px;
	}

.contact-lens-info dd img{
	margin-right:5px;
	}

.contact-lens-info dd strong{
	color:#FF6600;
	font-size:12px;
	}

.contact-lens-price{
	clear:both;
	text-align:right;
	color:#FF0000;
	font-size:18px;
	font-weight:bold;	
	line-height:25px;
	padding:0 0px 10px 0;
	border-bottom:1px dotted #CCCCCC;
	background-image:url(../tenpo/img/contact-lens/price-web-limited.gif);
	background-position:130px 0px;
	background-repeat:no-repeat;
	}

#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5,#fragment-6{
	clear:both;
	}

#fragment-1 ul,#fragment-2 ul{
	margin:0;
	padding:0;
	}


#fragment-1 li,#fragment-2 li{
	float:left;
	margin:0 15px 15px 0;
	background-image:url(../img/arrow02.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	text-indent:15px;
	line-height:18px;
	font-size:12px;
	list-style-type:none;
	}

#fragment-1 li a,#fragment-2 li a{
	color:#00CCFF;
	}

#fragment-1 li a:hover,#fragment-2 li a:hover{
	text-decoration:underline;
	background-color:#FFFFCC;
	}

#cntct-btm{
	line-height:18px;
	color:#666;
	letter-spacing:1px;
	border-top:1px dotted #999999;
	}

#cntct-btm p{
	margin-top:10px;
	}