/* main text */
.main { font-size: 80%; color:#333333; line-height:170%;}
.main a:link { color:#0099CC; text-decoration:underline;}
.main a:visited { color:#0099CC; text-decoration:underline;}
.main a:hover { color:#33CCFF; text-decoration:underline;}
.main a:active { color:#0099CC; text-decoration:underline;}

.small { font-size: 10px; color:#333333; line-height:150%;}

.title { color: #006600; font-weight: bolder; font-size: medium;}
.title2 { color: #BE1010; font-weight: bolder; font-size: 16px;}
.title3 { color: #BE1010; font-weight: bolder;}

.orange { color: #FF7F01;}
.orange_dark { color: #FF5703;}
.red { color: #FF3333;}
.red_dark { color: #BE1010; }
.green{ color: #006600; }
.gray { color: #cccccc; }

.bold { font-weight: bold; }


.lh > li {
margin-bottom: 15px;
}

hr.dotted {
width: 100%;  /* $B@~$NI}(B */
height: 0px;  /* <hr>$B$N<B@~$r>C$9(B */
border: 0px;  /* border$B$r0lC6%j%;%C%H$9$k!J4pK\@_Dj$G$7$F$$$l$PITMW!K(B*/
border-top: 1px dotted #999;  /* $B@~$NB@$5!!@~$N<oN`!!@~$N?'(B */
}




.box_plain {
padding: 10px;
margin: 5px;
border: 1px #aaa solid;
background-color: #fff;
text-align: left;
}

.box {
padding: 10px;
margin: 5px;
border: 1px #FF7F01 dotted;
background-color: #FBFCC8;
}

.box2 {
padding: 10px;
margin: 5px;
border: 1px #EF5656 solid;
background-color: #FCEBEB;
}

.box3 {
padding: 10px;
margin: 5px;
border: 1px #59AA57 solid;
background-color: #E4F9E4;
}

.bg_yellow {
padding: 2px;
margin: 5px 0 5px 0;
/*border: 1px #FF7F01 dotted;*/
background-color: #F7F78D;
}

.memberbtn a:link {
display: block;
padding:5px;
background-color: #E6EE61;
border: 1px #979D37 solid;
text-decoration:none;
color: #FD4E01;
font-size: 80%;
/*width: 190px;*/
}

.memberbtn a:hover {
display: block;
padding:5px;
background-color: #E7ED84;
border: 1px #AFB640 dashed;
color: #FD6D2E;
/*width: 190px;*/
}


.button a {
text-shadow: 1px 1px 1px gray;
padding:10px 30px;
background-color: #E6EE61;
border: 1px #979D37 solid;
color: #FD4E01;
text-align: center;
text-decoration:none;
/*width: 190px;*/
}

.button a:link {
text-shadow: 1px 1px 1px gray;
padding:10px 30px;
background-color: #E6EE61;
border: 1px #979D37 solid;
color: #FD4E01;
text-align: center;
text-decoration:none;
/*width: 190px;*/
}

.button a:visited {
text-shadow: 1px 1px 1px gray;
padding:10px 30px;
background-color: #E6EE61;
border: 1px #979D37 solid;
color: #FD4E01;
text-align: center;
text-decoration:none;
/*width: 190px;*/
}

.button a:hover {
text-shadow: 1px 1px 1px gray;
padding:10px 30px;
background-color: #E7ED84;
border: 1px #AFB640 dashed;
color: #FD6D2E;
text-align: center;
text-decoration:none;
/*width: 190px;*/
}

.button a:active {
text-shadow: 1px 1px 1px gray;
padding:10px 30px;
background-color: #E6EE61;
border: 1px #979D37 solid;
color: #FD4E01;
text-align: center;
text-decoration:none;
/*width: 190px;*/
}