@charset "utf-8";

/*----------------------------------------
 PAGE:
 /plan/plan_wedding/
 /plan/plan_party/
 /plan/plan_guest/
------------------------------------------
 import プラン用共通ファイルをインポート
----------------------------------------*/
 @import url(/plan/css/plan_common.css);
/*--------------------------------------*/


/*---------------------------------------
/* ウエディングプラン、パーティープラン、ゲストプランの共通詳細部分
--------------------------------------------*/

.planInfoArea{
	position:relative;
	width:840px;
	height:304px;
	margin:30px 30px 0;
}

.planInfoArea img.dressImg{
	position:absolute;
	left:0;
	top:0;
}

.planInfoArea img.plus{
	position:absolute;
	left:239px;
	top:135px;
}

.planInfoArea img.goodsImg{
	position:absolute;
	left:275px;
	top:0px;
}


.planInfoArea div.priceBox{
	position:absolute;
	top:0;
	right:0;
	width:292px;
	height:304px;
}

/*---------------------------------------------------------
/*　プライス情報部分
---------------------------------------------------------*/

/*　ウエディングドレスページ
---------------------------------*/	


	/*プライスの背景設定 */
	body#planWeddingPage #plan01 .planInfoArea div.priceBox{background:url(../plan_wedding/images/price01_bg.gif) no-repeat;}
	body#planWeddingPage #plan02 .planInfoArea div.priceBox{background:url(../plan_wedding/images/price02_bg.gif) no-repeat;}

	/*へアメイクボタン位置設定 */
	body#planWeddingPage #plan01 .planInfoArea div.priceBox img.hair{position:absolute;top:212px;left: 28px;}
	body#planWeddingPage #plan02 .planInfoArea div.priceBox img.hair{position:absolute;top:217px;left: 27px;}

	/*　プライス背景上　のテキストリンク　*/
	body#planWeddingPage #plan01 .planInfoArea div.priceBox p{
	position:absolute;
	top:268px;
	left: 29px;
	padding:0;
	width: 250px;
	font-size:85%;
}
	body#planWeddingPage #plan02 .planInfoArea div.priceBox p{
	position:absolute;
	top:273px;
	left: 29px;
	padding:0;
	width: 250px;
	font-size:85%;
}


/*　パーティードレスページ
---------------------------------*/	


	/*プライスの背景設定 */
	body#planPartyPage #plan01 .planInfoArea div.priceBox{background:url(../plan_party/images/price01_bg.gif) no-repeat;}
	body#planPartyPage #plan02 .planInfoArea div.priceBox{background:url(../plan_party/images/price02_bg.gif) no-repeat;}
	body#planPartyPage #plan03 .planInfoArea div.priceBox{background:url(../plan_party/images/price03_bg.gif) no-repeat;}


	/*へアメイクボタン位置設定 */
	body#planPartyPage #plan01 .planInfoArea div.priceBox img.hair{position:absolute;top:212px;left: 28px;}
	body#planPartyPage #plan02 .planInfoArea div.priceBox img.hair{position:absolute;top:217px;left: 27px;}
	body#planPartyPage #plan03 .planInfoArea div.priceBox img.hair{position:absolute;top:217px;left: 27px;}

	/*　プライス背景上　のテキストリンク　*/
	body#planPartyPage #plan01 .planInfoArea div.priceBox p{
	position:absolute;
	top:268px;
	left: 29px;
	padding:0;
	width: 250px;
	font-size:85%;
}
	body#planPartyPage #plan02 .planInfoArea div.priceBox p{
	position:absolute;
	top:273px;
	left: 29px;
	padding:0;
	width: 250px;
	font-size:85%;
}

	body#planPartyPage #plan03 .planInfoArea div.priceBox p{
	position:absolute;
	top:273px;
	left: 29px;
	padding:0;
	width: 250px;
	font-size:85%;
}


/* ゲストドレスページ
---------------------------------*/

	/* ゲストページ用 プライスの背景設定 */
	
	body#planGuestPage #plan01 .planInfoArea div.priceBox{background:url(../plan_guest/images/price01_bg.gif) no-repeat;}
	body#planGuestPage #plan02 .planInfoArea div.priceBox{background:url(../plan_guest/images/price02_bg.gif) no-repeat;}
	body#planGuestPage #plan03 .planInfoArea div.priceBox{background:url(../plan_guest/images/price03_bg.gif) no-repeat;}
	body#planGuestPage #plan04 .planInfoArea div.priceBox{background:url(../plan_guest/images/price04_bg.gif) no-repeat;}


	/*ゲストページ用　へアメイクボタン位置設定*/
	body#planGuestPage #plan01 .planInfoArea div.priceBox img.hair{position:absolute;top:175px;left: 30px;}
	body#planGuestPage #plan02 .planInfoArea div.priceBox img.hair{position:absolute;top:231px;left: 27px;}
	body#planGuestPage #plan03 .planInfoArea div.priceBox img.hair{position:absolute;top:205px;left: 30px;}
	

	


