@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-menu.css");

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }

.img_r {
	float: right;
	border: none;
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 5px;
}
.img_l {
	float: left;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.img_n {
	float: none;
	border: none;
}
textarea,select,input {
    font-family: Verdana,ヒラギノ丸ゴ Pro W4,Hiragino Maru Gothic Pro,ＭＳ Ｐゴシック,Osaka,sans-serif;
}



#pan{
width:810px;
margin:5px auto;
font-size:10px;
letter-spacing:0.5px;
}


.w585{
width:585px;
margin-left:auto;
margin-right:auto;
}




.box01{
background:url(img/inner/box01_re.gif) repeat-y 0 0;
}
.box01_end{
background:url(img/inner/box01_end.gif) no-repeat left bottom;
}

.ttlarea01{
background:url(img/inner/ttlback01.gif) no-repeat 0 0;
}
.ttlarea01 h4{
background:url(img/inner/point05.gif) no-repeat 0px 11px;
line-height:150%;
color:#209FA0;
font-size:12px;
padding:7px 0px 7px 15px;
width:545px;
margin-left:auto;
margin-right:auto;
border-bottom:1px dotted #a8a8a8;
}

.ttlarea03 h5{
background:url(img/inner/point05.gif) no-repeat 0px 11px;
line-height:150%;
color:#209FA0;
font-size:12px;
padding:7px 0px 7px 15px;
width:445px;
margin-left:auto;
margin-right:auto;
border-bottom:1px dotted #a8a8a8;
}


.body01{
width:560px;
margin-left:auto;
margin-right:auto;
line-height:180%;
padding:7px 0px;
}


div#makebox01{
background:url(img/inner/make_bg.jpg) no-repeat left top;
}
div#makebox01 p{
padding:10px 230px 10px 15px;
line-height:180%;
}
div#makebox01 p span{ padding-right:20px;
}

div#staffbox01{
background:url(img/inner/staff_bg.jpg) no-repeat left top;
}

div#staffbox01 dl{
border-bottom:1px dotted #a8a8a8;
padding:7px 0px;
margin-left:auto;
margin-right:auto;
width:560px;
}
div#staffbox01 dt{
background:url(img/inner/staffname_bg.gif) no-repeat 0 0;
width:73px;
float:left;
text-align:center;
color:#ffffff;
font-weight:bold;
padding:2px 0px 2px 0px;
line-height:150%;
letter-spacing:5px;
}
div#staffbox01 dd{
padding:2px 10px;
line-height:150%;
width:460px;
float:left;
}


ul.footbana{
list-style:none;
height:130px;
margin-top:40px;
}
ul.footbana li{
float:left;
}
ul.footbana li img{
vertical-align:bottom;
}

#for{
width:400px;
padding:7px 0px 7px 0p;
text-align:right;
margin-left:auto;
margin-right:auto;
}


ul.menu{
list-style:none;
}
ul.menu a{
display:block;
width:145px;
padding:10px 5px 10px 20px;
background:url(img/inner/point06.gif) no-repeat 5px 14px #ffffff;
border-bottom:1px dotted #848484;
text-decoration:none;
color:#333333;
}
ul.menu a:hover{
background:url(img/inner/point06.gif) no-repeat 5px 14px #E7F7F7;
color:#333333;
}

.dis{
padding:10px 0px;
line-height:180%;
}

div.ttlarea02{
background:url(img/inner/line01.gif) repeat-x left bottom;
}
div.ttlarea02 h3{
background:url(img/inner/point05.gif) no-repeat 5px 11px;
font-size:12px;
clear:#333333;
padding:7px 10px 7px 18px;
line-height:150%;
}
div.ttlarea02 p{
font-size:10px;
float:right;
text-align:right;
padding-top:10px;
}


div.box02{
background:url(img/inner/box02_re.gif) repeat-y 0 0;
margin-top:6px;
width:585px;
}
div.box02_st{
background:url(img/inner/box02_st.gif) no-repeat 0 0;
padding-top:4px;
width:585px;
}
div.box02_end{
background:url(img/inner/box02_end.gif) no-repeat left bottom;
padding-bottom:4px;
width:585px;
}


div.dat02{
width:560px;
margin-left:auto;
margin-right:auto;
border-top:1px dotted #848484;
padding:7px 0px;
}
div.dat02 p.date{
font-size:10px;
color:#209FA0;
width:120px;
float:left;
text-align:left;
}
div.dat02 p.detail{
background:url(img/inner/point06.gif) no-repeat right center;
padding:0px 12px 0px 0px;
width:420px;
text-align:right;
float:right;
}


.area01{
padding-bottom:20px;
}

#php{
text-align:center;
padding:20px 0px;
font-size:14px;
}



