@charset "utf-8";
/* CSS Document */

/* base
------------------------------------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td { margin:0; padding:0; }
img{max-width: 100%;height: auto;width: auto\9; /* ie8 */border:0;vertical-align: top;} 
body{font: 62.5%/1.4 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#000; line-height:1.6; letter-spacing:.05em;}

.f01,#h1-box p,#h1-header,#main h2,.footer-link-info,.fcw,.ttl,legend,h3,.fcfb1,.fcfb2,.box-t p,.fee-table th{ font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

/*iPhone fontsize自動調整*/
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}


/* 768 */
a:link,
a:visited,
a:active{color:#1d3994;text-decoration: none;}
a:hover{color:#069;text-decoration: underline;}
ul,ol{ list-style: none; }
p{
	/* [disabled]margin-bottom: 1em; */
}

/*clearfix*/
.clearfix:after{  visibility:hidden;height:0;display: block;font-size: 0;content: " ";clear: both;}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* pc-nonpc_switch  */
.pc{ display:block; }/*pcのみ表示*/
.nonpc{ display: none; }/*pc非表示、tablet,smartphoneで表示*/
.pc-tablet{ display: block; }/* PC,tabletで表示 */
.tablet{ display: none; }/* PC,tabletで表示 */
.nonpc-small{ display: none; }/* smartphoneのみ表示*/
.pc-tablet-inline { display: inline; }/* PC,tabletで表示 */
.nonpc-small-inline { display: none; }/* smartphoneのみ表示*/


@media screen and (max-width: 768px){.nonpc,.pc-tablet{ display:block; } .pc{ display:none; }}

.nonpc-s{ display:none; }
.pc-s{ display:block; }
@media screen and (max-width: 480px){.nonpc{ display:block; } .pc, .pc-tablet{ display:none; }}

/* 全体を含むボックス：100%とする */
#page{ width: 100%; }
@media screen and (max-width: 768px){ #page{background:none; margin:0;} }
@media screen and (max-width: 480px){ #page{background:none; margin:0;} }

/* ---------------------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------------ */
#header-area{ width:100%; margin: 0 auto; min-width: 1080px;}
#h1-box{ width: 1008px; margin: 0 auto; height: 65px; padding: 20px 0 0; overflow: hidden; }
#h1-header{	text-align:right; font-size: 1.05em; color:#666; padding: 5px 0 4px 0; }
#header-box{ width: 100%; height:361px; margin: 0 auto; overflow: hidden; background:url(../images/cmn/head_bg.gif) top left repeat-x;}
#head-logo{ float: left; width:345px;}
#head-slider{width:1080px; margin:0 auto; position:relative;}
#head-img{ margin:0 auto; padding:17px 0 0 0;}
.c-btn{width:300px; margin:0 0 5px 0; }

/* head-contact */
#head-contact{ float: right; margin:0; padding:7px 10px 0 0; width:440px\9; }


/* 768 */
@media screen and (max-width: 768px){
#header-area{ width: 640px; margin: 0 auto; min-width:0;}
#h1-box{ width: 100%; min-height: 90px; padding: 10px 0 0; background:none;}
#h1-header{ padding:0; float:right; display:inline; margin:0 0 3px;}
#header-box{ width: 100%; margin-bottom:0px; height:235px;}
#head-logo{ width: 245px; margin: 0 0 0; float:left; display:inline;}
#head-contact{ float: none; width: 343px; display:inline; margin: 20px 0 0;}
.head-cntct-img a:hover img{ opacity:0.6; filter: alpha(opacity=60);}
#h1-box h1 { display:none;}
.head-cntct-img .h-btn a img{ display:inline;}
#head-txt-nonpc{margin:0 0 10px 0; font-size:12px;}
}


@media screen and (max-width: 480px){
#header-area{ width:100%; }
#h1-box{ width: 300px; min-height:120px;}
#h1-header{ padding: 4px 0 0 0; }
#header-box{ width: 300px; height:auto;}
#head-logo{ width: 130px; margin: 0; position:relative; z-index:1;}
#head-contact{ width: 300px; height: auto; position:relative; z-index:0;}
#head-contact .nonpc{ }
.head-cntct-img .tel-btn a img{width:90%; margin:-20px 0 0 0;}
.head-cntct-img .c-btn {width:100%; margin:0 -10px 0 0; float:left;}
#h1-box h1 { display:none;}
.head-contact-name{ float:right; display:inline; width:155px;}
.c-btn{float:right; width:170px; margin:0 0 30px 0;}
.c-btn img{ display:inline; width:60%;}
#head-txt-nonpc{margin:0 0 5px 0; font-size:10px; width:110px;}
}


#head-slider ol#controls{margin:0 auto; width:133px;}


.gnavi-box{ width: 100%; height: 50px; margin: 0 auto; clear: both; background:url(../images/cmn/gnavi_bg.jpg) left top repeat-x; }
#nav{ width: 1008px; margin: 0 auto; padding: 0; }
#nav li{ float:left; }
#nav li a  { display: block; margin: 0; }
#nav-nonpc{ display:none; }


@media screen and (max-width: 768px) {
.gnavi-box{ height: auto; background:none; text-align: center;}
#nav{ display: none;}
#nav-nonpc li a img{ margin: 0 0 2px;}

#nav { display: none; }
#nav-nonpc { margin: 0 auto; padding: 10px 0 0 0; overflow: hidden; display: inline-block; }
#nav-nonpc li { float:left; width: 74px; display: block; }
}
@media screen and (max-width: 480px) {
#nav-nonpc{ width: 300px; }
#nav-nonpc #nav-nonpc-end { display:none;}
#nav-nonpc li {width: 75px; }
}


@media print{
#header-area{ width:100%; margin:0;}
#head-contact {width: 602px!important; margin:0 -1px 0 0;}
.gnavi-box{ margin-top:-22px;}
}


/* CONTENTS
------------------------------------------------------------------------------------------------ */
#contents-area{ width: 1020px; margin: 0 auto; }
#contents-area-box{width: 1020px;margin: 0 auto; overflow: hidden;}

#main{ width: 680px; float: right; font-size: 1.4em;overflow: hidden;padding: 28px 0 0 0; margin-right: 25px; }
#breadcrumb{ margin: 0 0 6px 0; font-size: 0.9em; }
#page-ttl{ margin: 0 0 1em 0; padding: 0 0 4px 20px; background: url(../images/cmn/ttl_bg.gif) no-repeat left top;  }


@media screen and (max-width: 768px){ 
#breadcrumb{ margin-top: 6px; }
#contents-area{ width: 640px; margin: 0 auto; }
#contents-area-box{ width: 640px;background: none; padding-top:0;} 
#main{ width: 92%; float: none; border: none; margin: 0 auto; padding:0; } }

@media screen and (max-width: 480px){ 
#contents-area{ width: 300px; margin:0 auto; }
#contents-area-box{ width: 100%;padding-top: 5px; margin:0 auto;} 
#main{ width: 100%; padding-top: 0px; margin: 0 auto;}
#breadcrumb{ margin-top: 8px; font-size: .88em; }
 }

#main h1 {	font-size: 1.3em; margin: 0 0 20px; background: url(../images/cmn/h2_bg.jpg) no-repeat left 1px; padding: 8px 0 0 47px; border-bottom:solid 2px #96935A; height:30px;}

.idx-subttl { border-bottom:solid 2px #00A0E9; height:24px; padding:0 0 0 5px;}

#main h3-2 { line-height: 110%; font-size: 1.15em; padding: 6px 0 1px 1em;margin: 25px 0 15px; 
font-weight: bold; background: url(../images/cmn/h3_bg.jpg)  repeat-x left center; height:20px; border-bottom:3px double #F8F0E0; color:#F8F0E0;}

#main h2 { margin:50px 0 15px; border:3px double #FFFFFF; height:auto; padding:8px .2em 4px 1em; font:bold 1.25em; font-size:1.2em; border-radius:5px; color:#222; text-shadow:-1px -1px 0px #FDF1F5; background: url(../images/cmn/h2_icon.png) no-repeat 5px 5px, url(../images/cmn/h2_icon_r.png) no-repeat right 5px, url(../images/cmn/h2_bg.png) repeat, url(../images/cmn/h2_bg.png) repeat; clear:both;
background-color:#FAA5C1\9;}


.h2-2{ border:none!important; background:none!important; padding:0!important; margin:0!important; margin-top:60px;}


#main h3{ border:solid 1px #0E76A3; border-left:#0E76A3 5px solid; background:url(../images/cmn/h3_bg.gif) repeat-x; color:#fff; height: 28px; padding: 5px 0 0 0.5em; border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:1.1em; margin: 50px 0 15px;
text-shadow:1px 1px 0 #0E76A3;}

#main h4{ border-bottom:solid 2px #F04F78;height:24px; padding:5px 0 0 5px; background:#F7F7EE; margin:35px 0 10px 0;}

@media screen and (max-width: 768px){
#main h3 { height:auto; }}
@media screen and (max-width: 480px){
}


.btn-action{ text-align: center; margin: 20px 0 60px 0; background:#F7F7EE url(../images/cmn/) no-repeat top; width:100%; height:120px; }
.btn-action .a-btn { padding:18px 0 0 0px;}
.btn-action-tel { padding:0 0 0 26px; width:227px; float:left; margin:0 52px 0 0;}
.btn-action-cntct{width:348px; float:right; padding:0 26px 0 0;}
.btn-action-cntct img{ text-align:left;}

#gotop{	text-align: right; margin: 0 25px 20px 20px; clear: both; }
#gotop a:hover img{ opacity:0.6; filter: alpha(opacity=60); }


@media screen and (max-width: 768px){
.btn-action-tel { padding:0 0 0 5px; width:220px; float:left; margin:0 10px 0 0;}
.btn-action-cntct{width:348px; float:right; padding:0 5px 0 0; }
}

@media screen and (max-width: 480px){
.btn-action{ display:none;}
}

@media print{
#contents-area-box{background: #fff;overflow: hidden;}
}
/* SIDEBAR
------------------------------------------------------------------------------------------------ */

#sidebar{ float: left; font-size: 1.3em; width: 300px; padding:30px 0 0 0; }
#sidebox{ width: 260px; margin: 0 auto 20px 16px; }

#ul-side-link{ margin: 0 auto;}
#ul-side-link li{ margin-bottom: 0px;}
#ul-side-link li a{ }
#ul-side-link li a:hover img{ opacity:0.6; filter: alpha(opacity=60); }

#ul-side-menu{ padding: 0 0  10px 0; }
#ul-side-menu li{ padding: 10px 3px 6px; font-size:1.1em; border-bottom:dotted #95CAFF 1px; }
#ul-side-menu a{ color: #333; padding-left: 22px; background: url(../images/cmn/side_menu_li.gif) no-repeat 8px 4px; }
#ul-side-menu a:hover{color: #333; text-decoration: underline;background: url(../images/cmn/side_menu_li_over.gif) no-repeat 8px 4px;}

.side-topics{ width:260px; }
.side-topics ul { padding: 20px 0 5px;}
.side-topics li { border-bottom: 1px dotted #999; margin: 0 0 10px; padding:0 10px;}


.s-btn-action{ text-align: center; margin:0 0 40px 0; background:url(../images/cmn/s-btn_action_bg.jpg) no-repeat top; width:100%; height:298px; }
.s-btn-action .a-btn { padding:85px 0 0 0;}
.s-btn-action .btn-action-tel { padding:60px 0 0 50px;}

.side-intv{border:solid 1px #95CAFF; padding:10px; border-top:none;}
.side-intv-txt { letter-spacing: 0; line-height: 1.3;}


@media screen and (max-width: 768px){
#sidebar{ clear: both; width:640px; float: none; }
#sidebox{ width: 570px; margin: 0 auto; border: none; }
.side-left{ float: left; width:260px ; }
.side-right{ float: right; width:260px ; }
.s-btn-action a img { width:80%;}
.s-btn-action .a-btn { margin:0;}
.s-btn-action .btn-action-tel{ width:65%; margin:28px 0 0 30px;}
.s-app{margin:0; padding-top:90px;}
.btn-action-bnr .btn-action-tel img { width:80%; margin-top:-30px;}
}

/* スマートフォン向けに幅最小の設定 */
@media screen and (max-width: 480px){
#sidebar{ width: 300px; }
#sidebox{ width:260px; margin: 0 0 0 20px; border: none; }
.side-left{ float: none; }
.side-right{ float: none; }
.s-btn-action{ margin:0 0 40px -12px;}
.s-btn-action a img { width:80%;}
.s-btn-action .a-btn { margin:0;}
.s-app{margin:0; padding-top:90px;}
.btn-action-bnr .btn-action-tel img { width:80%; margin-top:-30px;}
}


#side-menu { margin: 0 0 45px 8px; padding: 0; list-style: none;}
#side-menu li { margin:0; padding: 0 0 2px 0; width: 200px; background: url(../images/cmn/li_line.jpg) no-repeat bottom center;font-size: 14px;}

#side-menu li a  { display: block; background: url(../images/cmn/s_nbg1.gif) no-repeat; margin: 0; padding: 10px 0px 10px 30px; _padding: 0.8em 0px 0.8em 35px; }	
#side-menu li a:link { background: url(../images/cmn/s_nbg1.gif) no-repeat; color: #333;text-decoration: none;}
#side-menu li a:visited  { background: url(../images/cmn/s_nbg1.gif) no-repeat; color: #572769;text-decoration: none;}
#side-menu li a:active { background: url(../images/cmn/s_nbg1.gif) no-repeat; text-decoration: none;}
#side-menu li a:hover {background: url(../images/cmn/s_nbg1_2.gif) no-repeat; color: #0e4497; text-decoration: underline;}


#mlmg { margin: 0 0 30px; border: 1px solid #95CAFF; padding:15px 10px 10px; border-top:none; background:url(../images/cmn/side_mlmg_bg.jpg) no-repeat left bottom; width:238px;}
#mlmg table{ background-color:#FFFFFF; width:100%; text-align:center;}
#mlmg input{ width:160px;}
#ml-sbm input { width: 30%; }

@media screen and (max-width: 480px){
#ml-sbm input { height:30px;}
}


/* FOOTER
------------------------------------------------------------------------------------------------ */
#footer{ min-width: 1080px; padding: 0; clear: both; background:#EAF7FD; }
#footer-inner{ width: 1020px; padding: 0; margin:0 auto;}

@media screen and (max-width: 480px){#footer-inner{ width: 100%; padding: 0 0 60px 0; }}

/* link */
#footer-link{ width: 990px; overflow: hidden; padding: 40px 0 40px 0; margin:0 auto; }
.footer-link-r{float:right; width:640px; margin-bottom:20px; width:660px\9;}
.footer-link-info{width: 320px;	font-size:1.4em;}

.footer-link-menu{ float: left; width:auto;}

.footer-link-ul{ display: block; font-size: 1.4em;}
.footer-link-ul li{ padding:0 0 0 20px; line-height: 1.4;}
.footer-link-ul a{ color: #333; padding-left: 18px; background: url(../images/cmn/side_menu_li.gif) no-repeat 8px 4px; }
.footer-link-ul a:hover{ color: #333; text-decoration: underline;background: url(../images/cmn/side_menu_li_over.gif) no-repeat 8px 4px; }


@media screen and (max-width: 768px){
#footer{ min-width: 640px;}
#footer-inner{ width: 640px; padding: 0 0 10px 0; margin:0 auto;}
#footer-link{ width: 640px; height: auto; padding: 0;   }

.footer-link-info{ float: none; width: 640px; padding:0 0 0 20px; line-height:1.4;}
.footer-link-info img{ float: left; margin:0 30px 0 0;}

.footer-link-menu{ width: ; padding:20px 0 0 20px; }
.footer-link-ul{ width: ; }
.footer-link-ul li{ padding:0;}

}

@media screen and (max-width: 480px){
#footer{ min-width: 300px;}
#footer-inner{ width: 300px; padding: 0 0 10px 0; margin:0 auto;}
#footer-link{ width: 300px; height: auto; padding: 20px 0 0 0; }
.footer-link-info{ float: none; width: 300px; padding:0px; line-height:1.4;}
.footer-link-info img{ float: none;}
.footer-link-r{width:300px;}
.footer-link-menu{ width: ; padding:0 0 0 20px; }

}
/* link */


/* copy */
#footer-copy{ width:100%; text-align: center; height:auto; background:#00509F; margin: 0; padding: 7px 0 3px; color: #fff; font-size:1.3em; }
#footer-copy a{ color: #fff;}
#footer-copy img{ vertical-align: middle;}
#footer-copy a:hover{ text-decoration: none; }

@media screen and (max-width: 480px){
#footer-copy{ height: auto; letter-spacing: -1px;  }
#footer-catch { float: none; width: 100%; text-align: center; padding: 0; margin-bottom: 4px; }
#footer-corp-link{ float: none; width: 78%; margin: 10px auto; padding: 0; }
#footer-companyname { float: none; width: 100%; text-align: center; padding: 0; }
}


@media print{
#footer, x:-moz-any-link { display:none;}/* Firefox適用 */
}

}