@charset "UTF-8";

/*
  レイアウト
-----------------------------------*/
#content {
	float:left;
	width:540px;
	margin:0 20px;}

#content.lens {
	float:right;
	width:720px;
	margin:0;}

#content.page,
#content.single,
.blockthis {
	width:480px;
	background-color:#fff;
	padding:30px;}

/*
  背景
-----------------------------------*/

body {
	background:url(../images/eyewear_01.gif) 0 0 repeat;}

#alphaNavi,
#information {
	background:url(../images/eyewear_03.gif) 0 0 repeat;}

.detail th, .taxonomy-picker label {
	background:url(../images/eyewear_06.gif) 0 0 repeat;}

.detail td, .taxonomy-list li {
	background:url(../images/eyewear_05.gif) 0 0 repeat;}

/* sprite01 */
.sprite01,
.tel-fax,
.alphaSearch .submit,
.submit_bt,
a.readmore,
#taxonomySearch p input {
	display:block;
	background:url(../images/sprite_01.png) no-repeat;
	text-indent:-999em;}

/* sprite02 */
.lensTalex a,
.biginner a,
.faq a {
	display:block;
	background:url(../images/sprite_02.png) no-repeat;
	text-indent:-999em;}

/* sprite03 */
.latePro li,
.recList li {
	display:block;
	background:url(../images/sprite_03.png) no-repeat;}

/*
  各要素
-----------------------------------*/
a.readmore {
	margin-top:1em;
	background-position:-695px -64px;
	width:113px;
	height:20px;}

a.readmore:hover {
	background-position:-695px -86px;}

hr {
	border:0;
	display:block;
	height:10px;
	background:url(../images/eyewear_08.gif) left bottom repeat-x;
	margin-bottom:1.6em;}

/* -- notFound -- */
.notFound {
	background:#fff;
	padding:15px;}

.notFound h2 {
	font-size:130%;
	margin-bottom:10px;}

/* bogger Link */
.hover a:visited {
	color: #CC3333;}

/* pageNavi */
.pageNav {
	color: #2583ad;
	margin: 2em auto;
	line-height:11px;
	text-align:center;
	font-size:11px;}

a.page-numbers, .pageNav .current {
	display:inline-block;
	color: #B99D66;
	padding: 5px;
	border:solid 1px #B99D66;
	text-decoration:none;}

a.page-numbers:hover {
	color:white;
	background: #B99D66;}

a.next:hover, a.prev:hover {
	color: #B99D66;
	background:none;
	text-decoration:underline;}

.pageNav .current {
	color: white;
	background: #D7C7A5;
	border-color: #B99D66;
	font-weight:bold;}

.pageNav .next, .pageNav .prev {
	border:0 none;
	background:transparent;
	font-weight:bold;}

/* contact form */
.contact_policy {
	background:url(../images/eyewear_08.gif) 0 0 repeat;
	margin:15px 0;
	padding:25px 15px 15px;}

.contact_policy div {
	overflow:auto;
	height:200px;
	margin-top:10px;
	padding:0 15px 15px;
	background-color:#FFC;
	border:1px solid #bbb;}

.contact_policy div ol {
	margin:1em 0 1em 1.66em;}

.productContact h3 {
	background-position:-242px -321px;
	width:123px;
	height:24px;
	margin-bottom:5px;}

.contact_policy h4 {
	font-size:120%;
	font-weight:bold !important;
	line-height:1;}

.contact_policy h5 {
	margin:15px 0 0.5em 0;
	font-weight:bold;}

.submit_bt {
	border:0;
	background-position:-548px -258px !important;
	width:100px;
	height:30px;
	margin:0 auto;
	cursor:pointer;}

.submit_bt:hover {
	background-position:-548px -290px !important;}

.submit_bt:active {
	background-position:-548px -322px !important;}

.brandswar {
	background:url(../images/eyewear_08.gif) 0 0 repeat;
	padding:1em;
	border:1px solid #ddd;
	margin-bottom:1.625em;}
.regular .tel-fax {
	height:45px;}

/* bigger link */
.bghover {
	background-color:#FFC !important;}

/*
  header
-----------------------------------*/
#header {
	background:url(../images/eyewear_02.jpg) 0 0 repeat-x;
	width:100%;
	height:130px;
	margin-bottom:15px;}

#headerInn {
	width:922px;
	height:130px;
	position:relative;
	margin:0 auto;}

/* ---------- */
.siteLogo a {
	background-position:-443px 0;
	width:228px;
	height:58px;
	position:absolute;
	bottom:30px;
	left:0;}

.tel-fax {
	background-position:-498px -86px;
	width:183px;
	height:71px;}

#header .tel-fax {
	position:absolute;
	bottom:24px;
	right:0;}

/* ---------- */
#navigation {
	width:446px;
	position:absolute;
	bottom:27px;
	left:260px;
	margin:0 auto;}

