@charset "utf-8";

/* CSS Information *************************************
File name: top.css
Description: layout top
Created date: 2009/10/19
Last created date: 2009/10/19
Created by: Elephant Communications
***************************************************** */


/* Table Of Contents
----------------------------------------

* reset
* onlyone
* present
* bannerArea

----------------------------------------*/

/* reset
---------------------------------------------------------------------------- */
ul {
	list-style: none;
}

img {
	vertical-align: top;
}

/* ---------- clearfix ---------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	line-height: 1;
	height: 0;
	visibility: hidden;
}

/* --- IE6&7用 --- */
.clearfix{ zoom:1;}


/* #campaign topr 100105
---------------------------------------------------------------------------- */
#campaign_box_topr{
	width: 697px;
	margin-bottom: 5px;
}

#campaign_box_topr #campaign_wrap1,
#campaign_box_topr #campaign_wrap2,
#campaign_box_topr #campaign_wrap3{
	margin-bottom: 10px;
}

#campaign_box_topr #campaign_wrap1 .bnr_con,
#campaign_box_topr #campaign_wrap2 .bnr_con{
	width:219px;
	float:left;
	margin-right:20px;

}

#campaign_box_topr #campaign_wrap1 .bnr_con_last,
#campaign_box_topr #campaign_wrap2 .bnr_con_last{
	width:219px;
	float:left;
	margin-right:0px;

}


/*bnr2つのとき
----------------*/
#campaign_box_topr #campaign_wrap3 .bnr_con{
	width:338px;
	float:left;
	margin-right:21px;
}

#campaign_box_topr #campaign_wrap3 .bnr_con_last{
	width:338px;
	float:left;
	margin-right:0px;
}




p.topr_t{
	line-height:1.4;
	margin-top:5px;
	padding:0 5px;
}



/*キャンペーンバナーの上
-----------------*/

p.topbnr_top{
	line-height:1.4;
	padding:0 5px;
	margin-bottom:5px;
	font-size:10px;
	color:#333333;
}


.topbnr_top_s{
	font-size:10px;
	color:#fe5b5b;
}



/*キャンペーンバナーのライン
-----------------*/

img.topbnrarea_line{
	margin:0px 0px 5px 0;
}

p.topr_price{
	font-size:10px;
	padding:0 5px;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
}

p.topr_sean_tex{
	clear:both;
	line-height:1.4;
	padding:0 5px;
	font-size:10px;
	margin-top:5px;
}





p.topr_t5{
	line-height:1.4;
	margin-top:5px;
	padding:0 5px;
}

p.topr_campaign_itemname{
	color:#c9a44e;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
}
	

/* #category topr 100105
---------------------------------------------------------------------------- */

#category_box_topr{
	width: 697px;
	margin-bottom: 20px;
}


/* 上部分
------------- */
#category_box_topr #category_box_top{
	width: 697px;
	height:5px;
}

/* センター部分
------------- */
#category_box_topr #category_box_top_main{
	width: 697px;
	background:url(/img/top_img/category/Category_box_bg.gif) repeat-y;
	padding-bottom:5px;
}

#category_box_top_main #category_box_wrap{
	width:667px;
	margin-left:15px;
}

#category_box_top_main #category_box_wrap #category_con_l{
	width:326px;
	float:left;
	margin-right:15px;

}

#category_box_top_main #category_box_wrap #category_con_r{
	width:326px;
	float:left;
	margin-right:0px;

}

#category_box_top_main #category_box_wrap #category_con_l h3,
#category_box_top_main #category_box_wrap #category_con_r h3{
	margin-bottom:10px;
}


img.detailed_btm{
	margin-top:5px;
}






/*トップカテゴリーの上　100205
-------------------------------------*/
#category_box_top_main #category_box_wrap #category_con_l ul.catetop2,
#category_box_top_main #category_box_wrap #category_con_r ul.catetop2{
	margin:0;
}

