@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";
}

/**************************************************************    all    ************/

.flash_bana{
padding-bottom:20px;
}

div#pan{
padding:3px;
font-size:12px;
letter-spacing:1px;}
div#for{
text-align:right;
border:1px solid #BDBDBD;
margin-top:30px;
}

.p-t10{
padding-top:10px;
}
.p-t20{
padding-top:20px;
}
.p-t40{
padding-top:40px;
}
.p-t60{
padding-top:60px;
}

.p-b10{
padding-bottom:10px;
}
.p-b20{
padding-bottom:20px;
}
.p-b40{
padding-bottom:40px;
}
.p-b60{
padding-bottom:60px;
}


p{ padding:7px 0px; }

.red{
color:#e00000;
}
.blue{
color:#0036A4;
}

sup{
font-size:8px;}

div.fordetail{
text-align:right;
padding:0px 10px 10px 0px;
clear:both;
}

div.fordetails{
text-align:right;
padding:0px 10px 10px 0px;
clear:both;
}


.next{
margin:20px auto;
}
.nexttd{
text-align:center;
}


.must{
color:#ff0000;
font-weight:bold;
padding:0px 3px;
}
.ex{
color:#ff0000;
font-size:10px;
}

/**************************************************************    index    ************/

div.h-left{float:left;}
div.h-right{float:right;}

div#tvcm{
background:url(img/tv-re.gif) repeat-y 0 0;
width:193px;
border-top: #BEBEBE solid 1px;
}
div#tvcm-dummy{
background:#ffffff;
height:10px;
}
div#tvcm-dummy2{
background:#0036A4;
height:3px;
width:193px;
}
div.b-bannerarea{
text-align:center;
padding:10px 0px;
width:193px;
}
div.b-bannerarea2{
text-align:center;
padding:0px 0px;
width:193px;
}
div.b-bannerarea3{
text-align:center;
padding:10px 0px;
width:193px;
}
div.b-bannerarea4{
text-align:center;
padding:0 0 10px 0;
width:193px;
}

div#flashtop{
width:170px;
height:170px;
margin:10px auto;
}


div#top-banner{
margin:10px 0px;
}
div#top-banner h3#top-banner01{
width:312px;
height:96px;
background:url(img/navi/banner01r.gif) no-repeat 0 0;
float:left;
}
div#top-banner h3#top-banner01 a{
display:block;
overflow:hidden;
text-indent:-9999px;
width:312px;
height:96px;
background:url(img/navi/banner01.gif) no-repeat 0 0;
}
div#top-banner h3#top-banner01 a:hover{
background:none;
}

div#top-banner h3#top-banner02{
width:312px;
height:96px;
background:url(img/navi/banner02r.gif) no-repeat 0 0;
float:left;
}
div#top-banner h3#top-banner02 a{
display:block;
overflow:hidden;
text-indent:-9999px;
width:312px;
height:96px;
background:url(img/navi/banner02.gif) no-repeat 0 0;
}
div#top-banner h3#top-banner02 a:hover{
background:none;
}


div#topinfo{
background:url(img/info-re.gif) repeat-y 0 0;
border-bottom:1px solid #4968A7;
}
div#topinfo dl{
width:600px;
margin:auto;
padding:3px 0px;
display:block;
border-bottom:1px dotted #a8a8a8;
}
div#topinfo dt{
width:110px;
padding-left:10px;
float:left;
letter-spacing:1px;
}
div#topinfo dd{
float:left;
width:470px;
}







div#topseminar{
background:url(img/info-re.gif) repeat-y 0 0;
border-bottom:1px solid #4968A7;
margin-top:20px;
}
div#topseminar dl{
width:600px;
margin:auto;
padding:3px 0px;
display:block;
border-bottom:1px dotted #a8a8a8;
}
div#topseminar dt{
width:110px;
padding-left:10px;
float:left;
letter-spacing:1px;
}
div#topseminar dd{
float:left;
width:470px;
}