/* ---------- */
.universalNavi {
	border-bottom:1px dotted #A1816D;
	margin-bottom:15px;
	padding-bottom:5px;}

.universalNavi a {
	display:block;
	color:#B99D66;
	text-decoration:none;
	line-height:1;}

.universalNavi li a {
	margin-left:5px;
	padding-left:5px;
	border-left:1px solid #B99D66}

/* ---------- */
.globalNavi li a {
	width:110px;
	height:32px;
	margin-left:2px;}

.globalNavi .go-home a {
	background-position:0 0;}
.globalNavi .go-home a:hover {
	background-position:0 -32px;}
.globalNavi .go-home a:active {
	background-position:0 -64px;}

.globalNavi .go-product a {
	background-position:-110px 0;}
.globalNavi .go-product a:hover {
	background-position:-110px -32px;}
.globalNavi .go-product a:active {
	background-position:-110px -64px;}

.globalNavi .go-brand a {
	background-position:-220px 0;}
.globalNavi .go-brand a:hover {
	background-position:-220px -32px;}
.globalNavi .go-brand a:active {
	background-position:-220px -64px;}

.globalNavi .go-blog a {
	background-position:-330px 0;}
.globalNavi .go-blog a:hover {
	background-position:-330px -32px;}
.globalNavi .go-blog a:active {
	background-position:-330px -64px;}

/*
  alpha
-----------------------------------*/
#alpha {
	width:182px;
	float:left;}

#alphaNavi {
	width:182px;
	padding:5px 0;}

#alphaNaviInn {
	background-color:#fff;
	width:172px;
	margin:0 auto;
	padding-top:7px;}

.alphaNavi {
	width:152px;
	margin:0 auto;}

.alphaNavi li {
	padding:7px 0;
	border-bottom:1px solid #D3C3A2;}

.alphaNavi a span {
	height:31px;}

.alphaNavi .eyewear a span {
	background-position:0 -96px;
	width:113px;}
.alphaNavi .eyewear a:hover span {
	background-position:0 -127px;}
.alphaNavi .eyewear a:active span {
	background-position:0 -96px;}

.alphaNavi .sunglass a span {
	background-position:-113px -96px;
	width:139px;}
.alphaNavi .sunglass a:hover span {
	background-position:-113px -127px;}

.alphaNavi .lens a span {
	background-position:-252px -96px;
	width:113px;}
.alphaNavi .lens a:hover span {
	background-position:-252px -127px;}

.alphaNavi .other a span {
	background-position:-368px -96px;
	width:127px;}
.alphaNavi .other a:hover span {
	background-position:-368px -127px;}

/* search */
.alphaSearch {
	width:152px;
	margin:0 auto;
	font-size:10px;}

.alphaSearch form {
	margin:30px 0 50px;
	position:relative;}

.alphaSearch input {
	background:none;
	border:0;
	margin:0;
	padding:0;}

.alphaSearch .text {
	position:absolute;
	background-color:#000;
	width:105px;
	height:12px;
	font-size:12px;
	line-height:12px;
	color:#FFF;
	padding:3px;}

.alphaSearch .submit {
	position:absolute;
	right:0;
	background-position:-640px -64px;
	width:40px;
	height:18px;
	cursor:pointer;}

.alphaSearch .submit:hover {
	background-position:-600px -64px;}

.alphaSearch a {
	clear:both;
	background-position:-912px -12px;
	text-indent:0;
	height:10px;
	padding-left: 12px;
	line-height:10px;}

/* brandNavi */
#brandNavi {
	margin-top:10px;
	padding:10px;
	border-top:1px solid;}

