@charset "shift_jis";

/***--- common-style ---***/
.section .body p.catch {
	margin: 0 0 16px !important;
	padding-bottom: 3px;
	font-weight: bold;
}
.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-head h2 {
	height: 48px;
	overflow: hidden;
}
.section-block-head h2 a {
	height: 48px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
.section-block.accordion_open .section-block-head h2 a {
	background-position: left bottom;
}
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-head h2 a {
	background-image: url(/product/images/detail/hdg_feature.png);
}
/* howto */
#howto .section-block-head h2 a {
	background-image: url(/product/images/detail/hdg_howto.png);
}
/* attention */
#attention .section-block-head h2 a {
	background-image: url(/product/images/detail/hdg_attention.png);
}
/* qa */
#qa .section-block-head h2 a {
	background-image: url(/product/images/detail/hdg_qa.png);
}
/* correspondence-table */
#correspondence-table .section-block-head h2 a {
	background-image: url(/product/images/detail/hdg_table.png);
}
/* spec */
#spec .section-block-head h2 a {
	background-image: url(/product/images/detail/hdg_spec.png);
}
/* support */
#support .section-block-head h2 a {
	background-image: url(/product/images/detail/hdg_support.png);
}


/* media */
#media .section-block-head h2 a {
	background-image: url(/product/images/detail/hdg_media.png);
}
/* revue */
#revue .section-block-head h2 a {
	background-image: url(/product/images/detail/hdg_revue.png);
}

#revue_block .section {
	margin-top:20px;
}


/*  section-block body */
.section-block-body {
	padding: 0 22px 35px 20px;
}


/***--- top_info ---***/
#top_info {
	padding: 19px 10px;
	background: #eeeff0;
}
/* product_title */
.product_title {
	margin-bottom: 25px;
	padding-left: 6px;
	font-size: 18px;
}
.product_title span {
	font-weight: bold;
}
#top_info .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 */
#main-image {
	margin: 10px 0 0 0;
	text-align: center;
	overflow: hidden;
}
/* images */
#main-image .image {
	height: 340px;
	position: relative;
}
#main-image .image ul li {
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#main-image .image ul li.current {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#main-image .image p.note {
	position: absolute;
	bottom: 4px;
	right: 0px;
	text-align: right;
}
#main-image .image p.zoom-note {
	position: absolute;
	bottom: 1px;
	left: 0px;
}
#top_info .body p.note {
	padding-top: 6px;
	text-align: right;
	font-size: 75%;
	display: none;
}
#top_info .body p.current {
	display: block;
}

/* thumbnail */
#main-image .thumbnail {
	margin: 0 auto;
	padding-top: 10px;
	display: inline-block;
}
#main-image .thumbnail ul li {
	width: 50px;
	margin: 0 0 0 3px;
	padding: 0;
	float: left;
	position: relative;
}
#main-image .thumbnail ul li:first-child {
	margin: 0;
}
#main-image .thumbnail ul li a {
	overflow: hidden;
	display: block;
	position: relative;
	border: 1px solid #cccccc;
	padding: 1px;
	*z-index: 1;
}
#main-image .thumbnail ul li.current a,
#main-image .thumbnail ul li a:hover {
	border: 2px solid #f25c78;
	padding: 0px;
}



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

#type-info.section .body .tbl_block table td .btn_buy {
	text-align: center;
	display: 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;
}
#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;
}
#type-info.section .body .tbl_block p.caution {
	margin: 5px 0 0 0;
	text-align: right;
	font-size: 85%;
	color: #cc6666;
}


