/* --------- LAYOUT -----------*/
body {
margin: 0;
padding: 0;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial, Helvetica;
background: url(../img/bg.gif);
}
p {
font-size: 12px;
color: #333333;
}
#contents {
width: 773px;
background: #ffffff;
margin: 0;
padding: 0;
}

/* --------- HEADER -----------*/
#header {
margin: 0;
padding: 0;
}
#header h1{
margin: 0;
padding: 0px 0px 0px 0px;
width: 773px;
background: url(../img/header.gif) no-repeat top left;
}
#header h1 span{
display: none;
}
#header h1 a{
display: block;
width: 773px;
height: 63px;
}
#header h1.catch{
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 5px;
width: 763px;
background: none;
font-size: 14px;
line-height: 130%;
color: #333333;
border-left: 5px solid #99CC99;
}
#header ul.menuH {
background: #6699CC;
list-style: none;
font-size: 12px;
color: #ffffff;
width: 753px;
margin: 5px 10px 0px 10px;
padding: 2px;
}
#header ul.menuH li {
margin: 0px 0px 0px 10px;
padding: 0px;
display: inline;
}
#header ul.menuH li a{
color: #ffffff;
}

/* --------- MAIN -----------*/
#main {
width: 753px;
margin: 10px 10px 0px 10px;
}
#main h2 span{
display: none;
}

#main #mainLeft {
width: 540px;
float: left;
margin: 0px 0px 10px 0px;
}
#main #mainLeft h2.kouen{
width: 540px;
height: 70px;
margin: 0;
padiing: 0;
background: url(../img/h2_kouen.gif) no-repeat top left;
}
#main #mainLeft div.kMenberBox {
margin: 0;
padding: 0px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
width: 540px;
}

#main #mainLeft div.kMenber {
margin: 0px 3px 10px 3px;
padding: 0;
width: 260px;
float: left;
}
#main #mainLeft div.kMenber h3{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 15px;
background: url(../img/point01.gif) no-repeat left top;
font-size: 12px;
color: #333333;
}
#main #mainLeft div.kMenber dl {
margin: 0;
padding: 0;
}
#main #mainLeft div.kMenber dt {
margin: 0px 5px 0px 0px;
padding: 0;
width: 80px;
float: left;
font-size: 10px;
color: #336699;
}
#main #mainLeft div.kMenber dt strong{
font-size: 12px;
}
#main #mainLeft div.kMenber dd {
margin: 0px;
padding: 0;
font-size: 12px;
color: #333333;
line-height: 130%;
}

#main #mainLeft div.kMenber dd strong{
color: #336699;
}


#main #mainRight {
width: 200px;
float: right;
margin: 0px 0px 10px 0px;
}
#main #mainRight span{
display: none;
}
#main #mainRight div.contact{
background: url(../img/bg_contact.gif) no-repeat top left #99CC66;
color: #666666;
}
#main #mainRight div.contact h2{
width: 200px;
height: 50px;
margin: 0;
padding: 0;
background: url(../img/bg_contact_h2.gif) no-repeat top left;
}
#main #mainRight div.contact p.tel {
width: 200px;
height: 105px;
margin: 0;
padding: 0;
background: url(../img/bg_contact_tel.gif) no-repeat top left;
}
#main #mainRight div.contact p {
margin: 10px;
padding: 0;
line-height: 140%;
font-size: 12px;
}
#main #mainRight div.contact ul {
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
font-size: 11px;
}
#main #mainRight div.contact li{
margin: 0px 10px 0px 10px;
line-height: 110%;
padding: 0;
}
#main #mainRight div.contact li a{
color: #336633;
}
#main #mainRight div.contact li a:hover{
text-decoration: none;
}


#main #mainRight div.mail{
width: 200px;
height: 50px;
margin: 10px 0px 0px 0px;
pading: 0;
background: url(../img/mail.gif) no-repeat top left;
}
#main #mainRight div.mail p{
margin: 0;
padding: 0;
}
#main #mainRight div.mail p a{
display: block;
width: 200px;
height: 50px;
}
#main #mainRight div.mail p a:hover{
border-bottom: 6px solid #cccccc;
}

#main #mainRight div.member{
margin: 10px 0px 0px 0px;
pading: 0px 0px 5px 0px;
border-bottom: 1px solid #cccccc;
}
#main #mainRight div.member h2.titleMem{
width: 200px;
height: 25px;
margin: 0px;
pading: 0;
background: url(../img/bg_member_title.gif) no-repeat top left;
}
#main #mainRight div.member h2.titleMem02{
width: 200px;
height: 25px;
margin: 5px 0px 0px 0px;
pading: 0;
background: url(../img/bg_member_title02.gif) no-repeat top left;
}

#main #mainRight div.member h2.titleMem a{
display: block;
width: 200px;
height: 25px;
}
#main #mainRight div.member h2.titleMem02 a{
display: block;
width: 200px;
height: 25px;
}
#main #mainRight div.member h2{
margin: 0px;
pading: 0;
font-size: 12px;
color: #ff9900;
}
#main #mainRight div.member p{
margin: 0px;
pading: 0;
font-size: 12px;
color: #666666;
}
#main #mainRight div.member ul{
margin: 5px 0px 0px 0px;
padding: 0;
font-size: 12px;
color: #666666;
list-style: none;
}
#main #mainRight div.member li{
margin: 0px;
padding: 0px 0px 0px 20px;
background: url(../img/point02.gif) no-repeat top left;
}

#main h2.ktema{
height: 40px;
margin: 0;
padiing: 0;
background: url(../img/bg_koshi_h2.gif) no-repeat top left;
}