/* ゲストページ＆パーティーページのビープリンセス用特別
-------------------------------------------------------*/

.planInfoArea img.hairImg{
	position:absolute;
	left:545px;
	top:0px;
}

.planInfoArea img.flowerImg{
	position:absolute;
	left:709px;
	top:0px;
}

.planInfoArea img.plus1{
	position:absolute;
	left:515px;
	top:45px;
}

.planInfoArea img.plus2{
	position:absolute;
	left:512px;
	top:45px;
}

.planInfoArea img.plus3{
	position:absolute;
	left:678px;
	top:45px;
}

.planInfoArea div.priceBox{
	position:absolute;
	top:0;
	right:0;
	width:292px;
	height:304px;
}


body#planPartyPage #plan03 .planInfoArea div.priceBox,
body#planGuestPage #plan04 .planInfoArea div.priceBox{
	position:absolute;
	top:122px;
	right:2px;
	width:292px;
	height:183px;
}

body#planPartyPage #plan03 .planInfoArea div.priceBox p,
body#planGuestPage #plan04 .planInfoArea div.priceBox p{
	position:absolute;
	top:117px;
	left: 28px;
	padding:0;
	width: 251px;
	font-size:85%;
	}

	body#planPartyPage #plan03 dl.osusume,
	body#planGuestPage #plan04 dl.osusume{
	padding:20px 30px 0;	font-size:85%;
	}

	body#planGuestPage #plan04 dl.osusume dt{
	float:left;
	width:220px;
	color:#5A74CA;
	font-weight:bold;
	}
	body#planPartyPage #plan03 dl.osusume dt{
	float:left;
	width:220px;
	color:#895BC9;
	font-weight:bold;
	}
	
	
	body#planPartyPage #plan03 dl.osusume dd,
	body#planGuestPage #plan04 dl.osusume dd{
	margin-bottom:5px;
	padding-left:220px;
	}

	body#planPartyPage .thumPicVideo img.bepri,
	body#planGuestPage .thumPicVideo img.bepri{
	padding:10px 0 10px 10px;
	float:left;
	display:inline;
	display:block;
}

	
	
	/*　ゲストページ　ブライズメイド用特別
	----------------------------------------*/

	body#planGuestPage #plan03 dl{padding:10px 30px 0;}
	body#planGuestPage #plan03 dl dt{font-weight:bold;color:#6479BF;
	}	


/*---------------------------------------
　 サムネイル写真＆ムービー
----------------------------------------*/
.thumPicVideo{
	width:838px;
	margin:30px 30px;
}

	body#planWeddingPage .thumPicVideo{	background-color:#ECECEC; border:1px solid #C8C8C8;}
	body#planPartyPage .thumPicVideo{	background-color:#ECECEC; border:1px solid #C8C8C8;}
	body#planGuestPage .thumPicVideo{	background-color:#ECECEC; border:1px solid #C8C8C8;}
	body#planCasualPage .thumPicVideo{	background-color:#ECECEC; border:1px solid #C8C8C8;}

.thumPicVideo ul{
	padding:10px 0 10px 10px;
	width:670px;
}

.thumPicVideo ul li{
	margin:0px 18px 10px 0;
	float:left;
	display: inline;
	width:75px;
	height:75px;
	border:1px solid #C8C8C8;
	line-height:1px;
	font-size:1px;
}

.thumPicVideo div.youtube,
.thumPicVideo img.youtube{
	padding:10px 10px 0 0;
	float:right;
	display:inline;
}

.thumPicVideo div.youtube{
	width:145px;
	padding:10px 10px 0 0;
	float:right;
	display:inline;
}
.thumPicVideo div.youtube img{
	display:inline;
	margin-bottom:5px;
}



/*---------------------------------------
　 サムネイル写真＆ムービー 2　youtube埋め込み
----------------------------------------*/
.thumPicVideoIn{
	width:838px;
	margin:30px 30px;
}

	body#planWeddingPage .thumPicVideoIn{	background-color:#ECECEC; border:1px solid #C8C8C8;}
	body#planPartyPage .thumPicVideoIn{	background-color:#ECECEC; border:1px solid #C8C8C8;}
	body#planGuestPage .thumPicVideoIn{	background-color:#ECECEC; border:1px solid #C8C8C8;}
	body#planCasualPage .thumPicVideoIn{	background-color:#ECECEC; border:1px solid #C8C8C8;}

.thumPicVideoIn ul{
	padding:10px 0 10px 10px;
	width:380px;
	float:left;
	display:inline;
}

.thumPicVideoIn ul li{
	margin:0px 18px 18px 0;
	float:left;
	display: inline;
	width:75px;
	height:75px;
	border:1px solid #C8C8C8;
	line-height:1px;
	font-size:1px;
}

.thumPicVideoIn ul li.end{
	margin-right:0;
}

.thumPicVideoIn div.youtubeWrap{
	float:right;
	width:430px;
	margin:10px 10px 10px 0;
	text-align:right;
	font-size:85%;
}