@charset "Shift_JIS";

/* -----------------------------------------------------------
CSS Information

 File name:      product.css
 Author:         Shinichiro Hara
 Style Info:     商品ページ
 
 Index:	001 商品詳細　			search/product.html
 		002 Wigを見る		　　index.html
		003 ケアグッズ			care/care_guide.html
 		004 ケアウィッグ		care_wig/index.html
 		005 こどもウィッグ		childwig/index.html
 		006 マニフィー			magnifi/magnifi.html
 		007 商品検索		    search/search.html
 		008 商品一覧		    search/list.html
		009 ブランド紹介		brand.html
		010 アール・クルー		rcouleur/index.html
		011 アフターサービス	care/afterservice.html
		012 marginなど

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

/* -----------------------------------------------------------
　001　商品詳細
----------------------------------------------------------- */

/* -----------------------------------------------------------
　商品詳細ボックス
----------------------------------------------------------- */

#productCont {
	width:840px;
	margin:0px;
	padding:0px;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* -----------------------------------------------------------
　商品詳細ヘッダー
----------------------------------------------------------- */

.pdt-logo {
	width:320px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-size:0px;
	line-height:0px;
}
.pdt-navi {
	width:350px;
	float:right;
	margin:0px;
	padding:0px;
	text-align:right;
}
.border-img {
	width:840px;
	margin:0px;
	padding:15px 0px 0px 0px;
	font-size0px;
	line-height:0px;
	clear:both;
}

/* -----------------------------------------------------------
　商品詳細 detail box
----------------------------------------------------------- */

#pdt-detail-bx {	
	width:840px;
	margin:20px 0px 0px 0px;
	padding:0px;
}

/* -----------------------------------------------------------
　商品詳細 photo area
----------------------------------------------------------- */

#pdt-detail-bx .photo-area-p {
	width:251px;
	float:left;
	margin:0px 44px 0px 0px;
	padding:0px;
}


.ic-bx {
	width:251px;
	height:16px;
	_height:18px;
	margin:0px;
	padding:0px;
}

.ic-status {
	width:136px;
	margin:0px;
	padding:0px;
	line-height:0px;
	float:left;
}
.ic-status ul {
	width:136px;
	margin:0px;
	padding:0px;
}

.ic-status li {
	list-style:none;
	display:inline;
}