#category_box_top_main #category_box_wrap #category_con_l ul.catetop2 li,
#category_box_top_main #category_box_wrap #category_con_r ul.catetop2 li{
	background-attachment:scroll;
	background:url(/img/top_img/category/Category_list_img.gif);
	background-position:0.5em 0.2em;
	background-repeat:no-repeat;
	line-height:1.6;
	padding-left:21px;
}


/*リストの中の強調
---------------------*/
.cate_topr_st{
	font-weight:bold;
}

#category_box_top_main #category_box_wrap #category_con_l #cont_wrap,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap{
	width:326px;
}


#category_box_top_main #category_box_wrap #category_con_l #cont_wrap #cont_l,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap #cont_l{
	width:158px;
	float:left;
	margin-right:10px;
	margin-top:10px;
}

#category_box_top_main #category_box_wrap #category_con_l #cont_wrap #cont_r,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap #cont_r{
	width:158px;
	float:left;
	margin-right:0px;
	margin-top:10px;
}

#category_box_top_main #category_box_wrap #category_con_l #cont_wrap #cont_l_sub,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap #cont_l_sub{
	width:158px;
	float:left;
	margin-right:10px;
	margin-top:5px;
}

#category_box_top_main #category_box_wrap #category_con_l #cont_wrap #cont_r_sub,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap #cont_r_sub{
	width:158px;
	float:left;
	margin-right:0px;
	margin-top:5px;
}


/*カテゴリーの中のライン
--------------------*/
img.topcatearea_line{
	margin:5px 0px 0px 0px;
}




/*強調リンク　100205
--------------------------------*/


#category_box_top_main #category_box_wrap #category_con_l #cont_wrap a.toplist_l:link,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap a.toplist_l:link{
	color:#ed205a;

}

#category_box_top_main #category_box_wrap #category_con_l #cont_wrap a.toplist_l:visited,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap a.toplist_l:visited{
	color:#ed205a;

}

#category_box_top_main #category_box_wrap #category_con_l #cont_wrap a.toplist_l:hover,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap a.toplist_l:hover{
	color:#ed205a;

}

#category_box_top_main #category_box_wrap #category_con_l #cont_wrap a.toplist_l:active,
#category_box_top_main #category_box_wrap #category_con_r #cont_wrap a.toplist_l:active{
	color:#ed205a;

}



/* ボトム部分
------------- */
#category_box_topr #category_box_btm{
	width:697px;
	height:8px;
}




/* #thankyou topr 100324
---------------------------------------------------------------------------- */

#thankyou_box_topr{
	width: 697px;
	margin-bottom: 20px;
}

#thankyou_box_topr #thankyougift_top{
	width:697px;
	border:2px solid #feb5c9;
	padding-bottom:10px;
	background-color:#fffcfe;
}

#thankyou_box_topr #thankyougift_top #thankyou_top_wrap{
	width:667px;
	margin:0 auto;
}

#thankyou_box_topr #thankyougift_top #thankyou_top_wrap h3{
	margin:5px 0px;
}



.tnew_icon{
	margin:0 5px 3px 0;
}


/*ギフトサービスエリア
---------------------------*/
#thankyou_box_topr #thankyougift_top #thankyou_top_wrap #thankyou_giftarea{
	width:667px;
	margin-bottom:10px;
	margin-top:10px;
}

#thankyou_top_wrap #thankyou_giftarea #con_area_l,
#thankyou_top_wrap #thankyou_giftarea #con_area_m,
#thankyou_top_wrap #thankyou_recomenarea #con_areareco_l,
#thankyou_top_wrap #thankyou_recomenarea #con_areareco_m{
	width:213px;
	float:left;
	margin-right:14px;
	margin-top:10px;
}

#thankyou_top_wrap #thankyou_giftarea #con_area_last,
#thankyou_top_wrap #thankyou_recomenarea #con_areareco_last{
	width:213px;
	float:left;
	margin-right:0px;
	margin-top:10px;
}

p.topr_t10{
	line-height:1.4;
	margin-top:5px;
	padding:0 5px;
	font-size:10px;
}

