ul,ol { list-style-type:none; }

/* head image */
.contents #giftHead {
	width:750px;
	height:186px;
	background:url(//img.e87.com/selection/father/2008images/gift_main_img.jpg) no-repeat left top;
}
#giftHead h1 {
	font-size:80%;
	color:#356a7c;
	padding:91px 0 0 18px;
}
#giftHead p {
	font-size:80%;
	line-height:1.2em;
	padding:0 0 0 18px;
}

/* cp banner */
.contents .giftCpBanner {
	text-align:center;
	height:46px;
}

/* link area */
.contents #linkArea {
	padding:0 14px 23px 14px;
}
#linkArea #boxL {
	width:551px;
	float:left;
}
#linkArea #boxR {
	width:170px;
	float:left;
}
#linkArea h2 {
	font-size:110%;
	line-height:100%;
	background:url(//img.e87.com/selection/father/2008images/swt_subtit_icon.gif) no-repeat left center;
	padding-left:26px;
	margin-bottom:5px;
}
#linkArea h2 span {
	font-weight:bold;
}

/* link area L */
#linkArea #boxL .styleLink {
	width:521px;
	margin-bottom:6px;
}
#linkArea #boxL .styleLink ul.btn_s {
	width:348px;
	float:left;
}
#linkArea #boxL .styleLink ul.btn_s li {
	width:174px;
	height:79px;
	float:left;
}
#linkArea #boxL .styleLink .btn_b {
	width:169px;
	float:left;
}
#linkArea #boxL .styleLink .btn_s li a {
	text-decoration:none;
	font-weight:bold;
	color:#356a7c;
	width:169px;
	height:74px;
	display:block;
}
#linkArea #boxL .styleLink .btn_b a {
	text-decoration:none;
	color:#356a7c;
	width:173px;
	height:232px;
	background:url(//img.e87.com/selection/father/2008images/gift_style_btn07.jpg) no-repeat left top;
	display:block;
}
#linkArea #boxL .styleLink ul.btn_s li a.styleBtn01 {
	background:url(//img.e87.com/selection/father/2008images/gift_style_btn01.jpg) no-repeat left top;
}
#linkArea #boxL .styleLink ul.btn_s li a.styleBtn02 {
	background:url(//img.e87.com/selection/father/2008images/gift_style_btn02.jpg) no-repeat left top;
}
#linkArea #boxL .styleLink ul.btn_s li a.styleBtn03 {
	background:url(//img.e87.com/selection/father/2008images/gift_style_btn03.jpg) no-repeat left top;
}
#linkArea #boxL .styleLink ul.btn_s li a.styleBtn04 {
	background:url(//img.e87.com/selection/father/2008images/gift_style_btn04.jpg) no-repeat left top;
}
#linkArea #boxL .styleLink ul.btn_s li a.styleBtn05 {
	background:url(//img.e87.com/selection/father/2008images/gift_style_btn05.jpg) no-repeat left top;
}
#linkArea #boxL .styleLink ul.btn_s li a.styleBtn06 {
	background:url(//img.e87.com/selection/father/2008images/gift_style_btn06.jpg) no-repeat left top;
}
#linkArea #boxL .styleLink ul.btn_s li a p,
#linkArea #boxL .styleLink .btn_b a p {
	font-size:105%;
	line-height:110%;
	font-weight:bold;
	padding:4px 0 0 14px;
}

#linkArea #boxL .ichioshiLink {
	width:521px;
	padding-bottom:5px;
	margin-bottom:11px;
	background-color:#ffe154;
}
#linkArea #boxL .ichioshiLink ul.ichioshi01,
#linkArea #boxL .ichioshiLink .ichioshi02 {
	padding:4px 0 0 5px;
}
#linkArea #boxL .ichioshiLink ul.ichioshi01 li {
	width:258px;
	float:left;
}
#linkArea #boxL .ichioshiLink ul.ichioshi01 li p,
#linkArea #boxL .ichioshiLink .ichioshi02 p {
	color:#6c2504;
	padding-left:5px;
}
#linkArea #boxL .ichioshiLink ul.ichioshi01 li p span,
#linkArea #boxL .ichioshiLink .ichioshi02 p span {
	font-size:110%;
	font-weight:bold;
}
#linkArea #boxL .ichioshiLink ul.ichioshi01 li a {
	text-decoration:none;
	color:#356a7c;
	width:253px;
	height:142px;
	background:url(//img.e87.com/selection/father/2008images/gift_sankaku.gif) #fefe8f no-repeat right bottom;
	display:block;
}
#linkArea #boxL .ichioshiLink ul.ichioshi01 li a p.innerTxt {
	line-height:110%;
}
#linkArea #boxL .ichioshiLink .ichioshi02 a {
	text-decoration:none;
	color:#356a7c;
	width:512px;
	height:107px;
	background:url(//img.e87.com/selection/father/2008images/gift_sankaku.gif) #fefe8f no-repeat right bottom;
	display:block;
}
#linkArea #boxL .ichioshiLink .ichioshi02 a img {
	float:left;
	margin-right:15px;
}
#linkArea #boxL .ichioshiLink .ichioshi02 a p.innerTxt {
	line-height:110%;
	width:132px;
	float:left;
	padding-top:40px;
}

#linkArea #boxL .typeLink {
	width:521px;
	margin-bottom:11px;
}
#linkArea #boxL .typeLink img.mar5 {
	margin-right:5px;
}

#linkArea #boxL ul.priceLink {
	padding:3px 0 15px 15px;
}

#linkArea #boxL ul.priceLink li {
	background:#ffffdd url(//img.e87.com/selection/father/2008images/gift_price_icon.gif) no-repeat left center;
	padding:0 28px 0 15px;
	float:left;
}
#linkArea #boxL ul.priceLink li a {
	color:#ca417d;
}

/* link area R */
#linkArea #boxR #rankingBox {
	width:170px;
	background:url(//img.e87.com/selection/father/2008images/swt_rank_back.gif) repeat-y left top;
	border-bottom:1px solid #dbdad3;
	margin-bottom:8px;
}
#rankingBox h3 {
	font-size:80%;
	font-weight:bold;
	color:#ffffff;
	background:url(//img.e87.com/selection/father/2008images/gift_rank_title.gif) no-repeat left top;
	padding:6px 0 26px 9px;
}
#rankingBox .rank {
	width:159px;
	margin:0 0 5px 6px;
}
#rankingBox .rank .rankPh {
	width:56px;
	float:left;
}
#rankingBox .rank .rankTxtBox {
	width:103px;
	float:left;
}
#rankingBox .rank .rankTxtBox img.rankNo {
	float:left;
}
#rankingBox .rank .rankTxtBox img.rankBtn {
	float:right;
}
#rankingBox .rank .rankTxtBox p {
	font-size:80%;
	padding:6px 6px 0 3px;
}
#rankingBox .rank .rankTxtBox p a {
	color:#ca417d;
}
#linkArea #boxR .rBnr {
	margin-bottom:8px;
}


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

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

.contents .topicArea h2 {
	background:url(//img.e87.com/selection/father/2008images/gift_pickup.gif) no-repeat top left;
	padding:19px 0 20px 65px;
}

.contents .topicArea h2 span.reco {
	font-size:125%;
	font-weight:bold;
	color:#356a7c;
}

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

.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 .imgBox {
	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;
}

/* ----- 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/selection/father/2008images/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/father/2008images/gift_othersp.gif) no-repeat left top;
	line-height:180%;
}

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