@charset "UTF-8";
/***----------------------------------------------------------------
styles.css
Copyright TOUROKU HANBAISYA KENSYU CENTER. All rights reserved.
--------------------------------------------------------------- ***/

/***------------
default
------------***/
body {
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Verdana;
text-align: justify;
line-height:1.3em;
font-size:100%;
color: #666666;
background:#D7EAE5 url(../img/bg.gif) repeat-x left top;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr {
margin:0px;
padding:0px;
}
table {
border-collapse:collapse;
border-spacing:0px;
}
fieldset, img {
border:none;
}
ol, ul {
list-style:none;
}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, th, var, caption, th, optgroup {
font-size:100%;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
text-align:left;
}
q:before, q:after {
content:'';
}
a{
overflow:hidden;
}
strong {
font-weight:bold;
}

/***------------
common
------------***/
.clr {
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
}
.hidden {
position: absolute;
left: -1000px;
top: -1000px;
height: 0px;
width: 0px;
overflow: hidden;
font-size: 0px;
display: block;
}
.right {
float: right;
}
.center {
text-align: center;
}
.left {
float: left;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
.photo_l {
margin: 0px 10px 10px 0px;
}
* html id {
margin: 0px;
padding: 0px;
}
.photo_border {
padding: 2px;
border: 1px solid #938AAC;
}
.line-height {
line-height: 2em;
}


/***------------
color font-size
------------***/
.strong {
font-weight: bold;
}
.font-size17 {
font-size: 130%;
}
.font-white {
color: #FFFFFF;
}
.font-color1 {
color: #626262;
}
.font-color2 {
color: #C3CE46;
}
.font-color3 {
color: #768BF3;
}
.font-color4 {
color: #189A77;
}
.font-color5 {
color: #DA6546;
}
.font-color6 {
color: #9E7A3E;
}
.font-color7 {
color: #2B768C;
}
.font-color8 {
color: #85A348;
}
.font-color9 {
color: #C8E3D0;
}
.font-color10 {
color: #A8442A;
}

/***------------
default link
------------***/
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
}
a:active {
color: #4B3194;
text-decoration: underline;
}
/***------------
contents all
------------***/
#ALL {
width: 875px;
padding: 0px 8px 8px 8px;
margin: 0px auto;
background: #FFFFFF;
}

/***------------
header contents
------------***/
#HEAD {
width: 875px;
height: 93px;
margin: 0px auto;
background: #FFFFFF;
border-bottom:1px solid #7C7C7C;
clear: both;
}
#HEAD h1 a {
width: 280px;
height: 45px;
padding: 17px 0px 0px 0px;
float: left;
}
#HEAD .seo {
height: 13px;
text-align: right;
background:url(../img/bg_headertop.gif) repeat-y;
}
#HEAD p {
color: #BFBFBF;
font-size: 70%;
line-height: 1em;
padding: 1px 5px 0px 0px;
margin: 0px;
}
#HEADERMENU {
width: 588px;
height: 80px;
padding: 0px 0px 0px 7px;
float: left;
}
#NAVI {
height: 80px;
}

