@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
						Petabit CSS
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*===========================================================
＊ common
===========================================================*/

.block{
	width:980px;
	overflow:hidden;
	margin:0 auto;}

.inner:before,
.inner:after { content:""; display:table;}
.inner:after { clear:both;}
.inner { zoom:1;}

.entryArea,
.entry{
	overflow:hidden;
	_zoom:1;
	margin-bottom:30px;
	clear: both;}
.entryArea{
	margin-bottom:15px;}

body#single-column #maincolumn dl dt{
	font-weight:bold;
	margin:25px 0 5px;
	padding-bottom:5px;
	border-bottom:1px solid #D2CACA;}

/*===========================================================
＊ title
===========================================================*/
.tit{
	color:#444444;
	font-size:150%;
	border-top:3px solid #B02225;
	border-bottom: 1px solid #CCCCCC;
	padding:10px 0;
	position:relative;}

.tit .asone {
	font-size: 13px;
	font-weight: normal;
	line-height: 100%;
}

.tit .link{
	position:absolute;
	right:0;
	top:1em;
	font-size: 13px;}
.tit .link a{
	color: #333333;
	margin-left: 10px;}
.tit .link a:before{
	color: #B02225;
	text-decoration: none;}

.tit02{
	padding-top:10px;
	line-height:1;
	border-top:3px solid #B02225;
	margin-bottom:15px;}
.tit02 span{
	font-size: 18px;
	line-height:1;}
.tit03{
	padding:10px 7px 8px;
	color:#333333;
	text-align: left;
	font-weight: bold;
	margin-bottom:15px;}
.tit03 span{
	border-left: 4px solid #B02225;
	padding-left: 8px;
	line-height: 1;}
.tit04{
	padding:6px 10px 5px;
	font-size:108%;
	color:#666;
	border:1px solid #EEE;
	background-color:#F3F3F3;
	margin-bottom:15px;}
.tit05{
	padding:6px 10px 5px;
	font-size:108%;
	color:#B02225;
	background-color:#FFD3B2;
	margin-bottom:15px;}

/*===========================================================
＊ button
===========================================================*/
.btn01,
.btn02,
.btnGr,
.btnWh,
.btnBack{
	text-align:center;
	display:block;
	font-weight:bold;
	padding:8px 0 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;}
.btn01{
	color:#FFFFFF;
	border:1px solid #B02225;
	background: url(../images/common/btn_bg.jpg?v=20180125) repeat-x;}
