@charset "Shift_JIS";

/*
== common ===================================================================================================== */

html { overflow-y: scroll;}

* { margin: 0; padding: 0;}

body { background:url(img/common/back.jpg) repeat-x #FEFEFE; color:#333; margin: 0; padding:0; text-align:center;}

h1 { font-size: 12px; font-weight: normal; background:url(img/common/back_h1.jpg); width:812px; height:23px; text-align:center; margin:0; padding:5px 0;}

h4 { clear: left; width: 540px; margin-left: 28px; padding: 2px; color: #333; border: 1px solid #999;}

table { border-collapse: collapse;}
th,td { vertical-align: top;}

iframe { margin:0;}

img { border: none;}
hr { display: none;}

a:link, a:visited {	color:#333; text-decoration: none;}
a:hover, a:active {	color: #333; text-decoration: underline;}

#wrap { width: 812px; margin: 0 auto; background:url(img/common/back_bgbox.jpg) 0 124px repeat-x #FFF; overflow:hidden; text-align:center;}

#box { width: 812px; margin: 0; padding:0; text-align: center;}

#hdr { position:relative; width: 812px; height: 91px; margin:0; padding:0;}
#hdr h2 { margin: 0;}
#hdr h2 #btnArea { text-align:right; padding:8px 6px 0 0;}
#hdr h2 #btnArea img { padding-right:10px;}

#co { display: inline; float: right; width: 645px; margin:0; padding:0;}
.mainCo { width: 645px; text-align:center; padding:9px 0 0 0; margin:0;}

#flasharea { background:url(img/common/flash_back.gif) no-repeat 0 0; width:601px; height:219px; overflow:hidden;}
#flasharea img { margin:5px 0 0 0;}

#footer { margin:0 0 10px 0; padding:0;}
#footer p { text-align:center; font-size:12px; margin:0;}

.pageTop { clear: left; margin: 0 0 20px 460px;}
.pageTop p { width: 110px; height: 25px; background: url(img/common/page_top.gif) no-repeat left; text-indent: -4444px;}
.pageTop a { display: block; width: 110px; height: 25px;}
.pageTop a:hover { background: url(img/common/page_top.gif) right;}

.menuTb { margin:0; padding:0; width:151px;}
.menuTb th { margin:0; padding:0;}
.menuTb td { margin:0; padding:0;}

.newTb { margin:10px auto; width:605px;}
.newTb th { padding:0;}
.newTb td { padding:0; background:#FFF; height:91px; vertical-align:top;}

.topicTb { margin:5px auto 33px; width:605px; background:#FFF; border:none;}
.topicTb th { padding:0; border:none; height:23px;}
.topicTb td { padding:5px; border:5px solid #FFF; border-collapse:separate; vertical-align:top; }
.topicTb td.caplft { padding:5px 0; border:5px solid #FFF; border-left:none; border-collapse:separate; vertical-align:top;}
.topicTb td.caprgt { padding:5px 0; border:5px solid #FFF; border-right:none; border-collapse:separate; vertical-align:top;}

.topicTb2 { margin:0; padding:0; width:240px; height:195px; border:1px solid #000;}
.topicTb2 td { margin:0; padding:0; border:none;}

.topicTb3 { margin:0; padding:0; width:170px; height:195px; border:1px solid #000;}
.topicTb3 td { margin:0; padding:0; border:none;}

.topicTb4 { margin:0; padding:0; width:175px; height:195px; border:1px solid #000;}
.topicTb4 td { margin:0; padding:15px 0 0 0; border:none;}

.allTb { margin:0 auto 33px; width:605px; background:#FFF;}
.allTb th { padding:5px;}
.allTb td { padding:5px 30px; text-align:left; font-size:12px; line-height:140%;}
.allTb td.captd { padding:5px; text-align:left; border-bottom:1px solid #0CF; font-size:12px; font-weight:bold; line-height:140%; color:#3C6; background:#FAFAFA;}
.allTb td.captd2 { padding:5px 2em; text-align:left; border:none; font-size:12px; font-weight:normal; line-height:140%; color:#F00; background:#FFF;}
.allTb td.txttd { padding:5px 10px;}
.allTb td.txendtd { padding:5px 10px 33px 10px;}
.allTb td.iftd { padding:5px 0 33px 0; text-align:left; font-size:12px; line-height:140%;}

.allTb2 { margin:0 auto 33px; width:605px;}
.allTb2 th { padding:5px;}
.allTb2 td { padding:5px; text-align:left; font-size:12px; line-height:140%;}

.formTb { margin:0 auto 33px; width:580px; border:5px solid #F000;}
.formTb th { padding:5px; font-size:12px; border:2px solid #000; border-collapse:collapse; vertical-align:top; background:url(img/common/h1_back.jpg); color:#333;}
.formTb td { padding:5px; text-align:left; font-size:12px; line-height:140%; border:2px solid #000; border-collapse:collapse; vertical-align:top;}
.alert { color:#FF9; font-size:10px;}


/*
== nav ===================================================================================================== */

#nav { display:inline; float:left; width:167px; height:607px; margin:0; padding:14px 0 0 0; background: url(img/common/nav/nav_bg.gif) no-repeat right 9px;}

#nav #navUl { margin:0 0 0 12px; padding:0 3px 0 0;}
#nav ul { list-style:none; margin:0; padding:0 0 5px 0; height:29px;}
#nav li { width:151px; height:29px; text-indent:-4444px; margin:0; padding:0;}
#nav a { display:block; width:151px; height:29px; margin:0; padding:0;}

#nav li ul { margin:0; padding:0;}
#nav li li { width:151px; height:35px; margin:0 0 5px 0; padding:0; text-indent:-4444px;}
#nav li li a { width:151px; height:35px;}

#nav #homeNav { height:34px;}
#nav #homeNav a:hover { background:url(img/common/nav/nav_ov.gif) no-repeat -4px -5px; margin:0; padding:0;}

#nav li #shisetsuNav a:hover { background: url(img/common/nav/nav_ov.gif) no-repeat -4px -34px;}
#nav li #priceNav a:hover { background: url(img/common/nav/nav_ov.gif) no-repeat -4px -74px;}
#nav li #monthlyNav a:hover { background: url(img/common/nav/nav_ov.gif) no-repeat -4px -114px;}
#nav li #yearNav a:hover { background: url(img/common/nav/nav_ov.gif) no-repeat -4px -154px;}
#nav li #linkNav a:hover { background: url(img/common/nav/nav_ov.gif) no-repeat -4px -194px;}
#nav li #bbsNav a:hover { background: url(img/common/nav/nav_ov.gif) no-repeat -4px -234px;}
#nav li #mapNav a:hover { background: url(img/common/nav/nav_ov.gif) no-repeat -4px -274px;}

#nav .menuTxt { margin:22px 0 21px 32px; font-size:12px; line-height:140%;}
#nav .menuPic { margin:0 0 0 25px;}

.bn { margin-top: 5px; margin-bottom: 20px; text-align: center; width: 159px;}
.bn img { margin: 5px 0;}