#brandNavi .title {
	background-position:-276px -300px;
	width:88px;
	height:17px;
	margin:15px 0 10px;}

#brandNavi ul {
	width:152px;
	margin:0 auto;}

#brandNavi li {
	color:#4E3C0F;
	border-top:1px solid #B4A890;
	padding:4px 0 3px;}

#brandNavi li li {border:0;}
#brandNavi li li.name {border-bottom:1px solid #444;}

#brandNavi li a {
	background:url(../images/icon_01.gif) left center no-repeat;
	padding-left:16px;
	color:#4E3C0F;
	text-decoration:none;}

#brandNavi li li a,
#brandNavi li li.name {
	position:relative;
	color:#fff;
	padding:3px 15px;
	background:none;
	display:block;}
#brandNavi li li.name small {
	color:#555;}
.navarrow {
	position:absolute;
	left:-9px;}

#brandNavi a:hover {
	text-decoration:underline;}

.pop { position: relative;}
.pop .sub {
	position: absolute;
	top: -11px; left: 175px;
	background: url(../images/popup_01.png) left top no-repeat; padding-top: 7px;
	width: 199px !important;
	z-index: 400;
	display: none;}
.pop .sub ul { background: url(../images/popup_02.png) left bottom no-repeat; padding-bottom: 10px;width: 199px !important;}

/* localnavi */
#localNavi li {
	margin-top:7px;}

#localNavi .local01 a {
	background-position:0 -158px;
	width:182px;
	height:69px;}
#localNavi .local01 a:hover {
	background-position:0 -227px;}

#localNavi .local03 {
	background-position:-365px -158px;
	width:182px;
	height:195px;}

/*
  beta
-----------------------------------*/
#beta {
	width:160px;
	float:right;}

.betaNavi {
	margin-bottom:1.625em;}
.betaNavi li {
	padding-bottom:7px;}

.betaNavi.bar li {
	padding-top:10px;
	padding-bottom:10px;
	background:url(../images/eyewear_09.gif) left bottom repeat-x;}

.lensTalex a {
	background-position:0 0;
	width:160px;
	height:226px;}

.lensTalex a:hover {
	background-position:-160px 0;}

.lensTalex a:hover {
	background-position:-160px 0;}
	
.sportsGlasses a {
	display:block;
	text-indent:-999em;
	background:url(../images/sports_glasses.gif) 0 0 no-repeat;
	width:160px; height:124px;}

.sportsGlasses a:hover {
	background-position:-160px 0;}

.biginner a {
	background-position:0 -226px;
	width:160px;
	height:80px;}

.biginner a:hover {
	background-position:0 -306px;}

.faq a {
	background-position:-160px -226px;
	width:160px;
	height:80px;}

.faq a:hover {
	background-position:-160px -306px;}

#beta .title {
	margin-bottom:1em;}

#beta .column img {
	float:left;
	padding:0 5px 0 0;}

/*
  footer
-----------------------------------*/
#footer {
	margin-top:15px;
	margin-bottom:30px;}

#information {
	margin:15px 0;
	color:#fff;}

#information a {
	color:#fff;}

#informationInn {
	width:892px;
	margin:0 auto;
	padding:15px 0;}

#footer .left {
	float:left;
	width:280px;}

#footer .left a {
	background:url(../images/icon_02_3.gif) left center no-repeat;
	padding-left:16px;
	text-decoration:none;}

#footer .left a:hover {
	text-decoration:underline;}

#footer .left ul {
	margin-top:0.7em;}

#footer .universalNavi {
	border:0;}

.copyright {
	background-position:0 -297px;
	width:243px;
	height:25px;}
	
/*
	css3
-----------------------------------*/
#localNavi .local03,
.pageTop a,
#information,
#content.page h2,
.contact_policy h4 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;}

.shadow{
	display:block;
 	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	width:100%;
	height:auto;
	margin-bottom:1em;
	max-width:366px;
	background-color:#fff;
	padding:5px;
}


