@charset "Shift_JIS";


/*pioneer
---------------------------------------------------------------------------------------------------------*/
div#pioneer{
	width:800px;
	margin:10px 0px 2em 75px;
}


/*mainvisual
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.mainvisual{
	position:relative;
	width:800px;
	height:398px;
}
div#pioneer div.mainvisual h1{
	position:absolute;
	top:0px;
	left:0px;
}
div#pioneer div.mainvisual p{
	position:absolute;
	top:175px;
	left:30px;
	color:#f7efd9;
	font-size:120%;
}


/*item
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.item{
	width:800px;
	background:url(../img/item_bg.gif) repeat-y left top;
	margin-top:20px;
}
div#pioneer div.item .fl{
	position:relative;
}


/*price
---------------------------------------------------------------------------------------------------------*/

div#pioneer .mp{
	color:#FFF;
	font-size:12px;
}

div#pioneer .bgp1{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FF8533;
	font-size:16px;
	font-weight:bold;
	line-height:1.1;
	display:block;
	position:absolute;
}
div#pioneer .bgp1 em{
	color:#FF8533;
	font-size:12px;
}

div#pioneer .bgp2{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FF8533;
	font-size:12px;
	font-weight:bold;
	line-height:1.1;
	padding-top:10px;
}
div#pioneer .bgp2 span{
	font-size:20px;
}