.btn02{
	color:#B02225;
	border:1px solid #B02225;
	background:#FFF;}
.btnGr{
	color:#FFFFFF;
	border:1px solid #999;
	background:#999;}
.btnWh{
	color:#666666;
	border:1px solid #CFCFCF;
	background-color:#FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F6F6F6), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #F6F6F6);
	background: -moz-linear-gradient(#fff, #F6F6F6);
	background: -o-linear-gradient(#fff, #F6F6F6);
	background: -ms-linear-gradient(#fff, #F6F6F6);
	background: linear-gradient(#fff, #F6F6F6);}
.btnBack{
	color:#FFFFFF;
	border:1px solid #999;
	background:#999;}

.btn01:after,
.btn02:after,
.btnWh:after,
.btnBack:after{
    font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	content: '\e835';
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-0.45em;
	margin-right: 3px;}
.btn01:before{ color: #FFF;}
.btnWh:before{ color: #999;}
.btnBack:before{ color: #FFF; content:'\e834';}

.btn01:hover,
.btnBack:hover{
	color:#FFFFFF;}
.btn02:hover{
	color:#B02225;}
a.btn01:hover,
input.btn01:hover,
button.btn01:hover,
a.btn02:hover,
input.btn02:hover,
button.btn02:hover,
a.btnWh:hover,
input.btnWh:hover,
button.btnWh:hover,
a.btnGr:hover,
input.btnGr:hover,
button.btnGr:hover,
a.btnBack:hover,
input.btnBack:hover,
button.btnBack:hover{
	text-decoration:none;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}

ul.btnArea {
	padding-top:30px;
	text-align:center;
	letter-spacing: -.40em;}
ul.btnArea li{
	vertical-align:top;
	display: inline-block;
	letter-spacing: normal;
	margin:0 8px;}
.btnArea .btn01,
.btnArea .btnWh,
.btnArea .btnGr,
.btnArea .btnBack{
	width:240px;
	height:55px;
	line-height:55px;
	padding:0;
	margin:0 auto;}
.btnArea .btn01.h2Line{
	line-height:1.1;
	height:45px;
	padding-top:10px;}
.btnArea .btn01.h2Line span{
	border-top:1px solid #FFB680;
	font-weight:normal;
	display:block;
	width:75%;
	padding-top:1px;
	font-size:10px;
	margin:5px auto 0;}

/*===========================================================
＊ home
===========================================================*/

/* mainimage
------------------------------------*/

#main_image {
	width: 100%;
	height: 350px;
	position: relative;
	top: 0;
	left: 0;
}

#main_image .slider {
	width: 100%;
	height: 300px;
	overflow: hidden;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
}

#main_image .slider li div {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

#main_image .slider li div.slide01 {
	background: #0D3375;
}

#main_image .slider li div.slide02 {
	background: #4585C4;
}

#main_image .slider li div.slide03 {
	background: url(../images/dummy/test_bg_02.jpg?v=20180125);
}

#main_image .bx-pager {
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

#main_image .bx-pager .bx-pager-item {
	display: inline-block;
}

#main_image .bx-pager a {
	background: #AAAAAA;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main_image .bx-pager a:hover,
#main_image .bx-pager a.active {
	background: #B02225;
}
#main_image .bx-prev {
	left: 0;
	background: url(../images/home/img_pagerR.png?v=20180125) no-repeat;
}
#main_image .bx-next {
	right: 0;
	background: url(../images/home/img_pagerL.png?v=20180125) no-repeat;
}
#main_image .bx-controls-direction a {
	position: absolute;
	top: 35%;
	width: 40px;
	height: 85px;
	text-indent: -9999px;
	z-index: 99;
}

/* banner
---------------------------------*/

#banner_area01 {
	width: 100%;
	margin-bottom: 30px;
}

#banner_area01 ul {
	margin: 0 auto;
}

#banner_area01 ul li {
	display: inline-block;
	width: 32%;
	margin-right: 1%;
}

#banner_area01 ul li:last-child {
	margin-right: 0;
}

#banner_area01 ul li img {
	width: 100%;
}

#banner_area02 {
	width: 100%;
	margin-bottom: 30px;
}

#banner_area02 a {
	text-decoration: none !important;
	color: #FFFFFF;
}

#banner_area02 a:hover {
	text-decoration: none !important;
}

#banner_area02 div {
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#banner_area02 .bnr01 .txt01{
	padding: 8px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 1rem;
	line-height: 100%;
}

#banner_area02 .bnr02 .txt01{
	padding: 8px 10px;
	width: 62%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 0.9rem;
	line-height: 100%;
}

#banner_area02 .bnr01,
#banner_area02 .bnr02{
	font-size: 2.1rem;
	padding: 8px 15px;
	height: 110px;
	overflow: hidden;
}

#banner_area02 .bnr01:hover,
#banner_area02 .bnr02:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#banner_area02 .bnr02 p {
	line-height: 100%;
}

#banner_area02 .bnr02 .m_txt {
	font-size: 14px;
	line-height: 100%;
	margin: 0;
}

/*
#banner_area02 .bnr01 {
	width: 49%;
	border: solid 2px #60C6E5;
	background: #EFF9FC;
	float: left;
	margin-bottom: 20px;
	background-image: url(../images/home/img_bnr_boshu.jpg?v=20180125);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
	color: #13657B;
}

#banner_area02 .bnr01 .txt01 {
	background: url(../images/common/img_bg_blue.jpg?v=20180125);
}*/

#banner_area02 .bnr01{
	width: 49%;
	border: solid 2px #88BB3C;
	background: #FBFDF7;
	float: left;
	margin-bottom: 20px;
	background-image: url(../images/home/img_bnr_contact01.jpg?v=20180125);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
	color: #4C6724;
}

