@charset "shift_jis";

.clr { clear:both; font-size:1px; }

/* 
 frame
---------------------------------------- */
#contents {
	width:750px;
	margin:0 0 0 14px;
}

/* 
 mainArea
----------------------------------- */
/* ----- ヘッダー ----- */

#contents .topArea { width:750px; margin:0 0 0 0; background:url(//img.e87.com/selection/newyear/2008images/top_header_bg.jpg) no-repeat left top; }

#contents .topArea .img { width:750px; height:41px; }
#contents .topArea .txt { width:330px; color:#392c04; margin-left: 20px; font-size:80%; line-height: 120%;}
#contents .topArea .txt h1 { color:#d51718; margin:0 0 1px 0; font-size:100%; font-weight: bold; }
#contents .topArea .txt .txtbig { color:#d51718; font-size:350%; font-weight: bold; line-height: 110%; margin:3px 0 6px 0; }
#contents .topArea .date { margin: 10px 0 10px 20px;}

.contentsInner {
	margin:0;
	_margin:0;
}

/* ----- コンテンツ　左側 ----- */
.contentsInner .contentsLeft {
	width:575px;
	float:left;
}


.contentsLeft a,.contentsRight a {
	color:#ca417d;

}

.tit {
	background:url(//img.e87.com/selection/newyear/2008images/gift_titmark.gif) no-repeat center left;
	padding:0px 0px 0px 20px;
	margin:15px 0 5px 0;
	text-align:left;
}

.tit h2 {
	display:inline;
	font-weight: bold;
	font-size: 110%;
}

.contentsInner .contentsLeft .box01 .img-box {
	position:relative;
}

.contentsInner .contentsLeft .box01 .link01 {
	position:absolute;
	top: 38px;
	left: 260px;
}
.contentsInner .contentsLeft .box01 .link01 .space {
	letter-spacing: 0px;
	font-weight: bold;
	font-size: 5px;
}
.contentsInner .contentsLeft .box01 .link01 a {
	font-weight: bold;
	font-size: 116%;
	color: #470519;
	text-decoration: none;
}

.contentsInner .contentsLeft .box01 .link02 {
	position:absolute;
	top: 38px;
	left: 503px;
}
.contentsInner .contentsLeft .box01 .link02 a {
	font-weight: bold;
	font-size: 116%;
	color: #470519;
	text-decoration: none;
}
.contentsInner .contentsLeft .box01 .link03 {
	position:absolute;
	top: 160px;
	left: 266px;
}
.contentsInner .contentsLeft .box01 .link03 a {
	font-weight: bold;
	font-size: 116%;
	color: #470519;
	text-decoration: none;
}
.contentsInner .contentsLeft .box01 .link04 {
	position:absolute;
	top: 160px;
	left: 505px;
}
.contentsInner .contentsLeft .box01 .link04 a {
	font-weight: bold;
	font-size: 116%;
	color: #470519;
	text-decoration: none;
}

.contentsInner .contentsLeft .box02 .img-box {
	position:relative;
}
.contentsInner .contentsLeft .box02 img {
	margin-right:3px;
}
.contentsInner .contentsLeft .box02 .link01 {
	position:absolute;
	top: 4px;
	left: 17px;
	width: 70px;
}
.contentsInner .contentsLeft .box02 .link02 {
	position:absolute;
	top: 4px;
	left: 112px;
	width: 70px;
}
.contentsInner .contentsLeft .box02 .link03 {
	position:absolute;
	top: 6px;
	left: 207px;
	width: 70px;
}
.contentsInner .contentsLeft .box02 .link04 {
	position:absolute;
	top: 4px;
	left: 302px;
	width: 70px;
}
.contentsInner .contentsLeft .box02 .link05 {
	position:absolute;
	top: 4px;
	left: 397px;
	width: 70px;
}
.contentsInner .contentsLeft .box02 .link06 {
	position:absolute;
	top: 4px;
	left: 493px;
	width: 70px;
}
.contentsInner .contentsLeft .box02 a {
	font-weight: bold;
	color: #470519;
	text-decoration: none;
	line-height: 110%;
}
.contentsInner .contentsLeft .box02 a.small {
	font-weight: bold;
	color: #470519;
	font-size: 85%;
	text-decoration: none;
}

.contentsInner .contentsLeft .box03 .img {
	background:#ccc;
	display:inline;
	float:left;
	width:279px;
	height:77px;
	margin-right:6px;
}
.contentsInner .contentsLeft .box03 p_list {
	display:inline;	
	vertical-align:bottom;
	color:#ca417d;
}
.box03 {margin:10px 0 0 0;}
.box03 .p_list {margin:5px 0 0 0;}
.box03 .banner-box {
	margin:10px 0 10px 0;
}
.box03 .p_list:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.box03 .p_list ul{
   display:inline-block;
}

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

.box03 .p_list ul{
   display:block;
   margin:0 0 0 20px;
}
/* End hide from IE-mac */

.box03 .p_list ul li {
	background:url(//img.e87.com/selection/newyear/2008images/colum_arrow.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	font-size:95%;
	width:80px;
	float:left;
	list-style:none;
}

.contentsInner .contentsLeft .special .box01 .txt { width:129px; height:34px;  padding:1px 0 0 7px;text-align:left; background:url(//img.e87.com/selection/newyear/2008images/gift_special_img01_3.jpg)  no-repeat left top; }


.contentsInner .contentsLeft .special .box .txt { margin:0px 0px; padding-top:3px; font-size:85%; line-height:110%; color:#ffffff; }
.contentsInner .contentsLeft .special .box a .txt { text-decoration:none; }


.contentsInner .contentsLeft .standard { margin:13px 0 0 14px; }
.contentsInner .contentsLeft .standard h2 { width:497px; _width:521px; height:20px; line-height:20px; background:url(//img.e87.com/selection/newyear/2008images/top_h3_icon.gif) #f0f0f0 no-repeat left top; padding:0 0 0 24px; }
.contentsInner .contentsLeft .standard ul { width:504px; margin:5px 0 0 20px; }
.contentsInner .contentsLeft .standard ul li.list01 { width:155px; float:left; margin:0 18px 0 0; }
.contentsInner .contentsLeft .standard ul li.list02 { width:155px; float:left; margin:0px; }
.contentsInner .contentsLeft .standard p.category { width:145px; _width:155px; *width:155px; font-size:85%; margin:0px; _margin:0 0 2px 0; *margin:0 0 2px 0; padding:0 0 0 10px; background:url(//img.e87.com/selection/newyear/2008images/top_arrow.gif) no-repeat left top; }


.contentsInner .contentsLeft p a {
	color:#ca417d;
	text-decoration:none;
}

.contentsInner .contentsLeft p a:hover {
	color:#ca417d;
	text-decoration:underline;
}

.iihanarecoArea { padding: 15px 0 0 20px;}
.iihanarecoArea a { margin-right: 10px;}


/* ----- コンテンツ　右側 ----- */

.contentsInner .contentsRight {
	width:170px;
	float:right;
	padding-top:44px;
}

.contentsInner .contentsRight .ranking {
	width:155px;
	_width:169px;
	border-right:1px solid #dbdad3;
	border-left:1px solid #dbdad3;
	border-bottom:1px solid #dbdad3;
	padding:3px 7px 9px 5px;
	background:url(//img.e87.com/selection/newyear/2008images/gift_rankbg.gif) no-repeat top;
}


.contentsRight .ranking p.ranktitle{
	color:#fff;
	font-weight:bold;
	font-size:110%;
	margin-bottom:10px;
}

.contentsRight .ranking p.ranktitle span{
	font-size:70%;
	font-weight:bold;	
}


.contentsInner .contentsRight .ranking .rankArea01 {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	background:url(//img.e87.com/selection/newyear/2008images/dot_line2.gif) repeat-x left bottom;
}

.contentsInner .contentsRight .ranking .rankArea01 .prdImg { float:left; margin-bottom:10px; }
.contentsInner .contentsRight .ranking .rankArea01 .prdTxt { width:90px; float:right; }
.contentsInner .contentsRight .ranking .rankArea01 .prdTxt .boxInner .txt { float:left; }
.contentsInner .contentsRight .ranking .rankArea01 .prdTxt .boxInner .btn { float:right; }

.contentsInner .contentsRight .ranking .rankArea02 .prdImg { float:left; margin-bottom:10px; }	
.contentsInner .contentsRight .ranking .rankArea02 .prdTxt { width:90px; float:right; }
.contentsInner .contentsRight .ranking .rankArea02 .prdTxt .boxInner .txt { float:left; }
.contentsInner .contentsRight .ranking .rankArea02 .prdTxt .boxInner .btn { float:right; }

.contentsInner .contentsRight .ranking .rankArea02 .prdTxt p {
	margin:4px 0 0 0;
	font-size:85%;
}

.contentsInner .contentsRight .ranking .rankArea02 .prdTxt p a {
	color:#ca417d;
	text-decoration:underline;
}

.contentsInner .contentsRight .ranking .rankArea02 .prdTxt p a:hover {
	color:#ca417d;
	text-decoration:underline;
}

.contentsInner .contentsRight .ranking .prdTxt p {
	margin:4px 0 0 0;
	font-size:85%;
}

.contentsInner .contentsRight .ranking .prdTxt p a {
	color:#ca417d;
	text-decoration:underline;
}

.contentsInner .contentsRight .ranking .prdTxt p a:hover {
	color:#ca417d;
	text-decoration:underline;
}

.contentsInner .contentsRight .bnrGlad {
	width:169px;
	_width:155px;
	*width:155px;
	margin:7px 0 10px 0;
	background:url(//img.e87.com/images/table_dotline01.gif) repeat-x left bottom;
}

.contentsInner .contentsRight .bnrOther {
	width:155px;
	margin:0 0 5px 0;
}

.contentsInner .contentsRight .price { width:169px; min-height:45px; margin-top:15px; }
.contentsInner .contentsRight .price .tit { width:169px; height:20px; background:url(//img.e87.com/selection/newyear/2008images/top_h3_icon.gif) #f0f0f0 no-repeat left top; }
.contentsInner .contentsRight .price h2 { line-height:20px; padding:0 0 0 24px; }
.contentsInner .contentsRight .price ul { padding:0 0 0 20px; background:url(//img.e87.com/selection/newyear/2008images/gift_price_bg.gif) #f0f0f0 no-repeat left top; }
.contentsInner .contentsRight .price ul li.list01 { width:100px; height:24px; }
.contentsInner .contentsRight .price ul li.list02 { width:100px; margin:0px; }
.contentsInner .contentsRight .price p.category { width:100px; padding:3px 0 0 10px; background:url(//img.e87.com/selection/newyear/2008images/top_arrow.gif) no-repeat left; }


/* ----- オススメエリア ----- */

#contents .topicArea {
	width:730px;
	margin:15px 0 25px 0px;
}

#contents .topicArea h2 {
	background:url(//img.e87.com/selection/newyear/2008images/gift_pickup_bg.gif) no-repeat top left;
	padding:15px 0 20px 65px;
	margin-top:20px;
}

#contents .topicArea h2 img{
	margin-top:5px;
}

#contents .topicArea h2 span.reco {
	font-size:125%;
	font-weight:bold;
	color:#d80000;
	padding-bottom:10px;
}

#contents .topicArea h2 span.reco2 {
	font-size:125%;
	font-weight:bold;
	color:#000000;
	padding-bottom:10px;
}

#contents .topicArea .recoBox {
	background-color:#ffffff;
	padding:10px;
}

#contents .topicArea .recoBox ul {
	background-color:#ffffff;
	padding:0 0 15px 0;
}

#contents .topicArea .recoBox ul li.list01 {
	width:199px;
	_width:233px;
	display:inline;
	float:left;
	background:url(//img.e87.com/images/dotline01.gif) repeat-y 231px 0px;
	padding:0 17px 0 17px;
}

#contents .topicArea .recoBox ul li.list02 {
	width:199px;
	_width:233px;
	display:inline;
	float:left;
	background:url(//img.e87.com/images/dotline01.gif) repeat-y 231px 0px;
	padding:0 17px 0 17px;
}

#contents .topicArea .recoBox ul li.list03 {
	width:199px;
	_width:233px;
	display:inline;
	float:left;
	padding:0 17px 0 17px;
}

#contents .topicArea h4.recoTitle {
	font-size:85%;
	color:#ca417d;
}

#contents .topicArea h4.recoTitle a {
	color:#ca417d;
}

#contents .topicArea span.h4subReco {
	font-size:85%;
	color:#ca417d;
}

#contents .topicArea .recoBox p.imgIconNew {
	background:#ffffff url(//img.e87.com/images/icon_new02.gif) no-repeat left top;
	margin:5px 0 0 0;
	padding:13px 0 0 0;
}

#contents .topicArea .recoBox p.imgIcon {
	margin:5px 0 0 0;
}

#contents .topicArea .recoBox p.recoText {
	font-size:85%;
	background:#ffffff url(//img.e87.com/images/dotline02.gif) repeat-x left bottom;
	padding:0 0 3px 0;
}

#contents .topicArea .priceBox {
	font-size:85%;
	padding:3px 0 3px 0;
}


#contents .priceBox p.priceLeft {
	float:left;
}

#contents .priceBox p.priceRight {
	float:right;
}

#contents .priceBox p.priceLeft span {
	font-weight:bold;
}

#contents .priceBox p.priceRight span {
	font-weight:bold;
}