.ic-txt-release {
	width:114px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#9d9265;
	text-align:right;
	float:left;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


.pdt-main-img {
	width:247px;
	margin:5px 0px 0px 0px;
	padding:1px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	font-size:0px;
	line-height:0px;
}
.pdt-main-txt-s {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:80%;
	color:#999999;
	text-align:right;
}
.photo-area-p .thumbnail {
	margin:25px 0px 0px 0px;
	padding:0px;
}
.thb-ttl {
	width:251px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:0px;
	line-height:0px;
}
.thb-demi { /* ヴァランデミ用*/
	width:251px;
	padding:0px;
	margin:0px 0px 20px 0px;
}
.thb-demi-img { /* ヴァランデミ用*/
	width:75px;
	display: table-cell;
	vertical-align: middle;
	margin:0px;
	padding:1px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	font-size:0px;
	line-height:0px;
}
.txt-demi { /* ヴァランデミ用*/
	display: table-cell;
	vertical-align: middle;
	margin:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	font-size:80%;
}
* html .thb-demi-img { /* ヴァランデミ用 for IE6*/
	width:75px;
	display: inline;
	zoom:1;
	margin:0px;
	padding:1px 1px 1px 1px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	font-size:0px;
	line-height:0px;
}
* html .txt-demi { /* ヴァランデミ用 for IE6*/
	display: inline;
	zoom:1;
	vertical-align: middle;
	margin:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	font-size:80%;
}
*:first-child+html .thb-demi-img { /* ヴァランデミ用 for IE7*/
	width:75px;
	display: inline;
	zoom:1;
	margin:0px;
	padding:1px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	font-size:0px;
	line-height:0px;
}
*:first-child+html .txt-demi { /* ヴァランデミ用 for IE7*/
	display: inline;
	zoom:1;
	vertical-align: middle;
	margin:0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	font-size:80%;
}
.thb-01 { /* サムネイル1番目 */
	width:79px;
	float:left;
	padding:0px;
	margin:0px;
}
.thb-01 p {
	width:74px;
	margin:0px 0px 15px 0px;
	padding:3px 0px 0px 0px;
	text-align:center;
	font-size:80%;
}
.thb-img {
	width:75px;
	padding:1px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	font-size:0px;
	line-height:0px;
}
.thb-02 { /* サムネイル2番・3番目*/
	width:79px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 7px;
}
.thb-02 p {
	width:74px;
	margin:0px 0px 15px 0px;
	padding:3px 0px 0px 0px;
	text-align:center;
	font-size:80%;
}

/* -----------------------------------------------------------
　商品詳細 text area
----------------------------------------------------------- */

.txt-area-p {
	width:545px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.txt-area-p dl{
	padding:15px 0px 0px 0px;
	margin:0px;
}
.txt-area-p dl dt {
   width: 6em;
   float: left;
	 padding-bottom:10px;
	 color:#9d9265;
	 font-size:110%;
	 font-weight:bold;
}
.txt-area-p dl dd{
    margin-left: 6em;
	 	padding-bottom:10px;
		font-size:110%;
}
.ttl-sub {
	margin:30px 0px 10px 0px;
	padding:1px 0px 0px 8px;
	background-image:url(/common_old/img/ic_sub_ttl.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}
.colorComment {
	padding:10px 0px 0px 0px;
	font-size:80%;
}
.spc-bx {
	width:545px;
	margin:35px 0px 0px 0px;
	padding:0px;
}
.spc-bx ul {
	width:545px;
	padding:0px;
	font-size:0px;
	line-height:0px;
}
.spc-bx li {
	list-style:none;
	display:inline;
	width:107px;
	margin-right:2px;
}
.spc-bx li img {
	padding-bottom:2px;
}
.sub-info01 {
	float:left;
	margin:0px 50px 25px 0px;
	padding:0px;
}
.sub-info01 .ttl-sub {
	margin:0px 0px 10px 0px;
	padding:1px 0px 0px 8px;
	background-image:url(/common_old/img/ic_sub_ttl.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.sub-info02 {
	width:840px;
	float:left;
	margin:0px 0px 25px 0px;
	padding:0px;
	clear:both;
}

.sub-info02 .ttl-sub {
	margin:0px 0px 10px 0px;
	padding:1px 0px 0px 8px;
	background-image:url(/common_old/img/ic_sub_ttl.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}



.sub-info03 {
	width:840px;
	float:left;
	margin:0px;
	padding:0px;
	clear:both;
}
.sub-info03 .ttl-sub {
	margin:0px 0px 10px 0px;
	padding:1px 0px 0px 8px;
	background-image:url(/common_old/img/ic_sub_ttl.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
}

.sample {
	width:840px;
}


.b-info02 {
	width:840px;
	margin:0px;
	padding:0px;
}


.noteComment {
	font-size:80%;
}


.banner-tech {	
	width:240px;
	height:55px;
	margin:10px 0px 10px 0px;
	padding:0px;
}



/* -----------------------------------------------------------
　002　Wigを見る
----------------------------------------------------------- */

#lookwigCont img {
	vertical-align: top;
	}
.lookwigFlash {
	background: #f3f3f3;
	width: 840px;
	height: 280px;
	}
.lookwigSubBox {
	margin: 0;
	width: 808px;
	padding: 15px;
	min-height: 1em;
	*height: 1em;
	background: #fdfbf4;
	border: 1px solid #e3dec9;}
	*:first-child+html .lookwigSubBox {
		min-height: 55px;
		}
.lookwigSttl {
	margin: 0 0 10px 0; 
}	
#lookwigCont .left {
	float: left;
	}
#lookwigCont .right {
	float: right;
	}
.lookwigBanner {
	margin: 0;
	}
#lookwigCont .mgnR15 { /* ブランド紹介へbtnを上と合わせる */
	margin: 0 16px 0 0;
	*margin: 0 8px 0 0;
	}
*:first-child+html #lookwigCont .mgnR15 { /* IE7 */
	margin: 0 16px 0 0;
	}

#lookwigCont p.afterLeft {
	width: 570px;
}
#lookwigCont p.afterRight {
	margin: -30px 16px 0 0;
	text-align: right;
	height: 30px;
}


#contents .pageTop_mgn10 {/*margin_topが10px用2009.10.09追加*/
	margin:10px 0px 0px 0px;
	clear: both;
	text-align: right;
	font-size:95%;
}