#banner_area02 .bnr01 .txt01 {
	background: url(../images/common/img_bg_gleen.jpg?v=20180125);
}

#banner_area02 .bnr02{
	width: 49%;
	border: solid 2px #F28966;
	background: #FEF4F1;
	float: right;
	background-image: url(../images/home/img_bnr_contact02.jpg?v=20180125);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
	color: #C64D05;
}

#banner_area02 .bnr02 .txt01 {
	background: url(../images/common/img_bg_orange.jpg?v=20180125);
}

/* recommend info
--------------------------------------*/

.titRibbon01,
.titRibbon02{
	line-height:1.1;
    position: relative;
    padding:12px 10px 8px;
	text-align:center;
	font-size:20px;}
.titRibbon01:before,
.titRibbon01:after,
.titRibbon02:before,
.titRibbon02:after{
	content: " ";
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;}
.titRibbon01:before,
.titRibbon02:before {
    left: 0;
    border-width: 0 10px 10px 0;}
.titRibbon01:after,
.titRibbon02:after {
    right: 0;
    border-width: 0 0 10px 10px;}

.titRibbon01 {
    background: url(../images/common/img_bg_yellow.jpg?v=20180125);
	color:#FFFFFF;}
.titRibbon01:before {
    border-right-color: #BC851D;}
.titRibbon01:after {
    border-left-color: #BC851D;}

.titRibbon02 {
    background: url(../images/common/img_bg_pink.jpg?v=20180125);
	color:#FFF;}
.titRibbon02:before {
    border-right-color: #F45E4D;}
.titRibbon02:after {
    border-left-color: #F45E4D;}
.RibBox{
	padding:0;
	margin:0 10px;
	overflow:hidden;}

.RibBox .inBox {
	padding: 20px;
	margin: 0 5px 5px 5px;
}

#recommend,
#info {
	margin-bottom: 30px;
}

#recommend .RibBox {
	background: #F9EBD0;
	border-right: solid 1px #ECCD39;
	border-left: solid 1px #ECCD39;
	border-bottom: solid 1px #ECCD39;
}

#recommend .RibBox .inBox {
	background: #FCF9EB;
	border-right: solid 1px #ECCD39;
	border-left: solid 1px #ECCD39;
	border-bottom: solid 1px #ECCD39;
}

#info .RibBox {
	background: #FEEDED;
	border-right: solid 1px #FAC0C1;
	border-left: solid 1px #FAC0C1;
	border-bottom: solid 1px #FAC0C1;
}

#info .RibBox .inBox {
	background: #FFFBFC;
	border-right: solid 1px #FAC0C1;
	border-left: solid 1px #FAC0C1;
	border-bottom: solid 1px #FAC0C1;
}

#recommend dl {
	width: 150px;
	display: inline-block;
	padding: 5px;
	vertical-align: top;
}

#recommend dl .name_txt a {
	color: #0066AA;
	font-weight: bold;
}

#info dl {
	width: 44%;
	display: inline-block;
	padding: 5px 15px;
	vertical-align: top;
	margin-bottom: 15px;
}

#info dl:nth-child(odd) {
	border-right: solid 1px #FAC0C1;
}

#info dl dt {
	width: 100px;
	float: left;
	/*display: inline-block;
	vertical-align: top;*/
	margin-right: 15px;
}

#info dl dd {
	/*display: inline-block;
	vertical-align: top;*/
	padding-top: 20px;
}

#info dl .name_txt a {
	color: #E25069;
	font-weight: bold;
	font-size:1.1rem;
}


/* news faq
----------------------*/

#news,
#faq {
	border-top: solid 3px #B02225;
	padding: 15px 0;
	margin-bottom: 30px;
	width: 100%;
}

#news a:before { 
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	content: '\e835';
	color: #B02225;
	text-decoration: none !important;
}

#news h1,
#faq h1 {
	font-size: 18px;
	float: left;
}

#news .tit_box,
#faq .tit_box {
	padding-bottom: 15px;
	border-bottom: solid 1px #CCCCCC;
}