/***------------
top contents
------------***/
#TOP {
position: relative;
width: 875px;
clear: both;
}
.flash {
}
#TOP_TOP {
width: 839px;
padding: 10px 18px 2px 18px;
background: #292929;
border-top:1px solid #7C7C7C;
float: left;
}
#TOP_TOP .bn_l {
width: 412px;
float: left;
}
#TOP_TOP .bn_r {
width: 412px;
float: right;
}
#TOP_TOP .txt {
width: 839px;
text-align: right;
font-size: 80%;
color: #FFFFFF;
float: left;
}
#TOP_LEFT {
width: 162px;
padding: 10px 10px 0px 10px;
float: left;
}
#TOP_LEFT .bn1{
padding: 0px 0px 10px 0px;
}
#TOP_LEFT .link {
width: 142px;
height: 15px;
padding: 5px 10px 0px 10px;
margin: 10px 0px 10px 0px;
font-size: 70%;
line-height: 1em;
background: url(../topimg/bg_link.gif);
clear: both;
}
#TOP_LEFT .bn2{
padding: 0px 0px 5px 0px;
}
#TOP_LEFT .bn3 {
width: 160px;
margin: 0px 0px 10px 0px;
border: 1px solid #6F6F6F;
}
#TOP_LEFT .bn3_img {
border-bottom: 1px solid #6F6F6F;
}
#TOP_LEFT .bn3_txt {
padding: 3px;
color: #C8C8C8;
font-size: 70%;
line-height: 1.3em;
background: #292929;
}
#TOP_LEFT .bn4 {
width: 150px;
padding: 5px;
background: #292929;
margin: 0px 0px 10px 0px;
border: 1px solid #6F6F6F;
float: left;
}
#TOP_LEFT .bn4_img {
border: 1px solid #FFFFFF;
float: left;
}
#TOP_LEFT .bn4_txt {
width: 90px;
color: #C8C8C8;
font-size: 70%;
line-height: 1.3em;
float: right;
}
#TOP_WAKU {
width: 875px;
background: url(../img/bg_topleft.gif) repeat-y;
float: left;
}
#TOP_RIGHT {
width: 662px;
padding: 15px 15px 0px 0px;
float: right;
}
#TOP_RIGHT .title_news {
}
#TOP_RIGHT .news {
width: 662px;
float: left;
}
#TOP_RIGHT .news_data {
width: 92px;
padding: 10px 5px 10px 5px;
font-size: 70%;
line-height: 1em;
font-weight: bold;
font-family: Verdana, Arial;
float: left;
}
#TOP_RIGHT .news_txt {
width: 550px;
padding: 10px 5px 10px 5px;
font-size: 80%;
line-height: 1.2em;
float: right;
}
#TOP_RIGHT .line {
height: 1px;
clear: both;
}
#TOP_RIGHT_RIGHT_WAKU {
width: 662px;
background: url(../topimg/line_dotto2.gif) repeat-y;
margin: 20px 0px 0px 0px;
float: left;
}
#TOP_RIGHT_RIGHT {
width: 331px;
float: left;
}
#TOP_RIGHT_RIGHT .info {

}
#TOP_RIGHT_RIGHT .title_info {
}
#TOP_RIGHT_RIGHT .com {
padding: 10px 5px 10px 5px;
font-size: 80%;
line-height: 1.2em;
}
#TOP_RIGHT_RIGHT .line {
height: 1px;
clear: both;
}
#TOP_RIGHT_RIGHT .info2 {
width: 318px;
}
#TOP_RIGHT_RIGHT .infopho_l {
width: 90px;
padding: 10px 5px 10px 5px;
float: left;
}
#TOP_RIGHT_RIGHT .infotxt_r {
width: 208px;
padding: 10px 5px 10px 5px;
font-size: 80%;
line-height: 1.2em;
float: right;
}
#TOP_RIGHT_RIGHT2 {
width: 318px;
float: right;
}
#TOP_RIGHT_RIGHT2 .com {
padding: 10px 5px 10px 5px;
font-size: 80%;
line-height: 1.2em;
}
#TOP_RIGHT_RIGHT2 .line {
height: 1px;
clear: both;
}
#TOP_RIGHT_RIGHT2 .info2 {
width: 318px;
}
#TOP_RIGHT_RIGHT2 .infopho_l {
width: 90px;
padding: 10px 5px 10px 5px;
float: left;
}
#TOP_RIGHT_RIGHT2 .infotxt_r {
width: 208px;
padding: 10px 5px 10px 5px;
font-size: 80%;
line-height: 1.2em;
float: right;
}
#TOP_RIGHT_BOTTOM {
margin: 0px 0px 20px 0px;
clear: both;
}
#TEL_MAIL {
width: 658px;
border: 2px solid #EEEEEE;
margin: 0px 0px 10px 0px;
float: left;
}
#TEL_MAIL .title_tel {
border-bottom: 1px solid #B0B0B0;
clear: both;
}
#TEL_MAIL .tel {
padding: 10px 0px 10px 10px;
float: left;
}
#TEL_MAIL .time {
padding: 10px 0px 0px 20px;
float: left;
}
#TEL_MAIL .bt_contact {
padding: 3px 0px 10px 0px;
clear: both;
}
#TEL_MAIL .mobile {
padding: 10px 0px 0px 20px;
float: left;
}
#TEL_MAIL .qr {
padding: 5px 0px 0px 10px;
float: left;
}
.pagetop {
text-align: right;
padding: 0px 0px 20px 0px;
clear: both;
}

/***------------
footer contents
------------***/
#FOOTER {
position: relative;
width: 845px;
padding: 0px 15px 10px 15px;
background: #EEEEEE;
border-top: 3px solid #20A884;
border-bottom: 2px solid #FFFFFF;
float: left;
}
#FOOTER_LEFT {
width: 168px;
background: url(../img/bg_footer.gif) repeat-y;
float: left;
}
#FOOTER_LEFT .logo_s {
padding: 5px 0px 10px 0px;
}
#FOOTER_LEFT .txt {
font-size: 70%;
line-height: 1.1em;
}
#FOOTER_RIGHT {
width: 660px;
font-size: 70%;
line-height: 1.3em;
padding: 10px 0px 0px 0px;
float: right;
}
#FOOTER .txt_menu {
width: 500px;
font-size: 65%;
color: #333333;
padding: 50px 0px 0px 20px;
float: left;
}
#COPY {
height: 15px;
padding: 7px 0px 0px 0px;
color: #FFFFFF;
font-size: 70%;
line-height: 0.9em;
text-align: center;
background: #292929;
clear:both;
}
#FOOTER .pagetop {
width: 122px;
padding: 50px 0px 0px 0px;
margin: 0px 10px 0px 0px;
float: right;
}

/***------------
contents
------------***/
#CONTENT {
position: relative;
width: 835px;
margin: 20px 20px 20px 20px;
clear: both;
}
h2 {
}
#CONTENT .txt_c {
width: 835px;
font-size: 80%;
line-height: 1.4em;
margin: 0px 0px 20px 0px;
}
#CONTENT .txt_c2 {
width: 815px;
font-size: 80%;
line-height: 1.4em;
margin: 0px 0px 20px 0px;
padding: 8px;
border: 2px solid #EEEEEE;
}
h3 {
width: 280px;
height: 27px;
padding: 8px 10px 0px 10px;
margin: 0px 0px 10px 0px;
background: url(../img/bg_h3.gif) no-repeat;
color: #20A884;
font-size: 80%;
line-height: 1.4em;
font-weight: bold;
clear: both;
}