@charset "Shift_JIS";

/* =======================================================================

   TOPページリニューアル用
   
======================================================================= */

#login #head{
	width:900px;
	height:73px;
	margin:0 auto;
	padding:12px 27px 0;
	background: transparent url("../../common/img_top_logout/head_bg_login2.jpg") no-repeat;
}

#logoutCol{
	padding:20px 25px 0;
	overflow:hidden;
	zoom:1;
}
#logoutCol h2{display:none;}
#logoutCol .dNone{display:none;}
#loginBox{
	position:relative;
	width:903px;
	height:394px;
	margin-bottom:20px;
	background:url(../img_top_logout/bg_loginbox.jpg) no-repeat 0 0;
}
#loginBox #meritBox{
	position:absolute;
	top:106px;
	left:30px;
}
#loginBox #meritBox li{
	float:left;
	margin-right:8px;
}
#loginBox #joinBtn{
	position: absolute;
	top: 244px;
	left: 104px;
}
#loginBox #formArea .userid,
#loginBox #formArea .password{
	display:none;
}
#loginBox #formArea #login_id{
	position: absolute;
	top: 150px;
	left: 722px;
	width: 140px;
	height: 12px;
	border: 1px solid #ffffff;
	font-size: 12px;
}
#loginBox #formArea #login_pw{
	position: absolute;
	top: 179px;
	left: 722px;
	width: 140px;
	height: 12px;
	border: 1px solid #ffffff;
	font-size: 12px;
}
#loginBox #formArea .autocheck{
	position: absolute;
	top: 209px;
	left: 663px;
}
#loginBox #formArea .auto{
	position: absolute;
	top: 207px;
	left: 699px;
	width: 140px;
	height: 14px;
	text-indent: -9000px;
}
#loginBox #formArea .submit{
	position: absolute;
	top: 270px;
	left: 680px;
}
#loginBox #formArea #forgot{
	position: absolute;
	top: 323px;
	left: 650px;
	text-align: center;
	font-size: 11px;
	line-height: 1.5;
}
#loginBox #addread{
	position: absolute;
	top: 305px;
	left: 52px;
	text-align: center;
}

/*#messageBox{
	width:900px;
	height:100px;
	margin-bottom:20px;
	background:url(../img_top_logout/bg_message.jpg) no-repeat 0 0;
	text-align:center;
}*/
#messageBox{
	width:900px;
	height:62px;
	margin-bottom:20px;
	background:url(../img_top_logout/bg_message.jpg) no-repeat 0 0;
	text-align:center;
	border-bottom: #cc0202 2px solid;
}
#messageBox p{display:none;}
#messageBox img{margin-top:60px;}

#newsBox {
	width:876px;
	border: #FAAA3E 2px solid;
	text-align: center;
	padding: 12px 10px 10px ;
	margin-bottom: 20px;
}

#newsBox h3 {
	/*color: #F70;*/
	color: #C00;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 5px;
}

#newsBox h3 .date {
	font-size: 12px;	
}

#newsBox p .system {
	color: #C00;
}
#voiceBox{
	margin-bottom:25px;
}
#trendBox{
	float:left;
	width:442px;
	margin-bottom:20px;
	padding-bottom:6px;
	background:url(../img_top_logout/bg_trend_btm.jpg) no-repeat 0 bottom;
}
#trendBox .inner{
	padding-top:80px;
	background:url(../img_top_logout/bg_trend_top.jpg) no-repeat 0 0;
}

#trendBox .inner2{
	padding-top:80px;
	background:url(../img_top_logout/bg_trend_top2.jpg) no-repeat 0 0;
}

#trendBox .mid{
	padding:5px 15px 15px;
	background:url(../img_top_logout/bg_trend_mid.jpg) repeat-y 0 0;
}
#trendBox #question{
	height:auto;
	margin-bottom:10px;
	padding:10px 15px;
	background:#ffffff;
	border:2px solid #FABF66;
	border-top:none;
}
#trendBox #keyword{
	width:412px;
	height:35px;
	margin-bottom:15px;
	background:url(../img_top_logout/bg_keyword.jpg) repeat-y 0 0;
}

