/* CSS Document */

* {
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0;
color:#2e8b57;
line-height: 140%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}
body {
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0;
font-size: 14px;
color:#8fbc8f;
}
a {  
color: #0000ff; 
text-decoration: underline;
}
a:hover {
color: #0000ff;
background: #ffff00;
}
hr {
width : 98%;
clear: both;
height: 1px;
color: #CCCCCC;
background-color: #CCCCCC;
margin-left: auto;
margin-right: auto;
text-align: center;
}


/*レイアウト設定*/
.clear {
clear:both;
}
.aka { color: #ff0000; }
.ao { color: #0000cc; }
.tya { color: #660000;}
.gray { color: #666;}
.b { font-weight: bold; }
.big { font-size: 18px; }
.big1 { font-size: 24px; }
.big2 { font-size: 16px; }
.line { background: #ffff00; }

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

img {
border:0;
vertical-align: middle;
}
.imgl {
margin: 25px 40px 10px 40px;
padding: 0;
float: left;
}
.imgl2 {
margin: 15px 40px 5px 40px;
padding: 0;
float: left;
}
.imgr {
margin: 10px 0px 10px 10px;
padding: 0;
float: right;
}

/*
全体
-------------------------------------------------------------------*/
#contain{
width: 820px;
margin: 0;
margin-right: auto;
margin-left: auto;
text-align: center;
background: #ffffff;
color:#2e8b57;
}


/*
ベース
-------------------------------------------------------------------*/
#base{
width: 820px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
background: #ffffff;
}
#wrap {
float: left;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
width:608px;
background: #ffffff;
}

/*IE7.0*/
*:first-child+html #wrap  {
width:608px;
}
/*


/*
ヘッダー
-------------------------------------------------------------------*/
#header {
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
width:820px;
height:150px;
background-color: #e0ffff;
position:relative;
}
h1 {
font-size:10px;
color: #8fbc8f;
padding: 0;
text-align: right;
font-weight:normal;
}
#header a{
margin: 0;
padding: 0;
color:#660000;
text-decoration: none;
font-size:17px;
font-weight: bold;
}
.topmenu {
padding: 0 0 0 4px;
text-align: left;
}
img.tori {
margin: 70px 10px 0px 0px;
float: right;
}
img.mori {
margin: 108px 5px 0px 2px;
float: right;
}
img.mori2 {
margin: 84px 2px 0px 0px;
float: right;
}
.navi {
clear: both;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 820px;
height: 15px;
line-height: 15px;
font-size: 12px;
text-align: left;
}

/*IE7.0*/
*:first-child+html #header  {
width:820px;
}
/*IE7.0*/
*:first-child+html .topmenu  {
padding: 10px 5px 5px 110px;
float:left;
text-align: left;
}


/*
コンテンツ
-------------------------------------------------------------------*/
#contents{
float: left;
margin: 0px 0px 0px 10px;
width: 608px;
background: #ffffff;
color:#2e8b57;
text-align: left;
}
#contents h2 {
font-size: 15px;
font-weight: bold;
color: #660000;
background: url(/img/benpi2.gif) no-repeat;
line-height: 150%;
margin: 0px 20px 0px 5px;
padding: 15px 0px 5px 48px;
text-align: left;
background-color: #e0ffff;
}
#contents h3 {
font-size: 15px;
font-weight: bold;
color: #660000;
background: url(/img/benpi2.gif) no-repeat;
line-height: 30px;
margin: 10px 20px 0px 5px;
padding: 15px 0px 5px 48px;
text-align: left;
background-color: #e0ffff;
}
#contents h4 {
clear:both;
width: 500px;
padding-left: 10px;
margin: 3px 20px 10px 15px;
font-size:14px;
color: #005100;
line-height: 130%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ee1289;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #ee1289;
}

#contents .hbtx1{
clear:both;
width:579px;
font-size:14px;
line-height:110%;
font-weight:normal;
margin: 5px 0 30px 0;
padding:5px;
background: #fafafa;
color:#8fbc8f;
border: 1px solid #8fbc8f;
word-break: break-all;
text-align: left;
}
#contents .hbtx1 p{
margin:0;
padding: 0 5px
line-height:150%;
color:#2e8b57;
text-align: left;
}
#contents .hbtx1 p.a{
margin:0;
padding: 0 5px
line-height:150%;
color:#2e8b57;
text-align: right;
}
#contents .hbtx2{
clear:both;
width: 580px;
color:#2e8b57;
font-size:14px;
line-height:160%;
font-weight:normal;
margin: 5px 0 30px 0;
word-break: break-all;
}
#contents .hbtx2 p{
margin:0;
padding: 5px 5px 0 15px;
line-height:125%;
font-size:14px;
color:#2e8b57;
text-align: left;
}