#thankyou_box_topr #thankyougift_top #thankyou_top_wrap #thankyou_recomenarea{
	width:667px;
	margin-bottom:10px;
}



/*ブランド
---------------------------*/
#thankyou_box_topr #thankyougift_top #thankyou_top_wrap #thankyou_brandarea{
	width:667px;
	margin-bottom:10px;
}

#thankyou_top_wrap #thankyou_brandarea ul{
	margin:10px 0 0 0;
}

#thankyou_top_wrap #thankyou_brandarea ul li{
	margin:0 13px 0 0;
	float:left;
}

#thankyou_top_wrap #thankyou_brandarea ul li.last{
	margin:0;
	float:left;
}

#thankyou_top_wrap #thankyou_brandarea ul p{
	font-size:10px;
	width:157px;
	text-align:center;
	margin-top:5px;
	_margin-top:10px;
}

	



/* #scene topr 100105
---------------------------------------------------------------------------- */

#scene_box_topr{
	width: 697px;
	margin-bottom: 20px;
}


/* 上部分
------------- */
#scene_box_topr_top{
	width: 697px;
	height:8px;
}


/* センター部分
------------- */
#scene_box_topr_main{
	width:697px;
	background:url(/img/top_img/scene/Scene_box_bg.gif) repeat-y;
	padding:10px 0 5px 0;
}

#layout-2col {
	width: 667px;
	margin:0 auto;
}

#layout-2col p.name_t{
	font-size:14px;
	color:#fe741f;
	font-weight:bold;
	margin:5px 0;
}

.tex_red{
	color:#F00;
}




#layout-2colLeft, #layout-2colRight{
	width: 326px;
	float: left;
	margin:10px 0 0 0;
}

#layout-2colLeft {
	margin-right: 15px;
}

	

/* ボトム部分
------------- */
#scene_box_topr_btm{
	width:697px;
	height:8px;
}



/* #scene topr2 100105
---------------------------------------------------------------------------- */
#scene_box2_topr{
	width: 697px;
	margin-bottom: 20px;
}

#scene_box2_topr_main{
	background-color:#f9f8e8;
	padding:10px 0;
}




#layout-4col_first{
	width:671px;
	margin:0 auto;
}


#scene_box2_topr_main #layout-4col_first h3{
	margin:0px 0px 5px 0px;
}

#scene_box2_topr_main #layout-4col_first p{
	line-height:1.4;
	margin-top:5px;
	margin-bottom:5px;
	padding:0 5px;
}


#layout-4col_second{
	width:671px;
	margin:0 auto;
}

#layout-4col_third{
	width:671px;
	margin:0 auto;
}

#layout-4col_fourth{
	width:671px;
	margin:0 auto;
}

#layout-4col_first h2.name01,
#layout-4col_third h2.name01{
	background:url(../img/top_img/scene2/Scene2_ico.jpg);
	background-repeat:no-repeat;
	background-position:5px 3px;
	border-bottom:3px #42bddc solid;
	padding:10px 0 6px 30px;
	color:#42bddc;
	font-size:12px;
	font-weight:bold;

}

#layout-4col_second h2.name02,
#layout-4col_fourth h2.name02{
	background:url(../img/top_img/scene2/Scene2_ico.jpg);
	background-repeat:no-repeat;
	background-position:5px 3px;
	border-bottom:3px #f0c577 solid;
	padding:10px 0 6px 30px;
	color:#c9a44e;
	font-size:12px;
	font-weight:bold;

}


/*全体
---------------*/
/*.box_4col_height{
	height:180px;
}
--/

/*1
----------------------*/

#layout-4col_first #layout-4colLeft,
#layout-4col_first #layout-4colLeft2,
#layout-4col_first #layout-4colRight1,
#layout-4col_first #layout-4colRight{
	width: 158px;
	float: left;
}
	
#layout-4col_first #layout-4colLeft,
#layout-4col_first #layout-4colLeft2,
#layout-4col_first #layout-4colRight1{
	margin-right:13px;
}