#news .tit_box .link,
#faq .tit_box .link {
	float: right;
	text-align: right;
	padding: 2px 10px;
	border-left: solid 1px #DFDFD0;
}

#news dl dt {
	padding-top: 10px;
}

#news dl dd {
	border-bottom: solid 1px #CCCCCC;
	padding-top: 5px;
	padding-bottom: 10px;
}

#news dl dd a {
	color: #0066AA;
	font-weight: bold;
}

#news .icon {
	display: inline-block;
	width: 100px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 100%;
	padding: 3px;
	color: #ffffff;
	font-size: 12px;
	position: relative;
	top: -2px;
}

#news .notice {
	background: #62AE67;
}
#news .goods {
	background: #E79A45;
}
#news .company {
	background: #5392C8;
}

#faq ul.many_box {
	float: left;
}
#faq ul.new_box {
	float: right;
}

#faq ul {
	display: block;
	width: 48%;
	margin-top: 20px;
}

#faq ul li {
	padding: 10px 0;
	border-bottom: solid 1px #CCCCCC;
}

#faq ul li:first-child {
	background: #F6F6F6;
	border-top: solid 1px #CCCCCC;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

#faq ul li{
	padding-left: 1em;
  	text-indent: -1em;
}

#faq i {
	font-size: 17px;
	color: #B02225;
	position: relative;
	left: 5px;
}
	
#faq ul li a {
	color: #0066AA;
	font-weight: bold;
}

#faq ul.many_box span {
	background: url(../images/home/ico_faq01.jpg?v=20180125) no-repeat 5px;
	padding: 10px 40px;
}

#faq ul.new_box span {
	background: url(../images/home/ico_faq02.jpg?v=20180125) no-repeat 5px;
	padding: 10px 40px;
}


/* bread_crumb
-----------------------------*/
.bread_crumb{
	text-align:left;
	font-size:93%;
	padding-top: 15px;}
.bread_crumb ul{
	width:96%;
	margin:0 auto;}
.bread_crumb li{
	display:inline;
	zoom:1;
	font-size:93%;
	margin-right:2px;}
.bread_crumb li a{
	text-decoration:underline;
	padding-right:10px;
	color:#0059B2;
	background:url(../images/common/pagebar.gif?v=20180125) no-repeat right center;}
.bread_crumb li a:hover{
	text-decoration:none;}

/* pager
-----------------------------*/
.pager{
	margin-bottom:30px;}
.set{
	overflow:hidden;
	_zoom:1;
	padding:0;
	margin-bottom:7px;}
.totalItem{
	float:left;
	width:45%;}
.totalItem span{
	font-weight:bold;
	font-size:123.1%;}
.set .pagebar{
	width:70%;
	clear:inherit;
	float:right;
	padding:0;
	margin:0;
	text-align:right;
	overflow:hidden;
	border:none;}
.selectMyself{
	padding:0;
	text-align:right;
	overflow:hidden;}
.selectMyself a{
	text-decoration:underline;}
.selectMyself a:hover{
	text-decoration:none;}

.pagebar {
	clear:both;
	border-top:1px solid #CCC;
    padding: 10px 0 10px;
    margin: 0 0 15px;
    text-align: right;
	letter-spacing: -.40em;}
.pagebar.bd0{
	border:0;
	padding:0;
	margin: 0 0 10px;}
.pagebar li{
	letter-spacing: normal;
	padding:2px 5px;
	border-left: 1px solid #000000;
	display:inline-block;
	/display:inline;
	/zoom:1;
	/padding:2px 7px 2px 7px;}
.pagebar a {
	text-decoration:none;
    padding: 1px 5px;}
.pagebar .prev{
	border:0;
	padding:0 7px 0 0;}
.pagebar .next{
	padding:0 0 0 7px;}
.pagebar .prev a,
.pagebar .next a{
	width:1em;
	line-height:1.4;
	text-indent:-9999px;}
.pagebar .prev a:before,
.pagebar .next a:before{
	color:#FFF;
	text-indent:0px;}
