/* 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, a:link, a:visited {
color: #0000ff;
text-decoration: underline;
}

a:hover, a:active {
color: #ff9900;
}

hr {
width: 98%;
clear: both;
height: 1px;
color: #CCCCCC;
background-color: #CCCCCC;
text-align: center;
}


/* レイアウト設定 */

.clear { clear:both; }


/* 色を指定します */

.red { color: #ff0000; }
.blue { color: #0000cc; }
.dred { color: #bd000e; }
.gray { color: #3d3737; }

.bred {
font-weight: bold;
color: #ff0000;
}
.bblue {
font-weight: bold;
color: #0000cc;
}
.bdred {
font-weight: bold;
color: #bd000e;
}
.bgray {
font-weight: bold;
color: #3d3737;
}


/* 文字を太くします */

.bold { font-weight: bold; }


/* 文字のフォントを指定します */

.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size24 { font-size: 24px; }


/* 文字を装飾します */

.line { background: #ffff66; }
.under { text-decoration: underline; }


/* 文字列の位置を指定します */

.goto1 {
text-align: right;
margin-right: 10px;
}
.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; }


/* ベース------------------------------------------------------------------- */

#base {
width: 800px;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #808080;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #808080;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #808080;
text-align: left;
}

#wrap {
width: 780px;
float: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
}


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

#header {
margin: 0;
width: 800px;
height: 120px;
background-image: url(../img/top.gif);
background-repeat: no-repeat;
position: relative;
}

h1 {
font-size: 12px;
color: #fff;
padding-right: 5px;
padding-top: 2px;
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 {
width: 780px;
float: left;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 0px;
}

#contents p {
padding-bottom: 5px;
padding-left: 5px;
}

#contents h2 {
font-size: 18px;
        font-weight: bold;
color: #cc145e;
background-image: url(../img/h2.gif);
background-repeat: no-repeat;
line-height: 25px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 3px;
margin-left: 3px;
padding-top: 15px;
paddingn-bottom: 10px;
padding-right: 3px;
padding-left: 45px;
        text-align: left;
border-bottom: 1px dotted #cccccc;
}

#contents h3 {
font-size: 18px;
        font-weight: bold;
color: #cc145e;
background-image: url(../img/h3.gif);
background-repeat: no-repeat;
height: 45px;
margin-top: 10px;
margin-bottom: 0px;
margin-right: 3px;
margin-left: 3px;
padding-top: 8px;
paddingn-bottom: 0px;
padding-right: 3px;
padding-left: 40px;
        text-align: left;
}

#contents h4 {
padding-left: 10px;
margin-top: 3px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 20px;
font-size: 16px;
color: #cc145e;
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;
}

.hbtx1 {
color: #333333;
font-size: 14px;
line-height: 110%;
font-weight: normal;
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
padding: 10px 10px 10px 10px;
background: #fff;
border: 1px solid #a5a5a5;
        word-break: break-all;
}

.hbtx2 {
color: #000;
font-size: 14px;
line-height: 160%;
font-weight: normal;
margin-left: 15px;
margin-right: 0px;
margin-bottom: 30px;
margin-top: 5px;
word-break: break-all;
}

.hbtx3 {
color: #929286;
font-size:12px;
line-height: 125%;
font-weight: normal;
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
padding: 10px 10px 10px 10px;
background: #FFFFD2;
border: 1px dashed #929286;
        word-break: break-all;
}

.hbtxtb {
color: #000;
font-size: 14px;
line-height: 160%;
font-weight: normal;
margin-left: 15px;
margin-right: 20px;
margin-bottom: 50px;
margin-top: 5px;
word-break: break-all;
}


/* 文字　色　行間　フォントサイズ　変更------------------------------------------------------------------- */

.hbtx1 p {
margin: 0 0 5px 0;
padding-right: 5px;
padding-left: 5px;
line-height: 130%;
font-size: 14px;
color: #333;
}

.hbtx2 p {
margin: 0 0 5px 0;
padding-right: 25px;
padding-left: 5px;
line-height: 150%;
font-size: 14px;
color: #000;
}

.hbtx3 p {
margin: 0 0 5px 0;
padding-right: 5px;
padding-left: 5px;
line-height: 150%;
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; }


/* メニュー1------------------------------------------------------------------- */

#menu1 {
color: #666;
text-align: center;
padding-top: 5px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
font-size: 14px;
border-bottom: 2px solid #333;
line-height: 160%;
        height: 26px;
width: 800px;
}

#menu1 p {}

#menu1 a {
color: #0000ff;
text-decoration: none;
font-weight: bold;
}

#menu1 a:hover {
color: #ff9900;
font-weight: bold;
}


/* フッタメニュー------------------------------------------------------------------- */

#footer {
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: 30px;
 border: 1px solid #757575;
 border-collapse: collapse;
}

table#table-02 th {
 text-align: left;
 color: #482C14;
 margin: 0;
 border: 1px solid #757575;
 border-collapse: collapse;
 padding-right: 10px;
 padding-left: 5px;
 font-size: 18px;
 line-height: 110%;
 background-color: #F9F9F7;
 background-image: url(../img/te.gif);
}

table#table-02 th a:link {
color: #0000ff;
 text-decoration: none;
}

table#table-02 th a:hover {
color: red;
text-decoration: underline;
}

table#table-02 th a:visited { color: #000099; }

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%;
}

#c { text-align: center; }

#rk1 {
font-size: 18px;
        font-weight: bold;
color: #BD000E;
background-repeat: no-repeat;
line-height: 25px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 3px;
margin-left: 3px;
padding-top: 15px;
paddingn-bottom: 10px;
padding-right: 3px;
padding-left: 45px;
        text-align: left;
 }

#t1 {
padding-top: 20px;
paddingn-bottom: 25px;
        text-align: left;
margin-top: 50px;
margin-bottom: 50px;
}