#type-info.section .body .sub-info {
	margin: 12px 0 0 0;
	overflow: hidden;
}
#type-info.section .body .sub-info .section.remarks {
	width: 320px;
	float: left;
}
#type-info.section .body .sub-info .section.remarks .head,
#type-info.section .body .sub-info .section.recommend .head {
	font-weight: bold;
	color: #666666;
}
#type-info.section .body .sub-info .section.remarks .body .list01 {
	line-height: 1.4;
}
#type-info.section .body .sub-info .section.remarks .body {
	padding: 8px 0 0 0;
	border-top: 1px solid #cccccc;
}
#type-info.section .body .sub-info .section.recommend {
	width: 320px;
	float: right;
}
#type-info.section .body .sub-info .section.recommend .body ul {
	width: 325px;
	overflow: hidden;
}
#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;
}
#type-info.section .body .sub-info .section.recommend .body ul li a {
	width: 60px;
	height: 60px;
	display: block;
	background: #dddddd;
}
#type-info.section .body .sub-info .section.recommend .body ul li a:hover {
	background: #f25c78;
}
#type-info.section .body .sub-info .section.recommend .body ul li a img {
	margin: 3px 0 0 3px;
}
#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;
	display: none;
}
#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-body .section .body {
	margin: 27px 0 0 0;
	overflow: hidden;
}
#feature .section-block-body .section .body .text {
	width: 415px;
	float: left;
}
#feature .section-block-body .section .body .image {
	width: 219px;
	float: right;
}
#feature .section-block-body .section .body.opposite .text {
	float: right;
}
#feature .section-block-body .section .body.opposite .image {
	margin: 15px 0 0 0;
	float: left;
}
#feature .section-block-body .section .body.noimg .text {
	width: 100%;
}

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

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

/***--- section-block +++ correspondence-table +++ ---***/
#correspondence-table .section-block-body {
	padding: 0 0 27px 0;
}
#correspondence-table .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-body .section .head .section-link ul {
	margin: 10px -1px 0 0;
	text-align: center;
	overflow: hidden;
}
#correspondence-table .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-body .section .head .section-link ul li.last {
	background: none;
}

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

#correspondence-table .section-block-body .section .body .tbl_block .caption span.maker {
	font-weight: bold;
}
#correspondence-table .section-block-body .section .body .date {
	padding-top: 3px;
	text-align: right;
}
#correspondence-table .section-block-body .section .body .tbl_block table {
	width: 100%;
	/* border-collapse: separate; */
	border-collapse: collapse;
	border: 1px solid #9c9c9c;
}
#correspondence-table .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-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-body .section .body .tbl_block table tr.thead th {
	/* background: #e0e0e0; */
}
#correspondence-table .section-block-body .section .body .tbl_block table tr.thead th.name {
	width: 20%;
}
#correspondence-table .section-block-body .section .body .tbl_block table tr.thead th.att {
	width: 13%;
}
#correspondence-table .section-block-body .section .body .tbl_block table tr.thead th.note {
	width: 70%;
}
#correspondence-table .section-block-body .section .body .tbl_block.column2 table tr.thead th.name {
	width: 17%;
}
#correspondence-table .section-block-body .section .body .tbl_block.column2 table tr.thead th.att {
	width: 15%;
}
#correspondence-table .section-block-body .section .body .tbl_block.column2 table tr.thead th.note {
	width: 15%;
}
#correspondence-table .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-body .section .body .tbl_block table td.cell_gray {
	background: #F5F5F5;
}
#correspondence-table .section-block-body .section .body .tbl_block table .text-left {
	padding-left: 8px;
	text-align: left;
}
#correspondence-table .section-block-body .section #note-block {
	padding: 10px 15px 0 15px;
}
#correspondence-table .section-block-body .section #note-block p.note {
	margin: 5px 0 0 0;
}
/* default block */
#correspondence-table .section-block-head h2 a.close_title {
	display: none;
}
#correspondence-table#correspondence-table_block {
	display: none;
}
/***--- section-block +++ howto +++ ---***/
#howto .section-block-body .section .body .img {
	margin: 25px 0 0 0;
}
/* default block */
#howto .section-block-head h2 a.close_title {
	display: none;
}
#howto#howto_block {
	display: none;
}
#howto.text-block {
	padding: 20px 0 0;
	display: table;
}
#howto .section-block-body .section .text-block .image {
	width: 1%;
	padding-top: 15px;
	display: table-cell;
	vertical-align: top;
}
#howto .section-block-body .section .text-block .text {
	width: 99%;
	padding: 15px 0 0 20px;
	display: table-cell;
	vertical-align: top;
}
#howto .section-block-body .section .text-block.noimg .text {
	width: 100%;
}

/***--- section-block +++ attention +++ ---***/
#attention .section-block-body .section .body p {
	margin: 10px 0 0 0;
}
#attention .section-block-body .section .body ul {
	padding: 3px 0 0 0;
}
#attention .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-head h2 a.close_title {
	display: none;
}
#attention#attention_block {
	display: none;
}