.pagebar .prev a:hover,
.pagebar .next a:hover{
	background:#B02225;}

.pagebar span {
	line-height:1.1;}
.pagebar span.current {
    background-color: #F3F3F3;
    margin:0 3px;
    padding: 1px 5px;}
.pagebar a:hover {
	background-color: #F3F3F3;}
.pagebar li a,
.pagebar li span,
.pagebar li{
	line-height:1;}


/*------------------------------------------
 itemSet
-------------------------------------------*/
.itemSet li{
	overflow:hidden;
	margin-bottom:35px;}

/* image
-----------------------------*/
.itemSet .image {
	text-align:center;
	margin-bottom:10px;}
.itemSet .image img{
	max-width: 100%;
    height: auto;
    width /***/:auto;}
.itemSet .image a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}

/* title
-----------------------------*/
.itemSet .title{
	font-weight:bold;}
.itemSet .title a{
	color:#444;
	text-decoration:underline;}
.itemSet .title a:hover{
	text-decoration:none;}
.itemSet .title span{
	font-size:93%;
	font-weight:normal;
	display:block;}

/* price
-----------------------------*/
.itemSet .price{
	color:#444444;}
.itemSet .price del{
	font-size:93%;
	color:#444444;
	display:block;
	font-weight: normal;}
.itemSet .price .off{
	font-size:93%;
	font-weight:bold;
	display:block;}

/* icon
-----------------------------*/
.itemSet .icon{
	margin-top:3px;}
.itemSet .icon li{
	float:none;
	width:auto;
	margin:0;
	font-size:0;
	line-height:0;
	height:18px;
	display:inline-block;}
.itemSet .icon img{
	vertical-align:middle;
	padding:0 0 3px 0;}


/*------------------------------------------
 categorySet
-------------------------------------------*/

#categorySet {
	margin: 20px 0;
}

#categorySet ul li.category {
	border: solid 1px #CCCCCC;
	width: 130px;
	height: 170px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

#categorySet ul li.category .image {
	padding: 5px;
	border-bottom: solid 1px #CCCCCC;
}

#categorySet ul li.category p {
	padding: 5px;
}


/*===========================================================
＊ item detail
===========================================================*/

/* error
-----------------------------*/
.error{
	border:2px solid #D90000;
	padding:10px 15px;
	margin-bottom:20px;
	font-weight:bold;
	color:#D90000;}

/* sail
-----------------------------*/
.timeSail{
	border:1px dotted #D90000;
	padding:10px 15px;
	margin-bottom:20px;
	font-weight:bold;
	color:#D90000;
	text-align:center;
	background:#FFFFBF;}

/* default
-----------------------------*/
.itemDetail{
	/*overflow:hidden;
	_zoom:1;
	margin-bottom:15px;*/
	width: 100%;
	float: left;
	margin-right: 260px;
	position: relative;}
.itemDetail .detail{
	position: relative;
	margin-right: 260px;
	/*display:table;*/
	margin-bottom:40px;
	/*float: left;*/}

.itemData {
	width: 230px;
	position: absolute;
	top: 0;
	right: 0;
	/*float: right;*/
}



.itemDetail .itemImage,
.itemDetail .itemData{
	vertical-align:top;
	display: table-cell;
	/display:inline;
	/zoom:1;
	overflow:hidden;}
.itemDetail .itemImage{
	padding-right:30px;
	width:300px;
	float: left;}

/* item title
-----------------------------*/
.itemDetail .tit{
	margin-bottom:25px;}

/* image
-----------------------------*/
.itemDetail .itemImage .imageMain{
	width:400px;
	margin-bottom:12px;
	text-align:center;
	position:relative;}
.itemDetail .itemImage .imageMain a{
	display:block;}
.itemDetail .itemImage .imageMain .bigImg{
	position:absolute;
	bottom:0;
	right:0;
	background:#B02225;
	text-align:center;
	font-size:18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color:#FFFFFF;
	display:block;
	width: 40px;
	height:40px;}
.itemDetail .itemImage .imageMain .bigImg .icon-search-1:before{
	margin:0;
	padding-top:10px;}
.itemDetail .itemImage ul{
	overflow:hidden;
	_zoom:1;
	text-align:left;}
.itemDetail .itemImage ul li{
	float:left;
	width:60px;
	height:60px;
	margin:0 3px}
.itemDetail .itemImage ul li.end{
	margin-right:0;}
.itemDetail .itemImage ul li.act img{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;}

/* 拡大表示 */
#layerBg{
	overflow: auto;
	background-color:rgba(0,0,0,0.6);
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:10000;}
html.ie7 #layerBg,
html.ie8 #layerBg{
	background:#000;}

#layerMain{
	background-color:#fff;
	position:absolute;
	width:900px;
	height:600px;
	left:0px;
	top:0px;
	z-index:10001;}
