@charset "utf-8";

/***--- common-style ---***/
.section-block .section .body p.catch {
	margin: 0 !important;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 133%;
}
.section-block .section .body p.nextlink {
	padding: 0 0 0 17px;
	background: url(../../common/images/icon_arr-gray_right.gif) left 4px no-repeat;
}
section-block .section-block-body .section .body .tbl_block p.note {
	font-size: 90%;
}


/*  section-block title */
.section-block .section-block-head {
	padding: 1px 0 0 0;
}
.section-block .section-block-head h2 {
	margin 0 0 0 0;
	height: 46px;
	overflow: hidden;
}
.section-block .section-block-head h2 a {
	display: block;
	height: 46px;
	text-indent: -999em;
}
p.page-link {
	margin-top: 15px;
	padding-left: 18px;
	background: url("../../common/images/icon_arr-gray_right.gif") left center no-repeat;
	font-weight: bold;
}
/* feature */
#feature.section-block .section-block-head h2 a.open_title {
	background: url(../images/detail/h2_product-feature.gif) left top no-repeat;
}
#feature.section-block .section-block-head h2 a.open_title:hover {
	background: url(../images/detail/h2_product-feature.gif) left -46px no-repeat;
}
#feature.section-block .section-block-head h2 a.close_title {
	background: url(../images/detail/h2_product-feature.gif) left -92px no-repeat;
}
#feature.section-block .section-block-head h2 a.close_title:hover {
	background: url(../images/detail/h2_product-feature.gif) left -138px no-repeat;
}

/* spec */
#spec.section-block .section-block-head h2 a.open_title {
	background: url(../images/detail/h2_product-spec.gif) left top no-repeat;
}
#spec.section-block .section-block-head h2 a.open_title:hover {
	background: url(../images/detail/h2_product-spec.gif) left -46px no-repeat;
}
#spec.section-block .section-block-head h2 a.close_title {
	background: url(../images/detail/h2_product-spec.gif) left -92px no-repeat;
}
#spec.section-block .section-block-head h2 a.close_title:hover {
	background: url(../images/detail/h2_product-spec.gif) left -138px no-repeat;
}

/* correspondence-table */
#correspondence-table.section-block .section-block-head h2 a.open_title {
	background: url(../images/detail/h2_correspondence-table.gif) left top no-repeat;
}
#correspondence-table.section-block .section-block-head h2 a.open_title:hover {
	background: url(../images/detail/h2_correspondence-table.gif) left -46px no-repeat;
}
#correspondence-table.section-block .section-block-head h2 a.close_title {
	background: url(../images/detail/h2_correspondence-table.gif) left -92px no-repeat;
}
#correspondence-table.section-block .section-block-head h2 a.close_title:hover {
	background: url(../images/detail/h2_correspondence-table.gif) left -138px no-repeat;
}

/* howto */
#howto.section-block .section-block-head h2 a.open_title {
	background: url(../images/detail/h2_howto.gif) left top no-repeat;
}
#howto.section-block .section-block-head h2 a.open_title:hover {
	background: url(../images/detail/h2_howto.gif) left -46px no-repeat;
}
#howto.section-block .section-block-head h2 a.close_title {
	background: url(../images/detail/h2_howto.gif) left -92px no-repeat;
}
#howto.section-block .section-block-head h2 a.close_title:hover {
	background: url(../images/detail/h2_howto.gif) left -138px no-repeat;
}

/* attention */
#attention.section-block .section-block-head h2 a.open_title {
	background: url(../images/detail/h2_attention.gif) left top no-repeat;
}
#attention.section-block .section-block-head h2 a.open_title:hover {
	background: url(../images/detail/h2_attention.gif) left -46px no-repeat;
}
#attention.section-block .section-block-head h2 a.close_title {
	background: url(../images/detail/h2_attention.gif) left -92px no-repeat;
}
#attention.section-block .section-block-head h2 a.close_title:hover {
	background: url(../images/detail/h2_attention.gif) left -138px no-repeat;
}

/* qa */
#qa.section-block .section-block-head h2 a.open_title {
	background: url(../images/detail/h2_qa.gif) left top no-repeat;
}
#qa.section-block .section-block-head h2 a.open_title:hover {
	background: url(../images/detail/h2_qa.gif) left -46px no-repeat;
}
#qa.section-block .section-block-head h2 a.close_title {
	background: url(../images/detail/h2_qa.gif) left -92px no-repeat;
}
#qa.section-block .section-block-head h2 a.close_title:hover {
	background: url(../images/detail/h2_qa.gif) left -138px no-repeat;
}

