@charset "Shift_JIS";

/*========LIST=========*/
1.poinsettia.css流用
2.poinsettia.css流用部の上書き
3.common.css上書き
4.specialtree専用
/*=====================*/




/*****　poinsettia.css流用ここから***************************************/
/*
Clear Fix
-----------------------------------------------*/
.clearfix{
zoom:100%;
}

.clearfix:after{
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}

/* 
header_xmas
------------------------------ */

#wrap div#header_xmas{
margin:0 23px 3px 23px;
clear:both;
height:38px;
}

#wrap div#header_xmas .header_kikan{
padding:10px 0 0 0;
text-align:right;
float:right;
}

#wrap div#header_xmas .totop{
width:237px;
float:left;
margin:0;
}

/* 
 localmenu
------------------------------ */

#wrap div#localmenu_xmas{
margin:0 14px;
border-bottom:2px solid #b01a15;
padding:0 0 0 3px;
clear:both;
}

#wrap div#localmenu_xmas ul{
margin:0;
line-height:1.4;
}

#wrap div#localmenu_xmas ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#wrap div#localmenu_xmas ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #wrap div#localmenu_xmas ul{
   height:1px;
}

#wrap div#localmenu_xmas ul{
   display:block;
}
/* End hide from IE-mac */

#wrap div#localmenu_xmas ul li{
list-style-type:none;
float:left;
width:119px;
margin:0 0 0 4px;
padding:0;
background:url(//img.e87.com/img/usr/xmas/localmenu_bg.gif) no-repeat top left #e5e4d7;
text-align:center;
}

#wrap div#localmenu_xmas ul li.cur{
background:url(//img.e87.com/img/usr/xmas/localmenu_bg_cur.gif) no-repeat top left #b01a15;
color:#ffffff;
}

#wrap div#localmenu_xmas ul li a{
font-weight:bold;
text-decoration:none;
color:#979685;
}

#wrap div#localmenu_xmas ul li.cur a{
color:#ffffff;
}

/* 
 localmenu_xmas
------------------------------ */
#wrap div#localmenu_xmas ul li.cur1{
width:145px;
background:url(//img.e87.com/img/usr/xmas/localmenu_bg01_cur.gif) no-repeat top left #b01a15;
}
#wrap div#localmenu_xmas ul li.cur2{
width:217px;
background:url(//img.e87.com/img/usr/xmas/localmenu_bg02_cur.gif) no-repeat top left #b01a15;
}
#wrap div#localmenu_xmas ul li.cur3{
width:118px;
background:url(//img.e87.com/img/usr/xmas/localmenu_bg03_cur.gif) no-repeat top left #b01a15;
}

#wrap div#localmenu_xmas ul li.tab1{
width:145px;
background:url(//img.e87.com/img/usr/xmas/localmenu_bg01.gif) no-repeat top left #e5e4d7;
}

#wrap div#localmenu_xmas ul li.tab2{
width:217px;
background:url(//img.e87.com/img/usr/xmas/localmenu_bg02.gif) no-repeat top left #e5e4d7;
}
#wrap div#localmenu_xmas ul li.tab3{
width:118px;
background:url(//img.e87.com/img/usr/xmas/localmenu_bg03.gif) no-repeat top left #e5e4d7;
}

#wrap div#localmenu_xmas ul li.cur1 a,
#wrap div#localmenu_xmas ul li.cur2 a,
#wrap div#localmenu_xmas ul li.cur3 a,
#wrap div#localmenu_xmas ul li.cur4 a{
color:#ffffff;
}


/* 
 localmenu02_xmas
------------------------------ */

#wrap div#localmenu02_xmas{
background:#febcb5;
border-bottom:1px solid #dbd9eb;
}

#wrap div#localmenu02_xmas ul{
margin:0;
line-height:1.4;
}

#wrap div#localmenu02_xmas ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
#wrap div#localmenu02_xmas ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #wrap div#localmenu02_xmas ul{
   height:1px;
}

