@charset "shift_jis";
@import "common/css/top.css";

/* tab css */
body {	position: relative;	}

#cmn_head {
	position: absolute;
	top: 0px;
	left: 0px;
}

div#header div#loginArea ul li.lineUp span,
div#searchArea ul li.advanced span,
div#searchArea ul li a span {
	display: none;
}

/* ticker */
/*#news {
	clear: both;
	background:url(/questionnaire/images/ticker_bg.gif) center bottom no-repeat;
	width: 842px;
	height:26px;
	padding-top: 40px;
	*padding-top: 42px;
}
*/

#news {
	position:absolute;
	bottom:0;
	left:15px;
	clear: both;
	background:url(/questionnaire/images/ticker_bg.gif) center bottom no-repeat;
	padding-top: 18px;
	width: 842px;
}

#news li {
	list-style-type: none;
	text-align: left;
	text-indent: 300px;
line-height: 40px;
	color: #787878;
	font-size: 80%;
}

#news li.nxt {	display: none;}

#news li a {
	color: #787878;
	font-size: 80%;
}

div#header div#sukima {
	height: 18px;
}

#quest a {
	position: absolute;
	display: block;
	font-size: 0pt;
	text-indent: -9999px;
	width: 842px;
	height: 40px;
	bottom: 0px;
	left: 18px;
	z-index: 30;
	overflow: hidden;
}

div#header {
	height: 384px;
	position:relative;
}

div#header p.mark_com{
	position:absolute;
	top:85px;
	right:90px;
	width:45px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/common/images/mark_com.gif) no-repeat;
}



#adv_list {
	width:396px;
	text-align:right;
	height:18px;
}
div#searchArea #adv_list li {
	display:inline;
	list-style:none;
}
div#searchArea #adv_list li a{
	margin-left:10px;
	padding-left:10px;
	background:url(/images/header_list03.gif) 0 50% no-repeat;
}


div.flash-area{
	background:url(images/countdown.gif) no-repeat left top;
	}

#subbnr {
	position: absolute; /* div#header基準　*/
	top: 265px;
	left: 45px;
	width:400px;
}

div#searchArea ul#subbnr li {
	float: left;
	display: block;
	text-indent: -9999px;
	margin-right: 5px;
	width: 128px;
	height: 50px;
}

div#searchArea ul#subbnr li a {
	display: block;
	text-indent: -9999px;
	width: 128px;
	height: 50px;
}

#subbnr li.sb01 {	background: url(/images/sub_banner01.gif) no-repeat;}
#subbnr li.sb02 {	background: url(/images/sub_banner02.gif) no-repeat;}
#subbnr li.sb03 {	background: url(/images/sub_banner03.gif) no-repeat;	margin-right: 0;}
#subbnr li.sb03asbz {	background: url(/images/sub_banner03asbz.gif) no-repeat;	margin-right: 0;}
#subbnr li.sb_asbz {	background: url(/images/sub_banner_asbz.gif) no-repeat;	margin-right: 0;}
#subbnr li.sb_mx {	background: url(/images/sub_banner_mx2.gif) no-repeat;}
#subbnr li.sb_cojp {	background: url(/images/sub_banner_cojp.gif) no-repeat;}
#subbnr li.sb_auc {	background: url(/images/sub_banner_auction_b.gif) no-repeat;}
#subbnr li.sb_bk {	background: url(/images/sub_banner_back1.gif) no-repeat;}
#subbnr li.sb_biz500 {	background: url(/images/sub_banner_biz380camp.gif) no-repeat;}
#subbnr li.sb_beginner {	background: url(/images/sub_banner_beginner.gif) no-repeat;}
#subbnr li.sb_biz100 {	background: url(/images/biz100_def.gif) no-repeat;}
#subbnr li.sb_listing {	background: url(/images/sub_banner_listing.gif) no-repeat;}
#subbnr li.sd_memobi {	background: url(/images/sub_banner_memobi01.gif) no-repeat;}

