@charset "utf-8";
/* ==============================================================================
 RBFM | 2015
============================================================================== * /


/* --------------------------------------------------------------------- */
/* Base Reset HTML5 */
/* --------------------------------------------------------------------- */
/* Base */
html,body { width:100%; height:100%; -webkit-text-size-adjust:100%; }
html { height:100%; overflow-y:scroll; }
/* Reset */
* { margin:0; padding:0; font-weight:normal; }
a { text-decoration:none; }
img { border:none; vertical-align:middle; }
ul,ol,li { list-style:none; }
.mt0{ margin-top:0 !important; }
/* HTML5 */
article,aside,details,footer,header,main,menu,nav,section,summary { display:block; }

/* --------------------------------------------------------------------- */
/* Web Font */
/* --------------------------------------------------------------------- */
@font-face {
  font-family:"gjp";
  src: url("../font/GenJyuuGothic-P-Normal.woff") format('woff');
	font-weight:normal;
}
@font-face {
  font-family:"gjp";
  src: url("../font/GenJyuuGothic-P-Bold.woff") format('woff');
	font-weight:bold;
}
@font-face {
  font-family:"flexslider-icon";
  src: url("../font/flexslider-icon.woff") format('woff');
	font-weight:bold;
}


/* --------------------------------------------------------------------- */
/* Base Common Setting */
/* --------------------------------------------------------------------- */
html,body{ min-width:1000px; }
body{ background-color:#FFE9CC; background-image:url("../img/bg_left.png"),url("../img/bg_right.png"); background-repeat:no-repeat,no-repeat; background-position:top left,top right; font-size:14px; line-height:1.6; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; color:#333; }
#container{ width:1000px; margin:0 auto; padding:0 0 50px; overflow:auto; }

/* font style */
.read{ margin:20px 0 0 20px; font-weight:bold; font-size:14px; }
.att{ font-size:12px; line-height:1.4; }
.attR{ color:#F00; font-size:12px; line-height:1.4; font-weight:bold; }
ul.pl1em{ margin:20px 0 0 0; }
ul.pl1em li{ padding-left:1em; text-indent:-1em; }
strong{ font-weight:bold; }

/* --------------------------------------------------------------------- */
/* Base Layout */
/* --------------------------------------------------------------------- */
/* header */
header{ height:220px; overflow:visible; position:relative; text-align:center; }
header h1{ margin:0; z-index:2; }
header p.hName{ width:312px; position:absolute; top:28px; left:20px; text-align:center; z-index:100; font-weight:bold; font-size:1rem; line-height:1em; }
header nav{ height:207px; position:absolute; top:0; left:20px; }
header nav ul#gNav{ width:960px; margin:67px auto 0; overflow:auto; z-index:1; }
header nav ul#gNav li{ float:left; margin:0; }
header nav ul#gNav li:nth-child(3n){ margin-left:340px; }
header nav ul#subNav{ background:#FFF; width:191px; padding:5px 20px; border-radius:5px; position:absolute; top:20px; right:0; overflow:auto; }
header nav ul#subNav li{ float:left; }
header #spMenu,header #spMap{ display:none; }
header #invHome{ width:300px; height:277px; margin:0 0 0 -150px; position:absolute; top:0; left:50%; text-indent:-9999px; }
/* contentsArea */
#contentsArea{ width:670px; margin:20px 0 0 20px; float:left; }
#contentsArea section{ display:block; clear:both; }
#contentsArea section p{ margin:20px 0 0 0; }
#contentsArea section ul.adm{ margin:20px 0 0 0; padding:0 0 0 1em; }
#contentsArea section ul.adm li{ text-indent:-1em; }
.mStyle01{ background:url(../img/midashi_style01_line.png) no-repeat bottom, url(../img/midashi_style01_chara.png) no-repeat; margin:30px 0 0 0; font-weight:bold; line-height:60px; padding:0 0 0 40px; font-family:gjp; font-weight:bold; font-size:24px; position:relative; }
.mStyle01 a{ background:#FFF; padding:0 10px; border-radius:5px; line-height:30px; position:absolute; top:10px; right:0px; font-size:12px; color:#009D40; font-weight:bold; font-weight:normal; }
.mStyle01 a:hover{ opacity:0.7; }
.contentBox{ background:#FFF; border-radius:5px; overflow:visible; margin:30px 0 0 0; padding:20px; position:relative; clear:both; display:block; }
.contentBox h2{ font-size:20px; color:#688C00; font-family:gjp; font-weight:bold; }
.contentBox h3{ margin:20px 0 0 0; font-size:16px; color:#688C00; font-family:gjp; font-weight:bold; }
.contentsFace{ position:absolute; top:-10px; right:20px; }
.contentBox table.tS01H{ width:100%; margin:20px 0 0 0; border-collapse:collapse; font-size:14px; }
.contentBox table.tS01H th{ background:url(../img/th_bg.gif); border-bottom:5px solid #FFF; padding:10px 0 10px 20px; color:#678C00; font-weight:bold; text-align:left; vertical-align:top; }
.contentBox table.tS01H td{ background:#F7F7F0; padding:10px 0 10px 20px; border-bottom:5px solid #FFF; }
.contentBox table.tS01V{ width:100%; margin:20px 0 0 0; border-collapse:collapse; font-size:14px; }
.contentBox table.tS01V th{ background:url(../img/th_bg.gif); padding:5px 0; border-right:2px solid #FFF; color:#678C00; font-weight:bold; text-align:center; }
.contentBox table.tS01V td{ background:#F7F7F0; padding:5px 10px; border-bottom:2px solid #FFF; border-right:2px solid #FFF; text-align:center; line-height:1.4; }
.contentBox table.basicTb{ width:auto; border-collapse:collapse; margin:20px 0 0 0; }
.contentBox table.basicTb th{ text-align:left; vertical-align:top; }
.imgBoxStyle01{ width:100%; margin:20px 0 0 0; overflow:auto; position:relative; }
.imgBoxStyle01 .imgL{ background:#F0F0E1; padding:10px; border-radius:5px; float:left; }
.imgBoxStyle01 .imgR{ background:#F0F0E1; padding:10px; border-radius:5px; float:right; }
.imgBoxStyle02{ width:100%; margin:20px 0 0 0; overflow:auto; position:relative; text-align:center; }
.imgBoxStyle02 .imgL{ border-radius:5px; float:left; }
.imgBoxStyle02 .imgR{ border-radius:5px; float:right; }
.imgBoxStyle02 .imgC{ border-radius:5px; }
.imgBoxStyle03{ float:right; display:inline-block; margin:30px 0 0 0; }
.imgBoxStyle03 img{ border-radius:5px; margin:0 0 10px 0; }

/* contentsRight */
#contentsRight{ width:240px; margin:0 20px 0 0; float:right; overflow:visible; }
#contentsRight #rightTop{ width:240px; height:345px; position:relative; }
#contentsRight #rightTop #rtKagai{ position:absolute; top:159px; left:-42px; }
#contentsRight #rightTop #rtOrange{ position:absolute; bottom:0; right:0; }
#contentsRight #aniv{ margin:20px 0 !important;}
#contentsRight #rtBnr li{ margin:20px 0 0 0; }
#contentsRight li a:hover{ opacity:0.8; }
/* footer */
footer{ background:#FFE9CC url(../img/footer_bg.png) no-repeat center top; min-width:1000px; margin:0; padding:370px 0 0 0; position:relative; overflow:hidden; }
footer #sign{ position:absolute; top:0; left:50%; margin:0 0 0 -310px; }
footer #sign a{ display:none; }
footer #fBus{ position:absolute; top:190px; right:-180px; display:inline-block; }
footer address{ padding:30px 0; text-align:center; font-style:normal; display:block; }
/* spSlideMenu - spFootereMenu */
#spSlideMenu,#spFooterMenu{ display:none; }

/* forTop */
#forTopCommon { right:50px; bottom:60px; position:fixed; }

.bnrOnOff{ display:none; }
.bnrOnOffSp{ display:none; margin-bottom:10px; }
.bnrOnOffSp img{ width:100% !important; }

@media screen and (max-width:480px){
html,body{ min-width:initial; min-width:auto; }
body{ background-image:none; }
#container{ background-color:#FFE9CC; width:100%; padding:0 0 30px; }
header{ height:80px; padding:20px 0; border-bottom:5px solid #FFF; overflow:hidden; }
header h1 img{ width:160px; height:auto; margin:-20px 0 0 0; }
header p.hName{ position:absolute; width:100%; top:18px; left:0; font-size:0.8rem; line-height:1px; display:block; }
header nav{ display:none; }
header #spMenu{ position:absolute; top:40px; left:20px; display:inline; }
header #spMap{ position:absolute; top:40px; right:20px; display:inline; }
header #invHome{ display:none; }
#contentsArea{ width:100%; margin:0; float:none; }
#contentsArea section{ margin:20px 0 0 0; }
.mStyle01{ background:#FFC926 url(../img/midashi_style01_chara.png) no-repeat center right; margin:0; padding:0; line-height:50px; font-family:gjp; font-size:16px; text-align:center; }
.mStyle01 a{ display:none; }
.contentBox{ border-radius:0; overflow:visible; margin:30px 0 0 0; padding:15px; clear:both; display:block; }
.contentBox h2{ font-size:16px; }
.contentsFace{ top:-10px; right:15px; }
.contentBox table.tS01H{ width:100%; margin:10px 0 0 0; font-size:12px; }
.contentBox table.tS01H th{ border-bottom:3px solid #FFF; padding:5px 0 5px 10px; }
.contentBox table.tS01H td{ padding:5px 0 5px 10px; border-bottom:3px solid #FFF; }
.imgBoxStyle01{ width:100%; margin:20px 0 0 0; overflow:auto; text-align:center; }
.imgBoxStyle01 .imgL{ float:none; display:inline-block; }
.imgBoxStyle01 .imgR{ margin:10px 0 0 0; float:none; display:inline-block; }
.imgBoxStyle02{ text-align:center; }
.imgBoxStyle02 .imgL{ border-radius:5px; float:none; }
.imgBoxStyle02 .imgR{ border-radius:5px; float:none; }
.imgBoxStyle02 .imgC{ border-radius:5px; margin:10px 0; }
.imgBoxStyle03{ float:none; display:block; margin:10px 0 0 0; text-align:center; }
.imgBoxStyle03 img{ width:70%; margin:0 0 5px 0; }

#contentsRight{ float:none; display:none; }
footer{ background:#FFE9CC url(../img/footer_bg_sp.png) no-repeat; width:100%; padding:30px 0 0 0; min-width:initial; min-width:auto; text-align:center; }
footer #sign{ width:84%; margin:0 auto; top:0; left:auto; position:relative; }
footer #sign img{ width:100%; }
footer #sign a{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; text-indent:-9999px; }
footer #fBus{ position:absolute; top:100px; width:100px; height:auto; }
footer #fBus img{ width:100%; height:auto; }
footer address{ background:#9BD239; padding:0 0 20px 0; margin:0; font-size:12px; line-height:1; }
/* spSlideMenu */
#spSlideMenu{ background:#FF9001; width:100%; height:100%; position:fixed; top:0; left:0; font-family:gjp; display:inline; z-index:-1; }
#spSlideMenu div{ margin:20px 0; }
#spSlideMenu p{ margin:10px 0 0 0; padding:0 0 0 20px; color:rgba(255,255,255,1); font-size:16px; font-weight:bold; border-bottom:1px solid #FFF; }
#spSlideMenu a{ color:rgba(255,255,255,.7); padding:3px 0 3px 20px; display:block; line-height:1.2; font-weight:bold; }
#spSlideMenu a:hover{ background:#FEE9CB; }
#spSlideMenu ul{ margin:5px 0 0 0; }
#spSlideMenu ul a{ padding:3px 0 3px 30px; }
/* spFooterMenu */
#spFooterMenu{ background-color:#E3F1E7; background:url(../img/sp_fmenu_top.png) top center repeat-x,url(../img/sp_fmenu_bottom.png) bottom center repeat-x; width:100%; margin:0; padding:6px 0; display:block; }
#spFooterMenu ul{ background:#FFF; width:100%; margin:0; padding:0; font-size:12px; display:block; }
#spFooterMenu ul li{ padding:10px 20px; border-bottom:1px dotted #999; }
#spFooterMenu ul li:last-child{ border:none; }
#spFooterMenu ul li img{ margin:0 10px 0 0; }
#spFooterMenu ul li a{ background:#FFF url(../img/sp_fmenu_arrow.png) no-repeat right center; display:block; color:#666; font-weight:bold; }
/* forTop */
#forTopCommon { right:5px; bottom:40px; position:fixed; }
}


@media screen and (max-width:320px){
footer #fBus{ top:80px; }
}