@charset='utf-8';

body{
margin:0px;
text-align:center;
font-size:12px;
}

img{
border:none;
}

dl,dt,dd,ul,li{
margin:0px;
padding:0px;
}

li{
list-style:none;
}

#frame{
width:800px;
margin:10px auto 0px auto;
}

#main{
width:800px;
margin:8px 0px 8px 0px;
}

.header{
width:788px;
height:90px;
border:1px solid #000;
font-size:20px;
padding-top:10px;
padding-left:10px;
font-weight:bold;
text-align:left;
}


#main .left{
width:200px;
float:left;
}

#main .left li{
width:200px;
padding:8px 0px;
border:1px solid #000;
margin-bottom:3px;
background:#FFFFCC;
font-size:14px;
}

#main .right{
width:570px;
margin-left:10px;
float:right;
border:1px solid #000;
padding:10px 9px 10px 9px;
}

.footer{
width:800px;
text-align:center;
padding:8px 0px;
border:1px solid #000;
margin-bottom:10px;
}

/* top.html */

#main .news{
width:560px;
margin-bottom:10px;
background:#eee;
text-align:left;
padding:5px 5px;
}

#main .news dl{
margin-bottom:10px;
}
#main .news dl dt{
font-weight:bold;
font-size:14px;
padding-bottom:4px;
}

#main .title{
width:100%;
padding:5px 0px;
background:#fff;
border:1px solid #666666;
margin-bottom:5px;
text-align:center;
font-size:16px;
font-weight:bold;
}

#main .news .body{
overflow:auto;
height:130px;
padding:0px 5px;
}

#main .news .date{
font-weight:bold;
margin-bottom:3px;
}

#main .news .comment{ 
margin-bottom:10px;
border-bottom:1px #000 solid;
padding-bottom:5px;
}

#main .pickup{
width:280px;
height:480px;
background:#eeeeee;
float:left;
margin-bottom:10px;
padding:5px 5px;
}
#main .pickup dd{
font-size:18px;
padding-top:10px;
}

#main .newentry{
width:260px;
height:480px;
background:#eeeeee;
float:right;
margin-bottom:10px;
padding:5px 5px;
}

#main .newentry .body{
height:430px;
}
#main .newentry .body dl {
}

#main .newentry .body dl dd{
padding-top:5px;
padding-bottom:10px;
}


#main .topscehdule{
width:550px;
height:320px;
background:#eee;
padding:5px 5px;
margin-bottom:10px;
}


#main .topscehdule .body{
overflow:auto;
height:280px;
}

#main .topscehdule dl{
float:left;
width:166;
margin-right:10px;
margin-bottom:10px;
}


/* entrylist.html */

.entrylist{
text-align:left;
}

#main .entrylist dl{
float:left;
width:180x;
margin-right:10px;
margin-bottom:10px;
}

#main .entrylist dl dt{
text-align:center;
}
#main .entrylist dl dd{
padding-top:5px;
text-align:center;
}

/*****************
schedule.html
******************/

.schedule{
text-align:left;
}
#main .schedule dl{
float:left;
width:180x;
margin-right:10px;
margin-bottom:10px;
}
#main .schedule dl dt{
text-align:center;
}
#main .schedule dl dd{
padding-top:5px;
text-align:center;
}
.schedule .week {
margin-bottom:20px;
}
.schedule .week a{
color:#666666;
}
.schedule .week ul li{
text-align:center;
float:left;
width:65px;
border:1px solid #666666;
margin-right:4px;
padding:5px;
}
.schedule .week ul li.now{
background:#FFFFCC;
}
/*****************
rankin.html
******************/

.ranking{
text-align:left;
}
.ranking .ranking_title{
font-size:16px;
font-weight:bold;
margin:6px 0px 6px 0px;
}
.ranking dl{
float:left;
width:180x;
margin-right:10px;
margin-bottom:20px;
}
.ranking dl dt{
text-align:center;
}
.ranking dl dd{
padding-top:5px;
text-align:center;
}
.ranking .section{
margin-bottom:20px;
}

/*****************
gravure.html
******************/

.gravure{
text-align:left;
}
.gravure dl{
float:left;
width:180x;
margin-right:10px;
margin-bottom:10px;
}
.gravure dl dt{
text-align:center;
}

/*****************
mypage.html
******************/

.favlist{
text-align:left;
}
.favlist dl{
float:left;
width:90x;
margin-right:10px;
margin-bottom:10px;
}
.favlist dl dt{
text-align:center;
}
.favlist dl dd{
padding-top:5px;
text-align:center;
}
#my_page{
margin-bottom:20px;
}
.my_page_info{
margin-bottom:20px;
}
.my_page_info_l{
float:left;
width:300px;
text-align:left;
}
.my_page_info_r{
float:right;
width:200px;
text-align:right;
}

table.my_page_tbl{
background:#000;
width:80%;
}
table.my_page_tbl th{
text-align:left;
background:#ffffff;
padding:3px;
}
table.my_page_tbl td{
text-align:left;
background:#ffffff;
padding:3px;
}

/* system.html */

.system{
text-align:left;
}


/* magazine.html */
.magazine{
text-align:left;
}

/* mail.html */
.mail{
text-align:left;
}

.mail dl{

}

.mail dt{
float:left;
width:150px;
padding:8px 8px;
}

.mail dd{
float:left;
width:220px;
padding:10px 0px;
}

.mail dd input{
width:200px;
}

.mail dd textarea{
width:200px;
height:80px;
}


/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
position:relative;
}
* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/* clearfix */
.mail dl:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.mail dl {
min-height: 1px;
position:relative;
}
* html .mail dl {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}


/*****************
デフォルト
******************/
.my_today_error{
text-align:center;
padding:30px;
}

/* ■会員管理■ */

/* ■ページ遷移■ */

ul#page_index{
	width:500px;
	list-style-type:none;
	padding:0;
	margin:10px 0 0 10px;
}

/* ページが選択されている場合のセル */
li.onPage{
	float:left;
	width:20px;
	border:1px #06C solid;
	height:20px;
	line-height:20px;
	color:#fff;
	margin-right:5px;
	text-align:center;
	background:#06C;
}

/* ページが選択されていない場合のセル */
li.offPage{
	float:left;
	width:20px;
	border:1px #06C solid;
	height:20px;
	line-height:20px;
	color:#fff;
	margin-right:5px;
	text-align:center;
}

/* ページが選択されている場合の文字 */
.onPageText{
	display:block;
	
}

/* ページが選択されている場合の文字 */
.offPageText{
	display:block;
}

/* 戻るボタン */
li#backIcon{
	float:left;
	color:#fff;
}

/* 進むボタン */
li#fowIcon{
	float:right;
	color:#fff;
}

/* ■ページ遷移■ */

.sidemagazine{
border:1px #000 solid;
width:100%;
margin-bottom:5px;
padding:5px 0px;
}


.sidelogin{
border:1px #000 solid;
width:100%;
padding:5px 0px;
}

.trademark{
vertical-align:middle;
}