#wrap div#localmenu02_xmas ul{
   display:block;
}
/* End hide from IE-mac */

#wrap div#localmenu02_xmas ul li{
list-style-type:none;
float:left;
background:url(//img.e87.com/img/usr/xmas/localmenu02_arrow.gif) #febcb5 no-repeat 7px;;
border-right:1px solid #fefcfc;
}

#wrap div#localmenu02_xmas ul li.cur{
background:url(//img.e87.com/img/usr/xmas/localmenu02_arrow_cur.gif) #ec8981 no-repeat 7px;
}

#wrap div#localmenu02_xmas ul li a{
font-weight:bold;
text-decoration:none;
color:#410c04;
display:block;
margin:2px 20px 2px 20px;
}
/* ----- columnListArea ----- */

#xmas_column {
	background-color:#ffffff;
	border:1px solid #dbdad3;
	margin:0 0 20px 0;
	padding:10px 0 5px 15px;
}

#xmas_column h3{
	background:url(//img.e87.com/selection/xmas/2008images/colum_h3icon.gif) no-repeat left top;
	color:#ca417d;
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0 0 0 19px;
}

#xmas_column ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}


.clr { zoom: 100% }
.clr:after { content: ""; display: block; clear: both; height: 0px; overflow: hidden; }


/* Win版IE7とMac版IE5対策 */
#xmas_column ul{
   display:inline-block;
   padding-left:20px;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \;*/
* html #xmas_column ul{
   height:1px;
}

#xmas_column ul{
   display:block;
   margin-bottom:5px;
}
/* End hide from IE-mac */

#xmas_column ul li {
	background:url(//img.e87.com/selection/xmas/2008images/colum_arrow.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0 15px 5px 10px;
	font-size:85%;
	width:130px;
	_width:140px;
	float:left;
	list-style:none;
}

#xmas_column ul li a {
	text-decoration:none;
}

#xmas_column ul li a:hover {
	text-decoration:underline;
}


.obi{
	background:url(//img.e87.com/selection/xmas/2008images/index_img_obi.gif) no-repeat left;
	color:#ca417d;
	padding:5px 0 5px 35px;
}

.mT10{
	margin-top:10px;
}

.lead02{
	margin-left:15px;
	margin-top:10px;
	margin:10px 0 10px 15px;
}

.bannerArea ul{
	margin-left:10px;
}

.bannerArea ul li{
	float:left;
	margin-right:10px;
}

.bannerArea a.yokohama{
	margin-left:5px;
}
/*****　poinsettia.css流用ここまで***************************************/



/*****　poinsettia.css流用部上書きここから*******************************/
#xmas_column {
	margin-left:14px;
	margin-right:14px;
}
.obi{
	margin-left:14px;
	padding:5px 0 5px 35px;
}
.lead02{
	margin-left:29px;/*(15px+14px)*/
}
.bannerArea{
	margin-left:14px;
}
/*****　poinsettia.css流用部上書きここまで*******************************/



/*****　specialtree専用ここから*****************************************/
/* 
common.css上書き
---------------------------------------- */
#contents .pagetop {
	margin-left:14px;
}