/**************************************************************    p-concept    ************/
.p-ttl11{
padding:28px 0px 12px 0px;
}

div#p-box11{
background:url(img/inner/backimg11.jpg) no-repeat 0 60px;
padding-top:10px;
height:380px;
border-bottom:1px solid #D5D5D5;
}

div#p-box11 ul{
list-style:square;
padding:10px 0px 0px 30px;
}
div#p-box11 ul li{
padding:3px 0px;
}

div.p-box12{
padding-top:10px;
padding-bottom:30px;
border-bottom:1px solid #D5D5D5;
}

ul.p-list12{
list-style:square;
padding-left:30px;
}
ul.p-list12 li{
padding:3px 0px;
}


/**************************************************************    p-flow    ************/


div.in-left01{
float:left;
width:345px;
padding-top:20px;
}

div.in-right01{
float:right;
width:260px;
padding-top:20px;
}

div.bannerarea21{
text-align:center;
padding:15px 0px;
}

div.forre{
background:url(img/inner/p-banner22r.gif) no-repeat 0 0;
width:335px;
height:35px;
}
div.forre a{
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/inner/p-banner22.gif) no-repeat 0 0;
width:335px;
height:35px;
}
div.forre a:hover{
background:none;
}


ul.p-list21{
list-style:disc;
padding:10px 10px 10px 20px;
}
ul.p-list21 li{
padding:7px 0px;
}


/**************************************************************    p-about    ************/

ul.p-list41{
list-style:none;
padding:10px 0px 0px 20px;
width:200px;
float:left;
}
ul.p-list42{
list-style:none;
padding:10px 0px 0px 20px;
width:350px;
float:left;
}
ul.p-list43{
list-style:none;
padding:10px 0px 0px 20px;
}
ul.p-list44{
list-style:none;
padding:0px 0px 0px 20px;
}

ul.p-list41 li,ul.p-list42 li,ul.p-list43 li,ul.p-list44 li{
list-style:none;
background:url(img/inner/point01.gif) no-repeat 2px 9px;
font-size:14px;
font-weight:bold;
padding:2px 0px 0px 12px;
}

.ttl41{
font-size:14px;
padding:20px 0px 0px 15px;
}

.text41{
padding-left:15px;
padding-right:20px;
}


/**************************************************************    c-concept    ************/

div.c-box11{
text-align:center;
padding:20px 0px;
}

div.c-box12{
height:508px;
background:url(img/inner/c-back11.gif) no-repeat 0 0;
}





/**************************************************************    c-result    ************/
div#c-box31{
width:582px;
background:url(img/inner/int-re.gif) repeat-y 0 0;
margin:20px auto;
}

div.c-box31-in{
padding:15px;
}
div.c-box31-in h4{
font-size:14px;
}




/**************************************************************    c-company    ************/


table.comtable{
width:580px;
margin:30px auto;
border-top:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
}
table.comtable th{
background:#CCD7ED;
border-bottom:1px solid #ffffff;
padding:5px 8px;
width:140px;
vertical-align:top;
text-align:left;
font-weight:normal;
letter-spacing:2px;
}
table.comtable td{
border-bottom:1px solid #D5D5D5;
vertical-align:top;
text-align:left;
padding:7px 12px 5px 12px;
line-height:180%;
}


/**************************************************************    staff    ************/

div#staffbox-top{
padding:25px 0px 20px 0px;
}


div.staffbox01{
width:586px;
margin:10px auto;
clear: both;
background:url(img/inner/sta-re.gif) repeat-y 0 0;
}

div.staffbox01 div.sta-imgarea{
width:200px;
float:left;
}
div.staffbox01 div.sta-textarea{
width:360px;
float:left;
color:#35312F;
padding-top: 10px;
}

div.staffbox01 div.sta-textarea h4{
font-size:14px;
padding:10px 0px 5px 0px;
}

/**************************************************************    privacy    ************/

