/* レイアウト
=================================*/
body{
	background:#ffffff;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	color:#898989;
	font-size:11px;
	line-height:1.4em;
}

.wrap{
	width: 840px;
	margin:0 auto;
	text-align:left;
}
.wrap img{
	border:0;
}
.wrap a,
.wrap a:visited{
	color:#707070;
	text-decoration:underline;
}
.wrap a:hover{
	color:#9a9a9a;
	text-decoration:underline;
}

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

/*---clearfix---*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-table;
zoom: 1;
}

/* ヘッダ
=================================*/
.header{
	width:840px;
	height:80px;
	margin:0;
}
.header p{
	color:#9f9f9f;
	font-size:10px;
	margin:10px 10px 5px;
}

.header h1{
	float:left;
	text-indent:-99999px;
	font-size:1px;
	font-color:#ffffff;
	margin:0;
}
.header h1 a{
	display:block;
	width:242px;
	height:38px;
	margin:0 0 0 10px;
	background:url(../img/common/logo.gif) no-repeat left top;
/*\*/overflow: hidden;/**/
}
.header .rightBox{
	width:220px;
	float:right;
	margin:20px 10px 0 0;
}
.header .rightBox .loginTitle{
	padding-bottom:2px;
}
.header .rightBox .loginBtn{
	margin-left:5px;
}
.header .rightBox input{
	width:88px;
	height:18px;
	border:1px solid #b5b5b5;
	margin-left:3px;
}
.header .mailmagazine{
	float:right;
	margin-right:20px;
}

/* ナビ
=================================*/
.headnavi{
	margin-bottom:10px;
}
.headnavi ul,
.headnavi li{
	margin:0;
	padding:0;
	list-style-type: none;
}
.headnavi li{
	text-indent:-99999px;
	font-size:1px;
	font-color:#ffffff;
	float:left;
}
.headnavi li a{
	display:block;
	height:26px;
/*\*/overflow: hidden;/**/
}
.headnavi li.navi01 a{
	background:url(../img/common/navi1.gif) no-repeat center top;
	width:189px;
}
.headnavi li.navi01 a:hover{
	background:url(../img/common/navi1.gif) no-repeat center bottom;
}
.headnavi li.navi02 a{
	background:url(../img/common/navi2.gif) no-repeat center top;
	width:141px;
}
.headnavi li.navi02 a:hover{
	background:url(../img/common/navi2.gif) no-repeat center bottom;
}
.headnavi li.navi03 a{
	background:url(../img/common/navi3.gif) no-repeat center top;
	width:139px;
}
.headnavi li.navi03 a:hover{
	background:url(../img/common/navi3.gif) no-repeat center bottom;
}
.headnavi li.navi04 a{
	background:url(../img/common/navi4.gif) no-repeat center top;
	width:80px;
}
.headnavi li.navi04 a:hover{
	background:url(../img/common/navi4.gif) no-repeat center bottom;
}
.headnavi li.navi05 a{
	background:url(../img/common/navi5.gif) no-repeat center top;
	width:167px;
}
.headnavi li.navi05 a:hover{
	background:url(../img/common/navi5.gif) no-repeat center bottom;
}
.headnavi li.navi06 a{
	background:url(../img/common/navi6.gif) no-repeat center top;
	width:124px;
}
.headnavi li.navi06 a:hover{
	background:url(../img/common/navi6.gif) no-repeat center bottom;
}


/* フッタ
=================================*/
.footer{
	width:100%;
	height:80px;
	margin:0 auto;
	padding:20px 0 0;
	background:#ffffff url(../img/common/line_01.gif) repeat-x left 20px;
}
.footer.footnavi{
	margin:0;
	padding:10px;
}
.footer.copy{
	font-family:Verdana;
	font-size:9px;
	margin:0;
	padding:0 10px;
}

/* コンテンツ
=================================*/
.mainCts{
	background:url(../img/common/bg_01.gif) repeat-y left top;
	width:840px;
	margin-top:5px;
}

/* 左カラム
=================================*/
.leftBox{
	width:189px;
	margin:0 15px 0 0;
	padding:0 0 20px;
}

.leftBox h2{
	margin-bottom:0;
}
.leftBox p{
	margin:5px 0 0 3px;
	padding:0;
	line-height:1.8em;
}
.leftBox .catlink{
	padding:0 5px 0 0;
	margin-bottom:20px;
}
.leftBox .catlink h2{
	margin-left:8px;
}
.leftBox .leftlink,
.leftBox .link,
.leftBox .calendar{
	padding:0 5px 0 8px;
	margin-bottom:20px;
}

.leftBox .catlink .searchBox{
	background:url(../img/common/searchback.gif) no-repeat left top;
	width:172px;
	height:30px;
	margin:15px 0 0 8px;
}
.leftBox .catlink .searchBox input{
	margin:6px 5px 0 0;
	border:1px solid #b5b5b5;
	width:107px;
	height:16px;
}
.leftBox .catlink .searchBox img{
	vertical-align: middle;
}

.leftBox .calendar table{
	width:150px;
	margin:0 0 0 12px;
}
.leftBox .link{
	text-align:center;
}
.leftBox .link img{
	margin-top:5px;
}