#main div.ktemaBox {
width: 752px;
margin: 0;
padding: 0px 5px 0px 5px;
border-left: 1px solid #cccccc; 
border-right: 1px solid #cccccc; 
border-bottom: 1px solid #cccccc; 
}
#main div.ktemaBoxs {
width: 370px;
float: left;
margin: 5px 0px 0px 0px;
}
#main div.ktemaBoxs h3{
font-size: 14px;
color: #336699;
letter-spacing: 2px;
border-bottom: 1px dashed #cccccc;
border-left: 5px solid #336699;
padding-left: 5px; 
}
#main div.ktemaBoxs h4{
font-size: 12px;
color: #ffffff;
font-weight: normal;
background: #336699;
padding: 2px;
margin: 0px 0px 5px 0px;
border: 1px solid #cccccc;
width: 35px;
}
#main div.ktemaBoxs p {
font-size: 12px;

}

#main div.ktemaBoxs p.ktemaCatch {
font-size: 12px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 15px;
background: url(../img/point01.gif) no-repeat left top;
font-weight: bold;
}
#main div.ktemaBoxs ul {
font-size: 12px;
margin: 0;
padding: 0px;
list-style: none;
}
#main div.ktemaBoxs li {
padding: 0px 0px 0px 15px;
background: url(../img/point03.gif) no-repeat top left;
}

#main h2.voice{
width: 755px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
background: url(../img/bg_voice_h2.gif) no-repeat top left;
}
#main div.kVoiceBox {
margin: 0;
padding: 5px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

#main div.kVoiceBox dl{
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 12px;
}
#main div.kVoiceBox dt{
padding: 0px 0px 0px 15px;
background: url(../img/point01.gif) no-repeat left top;
font-size: 14px;
font-weight: bold;
color:#333333;
}
#main div.kVoiceBox dd{
margin: 10px 0px 0px 0px;
padding: 0;
line-height: 180%;
border-bottom: 1px dashed #cccccc;
}
#main div.kVoiceBox dd strong{
color: #FF9900;
font-size: 14px;
}

#main h2.nagare{
width: 755px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
background: url(../img/bg_nagare_h2.gif) no-repeat top left;
}

#main p.pagetop {
margin: 5px;
font-size: 10px;
text-align: right;
}
#main p.pagetop a{
color: #3399CC;
}
#main p.pagetop a:hover{
color: #999999;
text-decoration: none;
}
#main dt span {
display: none;
}
#main dl.step1 {
font-size: 12px;
margin: 5px 3px 0px 0px;
width: 185px;
height: 70px;
padding: 0;
float: left;
color: #333333;
}
#main dl.step1 dt{
background: url(../img/step1.jpg) no-repeat top left;
width: 185px;
height: 30px;
margin: 0;
padding: 0;
}
#main dl.step1 dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #669933;
}

#main dl.step2 {
font-size: 12px;
margin: 5px 3px 0px 0px;
width: 185px;
height: 70px;
padding: 0;
float: left;
color: #333333;
}
#main dl.step2 dt{
background: url(../img/step2.jpg) no-repeat top left;
width: 185px;
height: 30px;
margin: 0;
padding: 0;
}
#main dl.step2 dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #669933;
}

#main dl.step3 {
font-size: 12px;
margin: 5px 3px 0px 0px;
width: 185px;
height: 70px;
padding: 0;
float: left;
color: #333333;
}
#main dl.step3 dt{
background: url(../img/step3.jpg) no-repeat top left;
width: 185px;
height: 30px;
margin: 0;
padding: 0;
}
#main dl.step3 dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #669933;
}

#main dl.step4 {
font-size: 12px;
margin: 5px 3px 0px 0px;
width: 185px;
height: 70px;
padding: 0;
float: left;
color: #333333;
}
#main dl.step4 dt{
background: url(../img/step4.jpg) no-repeat top left;
width: 185px;
height: 30px;
margin: 0;
padding: 0;
}
#main dl.step4 dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #669933;
}

#main dl.step5 {
font-size: 12px;
margin: 5px 3px 0px 0px;
width: 185px;
height: 70px;
padding: 0;
float: left;
color: #333333;
}
#main dl.step5 dt{
background: url(../img/step5.jpg) no-repeat top left;
width: 185px;
height: 30px;
margin: 0;
padding: 0;
}
#main dl.step5 dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #669933;
}

#main dl.step6 {
font-size: 12px;
margin: 5px 3px 0px 0px;
width: 185px;
height: 70px;
padding: 0;
float: left;
color: #333333;
}
#main dl.step6 dt{
background: url(../img/step6.jpg) no-repeat top left;
width: 185px;
height: 30px;
margin: 0;
padding: 0;
}
#main dl.step6 dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #669933;
}

#main dl.step7 {
font-size: 12px;
margin: 5px 3px 0px 0px;
width: 185px;
height: 70px;
padding: 0;
float: left;
color: #333333;
}
#main dl.step7 dt{
background: url(../img/step7.jpg) no-repeat top left;
width: 185px;
height: 30px;
margin: 0;
padding: 0;
}
#main dl.step7 dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #669933;
}

#main dl.step8 {
font-size: 12px;
margin: 5px 3px 0px 0px;
width: 185px;
height: 70px;
padding: 0;
float: left;
color: #333333;
}
#main dl.step8 dt{
background: url(../img/step8.jpg) no-repeat top left;
width: 185px;
height: 30px;
margin: 0;
padding: 0;
}
#main dl.step8 dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #669933;
}

/* --------- FOOTER -----------*/
#footer {
margin: 0px 10px 10px 10px;
padding: 0px 0px 10px 0px;
}
#footer p{
font-size: 10px;
color:#999999;
margin: 5px 0px 0px 0px;
}