/* support */
#support.section-block .section-block-head h2 a.open_title {
	background: url(../images/detail/h2_support.gif) left top no-repeat;
}
#support.section-block .section-block-head h2 a.open_title:hover {
	background: url(../images/detail/h2_support.gif) left -46px no-repeat;
}
#support.section-block .section-block-head h2 a.close_title {
	background: url(../images/detail/h2_support.gif) left -92px no-repeat;
}
#support.section-block .section-block-head h2 a.close_title:hover {
	background: url(../images/detail/h2_support.gif) left -138px no-repeat;
}

/*  section-block body */
.section-block .section-block-body {
	padding: 0 15px 27px 15px;
}
.section-block .section-block-body .section .body .text-block {
	margin: 22px 0 0 0;
}
.section-block .section-block-body .section .body .text-block p {
	padding: 3px 0 0 0;
}
.section-block .section-block-body .section .body p.space {
	padding-top: 18px;
}

/***--- main-contents ---***/
/***--- top-info ---***/
.section-block #top-info.section {
	padding: 0 15px 15px 15px;
	background: url(../images/detail/bg_top-info.gif) left top no-repeat;
}
/* product-title */
.section-block #top-info.section .head {
	padding: 20px 0 5px 0;
	background: url(../../common/images/bg_line_dotte-gray.gif) left bottom repeat-x;
	overflow: hidden;
}
.section-block #top-info.section .head h1.product-title,
.section-block #top-info.section .body .main-image .image {
	width: 525px;
	float: left;
	font-size: 100%;
	overflow: hidden;
}
.section-block #top-info.section .head h1.product-title {
	padding-bottom: 3px;
}
* html .section-block #top-info.section .head h1.product-title {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,sans-serif; /* IE6での半角・全角文字回避 */
}
.section-block #top-info.section .head h1.product-title span.icon {
	margin-left: 5px;
	line-height: 100%;
}
.section-block #top-info.section .head h1.product-title span.icon img {
	vertical-align: top;
}
.section-block #top-info.section .head p.date {
	padding-top: 2px;
	width: 130px;
	float: right;
	font-size: 91.6%;
	color: #999999;
	text-align: right;
	line-height: 100%;
	overflow: hidden;
}
/* main-image */
.section-block #top-info.section .body .main-image {
	margin: 8px 0 0 0;
	overflow: hidden;
}
/* thumbnail */
.section-block #top-info.section .body .main-image .thumbnail {
	width: 122px;
	float: right;
	overflow: hidden;
}
.section-block #top-info.section .body .main-image .thumbnail ul {
	width: 124px;
}
.section-block #top-info.section .body .main-image .thumbnail ul li {
	margin: 0 2px 0 0;
	padding: 0 0 2px 0;
	width: 60px;
	height: 60px;
	float: left;
	position: relative;
}
.section-block #top-info.section .body .main-image .thumbnail ul li a {
	height: 60px;
	overflow: hidden;
	display: block;
	position: relative;
}
.section-block #top-info.section .body .main-image .thumbnail ul li a span.lightbox-flame {
	width: 60px;
	height: 60px;
	position: absolute;
	text-indent: -999em;
	background: url(../images/detail/fla_top-info-thum.gif) left top no-repeat;
}
.section-block #top-info.section .body .main-image .thumbnail ul li a:hover span.lightbox-flame {
	background: url(../images/detail/fla_top-info-thum_on.gif) left top no-repeat;
}
.section-block #top-info.section .body .main-image .thumbnail ul li a {
	z-index: 1;
}
/***--- basic-info ---***/
.section-block #basic-info.section {
	margin: 30px 0 0 0;
	padding: 0 15px 0 15px;
}
.section-block #basic-info.section .body {
	overflow: hidden;
}
/* basic-image */
.section-block #basic-info.section .body .image {
	width: 224px;
	float: left;
	overflow: hidden;
}
.section-block #basic-info.section .body .image .section .photo {
	width: 224px;
	height: 209px;
	overflow: hidden;
	background: #dddddd;
}
.section-block #basic-info.section .body .image .section .photo img {
	margin: 6px 0 0 6px;
}
.section-block #basic-info.section .body .image .section .thumbnail ul {
	margin: 4px 0 0 0;
	width: 228px;
	overflow: hidden;
}
.section-block #basic-info.section .body .image .section .thumbnail ul li {
	margin: 0 4px 0 0;
	padding: 4px 0 0 0;
	width: 34px;
	overflow: hidden;
	float: left;
}
.section-block #basic-info.section .body .image .section .thumbnail ul li a,
.section-block #basic-info.section .body .image .section .thumbnail ul li span {
	width: 34px;
	height: 34px;
	display: block;
	background: #cccccc;
}
.section-block #basic-info.section .body .image .section .thumbnail ul li a:hover {
	background: #f25c78;
}
.section-block #basic-info.section .body .image .section .thumbnail ul li a img,
.section-block #basic-info.section .body .image .section .thumbnail ul li span img {
	margin: 2px 0 0 2px;
}
/* basic-text */
.section-block #basic-info.section .body .text {
	width: 400px;
	float: right;
}
.section-block #basic-info.section .body .text p {
	margin: 13px 0 0 0;
}
.section-block #basic-info.section .body .text div.price {
	margin: 23px 0 0 0;
	padding: 10px 0 0 0;
	height: 37px;
	overflow: hidden;
	background: url(../images/detail/bg_title_dotte-line.gif) left top repeat-x;
}
.section-block #basic-info.section .body .text div.price p {
	margin: 0;
	width: 220px;
	float: left;
}
.section-block #basic-info.section .body .text div.price p.price {
	margin: 0;
	width: 170px;
	float: right;
	color: #f25c78;
	text-align: right
}
.section-block #basic-info.section .body .text div.price p.price span {
	font-weight: normal;
	color:#333;
}
.section-block #basic-info.section .body .text .search-btn p {
}
.section-block #basic-info.section .body .text .search-btn p .note {
	font-size: 91.6%;
	color: #888888;
}
.section-block #basic-info.section .body .text .search-btn span a {
	margin: 18px auto 22px;
	width: 396px;
	height: 34px;
	display: block;
	text-indent: -999em;
	background: url(../images/detail/btn_onlineshop.gif) left top no-repeat;
}
.section-block #basic-info.section .body .text .search-btn span a:hover {
	background: url(../images/detail/btn_onlineshop.gif) left -34px no-repeat;
}