#subbnr li.sb01 a:hover {	background: url(/images/sub_banner01_on.gif) no-repeat;}
#subbnr li.sb02 a:hover {	background: url(/images/sub_banner02_on.gif) no-repeat;}
#subbnr li.sb03 a:hover {	background: url(/images/sub_banner03_on.gif) no-repeat;}
#subbnr li.sb03asbz a:hover {	background: url(/images/sub_banner03asbz_on.gif) no-repeat;}
#subbnr li.sb_asbz a:hover {	background: url(/images/sub_banner_asbz_on.gif) no-repeat;}
#subbnr li.sb_mx a:hover {	background: url(/images/sub_banner_mx2_ov.gif) no-repeat;}
#subbnr li.sb_cojp a:hover {	background: url(/images/sub_banner_cojp_ov.gif) no-repeat;}
#subbnr li.sb_auc a:hover {	background: url(/images/sub_banner_auction_b_ov.gif) no-repeat;}
#subbnr li.sb_bk a:hover {	background: url(/images/sub_banner_back1_on.gif) no-repeat;}
#subbnr li.sb_biz500 a:hover {	background: url(/images/sub_banner_biz380camp_on.gif) no-repeat;}
#subbnr li.sb_beginner a:hover {	background: url(/images/sub_banner_beginner_ov.gif) no-repeat;}
#subbnr li.sb_listing a:hover {	background: url(/images/sub_banner_listing_ov.gif) no-repeat;}
#subbnr li.sd_memobi a:hover {	background: url(/images/sub_banner_memobi01_on.gif) no-repeat;}


/* window bottom banner 2009/09/08
-------------------------------------------------------------*/
#wb_banner{
	margin: 0 auto;
	padding: 0;
	position: fixed;
	left:0;
	bottom:0;
	_bottom:-1px;
	width: 100%;
	background: #f0f;
	z-index:200;
	height:54px;
	background: url(/common/images/wb_banner_bg.gif) repeat center;
}
#wb_banner_inner{
margin: 0 auto;
width:887px;
height:54px;
text-align: left;
}
#wb_banner_left{
width:471px;
height:54px;
float:left;
background: url(/common/images/wb_banner_left_bg.gif) no-repeat;
}
#wb_banner_left a{
position: relative;
top:30px;
left:74px;
display: block;
width:133px;
height:16px;
background-image: #f00;
text-indent: -9999px;
}
#wb_banner_left a:hover{
background: url(/common/images/wb_banner_left_btn_ov.gif) no-repeat;
}

#wb_banner_flash{
width:140px;
height:54px;
float:left;
}
#wb_banner_right{
width:276px;
height:54px;
float:left;
background: url(/common/images/wb_banner_right_bg.gif) no-repeat left 0px;
line-height:54px;
}
#wb_banner_left p,#wb_banner_right p{
display:none;
}

#wb_banner_right .wb_search_box{
border: none;
border-collapse:collapse;
}
#wb_banner_right .wb_search_box td,#wb_banner_right .wb_search_box tr{
border: none;
vertical-align: top;
}
#wb_banner_right .search_box{
padding: 12px 0px 12px 5px;
}
#wb_banner_right .search_box input, #wb_banner_right .search_box textarea{
border: solid 1px #fffee5;
background:#fffee5;
width:199px;
_width:197px;
height:30px;
color:#585858;
overflow:auto;
}
#wb_banner_bh{
	height:54px;
	background: #fff;
}



/* ABテストB（100308） */

div#searchArea h2.abtest-b{
	width:400px;
	background:url(images/search_ttl01_b.gif) no-repeat left top;
	}

#adv_list_b {
	width:396px;
	height:18px;
}
div#searchArea #adv_list_b li {
	display:inline;
	list-style:none;
}
div#searchArea #adv_list_b li a{
	margin-right:10px;
	padding-left:10px;
	background:url(/images/header_list03.gif) 0 50% no-repeat;
	color:#666;
}
div#searchArea #adv_list_b li.red a{
	color:#CF010D;
}
div#searchArea ul#subbnr_b{
	padding-top:8px;
	}

div#searchArea ul#subbnr_b li{
	float:left;
	margin-right:10px;
	list-style-type:none;
	}
div#searchArea ul#subbnr_b li a{
	color:#666;	
}

div#serverInfo{
	clear:both;
	width:790px;
	margin-left:28px;
	}

div#serverInfo h3{
	width:787px;
	height:34px;
	text-indent:-9999px;
	background:url(images/server_ttl01.gif) no-repeat left top;
	}

div#serverInfo dl{
	width:390px;
	height:79px;
	padding-top:14px;
	}

div#serverInfo dl.sd{ float:left; background:url(images/server_sd01.gif) no-repeat left top; }
div#serverInfo dl.vps{ float:right; background:url(images/server_vps01.gif) no-repeat left top; }

div#serverInfo dl dt{
	width:390px;
	height:54px;
	}

