@charset "utf-8";
@import url(common.css); 

/*
Copyright(c)2006-2007 BRANKASTA.co.INC
*/


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

body {
	border-top:#AD000F 5px solid;
}

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


div#wrap {
	width:900px;
	margin:0 auto;
}

div#wrap div#headerArea {
	height:103px;
}

div#wrap div#headerArea h1 {
	width:212px;
	padding-top:33px;
	float:left;
}

div#wrap div#headerArea h1 a {
	display:block;
	height:37px;
	background:url(../img/interface/h_logo.gif) no-repeat;
	text-indent:-9999px;
}

div#wrap div#headerArea p {
	float:left;
}

div#wrap ul#gnav {
	clear:both;
	width:900px;
	height:75px;
}

div#wrap ul#gnav li {
	float:left;
}

div#wrap ul#gnav li#gn01 { width:79px; }
div#wrap ul#gnav li#gn02 { width:117px; }
div#wrap ul#gnav li#gn03 { width:129px; }
div#wrap ul#gnav li#gn04 { width:102px; }
div#wrap ul#gnav li#gn05 { width:113px; }
div#wrap ul#gnav li#gn06 { width:117px; }
div#wrap ul#gnav li#gn07 { width:101px; }
div#wrap ul#gnav li#gn08 { width:142px; }

div#wrap ul#gnav li a {
	display:block;
	height:50px;
	text-indent:-9999px;
}

div#wrap ul#gnav li#gn01 a { background:url(../img/interface/gnav01.jpg) no-repeat; }
div#wrap ul#gnav li#gn02 a { background:url(../img/interface/gnav02.jpg) no-repeat; }
div#wrap ul#gnav li#gn03 a { background:url(../img/interface/gnav03.jpg) no-repeat; }
div#wrap ul#gnav li#gn04 a { background:url(../img/interface/gnav04.jpg) no-repeat; }
div#wrap ul#gnav li#gn05 a { background:url(../img/interface/gnav05.jpg) no-repeat; }
div#wrap ul#gnav li#gn06 a { background:url(../img/interface/gnav06.jpg) no-repeat; }
div#wrap ul#gnav li#gn07 a { background:url(../img/interface/gnav07.jpg) no-repeat; }
div#wrap ul#gnav li#gn08 a { background:url(../img/interface/gnav08.jpg) no-repeat; }

div#wrap ul#gnav li#gn01 a:hover { background:url(../img/interface/gnav01.jpg) 0 -50px no-repeat; }
div#wrap ul#gnav li#gn02 a:hover { background:url(../img/interface/gnav02.jpg) 0 -50px no-repeat; }
div#wrap ul#gnav li#gn03 a:hover { background:url(../img/interface/gnav03.jpg) 0 -50px no-repeat; }
div#wrap ul#gnav li#gn04 a:hover { background:url(../img/interface/gnav04.jpg) 0 -50px no-repeat; }
div#wrap ul#gnav li#gn05 a:hover { background:url(../img/interface/gnav05.jpg) 0 -50px no-repeat; }
div#wrap ul#gnav li#gn06 a:hover { background:url(../img/interface/gnav06.jpg) 0 -50px no-repeat; }
div#wrap ul#gnav li#gn07 a:hover { background:url(../img/interface/gnav07.jpg) 0 -50px no-repeat; }
div#wrap ul#gnav li#gn08 a:hover { background:url(../img/interface/gnav08.jpg) 0 -50px no-repeat; }

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

body#index div#container {
	clear:both;
	width:900px;
	padding-bottom:20px;
}

body#index div#container div#mainArea {
	width:670px;
	float:left;
}

body#index div#mainArea div.mainimgbox {
	height:369px;
}

body#index div#mainArea div#mainimg-a { background:url(../img/index/bg_mainimg-a.jpg) no-repeat; }
body#index div#mainArea div#mainimg-b { background:url(../img/index/bg_mainimg-b.jpg) no-repeat; }

body#index div#mainArea div#mainimg-a ul {
	width:370px;
	height:61px;
	padding:187px 0 0 129px;
}

body#index div#mainArea div#mainimg-a ul li#mn01 {
	width:168px;
	padding-top:25px;
	float:left;
}

body#index div#mainArea div#mainimg-a ul li#mn02 {
	width:192px;
	float:right;
}