ul.next-back{
padding:20px 0px 20px 0px;
list-style:none;
line-height:150%;
}
ul.next-back li.prev{
background:url(img/inner/point06.gif) no-repeat 0 6px;
padding:3px 0px 3px 15px;
}
ul.next-back li.next{
background:url(img/inner/point08.gif) no-repeat 0 6px;
padding:3px 0px 3px 15px;
}
ul.next-back li.back{
background:url(img/inner/point07.gif) no-repeat 0 6px;
padding:3px 0px 3px 15px;
}


ul#casecate{
list-style:none;
height:119px;
padding-bottom:25px;
}
ul#casecate li{
float:left;
}

div.case_img{
width:190px;
float:left;
padding:15px;
}
div.case_txt{
width:350px;
float:left;
padding-top:15px;
}

.body02{
line-height:180%;
padding:7px 0px;
}

div.case_img02{
width:185px;
float:left;
padding-left:7px;
padding-bottom:15px;
padding-top:10px;
text-align:center;
}


div.st_img{
width:97px;
float:left;
padding-top:10px;
}
div.box03{
width:488px;
margin-top:10px;
float:left;
background:url(img/inner/stbox_re.gif) repeat-y 0 0;
}
div.box03_st{
background:url(img/inner/stbox_st.gif) no-repeat 0 0;
}
div.box03_end{
background:url(img/inner/stbox_end.gif) no-repeat left bottom;
padding-bottom:7px;
padding-top:10px;
padding-right:10px;
padding-left:50px;
}

.st_name{
color:#209FA0;
line-height:150%;
font-size:14px;
}


div.dat03{
border-top:1px dotted #a8a8a8;
padding-top:10px;
padding-bottom:5px;
}

div.dat03 p.detail{
background:url(img/inner/point06.gif) no-repeat right center;
padding:0px 12px 0px 0px;
text-align:right;
}
p.coms{
font-size:10px;
color:#209FA0;
text-align:right;
float:right;
padding-top:5px;
}




















div#comment{
background:#F0F5FC;
padding:15px;
font-size:12px;
margin-bottom:15px;
}
div#comment h5.ttlcomm{
font-size:120%;
padding:0px 0px 3px 0px;
color:#D60000;
}
div.track{
padding:0px 0px 10px 10px;
border-bottom:1px dotted #d5d5d5;
}

div.commarea{
padding:10px 0px 10px 10px;
border-bottom:1px dotted #d5d5d5;
}
div.comment-box{
padding-top:5px;
}
div.commarea h5{
font-size:100%;
padding:0px 0px 5px 0px;
}
div.comm-body{
line-height:160%;
}
p.date{
font-size:10px;
color:#888888;
text-align:left;
padding:3px 0px 0px 0px;
}

div.nyuryoku{
padding:10px 0px 10px 10px;
}

.commenttable td{
padding:5px 0px;
}
.commenttable td .w100par{
width:100%;
}








div#kodabox01{
background:url(img/inner/koda_bg.jpg) no-repeat left top;
}
div#kodabox01 p{
padding:10px 100px 10px 15px;
line-height:180%;
}
div#kodabox01 p span{ padding-right:20px;
}









table.comtable{
border-bottom:1px solid #D5D7E8;
width:560px;
margin-left:auto;
margin-right:auto;
background:url(img/inner/glad04.gif) repeat-x left bottom #F5FBFB; 
}
table.comtable th{
border-top:1px solid #ffffff;
border-right:3px solid #1E7070;
text-align:left;
vertical-align:top;
padding:6px 8px;
line-height:160%;
color:#ffffff;
background:#3CBABA;
width:120px;
}
table.comtable td{
border-top:1px solid #ffffff;
text-align:left;
vertical-align:top;
font-weight:normal;
padding:6px 8px;
line-height:160%;
}



.txt01{
line-height:180%;
padding:5px 0px;
}
.txt02{
line-height:180%;
padding:5px 10px;
}


.ttl01{
background:url(img/inner/point09.gif) no-repeat 0px 11px;
padding:8px 0px 0px 17px;
font-size:12px;
color:#393939;
line-height:150%;
}

.ttl02{
background:url(img/inner/line02.gif) repeat-x left bottom;
padding:8px 10px 3px 5px;
font-size:14px;
line-height:150%;
color:#393939;
}

.url{
background:url(img/inner/url.gif) no-repeat left center;
padding:7px 0px 7px 55px;
font-size:12px;
text-align:left;
line-height:150%;
}











div.site_left{
width:270px;
float:left;
padding-bottom:30px;
}
div.site_right{
width:270px;
float:right;
padding-bottom:30px;
}

