@charset "utf-8";

/*----------------------------------------
 PAGE:/dress/共通
------------------------------------------
 import
----------------------------------------*/
 @import url(/common/css/import.css);
/*--------------------------------------*/

/* ボトムメニュー　ドレス一覧ページ用
ドレスカレント設定　現在地のためリンクなし　商品詳細ページはリンク有り
途中やり、一覧ページのIDわけてないからどうしようかな？
------------------------------------------------------------------------

body#planPage #btmPlanArea dt.subH2 a{visibility:hidden;}
body#planPage #btmPlanArea dd.menu_planimg a {visibility:hidden;}
body#planWeddingPage #btmPlanArea dd.menu_wedding a {visibility:hidden;}
body#planPartyPage #btmPlanArea dd.menu_party a {visibility:hidden;}
body#planGuestPage #btmPlanArea dd.menu_guest a {visibility:hidden;}
body#planGoodsPage #btmPlanArea dd.menu_goods a {visibility:hidden;}
body#planOptionPage #btmPlanArea dd.menu_option a {visibility:hidden;}
body#planPricePage #btmPlanArea dd.menu_price a {visibility:hidden;}
------*/


/* ボトムメニュー　ドレスページ用　プランカレント設定 リンク有り
-------------------------------------------------------*/


body#weddingPage #btmPlanArea dd.menu_wedding a {background:url(/common/images/menu_bottom_bg.jpg) no-repeat -696px -310px;}
body#partyPage #btmPlanArea dd.menu_party a 	{background:url(/common/images/menu_bottom_bg.jpg) no-repeat -696px -348px;}
body#guestPage #btmPlanArea dd.menu_guest a 	{background:url(/common/images/menu_bottom_bg.jpg) no-repeat -696px -386px;}
body#goodsPage #btmPlanArea dd.menu_goods a 	{background:url(/common/images/menu_bottom_bg.jpg) no-repeat -696px -423px;}
body#optionPage #btmPlanArea dd.menu_option a 	{background:url(/common/images/menu_bottom_bg.jpg) no-repeat -696px -460px;}
body#pricePage #btmPlanArea dd.menu_price a 	{background:url(/common/images/menu_bottom_bg.jpg) no-repeat -696px -497px;}


/* カラー切り替え
-----------------------------------------*/
/*
body#weddingPage #mainWide	{
	background-image: url(/common/img_con/con_bg_we.gif);
}

body#partyPage #mainWide	{
	background-image: url(/common/img_con/con_bg_pa.gif);
}

body#guestPage #mainWide	{
	background-image: url(/common/img_con/con_bg_gu.gif);
}

body#casualPage #mainWide	{
	background-image: url(/common/img_con/con_bg_ca.gif);
}
*/



/*-----　このページ専用のCSS　--------*/

/*////////////////////////////////////////////

　商品一覧ページ
/*---------------------------------------*/

div.dressLine{
		clear:both;
		width:960px;
		background:url(/common/img_con/hr_960_pink.gif) no-repeat;
		height:7px;
}

h2.dressH2{
	clear:both;
	width:900px;
	/*border-top:2px solid #333;*/
	margin:20px 0 0;
	font-weight:normal;
}


/*黒部分*/


#black960{
	background:url(/common/img_con/round_960_333.gif) no-repeat top;
	width: 960px;
	font-size: 93%;
	background-color: #333;
}

/*
body#weddingPage #black960	{
	background: url(/common/img_con/lace960_we.gif) no-repeat bottom #333;
}

body#partyPage #black960	{
	background: url(/common/img_con/lace960_pa.gif) no-repeat bottom #333;
}

body#guestPage #black960	{
	background: url(/common/img_con/lace960_gu.gif) no-repeat bottom #333;
}

body#casualPage #black960	{
	background: url(/common/img_con/lace960_ca.gif) no-repeat bottom #333;
}

*/


/* タイトル部分 */

#black960 div#innerLeft{
	float: left;
	padding: 15px 10px 0 25px;
}

body#weddingPage div#innerLeft #infoTxt {
		background-color: #E5DBDF;
	}
body#partyPage div#innerLeft #infoTxt {
		background-color: #EBE0E5;
	}
body#guestPage div#innerLeft #infoTxt {
		background-color: #DFE8EB;
	}
body#casualPage div#innerLeft #infoTxt {
		background-color: #E0EBDF;
	}


