@charset "euc-jp";
/* CSS Document */
/*--------------------- 共通 --------------------------*/
body,form,p,hr,h1,h2,h3,h4,dl,dt,dd,select,option,input{
margin:0;
padding:0;
font-size:12px;
font-family:'ＭＳ Ｐゴシック','Osaka','ヒラギノ角ゴ Pro W3';
}
body{
background-color:white;
}
ul,ol,dl{
margin:0;
padding:0;
}
br{
overflow:hidden;
}
a{
outline:none;
}
br{
letter-spacing:0;
}
.small{
line-height:1em;
font-size:10px;
}
.orange{
color:#ff7800;
}
.margin{
margin:5px 0;
}
.clear{
clear:both;
}

a:link{
color:#0066cc;
text-decoration:none;
}
a:visited{
color:#0066cc;
text-decoration:none;
}
a:hover{
color:#0066cc;
text-decoration:underline;
}
a:active{
color:#0066cc;
text-decoration:underline;
}
/*
a{
color:#0066cc;
text-decoration:none;
}
a:hover{
color:#0066cc;
text-decoration:underline;
}
*/
div.small a{
	padding-bottom:1px;
}
/*--------------------- header --------------------------*/
h1{
margin:0 250px 0 0;
padding:0 0 0 21px;
text-indent:-9999px;
/*background:url(../img/img_head_toptitle.jpg) no-repeat 21px;*/
height:70px;
width:310px;
float:left;
clear:right;
overflow:hidden;
}
h1 a{
height:70px;
width:310px;
display:block;
}
#header,#container,#footer{
margin:0 auto;
padding:0;
width:992px;
/*overflow:hidden;*/
background-color:white;
}
#container{
margin:7px auto;
}
#topmenu{
background:url(../img/bg_head_title.jpg) no-repeat;
height:97px;
width:992px;
}
#topmenu ul{
width:310px;
float:left;
margin:10px 0 0 0;
padding:0 0 0 90px;
list-style-type:none;
}

#topmenu ul.inbtn{
width:185px;
padding-left:192px;
/*padding-left:280px;*/
margin:10px 0 0 0;
height:35px;
}

#topmenu ul.login{
width:357px;
padding-left:43px;
/*width:205px;
padding-left:185px;*/
margin:55px 0 0 0;
}

#topmenu ul li{
height:12px;
padding:0 0 0 35px;
margin:0;
display:inline;
float:left;
background:url(../img/img_head_icon.gif) no-repeat 20px;
/*display:inline; ieでリストのイメージが表示されない */
white-space:nowrap;
}

#topmenu ul.inbtn li{
height:20px;
padding:0;
margin-left:10px;
background:none;
width:81px;
overflow:hidden;
}

#topmenu ul.inbtn li a{
display:block;
height:20px;
width:81px;
overflow:hidden;
text-indent:-9999px;
}

#topmenu ul.inbtn li a.regist{
background:url(../img/btn_head_registbtn.gif) no-repeat;
}

#topmenu ul.inbtn li a.login{
background:url(../img/btn_head_loginbtn.gif) no-repeat;
}

#topmenu ul li a{
padding:0;
}

#topmenu ul li a:link{
color:#333333;
text-decoration:none;
}
#topmenu ul li a:visited{
color:#333333;
text-decoration:none;
}
#topmenu ul li a:hover{
color:#333333;
text-decoration:underline;
}
#topmenu ul li a:active{
color:#333333;
text-decoration:underline;
}


#mainmenu{
height:33px;
background:url(../img/bg_head_menu.jpg) repeat-x;
clear:both;
}
#mainmenu ul{
width:884px;
height:33px;
margin:0 auto;
}
#mainmenu ul li{
text-indent:-9999px;
overflow:hidden;
width:98px;
height:33px;
float:left;
clear:right;
list-style-type:none;
}
#mainmenu ul li.top,
#mainmenu ul li.digest{
width:99px;
}
#mainmenu ul li a{
display:block;
width:98px;
height:33px;
}