/*about
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.about{
	width:800px;
	background:url(../img/about_bg.gif) repeat-y left top;
	margin-top:20px;
	color:#fbf8e8;
}
div#pioneer div.about div.bg02{
	width:700px;
	margin:20px 0px 15px 30px;
	padding:20px;
	border:1px solid #4d4d4d;
	background:#333333;
}
div#pioneer div.about div.bg02 h3{
	font-size:120%;
	border-bottom:1px dotted #f7f2d1;
}
div#pioneer div.about div.bg02 .kome{color:#ffcc66;}


/*barber
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.barber{
	width:800px;
	background:url(../img/barber_bg.gif) repeat-y left top;
	margin-top:20px;
	color:#fbf8e8;
}
div#pioneer div.barber .img01{
	width:800px;
	height:142px;
	background:url(../img/barber_img01.jpg) no-repeat left top;
}
div#pioneer div.barber .bg01{
	width:800px;
	background:url(../img/barber_bg01.gif) repeat-y left top;
}
div#pioneer div.barber .bg02{
	width:800px;
	background:url(../img/barber_bg02.gif) repeat-y left top;
}
div#pioneer div.barber .bg03{
	width:800px;
	background:url(../img/barber_bg03.gif) repeat-y left top;
}
div#pioneer div.barber .bg04{
	width:800px;
	background:url(../img/barber_bg04.gif) repeat-y left top;
}
div#pioneer div.barber .price{
	margin-top:10px;
	padding:10px;
	border:1px solid #666666;
	background:#262626;
}
div#pioneer div.barber h4{font-size:120%;}
div#pioneer div.barber h5{font-size:110%;}
div#pioneer div.barber .bold{font-weight:bold;}
div#pioneer div.barber .small{font-size:85%;}
div#pioneer div.barber .gray{color:#333333;}
div#pioneer div.barber .orange{color:#e57c23;}
div#pioneer div.barber .yellow{color:#ffcc66;}
div#pioneer div.barber .kome{
	color:#f7f2d1;
	font-size:90%;
}


/*barber/EXIV
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.barber .exiv_img04{
	width:354px;
	height:99px;
	padding:10px 0px 0px 20px;
	background:url(../img/barber_exiv_img04.gif) no-repeat left top;
	color:#333333;
}
div#pioneer div.barber .exiv_img12{
	position:relative;
	width:800px;
	height:119px;
	background:url(../img/barber_exiv_img12.jpg) no-repeat left top;
}
div#pioneer div.barber .exiv_img12 p.title{
	position:absolute;
	top:25px;
	left:210px;
}
div#pioneer div.barber .exiv_img12 p.text{
	position:absolute;
	top:50px;
	left:210px;
}


/*barber/eo
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.barber .eo_img03{
	width:342px;
	height:183px;
	padding-right:50px;
	background:url(../img/barber_eo_img03.gif) no-repeat left top;
}
div#pioneer div.barber .eo_img10{
	position:relative;
	width:800px;
	height:119px;
	background:url(../img/barber_eo_img10.jpg) no-repeat left top;
}
div#pioneer div.barber .eo_img10 p.title{
	position:absolute;
	top:30px;
	left:90px;
}
div#pioneer div.barber .eo_img10 p.text{
	position:absolute;
	top:55px;
	left:90px;
}


/*barber/Amuze
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.barber .amuze_img02{
	width:413px;
	height:253px;
	padding-left:50px;
	background:url(../img/barber_amuze_img02.gif) no-repeat left top;
}
div#pioneer div.barber .amuze_img09{
	position:relative;
	width:800px;
	height:110px;
	background:url(../img/barber_amuze_img09.jpg) no-repeat left top;
}
div#pioneer div.barber .amuze_img09 p.title{
	position:absolute;
	top:20px;
	left:90px;
}
div#pioneer div.barber .amuze_img09 p.text{
	position:absolute;
	top:45px;
	left:90px;
	width:530px;
}


/*barber/PC8
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.barber .pc8_img03{
	width:342px;
	height:157px;
	padding-right:50px;
	background:url(../img/barber_pc8_img03.gif) no-repeat left top;
}
div#pioneer div.barber .pc8_img09{
	position:relative;
	width:800px;
	height:115px;
	background:url(../img/barber_pc8_img09.jpg) no-repeat left top;
}
div#pioneer div.barber .pc8_img09 p.title{
	position:absolute;
	top:25px;
	left:210px;
}
div#pioneer div.barber .pc8_img09 p.text{
	position:absolute;
	top:50px;
	left:210px;
}


/*barber/PC9
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.barber .pc9_img03{
	width:342px;
	height:162px;
	padding-right:50px;
	background:url(../img/barber_pc9_img03.gif) no-repeat left top;
}
div#pioneer div.barber .pc9_img09{
	position:relative;
	width:800px;
	height:105px;
	background:url(../img/barber_pc9_img09.jpg) no-repeat left top;
}
div#pioneer div.barber .pc9_img09 p.title{
	position:absolute;
	top:30px;
	left:90px;
}
div#pioneer div.barber .pc9_img09 p.text{
	position:absolute;
	top:55px;
	left:90px;
	width:530px;
}


/*barber/TPC
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.barber .tpc_img03{
	width:342px;
	height:163px;
	padding-right:50px;
	background:url(../img/barber_tpc_img03.gif) no-repeat left top;
}
div#pioneer div.barber .tpc_img06{
	position:relative;
	width:800px;
	height:115px;
	background:url(../img/barber_tpc_img06.jpg) no-repeat left top;
}
div#pioneer div.barber .tpc_img06 p.title{
	position:absolute;
	top:20px;
	left:210px;
}
div#pioneer div.barber .tpc_img06 p.text{
	position:absolute;
	top:45px;
	left:210px;
	padding-right:50px;
}


/*shampoo
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.shampoo{
	width:800px;
	background:url(../img/shampoo_bg.gif) repeat-y left top;
	margin-top:20px;
	color:#ffffff;
}
div#pioneer div.shampoo .bg01{
	width:800px;
	background:url(../img/shampoo_bg01.gif) repeat-y left top;
}
div#pioneer div.shampoo .bg01 .blue{color:#9acffc;}
div#pioneer div.shampoo .bg02{
	width:800px;
	background:url(../img/shampoo_bg02.gif) repeat-y left top;
}
div#pioneer div.shampoo .bg03{
	width:800px;
	background:url(../img/shampoo_bg03.gif) repeat-y left top;
}
div#pioneer div.shampoo .price{
	margin-top:10px;
	padding:10px;
	border:1px solid #666666;
	background:#262626;
}
div#pioneer div.shampoo h4{
	color:#9acffc;
	font-size:120%;
}
div#pioneer div.shampoo h5{font-size:110%;}
div#pioneer div.shampoo .bold{font-weight:bold;}
div#pioneer div.shampoo .small{font-size:85%;}
div#pioneer div.shampoo .gray{color:#333333;}
div#pioneer div.shampoo .blue{color:#3d6cb0;}
div#pioneer div.shampoo .kome{
	color:#ffcc66;
	font-size:90%;
}


/*shampoo/Coral
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.shampoo .coral_img03{
	width:320px;
	height:167px;
	padding-right:50px;
	text-align:right;
	background:url(../img/shampoo_coral_img03.jpg) no-repeat left top;
}
div#pioneer div.shampoo .coral_img10{
	position:relative;
	width:800px;
	height:107px;
	background:url(../img/shampoo_coral_img10.jpg) no-repeat left top;
}
div#pioneer div.shampoo .coral_img10 p.title{
	position:absolute;
	top:25px;
	left:90px;
}
div#pioneer div.shampoo .coral_img10 p.text{
	position:absolute;
	top:50px;
	left:90px;
}


/*shampoo/squall
---------------------------------------------------------------------------------------------------------*/
div#pioneer div.shampoo .squall_img03{
	width:320px;
	height:172px;
	padding-right:50px;
	text-align:right;
	background:url(../img/shampoo_squall_img03.jpg) no-repeat left top;
}
div#pioneer div.shampoo .squall_img09{
	position:relative;
	width:800px;
	height:107px;
	background:url(../img/shampoo_squall_img09.jpg) no-repeat left top;
}
div#pioneer div.shampoo .squall_img09 p.title{
	position:absolute;
	top:25px;
	left:220px;
}
div#pioneer div.shampoo .squall_img09 p.text{
	position:absolute;
	top:50px;
	left:220px;
}