#contents .hbtx3{
clear:both;
width: 540px;
color:#8fbc8f;
font-size:12px;
line-height:125%;
font-weight:normal;
margin: 5px 0 30px 10px;
padding:10px;
background: #F8F3E7;
border: 1px dashed #929286;
word-break: break-all
}
#contents .hbtx3 p{
margin:0;
padding: 0 5px;
line-height:125%;
font-size:12px;
color:#9c9c9c;
text-align: left;
}
#contents .hbtxtb{
clear:both;
width: 580px;
line-height:160%;
font-weight:normal;
margin: 5px 0 50px 5px;
word-break: break-all;
text-align: left;
}
#contents .hbtxtb p{
margin:0;
padding: 0 5px
line-height:150%;
color:#2e8b57;
text-align: left;
}
#contents .hbtxtb p.a{
margin:0;
padding: 0 5px
line-height:150%;
color:#2e8b57;
text-align: right;
}


/*
サイド・メニュー
-------------------------------------------------------------------*/
#side{
float: right;
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0px;
width: 208px;
background-color: #ffffff;
}
#side_d {
padding: 0;
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 208px;
background-color: #fff;
}
#side_d h3 {
font-size: 12px;
font-weight: bold;
color: #660000;
background: url(img/pp.gif) no-repeat;
height: 35px;
width: 173px;
line-height: 35px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 5px 0px 5px 30px;
text-align: left;
background-color: #e0ffff;
}
#side_d ul {
margin: 0;
padding: 0;
list-style: none;
vertical-align:bottom;
}
#side_d li a {
width: 190px; 
font-size: 100%;
padding: 0 0 0 10px;
color: #666;
display: block;
line-height: 30px;
margin: 0;
margin-left: auto;
margin-right: auto;
text-decoration: none;
background-color: #fff;
border-bottom: dashed 1px #cdb79e;
border-left: solid 1px #cdb79e;
border-right: solid 1px #cdb79e;
text-align: left;
}
#side_d li.top a {
width: 190px; 
font-size: 110%;
padding: 0 0 0 10px;
color: #2e8b57;
font-weight: bold;
display: block;
line-height: 30px;
margin: 0;
margin-left: auto;
margin-right: auto;
text-decoration: none;
background-color: #fff;
border-top: solid 1px #cdb79e;
text-align: left;
}
#side_d li.bot a {
width: 190px; 
font-size: 100%;
padding: 0 0 0 10px;
color: #666;
display: block;
line-height: 30px;
margin: 0;
margin-left: auto;
margin-right: auto;
text-decoration: none;
background-color: #fff;
border-bottom: solid 1px #cdb79e;
text-align: left;
}
#side_d li a:hover {

color: #0000ff;
background: #ffff00;
}


/*
フッタメニュー
-------------------------------------------------------------------*/
#footer {
clear:both;
color:#8fbc8f;
text-align: center;
padding: 2px 0;
font-size: 12px;
background-color: #e0ffff;
}
#footer p{
color:#8fbc8f;
text-align: center;
padding: 2px 0;
font-size: 12px;
}
#footer a{
color:#8fbc8f;
text-decoration:none;
font-size:12px;
}
#footer h4 {
font-weight:normal;
color:#8fbc8f;
text-align: center;
padding-top: 0;
font-size: 12px;
border-width: 0px;
}


/*
コピーライト 著作権等の関係があります。消さないで下さい
-------------------------------------------------------------------*/
#footerc {
position:relative;
width:820px;
height:20px;
background-color: #e0ffff;
font-style: normal;
color:#8fbc8f;
text-align: center;
display: block;
font-size: 12px;
clear: both;
}
#footerc a{
color:#8fbc8f;
text-decoration:none;
font-size:12px;
}


/*
テーブル用
-------------------------------------------------------------------*/
table#table-02{
margin-bottom: 30px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
border: 1px solid #757575;
border-collapse: collapse;
}
table#table-02 th{
text-align: left;
color: #660000;
border: 1px solid #757575;
border-collapse: collapse;
font-size: 16px;
font-weight: bold;
padding: 15px 0px 5px 42px;
line-height:20px;
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: #000099;
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: 10px 5px 10px 5px;
font-size: 14px;
line-height: 140%;
background-color: #ffffff;
text-align: center;
}
table#table-02 td.a{
margin:0;
border: 1px solid #757575;
border-collapse: collapse;
padding: 10px 5px 10px 5px;
font-size: 14px;
line-height: 140%;
background-color: #ffffff;
text-align: center;
}
table#table-02 td a{
font-size: 14px;
text-decoration:none;
}
table#table-02 td img{
border: none;
vertical-align: middle;
vertical-align:bottom;
}
table#table-02 th img{
border:none;
vertical-align: middle;
vertical-align:bottom;
}
table#table-02 p{
margin:0;
padding: 0 5px;
line-height:130%;
text-align: left;
}