#layerMain ul{
	position:absolute;
	bottom:5px;
	left:5px;}
#layerMain ul li{
	margin: 2px 0;
	border:1px #ffffff solid;}
#layerMain ul li.act{
	border:1px #B02225 solid;}
#layerMain ul li.act a{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;}
#layerMain ul li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;}

#layerMain .btnClose{
	position: absolute;
	right: 0px; top:0px;
	width: 30px; height: 30px;}
#layerMain .btnClose a{
	background: #ccc;
	display: block;
	width: 30px; height: 30px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-size:123.1%;}

#layerMain #layerMainImg{
	position: relative;
	overflow: hidden;
	width: 890px;
	height: 590px;
	margin: 5px 0 0 5px;
	background: #eee;}
#layerMain #layerMainImg .inr{
	position: absolute;}
#layerMain #layerMainImg .mo{
	background-color:rgba(0,0,0,0.01);
	position: absolute;
	width: 100%; height: 100%;}
html.ie7 #layerMain #layerMainImg .mo,
html.ie8 #layerMain #layerMainImg .mo{
	background:#000;
	filter: alpha(opacity=1);
	-moz-opacity:0.01;
	opacity:0.01;}
.hrBar {
	margin:8px 0 4px;}


/* icon
-----------------------------*/
.itemDetail .icon {
	margin-bottom:10px;
	overflow:hidden;
	_zoom:1;}
.itemDetail .icon li{
	float:left;
	padding:0 6px 0 0;}

/* item text
-----------------------------*/
.itemData .itemTopTxt{
	margin-bottom:10px;}
.itemData .itemTopTxt p{
	margin-top:10px;}
/* catchcopy */
.itemDetail .catchcopy{
	font-weight:bold;
	font-size:115%;
	margin-bottom:5px;}

