@charset "Shift_JIS";/* エスケープ */



/*
	--------------------------------
	Created: 2013.05.07
	Last Modified: 2013.05.07
	--------------------------------
	- Table of Contents -

	製品詳細ページ

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



/* ------------------------------------
	共通項目
------------------------------------ */

/* ヘッダー ------------- */

div#head_area {
	padding: 0 0 30px;
	background: url(../image/head_img_bg.jpg) no-repeat;
}

div#head_area div.col_1 {
	float: right;
	width: 310px;
}

div#head_area div.col_2 {
	float: left;
	width: 310px;
}

div#head_area ul.icon li.dp {
	padding-left: 10px;
	padding-top: 8px;
}

div#head_area p.lead {
	padding: 8px 20px 12px;
	line-height: 1.5;
}

div#head_area table.note {
    margin: 10px 0 0 20px;
}

div#head_area table.note td {
    vertical-align: top;
	padding-bottom: 6px;
}

div#head_area table.note td.num {
    padding-right: 3px;
    white-space: nowrap;
}

div#head_area p.banner {
	padding: 10px 0 19px 30px;
}



/* ------------------------------------
	主な特長
------------------------------------ */

body#detail_index_page {
}

body#detail_index_page div#block_wrap_02,
body#detail_index_page div#block_wrap_03,
body#detail_index_page div#block_wrap_04,
body#detail_index_page div#block_wrap_05 {
	margin-top: 8px;
}

body#detail_index_page div#block_wrap_01 p.copy,
body#detail_index_page div#block_wrap_02 p.copy,
body#detail_index_page div#block_wrap_03 p.copy,
body#detail_index_page div#block_wrap_04 p.copy,
body#detail_index_page div#block_wrap_05 p.copy {
	padding: 27px 0 0;
}

body#detail_index_page div#block_wrap_01 .intro {
	width: 572px;
	padding: 28px 0 27px;
}

body#detail_index_page div#block_wrap_01 .intro .txt {
	float: left;
	width: 227px;
	padding: 0 0 0 10px;
}

body#detail_index_page div#block_wrap_01 .intro p.img {
	float: right;
	width: 303px;
	padding: 0 10px 0 0;
}

body#detail_index_page div.foot_icon ul {
	padding: 4px 0 0 122px;
}

body#detail_index_page div.foot_icon ul li {
	padding-top: 10px;
}
body#detail_index_page div.foot_icon ul li.win8 {
	padding-top: 3px;
}

body#detail_index_page div#contents_body div.block {
	width: 572px;
	padding: 30px 0 0;
}

body#detail_index_page div#contents_body div.block h6 {
	padding: 12px 0 7px;
	color: #5658a6;
	font-weight: bold;
}

body#detail_index_page div#contents_body div.block ul.note {
	padding: 9px 0 0;
}

body#detail_index_page div#contents_body div.block ul.note li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}


/* 1 ------------- */

body#detail_index_page div#block_01 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_01 p.img {
	padding: 18px 0 0;
}


/* 2 ------------- */

body#detail_index_page div#block_02 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_02 p.img {
	padding: 18px 0 0;
}


/* 3 ------------- */

body#detail_index_page div#block_03 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_03 p.img {
	padding: 18px 0 0;
}


/* 4 ------------- */

body#detail_index_page div#block_04 div.content {
	padding: 0 10px;
}


/* 5 ------------- */

body#detail_index_page div#block_05 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_05 p.img {
	padding: 11px 0 0;
}


/* 6 ------------- */

body#detail_index_page div#block_06 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_06 p.img {
	padding: 24px 0 0;
}


/* 7 ------------- */

body#detail_index_page div#block_07 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_07 div.txt {
	float: left;
	width: 369px;
}

body#detail_index_page div#block_07 p.img {
	float: right;
	width: 163px;
	padding: 13px 0 0;
}


/* 8 ------------- */

body#detail_index_page div#block_08 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_08 .wrap_01 div.txt {
	float: left;
	width: 345px;
}

body#detail_index_page div#block_08 .wrap_01 p.img {
	float: right;
	width: 190px;
	padding: 10px 0 0;
}

body#detail_index_page div#block_08 .wrap_02 {
	padding: 0 0 12px;
}

body#detail_index_page div#block_08 .wrap_02 p.note {
	padding: 10px 0 0;
}

body#detail_index_page div#block_08 .subcontent {
	width: 530px;
	margin: 2px 0 0 5px;
	padding: 11px 11px 30px;
	background: #f2f2f2;
}

body#detail_index_page div#contents_body div#block_08 .subcontent h6 {
	padding: 0 0 7px;
}

body#detail_index_page div#block_08 .subcontent p.hd {
	font-weight: bold;
}

body#detail_index_page div#block_08 .subcontent_01 p.img {
	padding: 13px 0 0;
}

body#detail_index_page div#block_08 .subcontent_02 p.img {
	padding: 22px 0 0;
}