/***--- type-info ---***/
.section-block #type-info.section {
	margin: 28px 0 0 0;
	padding: 15px 15px 15px 15px;
	background-color: #f5f7f7;
}
.section-block #type-info.section .body .tbl_block table {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	width: 100%;
}
.section-block #type-info.section .body .tbl_block table td,
.section-block #type-info.section .body .tbl_block table th {
	padding: 7px 7px 7px 7px;
	text-align: left;
	border: 1px solid #cccccc;
}
.section-block #type-info.section .body .tbl_block table th {
	background-color: #e0e0e0;
	font-weight: bold;
	color: #666666;
}
.section-block #type-info.section .body .tbl_block table td {
	color: #444444;
	background: #ffffff;
}
.section-block #type-info.section .body .tbl_block table td span {
	margin-left: 5px;
	display: block;
	font-size: 83.3%;
}
.section-block #type-info.section .body .tbl_block table td.price {
	width: 120px;
	text-align: right;
	vertical-align: middle;
}
.section-block #type-info.section .body .tbl_block table td.price img {
	margin-right: 6px;
	vertical-align: middle;
}
.section-block #type-info.section .body .tbl_block table td.price strong {
	color: #F25C78;
}
.section-block #type-info.section .body .tbl_block table td.price span {
	margin: 0 15px 0 0;
	font-size: 100%;
}
.section-block #type-info.section .body .tbl_block table td.price span img {
	vertical-align: middle;
}

.section-block #type-info.section .body .tbl_block table td .btn_buy {
	text-align: center;
	display: block;
}
.section-block #type-info.section .body .tbl_block table td span.btn_buy a {
	width: 98px;
	height: 19px;
	display: block;
	text-indent: -999em;
	background: url(../images/detail/btn_cart-in.gif) left top no-repeat;
}
.section-block #type-info.section .body .tbl_block table td span.btn_buy a:hover {
	background: url(../images/detail/btn_cart-in.gif) left -19px no-repeat;
}
.section-block #type-info.section .body .tbl_block p.caution {
	margin: 5px 0 0 0;
	text-align: right;
	font-size: 85%;
	color: #cc6666;
}