#contents .topicArea div.priceBottom {
	width:199px;
	background:#ffffff url(//img.e87.com/images/dotline02.gif) repeat-x left bottom;
	margin:0 0 4px 0;
	padding:0 0 7px 0;
}

#contents .topicArea div.priceBottom p {
	font-size:85%;
	font-weight:bold;
	float:left;

}

#contents .topicArea div.priceBottom .imgBox2 {
	height:17px;
	text-align:right;
	display:inline;
	float:right;
}

#contents .topicArea div.msgBox {
	margin:0 0 2px 6px;
}

#contents .topicArea .msgBtn01 {
	display:inline;
	float:left;
	margin:0 2px 0 0;
}

#contents .topicArea .msgBtn02 {
	float:left;
}


div#newyear_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;
	line-height:1.3;
}

div#newyear_column ul li.mR0{
	_margin-right:0;
}

div#newyear_column ul li a {
	text-decoration:none;
	line-height:1.3;
}

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


/* ----- columnListArea ----- */

#contents .columnArea {
	margin:15px 0 0 15px;
}

#contents .boxline {
	background:url(//img.e87.com/selection/newyear/2008images/dot_line_l.gif) no-repeat left top;
	padding-top:1px;
}

#contents .topic_box01 {
	width:235px;
	padding:6px 0;
	margin:0 10px 0 0;
	float:left;
}

