@charset "utf-8";

body{
	color:#260c00;
}

div#top-pattern01{
	height:411px;
	width:950px;
	margin-bottom:40px;
	position:relative;
}
div#top-pattern02{
	height:340px;
	width:950px;
	margin-bottom:0px;
	position:relative;
}

.topimg01{
	background:url(../images/library08/01top.jpg) top no-repeat;
}
.topimg01 img{
	margin-top:310px;
}

.topimg02{
	background:url(../images/library08/02top.jpg) top no-repeat;
}
.topimg02 img{
	margin-top:310px;
}

.topimg03{
	background:url(../images/library08/03top.jpg) top no-repeat;
}
.topimg03 img{
	margin-top:310px;
	margin-left:250px;
}

.topimg04{
	background:url(../images/library08/04top.jpg) top no-repeat;
}
.topimg04 img{
	margin-top:310px;
}

.topimg05{
	background:url(../images/library08/05top.jpg) top no-repeat;
}
.topimg05 img{
	margin-top:310px;
}

.topimg06{
	background:url(../images/library08/06top.jpg) top no-repeat;
}
.topimg06 img{
	margin-top:310px;
}

.topimg07{
	background:url(../images/library08/07top.jpg) top no-repeat;
}
.topimg07 img{
	margin-top:310px;
}

.topimg08{
	background:url(../images/library08/08top.jpg) top no-repeat;
}
.topimg08 img{
	margin-top:310px;
	margin-left:310px;
}

.topimg09{
	background:url(../images/library08/09top.jpg) top no-repeat;
}
.topimg09 img{
	margin-top:310px;
}

.topimg10{
	background:url(../images/library08/10top.jpg) top no-repeat;
}
.topimg10 img{
	margin-top:310px;
	margin-left:250px;
}

.topimg11{
	background:url(../images/library08/11top.jpg) top no-repeat;
}
.topimg11 img{
	margin-top:310px;
	margin-left:310px;
}

.topimg12{
	background:url(../images/library08/12top.jpg) top no-repeat;
}
.topimg12 img{
	margin-top:310px;
}
.topimg_mist{
	background:url(../images/library09/mist_top.jpg) top no-repeat;
}
.topimg_mist img{
	margin-top:310px;
}
.topimg_st_gel{
	background:url(../images/library09/st_gel_top.jpg) top no-repeat;
}
.topimg_st_gel img{
	margin-top:310px;
}
.topimg_gel01{
	background:url(../images/library11/11gel01_top.jpg) top no-repeat;
}
.topimg_gel01 img{
	margin-top:310px;
}
.topimg_wavy_gel img{
	margin-top:310px;
}
.topimg_wavy_gel{
	background:url(../images/library09/wavy_gel_top.jpg) top no-repeat;
}

.topimg_milk img{
	margin-top:310px;
}
.topimg_milk{
	background:url(../images/library09/milk_top.jpg) top no-repeat;
}
.topimg_oil img{
	margin-top:310px;
}
.topimg_oil{
	background:url(../images/library09/oil_top.jpg) top no-repeat;
}


div#top-pattern02{
	height:340px;
	width:950px;
	position:relative;
}
.topimg13{
	background:url(../images/library08/13top.jpg) top no-repeat;
}
.topimg14{
	background:url(../images/library08/14top.jpg) top no-repeat;
}
.topimg15{
	background:url(../images/library08/15top.jpg) top no-repeat;
}
.topimg16{
	background:url(../images/library08/16top.jpg) top no-repeat;
}
.topimg17{
	background:url(../images/library08/17top.jpg) top no-repeat;
}
.topimg_st_foam{
	background:url(../images/library09/st_foam_top.jpg) top no-repeat;
}
.topimg_hard_foam{
	background:url(../images/library09/st_hard_foam_top.jpg) top no-repeat;
}


.topimg_roll_style01{
	background:url(../images/library08/roll_style01_main.jpg) top no-repeat;
}
.topimg_roll_style03{
	background:url(../images/library08/roll_style03_main.jpg) top no-repeat;
}
.topimg_roll_style04{
	background:url(../images/library08/roll_style04_main.jpg) top no-repeat;
}
.bottomimg_roll_style01{
	background:url(../images/library08/roll_style01_bottom.jpg)  top left no-repeat;;
}
.bottomimg_roll_style03{
	background:url(../images/library08/roll_style03_bottom.jpg)  top left no-repeat;;
}
.bottomimg_roll_style04{
	background:url(../images/library08/roll_style04_bottom.jpg)  top left no-repeat;;
}
/*@gbvC[Wg@eLXgzuP*/
div#top-pattern01 #description01{
	width:400px;
	position:absolute;
	left:238px;
	top:290px;
	line-height:2.0;
}

div#top-pattern01 #description01 h2{
	font-size:18px; font-weight:bold;
}

/*@gbvC[Wg@eLXgzuQ*/
div#top-pattern01 #description02{
	width:200px;
	position:absolute;
	left:15px;
	top:260px;
	line-height:1.6;
}

div#top-pattern01 #description02 h2{
	font-size:18px; font-weight:bold;
}

