@charset "utf-8";

/* *****************************************
/*+  all  +*********************************
/***************************************** */
body{
	margin:0;
	padding:0;
	padding-bottom:30px;
	background:#f1efef;
	font-size:12px;
	line-height:1.6;
	color:#000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrap{
	position:relative;
	margin:30px auto 30px;
	width:930px;
	height:684px;
	background:#FFF;
	border:solid 1px #999;
}
#contLeft{
	float:left;
	position:relative;
	margin:5px;
	width:455px;
	height:674px;
}
body#detailPage #wrap{
	height:auto;
	background:url(../pict/2009spring-pict/gal_bottom2.gif) no-repeat bottom left #FFF;
}
body#topPage #contLeft{
	background:url(../pict/2009spring-pict/top_bg.gif) #000;
}
#contRight{
	float:right;
	margin:5px 5px 0 0;
	width:455px;
	background:url(../pict/2009spring-pict/top_decora.gif) no-repeat top right;
}


/* *****************************************
/*+  initialize  +**************************
/***************************************** */
h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.0;
}
dl,dt,dd,p{
	margin:0;
	padding:0;
}
ul,li{
	margin:0;
	padding:0;
	list-style:none;
}
a img{
	border:0;
	vertical-align:top;
	text-decoration:none;
}


/* *****************************************
/*+  clearfix  +****************************
/***************************************** */
.clear{
	clear:both;
}
.clearfix:after{ /* for New Browser */
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix{
	display:inline-block; /* for IE */
}
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */


/* *****************************************
/*+  link  +********************************
/***************************************** */
a{text-decoration:none;}
a:hover{text-decoration:underline;}


/* *****************************************
/*+  クラス切替  +**************************
/***************************************** */
body.spring a{color:#E92977;}
body.winter a{color:#E92977;}

body.spring .photoColor{background:#E92977;}
body.winter .photoColor{background:#E92977;}


/* *****************************************
/*+  TOP  +*********************************
/***************************************** */

/*★左側のテキスト画像*/
#contLeft dd.topText{
	margin:126px 0 0;
}

#contLeft dd.bottomImage{
	position:absolute;
	top:535px;
}
#mainImage{
	margin:80px auto 20px;
	width:300px;
	height:400px;
}
#galleryList{
	position:relative;
	margin:0 auto;
	width:410px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#galleryList dt{
	z-index:0;
}

/*★galleryListの＞2009など*/
#galleryList dd.year09{
	position:absolute;
	top:20px;
	right:60px;
	z-index:2;
}
#galleryList dd.year08{
	position:absolute;
	top:20px;
	right:0;
	z-index:2;
}

#galleryList li{
	margin:3px 0 3px 40px;
}
#galleryList a{
	background:url(../pict/2009spring-pict/top_icon_arrow.gif) no-repeat left;
	padding:0 0 0 20px;
}

/*★galleryListのグレイの文字*/
#galleryList .gray a{
/*	display:none;*/
	background:url(../pict/2009spring-pict/top_icon_arrow_g.gif) no-repeat left;
	padding:0 0 0 20px;
	color:#666;
}


/* *****************************************
/*+  一覧ページ／Gallery.html  +************
/***************************************** */
body#galleryPage #contLeft{
	background:url(../pict/2009spring-pict/gal_bottom.gif) no-repeat bottom left;
}
#contLeft dd.title{
	margin:20px 0;
}
#contLeft dd ul{
	margin:0 0 0 20px;
}
#contLeft li a{
	display:block;
	overflow:hidden;
	width:410px;
	height:107px;
	text-indent:-99999px;
}

/*★左側、メニュー*/
#contLeft li.midashi01 a{background:url(../pict/2009spring-pict/midashi_01.gif) no-repeat top;}
#contLeft li.midashi02 a{background:url(../pict/2009spring-pict/midashi_02.gif) no-repeat top;}
#contLeft li.midashi03 a{background:url(../pict/2009spring-pict/midashi_03.gif) no-repeat top;}
#contLeft li.midashi01 a:hover,
#contLeft li.midashi02 a:hover,
#contLeft li.midashi03 a:hover{
	background-position:0 -107px;
}
#contLeft li#thisGal a{
	background-position:0 -107px;
}

#listWrap{
	margin:130px 0 0;
}
#listWrap dl{
	position:relative;
	margin:0 0 23px;
	width:410px;
	height:43px;
	background:url(../pict/2009spring-pict/gal_bar.gif) no-repeat top left;
}
#listWrap dd.listTop a{
	display:block;
	overflow:hidden;
	position:absolute;
	top:20px;
	right:120px;
	width:90px;
	height:18px;
	background:url(../pict/2009spring-pict/gal_icon_top.gif) no-repeat;
	text-indent:-99999px;
}
#listWrap dd.listList a{
	display:block;
	overflow:hidden;
	position:absolute;
	top:20px;
	right:20px;
	width:80px;
	height:18px;
	background:url(../pict/2009spring-pict/gal_icon_list.gif) no-repeat;
	text-indent:-99999px;
}
#listWrap dd.listTop a:hover,
#listWrap dd.listList a:hover{
	background-position:0 -18px;
}
#listWrap dd.listList.thisPage a{
	background-position:0 -18px;
}
#listWrap table{
	width:410px;
}
#listWrap table img{
	margin:0 0 10px;
}