#mainmenu ul li.top a{
width:99px;
background:url(../img/btn_head_top.jpg) no-repeat 0 0;
}
#mainmenu ul li.howto a{
background:url(../img/btn_head_howto.jpg) no-repeat 0 0;
}
#mainmenu ul li.enjoy a{
background:url(../img/btn_head_enjoy.jpg) no-repeat 0 0;
}
#mainmenu ul li.point a{
background:url(../img/btn_head_point.jpg) no-repeat 0 0;
}
#mainmenu ul li.search a{
background:url(../img/btn_head_search.jpg) no-repeat 0 0;
}
#mainmenu ul li.mypage a{
background:url(../img/btn_head_mypage.jpg) no-repeat 0 0;
}
#mainmenu ul li.mailbox a{
background:url(../img/btn_head_mailbox.jpg) no-repeat 0 0;
}
#mainmenu ul li.qanda a{
background:url(../img/btn_head_qanda.jpg) no-repeat 0 0;
}
#mainmenu ul li.ranking a{
background:url(../img/btn_head_ranking.jpg) no-repeat 0 0;
}
#mainmenu ul li.digest a{
width:99px;
background:url(../img/btn_head_digest.jpg) no-repeat 0 0;
/*background:url(../img/btn_head_digest.gif) no-repeat 0 0;*/
}

#mainmenu ul li.top a:hover,
#mainmenu ul li.howto a:hover,
#mainmenu ul li.enjoy a:hover,
#mainmenu ul li.point a:hover,
#mainmenu ul li.search a:hover,
#mainmenu ul li.mypage a:hover,
#mainmenu ul li.mailbox a:hover,
#mainmenu ul li.qanda a:hover,
#mainmenu ul li.ranking a:hover,
#mainmenu ul li.digest a:hover{
background-position:0 -33px;
}

/*--------------------- leftmenu --------------------------*/
a#left_registbtn{
display:block;
overflow:hidden;
margin:0 0 4px 10px;
width:175px;
height:47px;
background:url(../img/btn_left_regist.jpg) no-repeat 0 0;
text-indent:-9999px;
}
a#left_registbtn:hover{
background-position:0 -47px;
}
a#left_loginbtn{
display:block;
overflow:hidden;
margin:0 0 4px 10px;
width:175px;
height:36px;
background:url(../img/btn_left_login.jpg) no-repeat 0 0;
text-indent:-9999px;
}
a#left_loginbtn:hover{
background-position:0 -36px;
}
#leftcontainer{
width:165px;
margin:0 0 15px 0;
padding:4px;
float:left;
clear:right;
background:url(../img/bg_left_stripe.gif);
border:1px solid #DEDEDE;
}
#leftnavigation{
margin:0;
padding:0;
overflow:hidden;
}
#leftnavigation img{
border:0px none;
}
#leftnavigation h3 img{
position:relative;
top:3px;
}
#leftnavigation h3.title{
margin:0;
padding-top:5px;
height:20px;
line-height:20px;
color:white;
text-align:center;
background:url(../img/bg_left_title.gif);
}

#leftnavigation img.bspace{
margin-bottom:7px;
}
#leftnavigation div.text{
width:147px;
background-color:white;
line-height:1.8em;
border-left:2px solid #EE8AA4;
border-right:2px solid #EE8AA4;
padding:3px 7px;
overflow:hidden;
}
#leftnavigation div.text div#unread_box{
display:block;
overflow:hidden;
position:absolute;
top:1px;
right:3px;
width:93px;
text-align:right;
font-size:11px;
}
#leftnavigation div.text dl{
clear:both;
overflow:hidden;
margin-top:3px;
}

#leftnavigation dl.info dt{
font-size:10px;
height:12px;
line-height:12px;
width:60px;
margin:0;
padding:5px 0 0 5px;
float:left;
clear:both;
}

#leftnavigation dl.info dd{
font-size:10px;
height:12px;
line-height:12px;
width:80px;
margin:0;
padding:5px 0 0 0;
float:left;
}