#black960 div#innerLeft img.mainTxt{
	margin:20px 0px 15px 0;
}

div#innerLeft dl{
	width: 710px;
	margin-bottom: 20px;
}

body#weddingPage div#innerLeft dl{
	color: #E88EBB;
}
body#partyPage div#innerLeft dl{
	color: #BDA1E5;
}
body#guestPage div#innerLeft dl{
	color: #A1D4E5;
}
body#casualPage div#innerLeft dl{
	color: #A6E5A1;
}





div#innerLeft dl dt{
	float: left;
	margin-right:5px;
}


/*　カラー部分　*/


#color960{
	clear: both;
}

body #color960	{
	background: url(/common/img_con/lace960_white.gif) no-repeat top;
}


/*　背景色　カテゴリー別　背景色なし（白）に変更

body#weddingPage #color960	{
	background: url(/common/img_con/lace960_we.gif) no-repeat top;
}

body#partyPage #color960	{
	background: url(/common/img_con/lace960_pa.gif) no-repeat top;
}

body#guestPage #color960	{
	background: url(/common/img_con/lace960_gu.gif) no-repeat top;
}

body#casualPage #color960	{
	background: url(/common/img_con/lace960_ca.gif) no-repeat top;
}

body#weddingPage #color960	{
	background-image: url(/common/img_con/con_bg_we.gif);
}

body#partyPage #color960	{
	background-image: url(/common/img_con/con_bg_pa.gif);
}

body#guestPage #color960	{
	background-image: url(/common/img_con/con_bg_gu.gif);
}

body#casualPage #color960	{
	background-image: url(/common/img_con/con_bg_ca.gif);
}

*/


#color960 p.firstTxt {
	padding: 40px 0 0px 0px;
}



#color960 ul.picWrap{
	padding: 30px 0px 10px 0px;
}


#color960 ul.picWrap li{
	float: left;
	width: 148px;
	padding: 0 55px 0 0;
}


/*　商品サムネイル　 */


#color960 ul li.endImg{
	padding: 0;
}


/*　文字サイズ変更時の段落落ち予防に高さを大きめに設定　*/
body#weddingPage #color960 ul.picWrap li dl{
	height: 360px;
}

body#partyPage #color960 ul.picWrap li dl{
	height: 360px;
}


body#guestPage #color960 ul.picWrap li dl{
	height: 380px;
}

body#casualPage #color960 ul.picWrap li dl{
	height: 360px;
}




/*
#color960 ul dl dt a {
	padding: 1px;
	border: 1px solid #666;
	display: block;
	background-color: #fff;
}



#color960 ul dl dt a:hover {
	border-color: #C449EC;
}
*/

#color960 dl dt{
	padding-bottom:3px;
}

#color960 dl dd.new{
	padding-left:25px;
}

body#weddingPage #color960 dl dd.new{
	background:url(/common/img_con/new_we.gif) no-repeat 0 4px;
}
body#partyPage #color960 dl dd.new{
	background:url(/common/img_con/new_pa.gif) no-repeat 0 4px;
}
body#guestPage #color960 dl dd.new{
	background:url(/common/img_con/new_gu.gif) no-repeat 0 4px;
}
body#casualPage #color960 dl dd.new{
	background:url(/common/img_con/new_ca.gif) no-repeat 0 4px;
}



#color960 dl dd{
	padding-top: 3px;
	font-size: 77%;
	line-height: 1.2em;
}

#color960 dl dd.listPrice{
	color: #88661C;
}



/*/////////////////////////////////////

　商品詳細ページ
-------------------------------------*/

/*　左右　*/

#leftArea{
	float: left;
	width: 324px;
	padding: 30px 0 30px 30px;
}

#leftArea p.zoomTxt{
	color:#FFFFFF;
	text-align:center;
	font-size:85%;
}


#rightArea{
	float: right;
	width: 550px;
	padding: 30px 30px 30px 0;
}




/*　ページナビボタン */
ul.dressNavi{
	padding: 10px 0 0;
}

	
ul.dressNavi li{
	float: left;
	padding: 8px 7px 0 0;
}


ul.dressNavi li.endImg{
	padding-right: 0;
}


ul#thumPic{
	padding-bottom:10px;
}


ul#thumPic li{
	float: left;
	padding: 0 20px 20px 0;
}


ul#thumPic li.endImg,
#color960 ul.picWrap li.endImg {
	padding-right: 0;
}