/* *****************************************
/*+  詳細ページ（ポイント無）#photoWrap01／Detail_xxx.html  +*********
/***************************************** */
#photoWrap01 .roundTop{
width:412px;
background:url(../pict/2009spring-pict/circle02.gif) #E92977 no-repeat right;
}
#photoWrap01 .roundBottom{
width:412px;
background:url(../pict/2009spring-pict/circle04.gif) #E92977 no-repeat right;
}
#photoWrap01{
	margin:0 0 20px;
}
#photoWrap01 dl{
	position:relative;
	width:412px;
	height:433px;
	background-color: #E92977;
}
#photoWrap01.longBox dl{
	height:523px;
}
#photoWrap01 dt{
	position:absolute;
	top:3px;
	left:12px;
}
#photoWrap01 dd.ph01{
	position:absolute;
	top:3px;
	right:12px;
}
#photoWrap01 dd.ph02{
	position:absolute;
	top:176px;
	right:12px;
}
#photoWrap01 .phText{
	position:absolute;
	top:353px;
	left:12px;
	width:389px;
	height:76px;
	background:#e7e4e4;
	letter-spacing:1px;
}
#photoWrap01 .phText2{
	position:absolute;
	top:353px;
	left:12px;
	width:389px;
	height:166px;
	background:#e7e4e4;
	letter-spacing:1px;
}
#photoWrap01 .phText p,
#photoWrap01 .phText2 p{
	padding:10px 20px 10px 5px;
}
#photoWrap01 .heart{
	position:absolute;
	top:410px;
	right:14px;
	z-index:2;
}

/*スタイリストコメント*/
#staffWrap{
	margin:0 0 30px;
	width:412px;
	background:#f6f4f5;
	border:solid 1px #E92977;
}
#staffWrap table{
	width:400px;
	margin:8px auto;
	background:#FFF;
}
#staffWrap th,
#staffWrap td{
	vertical-align:top;
	padding:3px;
}
#staffWrap th{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
#staffWrap td.staffImage{
	vertical-align:bottom;
}

/* *****************************************
/*+  ハニカミページ／Heart_xxx.html  +******
/***************************************** */
#heartWrap{
	margin:30px;
	width:320px;
}
#heartWrap .roundTop{
	width:320px;
	background:url(../pict/2009spring-pict/circle02.gif) #E92977 no-repeat right;
}
#heartWrap .roundBottom{
	width:320px;
	background:url(../pict/2009spring-pict/circle04.gif) #E92977 no-repeat right;
}
#heartWrap .heartImage{
	width:320px;
	background:#E92977;
	text-align:center;
}
#heartWrap .hebt{
	text-align:center;
}
#heartWrap input{
	margin:15px auto;
	width:60px;
	background:#f396bc;
	border:solid 1px #E92977;
	font-size:10px;
	text-align:center;
}


/* *****************************************
/*+  詳細ページ（ポイント有）#photoWrap02／Detail_xxx.html  +******
/***************************************** */

#photoWrap02{
	background:url(../pict/2009spring-pict/frame01.gif) no-repeat 0 0;
	width:412px;
	padding:10px 0 0 0;
	margin:0 0 20px;
}
#photoWrap02 #photoInner{
	background:#E92977;
	padding:5px 0 0 0;
}

/*ポイント*/
#photoWrap02 #photoInner #point{
	padding:0 12px 0 12px;
}
#photoWrap02 #photoInner #point .point{
	float:left;
	width:254px;
	background:#E92977;
}
#photoWrap02 #photoInner #point .point img{
	padding:20px 0 0 15px;
}
#photoWrap02 #photoInner #point .point p{
	padding:15px 0 0 15px;
	color:#FFFFFF;
}
#photoWrap02 #photoInner #point .after{
	float:right;
	width:134px;
	background:#E92977;
	text-align:right;
}
#photoWrap02 #photoInner #point .after img{
}

/*メイン写真*/
#photoWrap02 #photoInner .mainPhoto{
	float:left;
	width:254px;
	background:#E92977;
	padding:10px 0 0 12px;
}
/*写真リスト*/
#photoWrap02 #photoInner ul.imgList{
	float:right;
	width:134px;
	text-align:right;
	background:#E92977;
	padding:10px 12px 0 0;
}
#photoWrap02 #photoInner ul.imgList li{
	padding:0 0 0px 0;
}
*html #photoWrap02 #photoInner ul.imgList li{
	padding:0 0 3px 0;
}

/*コメント*/
#photoWrap02 div.photoCaption{
	background:#E92977 url(../pict/2009spring-pict/frame02.gif) no-repeat 0 100%;
	letter-spacing:1px;
	padding:8px 0 10px 0;
}
#photoWrap02 div.photoCaption p.caption{
	background:#e7e4e4;
	letter-spacing:1px;
	margin:0 12px 0 12px;
	padding:10px 10px 0;
}

#photoWrap02 p.heart{
	background:#e7e4e4;
	text-align:right;
	padding:0 5px 5px 0;
	margin:0 12px 0 12px;
}