/*@gbvC[Wg@eLXgzuR*/
div#top-pattern02 #description03{
	width:530px;
	position:absolute;
	left:15px;
	top:85px;
	left:278px;
	line-height:1.8;
	color:#FFFFFF;
}

div#top-pattern02 #description03 h2{
	font-size:18px; font-weight:bold;
}


/*@J*/
div#content{
	float:left;
	margin-left:18px;
	width:430px;
	display:inline;
}
div#content2{
	float:left;
	margin-left:18px;
	width:456px;
	display:inline;
}

/*@POINT*/

div#point{
	padding:40px 0 0 25px;
}
div#point p{
	margin:0;
	width:374px;
	line-height:1.8em;
}

.sma{background:url(../images/library08/sma-point_top.gif) top no-repeat;}
.flu{background:url(../images/library08/flu-point_top.gif) top no-repeat;}
.edg{background:url(../images/library08/edg-point_top.gif) top no-repeat;}
.rou{background:url(../images/library08/rou-point_top.gif) top no-repeat;}
.mist{background:url(../images/library09/mist_point_top.gif) top no-repeat;}
.st_gel{background:url(../images/library09/st_gel_point_top.gif) top no-repeat;}
.gel01{background:url(../images/library11/11gel01_point_top.gif) top no-repeat;}
.wavy_gel{background:url(../images/library09/wavy_gel_point_top.gif) top no-repeat;}
.milk{background:url(../images/library09/milk_point_top.gif) top no-repeat;}
.oil{background:url(../images/library09/oil_point_top.gif) top no-repeat;}
.nua{background:url(../images/library08/nua-point_top.gif) top no-repeat;}
.hai{background:url(../images/library08/hai-point_top.gif) top no-repeat;}
.ex{background:url(../images/library08/ex-point_top.gif) top no-repeat;}
.swi{background:url(../images/library08/swi-point_top.gif) top no-repeat;}
.other{background:url(../images/library08/other-point_top.gif) top no-repeat;}

/*@PROCESS*/
div#process{
	padding-left:26px;
	
}

.smabg{background-color:#f7eae4;}
.flubg{background-color:#f7f7e4;}
.edgbg{background-color:#f7f2e4;}
.roubg{background-color:#eaf7e4;}
.mistbg{background-color:#e3f8cf;}
.st_gelbg{background-color:#cdedf6;}
.gel01bg{background:#ffd1e5;}
.wavy_gelbg{background-color:#fcddc7;}
.milkbg{background-color:#f7dbf3;}
.oilbg{background-color:#faf0ea;}
.nuabg{background-color:#faf0ea;}
.haibg{background-color:#e4f4f7;}
.roll1bg{background-color:#C9F1DE;}
.exbg{background-color:#e4ecf7;}
.swibg{background-color:#faeaf3;}
.otherbg{background-color:#faf0ea;}
.hardfoambg{background-color:#f2f7fa;}




.block01{
	width:374px;
	margin-bottom:15px;
}
.block01:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.block01 {display: inline-table;}
/* Hides from IE-mac \*/
* html .block01 {height: 1%;}
.block01 {display: block;}
/* End hide from IE-mac */
.block01{
  zoom:1;
}
.block01 img.left{
	float:left; margin-right:28px;
}
.block01 img.right{
	margin:10px 0 15px 0;
}
.block01 p{
	margin:0;
}

#item_1{
	width:90px;
	height:140px;
	float:left;
}

#item_2{
	height:140px;
}

#item_2 h6{
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;
	margin-left:12px;
	font-size: 14px;
}



/*@EJ*/
div#patten02_bottom{
	float:right;
	width:464px;
	height: 64px;
	/*background:url(../images/library08/roll_style01_bottom.jpg) top left no-repeat;*/
	
}
div#navigation{
	float:right;
	width:442px;
}
/*@BEFORE*/
div#before{
	padding:13px 0 0 18px;
	width:412px;
	height:150px;
	background:url(../images/library08/bg-before.gif) top left no-repeat;
}

div#before img{
	float:left; margin-right:23px;
}

div#before p{
	color:#333333;
	margin:10px 0 0 0;
	width:370px;
}
*:first-child+html div#before p{width:250px;padding-top:10px;}
* html div#before p{width:250px;padding-top:10px;}

/*@HAIR DESIGN*/
p.hairdesign{
	margin:10px 0 15px 8px;
}

/*@SALON ADVICE*/
div#salonadvice{
	padding:0 0 0 10px;
	width:390px;
}

div#salonadvice img{
	float:left; margin-right:20px;
}

div#salonadvice p{
	margin:0;
}

div#salonadvice a{
	color:#666666;
}



/*@T[`*/

#search td{
	text-align:center;
	margin:0 auto;
}

#banner_new{
	background-image:url(../images/new_announcement/bg_new.gif);
	background-repeat: no-repeat;
	height:169px;
	width:944px;
	margin:20px 0 20px 0;
}
#banner_new .btn_new{
	width:944px;
	/*margin-top:50px;*/
	padding-top:15px;
	padding-left:24px;
}
#banner_new .btn_new .magin{
	margin-right:10px;
	display: inline;
}

#navi img {
  float:right;
  margin-bottom:10px;
}