@charset "UTF-8";

/*	Bread _ パン屑
------------------------------------------------------------*/
p.topic_path { margin: 5px 5px 0 5px; }

/*	Back_Top _ 上に戻るボタン
------------------------------------------------------------*/
p.link_to_top { text-align: right; margin-top: 10px; }
p.link_to_top a { background: url(images/back.png) left center no-repeat; color: #666; padding-left: 16px; }

/* WP_PageNavi _ ページナビ
------------------------------------------------------------*/
.wp-pagenavi { clear: both; text-align: center; margin-top:20px; }
.wp-pagenavi a, .wp-pagenavi span.current {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi span { margin-right: 50px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #ddd; }

/*	Contents_Navi _ カテゴリーのリスト　２段のやつ
------------------------------------------------------------*/
ul.topic_list { width: 569px; margin-top: 20px; border: 1px solid #AF8047; background: #fff; padding: 12px; }
ul.topic_list h3 a { color: #600; }
ul.topic_list li { float: left; width: 279px; margin-left: 10px; margin-bottom: 10px; }
ul.topic_list li dt { float: left; width: 96px; }
ul.topic_list li dd { float: left; width: 173px; padding-left: 10px; }
ul.topic_list li a:hover { color: #600; text-decoration: underline; } 
ul.topic_list li a img { background: #fff; padding: 2px; border: 1px solid #9CC; }
ul.topic_list li a:hover img { background: #fff; padding: 2px; border: 1px solid #600; }
ul.topic_list li.first { margin-left: 0 !important; }

/*	Contents_Navi _ リンク、商品紹介のナビ //前後の記事、ページ
------------------------------------------------------------*/
/* シングル */
div.navigation { margin: 3px 0; }
div.navigation,
div.navigation a { color: #aaa; }

/*	Contents_Navi _ リンク、商品紹介のナビ
------------------------------------------------------------*/
div.products_navi { height: 80px; }
ul#content_navi { position: absolute; top: 30px; right: 0; }
ul#content_navi li { float: left; width: 100px; margin-left: 7px; }
ul#content_navi li a { display: block; border-bottom: 1px solid; padding-left: 2px; }
ul#content_navi li a.calling { background: url(images/icon/calling.gif) right center no-repeat; }
ul#content_navi li a:hover { text-decoration: none; }
ul#content_navi dt {  }
ul#content_navi dd { font-size: 50%; padding: 2px 0 0 3px; }

/*	HOME
------------------------------------------------------------*/
#face_images {
	width: 679px; height: 282px;
	background: url(images/body_01_1.jpg) 0 0 no-repeat;
	padding: 14px 0 0 21px;
	}
div.home ul.topic_list { margin-top: 0!important; }
div.home strong { line-height: 30px; font-weight: bold; font-size: 120% !important; }


div.home h2 { font-weight: normal; font-size: 170%; margin-top: 15px; margin-bottom: 3px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
	
ul.recommendation { width: 595px; }
ul.recommendation li { width: 191px; }
ul.recommendation .left { float: left;}
ul.recommendation .center { float: left; border-left: 1px solid #d0af86; border-right: 1px solid #d0af86; padding: 0 5px; margin: 0 5px; }
ul.recommendation .right { float: right;}

ul.recommendation div.title {
	background: url(images/heaading_bg.jpg) left bottom repeat-x;
	width: 189px; height: 20px;
	border: 1px solid #c2a178;
	padding: 3px 0;
	margin-bottom: 10px;
	line-height: 20px;
	}
ul.recommendation div.title h4 {
	float: left;
	padding-left: 5px;
	margin-left: 5px;
	}
ul.recommendation div.title.blue h4 { border-left: 2px solid #0CF; }
ul.recommendation div.title.pink h4 { border-left: 2px solid #EB6EA5; }
ul.recommendation div.title.green h4 { border-left: 2px solid #8CC01F; }

ul.recommendation div.title p { float: right; }
ul.recommendation div.title a {
	width: 45px; height: 20px;
	color: #FFF;
	padding-right: 3px;
	text-align: center;
	font-size: 80%;
	vertical-align: middle;
	display: block;
	}
ul.recommendation div.title.blue a { background: url(images/column/top/list_blue.gif) 0 0 no-repeat; }
ul.recommendation div.title.pink a { background: url(images/column/top/list_pink.gif) 0 0 no-repeat; }
ul.recommendation div.title.green a { background: url(images/column/top/list_green.gif) 0 0 no-repeat; }

ul.recommendation dl { margin: 0 0 30px 5px; }
ul.recommendation dt { float: left; width: 66px; }
ul.recommendation dd { float: left; width: 103px; padding-left: 10px; }
ul.recommendation a:hover { color: #600; text-decoration: underline; } 
ul.recommendation a img { background: #fff; padding: 2px; border: 1px solid #9CC; }
ul.recommendation a:hover img { background: #fff; padding: 2px; border: 1px solid #600; }

/*	CONTENTS for Tags _ タグページ、シングルページ
------------------------------------------------------------*/
div.tags img { float: right; background: #fff; padding: 4px; border: 1px solid #bbb; margin: 0 0 10px 10px;}
div.tags img:hover { border: 1px solid #603; }
div.tags { margin-top: 10px;  margin-bottom: 40px; }
div.tags h2 { border-bottom: 1px dotted #aaa; padding-bottom: 5px; margin-bottom: 5px; }
div.tags h3 span { color: #c00; }
div.tags .article,
div.tags .article h3 { margin-top: 20px; }

/*	CONTENTS for Brands _ ブランド紹介ページ
------------------------------------------------------------*/
.contents { border: 2px solid; width: 595px; background: #fff; }
	.glay { border-color: #777; }
	
.contents .two_column .left { float: left; width: 247px; padding: 10px 20px 10px 30px; }
.contents .two_column .right { float: right; width: 247px; border-left: 1px solid; padding: 10px 30px 10px 20px; }

.two_column table { width: 100%; }5
.two_column th { width: 20%; vertical-align: top; }
.two_column td { width: 80%; }

.brands h2 {
	border-bottom: 1px solid;
	margin-bottom: 10px;
	min-height: 24px;
	line-height: 24px;
	padding-right: 26px;
	}
.brands ul {
	list-style: disc;
	margin-left: 1.5em;
	}
.brands .left { line-height: 2.5em; }
.brands .right { line-height: 1.5em; }
.brands table { margin-bottom: 2em; }
.brands_search { width: 595px; margin: 40px 0; }
.brands_search a {
	width: 154px; height: 27px;
	background: url(images/column/brands/brands_search.jpg) 0 0 no-repeat;
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
	}
.brands_search a:hover { background-position: 0 -27px; }
.brands_search a:active { background-position: 0 -54px; }

/*	FLAG
------------------------------------------------------------*/
.usa { background: url(images/column/flag/1275126864_usa.png) right center no-repeat; }
.france { background: url(images/column/flag/1275133894_france.png) right center no-repeat; }
.denmark { background: url(images/column/flag/1275141012_denmark.png) right center no-repeat; }
.germany { background: url(images/column/flag/1275143382_germany.png) right center no-repeat; }
.japan { background: url(images/column/flag/1275144742_japan.png) right center no-repeat; }
.italy { background: url(images/column/flag/1275303014_italy.png) right center no-repeat; }

/*	CONTENTS for contact _ お問い合わせフォーム
------------------------------------------------------------*/
div.contact h2 { font-weight: normal; font-size: 170%; margin-bottom: 40px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
div.contact h3 { margin: 40px 0 10px 0; border-bottom: 1px dotted; }
div.contact p { margin: 30px 0; }

div.contact table { width: 595px; border-top: 1px solid #887b60; }
div.contact table input { width: 130px; }
div.contact th { width: 200px; background: #eeebde; padding: 10px; border-bottom: 1px solid #c2bbaa; }
div.contact td { color: #999; border-bottom: 1px solid #c2bbaa; }
div.contact td span { color: #900; }
div.contact .phone input { width: 40px; }

div.contact textarea { width: 595px; height: 260px; margin: 5px 0 0px 0; }
div.contact div.textarea { text-align: left; margin-top: 20px; }
div.contact div.check { text-align: center; margin-top: 20px; }
div.contact div.submit { text-align: center; margin-top: 20px; }

/*	CONTENTS for link _ リンク
------------------------------------------------------------*/
div.link { position: relative; }
div.link h2 { font-weight: normal; font-size: 170%;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
.link .column_box { margin-left: -10px; }
.link .column_box li {
	float: left;
	background: #fdfdfd;
	width: 172px;
	height: 150px;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px 10px;
	padding: 10px;
	overflow: hidden;
	}
.link .column_box a img { border:2px solid #eee; }
.link .column_box a:hover img { border:2px solid #c2bbaa; }
.link .column_box dd { margin-top: 5px; }

/*	CONTENTS for faq _ よくある質問
------------------------------------------------------------*/
div.faq h2 { font-weight: normal; font-size: 170%; margin-bottom: 30px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
div.faq p { margin: 0 0 10px; padding-bottom: 5px; }
div.faq li { margin-bottom: 60px; }
div.faq dt {
	font-size: 120%;
	background: url(images/heaading_bg.jpg) left bottom repeat-x;
	border: 1px solid #c2a178;
	border-left: 8px solid #c2a178;
	}
div.faq dt h3 {
	font-size: 100%;
	background: url(images/icon/q.png) 10px 50% no-repeat;
	padding: 7px 5px 7px 35px;
	}
div.faq dd { background: url(images/icon/a.png) 17px 0 no-repeat; padding: 0 5px 5px 43px; margin-top: 10px; }

/*	CONTENTS for products _ 商品紹介 メガネ、サングラス
------------------------------------------------------------*/
div.products { position: relative; }
div.products h2 {font-weight: normal; font-size: 170%; margin-bottom: 40px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
div.products .column_box { margin-left: -10px; }
div.products .column_box li {
	float:left;
	background:#fdfdfd;
	width:273px;
	border-top:1px solid #fff;
	border-right:1px solid #eee;
	border-bottom:1px solid #ddd;
	margin: 0 0 10px 10px;
	padding:10px;
	}
div.products .column_box li img { float: left; }
div.products img { float: right; background: #fff; padding: 4px; border: 1px solid #bbb; }
div.products img:hover { border: 1px solid #603; }
div.products .column_box li dl { float: left; margin-left: 10px; line-height: 1.22em; min-height: 80px; }
div.products h3 { line-height: 1.3em; }
div.products .column_box li dt { width: 165px; margin-bottom: 5px; }
div.products .column_box li dd { width: 165px; font-size: 80%; }
div.products .column_box li dd span { color: #c00; font-size: 130% !important; }

/*	CONTENTS for products _ 商品紹介 レンズ
------------------------------------------------------------*/
div.lens { position: relative; }
div.lens h2 {
	font-weight: normal; font-size: 170%; margin-bottom: 40px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
	table.talex { background: #042d1b; }
	table .section_1 {
			width: 134px;
			height: 384px;
			background: url(images/column/products/lens/talex_03.jpg) left top no-repeat;
			color: #88a479;
			padding: 0 10px 10px 15px;
			vertical-align: top;
			}
	table .section_1 h4 { color: #BACBB1; margin: 10px 0; font-size: 120%; }

/*	CONTENTS for sitemap _ サイトマップ
------------------------------------------------------------*/
.sitemap h2 { font-weight: normal; font-size: 170%; margin-bottom: 40px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
ul.sitemap .left { float: left; }
ul.sitemap .center { float: left; margin: 0 8px; }
ul.sitemap .right { float: right; }
	ul.sitemap li { width: 183px; padding: 0 10px 0 0; }
	ul.sitemap li ul { margin-top: -20px; }
	ul.sitemap li li {
		background: url(images/arrrrrow_2.png) 0 50% no-repeat;
		padding-left: 20px;
		margin-left: 2em;
		margin-bottom: 5px;
		}
ul.sitemap h3 {
	background: url(images/arrrrrow.png) 0 50% no-repeat;
	padding-left: 20px;
	margin-bottom: 25px;
	vertical-align: middle;
	}

/*	CONTENTS for single _ 記事
------------------------------------------------------------*/
.single_contents { position: relative; }
.story { background: #fff; width: 561px; border: 2px solid; padding: 15px; }

/*	CONTENTS for knowledge _ メガネ辞典
------------------------------------------------------------*/
div.knowledge h2 { font-weight: normal; font-size: 170%; margin-bottom: 40px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
ul.knowledge_list { width: 595px; background: #fff; border: 1px solid #c2a178; padding: 15px;}
	ul.knowledge_list li { float: left; width: 281px; padding: 5px 0;}
	ul.knowledge_list li a { text-decoration: underline; background: url(images/1252657047_resultset_next.gif) 0 50% no-repeat; padding-left: 20px;}

/*	CONTENTS for search _ 検索結果
------------------------------------------------------------*/
h2.pagetitle {
	font-weight: normal; font-size: 170%; margin-bottom: 10px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
div.search h2.center { margin-top: 30px; }
div.search h3 a { text-decoration: underline;}
div.search h3 { margin-top: 30px; }
div.search { background: #fff; border: 2px solid #777; width: 535px; background: #fff; padding: 0 30px 30px 30px; }
div.search img { float: left; background: #fff; padding: 4px; border: 1px solid #bbb; margin-right: 10px;}
div.search img:hover { border: 1px solid #603; }
div.search p.results { text-align: right; position: relative; top: -30px; }
div.search small { color: #C33; }

/*	CONTENTS for about _ 会社概要
------------------------------------------------------------*/
div.about h2 { font-weight: normal; font-size: 170%; margin-bottom: 40px;
	background: url(images/circle.png) 0 50% no-repeat; padding-left: 23px;
	}
div.about h3,
div.about h4 { font-weight: normal; font-size: 130%; margin-bottom: 5px; }
div.about table { width:595px; border-top: 1px solid #887b60; }
div.about td,
div.about th { border-bottom: 1px solid #c2bbaa; padding: 10px; }
div.about th { background: #eeebde; }

div.access { margin: 20px 0; }
div.access iframe { border: 1px solid #c2bbaa; }
table.route td { width: 50%; }
table.route a {
	display: block;
	background:url(images/icon/1273587569_bus.png) left center no-repeat;
	padding-left: 24px;
	}
table.route a:hover { text-decoration: underline; }
div.map { border: 1px solid #c2bbaa; margin-bottom: 20px; }

/*	CONTENTS for privacy _ 個人情報の保護
------------------------------------------------------------*/
div.privacy h2 { font-weight: normal; font-size: 170%; margin-bottom: 40px; }
div.privacy h3 { margin: 40px 0 10px 0; border-bottom: 1px dotted #c2bbaa; }
div.privacy ul { margin: 15px 0 15px 10px; line-height: 2em; }



#facebox .b { background: url(images/b.png); }
#facebox .tl { background: url(images/tl.png); }
#facebox .tr { background: url(images/tr.png); }
#facebox .bl { background: url(images/bl.png); }
#facebox .br { background: url(images/br.png); }

#facebox {
	background: url(images/form_shadow.png) center bottom no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: left;
	padding-bottom: 150px;
}

#facebox .popup {
	position: relative;
}

#facebox .body {
	padding: 10px;
	background: #fff;
	width: 370px;
}

#facebox .loading {
	text-align: center;
}

#facebox .image {
	text-align: center;
}


#facebox .footer {
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 10px;
	text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}

#facebox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.facebox_hide {
	z-index:-100;
}

.facebox_overlayBG {
	background-color: #000;
	z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#info h4 {
	font-size: 150%;
	margin-bottom: 15px;
}