.section-block #type-info.section .body .sub-info {
	margin: 12px 0 0 0;
	overflow: hidden;
}
.section-block #type-info.section .body .sub-info .section.remarks {
	width: 320px;
	float: left;
}
.section-block #type-info.section .body .sub-info .section.remarks .head,
.section-block #type-info.section .body .sub-info .section.recommend .head {
	font-weight: bold;
	color: #666666;
}
.section-block #type-info.section .body .sub-info .section.remarks .body .list01 {
	line-height: 1.4;
}
.section-block #type-info.section .body .sub-info .section.remarks .body {
	padding: 8px 0 0 0;
	border-top: 1px solid #cccccc;
}
.section-block #type-info.section .body .sub-info .section.recommend {
	width: 320px;
	float: right;
}
.section-block #type-info.section .body .sub-info .section.recommend .body ul {
	width: 325px;
	overflow: hidden;
}
.section-block #type-info.section .body .sub-info .section.recommend .body ul li {
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	width: 60px;
	height: 60px;
	float: left;
	overflow: hidden;
}
.section-block #type-info.section .body .sub-info .section.recommend .body ul li a {
	width: 60px;
	height: 60px;
	display: block;
	background: #dddddd;
}
.section-block #type-info.section .body .sub-info .section.recommend .body ul li a:hover {
	background: #f25c78;
}
.section-block #type-info.section .body .sub-info .section.recommend .body ul li a img {
	margin: 3px 0 0 3px;
}
.section-block #type-info.section .body .sub-info .section.recommend .body p.noitem {
	padding: 8px 0 0 0;
	border-top: 1px solid #cccccc;
}
/***--- product-menu ---***/
#product-menu {
	margin: 40px 0 0 0;
	height: 40px;
	background-color: #e0e0e0;
}
#product-menu #product-menu-inner ul {
	padding: 15px 0 0 0;
	text-align: center;
}
#product-menu #product-menu-inner ul li {
	padding: 0 18px 0 15px;
	background: url(../../common/images/icon_arr-gray_bottom.gif) left top no-repeat;
	display: inline;
}
#product-menu #product-menu-inner ul li a {
	font-weight: bold;
}
/***--- /product-menu ---***/


/***--- section-block +++ feature +++ ---***/
#feature.section-block .section-block-body .section .body {
	margin: 25px 0 0 0;
	overflow: hidden;
}
#feature.section-block .section-block-body .section .body .text {
	width: 415px;
	float: left;
}
#feature.section-block .section-block-body .section .body .image {
	width: 219px;
	float: right;
}
#feature.section-block .section-block-body .section .body.opposite .text {
	float: right;
}
#feature.section-block .section-block-body .section .body.opposite .image {
	margin: 15px 0 0 0;
	float: left;
}
#feature.section-block .section-block-body .section .body.noimg .text {
	width: 100%;
}

/* default block */
#feature.section-block .section-block-head h2 a.close_title {
	display: none;
}
#feature.section-block #feature_block {
	display: none;
}

/***--- section-block +++ spec +++ ---***/
#spec.section-block .section-block-body .section {
	margin: 20px 0 0 0;
}
#spec.section-block .section-block-body .section .body .tbl_block table {
	border-top: 1px solid #cccccc;
	border-collapse: separate;
	width: 100%;
}
#spec.section-block .section-block-body .section .body .tbl_block table td,
#spec.section-block .section-block-body .section .body .tbl_block table th {
	padding: 7px 7px 7px 7px;
	text-align: left;
	border-bottom: 1px solid #cccccc;
}
#spec.section-block .section-block-body .section .body .tbl_block table td {
	color: #444444;
	line-height: 130%;
}
#spec.section-block .section-block-body .section .body .tbl_block table th {
	width: 186px;
	background-color: #f5f7f7;
	font-weight: bold;
	color: #666666;
}
/* default block */
#spec.section-block .section-block-head h2 a.close_title {
	display: none;
}
#spec.section-block #spec_block {
	display: none;
}

/***--- section-block +++ correspondence-table +++ ---***/
#correspondence-table.section-block .section-block-body {
	padding: 0 0 27px 0;
}
#correspondence-table.section-block .section-block-body .section .head .section-link {
	height: 30px;
	overflow: hidden;
	background: url(../../common/images/bg_line_dotte-gray.gif) left bottom repeat-x;
}
#correspondence-table.section-block .section-block-body .section .head .section-link ul {
	margin: 10px -1px 0 0;
	text-align: center;
	overflow: hidden;
}
#correspondence-table.section-block .section-block-body .section .head .section-link ul li {
	padding: 0 10px 0 5px;
	display: inline;
	background: url(../../common/images/bg_section-line.gif) right top no-repeat;
}
#correspondence-table.section-block .section-block-body .section .head .section-link ul li.last {
	background: none;
}

#correspondence-table.section-block .section-block-body .section .body .tbl_block {
	width: 500px;
	padding: 0 1px;
	margin: 20px auto 0 auto;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block .caption {
	overflow: hidden;
}