.lookwig_box_l{ float:left; width:410px;}
*+html .lookwig_box_l{ font-size:100%;}
.lookwig_box_img0{ font-size:0xp; line-height:0px;}

.lookwig_box01_l{
    float:left;
	margin-left:21px;
	width:110px;
	_margin-left:11px;
}

.lookwig_box01_r{
    float:left;
	margin-left:21px;
	width:230px;
}

.lookwig_ic_link {
	background-image: url(/mc002_product/img/lookwig_linkicon.gif);
	font-size:80%;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
	top: 1px; }

.lookwig_mgn_l20 {
  margin-left:20px;
}


.lookwig_box_bg{
	width:840px;
	background-image: url(/mc002_product/img/lookwig_boxfoot.gif);
	padding-bottom:20px;
	background-position: bottom;
	margin-top:30px;
}

.lookwigSubBox02 {
	margin: 0;
	width: 808px;
	padding: 15px;
	min-height: 1em;
	*height: 1em;
	background: #fdfbf4;
	border: 1px solid #e3dec9;}
	*:first-child+html .lookwigSubBox02 {
		min-height: 40px;
		}

/* -----------------------------------------------------------
　003　ケアグッズ
----------------------------------------------------------- */

#aftersCont img {
	vertical-align: top;
	}
#aftersCont td {
	text-align: center;
	}
#aftersCont li {
	list-style-type: disc;
	margin: 0 0 0 15px;
	}

div.afters {
	margin: 40px 0 0 0;
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	padding: 15px;
}
div.afters p.afterLeft {
	width: 570px;
}
div.afters p.afterRight {
	margin: -30px 0 0 0;
	text-align: right;
	height: 30px;
}

#careCont img {
	vertical-align: top;
	}
#careCont .pageTop {
	margin-bottom: 40px;
	}
#careCont .left {
	float: left;
	}
#careCont .right {
	float: right;
	}
*html .print_break { /* IE 印刷時 ケアグッズの写真が消える対策 */
	page-break-before: always;
	}
.careSubBox {
	border: 1px solid #EAEAEA;
	padding: 20px;
	clear: both;
	zoom: 1;
	}
.careSubBox li {
	background: url(/mc002_product/care/img/care_listmark.gif) no-repeat 0 5px;
	margin: 0 0 0 30px;
	*margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	width: 220px;
	height: 2.5em;
	float: left;
	}
	.careSubBox li.long {
		background: url(/mc002_product/care/img/care_listmark.gif) no-repeat 0 5px;
		margin: 0 0 0 30px;
		*margin: 0 0 0 15px;
		padding: 0 0 0 15px;
		width: 220px;
		height: 4em;
		float: left;
		}
	.careSubBox li.clear {
		clear: both;
		}
	.careSubBox li.bottom {
		margin: 0 0 0 30px;
		*margin: 0 0 0 15px;
		padding: 0 0 0 15px;
		}
.careGoodsBox {
	border: 1px solid #EAEAEA;
	margin: 20px 0 0 0;
	padding: 20px 20px 0 20px;
	clear: both;
	zoom: 1;
	}
	.careGoodsBox .photo {
		width: 185px;
		text-align: right;
		}
	.careGoodsBox .right {
		width: 573px;
		margin: 10px 0 0 0;
		}
	.careGoodsBox .info {
		width: 533px;
		background: #F8F8F8;
		margin: 0 0 20px 0;
		padding: 20px;
		font-size: 12px;
		}
	.careGoodsBox .info2 {
		width: 533px;
		background: #F8F8F8;
		margin: 0 0 20px 0;
		padding: 25px 20px;
		font-size: 12px;
		}
	.careGoodsBox .info dt ,
	.careGoodsBox .info2 dt {
		width: 260px;
		float: left;
		}
	.careGoodsBox .info dd ,
	.careGoodsBox .info2 dd {
		margin-left: 260px;
		}

/* -----------------------------------------------------------
　004　ケアウィッグ
----------------------------------------------------------- */

#carewigCont .pageTop {
	clear: both;
	}
#carewigCont .left {
	float: left;
	}
#carewigCont .right {
	float: right;
	}
.carewigMerit li {
	float: left;
	width: 260px;
	margin-right: 30px;
	}
	.carewigMerit li.right {
		margin: 0;
		}
