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

* { color:#000000; padding:0; line-height: 140%; margin: 0; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック'; }
body { font-size: 14px; background-image: url(img/bg.gif); text-align:center; }
a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff9900; position : relative; top:2px; left:2px; }
hr { width : 98%; clear: both; height: 1px; color: #CCCCCC; background-color: #CCCCCC; text-align : center; }
/*レイアウト設定*/

.clear { clear:both; }
/*色を指定します*/
.aka { color: #ff0000; }
.ao { color: #0000cc; }
.tya { color: #bd000e }
.gray { color: #3d3737 }
/*文字を太くします*/
.b { font-weight: bold; }
/*文字のフォントを指定します*/
.big { font-size: 18px; }
.big1 { font-size: 24px; }
.big2 { font-size: 16px; }
/*文字を装飾します*/
.line { background: #ffff00; }
.line1 { background: #ffff00; color: #ff0000; }
/*文字列の位置を指定します*/
.goto1 { text-align: right; margin-right:10px; }
.goto2 { margin: 5px 28px 0px 10px; padding: 0; text-align: right; font-size: 12px; }
.goto { margin: 5px 28px 0px 10px; padding: 0; text-align: right; }
/*画像の位置を指定します*/
.imgl { margin: 5px 20px 5px 10px; padding: 0; float: left; }
.imgr { margin: 5px 30px 5px 20px; padding: 0; float: right; }
strong { font-weight:normal; }
/*
全体
-------------------------------------------------------------------*/
#contain { width: 800px; margin-right: auto; margin-left: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #808080; border-left-width: 1px; border-left-style: solid; border-left-color: #808080; border-right-width: 1px; border-right-style: solid; border-right-color: #808080; text-align: left; }
/*
ベース
-------------------------------------------------------------------*/
#base { overflow: hidden; width: 800px; text-align: left; background: #ffffff; }
#wrap { float: left; padding: 0px; width:796px; }
ul { margin:20px 0 25px 30px;}
/*IE7.0*/
*:first-child+html #wrap { width:796px; }
/*


/*
ヘッダー
-------------------------------------------------------------------*/


#header { margin: 0; width:800px; height:120px; background-image: url(img/top.gif); background-repeat: no-repeat; position:relative; }
/*IE7.0*/
*:first-child+html #header { width:800px; }
h1 { font-size: 12px; color: #fff; padding-right: 5px; padding-top: 3px; text-align: right; font-weight:normal; }
#header a { color:#fff; text-decoration:none; font-size:12px; }
.topmenu { padding-top:10px; padding-left:5px; padding-right:5px; color: #ccc; font-size: 12px; float:left; width:317px; height:100px; color: #777; text-align: left; }
/*IE7.0*/
*:first-child+html .topmenu { padding-top:8px; padding-left:5px; padding-right:5px; color: #ccc; font-size: 12px; float:left; width:315px; height:100px; color: #777; text-align: left; }
.banner { padding-top:20px; padding-left:2px; float:left; width:468px; height:60px; }
/*IE7.0*/
*:first-child+html .banner { padding-top:20px; padding-left:2px; float:left; width:468px; height:60px; }
/*
コンテンツ
-------------------------------------------------------------------*/
#contents { margin: 0px 0px 0px 10px; float: left; width: 780px; background: #ffffff; }
#contents p { padding-top: 5px; padding-bottom: 5px; margin-right: 30px; margin-left: 30px; line-height: 20px; padding-right: 10px; padding-left: 10px; margin-top: 10px; margin-bottom: 10px; }
#contents h2 { clear:both; width:570px; font-size: 18px; font-weight: bold; color: #333; background-image: url(img/h2.gif); background-repeat: no-repeat; line-height: 20px; margin-top: 10px; margin-bottom: 0px; margin-right: 0px; margin-left:0px; padding-top: 15px; padding-bottom: 5px; padding-right: 0px; padding-left: 45px; text-align: left; border-bottom: 1px dotted #cccccc; }
#contents h3 { clear:both; width: 570px; font-size: 18px; font-weight: bold; color: #333; background-image: url(img/h3.gif); background-repeat: no-repeat; height: 35px; margin-top: 15px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; padding-top: 6px; padding-bottom: 0px; padding-right: 0px; padding-left: 25px; text-align: left; }
#contents h4 { clear:both; width: 500px; padding-left: 10px; margin-top: 3px; margin-bottom: 10px; margin-left: 15px; margin-right:20px; font-size:16px; color: #005100; line-height: 18px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E7E7E7; border-left-width: 5px; border-left-style: solid; border-left-color: #DCDAD6; }
#contents #pan { padding: 5px; }
#contents #pan a { margin-right: 7px; margin-left: 7px; text-decoration:none; }
#contents #pan strong { margin-left: 7px; }
#contents .hbtx1 { clear:both; width:767px; color:#333333; font-size:14px; line-height:110%; font-weight:normal; margin-top: 5px; margin-left: 0px; margin-right:0px; margin-bottom: 30px; padding:5px 5px 5px 5px; background: #fff; border: 1px solid #a5a5a5; word-break: break-all }
#contents .hbtx2 { clear:both; width: 570px; color:#000; font-size:14px; line-height:160%; font-weight:normal; margin-left:0px; margin-right:0px; margin-bottom:30px; margin-top:5px; word-break: break-all; }
#contents .hbtx3 { clear:both; width: 540px; color:#929286; font-size:12px; line-height:125%; font-weight:normal; margin-top: 5px; margin-left: 10px; margin-right: 0px; margin-bottom: 30px; padding:10px 10px 10px 10px; background: #F8F3E7; border: 1px dashed #929286; word-break: break-all }
#contents .hbtxtb { clear:both; width: 560px; color:#000; font-size:14px; line-height:160%; font-weight:normal; margin-left:5px; margin-right:0px; margin-bottom:50px; margin-top:5px; word-break: break-all; }
/*
文字　色　行間　フォントサイズ　変更
-------------------------------------------------------------------*/

#contents .hbtx1 p { margin:0; padding-right: 5px; padding-left: 5px; line-height:150%; font-size:14px; color:#333; }
#contents .hbtx2 p { margin:0; padding-right: 10px; padding-left: 15px; line-height:125%; font-size:14px; color:#000; }
#contents .hbtx3 p { margin:0; padding-right: 5px; padding-left: 5px; line-height:125%; font-size:12px; color:#929286; }
/*
リンク集
-------------------------------------------------------------------*/
#link { line-height:1em; padding-top:5px; padding-right:10px; padding-bottom:0px; text-align:right; font-size:12px; color:#666; }
#link a { text-decoration:none; }
/*
サイド・メニュー
-------------------------------------------------------------------*/
#side { margin-top: 10px; float: right; padding: 0px 0px 0px 0px; width: 190px; }
#side li { list-style-type: none; }
#side_d { padding-top: 0px; padding-bottom: 0px; width: 180px; margin-bottom: 5px; margin-left: 3px; margin-top: 5px; margin-bottom: 15px; border: 1px solid #CECEB9; background-color: #fff; }
#side_d h3 { clear:both; color: #333; height: 15px; margin: 0; padding: 12px 0 10px 10px; text-align: left; font-size: 14px; line-height: 125%; display: block; background: url(img/side_h3.gif); }
#side_d ul { margin-bottom: 0px; }
#side_d li a { width: auto; _width: 100%; font-size: 12px; padding: 10px 3px 10px 10px; color: #666; display: block; line-height: 150%; margin: 0px; border-left: 2px solid #dcdcdc; text-decoration: none; background: url(img/li.gif); }
#side_d li a:hover { border-left: 7px solid #990000; color: #990000; background: url(img/li2.gif); }
#side img { border:none; }
#side p { padding: 10px; }
#side p a { font-size:10px; background-color: #E2DECF; display: block; padding: 10px; line-height: 15px; border: 2px solid #C6BCB0; }
#side #side_pr { padding-top: 5px; padding-bottom: 5px; width: 180px; margin-bottom: 5px; margin-left: 3px; margin-top: 5px; border: 1px solid #DBD9D0; background-color: #fff; text-align: center; color: #333; }
/*IE7.0*/
*:first-child+html #side #side_pr { clear:both; width: 170px; paddingp: 5px; padding-top: 10px; }
/*
フッタメニュー
-------------------------------------------------------------------*/
#footer { clear:both; color:#666; text-align: center; padding-top: 5px; padding-right:20px; padding-left:20px; padding-bottom: 0px; font-size: 12px; }
#footer p { color:#666; text-align: center; padding-top: 3px; padding-right:20px; padding-left:20px; padding-bottom: 0px; font-size: 12px; }
#footer a { color:#666; text-decoration:none; font-size:12px; }
#footer h4 { font-weight:normal; color:#666; text-align: center; padding-top: 5px; font-size: 14px; border-width: 0px; }
/*
フッタリンクメニュー
-------------------------------------------------------------------*/
#footerl2 { color:#777; text-align: center; padding-top: 0px; padding-right:20px; padding-left:10px; padding-bottom: 0px; font-size: 10px; }
#footerl2 p { color:#777; text-align: center; padding-top: 0px; padding-right:20px; padding-left:20px; padding-bottom: 0px; font-size: 10px; }
#footerl2 a { color:#777; text-decoration:none; font-size:10px; }
#footerl h4 { font-weight:normal; color:#666; text-align: center; padding-top: 0px; padding-right:20px; padding-left:20px; font-size: 14px; }
/*
ドットメニュー
-------------------------------------------------------------------*/
#dot { text-align:left; padding:10px 20px 0; font-size:12px; background-image: url(img/dot.gif); background-repeat: repeat-x; background-position: top; color:#666; }
#dot a { color:#666; text-decoration:none; }
/*
コピーライト 著作権等の関係があります。消さないで下さい
-------------------------------------------------------------------*/
#footerc { position:relative; width:800px; height:25px; background-image: url(img/foot.gif); font-style: normal; color: #fff; text-align: center; padding-top: 8px; padding-bottom: 0px; display: block; font-size: 12px; clear: both; }
#footerc a { color:#fff; text-decoration:none; font-size:12px; }
address { position:relative; width:800px; height:25px; background-image: url(img/foot.gif); font-style: normal; color: #fff; text-align: center; padding-top: 8px; padding-bottom: 0px; display: block; font-size: 12px; clear: both; }
/*
テーブル用
-------------------------------------------------------------------*/
#table-01 { border-collapse:collapse; }
#table-01 th { text-align: center; padding:0px 0px 4px 0px; }
#table-01 tr { }
#table-01 img { border:0px; }
#table-01 td { background-color: #F9F9F7; font-size: 14px; text-align: center; border: solid 1px #757575; padding: 2px; }
#table-01 .tdleft { text-align: left; }
table#table-01 a:hover { color:red; text-decoration: underline; }
/*
テーブル用
-------------------------------------------------------------------*/

table#table-02 { margin-bottom: 30px; margin-top: 15px; border: 1px solid #757575; border-collapse: collapse; }
table#table-02 th { text-align: left; color: #482C14; border: 1px solid #757575; border-collapse: collapse; font-size: 16px; font-weight: bold; color: #333; padding-top: 12px; padding-bottom: 0px; padding-left: 42px; text-align: left; line-height:110%; background-color: #f8f3e7; }
table#table-02 th.rank1 { background-image: url(img/no11.gif); background-repeat: no-repeat; }
table#table-02 th.rank2 { background-image: url(img/no22.gif); background-repeat: no-repeat; }
table#table-02 th.rank3 { background-image: url(img/no33.gif); background-repeat: no-repeat; }
table#table-02 th.rank4 { background-image: url(img/no44.gif); background-repeat: no-repeat; }
table#table-02 th.rank5 { background-image: url(img/no55.gif); background-repeat: no-repeat; }
table#table-02 th a:link { color:#0000ff; text-decoration: none; }
table#table-02 th a:hover { color:red; text-decoration: none; }
table#table-02 th a:visited { color: #000099; text-decoration: none; }
table#table-02 td { margin:0; border: 1px solid #757575; border-collapse: collapse; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; font-size: 14px; line-height: 140%; background-color: #FFF; }
table#table-02 td a { font-size: 14px; text-decoration:none; }
table#table-02 td img { border-width: 0px; border-style: solid; border-color: #CCCCCC; }
table#table-02 th img { padding-top: 5px; padding-bottom: 0px; }
table#table-02 p { margin:0; padding-right: 5px; padding-left: 5px; line-height:130%; }
/*画像装飾
------------------------------------------------------------------*/
#img { text-align: center; width: 420px; padding-top: 10px; padding-bottom: 10px; background-color: #E4F3E4; border: 1px solid #D0E3D0; }
#img1 { text-align: center; width: 220px; padding-top: 10px; padding-bottom: 10px; background-color: #E4F3E4; border: 1px solid #D0E3D0; }
#img2 { text-align: center; width: 360px; padding-top: 10px; padding-bottom: 10px; background-color: #E4F3E4; border: 1px solid #D0E3D0; }

.b { font-weight:bold; font-size:14px; }
.bbb /* 最大・太字 */ { color: #000; font-size: 1.5em;font-weight: bold; padding: 0; }
.bb /* 大・太字 */ { color: #000; font-size: 1.2em;  font-weight: bold; }
.bbbr /* 最大・太字・赤 */ { color: #dc0000; font-size: 1.6em;  font-weight: bold; }
.bbr /* 大・太字・赤 */ { color: #dc0000; font-size: 1.4em;  font-weight: bold; }
.bbl /*太字・青 */ { color: #007fc0; font-weight: bold; }
.red { color: #cc0000; font-weight:bold; } /* 赤 */
.blue { color: #003399; } /* 青 */
.green { color: #339900; } /* 緑 */
.orange { color: #ff9900; } /* オレンジ */
.yellow { background-color:#fefe8e; color:#333; font-weight:bold; }