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

body{
margin:0px;
padding:0px;
text-align:left;
}

body, td, th, div, p, pre,
select, input, textarea {
	line-height:1.4;
	color:#333333;
	font-family:
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
  '平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
  'ＭＳ Ｐゴシック', 'MS PGothic', 
  'ＭＳ ゴシック', 'MS Gothic',
  sans-serif;
  font-size:small;
}
	
a{
color:#663300;
text-decoration:none;}
a:hover{
color:#669933;}


img{
border:0px;}




/* base */
#wrapper{
width:950px;
margin:0 auto;}

#header{
width:950px;
margin:0 0 10px 0;}

.header_top{
width:950px;}
.header_top_l{
width:300px;
float:left;}
.header_top_r{
width:450px;
float:right;}

.header_logo{
width:950px;
margin:0 0 3px 0;}
#header .head_title{
width:950px;}
#header .head_title img{
margin:0 5px 0 0;}
#header .h_title01{
width:43px;
float:right;}
#header .h_title02{
width:43px;
float:right;}

#head_menu_left{
width:600px;
float:left;
}
#head_menu_right{
width:300px;
float:right;
text-align:right;
}


#container{
width:950px;
padding:10px 0;}



.copy{
border-top:#666666 1px solid;
padding:15px 0;
text-align:center;}
.copy a{
color:#333333;}



/* margin */
.mgn_b3{ margin-bottom:3px;}
.mgn_b15{ margin-bottom:15px;}


/* index */
.index_right{
width:755px;
float:right;}

.index_left{
width:180px;
float:left;}

.info{
width:540px;
float:left;
}

#sinchaku{
width:600px;
border-bottom:#CCCCCC 1px solid;
border-top:#CCCCCC 1px solid;
padding:5px 0;}
#sinchaku ul{
margin:0 0 0 20px;
padding:0;
line-height:1.2;}
#sinchaku li{
padding:7px 3px;
margin:0;
list-style-type:square;}

.ranking{
width:198px;
float:right;
border:#990000 1px solid;
}
.ranking_box{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;
padding:3px;}
.rank_right{
width: 100px;
padding:0px 3px 2px 2px;
float: right;
font-size: 11px;
text-align: left;
}

.w_border_title{
border-top:1px solid #CC0000;
border-bottom:1px solid #CC0000;
padding:3px 10px;
font-size:medium;
color:#666666;
font-weight:bold;
margin:0 0 10px 0;
}

.osusume_list{
width:600px;
margin:0 0 10px 0;}
.osusume_list01{
width:130px;
float:left;
padding:0 25px 0 0;
line-height:1.2;}

.osusume_list02{
width:130px;
float:left;
line-height:1.2;}