.carewigNew {
	zoom: 1;
	clear: both;
	padding-top: 40px;
	}
.carewigNew .left {
	float: left;
	width: 480px;
	}
	.carewigNew .left .attention {
		line-height: 23px;
		}
.carewigNew .right {
	float: right;
	width: 285px;
	}


#carewigCont .pdg15 {
	padding-top: 15px;
	*padding:0;
	}

@media print { * html .carewigMerit ul { zoom: 0.99 ; } }

/* -----------------------------------------------------------
　005　こどもウィッグ
----------------------------------------------------------- */

#childCont .left {
	float: left;
	}
#childCont .right {
	float: right;
	}
#childCont img {
	vertical-align: top;
	}
#childCont .pageTop {
	clear: both;
	}
#childCont .pdg15 {
	padding-top: 15px;
	*padding:0;
	}
.childFunction {
	clear: both;
	padding-top: 30px;
	}
.childFunction dt {
	width: 175px;
	float:left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}
	.childFunction dt img {
		vertical-align: bottom;
		}
.childFunction dd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(/mc002_product/childwig/img/dotline.gif) no-repeat 0 100%;
	font-size:13px;
	}
	.childFunction dt.bottom {
		background: none;
		}
.childFunction dd.bottom {
	background: none;
	margin: 0 60px 0 0;
	padding:0;
	width: 320px;
	}
	.childFunction dd span.attention {
		line-height: 35px;
		}
.childFunction dd.illust {
	background: none;
	float: right;
	width: 285px;
	margin:0;
	padding:0;
	}

/* -----------------------------------------------------------
　こどもウィッグ・ケアウィッグ共用／ラフラネットのつけ方
----------------------------------------------------------- */

.childRafra ,
.carewigRafra {
	margin: 40px 0 0 0;
	padding: 25px 20px 20px 20px;
	border: 1px solid #eaeaea;
	zoom: 1;
	}
	
.childRafra .mgnB15 ,
.howto .mgnB15 { 
		margin-bottom: 15px;
		*margin:0;
		*padding-bottom: 15px;
}

.childRafra span.name ,
.carewigRafra span.name {
	color: #a19565;
	font-weight: bold;
	}
	.childRafra .text ,
	.carewigRafra .text {
		width: 440px;
		float: left;
		}
	.childRafra .clear ,
	.carewigRafra .clear {
		clear: both;
		}
	.childRafra .photo ,
	.carewigRafra .photo {
		width: 265px;
		float: right;
		}
.childRafra .howto ,
.carewigRafra .howto {
	clear: both;
	background: #f6f6f6;
	padding: 20px;
	zoom: 1;
	overflow: auto;
	}
	.childRafra .howto .photo ,
	.carewigRafra .howto .photo {
		width: 185px;
		margin: 0;
		float: left;
		}
	.childRafra .howto .text ,
	.carewigRafra .howto .text {
		width: 170px;
		margin: 0 15px;
		float: left;
		}
	.childRafra .howto .text2 ,
	.carewigRafra .howto .text2 {
		width: 170px;
		margin: 0 0 0 15px;
		float: left;
		}


	

/* -----------------------------------------------------------
　006　マニフィーコレクション
----------------------------------------------------------- */

#magCont img {
	vertical-align: top;
	}
#magCont .clear {
	clear: both;
	}
.magFeature li {
	float: left;
	margin: 0 15px 20px 0;
	}
	.magFeature li.right{
		float: left;
		margin: 0;
		}
.magFeature dl {
/*	border: 1px solid #e3dec9;*/
	position: relative;
	}
.magFeature dd {
	width: 154px;
	text-align:center;
	background: #fff;
	border-right: 1px solid #c8908b;
	border-bottom: 1px solid #c8908b;
	border-left: 1px solid #c8908b;
	}
	.magFeature dd.line2 {
		padding-top: 23px;
		height: 60px;
		}
	.magFeature dd.line3 {
		padding-top: 12px;
		height: 71px;
		}
.magTopp ,
.magWig {
	background: url(/mc002_product/search/img/search_frame_in.gif) repeat-y 0 0;
	zoom:1;
	}
.magFrameHeader {
	background: url(/mc002_product/search/img/search_frame_head.gif) no-repeat 0 0;
	clear: both;
	}
