@charset "UTF-8";
@import url("style-base.css");
@import url("style-menu.css");

td { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; 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:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


h2.ttl{
padding-top:2px;
}

div#pan{
padding:3px 5px;
}


/**************************************************************    all    *************/

div.fordetail{
text-align:right;
padding:10px 0px 5px 0px;
}

div.fordetail02{
text-align:right;
padding:10px 20px 25px 0px;
}

div#for{
padding:0px 15px;}

p{
padding-bottom:8px;
}





div#footbanner{
width:795px;
height:84px;
background:url(img/inner/footbannar.jpg) no-repeat 0 0;
margin:0px auto 20px auto;
padding-top:93px;
}
div#footbanner h5#footbanner01{
width:203px;
height:76px;
background:url(img/navi/footbutton01r.gif) no-repeat 0 0;
float:left;
}
div#footbanner h5#footbanner01 a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:203px;
height:76px;
background:url(img/navi/footbutton01.gif) no-repeat 0 0;
float:left;
}
div#footbanner h5#footbanner01 a:hover{
background:none;
}
div#footbanner h5#footbanner02{
width:195px;
height:76px;
background:url(img/navi/footbutton02r.gif) no-repeat 0 0;
float:left;
}
div#footbanner h5#footbanner02 a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:195px;
height:76px;
background:url(img/navi/footbutton02.gif) no-repeat 0 0;
float:left;
}
div#footbanner h5#footbanner02 a:hover{
background:none;
}


/**************************************************************    index    *************/

div#mainbutton{
width:609px;
height:53px;
background:url(img/mainbuttonr.gif) no-repeat 0 0;
}
div#mainbutton a{
display:block;
overflow:hidden;
text-indent:-9999px;
width:609px;
height:53px;
background:url(img/mainbutton.gif) no-repeat 0 0;
}
div#mainbutton a:hover{
background:none;
}


div.top-in{
width:597px;
padding:20px 0px;
}
div.top-inleft{
width:332px;
float:left;
}
div.top-inright{
width:246px;
float:right;
}


div#newsarea{
background:url(img/grad-back.gif) repeat-x 0 0;
border-bottom:1px solid #a3a3a3;
}
div#newsarea dl{
padding:8px 13px 10px 13px;
border-bottom:1px dotted #a3a3a3;
}
div#newsarea dt{
font-size:10px;
font-weight:bold;
letter-spacing:1px;
}
div#newsarea dd{
line-height:140%;
}


div.top-doc01{
width:332px;
height:83px;
background:url(img/navi/docbannerr.gif) no-repeat 0 0;
margin:10px 0px;
}
div.top-doc01 a{
display:block;
overflow:hidden;
text-indent:-9999px;
width:332px;
height:83px;
background:url(img/navi/docbanner.gif) no-repeat 0 0;
}
div.top-doc01 a:hover{
background:none;
}


div.staffbox{
padding:5px 0 15px 0;
}
div.staffbox h4{
background:url(img/point02.gif) no-repeat 5px 5px;
padding:0px 0px 0px 23px;
font-size:13px;
}
div.staffbox-in{
background:url(img/blogbox-re.gif) repeat-y 0 0;
}
div.staffbox-in div.sta-left{
width:65px;
text-align:right;
float:left;
padding:3px 10px 3px 0px;
}
div.staffbox-in div.sta-right{
width:160px;
line-height:130%;
float:left;
font-size:12px;
padding:3px 0px;
}




/**************************************************************    staff    *************/



div.sta-in{
width:597px;
padding:20px 0px;
}
div.sta-inleft{
width:378px;
float:left;
}
div.sta-inright{
width:207px;
float:right;
}



div.ttlback{
background:url(img/ttlback.gif) repeat-x 0 0;
}

div.sta-inleft h3{
font-size:14px;
color:#0B7DCC;
background:url(img/point02.gif) no-repeat 10px 7px;
padding:3px 10px 2px 30px;
border:1px solid #BBBBBB;
line-height:150%;
}

div.sta-box{
background:url(img/grad-back.gif) repeat-x 0 0;
padding:10px;
padding-bottom:20px;
}
div.sta-img{
float:left;
width:106px;
}
div.sta-img img{
border:1px solid #bbbbbb;
}
div.sta-img p{
font-weight:bold;
text-align:center;}

div.sta-text{
width:240px;
float:right;
}


div.choice{
text-align:center;
padding:15px;
letter-spacing:1px;
}


div.sta-info{
padding:15px 10px 10px 15px;
text-align:center;
}
div.sta-info img{
border:1px solid #bbbbbb;
}
div.sta-info p{
line-height:160%;
text-align:left;
padding-top:10px;
}

div.comment{
letter-spacing:1px;
color:#0B7DCC;
font-size:10px;
}

p.phparea{
letter-spacing:1px;
text-align:center;
padding-top:30px;
}

div.nextarea{
border:1px solid #bbbbbb;
padding:5px 0px;
text-align:center;
}
table.next{
margin:auto;
}

div.day{
letter-spacing:1px;
color:#0B7DCC;
font-size:10px;
text-align:right;
}