/***--- section-block +++ qa +++ ---***/
#qa .section-block-body .section .body .text-block p {
	padding: 0 0 0 20px;
}
#qa .section-block-body .section .body .text-block p.question {
	margin-top: 10px;
	background: url(../../common/images/icon_question.gif) left 2px no-repeat;
}
#qa .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-head h2 a.close_title {
	display: none;
}
#qa#qa_block {
	display: none;
}

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

/* default block */
#support .section-block-head h2 a.close_title {
	display: none;
}
#support#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-body .section .exception .section-link {
	height: 55px;
}






/* -----------------------------------------------
 [«2013 Renewal CSS Document«]
-------------------------------------------------- */

/* Icon Module
-------------------------------------------------- */
.head .icon table {
	margin: 0 0 15px 7px;
}
.head .icon table td {
	padding-right: 4px;
}

/* ProductDetail Module
-------------------------------------------------- */
#ProductDetail #main {
	width: 629px;
	float: left;
}
#ProductDetail #side {
	width: 305px;
	float: right;
}

/* DetailExplan Module
-------------------------------------------------- */
.DetailExplan {
	margin-top: 41px;
	margin-bottom: 20px;
}
.DetailExplan .section-block {
	margin-top: 15px;
}
.DetailExplan .section-block:first-child {
	margin-top: 0;
}
.DetailExplan .section .body p {
	line-height: 1.7;
}
.DetailExplan .section .body img {
	max-width: 100%;
	height: auto;
}

/* ReverseCategory Module
-------------------------------------------------- */
.ReverseCategory  {
	margin: 51px 0;
}
.ReverseCategoryTitle {
	margin-bottom: 15px;
	display: block;
	font-weight: bold;
}
.ReverseCategoryChain {
	margin: 7px 0;
}
.ReverseCategoryDelimiter {
	margin: 0 3px;
	display: inline-block;
}

/* Color Variations Module
-------------------------------------------------- */
#wrap_colorvariations {
	margin-top: 30px;
}
.hdg_colorvariations {
	margin-bottom: 6px;
}
#wrap_colorvariations {
	margin-right: -5px;
}
#wrap_colorvariations li {
	width: 86px;
	margin: 6px 4px 0 0;
	display: block;
	float: left;
}
#wrap_colorvariations li img {
	padding: 1px;
	border: 1px solid #cfcfcf;
	display: block;
}
#wrap_colorvariations li p {
	margin-top: 3px;
	padding: 0 1px;
	font-size: 10px;
	line-height: 1.2;
}

/* Side Module
-------------------------------------------------- */
.side_logo {
	height: 25px;
}
.side_logo img {
	width: auto;
	height: 25px;
}
.txt_productname {
	margin: 13px 0 0 0;
	font-size: 18px;
	line-height: 1.3;
}
#side_body {
	margin-top: 30px;
	padding: 18px 0 20px;
	background: url(/common/images/pct_border_dot.png) repeat-x left top;
}
#side_body .note {
	margin-top: 9px;
	display: inline-block;
	font-size: 10px;
	color: #888;
	line-height: 1.2;
	letter-spacing: -0.1em;
}
#side_body .box_price {
	margin-bottom: 11px;
}
#side_body .innerlink {
	margin-top: 14px;
	margin-bottom: 23px;
}
#side_body .side_btn_search {
	margin: 20px 0 35px;
}
#side_body .side_btn_search a {
	width: 305px;
	height: 41px;
	display: block;
	background: url(/product/images/detail/btn_onlineshop.png) left top no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#side_body .box_price {
	width: 100%;
	display: table;
}
#side_body .box_price p:first-child,
#side_body .txt_price {
	display: table-cell;
}
#side_body .box_price p:first-child {
	width: 10%;
	white-space: nowrap;
}
#side_body .txt_price {
	padding-left: 5px;
}

/* SNS Module
-------------------------------------------------- */
.set_sns {
	width: 210px;
	height: 22px;
	margin-top: 21px;
}
.set_sns li {
	display: inline-block;
}
.set_sns .twitter,
.set_sns .twitter iframe {
	height: 20px;
}
.set_sns .facebook,
.set_sns .facebook iframe {
	height: 21px;
	padding: 1px 0 0;
}
.set_sns .twitter iframe {
	width: 100px!important;
}
.set_sns .facebook iframe {
	width: 100px!important;
}

/* youtube-movie
-------------------------------------------------- */
#feature .section-block-body .section .body .text iframe[src*="youtube.com"] {
margin-top: 20px;
}
