@charset "shift_jis";


body h1 {
	margin: 0 0 15px;
	padding:0
}

/*for index.html
-----------------------------------------------------------------*/
#tmp-topproductarea .photoarea img {border:none;}


/*for feature01-04 common
-----------------------------------------------------------------*/
body div.lc {float:left;}
body div.cc {float:left;}
body div.rc {float:right;}
body .tmp-contbox .toggleArea {width:560px;} /* 530pxに戻すときは削除 */
body .tmp-contbox .toggleArea p {padding-bottom:0;}
.productsCap li {
	color: #666;
	font-size: 0.8em;
	padding: 0;
	text-indent: -1.5em;
	padding-left: 1.5em;
	list-style: none;
}
.productsCap li.asterisk {
	padding-left:0.8em;
	text-indent:-0.8em;
}
.arrow {
	background: url(/rolly/share/images/products/arrow.gif) no-repeat left 3px;
	padding: 0 0 0 15px;
}

/* pagenate---------------------------------------- */
body div.pagenatearea {padding:5px 0 15px;}
body div.pagenatearea p {width:45px;margin-bottom:0;}
body div.pagenatearea p.prev {float:left;}
body div.pagenatearea p.next {float:right;}
body div.pagenatearea ul {float:left;width:470px;text-align:center;}
body div.pagenatearea ul li {
	display:inline;
	margin-left:15px;
	padding-left:9px;
	background:url(/rolly/share/images/products/tmp/arrow_black.gif) no-repeat left center;
}
body div.pagenatearea ul li.current {font-weight:bold;}
body div.pagenatearea ul li.first {margin-left:0;}


/*for feature01.html
-----------------------------------------------------------------*/
body div.feat01 div.featwrap01 div.lc {width:250px;}
body div.feat01 div.featwrap01 div.rc {width:290px;}

body div.feat01 div.featwrap02 div.lc {
	width:158px;
	padding:15px;
	background:#eee;
}
body div.feat01 div.featwrap02 div.cc {
	width:107px;
	padding:10px 0;
}
body div.feat01 div.featwrap02 div.cc p {
	text-align:center;
	margin-top:109px;
}
body div.feat01 div.featwrap02 div.rc {
	width:235px;
	padding:15px;
	background:#ECF7FD;
}
body div.feat01 div.featwrap02 div.lc,
body div.feat01 div.featwrap02 div.cc,
body div.feat01 div.featwrap02 div.rc {
	min-height:269px;
	height: auto !important;
	height: 269px;
}

body div.feat01 div.featwrap03 div.lc {
	width:158px;
	padding:15px;
	background:#eee;
}
body div.feat01 div.featwrap03 div.cc {
	width:107px;
	padding:10px 0;
}
body div.feat01 div.featwrap03 div.cc p {
	text-align:center;
	margin-top:78px;
}
body div.feat01 div.featwrap03 div.rc {
	width:235px;
	padding:15px;
	background:#ECF7FD;
}
body div.feat01 div.featwrap03 div.lc,
body div.feat01 div.featwrap03 div.cc,
body div.feat01 div.featwrap03 div.rc {
	min-height:238px;
	height: auto !important;
	height: 238px;
}

body div.feat01 div.featwrap04 div.lc {width:250px;}
body div.feat01 div.featwrap04 div.rc {width:290px;}


/*for feature02.html
-----------------------------------------------------------------*/
body div.feat02 div.lc img,
body div.feat02 div.rc img {margin-bottom:10px;}

body div.feat02 div.featwrap01,
body div.feat02 div.featwrap02,
body div.feat02 div.featwrap03,
body div.feat02 div.featwrap04,
body div.feat02 div.featwrap05 {margin-bottom:45px;}

body div.feat02 div.featwrap01 div.lc {width:250px;}
body div.feat02 div.featwrap01 div.rc {width:290px;}

body div.feat02 div.featwrap02 div.lc,
body div.feat02 div.featwrap03 div.lc,
body div.feat02 div.featwrap04 div.lc,
body div.feat02 div.featwrap02 div.rc,
body div.feat02 div.featwrap03 div.rc,
body div.feat02 div.featwrap04 div.rc {width:270px;}

body div.feat02 div.featwrap05 div.lc {width:240px;}
body div.feat02 div.featwrap05 div.rc {width:300px;padding-top:18px;}