#leftnavigation iframe.buypts{
margin-top:5px;
/*border-top:1px dotted #B3AFAB;*/
border-bottom:1px solid #B3AFAB;
}


#leftnavigation div.text dl.ico dt,#leftnavigation div.text dl.ico dd{
font-size:10px;
float:left;
overflow:hidden;
}
#leftnavigation div.text dl.ico dt{
height:17px;
padding-top:3px;
width:16px;
clear:left;
text-align:center;
}
#leftnavigation div.text dl.ico dt img{
margin:0 auto;
}
#leftnavigation div.text dl.ico dd{
height:20px;
line-height:20px;
width:120px;
margin:0 0 0 8px;
}
#leftnavigation div.text div.adult{
margin-top:3px;
padding:5px 0;
line-height:1.2em;
background:url(../img/bg_off_limits.gif) no-repeat top right;
}
#leftnavigation div.text div.yahoo{
padding:5px 0;
line-height:1.2em;
background:url(../img/bg_yahoojapan.gif) no-repeat top right;
}


#leftnavigation div.text p{
padding:0 6px;
border-bottom:1px solid #B3AFAB;
}
#leftnavigation div.text img{
margin:7px 0 0 0;
border:0px none;
}
#leftnavigation div.bottom{
background:url(../img/bg_left_bottom.gif) no-repeat;
margin-bottom:7px;
height:10px;
overflow:hidden;
}
#leftnavigation h3.subtitle{
margin:0;
padding-top:3px;
height:17px;
line-height:17px;
color:white;
text-indent:10px;
text-align:left;
background:url(../img/bg_left_subtitle.gif);
}
#leftnavigation div.text ul{
list-style:none;
line-height:1.8em;
margin:0;
}
#leftnavigation h3.subtitle2{
margin:0;
padding-top:3px;
height:17px;
line-height:17px;
color:white;
text-indent:10px;
text-align:left;
background:url(../img/bg_left_subtitle2.gif);
}

#leftnavigation div.grouplinktop{
width:165px;
height:6px;
background:url(../img/bg_left_grouplink.gif) no-repeat 0 0;
}
#leftnavigation dl.grouplink{
padding:6px 8px;
width:149px;
height:auto;
background:url(../img/bg_left_grouplinkre.gif) repeat-y;
}
#leftnavigation dl.grouplink dt{
margin:0;
font-weight:normal;
}
#leftnavigation dl.grouplink dd{
margin:0 0 5px 0;
padding-bottom:5px;
font-size:10px;
border-bottom:1px solid #d6d6d6;
}
#leftnavigation dl.grouplink dd.none{
margin:0;
padding-bottom:0;
border-bottom:none;
}
#leftnavigation dl.grouplink dd a{
color:#8c8c8c;
}
#leftnavigation div.grouplinkbottom{
margin-bottom:7px;
width:165px;
height:6px;
background:url(../img/bg_left_grouplink.gif) no-repeat 0 -6px;
}

/*--------------------- rightcontainer --------------------------*/
#rightcontainer{
margin-left:10px;
width:807px;
float:left;
clear:right;
}

/*--------------------- footer --------------------------*/
#footer{
font-size:10px;
margin-top:25px;
text-align:center;
line-height:22px;
background:url(../img/bg_foot_menu.jpg) repeat-x;
overflow:hidden;
clear:both;
}
#footer ul{
margin:0 0 0 5px;
}
#footer ul li{
color:white;
margin:0 15px 0 0;
padding:0 0 0 15px;
float:left;
clear:right;
list-style-type:none;
background:url(../img/img_foot_icon.gif) no-repeat 0px;
}

#footer ul li a:link{
color:white;
text-decoration:none;
}
#footer ul li a:visited{
color:white;
text-decoration:none;
}
#footer ul li a:hover{
color:white;
text-decoration:underline;
}

#footer a:link{
color:#333333;
text-decoration:none;
}
#footer a:visited{
color:#333333;
text-decoration:none;
}
#footer a:hover{
color:#333333;
text-decoration:underline;
}
#footer a:active{
color:#333333;
text-decoration:underline;
}