body#index div#mainArea div#mainimg-a ul li a {
	display:block;
	text-indent:-9999px;
}

body#index div#mainArea div#mainimg-a ul li#mn01 a { height:36px; background:url(../img/index/mnav01-a.jpg) no-repeat; }
body#index div#mainArea div#mainimg-a ul li#mn02 a { height:61px; background:url(../img/index/mnav02-a.jpg) no-repeat; }

body#index div#mainArea div#mainimg-a ul li#mn01 a:hover { background:url(../img/index/mnav01-a.jpg) 0 -36px no-repeat; }
body#index div#mainArea div#mainimg-a ul li#mn02 a:hover { background:url(../img/index/mnav02-a.jpg) 0 -61px no-repeat; }

body#index div#mainArea div#mainimg-b ul {
	width:370px;
	height:61px;
	padding:271px 0 0 259px;
}

body#index div#mainArea div#mainimg-b ul li#mn01 {
	width:170px;
	padding-top:5px;
	float:left;
}

body#index div#mainArea div#mainimg-b ul li#mn02 {
	width:185px;
	float:right;
}

body#index div#mainArea div#mainimg-b ul li a {
	display:block;
	text-indent:-9999px;
}

body#index div#mainArea div#mainimg-b ul li#mn01 a { height:36px; background:url(../img/index/mnav01-b.jpg) no-repeat; }
body#index div#mainArea div#mainimg-b ul li#mn02 a { height:42px; background:url(../img/index/mnav02-b.jpg) no-repeat; }

body#index div#mainArea div#mainimg-b ul li#mn01 a:hover { background:url(../img/index/mnav01-b.jpg) 0 -36px no-repeat; }
body#index div#mainArea div#mainimg-b ul li#mn02 a:hover { background:url(../img/index/mnav02-b.jpg) 0 -42px no-repeat; }

body#index div#mainArea h2 {
	width:584px;
	height:83px;
	margin:20px auto 0 auto;
	background:url(../img/index/cat_fair.gif) no-repeat;
	text-indent:-9999px;
}

body#index div#mainArea div#voiceArea {
	width:262px;
	height:165px;
	margin-bottom:20px;
	background:url(../img/index/bg_voice.jpg) right bottom no-repeat;
	float:left;
}

body#index div#mainArea div#voiceArea h3 {
	height:110px;
	background:url(../img/index/cap_voice.jpg) no-repeat;
	text-indent:-9999px;
}

body#index div#mainArea div#voiceArea p {
	width:168px;
	padding:1px 0 0 71px;
}

body#index div#mainArea div#voiceArea p a {
	display:block;
	height:36px;
	background:url(../img/index/bt_voice.jpg) no-repeat;
	text-indent:-9999px;
}

body#index div#mainArea div#voiceArea p a:hover { background:url(../img/index/bt_voice.jpg) 0 -36px no-repeat; }

body#index div#mainArea div#serviceFla {
	width:388px;
	float:right;
}

body#index div#mainArea div#newitemArea {
	clear:both;
	width:637px;
	padding-left:32px;
}

body#index div#mainArea div#newitemArea h3 {
	width:637px;
}

body#index div#mainArea div#newitemArea h3 a {
	display:block;
	height:48px;
	background:url(../img/index/cap_pickup.jpg) no-repeat;
	text-indent:-9999px;
}

body#index div#mainArea div#newitemArea h3 a:hover { background:url(../img/index/cap_pickup.jpg) 0 -48px no-repeat; }

body#index div#mainArea div#newitemArea ul#pickupImg {
	width:605px;
	height:150px;
	/* height:145px; */
	margin:0 auto;
	padding:5px 10px 0 9px;
	background:url(../img/index/bg_pickup.jpg) no-repeat;
}

body#index div#mainArea div#newitemArea ul#pickupImg li {
	padding:0 5px 0 4px;
	float:left;
}

body#index div#mainArea div#newitemArea ul#pickupImg li span{
	display:block;
	padding-top:5px;
	}

body#index div#mainArea div#newitemArea ul#pickupImg li img {
	border:#C8C8C8 1px solid;
}

body#index div#mainArea div#serviceArea {
	width:653px;
	padding-left:17px;
}

body#index div#mainArea div#serviceArea h3 {
	height:54px;
	background:url(../img/index/cap_service.jpg) no-repeat;
	text-indent:-9999px;
}

