@charset "Shift_JIS";

/* ========BASIC======== */

tr,td{ font-size:11pt; color:#333333; }
hr{ color:#aaaaaa; }
#mid{ font-size:11pt; }
#small{ font-size:10pt; }
#kanri{ color:#CC3300; } /* 管理人コメントの色 */
#log{ width:630px; border-style:solid; border-color:#A7C2DD; }
#log-0{ background-color:#FFCC66; } /* ランキング順位 */
#log-1{ background-color:#FFFFFF; } /* タイトル */
#log-2{ background-color:#FFFFFF; } /* カテゴリ */
#log-3{ background-color:#FFFFFF; } /* 紹介文 */
#log-4{ background-color:#FFFFFF; } /* 管理人コメント */
#title-bar{ background-color:#A7C2DD; color:#000000; font-size:13pt; } /* タイトルバー */
#mid-bar{ background-color:#DDDDDD; } /* 中段バー */

body{
margin:0;
padding:0;
font-size:0.9em;
text-align:center;
line-height:1.4em;
letter-spacing:1px;
background : #ffff66;
}

br{
letter-spacing:normal;
}

a{
color:#333;
text-decoration:none;
}

a:hover{
color:#fffafa;
text-decoration:none;
}

img{
border:0;
}

h1,h2,h3,h4,h5,h6{
margin:0;
}

/* ========TEMPLATE FRAMEWORK======== */
div#wrapper  {
width:760px;
margin:0 auto;
text-align:left;
padding:20px 10px 0 10px;
background:url(bg.gif) 50% 50% repeat-y fixed;
}

div#header   {
width:720px;
height:120px;
margin:0 20px;
background:url(bg_head2.jpg) 0% 0% no-repeat;
}

div#menu{
width:720px;
margin:0 20px;
padding-bottom:20px;
background:url(bg_contents2.gif) 100% 100% no-repeat;
}

div#contents {
width:720px;
clear:both;
margin:0 20px;
background:url(bg_contents2.gif) repeat-y;
border-bottom:1px solid #C3C3C3;
}

div#main{
width:700px;
float:left;
padding:0 10px;
}

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

/* ========HEADER CUSTOMIZE======== */
div#header h1{
font-size:2em;
color:#fffafa;
margin:0;
padding:10px;
}

div#header p{
margin:0;
padding:10px;
font-size:1.1em;
color:#fffafa;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
margin:0;
padding:0;
}

div#menu li {
list-style-type:none;
float:left;
text-align:center;
width:120px;
margin:0;
padding:0;
}

div#menu li a{
display:block;
width:120px;
background:#ddd;
line-height:26px;
border-top:1px solid #C3C3C3;
border-bottom:1px solid #C3C3C3;
}

div#menu li a:hover{
background:#9F1D20;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a:link{
border:0;
color:#3300CC;
}

div#main a:visited{
border:0;
color:#008080;
}

div#main a:hover{
border:0;
color:#ffcc00;
}

div#main a:active{
border:0;
color:#ffcc00;
}