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



/*
	--------------------------------
	Created: 2013.04.25
	Last Modified: 2013.07.11
	--------------------------------
	- 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;
}

body.detail_page div#container div#main div#head_area ul.icon {
	padding: 20px 20px 0 15px;
}

body.detail_page div#container div#main div#head_area ul.icon li {
	height: 33px;
	padding-right: 10px;
	padding-bottom: 5px;
}

div#head_area p.lead {
	padding: 8px 20px 12px 20px;
	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 ul.btn {
	margin: 0 0 0 30px;
}

div#head_area ul.banner {
	padding: 5px 0 19px 15px;
}

div#head_area ul.banner li {
	padding: 10px 0 0;
}

div#head_area ul.banner_02 {
	padding: 30px 0 0 30px;
}

div#head_area ul.banner_02 li {
	float: left;
	padding: 0 10px 0 0;
}

div#head_area ul.bnr {
    margin: 15px 0 0 0;
    padding: 10px 0 10px 10px;
    background: url(../../../common/image/head_bg.gif);
}

div#head_area ul.bnr li {
    float: left;
    margin-right: 9px;
}

div#head_area ul.bnr li.last {
    margin-right: 0;
}

div#head_area ul.bnr li a {
    outline: medium none;
}



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

body#detail_index_page {
}

body#detail_index_page div#block_wrap_02 {
	margin-top: 8px;
}

body#detail_index_page p.intro {
	position: relative;
	width: 602px;
	margin: 0 0 0 -15px;
}


body#detail_index_page div.foot_icon ul {
	padding-left: 30px;
}

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

body#detail_index_page div.intro p.copy {
	padding: 26px 0 0 55px;
}


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 h6 span {
	color: #333;
}

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;
}

body#detail_index_page div#contents_body div.block sub {
	vertical-align: baseline;
}


/* ページ切り替え ------------- */

body#detail_index_page ul.pageTab {
	position: relative;
	height: 55px;
	z-index: 3;
	padding: 0 0 0 4px;
	background: #191919;
}

body#detail_index_page ul.pageTab li {
	position: relative;
	z-index: 3;
	float: left;
	margin: 0 0 -9px 0;
	padding: 15px 5px 0 5px;
}

div#contents_body {
	position: relative;
	z-index: 1;
}


/* ページ下部 ------------- */

body#detail_index_page ul.pageTabFoot {
	margin: 20px 0 0;
	padding: 8px 0 8px 8px;
	background: url(../../../common/image/detail_btn_bg.gif);
}

body#detail_index_page ul.pageTabFoot li {
	float: left;
}


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

body#detail_index_page div#contents_body div#block_01 {
	padding-top: 18px;
}

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

body#detail_index_page div#block_01 div.txt {
	float: left;
	width: 302px;
}

body#detail_index_page div#block_01 div.img {
	float: right;
	width: 225px;
}


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

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

body#detail_index_page div#block_02 div.wrap div.txt {
	float: left;
	width: 300px;
}

body#detail_index_page div#block_02 div.wrap p.img {
	float: right;
	width: 231px;
}

body#detail_index_page div#block_02 #delay {
	position: relative;
	width: 572px;
	margin: 20px -10px 0 -10px;
}

body#detail_index_page div#block_02 #delay .inner {
	border: 1px solid #ccc;
	border-top: 0;
	background: #e5e5e5;
}

body#detail_index_page div#block_02 #delay p.lead {
	line-height: 1.5;
	padding: 16px 13px 12px;
}

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

body#detail_index_page div#block_02 #delay ul.txt {
	padding: 4px 0 9px 9px;
}

body#detail_index_page div#block_02 #delay ul.txt li {
	float: left;
	padding: 6px 6px 0 0;
}


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

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

body#detail_index_page div#block_03 div.content table.head {
	width: 552px;
	margin: 12px 0 8px;
}

body#detail_index_page div#contents_body div#block_03 div.content table.head h6 {
	padding: 0;
}

body#detail_index_page div#block_03 div.content table.head td.ico {
	text-align: right;
}

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


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

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

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


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

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

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


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

body#detail_index_page div#contents_body div#block_06 {
	padding-top: 18px;
}

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

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


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

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

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


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

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

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

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

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


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