/*3
----------------------*/

#layout-4col_third #layout-4colLeft,
#layout-4col_third #layout-4colLeft2,
#layout-4col_third #layout-4colRight1,
#layout-4col_third #layout-4colRight{
	width: 158px;
	float: left;
}
	
#layout-4col_third #layout-4colLeft,
#layout-4col_third #layout-4colLeft2,
#layout-4col_third #layout-4colRight1{
	margin-right:13px;
}


/*2
----------------------*/

#layout-4col_second #layout-4col_second_wrap_01{
	width:329px;
	float: left;
	margin-right:13px;
}

#layout-4col_second #layout-4col_second_wrap_02{
	width:329px;
	float: left;
}

#layout-4col_second #layout-4col_second_wrap_01 #layout-4colLeft,
#layout-4col_second #layout-4col_second_wrap_01 #layout-4colLeft2,
#layout-4col_second #layout-4col_second_wrap_02 #layout-4colRight1,
#layout-4col_second #layout-4col_second_wrap_02 #layout-4colRight{
	width: 158px;
	float: left;
}
	
#layout-4col_second #layout-4col_second_wrap_01 #layout-4colLeft,
#layout-4col_second #layout-4col_second_wrap_02 #layout-4colRight1{
	margin-right:13px;
}

/*4
----------------------*/

#layout-4col_fourth #layout-4col_fourth_wrap_01{
	width:329px;
	float: left;
	margin-right:13px;
}

#layout-4col_fourth #layout-4col_fourth_wrap_02{
	width:329px;
	float: left;
}

#layout-4col_fourth #layout-4col_fourth_wrap_01 #layout-4colLeft,
#layout-4col_fourth #layout-4col_fourth_wrap_01 #layout-4colLeft2,
#layout-4col_fourth #layout-4col_fourth_wrap_02 #layout-4colRight1,
#layout-4col_fourth #layout-4col_fourth_wrap_02 #layout-4colRight{
	width: 158px;
	float: left;
}
	
#layout-4col_fourth #layout-4col_fourth_wrap_01 #layout-4colLeft,
#layout-4col_fourth #layout-4col_fourth_wrap_02 #layout-4colRight1{
	margin-right:13px;
}

img.sean2_line{
	margin:5px 0 5px 13px;
}



p img.check{
	margin:5px 0 0 32px;
}
	


/* #present
---------------------------------------------------------------------------- */
#present {
	margin-bottom: 30px;
	background: url(/img/top_img/bg_present.jpg) left top repeat-y;
}


/* #keyVisual
------------------------------------------------*/
/*
#keyVisual {
	margin-bottom: 30px;
}--/

/* #keyVisualInner
-------------------------------*/
#keyVisualInner {
	width: 694px;
	height: 418px;
	background: url(/img/top_img/hd_giftmall.jpg) left top no-repeat;
}


/* #keyVisualContent
-------------------------------*/
#keyVisualContent {
	position: absolute;
	text-indent: -10000em;
}


/* #serviceList
-------------------------------*/
#serviceList li {
	float: left;
}


/* #presentContent
------------------------------------------------*/
#presentContent {
	width: 665px;
	margin: 0 auto;
}


#presentContent h3 {
	margin-bottom: 20px;
}

#presentContent ul {
	margin-bottom: 30px;
	background: url(/img/top_img/bg_giftItem.jpg) right top repeat-y;
}

#presentContent li {
	width: 195px;
	float: left;
	margin-right: 40px;
}


#presentContent .last-child {
	margin-right: 0;
}


#presentContent li h4 {
	margin-bottom: 5px;
}


#presentContent li dt {
	margin-bottom: 5px;
}


#presentContent li dd {
	line-height: 1.3;
}


/* #presentInner
------------------------------------------------*/
#presentInner {
	margin-bottom: 35px;
}


/* #recommend, #best
------------------------------------------------*/
#recommend, #best {
	float: left;
}