/* 
共通？
---------------------------------------- */
h2 a:link,
h2 a:active,
h2 a:visited{color:#cb417d;text-decoration:underline;font-weight:bold;}
h2 a:hover{color:#cb417d;text-decoration:underline;font-weight:bold;}

/* 
specialtree メイン
---------------------------------------- */
.sptree_mainWrap_T{
	background:transparent url(//img.e87.com/selection/xmas/2008images/sptree_main_bg_t.jpg) 0 0 no-repeat;
	padding-top:6px;
}
.sptree_mainWrap_M{
	background:transparent url(//img.e87.com/selection/xmas/2008images/sptree_main_bg_m.jpg) 0 0 repeat-y;
	margin-bottom:18px;
}
.sptree_mainWrap_B{
	background:transparent url(//img.e87.com/selection/xmas/2008images/sptree_main_bg_b.jpg) 0 100% no-repeat;
	padding-bottom:37px;
}

.sptree_feeinfo{
	width:288px;
	float:left;
}
.sptree_feeinfo img{
	margin-left:18px;
}
.sptree_scheduleinfo{
	width:350px;
	float:right;
}
.sptree_scheduleinfo img{
	margin-right:6px;
}
.sptree_ttl{
	clear:both;
	margin:17px 0 0 18px;
}
h1{
	margin:13px 0 0 25px;
	font-weight:bold;
	font-size:12px; /*固定*/
}
.sptree_lead{
	margin:5px 0 0 25px;
	line-height:1.5;
	font-size:12px; /*固定*/
}
.sptree_btn_card img{
	margin:6px 0 0 21px;
}
.sptree_txt_3m img{
	margin:49px 0 0 193px;
}

/* 
NobleTreeエリア
---------------------------------------- */
.sptree_nobletree{
	width:282px;
	margin:168px 0 0 40px;
}
.sptree_nobletree h2{
	font-size:16px;
	font-weight:bold;
}
.sptree_nobletree p{
	margin-top:10px;
	font-size:12px; /*固定*/
}
.sptree_nobletree .sptree_txtarea{
	margin-bottom:5px;
}
.sptree_nobletree .sptree_iconarea{
	background:transparent url(//img.e87.com/selection/xmas/2008images/sptree_dotline.gif) 100% 0 repeat-x;
	padding:7px 0;
}
.sptree_nobletree .sptree_iconarea img{
	margin-right:8px;
	display:block;
}
.sptree_nobletree .sptree_feearea{
	width:282px;
	font-size:12px; /*固定*/
	background:transparent url(//img.e87.com/selection/xmas/2008images/sptree_dotline.gif) 100% 0 repeat-x;
	padding:10px 0 0;
}
.sptree_nobletree .sptree_fee{
	width:230px;
	float:left;
}
.sptree_nobletree .sptree_detail{
	width:40px;
	float:right;
}

/* 
RomanticTree ＆ JewelTreeエリア
---------------------------------------- */
.sptree_otherBox{
	width:705px;
	margin:25px 0 0 22px;
}
	/*for FireFox*/
	html:not([lang*=""]) .sptree_otherBox{
		margin:23px 0 0 22px;
	}

.sptree_romantictree{
	width:338px;
	float:left;
}
.sptree_jeweltree{
	width:338px;
	float:right;
}
.sptree_mainphtroman{
	width:268px;
	height:247px;
	position:relative;
	margin-left:24px;
}
.sptree_mainphtjewel{
	width:251px;
	height:246px;
	position:relative;
	margin-left:37px;
}

.sptree_otherBox .sptree_txtarea{
	width:320px;
	margin-left:15px;
}
.sptree_otherBox h2{
	margin-top:14px;
}
.sptree_otherBox .sptree_txtarea p{
	margin:8px 0;
}
.sptree_otherBox .sptree_iconarea{
	width:294px;
	margin-left:22px;
	background:transparent url(//img.e87.com/selection/xmas/2008images/sptree_dotline.gif) 100% 0 repeat-x;
	padding:8px 0 7px;
}
.sptree_otherBox .sptree_iconarea li{
	float:left;
}
.sptree_otherBox .sptree_iconarea img{
	margin-right:8px;
}
.sptree_otherBox .sptree_feearea{
	width:294px;
	margin-left:22px;
	background:transparent url(//img.e87.com/selection/xmas/2008images/sptree_dotline.gif) 100% 0 repeat-x;
	padding:7px 0 0;
}
.sptree_otherBox .sptree_fee{
	width:230px;
	float:left;
}
.sptree_otherBox .sptree_detail{
	width:40px;
	float:right;
}