@charset "utf-8";

/* -------------------------------------------------
タイトルエリア
----------------------------------------------- */

div#Btnarea {
	margin: 34px 0 0 32px;
	overflow: hidden;
	_zoom: 1;
	}

div#Btnarea p {
	float: left;
	margin-right: 10px;
	}

div#TitleArea {
	clear: both;
	position: relative;
	background: url(../images/detail/top_bg.gif) top left no-repeat;
	overflow: hidden;
	_zoom: 1;
	}

div#TitleArea h1 {
	padding: 25px 0 9px 2px;
	}

div#TitleArea div.product_ttl {
	position: relative;
	margin: 0 0 20px 48px;
	height: 105px;
	}

div#TitleArea div.product_ttl h2 {
	position: absolute;
	top: 0px;
	left: 0px;
	}

div#TitleArea div.product_ttl p {
	position: absolute;
	top: 30px;
	left: 690px;
	}

div#TitleArea div.product_ttl div,
div.detail_section div img.sep {
	margin: 0 0 0 115px;
	}

div#TitleArea div.ProductBox {
	width: 800px;
	height: 262px;
	margin: 0 0 0 48px;
	}

div#TitleArea div.ProductBox img {
	margin-left: 125px;
	}

div#TitleArea div.ConceptBox {
	position: relative;
	background: url(../images/detail02/product02_detaibg.jpg) top left no-repeat;
	width: 800px;
	height: 286px;
	margin: 0 0 0 48px;
	}

div#TitleArea div.ConceptBox div.innerLeft {
	position: absolute;
	top: 24px;
	left: 56px;
	}

div#TitleArea div.ConceptBox div.innerRight {
	position: absolute;
	top: 24px;
	left: 424px;
	}

div#TitleArea div.ConceptBox h4 {
	text-align: center;
	margin-bottom: 10px;
	}

div.section_containar {
	background: url(../images/middle_bg.gif) top left repeat-y;
	}

div.section_containar div.detail_section {
	position: relative;
	margin: 0 0 0 48px;
	}

div.detail_section p.btn {
	position: absolute;
	top: 78px;
	left: 690px;
	}


div.detail_section div.galleryWrap {
	width: 798px;
	border-left: #7C7C7C solid 1px;
	border-right: #7C7C7C solid 1px;
	border-bottom: #7C7C7C solid 1px;
	padding-bottom: 22px;
	margin-bottom: 20px;
	}

div.detail_section div.galleryWrap02 {
	width: 798px;
	height: 174px;
	border-left: #7C7C7C solid 1px;
	border-right: #7C7C7C solid 1px;
	border-bottom: #7C7C7C solid 1px;
	margin-bottom: 20px;
	}

div.detail_section div ul {
	width: 820px;
	padding: 21px 0 0 38px;
	}

div.detail_section div ul.gallery02 {
	width: 820px;
	height: 132px;
	padding: 20px 0 0 26px;
	}

* html body div.detail_section div ul.gallery02 {
	padding: 20px 0 0px 26px;
	} /* IE6 */

* html body div.detail_section div ul {
	width: 798px;
	} /* IE6 */

* html body div.detail_section div ul.gallery02 {
	width: 798px;
	} /* IE6 */

div.galleryWrap ul li {
	width: 152px;
	float: left;
	margin-right: 38px;
	}

div.galleryWrap02 ul li {
	width: 172px;
	float: left;
	margin-right: 19px;
	}

* html body div.galleryWrap02 ul li {
	margin-right: 16px;
	} /* IE6 */


div.galleryWrap ul li a {
	display: block;
	width: 152px;
	height: 96px;
	}

div.galleryWrap02 ul.gallery02 li a {
	display: block;
	width: 175px;
	height: 132px;
	}

div.galleryWrap ul li#N_ph01 a:hover,
div.galleryWrap ul li#N_ph02 a:hover,
div.galleryWrap ul li#N_ph03 a:hover,
div.galleryWrap ul li#N_ph04 a:hover,
div.galleryWrap ul li#R_ph01 a:hover,
div.galleryWrap ul li#R_ph02 a:hover,
div.galleryWrap ul li#R_ph03 a:hover,
div.galleryWrap ul li#R_ph04 a:hover,
div.galleryWrap02 ul li#ph01 a:hover,
div.galleryWrap02 ul li#ph02 a:hover,
div.galleryWrap02 ul li#ph03 a:hover,
div.galleryWrap02 ul li#ph04 a:hover {
	background-color: #FFF;
	}

div.galleryWrap ul li a:hover img,
div.galleryWrap02 ul li a:hover img {
	visibility: hidden;
	}