.magFrameFooter {
	background: url(/mc002_product/search/img/search_frame_foot.gif) no-repeat 0 100%;
	padding: 36px 36px 6px 36px;
	overflow: auto;
	zoom:1;
	}
.magTopp .left {
	width: 320px;
	float: left;
	}
.magTopp .right {
	float: left;
	margin-left: 28px;
	}
.magWig .left {
	float: left;
	}
.magWig .right {
	width: 320px;
	float: right;
	}
.magWig li {
	list-style-type: disc;
	margin: 0 0 0 15px;
	}
.magShop {
	clear: both;
	zoom:1;
	background: #f8f8f8 url(../img/dotline_gray.gif) no-repeat 0 0;
	}
.magShop .dotline {
	background: url(../img/dotline_gray.gif) no-repeat 0 100%;
	padding: 15px 25px 13px 25px;
	}
.magNew {
	zoom: 1;
	}
.magNew .left {
	float: left;
	width: 520px;
	}
	.magNew .left .attention {
		line-height: 23px;
		}
.magNew .right {
	float: right;
	width: 285px;
	}

/* -----------------------------------------------------------
　007　商品検索
----------------------------------------------------------- */

#searchCont {
	font-size: 12px;
	}
#searchCont img {
	vertical-align: top;
	}
#searchMain {
	background: url(/mc002_product/search/img/search_frame_in.gif) repeat-y 0 0;
	}
.searchHeader {
	background: url(/mc002_product/search/img/search_frame_bg.gif) no-repeat 50% 0;
	padding: 1px 16px 12px 16px;
	*padding: 1px 16px 16px 16px;
	}


.searchHeader li {
	float: left;
	width: 205px;
	height: 33px;
	}
.searchHeader li img { cursor: pointer; }
.searchInner {
	padding: 3px 21px 0 21px;
	*padding: 12px 21px 0 21px;
	}
.searchInner .searchBox2 { /* 項目ボックスが２つのとき */
	background: url(/mc002_product/search/img/search_box_bg2.gif) repeat-y 0 100%;
	padding: 0 0 0 2px;
	*padding: 0 0 5px 2px;
	margin: 0 0 15px 0;
	width: 828px;
	*width: 794px;
	}
.searchInner .searchBox3 { /* 項目ボックスが３つのとき */
	background: url(/mc002_product/search/img/search_box_bg3.gif) repeat-y 0 100%;
	padding: 0 0 0 2px;
	*padding: 0 0 5px 2px;
	margin: 0 0 15px 0;
	width: 828px;
	*width: 794px;
	}
.searchInner .searchBox4 { /* 項目ボックスが４つのとき */
	background: url(/mc002_product/search/img/search_box_bg4.gif) repeat-y 0 100%;
	padding: 0 0 0 2px;
	*padding: 0 0 5px 2px;
	margin: 0 0 15px 0;
	width: 828px;
	*width: 794px;
	}
.searchInner .searchInfo {
	width: 196px;
	float: left;
		}
	.searchInner .search_sttl img {
		margin: 0 0 2px 0;
		}
.searchInner .search_cb {
	padding: 3px 10px 10px 12px;
	}
.searchInner .searchBox2 input ,
.searchInner .searchBox3 input ,
.searchInner .searchBox4 input {
	display: block;
	float: left;
	clear: left;
	margin: 8px 0 0 0;
	*margin: 4px 0 0 0;
	}
.searchInner .searchBox2 label ,
.searchInner .searchBox3 label ,
.searchInner .searchBox4 label {
	display: inline-block;
	margin: 6px 0 0 5px;
	*margin: 6px 0 0 1px;
	line-height: 18px;
	*line-height: 17px;
	}

label.disabled {
	color: #ccc;
	}
.searchBtn {
	clear: both;
	margin: 20px 0 0 0;
	}
.search {
	width: 200px;
	margin: 20px auto 0 auto;
	*padding: 20px 0 0 0;
	text-align:center;
	}
*:first-child+html .search {
	padding: 0;
	}
.search a {
	display:block;
	width: 200px;
	height: 35px;
	background: url(/mc002_product/search/img/search_btn.gif) no-repeat;
	}

/* -----------------------------------------------------------
　008　商品一覧
----------------------------------------------------------- */

#listCont {
	font-size: 12px;
	}
#listCont img {
	vertical-align: top; /* Fx 枠と余白揃え */
	}