div.privacy{
padding:5px 15px;
}
div.privacy h3{
background:url(img/inner/point03.gif) no-repeat 5px 10px;
padding:5px 10px 3px 20px;
border-bottom:1px dotted #a8a8a8;
color:#2E4169;
margin-top:20px;
font-size:14px;
}

div.privacy p{
padding:8px 10px;
}

div.privacy01{
background-color:#F2F0E1;
border:1px solid #DCD7B5;
padding:5px;
margin-top:20px;
}



/**************************************************************    tvcm    ************/

div.tv-dl{
background-color:#F2F0E1;
padding:15px;
margin-top:20px;
font-size:10px;
line-height:130%;
letter-spacing:1px;
}
div.tv-dl img{
padding-right:15px;
}

div.tvbox01{
background:url(img/inner/tvbox-back.gif) no-repeat 0 0;
padding:20px 15px 10px 15px;
margin-top:20px;
}
div.tvbox-left{
float:left;
width:235px;
}
div.tvbox-right{
float:right;
width:340px;
}

div.tvbox-right h3{
font-size:14px;
color:#0036A4;
padding:10px 10px 0px 0px;
}
div.tvbox-right h4{
font-size:10px;
color:#0036A4;
letter-spacing:1px;
font-weight:normal;
}


/**************************************************************    voice    ************/

div#blog-left{
float:left;
width:445px;
padding-top:20px;
}
div#blog-right{
float:right;
width:166px;
padding-top:20px;
padding-bottom:30px;
}

div.ent-area h3{
padding:5px 8px;
background:#F0E8D4;
border:1px solid #D0C8B4;
font-size:13px;
font-weight:normal;
font-size:14px;
}


div.ent-main{
padding:15px 0px 5px 10px;
}
div.ent-sub{
padding:10px 0px 5px 10px;
}
div.ent-main img,div.ent-sub img{
padding:0px 5px 10px 5px;
}


div#blog-right ul{
list-style:none;
padding-bottom:20px;
padding-top:5px;
background:#F3F3F3;
}
div#blog-right ul li{
background:url(img/inner/point02.gif) no-repeat 3px 13px;
padding:2px 8px 2px 13px;
line-height:160%;
}


div.ent-area{
margin-bottom:25px;
}


/**************************************************************    info    ************/

div.info-ent{
margin-top:25px;
padding-bottom:10px;
}

div.info-ent h3{
border-left:2px solid #0F3FA4;
border-top:1px solid #F5F5F5;
border-bottom:1px solid #F5F5F5;
background:#F5F5F5;
color:#0F3FA4;
padding:5px 15px;
font-size:14px;
}
div.info-ent h3 span{
font-size:10px;
letter-spacing:1px;
padding-right:12px;
color:#E60E0E;
}
div.info-ent h3 span.kako{
font-weight:normal;
font-size:12px;
color:#333333;
}


div.info-main{
margin-top:1px;
padding:10px 15px;
border:1px solid #E5E5E5;
}


/**************************************************************    blog    ************/

div.stblog-ent{
border:1px solid #989CA4;
margin-bottom:30px;
}

div.stblog-ent h3{
background:url(img/inner/blog-hback.gif) repeat-x 0 0;
border-left:4px solid #4D7AD2;
border-bottom:1px solid #D7D8DA;
padding:5px 15px;
line-height:120%;
color:#0036A4;
font-size:14px;
}
div.stblog-ent h3 span{
font-size:10px;
letter-spacing:1px;
}