div#serverInfo dl dt a{
	display:block;
	width:390px;
	height:54px;
	color:#eaeaea;
	text-indent:-9999px;
	}

div#serverInfo dl.sd dt a:hover{ float:left; background:url(images/server_sd01_on.gif) no-repeat left top; }
div#serverInfo dl.vps dt a:hover{ float:right; background:url(images/server_vps01_on.gif) no-repeat left top; }



div#serverInfo dl dd{
	display:none;
	}

/* commercialArea */

div.commercialArea{
	float:left;
	width:370px;
	height:160px;
	line-height:140%;
	margin:11px 0 0 0;
	padding:10px 0 15px 18px;
	border-top:2px solid #ccc;
	}

div.com25th {
	background:url(/common/images/com25th_star.gif) 5px 20px no-repeat;
}
div.com25th_f {
	background:url(/common/images/com25th_star.gif) 5px 0 no-repeat;
}

div#campInfo01{
	height:165px;
	padding:10px 0 20px 18px;
}

div.commercialArea p.ttl{
	width:380px;
	margin:0 0 10px 0;
	font-size:12px;
	text-align:left;
	color:#cf0001;
	font-weight:normal;
	}

div.com25th p.ttl,
div.com25th_f p.ttl{
	padding-left:50px;
	margin:0;
}

div.commercialArea p.com200cp{
	width:372px;
	height:105px;
	background:url(/common/images/com200cp_bg.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div.commercialArea p.ttl strong{
	color:#cf0001;
	font-size:12px;
	}

div.commercialArea p.ttl strong.normal{
	color:#505359;
	}

div.commercialArea p.ttl span{
	color:#cf0001;
	}

div.commercialArea p.date{
	margin:0 0 5px 15px;
	font-size:12px;
	color:#505359;
	}

div.commercialArea table{
	border-collapse:collapse;
	width: 350px;
	}

div.commercialArea table th{
/*
	font-family: 'Tahoma', 'Arial', ans-serif;
	padding:0 10px 10px 0;
	font-size:24px;
	line-height: 120%;
	color:#505359;
	font-weight:bold;
	white-space:nowrap;
*/
	}

div.commercialArea table tr.pickup th{
	padding:0 10px 0 0;
	font-size:12px;
	color:#505359;
	font-weight:bold;
	}

div.commercialArea table tr.pickup th span{
	font-size:24px;
	}

div.commercialArea table td{
/*
	font-family: 'Tahoma', 'Arial', ans-serif;
	line-height: 120%;
	padding:0 10px 10px 0;
	text-decoration:none;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	padding-left:5px;
	line-height:100%;
	color:#cf0001;
*/
	}

div.commercialArea table tr.pickup td{
	padding:0 0 0;
	font-size:24px;
	color:#cf0001;
	font-weight:bold;
	}

div.commercialArea table tr.pickup td.push{
	text-decoration:none;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
	line-height:100%;
	}

div.commercialArea table tr.pickup td.push span{
	font-size:12px;
	color:#fff;
	line-height:120%;
	padding:2px 4px 1px;
	*padding:3px 4px 1px;
	background:#cf0001;
	font-weight:bold;
	}
div.commercialArea table tr.pickup td span.thru{
	font-size:12px;
	font-weight:normal;
	color:#666;
	padding-right:5px;
}
div.commercialArea table tr.pickup td span.thru em.price{
	font-style:normal;
	text-decoration:line-through;
}
div.commercialArea table tr.pickup td span.thru em.drctn{
	font-style:normal;
	text-decoration:none;
}

div.commercialArea p.simul{
	margin:10px 0 5px 0;
	line-height:130%;
	color:#505359;
	}

div.commercialArea div.noflash{
	width:330px;
	*width:300px;
	height:36px;
	line-height:36px;
	margin:0 0 0 0;
	font-size:12px;
	font-weight:bold;
	color:#ef0001;
	text-align:center;
	}

div.commercialArea div.info10 {
	width:370px;
	height:160px;
	background:url(images/info10_bg.gif) no-repeat;
	position:relative;
	overflow:hidden;
}
div.commercialArea div.info10 p {visibility:hidden;}
div.commercialArea div.info10 div#cdfla{
	width:200px;
	height:46px;
	position:absolute;
	bottom:29px;
	left:20px;
	overflow:hidden;
}


/* interviewLink */
.news p.interview{
	text-align:left;
	margin:30px 0 0 13px;
	font-size:12px;
	border-top:1px solid #999;
	padding:15px 10px 0;
	}