div#track{
background:url(img/inner/s-track.gif) no-repeat 0 20px;
padding-left:75px;
padding-top:20px;
padding-right:10px;
border-bottom:1px dotted #bbbbbb;
}
div#comm{
background:url(img/inner/s-comm.gif) no-repeat 0 0px;
padding-left:75px;
padding-top:10px;
padding-right:10px;
border-bottom:1px dotted #bbbbbb;
}
div#comm2{
background:url(img/inner/s-comm2.gif) no-repeat 0 0px;
padding-top:10px;
padding-right:10px;
border-bottom:1px dotted #bbbbbb;
}

div#comm h5{
font-size:12px;
}
p.comm-date{
line-height:140%;
padding-top:5px;
padding-bottom:20px;
text-align:right;
}

div#track h4,div#comm h4{
font-size:14px;
color:#C30000;
padding-bottom:5px;
}
div#track p,div#comm p{
line-height:150%;
}
div#comm2 h4{
font-size:14px;
color:#C30000;
padding-bottom:5px;
padding-left:75px;
}
div#comm2 p{
font-size:10px;
letter-spacing:1px;
padding-left:75px;
padding-left:75px;
line-height:130%;
}

div#comm2 table{
width:80%;
margin:10px auto 10px auto;
}
div#comm2 table th{
padding:7px 10px;
text-align:left;
width:80px;
font-weight:normal;
}
div#comm2 table td{
padding:7px 10px;
text-align:left;
}



/**************************************************************    con    *************/
div.con-in{
width:597px;
padding:20px 0px;
}
div.con-inleft{
width:332px;
float:left;
}
div.con-inright{
width:246px;
float:right;
}




h3.mainttl{
font-size:14px;
color:#0B7DCC;
background:url(img/point02.gif) no-repeat 10px 7px;
padding:3px 10px 2px 30px;
border:1px solid #BBBBBB;
line-height:150%;
}

div.con-box{
background:url(img/grad-back.gif) repeat-x 0 0;
padding:10px;
padding-bottom:20px;
}

div.con-main{
}
div.con-sub{
padding-top:10px;
}
div.con-main img,div.con-sub img{
padding:7px;
}













































/****************************************   pop   *****************/
div#popwrap{
background:url(img/inner/popbackcon.gif) repeat-y 0 0;
width:630px;
margin:auto;
}
div#pop{
width:600px;
margin:auto;
text-align:left;
}

table.formtable{
margin:15px auto;
color:#505050;
border-left:1px solid #9ABCD4;
border-top:1px dotted #9ABCD4;
}

table.formtable th{
border-right:1px solid #9ABCD4;
border-bottom:1px dotted #9ABCD4;
background:#F1F9FF;
padding:11px 10px;
width:170px;
vertical-align:top;
}
table.formtable td{
border-right:1px solid #9ABCD4;
border-bottom:1px dotted #9ABCD4;
padding:11px 10px;
vertical-align:top;
}

table.formtable span{
font-size:10px;
letter-spacing:1px;
padding:0px 5px;
font-weight:normal;
}
table.formtable span.must{
font-weight:bold;
color:#ff0000;
font-size:12px;
}
span.must2{
font-weight:bold;
color:#ff0000;
font-size:12px;
padding:0px 5px;
}

div.pad{
padding-bottom:10px;
}


.button{
margin:10px auto;
}
.button td{
text-align:center;
}


p.musttext{
line-height:100%;
padding-left:35px;
}


div#pop h5{
background:url(img/point02.gif) no-repeat 0px 15px;
padding:10px 20px 3px 20px;
font-size:14px;
color:#0B7DCC;}



/****************************************   usp   *****************/

div#uspmainarea{
line-height:200%;
}

div#uspmainarea h4{
padding:15px 0px 5px 0px;
}
div#uspmainarea p{
padding:5px 15px 10px 15px;
}

 .red-b{
font-size:16px;
color:#C70F0F;
}
 .red{
color:#C70F0F;
}
 .blue-b{
font-size:16px;
color:#2A3788;
}

div#uspmainarea img{
padding:12px;
}












div.ttlback a:link,div.ttlback a:visited { color: #0B7DCC; text-decoration:none; }
div.ttlback a:hover,div.ttlback a:active { color: #0B7DCC; text-decoration:none; }













h4.cateback{
width:197px;
height:27px;
background:url(img/inner/staba.gif);
font-size:15px;
font-weight:bold;
color:#777777;
padding:1px 0px 0px 10px
}







.table01{
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
}
.table01 th{
border-right:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
background:#D9E9F4;
text-align:center;
font-size:12px;
vertical-align:middle;
padding:6px 0px;
line-height:160%;
}
.table01 td{
border-right:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
text-align:right;
font-size:12px;
font-weight:normal;
vertical-align:middle;
padding:6px 8px;
line-height:160%;
}

.table01 td.td_01{
background:#f4f4f4;
text-align:left;
}

.table01 td.td_02{
text-align:left;
}



.redbig{
padding-left:10px;
font-size:14px;
color:#ee0000;
font-weight:bold;
}

.p_b15{
padding-bottom:15px;
}

.td_140{
width:140px;
}


















