@charset "utf-8";*{color:#000;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{margin:0;padding:0;border:none;font-style:normal;font-weight:normal;font-size:100%;text-align:left;}

img{vertical-align:bottom;}
img.vm{vertical-align:middle;}
li{list-style-type:disc;}
a{text-decoration:none;}
a:link{color:#333;text-decoration:underline;font-weight:normal;}
a:visited{color:#666;}
a[href^="tel:"]{pointer-events:none;}
html,body{height:100%;}
body{background-color:#fff;height:100%;margin:0;padding:0;border:none;text-align:left;background-image:url(../img01/common/body_04.jpg);background-repeat:no-repeat;background-position:top center;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial, Verdana, sans-serif;}
input,textarea,select{font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;font-size:12px;}

.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f16{font-size:16px !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mr2{margin-right:2px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mb5{margin-bottom:5px !important;}
.mb7{margin-bottom:7px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.center{text-align:center !important;}
.textright{text-align:right !important;}
.bold{font-weight:bold !important;}
.blue02{color:#003399 !important;}
.red01{color:#ff0000 !important;}
hr.print{border:1px #fff solid;}
.hedge{font-size:12px;text-align:left;margin:5px;color:#ff0000;line-height:16px;padding-left:1.5em;text-indent:-1em;}
.hedge_bk{font-size:11px;text-align:left;color:#000;line-height:16px;height:auto;}
.hedge_bk12{font-size:12px;color:#000;line-height:18px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}
.cFix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cFix{display:block;}
.sp{display:none;}
.pc{display:inline;}
body{}
#header{background-image:none;}
.head{width:960px;margin:0 auto;background:#fff;}
#h1{display:block;border-bottom:22px solid #003399;width:960px;margin:0 auto;}
h1{font-size:14px;padding:3px 5px;width:960px;margin:0 auto;text-align:right;color:#fff;}
#h2{width:960px;margin:0 auto;float:right;background-image:url(../img01/common/time.png);background-repeat:no-repeat;background-position:top right;}
h2{font-size:14px;margin:0 auto;padding:3px 0 0 45px;color:#fff;background-color:#003399;}
#h2_sp{display:none;}
#time{float:right;margin:-25px 70px 0 0;}
img.image{display:none;}
div#imagemap{margin:0;padding:0;background:transparent url(../img01/common/logo_tel.gif) top left no-repeat;width:960px;height:85px;position:relative;}
div#image_logo{left:30px;}
div#image_logo a{position:absolute;width:440px;height:85px;}
div#image_tel{left:600px;}
div#image_tel a{position:absolute;width:430px;height:85px;text-decoration:none;left:531px;top:0px;}
.pankuzu{width:960px;height:auto;margin:0 auto;background:#fff;background:url(../img01/common/contents.jpg);background-repeat:repeat-y;}
.pankuzu ul li{list-style-type:none;}
#bread-crumb-list{width:720px;height:20px;margin:0px;padding:3px 0 0 10px;}
#bread-crumb-list li{display:inline;padding:0 0 0 2px;text-align:left;font-size:13px;}
#bread-crumb-list li a{color:#333;}
.fixed_call{position:fixed;top: 0;opacity:0.9;z-index:1000}
.camp_bn{width:960px;height:auto;margin:0 auto;padding:0 0 0 9px;background:#fff;background:url(../img01/common/contents.jpg);background-repeat:repeat-y;}
.camp_pump{margin:-205px 0 0 754px;}
.emgcy_bn{width:960px;height:auto;margin:0 auto;padding:5px 0 0 9px;background:#fff;background:url(../img01/common/contents.jpg);background-repeat:repeat-y;}
#page{width:960px;height:auto;margin:0 auto;padding:0 0 0 9px;background:#fff;background:url(../img01/common/contents.jpg);background-repeat:repeat-y;}
#contents{float:right;width:670px;height:auto;margin:20px 20px 0 0;line-height:1.3em;font-size:14px;}
h5{margin:0;padding:6px 0px 8px 25px;font-size:16px;color:#6896a7;background-image:url(../img01/common/h5_line.png);background-repeat:no-repeat;font-weight:bold;}
h6{font-size:16px;font-weight:bold;line-height:22px;margin:0 0 5px 0;color:#000;}
.conte{padding:0;margin:0 0 20px 0;width:670px;}
.conte .menu1{width:670px;height:40px;margin:0 0 10px 0;background:url(../img01/common/blue_title_bar.jpg);background-repeat:no-repeat;padding:0;}
#side{float:left;width:220px;padding:15px 0 30px 0;}
#side div.navi_blue{background-image:url(../img01/leftmenu/bg_lightblue.png);margin:0 0 10px 0;border:1px #b1c8cf solid;}
#side div.navi_white{margin:5px;padding:5px;background-color:#fff;}
#side h2{font-size:14px;font-weight:bold;padding:2px 10px;background:#003399;background:-webkit-gradient(linear, left top, left bottom, from(#1c8fc8), to(#003399));background:-webkit-linear-gradient(#1c8fc8, #003399);background:linear-gradient(#1c8fc8, #003399);color:#FFF;height:30px;}
#side ul.submenu{width:100%;margin:0 0 10px -3px;}
#side ul.submenu li{list-style-type:none;}
#side ul.submenu li a{border-bottom:1px solid #ccc;text-decoration:none;display:block;padding:3px 5px 0 25px;background:#FFF;-webkit-transition:0.5s;transition:0.5s;background-repeat:no-repeat;height:30px;font-size:14px;font-weight:bold;background-image:url(../img01/leftmenu/ya.png);}
#side .sidebn{margin:5px 0;}
#side .sidebn02{margin:5px 0;}
span.navi01{font-size:11px;}
span.navi02{font-size:12px;}
span.navi03{font-size:13px;}
#side .box{background-color:#fff;padding:5px;font-size:13px;line-height:20px;border:1px solid #ccc;margin:0 0 15px 0;overflow:hidden;}
#footer{width:100%;padding:0;margin:0 auto;background-image:url(../img01/footer/footer_bg_pc.jpg);background-position:bottom center;background-repeat:no-repeat;background-size:cover;}
.footer_logo_pc{text-align:center;}
.footer_box_up{display:none;width:960px;height:39px;margin:0 auto;padding:10px 0 0 0;}
.footer_box_btm{width:960px;height:230px;margin:0 auto;padding:0 0 0 0;background-image:url(../img01/footer/bg_lightblue.png);overflow:hidden;}
.footer_menubox_01{width:220px;height:230px;margin:0;padding:20px 0 0 10px;float:left;}
.footer_menubox_02{width:220px;height:230px;margin:0;padding:20px 0 0 0;float:left;}
.footer_menubox_03{width:220px;height:230px;margin:0;padding:20px 0 0 0;float:left;}
.footer_menubox_04{width:290px;height:230px;margin:0;padding:0;float:left;}
.footer_toppage{width:960px;height:20px;margin:0 auto;background-image:url(../img01/footer/bg_lightblue.png);overflow:hidden;}
.footer_copyright{width:100%;display:block;margin:0 auto;color:#fff;font-size:11px;font-weight:bold;text-align:center;}
.footer_mizu_sp{display:none;}
li.list{color:#fff;font-size:14px;line-height:25px;text-indent:30px;padding:0;background-image:url(../img01/footer/back_main.gif);background-repeat:no-repeat;list-style-type:none;}
li.list a{color:#fff;text-decoration:underline;padding:0px;}
label{cursor:pointer;}
.rest_panacolor{margin:0 0 5px 0}
.textbox{width:670px;border-radius:3px;margin:0 ;padding:10px;border:1px #b1c8cf solid;}
.boxwrap{width:640px;height:auto;margin:0;overflow:hidden;}
.leftbox{float:left;width:320px;padding:5px 0 0 0;margin:0 0 5px 0;}
.rightbox{float:right;width:300px;text-align:right;}
.img01{margin:20px 0 15px 0;text-align:right;}
.img02{margin:0 0 10px 0;text-align:right;}
.protext{font-size:14px;line-height:20px;margin:0 10px 5px 0;}
.amaunt{font-size:13px;background-color:#FFC;}
.at{text-align:left;margin:10px 0 0 0}
.proinfo_boxwrap{width:640px;height:35px;font-weight:bold;border-bottom:1px dotted #999;color:#003399;}
.proinfo_boxwrap02{width:640px;height:40px;font-weight:bold;border-bottom:1px dotted #999;color:#003399;}
.prodtl{padding: 3px 0 5px;display:inline-block;line-height:20px}
.prodtl p{font-size:16px;color:#003399;font-weight:bold;line-height:22px}
.bluebutton_rightbox{float:right;width:320px;margin:20px 0 0 0;}
.catch{margin:20px 0 10px 5px;}
table.rest{margin:20px 5px 0 0;font-size:14px;color:#333;border-collapse:collapse;letter-spacing:2px;}
.rest th{width:230px;height:20px;text-align:left;border-bottom:1px dotted #333;padding:3px 0 3px 3px;}
.rest td{width:90px;height:20px;text-align:right;border-bottom:1px dotted #333;padding:3px 3px 3px 0;}
th.set{height:20px;font-weight:bold;color:#003399;border-bottom:1px solid #999;padding:3px;}
.setL150{border-top:1px solid #999;}
th.subtotal{border-bottom:1px solid #999;}
td.subtotal{border-bottom:1px solid #999;}
th.sum{text-align:right;}
th.total{text-align:right;font-weight:bold;border-bottom:none;}
td.total{font-weight:bold;border-bottom:none;}
th.tax{text-align:right;border-bottom:1px solid #999;padding:0 12px 0 0;}
td.taxprice{border-bottom:1px solid #999;}
td.rest03{height:30px;text-align:right;color:#333;padding:3px;font-weight:bold;border-bottom:none;border-top:1px solid #999;}
.proinfo_leftbox_pana01{float:left;color:#003399;margin:5px 0 0 0;}
.proinfo_leftbox_pana02{float:left;width:auto;color:#003399;margin:0;}
.proinfo_leftbox_pana03{float:left;width:320px;color:#003399;margin:-2px 0 0 0;}
.proinfo_rightbox_pana01{float:right;width:250px;text-align:right;margin:2px 0 0 0}
.proinfo_rightbox_pana02{float:right;width:auto;text-align:right;margin:5px 0 0 0;}

.rest_logo_sp{display:none;}
.topics{width:320px;margin:0;padding:0;}

.containerPanel{width:auto;padding:0;background:#fff;}
.collapsePanelHeader{width:330px;height:70px;padding:0;margin:0;}
.headerContent{width:330px;padding:0px;float:left;}
.content{width:640px;padding:0 0 10px 0;margin:10px 0 15px;background:#fff;border-top:1px dotted #003399;border-bottom:1px dotted #003399;}
.arrow.expand{background-image:url(../restroom/img01/bn_funcdetail.png);width:320px;height:70px;float:left;margin:0 0 0 0;display:block;background-repeat:no-repeat;}
.arrow.expand:hover{background-image:url(../restroom/img01/bn_funcdetail_hover.gif);}
.arrow.close{background-image:url(../restroom/img01/bn_close.gif);width:320px;height:70px;float:left;margin:0 0 0 0;display:inline;background-repeat:no-repeat;}
.arrow.close:hover{background-image:url(../restroom/img01/bn_close_hover.gif);}

.func_title{font-size:15px;font-weight:bold;margin:0 0 5px 0;line-height:24px;}
.invisible { display: none;}

table.l150{font-size:12px;border-collapse:collapse;margin:2px 0;width:640px;line-height:15px;table-layout:fixed;}
.l150 th{padding:3px;text-align:center;vertical-align:middle;color:#333;background-color:#eee;border:1px solid #b9b9b9;font-weight:bold;}
.l150 td{padding:3px;text-align:center;background-color:#fff;border:1px solid #b9b9b9;}
td.select{background-color:#FFC;font-weight:bold}
.setbox{width:320px;height:30px;margin:0 0 -30px 0}
.setbox_left{float:left;font-weight:bold;color:#003399;width:175px;}
.setbox_left2{float:left;font-weight:bold;color:#003399;width:140px;padding:5px 0 0 0}
.setbox_right{float:right;letter-spacing:2px;margin:0 5px 0 0}
.L150link{font-weight:normal;text-decoration:underline;}
.option{border:1px solid #999;border-radius:3px;padding:10px;margin:-10px 0 5px 0;height:180px}
.optionbox{width:630px;height:100px;margin:15px 0 0 0}
.option_leftbox{float:left;width:300px;margin:0 10px 0 10px;}
.option_rightbox{float:left;width:300px;margin:0 10px 0 0 }
.option_li{width:300px;}
.option_li dl{height:25px}
.option_li dl dt{float:left;width:209px;height:25px}
.option_li dl dd{width:90px;margin:0 0 0 209px;text-align:right;padding:3px;}
.option_li dl dt a:link{text-decoration:none;}
.a_title{font-size:18px;color:#003399;text-align:center;font-weight:bold;margin:30px 5px;line-height:24px}
.pro_title{font-size:17px;font-weight:bold;border-bottom:1px solid #003399;margin:0 auto 10px auto;padding:0 0 5px 18px;width:620px;background-image:url(../restroom/img01/sqbl.png);background-repeat:no-repeat;background-position:0 2px;line-height:22px}
.topics_02{font-size:14px;text-align:left;margin:0 10px 15px 10px;padding:5px;line-height:24px;overflow:hidden;}
span.tabletitle{font-weight:bold;padding:0 0 0 15px;}
ul.rest_list{margin:0 0 0 13px;line-height:22px;font-size:14px}
.purestbox{width:620px;overflow:hidden;margin:0 10px;}
.purest_rightbox{float:right;width:305px;height:120px;border:1px #b1c8cf solid;padding:5px;line-height:19px;font-size:13px;margin:0 0 10px 0;}
.purest_leftbox{float:left;width:305px;height:120px;border:1px #b1c8cf solid;padding:5px;line-height:19px;font-size:13px;margin:0 0 10px 0;}
.detailbox{border:1px #b1c8cf solid;padding:5px;line-height:20px;font-size:13px;margin:0 10px 15px 10px;width:620px;overflow:hidden;text-align:left;}
.wboxall{width:100%;height:220px;overflow:hidden;margin:0 0 10px 0}
.wbox{width:298px;float:left;margin:5px 1px;padding:5px;text-align:center;}
.wboxtext{text-align:left}
.topics_box{overflow:hidden;margin:0 0 20px 10px;width:630px;}
.topics_rightbox02{width:200px;float:right;text-align:left;padding:0 0 0 10px;}
.topics_leftbox03{width:340px;float:left;text-align:center}
.topics_type02{padding:0 0 0 105px;margin:0;height:40px;}
.topics_type03{float:right;height:40px;}
.type_c{background-color:#003399;color:#fff;font-weight:bold;padding:5px;width:75px;text-align:center;font-size:18px;margin:0 0 0 10px}
.type_s{background-color:#009900;color:#fff;font-weight:bold;padding:5px;width:75px;text-align:center;font-size:18px;margin:0 0 0 10px}
.mark_rightbox03{width:260px;float:right;text-align:left;padding:0 0 0 10px;}
table.fnc{width:620px;margin:0 10px;}
.fnc th{width:120px;height:auto;font-weight:bold;text-align:center;font-size:13px;color:#666;letter-spacing:1px;background-color:#D1E7E7;border:1px solid #b1c8cf;}
.fnc td{width:auto;height:auto;text-align:left;padding:5px;color:#666;font-size:12px;letter-spacing:2px;border:1px solid #b1c8cf;line-height:20px;}
.rest_hedge_tr{font-size:11px;width:610px;margin:-10px auto 20px;text-align:right}
.triplebox{width:200px;float:left;margin:5px 1px;background-color:#eee;padding:2px;}
.func_title_t{font-size:13px;font-weight:bold;margin:0;text-align:center}

.araunoL150t02_frame{width:643px;height:3200px;margin:0;border:0;padding:0}
.araunoL150t01_frame{width:643px;height:3450px;margin:0;border:0;padding:0}
.araunoL150t00_frame{width:643px;height:3600px;margin:0;border:0;padding:0}

.acd_pagetop{display:block;float:right;}
.acd_pagetop a{display:block;width:24px;height:24px;background-color:#003399;text-align:center;color:#fff;font-size:16px;text-decoration:none;line-height:22px}
.acd_pagetop a:hover{opacity:0.4;}

table.grd{width:620px;margin:0 10px;table-layout:fixed;}
.grd th{width:auto;height:auto;font-weight:bold;text-align:center;font-size:13px;color:#666;letter-spacing:1px;background-color:#D1E7E7;border:1px solid #b1c8cf;padding:0 3px;}
.grd td{width:auto;height:auto;text-align:center;padding:5px;color:#666;font-size:13px;border:1px solid #b1c8cf;line-height:20px;}
td.grd_select{color:#666;background-color:#FFC;font-weight:bold;}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 20px;
  width: 300px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item_D, .tab_item_SN5, .tab_item_SN4, .tab_item_S5, .tab_item_S4, .tab_item_S3 {
  width: calc(100%/2);
  height: 40px;
  border-bottom: 3px solid #99ccff;
  background-color: #eee;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #666;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}

/*ラジオボタンを全て消す*/
input[name="tab_item_D"] {
  display: none;
}

input[name="tab_item_SN5"] {
  display: none;
}

input[name="tab_item_SN4"] {
  display: none;
}

input[name="tab_item_S5"] {
  display: none;
}

input[name="tab_item_S4"] {
  display: none;
}

input[name="tab_item_S3"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all_D:checked ~ #all_content_D,
#programming_D:checked ~ #programming_content_D,
#design_D:checked ~ #design_content_D {
  display: block;
}
#all_SN5:checked ~ #all_content_SN5,
#programming_SN5:checked ~ #programming_content_SN5,
#design_SN5:checked ~ #design_content_SN5 {
  display: block;
}
#all_SN4:checked ~ #all_content_SN4,
#programming_SN4:checked ~ #programming_content_SN4,
#design_SN4:checked ~ #design_content_SN4 {
  display: block;
}
#all_S5:checked ~ #all_content_S5,
#programming_S5:checked ~ #programming_content_S5,
#design_S5:checked ~ #design_content_S5 {
  display: block;
}
#all_S4:checked ~ #all_content_S4,
#programming_S4:checked ~ #programming_content_S4,
#design_S4:checked ~ #design_content_S4 {
  display: block;
}
#all_S3:checked ~ #all_content_S3,
#programming_S3:checked ~ #programming_content_S3,
#design_S3:checked ~ #design_content_S3 {
  display: block;
}

#all_0201:checked ~ #all_content_0201,
#programming_0201:checked ~ #programming_content_0201,
#design_0201:checked ~ #design_content_0201 {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item_D, .tabs input:checked + .tab_item_SN5, .tabs input:checked + .tab_item_SN4, .tabs input:checked + .tab_item_S5, .tabs input:checked + .tab_item_S4, .tabs input:checked + .tab_item_S3{
  background-color: #99ccff;
  color: #fff;
}

.L150on {
  width: 80px;
  height: 30px;
  border-bottom: 3px solid #99ccff;
  background-color: #99ccff;
  line-height: 30px;
  font-size: 13px;
  text-align: center;
  color: #666;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}

.L150off {
  width: 80px;
  height: 30px;
  border-bottom: 3px solid #99ccff;
  background-color: #eee;
  line-height: 30px;
  font-size: 13px;
  text-align: center;
  color: #666;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}

input[name="L150on"] {
  display: none;
}

input[name="L150off"] {
  display: none;
}

#white:checked ~ #white,
#color:checked ~ #color,
#white02:checked ~ #white02,
#color02:checked ~ #color02,
#white03:checked ~ #white03,
#color03:checked ~ #color03,
#white04:checked ~ #white04,
#color04:checked ~ #color04,
#white05:checked ~ #white05,
#color05:checked ~ #color05,
#white06:checked ~ #white06,
#color06:checked ~ #color06,
#white07:checked ~ #white07,
#color07:checked ~ #color07,
#white08:checked ~ #white08,
#color08:checked ~ #color08,
#white09:checked ~ #white09,
#color09:checked ~ #color09,
#white10:checked ~ #white10,
#color10:checked ~ #color10,
#white11:checked ~ #white11,
#color11:checked ~ #color11,
#white12:checked ~ #white12,
#color12:checked ~ #color12,
#white13:checked ~ #white13,
#color13:checked ~ #color13,
#white14:checked ~ #white14,
#color14:checked ~ #color14,
#white15:checked ~ #white15,
#color15:checked ~ #color15,
#white16:checked ~ #white16,
#color16:checked ~ #color16,
#white17:checked ~ #white17,
#color17:checked ~ #color17,
#white18:checked ~ #white18,
#color18:checked ~ #color18
{
  display: block;
}




#page-top {              
    display:block;
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:300;
}

#page-top a {
  display:block;
  width:50px;
  height:50px;
  background-color:#003399;
  text-align:center;
  color:#fff;
  font-size:30px;
  text-decoration:none;
  line-height:50px;
  border-radius: 5px;
  opacity:0.8;
}

#page-top a:hover {
    opacity:0.4;
}

.tab_V{width:670px;height:auto;margin:0 auto;text-align:center;padding:0;}


/*フローティングバナー*/
.floating-banner {
  position: fixed;
  z-index: 299;
  bottom: 20px;
  left: 3%;
}
.floating-banner:hover {
  opacity: .8;
}
.banner {
  width: 362px; /* バナーの横幅 */
  height: 670px; /* バナーの高さ */
  padding: 30px 10px 0px 10px;
  background: #003399; /* バナーの背景色 */
  color: #fff; /* バナー内の文字色 */
  font-weight: bold;
  text-align: center;
}
a {
  text-decoration: none; /* リンクに下線が入らないように */
}
.copy {
  font-size: 12px;
  margin: 0 auto 10px;
  line-height: 1.6;
  background:#fff;
  border-radius: 3px;
  padding:5px;
}


/*フローティングバナー　を閉じるボタン*/
.btn {
    color: #fff;
    padding: .3em .5em;
    border-radius: .3em;
    text-align: center;
    display: table;
    cursor: pinter; 
    margin:20px 3px;
    font-size:18px;
}
.btn:hover {
    cursor: pinter; 
}
.btn:active {
    background: rgb(127, 194, 239);
}
.box {
    height: auto;
}

/* close button */
.action-close {
    position: relative;
    margin-top: 2em;
}
.action-close .btn {
    position: absolute;
    right: 0;
    top: -1em;
}
.action-close .box {
    margin-bottom: 2em;
}
/* checkbox non-display */
.add-control .checkbox {
    display: none;
}

/* close button's control */
.add-control .action-close #close:checked ~ .btn {
    display: none;
}
.add-control .action-close #close:checked ~ .box {
    display: none;
}

.pana_3type{
    border:1px solid #0066ff;padding:3px 5px;background-color:#0066ff;color:#fff;font-weight:bold;font-size:18px}
    
.pana_3type_off{
    border:1px solid #0066ff;padding:3px 5px;margin:0 3px;font-size:18px}
    
.pana_3type_off a{
    text-decoration:none;}

/*---マウスオンでコメントが表示される-*/
.mb_fbox{text-align:left;}

.mb_f{
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding:2px 6px; border:1px solid #0066ff;     color:#fff
}
.mb_f p{
    margin:0;
    padding:0;
    color:#fff;
    font-weight:bold
}

.mb_text {
    display: none;
    position: absolute;
    padding: 8px;
    font-size: 12px;
    line-height: 1.6em;
    border:1px solid #ccc;
    border-radius: 5px;
    background: #eee;
    width: 200px;
    margin:0 ;
}
.mb_text:before {
    content: "";
    position: absolute;
    top: -24px;
    right: 70%;
    border: 15px solid transparent;
    border-top: 15px solid #eee;
    margin-left: -15px;
    transform: rotateZ(180deg);
}

.mb_f:hover .mb_text{
    display: inline-block;
    top: 30px;
    left: -30px;
}
.mb_full{background-color:#0066ff;}

.box{border:1px solid #999;padding:2px;margin:2px 2px 2px 10px}
        
 .fixed_footer {
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
width: 100%; /* フッターの横幅を指定する */
height: auto; /* フッターの高さを指定する */
padding:5px; /* フッター内側の余白を指定する(上下左右) */
border-top:1px solid #a78e06;
text-align:center;
background-color:#fff;

}

.footer-box {
    top: 0rem; /* 上部から配置の基準位置を決める */
    left: 1rem; /* 左から配置の基準位置を決める */
    width: 100%; /* ヘッダーの横幅を指定する */
    padding: 2px 0 10px 10px; /* ヘッダーの余白を指定する(上下左右) */
	margin-left: auto; 
}


.header-tel {
    padding: 2px 0 0 0; /* ヘッダーの余白を指定する(上下左右) */
}