#correspondence-table.section-block .section-block-body .section .body .tbl_block .caption span.maker {
	font-weight: bold;
}
#correspondence-table.section-block .section-block-body .section .body .date {
	padding-top: 3px;
	text-align: right;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table {
	width: 100%;
	/* border-collapse: separate; */
	border-collapse: collapse;
	border: 1px solid #9c9c9c;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table th {
	padding-top: 4px;
	padding-bottom: 3px;
	font-weight: normal;
	color: #666666;
	border-right: 1px solid #9c9c9c;
	border-bottom: 1px solid #9c9c9c;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table tr.manufacturer th {
	padding-left: 8px;
	background: #e0e0e0;
	border-top: 1px solid #9c9c9c;
	text-align: left;
	font-weight: bold;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table tr.thead th {
	/* background: #e0e0e0; */
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table tr.thead th.name {
	width: 20%;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table tr.thead th.att {
	width: 13%;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table tr.thead th.note {
	width: 70%;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block.column2 table tr.thead th.name {
	width: 17%;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block.column2 table tr.thead th.att {
	width: 15%;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block.column2 table tr.thead th.note {
	width: 15%;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table td {
	padding: 3px 8px;
	text-align: left;
	border-right: 1px solid #9c9c9c;
	line-height: 133.3%;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table td.cell_gray {
	background: #F5F5F5;
}
#correspondence-table.section-block .section-block-body .section .body .tbl_block table .text-left {
	padding-left: 8px;
	text-align: left;
}
#correspondence-table.section-block .section-block-body .section #note-block {
	padding: 10px 15px 0 15px;
}
#correspondence-table.section-block .section-block-body .section #note-block p.note {
	margin: 5px 0 0 0;
}
/* default block */
#correspondence-table.section-block .section-block-head h2 a.close_title {
	display: none;
}
#correspondence-table.section-block #correspondence-table_block {
	display: none;
}
/***--- section-block +++ howto +++ ---***/
#howto.section-block .section-block-body .section .body .img {
	margin: 25px 0 0 0;
}
/* default block */
#howto.section-block .section-block-head h2 a.close_title {
	display: none;
}
#howto.section-block #howto_block {
	display: none;
}
#howto.section-block .section-block-body .section .text-block {
	margin-top: 10px;
	overflow: hidden;
	*zoom: 1;
}
#howto.section-block .section-block-body .section .text-block:after{
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
#howto.section-block .section-block-body .section .text-block .text {
	width: 415px;
	float: left;
}
#howto.section-block .section-block-body .section .text-block .image {
	padding-top: 3px;
	width: 219px;
	float: right;
}
#howto.section-block .section-block-body .section .text-block.opposite .text {
	float: right;
}
#howto.section-block .section-block-body .section .text-block.opposite .image {
	float: left;
}
#howto.section-block .section-block-body .section .text-block.noimg .text {
	width: 100%;
}









/***--- section-block +++ attention +++ ---***/
#attention.section-block .section-block-body .section .body p {
	margin: 10px 0 0 0;
}
#attention.section-block .section-block-body .section .body ul {
	padding: 3px 0 0 0;
}
#attention.section-block .section-block-body .section .body ul li {
	margin: 13px 0 0 0;
	padding: 0 0 0 6px;
	line-height: 133%;
}
/* default block */
#attention.section-block .section-block-head h2 a.close_title {
	display: none;
}
#attention.section-block #attention_block {
	display: none;
}

/***--- section-block +++ qa +++ ---***/
#qa.section-block .section-block-body .section .body .text-block p {
	padding: 0 0 0 20px;
}
#qa.section-block .section-block-body .section .body .text-block p.question {
	background: url(../../common/images/icon_question.gif) left 2px no-repeat;
}
#qa.section-block .section-block-body .section .body .text-block p.answer {
	margin: 7px 0 0 0;
	background: url(../../common/images/icon_answer.gif) left 2px no-repeat;
}
/* default block */
#qa.section-block .section-block-head h2 a.close_title {
	display: none;
}
#qa.section-block #qa_block {
	display: none;
}

/***--- section-block +++ support +++ ---***/

/* default block */
#support.section-block .section-block-head h2 a.close_title {
	display: none;
}
#support.section-block #support_block {
	display: none;
}

/***--- page-back ---***/
.page-back {
	padding: 15px 0 0 18px;
	border-top: 1px solid #b6b6b6;
}
.page-back p {
	padding: 0 18px 0 18px;
	font-weight: bold;
	background: url(../../common/images/icon_arr-gray_left.gif) left 4px no-repeat;
}

/***--- section-block +++ exception +++ ---***/
#correspondence-table.section-block .section-block-body .section .exception .section-link {
	height: 55px;
}