.listHeader {
	padding: 15px 0 0 0;
	}
	
.listFooter {
	padding: 10px 0 0 0;
	*padding: 15px 0 0 0;
	clear: both;
	}
	
.pageList {
	float: left;
	}
.pageList li {
	display: inline;
	padding: 0 1px;
	}
.pageList li.active {
	padding: 0 1px;
	font-weight: bold;
	}
.pageList li.active span {
	background: #edf6ff;
	padding: 0 2px;
	}
.research {
	float: right;
	}
#listMain {
	clear: both;
	padding: 15px 0 0 0;
	*padding: 8px 0 5px 0;
	}
.listBox01 ,
.listBox02 ,
.listBox05 {
	float: left;
	width: 248px;
	padding: 10px;
	margin: 0 15px 15px 0;
	*margin: 0 15px 0 0;
	border: 1px solid #ddd;
	}
.listBox04 {
	clear: both;
	float: left;
	width: 248px;
	padding: 10px;
	margin: 0 15px 15px 0;
	*margin: 0 15px 0 0;
	border: 1px solid #ddd;
	}
.listBox03 ,
.listBox06 {
	float: left;
	width: 248px;
	padding: 10px;
	margin: 0 0 15px 0;
	*margin: 0 0 0 0;
	border: 1px solid #ddd;
	}
	

	
.listPhoto {
	width: 96px;
	float: left;
	*float: ;
	padding:1px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	}

.listCategory {
	margin: 0 0 0 115px;
	*margin: -120px 0 0 115px;
	}
dl.listInfo {
	margin: 5px 0 0 115px;
	*margin: 10px 0 0 115px;
}
.listInfo dt {
	width: 30px;
	float:left;
	*float: ;
	line-height: 20px;
	}
.listInfo dd {
	margin-left: 35px;
	*margin: -21px 0 0 35px;
	line-height: 20px;
	}

/* -------------------------------------------------------------
　009　ブランド紹介ページ
----------------------------------------------------------------- */

#bra_content{ width:840px; margin-top:40px;}

/*-----------------------------------------
     各box
------------------------------------------*/
/*間隔_class*/
.bra_margin_p20{ padding-top:20px;}

/*img_class*/
.bra_imgonly{ font-size:0xp; line-height:0px; margin:0px; padding:0px;}

/*clr_class*/
br.bra_clr{clear:both;}

/*bg_class*/
.bra_box01_l{
        float:left;
		position:relative;
		width:368px;
		border:solid 1px #eaeaea;
		height:273px;
		padding:20px;}

.bra_box01_r{
        float:right;
		width:368px;
		position:relative;
		height:273px;
		border:solid 1px #eaeaea;
		padding:20px;}
		
.bra_box02_l{
        float:left;
		position:relative;
		width:368px;
		height:324px;
		border:solid 1px #eaeaea;
		padding:20px;}

.bra_box02_r{
        float:right;
		width:368px;
		position:relative;
		height:324px;
		border:solid 1px #eaeaea;
		padding:20px;}	
		
.bra_box03_l{
        float:left;
		height:336px;
		width:368px;
		border:solid 1px #eaeaea;
		padding-top:20px;
		padding-left:20px;
		position:relative;
		padding-right:20px;
		padding-bottom:20px;}			
		
.bra_box03_r{
        float:right;
		height:336px;
		width:368px;
		border:solid 1px #eaeaea;
		padding-top:20px;
		padding-left:20px;
		position:relative;
		padding-right:20px;
		padding-bottom:20px;}		
		

/*photo_class*/
.bra_imgbox01{ margin-top:18px; width:368px;}
.bra_img_l{float:left;}
.bra_img_r{float:left; margin-left:18px;}

/*txt_class*/
.bra_txt01{ margin-top:15px;}
.bra_txt02{ margin-top:15px; margin-bottom:45px;}

/*btn_class*/
.bra_btn01{ position:absolute; bottom:20px; right:20px; text-align:right; font:0xp; line-height:0px;}

/* -----------------------------------------------------------
　010　アール・クルー
----------------------------------------------------------- */

#rcouCont img {
	vertical-align: bottom;
	}
#rcouCont .dotline {
	margin: 0;
	padding: 7px 0;
	}
#rcouCont .dotline3 { /* +Shading有の点線 */
	margin: 0;
	padding: 13px 0 5px 0;
	*padding: 15px 0 5px 0;
	}
