@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; }
body { color:#333; font: 62.5%/1.4 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; margin: 0 auto; background:#FEFDF5; /*background: url(../images/cmn/bg.jpg) repeat-x;*/}
@media screen and (max-width: 768px) { body{ background: none; } }

img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; border:0; vertical-align: top; }

/* linkTextColor */
a:link {color:#1841ce;text-decoration: none;}
a:visited {color: #572769;}
a:active {color: #438f8d;}
a:hover {color: #0e4497;text-decoration: underline;}

.a-img a:hover img{opacity:0.6; filter: alpha(opacity=60); }
ul, ol { list-style: none; }

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

/* pc-nonpc_switch  */
.pc { display:block; }/*pcのみ表示*/
.pc-inline { display:inline; }/*pcのみ表示*/
.tablet { display:none; }/* tabletのみ表示*/
.tablet-inline { display:none; }/* tabletのみ表示*/
.nonpc { display: none; }/*pc非表示、tablet,smartphoneで表示*/
.nonpc-inline { display: none; }/*pc非表示、tablet,smartphoneで表示*/
.pc-tablet { display: block; }/* PC,tabletで表示 */
.pc-tablet-inline { display: inline; }/* PC,tabletで表示 */
.nonpc-small { display: none; }/* smartphoneのみ表示*/
.nonpc-small-inline { display: none; }/* smartphoneのみ表示*/
@media screen and (max-width: 768px) {
.pc { display:none; }/*pcのみ表示*/
.pc-inline { display:none; }/*pcのみ表示*/
.tablet { display:block; }/* tabletのみ表示*/
.tablet-inline { display:inline; }/* tabletのみ表示*/
.nonpc { display:block; }/*pc非表示、tablet,smartphoneで表示*/
.nonpc-inline { display: inline; }/*pc非表示、tablet,smartphoneで表示*/
.pc-tablet { display: block; }/* PC,tabletで表示 */
.pc-tablet-inline { display: inline; }/* PC,tabletで表示 */
.nonpc-small { display: none; }/* smartphoneのみ表示*/
.nonpc-small-inline { display: none; }/* smartphoneのみ表示*/
}
@media screen and (max-width: 480px) {
.pc { display:none; }/*pcのみ表示*/
.tablet { display:none; }/* tabletのみ表示*/
.tablet-inline { display:none; }/* tabletのみ表示*/
.pc-tablet { display: none; }/* PC,tabletで表示 */
.pc-tablet-inline { display: none; }/* PC,tabletで表示 */
.nonpc-small { display: block; }/* smartphoneのみ表示*/
.nonpc-small-inline { display: inline; }/* smartphoneのみ表示*/
}

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

/* -------------------------------------------------- */
/* HEADER_AREA -------------------------------------- */
/* -------------------------------------------------- */
#header-box { width: 100%; margin: 0 auto; background:#FFF;}
#header-top { width: 1080px; margin: 0 auto; height:109px;}
#header-top-l { width: 46%; float:left;padding:12px 0 0 1px;}
#top { font-size:12px; margin: 0;font-weight: normal;line-height: 1.2; padding: 5px 0 0 4px;}
#header-logo { float:right; margin:18px 7px 0 0; width:162px;}
#header-top-center { width:22%; float:left; padding:22px 0 0 160px;}
#header-top-r { width: 14%; float:right; padding:0 1px 0 0;}
#header-top-r img { margin:0 1px 3px 0;}
#head { width:100%; background:url(../images/cmn/head_img_bg.png) repeat-x left bottom; height:auto;}
#head-img { height:auto; width:1080px; margin:0 auto; }
@media screen and (max-width: 768px) {
#header-top { width: 100%;}
#header-top-l { width: 100%; float:left;padding:0;}
#top { padding: 10px 1em;}
#header-top-center { width:auto; padding:15px 0 0 0;}
#header-top-r { width: auto; padding:10px 0 0 0;}
#head {background:none; height:auto;}
#head-img { width:auto;}
}
@media screen and (max-width: 480px) {
#header-top-l .float-l {float:none; padding:0 22px ;}
#header-logo { float:none; margin:18px 0 0 0; width:auto; padding:0 60px;}
#header-logo img { margin:0 10px 0 0;}
#head img { width: auto; }
#header-top-center { width:300px; padding:15px 40px;}
#header-top-r { width: 300px; padding:10px 0;}
}

/* HEADER_AREA - GlobalNavi ---------------- */
#gnavi-box {width: 100%; clear: both; margin: 0 auto; background:url(../images/cmn/gnavi_cl.gif) repeat; }
#gnavi ul { width: 1000px; list-style: none; overflow: hidden;margin:0 auto;  }
#gnavi li { float: left; text-align: center;}
#gnavi li a { display: block; height:50px; }
#gnavi li a img { padding:0 34px; margin:8px 0 0;border-right:1px #FFF solid;}
#gnavi li a:link {background:url(../images/cmn/gnavi_cl.gif) repeat;}#gnavi li a:visited {background: #666;}#gnavi li a:active {background: #666;}#gnavi li a:hover {background:url(../images/cmn/gnavi_cl_over.gif) repeat;}
#gnavi li:first-child a img{border-left:1px #FFF solid;}

@media screen and (max-width: 768px) {
#gnavi {width:100%;height:auto; }
#gnavi ul { width: 100%; border-left:1px solid #FFF;}
#gnavi li { width: 16.66%;border-right:1px #FFF solid;border-bottom:1px #FFF solid; box-sizing:border-box;}
#gnavi li a img{max-width: 90%; padding:0; border:none; }
#gnavi li:first-child a img{border-left:none;}
}
@media screen and (max-width: 720px) {
#gnavi li { width: 33.3%;}
}
@media screen and (max-width: 480px) {
#gnavi li { width: 50%; }
}


/* -------------------------------------------------- */
/* CONTENTS_AREA ------------------------------------ */
/* -------------------------------------------------- */
/* contents = main + side */

#contents-area { clear: both; margin: 0 auto; width: 1000px; background: #FEFDF5; }
#contents-area-box { overflow: hidden; margin: 0 auto; padding: 50px 0 0 0; width: auto;}
#main { float: right; overflow: hidden; width: 690px; font-size: 1.4em; }
#main p { margin-bottom: 1em; line-height: 1.6; }
@media screen and (max-width: 768px) {
#contents-area { width: 100%; }
#contents-area-box { background: none; border: none; padding:0; }
#main { float: none; padding: 20px 0 0 0; margin: 0 auto; }
}
@media screen and (max-width: 720px) {
#contents-area-box { margin: 0 auto; width: 96%; }
#main { margin: 15px auto 30px 0; padding: 0; width: 100%; }
}
@media screen and (max-width: 480px) {
#contents-area { width: 100%; }
#contents-area-box { margin: 0 auto; padding:0; width: 300px; }
#main { margin: 15px auto 30px 0; padding: 0; width: 100%; }
}

/* CONTENTS_AREA - MAIN ---------------- */
#breadcrumb{ list-style: none; margin: 0 0 10px; padding: 0; border: 1px solid #FBB555; min-height: 26px; line-height: 2; border-radius: 4px; background: #FFF;}
#breadcrumb li{	padding: 0 6px 0 4px;	float: left; font-size: .91em; color:#757264; }
#breadcrumb li img{ vertical-align: bottom; }
#breadcrumb li a{ display: block; padding: 0 12px 0 0; background: #FFFAF7 url(../images/cmn/crumbs.gif) no-repeat right; color:#757264; }
#breadcrumb li a:hover, #breadcrumb li a:focus{ color: #777; }
@media screen and (max-width: 480px) {
#breadcrumb{ line-height: 2.3;}
#breadcrumb li{ padding: 0 3px 0 2px; font-size: .8em; letter-spacing: -2px; }
#breadcrumb li a{ padding-right: 8px; }
}

/* #page-ttl{ background: url(../images/ttl/ttl_bg.gif) no-repeat right 3px; border-bottom: 2px dotted #FBA645; padding: 10px 0 8px 5px; margin-bottom: 10px; } */
#page-ttl{ background: url("../images/ttl/ttl_bg.gif") no-repeat right top; border-bottom: 2px dotted #fba645; font-size: 2em; padding: 0 0 0 5px;}

#main h2 {background:url(../images/cmn/h2_bg.png) no-repeat 5px 10px,url(../images/cmn/head_img_bg.png) repeat left top; margin: 30px 0 10px; padding: 10px 10px 2px 40px; border-radius:5px; border-bottom:5px solid #FCF7B6; }
#main h3 { padding:6px 0 4px 8px;margin: 50px 0 10px 0; background: #FFF; border:1px solid #E98225;border-left:5px solid #E98225; border-radius:0 5px 5px 0; }
#main h4 { padding: 0 0 4px 20px;margin: 30px 0 4px 0; background: url(../images/cmn/h4_bg.gif) no-repeat;}


@media screen and (max-width: 480px) {
#page-ttl{ background: none; }
}

.sub-h{background: #666; border-radius: 20px; color: #fff; display: inline-block; font-size: 1.2em; padding:3px 15px 0 10px; margin-bottom:8px!important;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; box-sizing:border-box;}


/* ボタンアクション */
.btn-actionbox{ background:#FFF;}
.btn-action{ margin: 60px 0; border:3px solid #FBB555; padding:8px 8px 10px 23px; overflow:hidden; border-radius:6px; background:url("../images/cmn/action_bg.jpg") no-repeat 98% center;}
.btn-action-l{ width:100%; margin: 0;}
.btn-action-btn{margin:20px 0 0 0;}
@media screen and (max-width: 720px) {
.btn-action{ background:url("../images/cmn/action_bg.jpg") no-repeat 98% 3% / 25% auto;padding:10px;}/*.btn-action-btn{ text-align:center;}*/
}

@media screen and (max-width: 650px) {
.btn-action-btn{ text-align:center;}
.btn-action-s{ width:55%;}
.btn-action-t{ width:55%;}
}
.btn-action a:hover img{ opacity:0.6; filter: alpha(opacity=60); }


/* ページトップ_New */
#page-top { float: none; position: fixed; bottom: 50px; right: 20px;text-align:right; padding: 0 0 10px 0; font-size: 110%; font-family: Helvetica, Arial; }
#page-top a { background: rgba( 168, 168, 168, .6); text-decoration: none; color: #fff; width: 50px; height:50px; text-align: center; display: block; box-sizing:border-box; padding:19px 0;}
#page-top a:hover { text-decoration: none; background:  rgba( 168, 168, 168, .8); }
@media screen and (max-width: 768px) {
#page-top { bottom: 0px; right: 10px; }
}



/* -------------------------------------------------- */
/* SIDE_AREA ---------------------------------------- */
/* -------------------------------------------------- */

#sidebar { float: left; width: 300px; font-size: 1.4em;}
#sidebox { width: 270px;}
@media screen and (max-width: 768px) { #sidebar { float: none; width: 100%; } #sidebox { width: 630px; margin: 20px auto; } }
@media screen and (max-width: 720px) { #sidebox { width: 96%; } }
@media screen and (max-width: 480px) { #sidebar { width: 100%; } #sidebox { width: 300px; } }

@media screen and (max-width: 768px) { 
.side-left{ float: left; margin: 0 20px 0 0; }
.side-right{ float: right; margin: 0 0 0 20px; }
}
@media screen and (max-width: 720px) { 
.side-left, .side-right{ width: 48%; }
.side-left{ margin-right: 5px; }
.side-right{ margin-left: 5px; }
}
@media screen and (max-width: 480px) {
.side-left, .side-right{ margin: 0 auto; float: none; width: 270px; }
}

.side-menu-ul { list-style: none;}
.side-menu-ul li {min-height: 40px; border-bottom:1px dotted #999999; }
.side-menu-ul li a  { display: block; padding: 0 0 0 18px;}	
.side-menu-ul li a:link { background:url(../images/cmn/side_menu_bg.gif) no-repeat 10px 19px;color: #333;text-decoration: none; padding:12px 0 8px 24px;}
.side-menu-ul li a:visited  { background: url(../images/cmn/side_menu_bg.gif) no-repeat 10px 19px;color: #572769;text-decoration: none;}
.side-menu-ul li a:active { background: url(../images/cmn/side_menu_bg.gif) no-repeat 10px 19px;text-decoration: none;}
.side-menu-ul li a:hover { background: url(../images/cmn/side_menu_bg_over.gif) no-repeat 10px 19px;color: #0e4497;text-decoration: underline;	}

#side-cntct-box{ border: 2px solid #fbb555; padding: 15px 5px 10px; width: 270px; border-radius:6px; text-align: center; box-sizing:border-box; background:#FFFFFF; }
@media screen and (max-width: 768px) { 
#side-cntct-box{ display:none;}
}
@media screen and (max-width: 480px) {
#side-cntct-box{ padding: 5px; width: 270px; display:block; margin:0 auto; }
}




/* ---------------------------------------------------- */
/* FOOTER_AREA ---------------------------------------- */
/* ---------------------------------------------------- */

#footer { width: 100%; margin: 0 auto; clear: both; background: #FFF;font-size: 1.4em;  border-top: solid #DDD 1px; }
#footer-area { width: 1000px; margin: 0 auto; padding-top: 15px;}
@media screen and (max-width: 768px) { #footer { float: none; width: 100%; } #footer-area { border: none; width: 90%; } }

#footer-menu {}
@media screen and (max-width: 768px) { #footer-menu { width: 98%; } }
@media screen and (max-width: 480px) { #footer-menu { width: 100%;} }

#footer-link { padding: 30px 0; margin: 0 auto; }
#footer-link ul { text-align: center; line-height: 1; : hidden; }
#footer-link li { display: inline-block; /display: inline; /zoom: 1; margin: 4px 0; padding: 0 4px 0 2px; border-right: 1px solid #999; }

#footer-company{ overflow:hidden; margin:0 0 30px 0;}
#footer-company ul{margin:8px 0; }
#footer-company ul li{ font-size:1.1em; margin-bottom:2px; }
.footer-company-box{width:48%; float:left; overflow:hidden; margin:0 4% 0 0;}
.footer-company-box:last-child{margin:0;}
@media screen and (max-width: 720px) {.footer-company-box{width:100%; float:none; margin:0 0 30px;}
}

#footer-copyright { width: 100%; padding-top: 4px;height: 26px;color: #fff;background: #E98225; text-align: center; clear:both; margin-bottom:20px; }
#footer-copyright a{color: #fff;}
@media screen and (max-width: 480px) { #footer-copyright { height: auto; background: #F1716D; } }



@media print {
body { background: #FFF; }
#contents-area-box { overflow: visible; }
#page-top { display: none; }
}