div.galleryWrap ul li#N_ph01 a {	background: url(../images/detail/n_galleryph01_ov.jpg) top left no-repeat; }
div.galleryWrap ul li#N_ph02 a {	background: url(../images/detail/n_galleryph02_ov.jpg) top left no-repeat; }
div.galleryWrap ul li#N_ph03 a {	background: url(../images/detail/n_galleryph03_ov.jpg) top left no-repeat; }
div.galleryWrap ul li#N_ph04 a {	background: url(../images/detail/n_galleryph04_ov.jpg) top left no-repeat; }
div.galleryWrap ul li#R_ph01 a {	background: url(../images/detail/r_galleryph01_ov.jpg) top left no-repeat; }
div.galleryWrap ul li#R_ph02 a {	background: url(../images/detail/r_galleryph02_ov.jpg) top left no-repeat; }
div.galleryWrap ul li#R_ph03 a {	background: url(../images/detail/r_galleryph03_ov.jpg) top left no-repeat; }
div.galleryWrap ul li#R_ph04 a {	background: url(../images/detail/r_galleryph04_ov.jpg) top left no-repeat; }

div.galleryWrap02 ul.gallery02 li#ph01 a {	background: url(../images/detail02/ph01_ov.jpg) top left no-repeat; }
div.galleryWrap02 ul.gallery02 li#ph02 a {	background: url(../images/detail02/ph02_ov.jpg) top left no-repeat; }
div.galleryWrap02 ul.gallery02 li#ph03 a {	background: url(../images/detail02/ph03_ov.jpg) top left no-repeat; }
div.galleryWrap02 ul.gallery02 li#ph04 a {	background: url(../images/detail02/ph04_ov.jpg) top left no-repeat; }

div.detail_section ul li#N_ph04,
div.detail_section ul li#R_ph04,
div.detail_section ul.gallery02 li#ph04,
div.detail_section ul.gallery02 li#ph04 {
	margin-right: 0px;
	}

div.detail_section ul.phwrap {
	width: 800px;
	padding: 0 0 0 0;
	}

div.detail_section ul.phwrap li.left {
	width: 448px;
	float: left;
	}

div.detail_section ul.phwrap li dl {
	width: 336px;
	float: right;
	}

div.detail_section div.productWrap {
	margin: 0 0 0 34px;
	}

div.detail_section div.productWrap img.product {
	width: 342px;
	float: left;
	margin-right: 69px;
	}

div.detail_section div.productWrap h3 {
	float: left;
	}

div.detail_section div.productWrap div {
	width: 306px;
	float: left;
	background: url(../images/detail/protectfilm_bottom.gif) bottom left no-repeat;
	padding-bottom: 21px;
	}

div.detail_section div.productWrap div p {
	width: 214px;
	color: #FFF;
	border-left: #7C7C7C solid 1px;
	border-right: #7C7C7C solid 1px;
	padding: 20px 0 0 90px;
	}

* html body div.detail_section div.productWrap div p {
	width: 306px;
	} /*IE6 */

div.detail_section {
	margin: 0 0 0 48px;
	}

div.detail_section h2 {
	margin: 0 0 15px 0;
	padding-top: 33px;
	}

div.detail_section {
	padding: 16px 0 0 0;
	}

div#spec {
	background: url(../images/middle_bg.gif) top left repeat-y;
	padding: 50px 0 0 48px;
	color: #FFF;
	}

div#spec02 {
	background: url(../images/middle_bg.gif) top left repeat-y;
	padding: 29px 0 0 48px;
	color: #FFF;
	}

div#spec h2,
div#spec02 h2 {
	margin: 0 0 21px 0;
	}

div#spec dl,
div#spec02 dl {
	width: 798px;
	border-top: #7C7C7C solid 1px;
	border-left: #7C7C7C solid 1px;
	border-right: #7C7C7C solid 1px;
	font-size: 82%;
	}

div#spec dl dt,
div#spec02 dl dt {
	width: 160px;
	height: 25px;
	padding: 8px 0 0 57px;
	border-right: #7C7C7C solid 1px;
	border-bottom: #7C7C7C solid 1px;
	}

* html body div#spec dl dt,
* html body div#spec02 dl dt {
	width: 215px;
	height: 30px;
	} /* IE6 */

div#spec dl dd,
div#spec02 dl dd {
	height: 25px;
	margin: -26px 0 0 200px;
	padding-left: 35px;
	border-bottom: #7C7C7C solid 1px;
	}

* html body div#spec dl dd,
* html body div#spec02 dl dd {
	height: 30px;
	margin: -30px 0 0 200px;
	padding: 8px 0 0 35px;
	} /* IE6 */