.osusume_list a{
color:#333333;
line-height:1.2;}
.osusume_list a:hover{
color:#3366FF;}



/* 左ナビ中検索 */
.kensaku_back{
background-image:url(images/mypage.gif);
background-repeat:no-repeat;
background-position:left top;
text-align:right;
height:20px;}

.left_kensaku{
width:140px;
margin:5px auto 0 auto;}
.left_kensaku form{
margin:0; padding:0;}
.left_kensaku select{
width:140px;
margin:0px 0px 5px 0px;
padding:0;}
.left_kensaku input{
margin:0px 0px 5px 0px;
padding:0;}




/* bottom */
.calendar table{
border:#CCCCCC 1px solid;
background-color:#CCCCCC;}
.calendar td{
padding:2px;
text-align:center;
background-color:#FFFFFF;}

td.light_orange{
background-color:#ffe9a5;}

td.back_gray{
background-color:#f6f6f6;}

td.back_darkgray{
background-color:#888888;
color:#FFFFFF;}



/* table_list */
.table_list table{
background-color:#CCCCCC;}
.table_list td{
background-color:#FFFFFF;}



/* list */
#leftnavi_list ul{
margin:0;
padding:0;
list-style:none;
}
#leftnavi_list li{
margin:0;
padding:3px 5px;
border-bottom:1px dotted #cccccc;
}


#cate_list ul{
margin:0;
padding:0;
list-style:none;
}
#cate_list li{
margin:0;
padding:3px 5px;
}


.q_a_list ul{
margin:0 0 0 20px; padding:0;}
.q_a_list li{
margin:0; padding:3px 0;
list-style-type:square;}


/* help_guide */
.guide_left{
width: 360px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999999;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
float: left;}

.guide_right{
width: 370px;
margin-left: 10px;
float: right;}

#help_guide ul{margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;
list-style-type:none;}


/* back */
.cateback_green{
background-color:#b0d757;}

.cateback_pinkgray{
background-color:#f59b30;}

.back_pink {
background-color:#FFDD95;}

.back_skyblue {
background-color:#D1EEFE;
padding:3px;
font-size:12px;
font-weight:bold;
color:#1E99D5;}

.back_green01{
background-color:#92ca42;
padding:3px;
font-size:12px;
font-weight:bold;
color:#ffffff;}

.back_green02{
background-color:#4cb84f;
padding:3px;
font-size:12px;
font-weight:bold;
color:#ffffff;}


/* box */
.gray_box{
border:#CCCCCC 1px solid;}

.pinkgray_box{
border:1px solid #FFB56A;}

.green_box{
border-bottom:#b0d757 1px solid;
border-top:#b0d757 1px solid;}

.dark_red_box_pd3{
border:#990000 solid 1px;
padding:3px;}

.left_w370{
width:370px;
float:left;
}
.right_w370{
width:370px;
float:right;
}

.info_box{
border:#CCCCCC 1px solid;
padding:5px 10px;}



/* padding */
.banner_under_10{
padding:0 0 10px 0;
text-align:center;}

.under_10{
padding:0 0 10px 0;}

.under_5{
padding:0 0 5px 0;}

.mar_left{
padding:0 0 0 10px;}

.mar_right{
padding:0 10px 0 0;}

.mgn_b3{ margin-bottom:3px;}



/* text */
strong{
font-weight:normal;}

p{
margin:3px 0;}

.clear{
clear:both;
color:#FFFFFF;
font-size:1px;
line-height:1px;}


.topic_path{
margin:0px;
padding:0px;
background-color:#f2f2f2;}
.topic_path ul{
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style:none;}


.bottom_title{
background-color:#ffb32f;
color:#FFFFFF;
text-align:center;
padding:3px;
margin:0 0 8px 0;
font-weight:bold;}


.index_osusume{
padding:0 0 5px 5px;
margin:0 0 5px 0;
border-bottom:#663333 1px solid;}


.font_small a{
font-size:small;
line-height:1.2;}
.font_small img{
margin:0 0 5px 0;}


.big_font{
font-size:larger;
color:#990000;
font-weight:bold;}


.title{
margin:20px 0 10px 0;
padding:0 0 3px 0;
font-size:medium;
color:#663300;
border-bottom:#CCCCCC 1px solid;}


.orange{
color:#FF6600;}


.red{
color:#FF0000;}

.dark_red{
color:#990000;
font-weight:bold;}

.green{
color:#339900;}


.gray{
color:#999999;}

.back_gray{
background-color:#f2f2f2;
padding:2px 5px;}

.under_dotted{
border-bottom:#CCCCCC 1px dotted;
padding:0 5px 3px 0;}


/* link */
a.link_blue:link{
color: #0033cc;
text-decoration: underline;
}
a.link_blue:hover{
color: #0099cc;
text-decoration: none;
}

/* font */
.font_11{ font-size:11px;}
.font_14{ font-size:14px;}
.font_16{ font-size:16px;}
.font_20{ font-size:20px;}
.blue{ color:#0000FF;}


/* DESPX CSS */

a img {
	border: 0;
}

.Clear {
	clear: both;
	font-size: 1px;
	color: #ffffff;
}

/* トピックパス（パンくず） */
#topicPath {
	width: 100%;
	height: 1.5em;
}
#topicPath li {
	float: left;
	display: block;
	background: url(images/li_topic_path.gif) no-repeat right;
	/*padding: 0.2em 1.2em 0 0 !important;*/
	padding: 0px 1.2em 0px 0px !important;
	margin: 0px;
}



/* 商品詳細 */
#productDetail h1, #productDetail h2, #productDetail h3,
#productDetail h4, #productDetail h5, #productDetail h6 {
	background: none;
	line-height: 1.2;
	font-size: 100%;
}

/* ページング */
.Paging {
	width: 100%;
}
.Paging .B {
	color: #000000;
	font-weight: bold;
}

.Paging div.Description {
	width: 42%;
	float: left;
	text-align: left;
	padding: 0.5em 0;
}
.Paging div.Number {
	width: 42%;
	float: right;
	text-align: right;
	padding: 0.5em 0;
}
#pagingHeader .Paging {
	border-bottom: 1px solid #cccccc;
}
#pagingFooter .Paging {
	border-top: 1px solid #cccccc;
}.faq {
	padding: 5px;
}

/* sale */
.sale{
	border:solid 2px #df0000;
	background-color:#fffdd2;
	padding-bottom:10px;
	}
.sale_box{
	width:556px;
	margin:10px 20px 0px 20px;
	}
.sale_box img{
	border:solid 2px #ffa800;
	}
.sale_left{
	width:270px;
	float:left;
	}
.sale_center{
	width:175px;
	margin:0 15px;
	float:left;
	}
.sale_right{
	width:270px;
	float:right;
	}


/* glasses_page */
#wrapper_600{
width:600px;
text-align:left;
margin:0 auto;
background-color:#FFFFFF;}

a.link_blue:link{ color:#0033CC; text-decoration:underline; padding:3px 0;}
a.link_blue:visited{ color:#0033CC; text-decoration:underline; padding:3px 0;}
a.link_blue:hover{ color:#0099CC; text-decoration:none; padding:2px 0;}

.left_w290{
width:290px;
float:left;
}
.right_w290{
width:290px;
float:right;
}

/* newitem_info */
.newitem_info td {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;
text-align: left;}

/*nennatsu-nenshi*/
.nennatsu-nenshi{ 
width: 920px; 
background-color: #ffffff;
border: 1px #1C79C6 solid;
padding: 10px;
text-align:center;
} 

.hBox{
	text-align:center;
	border:1px solid #eaeaea;
	padding:8px;
	margin:3px 0;
}
.txt_b{
	font-weight:bold;
}


img.glass_icon {
	vertical-align: middle; 
	margin: 0px 2px 0px 1px;
	}

/* event_frame コンタクトケア以外 */
.event_frame_2{
	width:954px;
	height:0px;
}