body#detail_index_page div#contents_body div#block_09 {
	padding-top: 10px;
}

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

body#detail_index_page div#block_09 div.wrap div.txt {
	float: left;
	width: 362px;
}

body#detail_index_page div#block_09 div.wrap p.img {
	float: right;
	width: 173px;
	padding: 12px 0 0;
}


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

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

body#detail_index_page div#contents_body div#block_10 h6 {
	padding: 0;
	font-weight: bold;
	color: #5658a6;
}

body#detail_index_page div#block_10 p.lead {
	padding: 6px 0 0;
}

body#detail_index_page div#block_10 p.img {
	padding: 12px 0 0 30px;
}


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

body#detail_index_page div#contents_body div#block_11 {
	padding-top: 50px;
	padding-bottom: 10px;
}

body#detail_index_page div#contents_body div#block_11 p.copy_01 {
	padding: 0 0 20px;
}

body#detail_index_page div#contents_body div#block_11 p.copy_02 {
	padding: 20px 0 8px;
}

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

body#detail_index_page div#block_11 div.content p.img {
	position: relative;
	width: 555px;
	margin-right: -1px;
	margin-left: -2px;
}


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

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

body#detail_index_page div#block_12 div.content div.wrap {
	border-top: 1px solid #d1d1d1;
	padding: 15px 0 19px;
}
body#detail_index_page div#block_12 div.content div.wrap_01 {
	border: 0;
}
body#detail_index_page div#block_12 div.content div.add {
	border: 0;
	padding-top: 0;
}

body#detail_index_page div#block_12 div.content div.wrap_01 p.img {
	padding: 23px 0 0;
}

body#detail_index_page div#block_12 div.content div.wrap_02 p.hd {
	padding: 0 0 8px;
}

body#detail_index_page div#block_12 div.content div.wrap div.txt {
	float: left;
	width: 230px;
}

body#detail_index_page div#block_12 div.content div.wrap div.img {
	float: right;
	width: 298px;
	padding: 12px 0 0;
}


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

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

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

body#detail_index_page div#block_13 div.content p.img {
	float: right;
	width: 216px;
	position: relative;
	top: -12px;
}

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


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

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

body#detail_index_page div#block_14 div.content div.set_02 {
	margin: 13px 0 0;
	padding: 8px 10px 0;
	border-top: 1px solid #eaeaea;
}

body#detail_index_page div#block_14 div.content div.set_02 p.img_01 {
	width: 555px;
	margin-right: -1px;
	margin-left: -2px;
}
body#detail_index_page div#block_14 div.content div.set_02 p.img_02 { padding: 13px 0 0;}


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

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

body#detail_index_page div#block_16 div.content h6 {
	margin: 12px 0 12px;
	padding: 10px 0 10px 134px;
	background: url(../image/idx_16_img_01.jpg) no-repeat;
}

body#detail_index_page div#block_16 div.content div.wrap div.txt {
	float: left;
	width: 305px;
}

body#detail_index_page div#block_16 div.content div.wrap div.txt p.img_01 {
	padding: 8px 0 0;
}

body#detail_index_page div#block_16 div.content div.wrap div.img {
	float: right;
	width: 230px;
}

body#detail_index_page div#block_16 div.content div.wrap div.txt div.gcw {
	width: 305px;
	margin: 12px 0 0;
	color: #444;
	background: #f2f2f2;
}

body#detail_index_page div#block_16 div.content div.wrap div.txt div.gcw div.body {
	padding: 12px 12px 15px;
}

body#detail_index_page div#block_16 div.content div.wrap div.txt div.gcw div.body p.lead {
	padding: 0 0 8px;
}

body#detail_index_page div#block_16 div.content div.wrap div.txt div.gcw div.body p.btn {
	padding: 8px 0 0;
	text-align: center;
}


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

body#detail_index_page div#contents_body div#block_17 {
	padding-top: 0;
}

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

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

body#detail_index_page div#block_17 div.content div.wrap .set {
	width: 260px;
}
body#detail_index_page div#block_17 div.content div.wrap .set_01 {
	float: left;
}
body#detail_index_page div#block_17 div.content div.wrap .set_02 {
	float: right;
}


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

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

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