body#index div#mainArea div#serviceArea h4 {
	width:650px;
}

body#index div#mainArea div#serviceArea h4 a {
	display:block;
	text-indent:-9999px;
}

body#index div#mainArea div#serviceArea div#service-a h4 a { height:58px; background:url(../img/index/sub_delivery.jpg) no-repeat; }
body#index div#mainArea div#serviceArea div#service-b h4 a { height:61px; background:url(../img/index/sub_trip.jpg) no-repeat; }
body#index div#mainArea div#serviceArea div#service-c h4 a { height:62px; background:url(../img/index/sub_shop.jpg) no-repeat; }

body#index div#mainArea div#serviceArea div#service-a h4 a:hover { background:url(../img/index/sub_delivery.jpg) 0 -58px no-repeat; }
body#index div#mainArea div#serviceArea div#service-b h4 a:hover { background:url(../img/index/sub_trip.jpg) 0 -61px no-repeat; }
body#index div#mainArea div#serviceArea div#service-c h4 a:hover { background:url(../img/index/sub_shop.jpg) 0 -62px no-repeat; }

/*
body#index div#mainArea div#serviceArea div.servicebox {
	clear:both;
	width:650px;
	margin-bottom:13px;
	padding-bottom:20px;
	background:url(../img/index/bg_service.gif) right bottom no-repeat;
}

*/

body#index div#mainArea div#serviceArea div.servicebox {
	clear:both;
	width:650px;
	margin-bottom:13px;
	padding-bottom:20px;
}
/*
	border-left:1px solid #DFDFDB;
*/
body#index div#mainArea div#serviceArea div#service-a {
	padding-bottom:1px;
}

body#index div#mainArea div#serviceArea div.servicebox div.flowbox {
	width:598px;
	padding:0 10px 20px 20px;
	border-left:1px solid #DFDFDB;
	border-bottom:1px solid #DFDFDB;
	border-right:1px solid #DFDFDB;
	margin-left:20px;
}

body#index div#mainArea div#serviceArea div.servicebox div.flowbox p.h_freedial{
	clear:both;
	padding-top:10px;
	padding-bottom:0 !important;
	}
	
body#index div#mainArea div#serviceArea div#service-b p.h_freedial{
	padding-top:20px;
	}
	
body#index div#mainArea div#serviceArea div#service-c div.flowbox {
	background:url(../img/index/txt_freedial.gif) 315px 60px no-repeat;
}

body#index div#mainArea div#serviceArea div.servicebox div.flowbox p {
	padding-top:2px;
	padding-bottom:20px;
}

body#index div#mainArea div#serviceArea div.servicebox div.flowbox p.linkdoc {
	padding-left:22px;
	background:url(../img/index/ic_pagelink.jpg) 0 0.2em no-repeat;
	padding-bottom:0 !important;
}

body#index div#mainArea div#serviceArea div.servicebox div.flowbox p span {
	font-size:84%;
	color:#D42F11;
}

body#index div#mainArea div#serviceArea div.servicebox div.flowbox ul li {
	padding-left:20px;
	background:url(../img/index/ic_flow.gif) 5px 19px no-repeat;
	float:left;
}

body#index div#mainArea div#serviceArea div.servicebox div.flowbox ul li.flow-s {
	padding:0;
	background:none;
}

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

body#index div#container div#subArea {
	width:210px;
	float:right;
}

body#index div#container div#subArea-02{
	width:210px;
	background-color:#B00011;
	padding:10px 0;
}

body#index div#container div#subArea p#itemBnr {
	width:210px;
}

body#index div#container div#subArea p#itemBnr a {
	display:block;
	height:113px;
	background:url(../img/index/bn_item.jpg) no-repeat;
	text-indent:-9999px;
}
body#index div#container div#subArea div#rankArea {
	width:209px;
	margin-bottom:10px;
	background:url(../img/index/bg-rank.jpg) no-repeat;
	padding-bottom:10px;
	height:387px;
}

body#index div#container div#subArea div#rankArea h4 {
	width:209px;
	height:73px;
	background:url(../img/index/h-rank.jpg) no-repeat;
	text-indent:-9999px;
	padding-bottom:6px;
}