#contents .topic_box02 {
	width:235px;
	padding:6px 0;
	float:left;
}

#contents .textBox {
	width:160px;
	float:left;
}

#contents .textBox a {
	font-size:85%;
	color:#ff0c00;
	font-weight:bold;
	text-decoration:none;
}

#contents .textBox a:hover {
	text-decoration:underline;
}

#contents .textBox p {
	font-size:85%;
	line-height:120%;
	margin:4px 0 0 0;
}

#contents .imgBox {
	float:left;
	width:70px;
	margin:0 0 0 5px;
}

#contents .h2Txt01 {
	height:20px;
	line-height:20px;
	background:url(//img.e87.com/selection/newyear/2008images/top_h3_icon.gif) #f0f0f0 no-repeat left top;
	padding: 0 0 0 24px;
	margin-top: 10px;
}

#contents .h2Txt02 {
	height:20px;
	line-height:20px;
	background:url(//img.e87.com/selection/newyear/2008images/top_h3_icon.gif) #f0f0f0 no-repeat left top;
	padding:0 0 0 24px;
	margin-top:5px;
}

#contents .h2Txt03 {
	height:20px;
	line-height:20px;
	background:url(//img.e87.com/selection/newyear/2008images/top_h3_icon02.gif) #f0f0f0 no-repeat left top;
	padding:0 0 0 32px;
	margin-top:15px;
}