/* #recommend
------------------------------------------------*/
#recommend {
	width: 321px;
	margin-right: 20px;
}


/* #best
------------------------------------------------*/
#best {
	width: 323px;
}


/* .layout-2col
------------------------------------------------*/
#presentInner .layout-2col {
	margin-left: 10px;
}


#presentInner .layout-2col dl {
	width: 141px;
	float: left;
}


#presentInner .layout-2col dt {
	margin-bottom: 5px;
}


#presentInner .layout-2col dd {
	line-height: 1.3;
	font-size: 10px;
}


#presentInner .layoutLeft {
	margin-right: 20px;
}


/* #linkContent
------------------------------------------------*/
#linkContent {
	width: 694px;
	height: 93px;
	background: url(/img/top_img/bg_linkContent.jpg) left top no-repeat;
	margin-bottom:30px;
}


#linkContent ul {
	padding: 27px;
}


#linkContent li {
	width: 301px;
	float: left;
	margin-right: 35px;
}


#linkContent .last-child {
	margin-right: 0;
}



/* #bannerArea
---------------------------------------------------------------------------- */
#bannerArea h3 {
	margin-bottom: 5px;
}


/* #first
------------------------------------------------*/
#first {
	margin-bottom: 10px;
}

#first li{
	margin-bottom:10px;
}

#first li.autumn{
	margin-bottom:0px;
}


/* #bannerInner
------------------------------------------------*/
#bannerInner {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #815E1E;
}


#bannerInner .section {
	margin-bottom: 15px;
	background: #FADFCE;
}


#bannerInner .last-child {
	margin-bottom: 0;
}


#bannerInner .section ul {
	width: 205px;
	padding: 5px;
}


#bannerInner .section li {
	margin-bottom: 8px;
}


#bannerInner .section .last-child {
	margin-bottom: 0;
}


/* #giftmall
------------------------------------------------*/
#giftmall li {
	margin-bottom: 10px;
}


/* #icon topics 091125
------------------------------------------------*/

.Topics_iconew{
	margin-right:3px;
}


/* #footer 091201
------------------------------------------------*/


img.foot1201{
	margin-left:287px;
}



/* #rankingArea 091203
---------------------------------------------------------------------------- */
#rankingArea #rank_box{
	width:213px;
	border:1px solid #aa9055;
	height:100%;
	padding-bottom:15px;
	margin-bottom:10px;
}

#rankingArea #rank_box h2{
	margin:0;
	padding:0;
}

#rankingArea #rank_box h3.title_Rank{
	margin:10px auto 5px 0;
	color:#eb5226;
	font-weight:bold;
	text-align:center;
	font-size:14px;
}

#rankingArea #rank_box #rankbox_wrap1{
	width:195px;
	margin:10px auto 0;
}

#rankingArea #rank_box #rankbox_wrap1 h3{
	clear:both;
}

#rankingArea #rank_box #rankbox_wrap1 p.tpic_rank{
	margin-bottom:2px;
	line-height:1.4;
	float:left;
}


#rankingArea #rank_box #rankbox_wrap1 p{
	float:left;
}

#rankingArea #rank_box #rankbox_wrap1 img.rank_img1{
	margin-right:5px;
	margin-top:10px;
}

#rankingArea #rank_box #rankbox_wrap1 img.rank_img2{
	margin-right:5px;
	margin-top:10px;
}

#rankingArea #rank_box #rankbox_wrap1 img.rank_img3{
	margin-right:5px;
	margin-top:10px;
}

#rankingArea #rank_box #rankbox_wrap1 img.allitem_btm{
	margin:5px 0 0 30px;
}

#rankingArea #rank_box #rankbox_wrap1 ul{
	float:left;
	margin-top:10px;
	width:135px;
}

#rankingArea #rank_box #rankbox_wrap1 li.no1{
	background-attachment:scroll;
	background:url(/img/top_img/rank/rank_ico1.gif);
	background-position:0.5em 0.2em;
	background-repeat:no-repeat;
	line-height:1.6;
	padding-left:38px;
	font-size:10px;
	line-height:1.2;
}