body#index div#container div#subArea div#rankArea dl.rank-1{ background:url(../img/index/ic_1st.jpg) #fff 7px center no-repeat; }
body#index div#container div#subArea div#rankArea dl.rank-2{ background:url(../img/index/ic_2nd.jpg) #fff 7px center no-repeat; }
body#index div#container div#subArea div#rankArea dl.rank-3{ background:url(../img/index/ic_3rd.jpg) #fff 7px center no-repeat; }


body#index div#container div#subArea div#rankArea h3{
	margin:4px 0;
	}

body#index div#container div#subArea div#rankArea dl.rankbox02{
	clear:both;
	width:189px;
	margin:0 auto;
	padding:0 0 0 10px;
	border-bottom:#7F7E7C 1px dotted;
}


body#index div#container div#subArea div#rankArea dl.rankbox {
	clear:both;
	width:179px;
	margin:0 auto;
	padding:9px 10px;
	border-bottom:#7F7E7C 1px dotted;
}

body#index div#container div#subArea div#rankArea dl.rank-3 {
	border:none;
}

body#index div#container div#subArea div#rankArea dl.rankbox dt {
	width:60px;
	padding-left:40px;
	float:left;
}

body#index div#container div#subArea div#rankArea dl.rankbox02 dd {
	float:right;
}

body#index div#container div#subArea div#rankArea dl.rankbox dd {
	width:75px;
	padding-top:5px;
	float:right;
}

body#index div#container div#subArea div#rankArea dl.rankbox dd a {
	color:#666;
}

body#index div#container div#subArea ul#inav {
	clear:both;
	width:190px;
	margin:0 auto 12px;
}

body#index div#container div#subArea ul#inav li {
	width:190px;
	padding-bottom:5px;
}

body#index div#container div#subArea ul#inav li a {
	display:block;
	height:25px;
	text-indent:-9999px;
}

body#index div#container div#subArea ul#inav li#in01 a { background:url(../img/index/rn_item.jpg) no-repeat; }
body#index div#container div#subArea ul#inav li#in02 a { background:url(../img/index/rn_item-ng.jpg) no-repeat; }

body#index div#container div#subArea ul#inav li#in01 a:hover { background:url(../img/index/rn_item.jpg) 0 -25px no-repeat; }
body#index div#container div#subArea ul#inav li#in02 a:hover { background:url(../img/index/rn_item-ng.jpg) 0 -25px no-repeat; }

body#index div#container div#subArea p#beginBnr {
	width:210px;
	margin:0 auto;
}

body#index div#container div#subArea p#beginBnr a {
	display:block;
	height:58px;
	background:url(../img/index/rn_beginner.jpg) no-repeat;
	text-indent:-9999px;
}

body#index div#container div#subArea p#loginBnr {
	width:210px;
	margin:0 auto;
}

body#index div#container div#subArea p#loginBnr a {
	display:block;
	height:58px;
	background:url(../img/index/rn_login.jpg) no-repeat;
	text-indent:-9999px;
}



body#index div#container div#subArea ul#bnav {
	width:190px;
	margin:0 auto;
}

body#index div#container div#subArea ul#bnav li {
	padding-bottom:10px;
}
body#index div#container div#subArea ul#bnav li.auction-banner {
	padding-bottom:10px;
	background: #FF0096;
	width: 190px;
}
body#index div#container div#subArea ul#bnav li.auction-banner table {
	width: 100%!important;
	border: none;
	margin: 5px auto;
}

body#index div#container div#subArea ul#bnav li.auction-banner th {
	text-align: center;
	font-weight: bolder;
	color: #fff;
	padding: 5px;
}

body#index div#container div#subArea ul#bnav li.auction-banner td {
	text-align: center;
}

/*
----------------------------------------------------------------------------
ブランドサイトバナー
----------------------------------------------------------------------------
*/
body#index div#container div#subArea ul#bnav2 {
	width:210px;
	margin:0 auto;
}

body#index div#container div#subArea ul#bnav2 li {
	padding-bottom:10px;
}

/*
----------------------------------------------------------------------------
特別バナーエリア
----------------------------------------------------------------------------
*/

p.specialbnr {
	clear:both;
	width:670px;
	padding-bottom:25px;
}



/*
----------------------------------------------------------------------------
messagearea
----------------------------------------------------------------------------
*/

