@charset "Shift_JIS";

@import url(moji.css);

body {
font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
margin: 0;
padding: 0;
font-size: 12px;
color:#000000;
background-color:#FFFFFF;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
background-position:top;
}

a:link {color:#0000ff;text-decoration:underline;}
a:hover {color:#0000ff;text-decoration:underline;}
a:visited {color:#0000ff;text-decoration:underline;}
a img {border-style:none;}
a:hover img{opacity: 0.5;filter: alpha(opacity=50);}

p {
line-height: 150%;
letter-spacing: 1px;
}

.clr{clear:both;}

/* ========TEMPLATE FRAMEWORK======== */
#top{
margin:0;
background-color:#F5F5F5;
}


#wrapper  {
width:700px;
margin:0 auto;
text-align:left;
padding:0;
}

#header   {
width:700px;
margin:0;
padding-bottom:5px;
background-image:url(../img/crown.gif);
background-position:left;
background-repeat:no-repeat;
}

#container{
width:700px;
margin:0;
padding:0;
}


/* 回り込み解除 */
#menu:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* ヘッダー */
h1{
width:700px;
font-size:10px;
margin:0 auto 0 auto;
padding:3px 0 3px 5px;
font-weight:normal;
color:#333333;
}

#sitename{
font-size:21px;
font-weight:bold;
margin:10px 0 0 70px;
font-family: 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',  'ＭＳ Ｐゴシック', sans-serif;
}

#sitename a:link {color:#FF3399;text-decoration:none;}
#sitename a:hover {color:#FF3399;text-decoration:none;}
#sitename a:visited {color:#FF3399;text-decoration:none;}

#header p{
margin:0;
padding-left:70px;
}


/* 見出し設定 */
h2 {letter-spacing:1px;}
h3 {letter-spacing:1px;}
.style01{
height:21px;
padding:3px 0 0 6px;
margin:0;
line-height:150%;
font-size:14px;
font-weight:bold;
background-image:url(../img/h_01.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
}
.style02{
height:21px;
padding:3px 0 0 10px;
margin:0;
line-height:150%;
font-size:14px;
font-weight:bold;
border-left:5px solid #CC0066;
border-bottom:1px solid #CCCCCC;
color:#CC0066;
}
.style03{
padding:3px 0 3px 10px;
margin:0 10px 0 10px;
line-height:150%;
font-size:12px;
font-weight:bold;
border-left:5px solid #CC0066;
border-bottom:1px solid #CCCCCC;
color:#CC0066;
}
.style04{
height:21px;
padding:3px 0 0 6px;
margin:0;
line-height:150%;
font-size:14px;
font-weight:bold;
background-image:url(../img/h_02.jpg);
background-repeat:repeat-x;
border-bottom:2px solid #CC0066;
color:#CC0066;
}

.check{
background-color:#CC0066;
padding:1px 1px 1px 3px;
line-height:100%;
color:#FFFFFF;
font-size:12px;
}

.day{font-size:12px}

/* メイン */
#main{
width:700px;
float:right;
padding:5px 0 10px 0;
}

.contents{
border:1px solid #CCCCCC;
padding:1px;
margin-bottom:10px;
}

.contents p{
font-size:12px;
padding-left:10px;padding-right:10px;
line-height:150%;
}

.img_left01{float:left;margin:10px 15px 5px 10px;}

table.rank {
width:700px;
border-collapse: collapse;
border:1px solid #CCCCCC;
line-height:150%;
margin:5px auto 20px auto;
font-size:12px;
}
table.rank td {
border:1px solid #CCCCCC;
padding: 4px;
text-align:center;
}
table.rank td.text {text-align:left;padding:0 6px 4px 15px;}
.ttl {font-size:16px;line-height:240%;font-weight:bold;}
.btn{text-align:right;background-color:#F5F5F5;padding:5px 10px 3px 0;margin-top:5px;}
.btn a {font-size:12px;font-weight:normal;line-height:100%;}


/* サイドメニュー */
#side{
width:234px;
float:left;
padding:5px 0 10px 0;
}

#side img{margin-bottom:10px;}

.side_box{
border:1px solid #CCCCCC;
padding:1px;
margin-bottom:10px;
}

ul.category {list-style:none;margin:6px 5px 5px 5px;padding:0px;}
ul.category li {
margin:0 0 4px 0;
padding:0 0 0 10px;
font-size:12px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
border-bottom:1px dotted #CCCCCC;
background-image:url(../img/arrow_01.gif) ;
background-position:left center;
background-repeat:no-repeat;
}
ul.category li a:hover {text-decoration:none;}

ul.sidelist {list-style:none;margin:6px 5px 5px 5px;padding:0px;}
ul.sidelist li {
margin:0 0 2px 0;
padding:0 0 0 10px;
background-image:url(../img/arrow_01.gif) ;
background-position:left center;
background-repeat:no-repeat;
font-size:12px;
line-height:130%;
}
ul.sidelist li.tx {
margin:0 0 5px 0;
padding:0 0 0 10px;
background-image:none ;
font-size:12px;
line-height:130%;
}

.ad{
border:1px solid #CCCCCC;
padding:5px;
text-align:center;
margin-bottom:10px;
}



/* footer */
.footerlink{
margin:0 0 10px 0;
padding:10px 0 0 0;
text-align:center;
border-top:1px solid #CCCCCC;
line-height:150%;
letter-spacing:1px;
color:#999999;
}

#footer{
margin:0;
padding:10px 0;
text-align:center;
clear:both;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
background-image:url(../img/footer.jpg);
background-repeat:repeat-x;
border-top:1px solid #D3D3D3;
}


/* 運営者情報 */
table.table02 {
width:578px;
border-collapse:collapse;
margin:10px;
}

table.table02 td {padding:10px;border:solid 1px #CCCCCC;line-height:150%;}
table.table02 td.course {background-color:#F0EDE4;font-weight:bold;}