div.site_left h3,
div.site_right h3{
background:url(img/inner/point10.gif) no-repeat 5px 4px;
padding:3px 5px 2px 20px;
line-height:120%;
font-size:12px;
border-bottom:1px solid #257A7B;
margin-top:10px;
}
div.site_left h3 a:link,div.site_left h3 a:visited { color: #257A7B; text-decoration:none; }
div.site_left h3 a:hover,div.site_left h3 a:active { color: #3BB2B3; text-decoration:none; }
div.site_right h3 a:link,div.site_right h3 a:visited { color: #257A7B; text-decoration:none; }
div.site_right h3 a:hover,div.site_right h3 a:active { color: #3BB2B3; text-decoration:none; }





div.site_left ul,
div.site_right ul{
list-style:none;
padding-left:20px;
padding-top:5px;
}
div.site_left ul li,
div.site_right ul li{
background:url(img/inner/point11.gif) no-repeat 5px 9px;
padding:5px 5px 0px 20px;
line-height:150%;
font-size:12px;
border-bottom:1px dotted #4B4B4B;
}
div.site_left ul li a:link,div.site_left ul li a:visited { color: #7C8686; text-decoration:none;}
div.site_left ul li a:hover,div.site_left ul li a:active { color: #4B4B4B; text-decoration:none;}
div.site_right ul li a:link,div.site_right ul li a:visited { color: #7C8686; text-decoration:none; }
div.site_right ul li a:hover,div.site_right ul li a:active { color: #4B4B4B; text-decoration:none; }

div.site_left ul li.mins,
div.site_right ul li.mins{
background:url(img/inner/point22.gif) no-repeat 22px 11px;
padding:5px 5px 0px 30px;
line-height:150%;
font-size:12px;
border:none;
}
div.site_left ul li.mins a:link,div.site_left ul li.mins a:visited { color: #7C7C7C; text-decoration:none; border-bottom:1px dotted #7C7C7C; }
div.site_left ul li.mins a:hover,div.site_left ul li.mins a:active { color: #BF0D0D; text-decoration:none; border-bottom:1px dotted #7C7C7C; }
div.site_right ul li.mins a:link,div.site_right ul li.mins a:visited { color: #7C7C7C; text-decoration:none; border-bottom:1px dotted #7C7C7C; }
div.site_right ul li.mins a:hover,div.site_right ul li.mins a:active { color: #BF0D0D; text-decoration:none; border-bottom:1px dotted #7C7C7C; }













.form-txt{
background:#F4F4F4;
border:1px solid #c8c8c8;
padding:10px;
line-height:160%;
margin-top:20px;
}



table.forms input,
table.forms select{
vertical-align:middle;

}


.w_long{
width:100%;
border:1px solid #195C5D;
padding:2px;
font-size:12px;
}
.w_mid{
width:50%;
border:1px solid #195C5D;
padding:2px;
font-size:12px;
}
.w200{
width:200px;
border:1px solid #195C5D;
padding:2px;
}
.w150{
width:150px;
border:1px solid #195C5D;
padding:2px;
}
.w100{
width:110px;
border:1px solid #195C5D;
padding:2px;
}
.w20{
width:20px;
border:1px solid #195C5D;
padding:2px;
}

.must{
color:#F50000;
font-weight:normal;
font-size:10px;
padding-left:3px;
}
.ex{
font-size:10px;
color:#ee0000;
}
button{
cursor:pointer;
}






table.formtable{
border-bottom:1px solid #D5D7E8;
margin-left:auto;
margin-right:auto;
background:url(img/inner/glad04.gif) repeat-x left bottom #ffffff; 
}
table.formtable th{
border-top:1px solid #ffffff;
border-right:3px solid #1E7070;
text-align:left;
vertical-align:top;
padding:6px 8px;
line-height:160%;
color:#1D5D5E;
font-weight:normal;
width:140px;
}
table.formtable td{
border-top:1px solid #D6EDEC;
text-align:left;
vertical-align:top;
font-weight:normal;
padding:6px 8px;
line-height:160%;
background:#ffffff;
}





.bio {
width: 545px;
margin: 0px auto;
}
p.biotxt{
width: 390px;
padding-bottom: 25px;
}
p.biotxt02{
width: 284px;
line-height:170%;
margin-top:5px;
color:#404545;
}
p.biotxt03{
width: 240px;
margin:0px 0px 30px 0px;
padding-top: 15px;
}
.bio02{
background:url(img/inner/bio03.jpg) no-repeat center top;
padding: 10px;
margin-bottom: 20px;
}
.bio03{
background:url(img/inner/bio05.jpg) no-repeat center top;
padding: 10px;
margin-bottom: 20px;
}
.bio04{
background:url(img/inner/bio07.jpg) no-repeat center top;
padding: 10px;
margin-bottom: 20px;
}
.bio05{
background:url(img/inner/bio09.jpg) no-repeat center top;
padding: 10px;
margin-bottom: 20px;
}
.bio06{
background:url(img/inner/bio12.gif) no-repeat right top;
padding-bottom: 40px;
}
h5.bio07{
padding:0;
margin:0;
}



#topbanner {
margin: 30px auto 0px auto;
}
#topbanner div{
margin-bottom: 10px;
}


ol.privacy{
padding:10px 10px 10px 35px;
}
ol.privacy li{
padding-bottom: 5px;
}

.just table{
margin:0px auto;
}