/*align
---------------------------------------------------------------------------------------------------------*/
div#pioneer .center{text-align:center;}
div#pioneer .right{text-align:right;}


/*clearFix,float
---------------------------------------------------------------------------------------------------------*/
div#pioneer .clearFix{zoom:1;}
div#pioneer .clearFix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div#pioneer .fl{float:left;}
div#pioneer .fr{float:right;}


/*width
---------------------------------------------------------------------------------------------------------*/
div#pioneer .w200{width:200px;}
div#pioneer .w210{width:210px;}
div#pioneer .w230{width:230px;}
div#pioneer .w260{width:260px;}
div#pioneer .w280{width:280px;}
div#pioneer .w370{width:370px;}
div#pioneer .w380{width:380px;}
div#pioneer .w420{width:420px;}
div#pioneer .w460{width:460px;}
div#pioneer .w515{width:515px;}


/*height
---------------------------------------------------------------------------------------------------------*/
div#pioneer .h70{height:70px;}


/*padding
---------------------------------------------------------------------------------------------------------*/
div#pioneer .pt05{padding-top:5px;}
div#pioneer .pr05{padding-right:5px;}
div#pioneer .pl05{padding-left:5px;}
div#pioneer .pt10{padding-top:10px;}
div#pioneer .pb10{padding-bottom:10px;}
div#pioneer .pl10{padding-left:10px;}
div#pioneer .pt15{padding-top:15px;}
div#pioneer .pl15{padding-left:15px;}
div#pioneer .pt20{padding-top:20px;}
div#pioneer .pl20{padding-left:20px;}
div#pioneer .pt30{padding-top:30px;}
div#pioneer .pr30{padding-right:30px;}
div#pioneer .pl30{padding-left:30px;}
div#pioneer .pl35{padding-left:35px;}
div#pioneer .pl40{padding-left:40px;}
div#pioneer .pt50{padding-top:50px;}
div#pioneer .pl50{padding-left:50px;}