/* 中央カラム
=================================*/
.topBox{
	text-align:left;
	margin-left:5px;
	padding-bottom:20px;
}
.topBox h2{
	margin:0 0 10px;
}
.topBox h3{
	font-size:1.2em;
	color:#a40000;
	margin:0 0 10px;
	padding:0
}
.topBox .topSpecial,
.topBox .topInfo{
	margin-bottom:20px;
}
.topBox .topSpecial .naviSpecial{
	margin-right:10px;
}
.topBox .topInfo .infoLeft{
	float:left;
	width:294px;
	padding:0 0 0 10px;
}
.topBox .topInfo .infoRight{
	float:right;
	width:326px;
}
.topBox .topInfo .infoRight .infomiddle{
	background:url(../img/top/infomiddle.gif) repeat-y center top;
	padding:0 12px;
}
.topBox .topInfo .infoRight .infomiddle img{
	margin:0 auto;
}
.topBox .topInfo .infoRight .infomiddle h3{
	text-align:center;
}
.topBox .topInfo .infoRight .ultraviolet{
	width:300px;
	border-collapse: separate;
	border-spacing: 1px;
} 
.topBox .topInfo .infoRight .ultraviolet td{
	text-align:center;
	width:7.7%;
	border:1px solid #e8f0ff;
	background-color:#ffffcc;
	color:#000000;
}
.topBox .topInfo .infoRight .ultraviolet td.on{
	background-color:#99ccff;
}

.topBox .topInfo p{
	margin:0 0 10px;
	padding:0;
	line-height:1.4em;
}
.topBox .topInfo p a,
.topBox .topInfo p a:visited{
	color:#0068b7;
}
.topBox .topInfo p a:hover{
	color:#3399ff;
}
.topBox .listBox{
	margin-bottom:20px;
}
.topBox .about .leftBox{
	float:left;
	width:309px;
	margin:0 10px 0 0;
	text-align:center;
}
.topBox .about .leftBox p{
	text-align:left;
	line-height:1.4em;
}

.topBox .about .rightBox{
	float:right;
	width:309px;
	margin:0;
}
.topBox .about .rightBox .aboutTbl{
	border-collapse: collapse;
	border:1px solid #ff9934;
	background-color:#f7fece;
	color:#606060;
}
.topBox .about .rightBox .aboutTbl th{
	border:1px solid #ff9934;
	padding:5px;
	font-size:12px;
}
.topBox .about .rightBox .aboutTbl td{
	border:1px solid #ff9934;
	padding:5px;
	font-size:10px;
	line-height:1.4em;
}
.topBox .about .rightBox .aboutTbl td span{
	color:#1a89b3;
}
.topBox .about .rightBox .aboutSend{
	font-size:10px;
}
.topBox .about .rightBox .aboutSend h4{
	font-size:12px;
	color:#1a89b3;
	margin:10px 0 5px;
	padding:0;
}
.topBox .about .rightBox .aboutSend td{
	padding:0 0 2px;
}
.topBox .about .rightBox .aboutSend a,
.topBox .about .rightBox .aboutSend a:visited{
	color:#1a89b3;
}
.topBox .about .rightBox .aboutSend a:hover{
	color:#66ccff;
}

/* 商品詳細ページ
=================================*/
.itemDetailBox{
	margin-top:0;
}
html>/**/body .itemDetailBox{
	margin-top:15px;
}
html:first-child .itemDetailBox{
	margin-top:0;
}
.itemDetailBox .brandname{
	font-size:1.2em;
	font-weight:bold;
	border-bottom:3px double #b5b5b5;
	padding:5px;
}
.itemDetailBox .h4detale{
	clear:both;
	margin-top:10px;
}
.itemDetailBox .itemDataBox{
	margin:0 10px;
	color:#535353;
}
.itemDetailBox .itemDataBox h4{
	margin:10 0 5px;
	color:#66cccc;
}
.itemDetailBox .itemDataBox p{
	margin:0 0 20px;
	line-height:1.4em;
}
.itemDetailBox .itemDataBox table{
	border-collapse: collapse;
}
.itemDetailBox .itemDataBox .itemData .itemTbl1{
	width:290px;
	float:left;
	margin:10px 20px 20px 5px;
}
.itemDetailBox .itemDataBox .itemData .itemTbl2{
	width:290px;
	float:left;
	margin:10px 0 20px;
}
.itemDetailBox .itemDataBox .itemData .itemTbl1 td,
.itemDetailBox .itemDataBox .itemData .itemTbl2 td{
	padding:3px;
	border:1px solid #d2d2d2;
}
.itemDetailBox .itemDataBox .itemData .itemTbl1 td.bg01,
.itemDetailBox .itemDataBox .itemData .itemTbl2 td.bg01{
	background-color:#e5e5e5;
}
.itemDetailBox .itemDataBox .designIco{
	margin:5px 0 10px;
}
.itemDetailBox .itemDataBox .designIco img{
	margin:0 5px;
}
.itemDetailBox .itemDataBox .seasonTbl{
	width:597px;
	margin:10px 5px 20px;
}
.itemDetailBox .itemDataBox .seasonTbl th,
.itemDetailBox .itemDataBox .seasonTbl td{
	border:1px solid #ced3dc;
	width:8.3%;
	padding:3px 0;
}
.itemDetailBox .itemDataBox .seasonTbl th{
	color:#696969;
	background-color:#f7fece;
	font-size:12px;
}
.itemDetailBox .itemDataBox .seasonTbl td.on{
	background-color:#ceffe7;
}
.itemDetailBox .itemDataBox .expList{
	margin:10px 20px 20px 30px;
	padding:0;
	list-style-position: outside;
}
.itemDetailBox .itemDataBox .expList li{
	padding:3px;
	margin:0;
}