/* recList
-----------------------------------*/
.recList li {
	text-align:center;
	margin:-1px -1px 0 0;
	float:left;
	background-position:-1px -192px;
	width:95px;
	height:174px;
	padding:11px 7px;}

.recList li span {
	color:#B99D66;}

.home .recList li {
	margin-top:0;}

.recList h2 {
	padding:7px 10px;
	font-size:120%;}

.recList li span.rank {
	margin:0 auto 5px;}
.recList li.mulonePost span.rank {
	background-position:-455px -64px;
	width:33px;
	height:23px;
	margin:-4px auto 6px;}
.recList li.multwoPost span.rank {
	background-position:-497px -64px;
	width:20px;
	height:20px;}
.recList li.multhreePost span.rank {
	background-position:-517px -64px;
	width:20px;
	height:20px;}
.recList li.mulfourPost span.rank {
	background-position:-537px -64px;
	width:20px;
	height:20px;}
.recList li.mulfivePost span.rank {
	background-position:-557px -64px;
	width:20px;
	height:20px;}
.recList li.mulfivePost {
	margin-left:-1px !important;}
.recList li img {
	border:1px solid #ccc;
	margin:0 auto 8px;}

.recList li.hover {
	background-position:-110px -192px;}


/* calendar
-----------------------------------*/
div.isp-calendar-frame {
	color:#B99D66;
	font-size:11px;
	line-height:1;
	background:#4e3c0f;
	width:100%;}

div.isp-calendar-frame a {
	color:#B99D66;
	text-decoration:underline;}

table.isp-calendar-inner {
	width: 100%;
	margin:0;}

table.isp-calendar-inner div.move_button {
	width: 23px;height: 15px;
	xmargin:0 5px;}

table.isp-calendar-inner table {
	margin:0 !important;}


table.isp-calendar-inner th,
table.isp-calendar-inner td {
	padding:5px 0;
	border:1px solid #4e3c0f;}
table.isp-calendar-inner td td {
	padding:10px 0 !important;}

table.isp-calendar-inner div.prv {
	background: transparent url(../images/btn_prv.png) left center no-repeat !important;
	cursor: pointer;}
table.isp-calendar-inner div.prv_off {
	background: transparent url(../images/btn_prv_off.png) left center no-repeat !important;}
table.isp-calendar-inner div.nxt {
	background: transparent url(../images/btn_nxt.png) right center no-repeat !important;
	text-align: right;
	float:right;
	cursor: pointer;}
table.isp-calendar-inner div.nxt_off {
	background: transparent url(../images/btn_nxt_off.png) left center no-repeat !important;
	text-align: right;
	float:right;}

/* 蟷ｴ譛医ち繧､繝医Ν */
table.isp-calendar-inner td.calendar-date-title {
	vertical-align:bottom;
	font-weight: bold;
	text-align: center;}

/* 邱壹�濶ｲ */
table.isp-business-calendar {
	background-color: #909090;
	width: 100%;}

/* 繧ｫ繝ｬ繝ｳ繝繝ｼ蜈ｨ闊ｬ */
table.isp-business-calendar td {
	color:#4e3c0f;
	text-align: center;}

/* 繝倥ャ繝 */
table.isp-business-calendar thead th {
	color:#4e3c0f;
	background-color: #c0c0c0;
	font-weight: bold;
	text-align: center;}

/* 蝟ｶ讌ｭ譌･ */
table.isp-business-calendar .business {
	background-color: #ffffff;}

/* 譛ｬ譌･ */
table.isp-business-calendar .today {
	background-color: #ddeeff;}

/* 莨第律 */
table.isp-business-calendar .holiday {
	background-color: #ffdddd;}

/* 莉匁怦 */
table.isp-business-calendar .space {
	background-color: #eeeeee;}

p.calendar-information {
	float: left;
	background: transparent url(../images/mark_holiday.gif) left center no-repeat;
	margin: 5px 0px;
	padding: 0px 0px 0px 18px;}

/* 蠖捺怦縺ｫ謌ｻ繧九Μ繝ｳ繧ｯ */
p.return_now {
	float: right;
	margin: 5px 0px;
	padding: 0px;}