ul.shuffleList li {
	margin-bottom:10px;
	padding-left:1.8em;
	text-indent:-1.8em;
}
body div.feat02 h3.toggleHead span {color:#1F9BD9;}


/*for feature03.html
-----------------------------------------------------------------*/
body div.feat03 div.featwrap01 div.lc,
body div.feat03 div.featwrap02 div.lc,
body div.feat03 div.featwrap03 div.lc,
body div.feat03 div.featwrap04 div.lc {width:250px;}
body div.feat03 div.featwrap01 div.rc,
body div.feat03 div.featwrap02 div.rc,
body div.feat03 div.featwrap03 div.rc,
body div.feat03 div.featwrap04 div.rc {width:290px;}

body div.feat03 div.featwrap02 p,
body div.feat03 div.featwrap03 p {margin-bottom:15px;}


/*for feature04.html
-----------------------------------------------------------------*/
body div.feat04 div.lc img,
body div.feat04 div.rc img {margin-bottom:15px;}

body div.feat04 div.featwrap01 p {margin-bottom:20px;}

body div.feat04 div.featwrap02 div.lc,
body div.feat04 div.featwrap02 div.rc {width:270px;margin-bottom:40px;}

body div.feat04 div.featwrap02 div.innerwrap,
body div.feat04 div.featwrap02 div.innerwrap2,
body div.feat04 div.featwrap02 div.innerwrap3 {
	width:240px;
	padding:15px;
	background:#ECF7FD;
}
body div.feat04 div.featwrap02 div.lc div.innerwrap,
body div.feat04 div.featwrap02 div.rc div.innerwrap {
	min-height:300px;
	height: auto !important;
	height: 300px;
}
body div.feat04 div.featwrap02 div.lc div.innerwrap2,
body div.feat04 div.featwrap02 div.rc div.innerwrap2 {
	min-height:275px;
	height: auto !important;
	height: 275px;
}

body div.feat04 div.featwrap02 div.lc p,
body div.feat04 div.featwrap02 div.rc p {margin-bottom:20px;}

body div.feat04 div.featwrap03 div.lc {width:290px;}
body div.feat04 div.featwrap03 div.rc {width:250px;}


/*for detail.html
-----------------------------------------------------------------*/
body div.detail h5 {margin:0 0 20px 30px;}
body div.detail p.detailImg {margin-bottom:80px;text-align:center;}


/*for spec.html
-----------------------------------------------------------------*/
.tmp-spectable table caption {
	border-top:1px solid #BCBCBC;
	border-left:1px solid #BCBCBC;
}
.tmp-spec-value ul.speclist li {
	text-indent: -1em;
	padding-left: 1em;
}

.tmp-spectable .subT {
	width:340px;
	padding:10px;
}
.tmp-spec-value table.specSubT {margin-bottom:10px;}
.tmp-spec-value table.specSubT thead th {
	background:#333;
	color:#fff;
}
.tmp-spec-value table.specSubT tbody td {background:#fff;}
.tmp-spec-value table.specSubT tbody tr.odd td {background:#eee;}


/*for acc.html
-----------------------------------------------------------------*/
.tmp-contbox .accessory .toggleArea {margin-top:20px;}
.tmp-productarea .photoarea img {border:none;}
.tmp-contbox .accessory .toggleHeadSet {margin-bottom:2px;}
	/* for IE */
	*:first-child+html .tmp-contbox .accessory .toggleHeadSet {margin-bottom:1px;}
	*html .tmp-contbox .accessory .toggleHeadSet {margin-bottom:1px;}
	/* for IE end */


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

	Common Module

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

/* margin padding overwrite */
.mb0 {margin-bottom:0 ! important;}
.mb5 {margin-bottom:5px ! important;}
.mb10 {margin-bottom:10px ! important;}
.mb15 {margin-bottom:15px ! important;}
.mb20 {margin-bottom:20px ! important;}
.mb30 {margin-bottom:30px ! important;}
.indentClear {
	padding-left:0 ! important;
	text-indent:0 ! important;
}
.tac {text-align:center;}
.fwb {font-weight:bold;}


/*clearfix*/

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

.clearfix {
	zoom: 1;
}

/*nonHeight*/

.nonHeight {
	line-height: 0;
	font-size: 0;
}