#rankingArea #rank_box #rankbox_wrap1 li.no2{
	background-attachment:scroll;
	background:url(/img/top_img/rank/rank_ico2.gif);
	background-position:0.5em 0.2em;
	background-repeat:no-repeat;
	line-height:1.6;
	padding-left:38px;
	font-size:10px;
	line-height:1.2;
}
#rankingArea #rank_box #rankbox_wrap1 li.no3{
	background-attachment:scroll;
	background:url(/img/top_img/rank/rank_ico3.gif);
	background-position:0.5em 0.2em;
	background-repeat:no-repeat;
	line-height:1.6;
	padding-left:38px;
	font-size:10px;
	line-height:1.2;
}


#rankingArea #rank_box #rankbox_wrap1 li.r_price{
	text-align:right;
	font-size:10px;
	margin-bottom:5px;
}

img.r_no{
	margin:0 5px 0 0;
}

img.rank_line{
	margin:10px 0px 0 10px;
}


/*ranking エリア下テキスト
-----------------------------*/
#bannerArea h2.top_p_ranking{
	margin:0px;
}

p.topranking_t{
	line-height:1.4;
	margin-top:5px;
	margin-bottom:5px;
	padding:0 5px;
	text-align:center;
}



/* #pick up 091203
---------------------------------------------------------------------------- */


#pickupArea #pickup_box{
	width:213px;
	border:1px solid #d3cc7f;
	height:100%;
	padding-bottom:10px;
	margin-bottom:10px;
}

#pickupArea #pickup_box .pick_con{
	width:179px;
	margin:10px auto;
}

#pickupArea #pickup_box p img{
	margin:0 auto;
	}

#pickupArea #pickup_box p.pick_tex{
	background:transparent url(/img/sys/top_line01.gif) no-repeat scroll left bottom;
	padding:8px 0;
	line-height:1.2;
}

#pickupArea #pickup_box p.pick_tex_t{
	margin-bottom:5px;
	line-height:1.2;
	text-align:center;
}

#pickupArea #pickup_box p.pick_tex_t2{
	margin-bottom:5px;
	line-height:1.2;
	text-align:center;
	font-size:10px;
}

/* #thankyou 091224
---------------------------------------------------------------------------- */

h2.thankyou_gift_topbnr{
	margin:0 0 5px 0;
}

p.thankyou_top_text{
	line-height:1.4;
	margin:0 0 10px 0;
}

#bnr_contents_top{
	width:697px;
	margin:0 0 10px 0;
}


#bnr_contents_top #bnr_tcontents_left{
	width:223px;
	float:left;
	margin-right:14px;
}

#bnr_contents_top #bnr_tcontents_center{
	width:223px;
	float:left;
	margin-right:14px;
}

#bnr_contents_top #bnr_tcontents_right{
	width:223px;
	float:left;
}

#bnr_contents_top #bnr_tcontents_left p.bnr_btmtex,
#bnr_contents_top #bnr_tcontents_center p.bnr_btmtex,
#bnr_contents_top #bnr_tcontents_right p.bnr_btmtex{
	font-size:10px;
	padding:5px;
	line-height:1.4;
}


/* #sideNavi toppage100108
---------------------------------------------------------------------------- */
#sideNavi2 {
	width: 215px;
	float:left;
}

#sideNaviInner2 {
	width: 215px;
	margin: 5px auto 0;
}

#sideNaviInner2 h3 {
	margin-bottom: 8px;
}

#sideNaviInner2 ul {
	margin-bottom: 15px;
}

#sideNaviInner2 li {
	margin-bottom: 5px;
	margin-left:3px;
}
#sideNaviInner2 li.text_data {
	margin-bottom: 5px;
	margin-left:3px;
	text-align:center;
	line-height:1.4;
	font-size:10px;
}

img.topr_category_navi_line{
	margin:10px 0;
}