body#detail_index_page div#block_18 div.content div.wrap .set {
	width: 260px;
}
body#detail_index_page div#block_18 div.content div.wrap .set_01 {
	float: left;
}
body#detail_index_page div#block_18 div.content div.wrap .set_02 {
	float: right;
}

body#detail_index_page div#block_18 div.content p.btn_detail {
	padding: 10px 0 0;
	text-align: right;
}


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

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

body#detail_index_page div#block_19 div.content div.wrap div.txt {
	float: left;
	width: 320px;
}

body#detail_index_page div#block_19 div.content div.wrap p.img {
	float: right;
	width: 200px;
}


/* 20 ------------- */

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

body#detail_index_page div#block_20 div.content div.wrap div.txt {
}

body#detail_index_page div#block_20 div.content div.wrap div.img {
	padding: 12px 0 0 97px;
}


/* 21 ------------- */

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

body#detail_index_page div#block_21 div.content div.wrap div.txt {
}

body#detail_index_page div#block_21 div.content div.wrap div.img {
	padding: 12px 0 0 97px;
}


/* 22 ------------- */

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

body#detail_index_page div#block_22 div.content div.wrap div.txt {
}

body#detail_index_page div#block_22 div.content div.wrap div.img {
	padding: 12px 0 0 97px;
}


/* 23 ------------- */

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

body#detail_index_page div#block_23 div.content div.wrap {
	padding: 20px 0 0;
}

body#detail_index_page div#block_23 div.content div.wrap p.img {
	float: left;
	width: 330px;
}

body#detail_index_page div#block_23 div.content div.wrap .txt {
	float: right;
	width: 201px;
	padding: 10px 0 0;
}

body#detail_index_page div#block_23 div.content div.wrap .txt p.img_02 {
	padding: 12px 0 0;
}

body#detail_index_page div#block_23 div.content p.btn_detail {
	padding: 10px 0 0;
	text-align: right;
}


/* 24 ------------- */

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

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


/* 25 ------------- */

body#detail_index_page div#contents_body div#block_25 {
	padding-top: 18px;
}

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

body#detail_index_page div#block_25 div.txt {
	float: left;
	width: 320px;
	padding: 2px 0 0;
}

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

body#detail_index_page div#block_25 div.txt p.tit {
	padding: 12px 0 0;
	color: #5658a6;
}

body#detail_index_page div#block_25 div.txt p.note {
	padding: 10px 0 0;
}


/* ボタン下 注釈 ------------- */

body#detail_index_page div.head_note {
	width: 560px;
	margin: 20px 5px 0 5px;
	border: 1px solid #f00;
}

body#detail_index_page div.head_note h5 {
	padding: 15px 18px 0 18px;
	font-weight: bold;
}

body#detail_index_page div.head_note p.text {
	padding: 8px 18px 15px 18px;
}

body#detail_index_page div.head_note p.text sup {
	vertical-align: top;
}

body#detail_index_page div.head_note p.note {
	padding: 0 18px 15px 18px;
}

body#detail_index_page div.head_note p.anchor {
	padding: 0 18px 15px;
	text-align: right;
}


/* スマホ接続 ------------- */

body#detail_index_page div#spec_area {
	margin-top: 8px;
	padding-top: 20px;
}

body#detail_index_page div#spec_area p.lead {
	padding: 12px 0 0;
}


body#detail_index_page div#spec_area h5 {
	margin: 12px 0 0;
}

body#detail_index_page div#spec_area table.specTable {
	margin: 1px 0 0;
	border-right: 1px solid #a09b9a;
}

body#detail_index_page div#spec_area table.specTable th {
	background: #858585;
	color: #fff;
	border-left: 1px solid #a09b9a;
}

body#detail_index_page div#spec_area table.specTable td.list {
	text-align: left;
}

body#detail_index_page div#spec_area table.specTable table.list {
}

body#detail_index_page div#spec_area table.specTable table.list td {
	border: 0;
	padding: 2px 0;
	vertical-align: top;
	text-align: left;
}
body#detail_index_page div#spec_area table.specTable table.list td.bullet {
	text-align: center;
	width: 1em;
}




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

/* 親ページ　テキストリンク（サムネイルなし） */
#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;
}