#rcouCont .left {
	float: left;
	}
#rcouCont .right {
	float: right;
	}
#rcouCont .shading {
	clear: both;
	width: 158px;
	height: 17px;
	}
#rcouCont .shadingTxt {
	margin: -17px 0 40px 178px;
	}
#rcouCont .colorList {
	border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
	padding: 25px 20px;
	}

	.colorList dt {
		width: 180px;
		margin: 15px 0 0 0 ;
		padding: 15px 0 0 40px;
		}
	.colorList dt.n0 { /* 最初の色番号：R136 */
		width: 180px;
		padding: 0 0 0 40px;
		}
	.colorList dt.n3 { /* +Shading有の色番号：R428,R478 */
		width: 180px;
		padding: 28px 0 0 40px;
		*padding: 23px 0 0 40px;
		}
	.colorList dd.m0 { /* ▼根元色　毛先色▼ */
		margin: -17px 0 0 0;
		padding: 0 0 0 180px;
		}
	.colorList dd.r0 { /* このカラーを使用した商品 */
		margin: -17px 0 0 0;
		*margin: -13px 0 0 0;
		padding: 0 0 0 580px;
		}
	.colorList dd.m1 { /* 最初の写真：R136_pht */
		margin: -32px 0 0 0;
		*margin: -29px 0 0 0;
		padding: 0 0 0 180px;
		}
	.colorList dd.m { /* その他の写真 */
		margin: -39px 0 0 0;
		padding: 0 0 0 180px;
		}
	.colorList dd.m3 { /* +Shading有の写真：R428,R478 */
		margin: -53px 0 0 0;
		*margin: -50px 0 0 0;
		padding: 0 0 0 180px;
		}
	.colorList dd.r1 { /* 最初のカラーを使った商品アイコン：R136のRB04 */
		margin: -49px 0 0 0;
		*margin: -50px 0 0 0;
		padding: 0 0 0 580px;
		}
	.colorList dd.r { /* その他のカラーを使った商品アイコン */
		margin: -49px 0 0 0;
		padding: 0 0 0 580px;
		}
	.colorList dd.r2 { /* カラーを使った商品アイコン2つめ：R136のRB07 */
		margin: -43px 0 0 114px;
		padding: 0 0 0 580px;
		}
	.colorList dd.r3 { /* +Shading有のカラーを使った商品アイコン */
		margin: -60px 0 0 0;
		padding: 0 0 0 580px;
		}
	.colorList dd.r4 { /* +Shading有のカラーを使った商品アイコン2つめ：R478のRB08 */
		margin: -43px 0 0 114px;
		padding: 0 0 0 580px;
		}

/* -----------------------------------------------------------
　011　アフターサービス
----------------------------------------------------------- */
#aftersCont img { vertical-align: top; }

#aftersCont td { text-align: center; }

#aftersCont li {
	list-style-type: disc;
	margin: 0 0 0 15px; }

#aftersCont dt {
	width: 2.5em;
	float: left; }

#aftersCont dd { margin: 0 0 10px 2.5em; }

/* -----------------------------------------------------------
　012　marginなど
----------------------------------------------------------- */
/*@media print {  IE 印刷時 A4 
	* html body{ zoom: 0.75 ; }
}
*/
span.small { font-size: 10px; }

	.mgnB5 {
		margin-bottom: 5px;
	}
	.mgnB10 {
		margin-bottom: 10px;
	}
	.mgnB20 {
		margin-bottom: 20px;
	}
	.mgnB30 {
		margin-bottom: 30px;
	}
	.mgnB40 {
		margin-bottom: 40px;
	}
	.mgnB50 {
		margin-bottom: 50px;
	}
	.mgnB60 {
		margin-bottom: 60px;
	}
	.mgnR20 {
		margin-right: 20px;
		}
		
		
/* -----------------------------------------------------------
 Style Info:     商品一覧 not found
----------------------------------------------------------- */
.productlist_tbl02 {
	font-size: 12px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #dcd0b7;
	border-left-color: #dcd0b7;
	clear: both;
	margin: 0; }

	.productlist_tbl02 td {
		padding-top: 80px;
		padding-bottom: 80px;
		padding-left: 10px;
		padding-right: 10px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #dcd0b7;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #dcd0b7;
		color: #FF0000; }