@charset "utf-8";

/*ヘアデザインライブラリー 2008年 新規追加分*/

body{
	color:#260c00;
}

/*■　トップイメージ大枠 パターン１*/
div#top-pattern01{
	height:411px;
	width:950px;
	margin-bottom:40px;
	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-repeat: no-repeat;
	background-position: top;
	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;
}


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


/*■　トップイメージ大枠内　テキスト配置１*/
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;
}

/*■　トップイメージ大枠内　テキスト配置２*/
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;
}

/*■　トップイメージ大枠内　テキスト配置３*/
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;
}


/*■　左カラム*/
div#content{
	float:left;
	margin-left:18px;
	width:430px;
	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;}
.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;}
.nuabg{background-color:#faf0ea;}
.haibg{background-color:#e4f4f7;}
.exbg{background-color:#e4ecf7;}
.swibg{background-color:#faeaf3;}
.otherbg{background-color:#faf0ea;}

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



/*■　右カラム*/
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;
}



/*■　サーチ*/

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