div.stblog-ent h3 a:link,div.stblog-ent h3 a:visited { color: #0036A4; text-decoration:none; }
div.stblog-ent h3 a:hover,div.stblog-ent h3 a:active { color: #0036A4; text-decoration:none; }


div.stblog-main{
padding:8px 10px;
}
div.stblog-main img{
padding:7px;
}

div.stblog-sub{
padding:8px 10px;
}


div.bg-blue{
background:#F3F3F3;
padding-bottom:10px;
padding-top:20px;
}
div.bg-blue table.sta-cat{
width:155px;
margin:0px auto 0px auto;
background:#F3F3F3;
}
div.bg-blue table.sta-cat th{
width:75px;
vertical-align:top;
padding-bottom:10px;
}
div.bg-blue table.sta-cat td{
vertical-align:top;
line-height:130%;
padding-bottom:10px;
}
div.bg-blue table.sta-cat td h5{
font-weight:normal;
font-size:12px;
background:url(img/inner/point02.gif) no-repeat 0px 3px;
padding:0px 0px 5px 10px;
}





/******************************************************************   form   ***********/

h3.form-h{
background:url(img/inner/point03.gif) no-repeat 5px 10px;
padding:5px 10px 3px 20px;
color:#2E4169;
margin-top:20px;
font-size:14px;
}


table.form-ta{
width:580px;
margin:30px auto;
border-top:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
}



table.form-ta th{
background:#CCD7ED;
border-bottom:1px solid #ffffff;
padding:5px 8px;
vertical-align:top;
text-align:left;
font-weight:normal;
width:380px;
}
table.form-ta td{
border-bottom:1px solid #D5D5D5;
vertical-align:top;
text-align:left;
padding:7px 12px 5px 12px;
line-height:180%;
}

hr{
border:1px solid #D5D5D5;
}

table.button{
margin:20px auto;
}
table.button td{
text-align:center;

}
#F-NO1,
#F-NO2,
#F-NO3,
textarea#F-MESSAGE	{ width: 95%; }
#FTajimi,
#FKani,
#FTajimi02,
#FKani02,
#FTajimi03,
#FKani03	{ vertical-align: middle; }


/**************************************************************    sitemap    ************/

div#sitemap{
margin:10px auto;
padding:0px 20px;
}

div#sitemap h3{
background:url(img/point04.gif) no-repeat 3px 30px;
font-size:14px;
padding:25px 10px 3px 20px;
border-bottom:1px dotted #a8a8a8;
}

div#sitemap table{
margin:6px auto;
}
div#sitemap table td{
background:url(img/point05.gif) no-repeat 0 9px;
padding:7px 0px 0px 15px;
width:30%;
}


/**************************************************************    p-guide    ************/

div.in-left02{
float:left;
width:270px;
padding-top:30px;
padding-left:15px;
}

div.in-right02{
float:right;
width:320px;
padding-top:30px;
}

div.mapbox01{
background-color:#E4EBF4;
border:1px solid #BFD1E4;
padding:0px 20px;
width:220px;

float:left;
}

div.gaikan{
padding-right:24px;
padding-top:20px;
}




p.sya{
color:#0036A4;
padding:0px 0px 10px 10px;
line-height:100%;
}





div#banner24{
border-top:3px solid #0036A4;
padding:5px 0px;
}
div#banner24 p{
font-size:10px;
line-height:120%;
}






#month{
text-align:right;
}







.tels{
padding:10px 0px;
text-align:center;
}














.w760{
width:760px;
margin-left:auto;
margin-right:auto;
padding:20px 15px;
}


#maga_left{
width:360px;
float:left;
}
#maga_right{
width:360px;
float:right;
}


.maga_list{
}
.maga_list dt{
background:url(img/inner/point10.gif) no-repeat left center;
padding-left:15px;
line-height:150%;
}
.maga_list dd{
padding-left:15px;
padding-bottom:15px;
line-height:150%;
}
.maga_list dd span{
font-size:10px;
}



.ttl_bg{
background:url(img/inner/ttl01_bg.gif) no-repeat left top;
width:760px;
}
.ttl_bg h3{
background:url(img/inner/ttl01_end.gif) no-repeat left bottom;
padding:9px 10px 7px 23px;
font-size:16px;
line-height:150%;
}


.maga_date{
text-align:right;
padding:3px 0px;
}

.maga_body{
line-height:180%;
font-size:14px;
padding:5px 10px;
}