#contents .tlinkList{
	padding:10px 0 5px 10px;
	font-size:85%;
}

#contents .tlinkList ul{
	width:740px;
}



#contents .tlinkList ul li{
	display:inline;
	width:185px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
}


/* ----- bannerArea ----- */

#contents .bannerArea {
	margin:0 0 20px 12px;
}

#contents .bannerAreaBtm {
	margin:0 0 0 12px;
}

#contents .banner01 {
	width:225px;
	float:left;
}

#contents .banner02 {
	width:225px;
	_width:250px;
	padding:0 0 0 24px;
	background:url(//img.e87.com/horoscope/images/dot_line.gif) repeat-y left;
	float:left;
}

.bannerText {
	width:225px;
	margin:5px 0;
	text-align:center;
	font-size:85%;
}

#contents .banner {
	width:690px;
	_width:720px;
	margin:0 0 0 13px;
	height:22px;
	padding:0 0 0 33px;
	color:#ca417d;
	background:#f0f0f0 url(//img.e87.com/selection/newyear/2008images/icon_02.gif) no-repeat left top;
	line-height:180%;
}

#contents .lead01 {
	color:#d00023;
	padding:10px 25px 0px 25px;
	line-height: 120%;
	margin:0;
}

#contents .lead02 {
	padding:10px 20px 15px 25px;
	margin:0;
}





 othercategory
------------------------------ */
#wrap div.other_category{
margin:0 0 15px 0;
}

#wrap div.other_category h2{
padding:0;
margin:15px 0 0 30px;
font-weight:normal;
font-size:120%;
background:none;
border-style:none;
color:#ca417d;
}

#wrap div.other_category ul{
font-size:85%;
list-style-type:none;
margin:15px 0 0 30px;
padding:0;
}

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

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

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

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

#wrap div.other_category ul li{
float:left;
width:233px;
border-left:1px solid #dbdad3;
}

#wrap div.other_category ul li a{
padding:0 0 0 10px;
display:block;
}

#wrap div.other_category ul li img{
vertical-align:middle;
}


/*
etc
----------------------------------------------------------------------------*/
#contents .etc{
	position:relative;
	width:290px;
	float:right;
	min-height:33px;
	_height:33px;
	margin:10px 0 16px;
	background:url(//img.e87.com/selection/newyear/2008images/img_etc.gif) no-repeat;
}

#contents .etc_link p{
	color:#fff;
	font-size:17px;
	font-weight:bold;
	margin:5px 0 0 15px;
	width:260px;
}

#contents .etc_link a{
	display:block;
	position:absolute;
	top:0;
	left:0;
}




/*