body#detail_index_page div#block_08 .subcontent_02 p.note {
	padding: 8px 0 0;
}

body#detail_index_page div#block_08 .subcontent_03 p.img {
	padding: 5px 0 0;
}

body#detail_index_page div#block_08 .subcontent_04 p.img {
	padding: 13px 0 0;
}


/* 9 ------------- */

body#detail_index_page div#block_09 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_09 p.img {
	padding: 24px 0 0;
}


/* 10 ------------- */

body#detail_index_page div#block_10 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_10 div.txt {
	float: left;
	width: 213px;
}

body#detail_index_page div#block_10 p.img {
	float: right;
	width: 325px;
	padding: 13px 0 0;
}


/* 11 ------------- */

body#detail_index_page div#block_11 div.content {
	padding: 0 10px;
}


/* 12 ------------- */

body#detail_index_page div#block_12 div.content {
	padding: 0 10px;
}


/* 13 ------------- */

body#detail_index_page div#block_13 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_13 div.txt {
	float: left;
	width: 369px;
}

body#detail_index_page div#block_13 p.img {
	float: right;
	width: 163px;
	padding: 13px 0 0;
}


/* 14 ------------- */

body#detail_index_page div#block_14 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_14 div.txt {
	float: left;
	width: 369px;
}

body#detail_index_page div#block_14 p.img {
	float: right;
	width: 163px;
	padding: 13px 0 0;
}


/* 15 ------------- */

body#detail_index_page div#block_15 div.content {
	padding: 0 10px;
}


/* 16 ------------- */

body#detail_index_page div#block_16 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_16 div.txt {
	float: left;
	width: 301px;
}

body#detail_index_page div#block_16 p.img {
	float: right;
	width: 219px;
	padding: 13px 0 0;
}


/* 17 ------------- */

body#detail_index_page div#block_17 div.content {
	padding: 0 10px;
}


/* 18 ------------- */

body#detail_index_page div#block_18 div.content {
	padding: 0 10px;
}


/* 19 ------------- */

body#detail_index_page div#block_19 div.content {
	padding: 0 10px;
}

body#detail_index_page div#block_19 p.img {
	padding: 16px 0 0;
}




/* ================================================
	拡大表示オーバーレイ
=================================================== */

/* 親ページ　テキストリンク（サムネイルなし） */
#head_area .zoomImg {
	padding: 8px 0 10px 30px;
}

#head_area .zoomImg ul.link li {
	padding: 2px 0 0;
}

#head_area .zoomImg ul.link a {
	padding: 0 0 0 12px;
	background: url(../../../../common/image/list_arrow_gray.gif) no-repeat 0 5px;
}


/* 親ページ　サムネイル */
div#banner_zoom_img {
	width: 560px;
	margin: 20px 30px 20px 30px;
}

div#banner_zoom_img ul {
	padding: 3px 0 3px 3px;
	background: #e5e5e5;
}

div#banner_zoom_img ul li {
	float: left;
	padding: 0 1px 0 0;
}

div#banner_zoom_img ul li img {
	display: block;
}



/* オーバーレイ */
#zoomOL_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#000;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

* html #zoomOL_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#zoomOL_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	text-align:left;
	top:50%;
	left:50%;
	width: 600px;
	height: 530px;
	margin: -265px 0 0 -300px;
}

* html #zoomOL_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#zoomOL_container {
	padding: 20px 20px 0 20px;
}

#zoomOL_close {
	position: absolute;
	right: 0px; bottom: 0px;
	width: 75px;
	height: 35px;
	background: url(../image/zoom_btn_close.gif) no-repeat;
	font-size: 1px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	z-index: 200;
	cursor: pointer;
}


/* 前へ次へ */
#zoomOL_prevnext {
	position: absolute;
	top: 200px; left: 0px;
	width: 600px;
}

#zoomOL_prev,
#zoomOL_next {
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#zoomOL_prev {
	float: left;
	background: #fff url(../image/zoom_btn_prev.gif) no-repeat 20px 50%;
}

#zoomOL_next {
	float: right;
	background: #fff url(../image/zoom_btn_next.gif) no-repeat 13px 50%;
}




/* 拡大画像 */
#zoomOL_img {
	height: 367px;
	overflow: hidden;
}

#zoomOL_img ul {
}

#zoomOL_img ul li {
	display: none;
}

#zoomOL_img ul li img {
	display: block;
}

#zoomOL_img ul li.current {
	display: block;
}


/* サムネイル */
#zoomOL_thumb {
}

#zoomOL_thumb ul {
	height: 99px;
	overflow: hidden;
	padding: 3px 0 3px 3px;
	background: #e5e5e5;
}

#zoomOL_thumb ul li {
	float: left;
	padding: 0 1px 0 0;
}

#zoomOL_thumb ul li.current {
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

div#zoomOL_thumb ul li img {
	display: block;
	cursor: pointer;
}