
/*SITE LAYOUT*/
#container  { margin-right: auto; margin-left: auto; position: relative; width: 90% }
div#header  { background-image: url("../images/head_bg.png"); background-repeat: repeat-x; height: 134px }
div#menu  { margin-right: auto; margin-left: auto; width: 600px }
#left   { position: absolute; top: 200px; left: 0; width: 200px }
#right   { position: absolute; top: 200px; right: 0; width: 200px }
#main    { margin-top: 0.3em; margin-right: 200px; margin-left: 200px }
#footer   { margin-top: 10em; margin-right: 200px; margin-left: 200px; padding: 1em; clear: right }

/*COMMON*/
* { margin: 0; padding: 0;font-style: normal;font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif }
body      { font-size: 80%; margin-right: auto; margin-left: auto; width: 100% }
h1.h2,h3,h4,h5 { font-size: 100% }
table { border-spacing:0 ; border-collapse:collapse;}
tr { vertical-align: top }
img { border-style: none }
ul { list-style-type: none }
/*COMMON INLINE OR BLOCK PARTS*/
.break { clear: both }
div.break hr { margin-top: 0.5em; margin-bottom: 0.5em; border-top: 1px dotted #ccc; border-right: none; border-bottom: none; border-left: none }
.small  { font-size: smaller }
a.no_line { color: #393939; text-decoration: none }
.al_right { text-align: right }
.al_center { text-align: center }
/*COMMON HEADER */
div#header h1 a  { background-image: url("../images/head.png"); background-repeat: no-repeat; background-position: center; display: block; height: 134px }
div#header h1 span { display: none }
div#header h2 { display: none }
/* HEADER MENU */
div#menu ul  { list-style-type: none; margin: 0; padding: 0 }
div#menu li  { display: inline; margin: 0; padding: 0 }
div#menu li span { display: none }
div#menu li a  { background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 118px; height: 50px; float: left }
div#menu li#menu_news a { background-image: url("../images/news.png") }
div#menu li#menu_schedule a { background-image: url("../images/schedule.png") }
div#menu li#menu_report a { background-image: url("../images/report.png") }
div#menu li#menu_member-album a { background-image: url("../images/member-album.png") }
div#menu li#menu_member-vote a { background-image: url("../images/member-vote.png") }
/*NAVIGATION*/
div.navi { background-color: #cf9; margin: 0 0 1em; padding: 0 }
div.navi h3     { color: #fff; background-color: #66f; margin: 0; padding-right: 0.3em; padding-bottom: 0.3em; padding-left: 0.3em; border-bottom: 2px solid #ccc }
div.navi h3 a { color: #f0f0e7 }
div.navi p { padding: 0.5em }
div.navi ul  { margin-left: 0; padding: 0.5em }
div.navi li { list-style-type: none }
div.navi li ul { list-style-type: square }
/*MAIN CONTENTS*/
div.contents  { padding: 1em }
div.contents div.title_news   { background-color: #ff7f00 }
div.contents div.title_schedule { background-color: #169e0b }
div.contents div.title_report { background-color: #4573b3 }
div.contents div.title_vote { background-color: #f00 }
div.contents h2  { color: #f0f0e7; font-size: 110%; padding: 0.2em 0.5em }

p.date {}
div.entry {}
div.entry h3   { color: #690; margin-top: 2em; margin-bottom: 1em; border-bottom: 1px solid #66f }
div.entry h3 a { color: #690; text-decoration: none; display: block; padding-top: 0.5em; padding-bottom: 0.5em }
div.entry h3 a:hover { background-color: #ffc5ff }
div.entry h4 { color: #66f; margin: 1em; border-bottom: 1px solid #999 }
div.entry h5 { color: #690; margin: 1em; border-bottom: 1px solid #999 }
div.entry .extra { margin: 1em }
div.entry .tb_url { color: #690; font-weight: bold }
div.reception dl { margin-top: 1em; margin-left: 1em }
div.reception dt { padding-right: 0.3em; padding-left: 0.3em; width: 70%; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
div.reception dd { padding: 0.3em; border: solid 1px #ccc }
div.comment { margin-left: 2em }
div.comment dl { }
div.comment dt { color: #f0f0e7; font-size: 12px; background-color: #690; margin-top: 1em; padding-bottom: 0.2em; width: 50% }
div.comment dd { font-size: 12px; padding: 1em; border: solid 1px #690 }
/*FOOTER*/
#footer address   { color: #666; font-size: 12px; padding-top: 2em; border-top: 1px dotted #66f }
/*nifty corners*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

