@charset "utf-8";
/* CSS Document *//* CSS Document */

* { margin:0px; padding:0px; }
body { font: "ＭＳ ゴシック", "Osaka－等幅"; text-align: center; }
ul{ margin:20px 0px 20px 30px;}
#wrap { width:800px; background-image:url(img/bg.jpg); background-repeat:repeat-y; padding:0; margin:0 auto; text-align: left; }
/* top */

#top h1 a { background-image: url(img/head.jpg); background-repeat:no-repeat; display: block; line-height: 43px; width: 800px; color: #555555; font-size: 24px; text-decoration: none; text-indent: 50px; padding-bottom : 37px; font-weight: bold; }
/* navi */

#navi { background-image:url(img/navi.jpg); background-repeat:none; height: 23px; margin-top: 3px; }
#navi ul { margin-left: 20px; }
#navi li { float:left; }
.nyumon { margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px; display:block; color: #004E73; font-weight: bold; font-size: 12px; line-height: 23px; background-color:#BEDBF9; }
#navi li a { color:#FFFFFF; font-weight: bold; font-size: 14px; line-height: 23px; display:block; padding-left: 10px; padding-right: 10px; text-decoration: none; background-image:url(img/mark.jpg); background-repeat:no-repeat; background-position: left; }
#navi li a:hover { color: #000000; background-image:url(img/mark_swap.jpg); }
/* middle */

#middle { float:left; }
/* side */

#side { margin-top: 3px; margin-bottom: 3px; float:left; width: 203px; background-image: url(img/side_middle.gif); background-repeat:repeat-y; }
#side h2 { background-image: url(img/side_top.gif); background-repeat: no-repeat; line-height: 38px; color:#FFFFFF; font-size: 12px; text-align: center; }
#side li a { width: 168px; background-image: url(img/li.jpg); display: block; font-size: 12px; color: #333333; text-decoration: none; line-height: 29px; padding-left: 35px; }
#side li a:hover { background-image: url(img/li_ov.jpg); }
.rank_bottom { background-image: url(img/side_bottom.gif); background-repeat: no-repeat; line-height: 9px; }
#side p { margin-top:5px; margin-left:20px; margin-right: 20px; margin-bottom:15px; font-size: 12px; line-height:18px; }
/* content */

#content { width: 800px; }
#discription { background-repeat: repeat-y; }
#discription h2 { background-repeat: no-repeat; line-height: 27px; color: #FFFFFF; text-indent: 30px; font-size: 14px; font-weight: bold; margin-top:3px; background-color: #003366; }
.discription_bottom { background-repeat: no-repeat; line-height: 8px; }
#discription p { line-height: 20px; margin: 10px; font-size: 14px; color: 000000; }
#main h3 { background-repeat: no-repeat; line-height: 27px; color: #FFFFFF; text-indent: 30px; font-size: 14px; font-weight: bold; margin-top:12px; background-color: #006699; }
#main h4 { background-repeat: no-repeat; line-height: 20px; color: #004E73; text-indent: 30px; font-size: 12px; font-weight: bold; margin-top:12px; background-color: #99CCFF; }
#main p { line-height: 20px; margin: 10px; font-size: 14px; color: 000000; }
#ninki { margin-bottom: 10px; }
#ninki table { background-color: #FFFFFF; width: 800px; border:1px solid #CCCCCC; margin-top: 5px; }
#ninki td { padding: 10px; font-size: 14px; border:1px solid #CCCCCC; }
#tokucho { margin-bottom: 10px; margin-top: 10px; }
#tokucho table { background-color: #FFFFFF; border:1px solid #CCCCCC; margin-top: 5px; margin-right: 10px; margin-left: 10px; }
#tokucho td { text-align: center; padding: 3px; font-size: 12px; border:1px solid #CCCCCC; }
#btn { text-align: center; margin-top: 20px; margin-bottom: 20px; }
/* bottom */

#bottom { clear:both; width: 800px; background-image: url(img/foot.jpg); line-height: 20px; color: #333333; font-size: 10px; text-align: center; padding-top: 8px; }


/* other */