div#message-area{
	width:631px;
	background:url(../img/index/bg-f-message.jpg) center bottom no-repeat;
	padding-bottom:15px;
	clear:both;
	margin-top:20px;
	margin-left:32px;
	}
	
div#message-inner{
	background: url(../img/index/bg-h-message.jpg) center top no-repeat;
	padding-top:17px;

	}

div#message-box{
	background:url(../img/index/bg-message.jpg) center top repeat-y;
	padding-left:17px;
	}
	
div#message-area h3{
	background:url(../img/index/h-message.jpg) top right no-repeat;
	height:265px;
	width:172px;
	text-indent:-9999em;
	float:left;
	}
	
div#message-box div{
	float:right;
	width:442px;
	}
	
div#message-box div p{
	line-height:200%;
	background:url(../img/index/line-message.gif) repeat-y;
	width:420px;
	}

/*
----------------------------------------------------------------------------
newsArea
----------------------------------------------------------------------------
*/

body#index div#container div#newsArea {
	width:645px;
	margin-bottom:13px;
	background:#F6F5F1;
	border:#EDEDEB 1px solid;
	margin-left:20px;
}

body#index div#container div#newsArea p {
	width:83px;
	padding-top:15px;
	padding-right:20px;
	height:18px;
	float:right;
}

body#index div#container div#newsArea p a {
	display:block;
	height:8px;
	background:url(../img/index/bt_news.jpg) no-repeat;
	text-indent:-9999px;
}

body#index div#container div#newsArea h4 {
	height:35px;
	float:left;
	width:62px;
	background:url(../img/index/cap_news.jpg) 9px 9px no-repeat;
	text-indent:-9999px;
}

body#index div#container div#newsArea dl {
	width:625px;
	margin:0 auto;
	padding:5px 10px;
	clear:both;
	border-bottom:#7F7E7C 1px dotted;
}

body#index div#container div#newsArea dl dt {
	float:left;
}

body#index div#container div#newsArea dl dd {
	float:left;
	padding-left:10px;
}

.news-last{
	border:none !important;
	}

body#index div#container div#newsArea dl dd a {
	color:#666;
}



body#index div#container div#newsArea p a:hover { background:url(../img/index/bt_news.jpg) 0 -8px no-repeat; }


/*
----------------------------------------------------------------------------
huckclearfix クリア
----------------------------------------------------------------------------
*/

body#index div#container div#newsArea:after,
body#index div#container div#newsArea dl:after,
body#index div#container div#subArea div#rankArea dl.rankbox02:after,
body#index div#container div#subArea div#rankArea dl.rankbox:after,
body#index div#message-box:after,
body#index div#message-inner:after,
body#index div#container:after,
body#index div#mainArea div#serviceArea div.servicebox:after,
body#index div#mainArea div#serviceArea div.servicebox div.flowbox:after {
	content: "";
	display: block;
	height:0;
	clear: both;
	visibility:hidden;
	}	

body#index div#container div#newsArea,
body#index div#container div#newsArea dl,
body#index div#container div#subArea div#rankArea dl.rankbox02,
body#index div#container div#subArea div#rankArea dl.rankbox,
body#index div#message-box,
body#index div#message-inner,
body#index div#container,
body#index div#mainArea div#serviceArea div.servicebox,
body#index div#mainArea div#serviceArea div.servicebox div.flowbox {
	display:inline-block;
	}
 
/*\*/

* html body#index div#container div#newsArea,
* html body#index div#container div#newsArea dl,
* html body#index div#container div#subArea div#rankArea dl.rankbox02,
* html body#index div#container div#subArea div#rankArea dl.rankbox,
* html body#index div#message-box,
* html body#index div#message-inner,
* html body#index div#container,
* html body#index div#mainArea div#serviceArea div.servicebox,
* html body#index div#mainArea div#serviceArea div.servicebox div.flowbox {
	height:1%;
}

body#index div#container div#newsArea,
body#index div#container div#newsArea dl,
body#index div#container div#subArea div#rankArea dl.rankbox02,
body#index div#container div#subArea div#rankArea dl.rankbox,
body#index div#message-box,
body#index div#message-inner,
body#index div#container,
body#index div#mainArea div#serviceArea div.servicebox,
body#index div#mainArea div#serviceArea div.servicebox div.flowbox {
	display:block;
	}

/**/