/* price
-----------------------------*/
.itemData .price{
	color:#444444;}
.itemData .price del{
	font-size:93%;
	color:#444444;
	display:block;
	font-weight: normal;}
.itemData .price .off{
	font-size:108%;
	font-weight:bold;
	display:block;}
.itemData .price strong{
	font-size:131%;}

/* cart
-----------------------------*/

.itemData .cart{
	margin-bottom:10px;}
/* table style */
.itemData .cart table{
	margin-bottom:15px;
	width:100%;
	border-top:1px solid #CCCCCC;}
.itemData .cart table th,
.itemData .cart table td{
	vertical-align:middle;
	padding:8px 0;
	border-bottom:1px solid #CCCCCC;}
.itemData .cart table th{
	width:82px;
	text-align:left;
	vertical-align:middle;
	background: #F3F3F3;
	padding: 5px;}
.itemData .cart table td{
	text-align:right;}
/* button */
.itemData .cart .btn01,
.itemData .cart .btnGr{
	font-weight:bold;
	padding:9px 0 7px;}
	
.itemData .cart .cart_in {
	background: #F3F3F3;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding: 10px;
}

.itemData .cart .cart_in table {
	width: 210px;
	border: none;
	margin-bottom: 0;
}

.itemData .cart .cart_in table th.name {
	width: 50px;
	font-size: 1.2em;
}

.itemData .cart .cart_in table th,
.itemData .cart .cart_in table td {
	border: none;
}

.itemData .cart .cart_in input {
	width: 10em;
}

/*----------------*/

.detail_contents {
	width: 100%;
	float: left;
	margin-right: 330px;
}



/* item original data txt
-----------------------------*/
.explainl:before,
.explainl:after { content:""; display:table;}
.explainl:after { clear:both;}
.explainl {
	zoom:1;
	/*clear:both;*/
	margin-bottom:40px;
	float: light;}
.itemDetail .explainl p{
	margin-bottom:1.4em;}







/*-------------------------------------
 cart
---------------------------------------*/
table.priceAll{
	border-collapse:inherit !important;}


/*===========================================================
＊ contact
===========================================================*/

table.defo{
	width:100%;
	border:1px solid #CCC;}
table.defo caption{
	text-align:left;
	margin-bottom:10px;}
table.defo th,
table.defo td{
	vertical-align:middle;
	padding:10px;
	border:1px solid #CCCCCC;}
table.defo th{
	vertical-align:top;
	background:#F5F5F5;}
table.defo td dt{
	font-weight:bold;
	margin-top:15px;}
table.defo td dt:first-child{
	margin-top:0;}
table.defo td dd{
	display:inline-block;
	margin-right:20px;}
table.defo td dd input[type="radio"]{
	vertical-align:top;
	margin-left:0;}
.w230{
	width:230px;}

.securityBox{
	width:500px;
	border:1px solid #CCC;
	overflow:hidden;
	margin:30px auto 0;
	padding:15px;}

/* flow
--------------------------------------*/
.flow{
	overflow: hidden;
	letter-spacing: -0.4em;
	margin-bottom:20px;}
.flow li{
	letter-spacing:normal;
	display: inline-block;
	padding: 10px 15px;
	margin-right: 13px;
	background-color: #EEE;
	color: #999;
	position: relative;}
.flow li:after{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	content: '\e835';
	color: #EEE;
	position: absolute;
	font-size: 30px;
	right: -20px;
	top: 0.2em;}
.flow li.end:after{
	display: none;}
.flow li.act{
	background-color: #999;
	font-weight: bold;
	border: 2px solid #999;
	color: #FFF;}
.flow li.act:after{
	color:#999;}


/*===========================================================
＊ privacy
===========================================================*/
.style01 dt{
	font-weight:bold;
	margin:25px 0 5px;
	padding-bottom:5px;
	border-bottom:1px solid #D2CACA;}

/*===========================================================
＊ review
===========================================================*/
/*
#reviewItemWeap .review-item{
	overflow:hidden;
	padding:15px 0 30px;}
#reviewItemWeap .review-item dt{
	float:left;
	width:140px;
	margin-right:25px;}
#reviewItemWeap .review-item dd{
	overflow:hidden;}
#reviewItemWeap .review-item .title{
	font-size:138.5%;
	margin-bottom:10px;}
#reviewItemWeap .review-item .title a{
	text-decoration:underline;}
#reviewItemWeap .review-item .title a:hover{
	text-decoration: none;}
#reviewItemWeap .review-item .score{
	font-weight:bold;
	font-size:25px;
	margin-right:10px;}
#reviewItemWeap .total{
	font-size:116%;
	float:left;}
#reviewItemWeap .total span{
	font-weight:bold;
	font-size:25px;}

#reviewItemWeap .pagebar{
	overflow:hidden;
	clear:inherit;
	margin:10px 0 0;}

#reviewItemWeap .headline{
	overflow:hidden;
	margin-bottom:10px;}

#reviewItemWeap .section{
	border-top:1px solid #DDD;}
#reviewItemWeap .reviewSet{
	padding:15px 0;
	border-bottom:1px solid #DDD;}
#reviewItemWeap .reviewSet ul{
	overflow:hidden;
	margin-bottom:10px;}
#reviewItemWeap .reviewSet ul li{
	margin-bottom:0px;}
#reviewItemWeap .reviewSet ul .revRvwUser{
	float:left;
	width:40%;}
#reviewItemWeap .reviewSet ul .name{
	margin:0 15px 0 0;}
#reviewItemWeap .reviewSet ul .date{
	overflow: hidden;
	text-align:right;
	margin-top:3px;}



/*------------------------------------------ End */