#trendBox #answer{
	width:412px;
	height:60px;
	margin-top: 2px;
	margin-bottom:15px;
	background:url(../img_top_logout/bg_choice.gif) repeat-y 0 0;
	font-size: 12px;
}

#trendBox #keyword span{
	display:block;
	padding:0 0 0 78px;
	font-weight:bold;
	color:#cc0000;
	text-align:center;
	line-height:35px;
}

#trendBox #answer span{
	display:block;
	padding:0;
	color:#cc0000;
	text-align:center;
	line-height:35px;
}

#trendBox #detailBtn{
	margin-bottom:25px;
	text-align:center;
}
#trendBox #memo{
	font-size:12px;
	text-align:center;
}

#trendBox .happybox {
	background:url(../img_top_logout/bk_happy.jpg) no-repeat 0;
	width: 276px;
	height: 64px;
	padding: 135px 0 0 145px;
	margin-bottom: 10px;
}

#trendBox .happybox h4 {
	display: none;
}
#trendBox .happybox p {
	width: 245px;
	margin: 0;
	line-height: 1.3em;
}


#popBox{
	float:right;
	width:442px;
	margin-bottom:20px;
	padding-bottom:11px;
	background:url(../img_top_logout/bg_pop_btm.jpg) no-repeat 0 bottom;
}
#popBox .inner{
	padding-top:101px;
	background:url(../img_top_logout/bg_pop_top.jpg) no-repeat 0 0;
}
#popBox .mid{
	position:relative;
	height:270px;
	padding:0 16px;
	background:url(../img_top_logout/bg_pop_mid.jpg) repeat-y 0 0;
	overflow:hidden;
	zoom:1;
}
#popBox li{
	float:left;
	margin-bottom:10px;
	text-indent:-9000px;
}
#popBox #tabBtn01{
	width:104px;
	height:26px;
	background:url(../img_top_logout/tab01.jpg) no-repeat 0 0;
	cursor:pointer;
}
#popBox #tabBtn02{
	width:306px;
	height:26px;
	background:url(../img_top_logout/tab02.jpg) no-repeat 0 0;
	cursor:pointer;
}
#popBox #tabBtn01.on{background:url(../img_top_logout/tab01_on.jpg) no-repeat 0 0;}
#popBox #tabBtn02.on{background:url(../img_top_logout/tab02_on.jpg) no-repeat 0 0;}
#popBox #tab01,
#popBox #tab02{
	clear:left;
}
#popBox dl{
	float:left;
	width:118px;
	margin-right:28px;
}
#popBox dl.lastItem{margin-right:0;}
#popBox dt img{
	border:1px solid #cccccc;
}

#popBox dd p{font-size:12px;}
#popBox dd .copy{
	color:#ff0000;
	line-height:1.4;
}
#popBox #tab02{
	display:none;
	position:absolute;
	top:45px;
	left:16px;
	width:410px;
}
#flowBox{
	margin-bottom:20px;
}
#joinBox{
	position:relative;
	float:left;
	width:590px;
	height:187px;
	margin:0 20px 20px 0;
	background:url(../img_top_logout/bg_join.jpg) no-repeat 0 0;
}
#joinBox #btnJoin{
	position:absolute;
	top:44px;
	left:91px;
}
#joinBox #nomail{
	position:absolute;
	top:124px;
	left:365px;
}
#qrBox{
	float:right;
	margin-bottom:20px;
}
#infoBox h3{
	margin-bottom:10px;
}
#newBox{
	float:left;
	width:445px;
}
#newBox h4{margin-bottom:10px;}
#newBox p{margin-bottom:15px;}
#newBox li{
	float:left;
	margin:0 5px 2px 0;
}
#newBox li.even{margin-right:0;}


#itemBox{
	float:right;
	width:445px;
}
#itemBox h4{margin-bottom:10px;}
#itemBox p{margin-bottom:15px;}
#itemBox li{
	float:left;
	margin:0 5px 2px 0;
}
#itemBox li.odd{margin-right:0;}