/* カラー背景部分　*/


#colorInfo{
	clear: both;
}
	body#weddingPage #colorInfo{
		background-image: url(/common/img_con/con_bg_we.gif);
	}
	body#partyPage #colorInfo{
		background-image: url(/common/img_con/con_bg_pa.gif);
	}
	body#guestPage #colorInfo{
		background-image: url(/common/img_con/con_bg_gu.gif);
	}
	body#casualPage #colorInfo{
		background-image: url(/common/img_con/con_bg_ca.gif);
	}



 #colorInfo .inner{
	padding: 20px;
}

	body#weddingPage #colorInfo .inner{
		background: url(/common/img_con/lace960_we.gif) no-repeat top;
	}
	body#partyPage #colorInfo .inner{
		background: url(/common/img_con/lace960_pa.gif) no-repeat top;
	}
	body#guestPage #colorInfo .inner{
		background: url(/common/img_con/lace960_gu.gif) no-repeat top;
	}
	body#casualPage #colorInfo .inner{
		background: url(/common/img_con/lace960_ca.gif) no-repeat top;
	}





/*　商品タイトル　*/

#colorInfo h2.conTxt{
	padding: 0px 5px 0px 20px;
	font-size: 123.1%;
	margin-top:10px;
}


body#weddingPage #colorInfo h2.conTxt{
	background: url(/common/img_con/icon_rose_we.gif) no-repeat 0px 2px;
}

body#partyPage #colorInfo h2.conTxt	{
	background: url(/common/img_con/icon_rose_pa.gif) no-repeat 0px 2px;
}

body#guestPage #colorInfo h2.conTxt	{
	background: url(/common/img_con/icon_rose_gu.gif) no-repeat 0px 2px;
}

body#casualPage #colorInfo h2.conTxt	{
	background: url(/common/img_con/icon_rose_ca.gif) no-repeat 0px 2px;
}


#rightArea ul.dressInfo{
	padding-top:20px;
}

#rightArea ul.dressInfo li{
	line-height: 2em;
}



/*
#rightArea ul.dressInfo li.itemNo{

		}

		
ul.dressInfo li.buyPrice{
	font-weight: bold;
}


body#weddingPage ul.dressInfo li.buyPrice{
	color: #8C3F66;
}

body#partyPage  ul.dressInfo li.buyPrice{
	color: #8C3F66;
}

body#guestPage ul.dressInfo li.buyPrice{
	color: #3C4497;
}

body#casualPage ul.dressInfo li.buyPrice{
	color: #8C3F66;
}

*/






		
/*コメント＆サイズ*/	

div#rightArea p.comment{
	padding-top: 10px;
}



div#rightArea table.tableDetail {
	width: 100%;
	padding: 0px;
	margin: 20px 0 0;
	border-collapse: collapse;
}


div#rightArea table.tableDetail th {
	width: 10%;
	padding: 4px 2px 2px 4px;
/*	border: 1px solid #A9A9A9;*/
	font-size: 85%;
	font-weight: bold;
	line-height: 1.4;
	vertical-align: top;
	text-align: left;
/*	background-color: #C7C7C7;*/
}


body#weddingPage div#rightArea table.tableDetail th {
	color: #AA316F;
}

body#partyPage div#rightArea table.tableDetail th {
	color: #9C67E5;
}

body#guestPage div#rightArea table.tableDetail th {
	color: #2563BB;
}

body#casualPage div#rightArea table.tableDetail th  {
	color: #468C3F;
}



div#rightArea table td {
	padding: 4px 2px 2px 4px;
/*	border: 1px solid #A9A9A9;*/
	font-size: 85%;
	line-height: 1.4;
/*	background-color: #EEEEEE;*/
}



/*販売価格変更テキスト*/
.fixPrice{
	text-decoration:line-through;
}
.salePrice{
	color:#b34737;
}


/*//////  cloud-zoom  ////////////////////*/

.zoom-small-image
{
  border: 1px solid #8B8B8B;
  padding:1px;
  
}

ul#thumPic li a img{
  border: 1px solid #8B8B8B;
  margin: 0px;
  padding:1px;
}


/*
.zoom-tiny-image
{
  border: 1px solid #8B8B8B;
  margin: 0px;
  padding:1px;
}
.zoom-tiny-image:hover
{
  border: 1px solid #EC8195;
}

*/