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

/* body
**********************************************************************/
body{background:#000; margin:0; padding:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:1px; line-height:1px;}



/* format
**********************************************************************/
.clear{clear:both; margin:0; padding:0; font-size:0; line-height:0;}
img{border:0;}
form{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-size:1px; line-height:1px;}
p{margin:0;	padding:0;}
ul{margin:0; padding:0;}
li{margin:0; padding:0; list-style-type:none;}
dl,dt,dd{margin:0; padding:0;}
a{outline:none;}



/* wrap
**********************************************************************/
#wrap{background:url(../img/body_bg.png) no-repeat #F6DD00; width:100%; min-width:1140px; position:relative;}
#wrapBox{width:100%; padding:0 0 40px 0;}
#wrapLeft{width:320px; display:inline; margin:0 40px 0 0; float:left;}
#wrapCenter{width:540px; display:inline; margin:0 20px 0 0; float:left;}
.subBox{width:520px; margin-left:auto; margin-right:auto;}


/* header
**********************************************************************/
#header{width:319px; height:395px; margin:0 0 30px 0; position:relative;}
#header #hLogo{width:300px; position:absolute; top:3px; left:17px;}
#header #hText{width:300px; position:absolute; top:245px; left:19px;}
#header #hInfo{width:300px; position:absolute; top:303px; left:19px;}
#header #bnrEnd{width:300px; position:absolute; top:170px; left:19px;}



/* menu
**********************************************************************/
#menu{width:300px; margin:0 0 0 19px;}
#menu h3{background:#C6181E; padding:5px 10px; font-size:12px; color:#FFF; line-height:130%;}
ul.menu{background:#FFFDF2;}
ul.menu li{background:url(../img/dot_grey.jpg) repeat-x left top; padding:10px 10px 6px 10px; font-size:12px; color:#333; line-height:130%;}
ul.menu li a{display:block; color:#333; text-decoration:none;}
ul.menu li a:hover{color:#C6181E;}
ul.menu li.subMenu{margin:0 0 0 15px; padding:10px 5px 6px 5px;}



/* titles
**********************************************************************/
#title{background:#000; width:510px; margin:0 0 30px 0; padding:8px 15px; font-size:22px; color:#FFF; line-height:150%;}
.subtitle{background:url(../img/dot_black.gif) repeat-x left bottom; margin:0 0 15px 0; padding:0 0 5px 0;}
.subtitle h3{padding:0 0 0 7px; border-left:solid 2px #D40E16; font-size:15px; font-weight:bold; color:#000; line-height:150%;}
.minititle{background:url(../img/icon01.jpg) no-repeat 0 1px; padding:0 0 0 17px; font-size:12px; font-weight:bold; color:#D30D15; line-height:120%;}



/* tables
**********************************************************************/
.table01{font-size:12px; color:#000; line-height:150%;}
.table01 th{background:url(../img/dot_black.gif) repeat-x left bottom; padding:8px 3px 3px 0px; font-weight:bold; text-align:left;}
.table01 td{background:url(../img/dot_black.gif) repeat-x left bottom; padding:8px 3px 3px 0px;}

.table02{font-size:12px; color:#000; line-height:150%;}
.table02 th{padding:3px 3px 3px 0px; font-weight:bold; text-align:left; vertical-align:top;}
.table02 td{padding:3px 3px 3px 0px;}
.table02 td a{color:#000;}
.table02 td a:hover{text-decoration:none;}

.table0301{background:url(../img/dot_black.gif) repeat-x left top; font-size:12px; color:#000; line-height:150%;}
.table0301 th{background:url(../img/dot_black03.gif) repeat-y right; padding:5px 0px 5px 0px;}

.table0302{background:url(../img/dot_black.gif) repeat-x left top; font-size:11px; color:#000; line-height:150%;}
.table0302 td{background:url(../img/dot_black.gif) repeat-x left bottom; padding:7px 14px 5px 14px;}

.table04{background:url(../img/dot_black04.gif) repeat-y; font-size:12px; color:#000; line-height:150%;}
.table04 td{background:url(../img/dot_black.gif) repeat-x left top; padding:5px 0px 5px 0px;}
.table04 .tateLine{background:url(../img/dot_black03.gif) repeat-y;}
.table04 .yokoLine{background:url(../img/dot_black.gif) repeat-x;}
.table04 .ptb5{padding:5px 0;}
.table04waku01{background:url(../img/dot_black.gif) repeat-x left top;}
.table04waku02{ background:url(../img/dot_black.gif) repeat-x left bottom;}

.table05{background:url(../img/dot_black04.gif) repeat-y; font-size:12px; color:#000; line-height:150%;}
.table05 th{padding:0 15px;}
.table05 td{background:url(../img/dot_black03.gif) repeat-y left top; padding:10px; font-size:13px; font-weight:bold; color:#000; line-height:150%;}
.table05 .yokoLine{background:url(../img/dot_black.gif) repeat-x;}
.table05waku01{background:url(../img/dot_black.gif) repeat-x left top;}
.table05waku02{background:url(../img/dot_black.gif) repeat-x left bottom;}



/* footer
**********************************************************************/
#footer{background:#000; width:100%; min-width:900px; padding:20px 0;}
#fBox{width:880px; margin:0 0 0 20px;}
#fBox li{padding:0 0 0 4em; font-size:10px; color:#FFF; line-height:180%; text-indent:-4em;}
#fBox p{margin:25px 0 0 0; font-size:10px; color:#666; line-height:180%;}



/* twiiter
**********************************************************************/
#twitterBox{width:200px; display:inline; margin:20px 20px 0 0; float:right; position:relative;}
.monitter{width:198px; height:500px; border:solid 1px #000; overflow:auto;}
.tweet{background:url(../img/dot_black.gif) repeat-x left bottom; width:170px; padding:7px; display:block; clear:both;}
.tweet img{float:left;}
.tweet p.text{margin:0; padding:0 0 0 60px; font-size:12px; color:#000; line-height:150%;}
.tweet p.text a{font-size:10px; color:#C00; text-decoration:none;}
.tweet p.text a:hover{text-decoration:none;}
.tweet p.text span{font-size:10px; color:#666;}

#tweetBox{background:#000; width:200px; height:33px; position:relative;}
#tweetHash{width:61px; position:absolute; top:10px; left:7px;}
#tweetBtn{width:80px; position:absolute; top:6px; right:7px;}



/* scroll bar
**********************************************************************/
.jspContainer{overflow:hidden; position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{background:#000; width:14px; height:100%; position:absolute; top:0; right:-1px;}
.jspVerticalBar *{margin:0; padding:0;}
.jspCap{display:none;}
.jspTrack{background:#F6DD00; border-left:solid 1px #000; position:relative;}
.jspDrag{background:#000; width:12px; position:relative; top:0; left:0; cursor:pointer;}
.jspArrow{height:17px; display:block; text-indent:-20000px; cursor:pointer;}
.jspUp{background:url(../img/scroll_arrow_up.gif) no-repeat;}
.jspDown{background:url(../img/scroll_arrow_down.gif) no-repeat;}
.jspUp.jspDisabled{background:url(../img/scroll_arrow_up.gif) no-repeat 0 -17px; cursor:default;}
.jspDown.jspDisabled{background:url(../img/scroll_arrow_down.gif) no-repeat 0 -17px; cursor:default;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspVerticalBar .jspArrow2:focus{outline:none;}
.jspCorner{background:#EEEEF4; height:100%; float:left;}

/* CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}



/* margin
**********************************************************************/
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}



/* font
**********************************************************************/
.f12Black{font-size:12px; color:#000; line-height:150%;}
.f14Black{font-size:14px; color:#000; line-height:150%;}
.f12Red{font-size:12px; color:#D30D15; line-height:150%;}