@charset "utf-8";

/* =====▼▽　全体　▽▼===== */

body{
  background:url(/images/bg.gif) !important;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align:center !important;
  color:#333;
  margin:0;
  padding:0;
  min-width:1220px;
  word-break: break-all;
  overflow-wrap:break-word;
}

body.custom-background{
  background-color: #fbfaf0; !important;
  width:100%;
  margin:0;
  padding:0;
}

img{border:0; padding:0;}
form{margin:0; padding:0;}
a {text-decoration:none; color:#006dcc;}
a.w-underline {text-decoration:underline; color:#006dcc;}
a:hover {text-decoration:underline;}
a img:hover{
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
  background: #fff;
}

h1,h2,h3{margin:0; padding:0;}
h4{color:#006dcc; margin:5px 10px;}
h5{margin:10px;}

h1.page-title{font-size:1.25em; padding:5px 10px; border:1px #CCC solid;}
h1.page-title span{font-size:1.25em;}

.lineT1d{border-top:1px #ccc dotted;}
.lineU1d_gray{border-bottom:1px #ccc dotted;}
.lineU1d{border-bottom:1px #006dcc dotted; padding-bottom:3px;}
.lineU1s{border-bottom:1px #CCC solid;}
.lineU2s_red{border-bottom:2px #006dcc solid;}
.lineU6{border-bottom:6px #006dcc solid;}
.lineR1s{border-right:1px #ddd solid;}
.lineL10{border-left:10px #006dcc solid;}

.border1-w-s{border:1px #006dcc solid;}

.dot1{
  border:none;
  border-top:1px #006dcc dotted;
  height:1px;
  margin:20px 0;
}

span.font-small{font-size:0.9em;}

.icon01,
.icon02,
.icon03,
.icon04,
.icon05,
.icon06,
.icon08,
.icon10,
.icon11,
.icon12,
.stepicon01,
.stepicon02,
.stepicon03,
.stepicon04,
.stepicon05,
.stepicon06,
.stepicon07,
.faqicon{
  font-size:16pt;
  line-height:1.5em;
  font-weight:normal;
  padding:13px 0 13px 60px;
}
.icon07{
  font-size:16pt;
  line-height:1.5em;
  font-weight:normal;
  padding:16px 0 13px 70px;
}
.icon01{background:url(/images/icon01.gif) no-repeat left center;}
.icon02{background:url(/images/icon02.gif) no-repeat left center;}
.icon03{background:url(/images/icon03.gif) no-repeat left center;}
.icon04{background:url(/images/icon04.gif) no-repeat left center;}
.icon05{background:url(/images/icon05.gif) no-repeat left center;}
.icon06{background:url(/images/icon06.gif) no-repeat left center;}
.icon07{background:url(/images/fukaya_award_icon.png) no-repeat left center;}
.icon08{background:url(/img/etc/icon08.png) no-repeat left center;}
.icon10{background:url(/img/etc/icon10.png) no-repeat left center;}
.icon11{background:url(/img/etc/icon11.png) no-repeat left center;}
.icon12{background:url(/img/etc/icon12.png) no-repeat left center;}
.stepicon01{background:url(/images/icon_step01.gif) no-repeat left center;}
.stepicon02{background:url(/images/icon_step02.gif) no-repeat left center;}
.stepicon03{background:url(/images/icon_step03.gif) no-repeat left center;}
.stepicon04{background:url(/images/icon_step04.gif) no-repeat left center;}
.stepicon05{background:url(/images/icon_step05.gif) no-repeat left center;}
.stepicon06{background:url(/images/icon_step06.gif) no-repeat left center;}
.stepicon07{background:url(/images/icon_step07.gif) no-repeat left center;}

.faqicon{background:url(/images/icon_faq.gif) no-repeat left center;}

.detail{
  float:right;
  background:url(/images/icon_Arrow.gif) no-repeat left center;
  text-align:right;
  padding-left:21px;
  padding-right:10px;
  font-size:0.85em;
}

.detail_ga{
  float:right;
  background:url(/images/icon_Arrow2.png) no-repeat left center;
  text-align:right;
  padding-left:21px;
  padding-right:10px;
  font-size:0.85em;
}

.detail2 a{
  background:url(/images/icon_Arrow.gif) no-repeat left center;
  text-align:left;
  padding-left:21px;
  padding-right:30px;
}


.link01 a,
.inlink01 a,
.exlink01 a{
  float:right;
  text-align:right;
  padding-left:21px;
  padding-right:10px;
  font-size:0.85em;
}

.link01 a{background:url(/images/icon_link01.gif) no-repeat left center;}
.inlink01 a{background:url(/images/icon_inlink01.gif) no-repeat left center;}
.exlink01 a{background:url(/images/icon_exlink01.gif) no-repeat left center;}


.link01_nostyle a,
.inlink01_nostyle a,
.exlink01_nostyle a{
  padding-left:21px;
  padding-right:10px;
}

.link01_nostyle a{background:url(/images/icon_link01.gif) no-repeat left center;}
.inlink01_nostyle a{background:url(/images/icon_inlink01.gif) no-repeat left center;}
.exlink01_nostyle a{background:url(/images/icon_exlink01.gif) no-repeat left center;}



.listIcon li{
  background:url(/images/icon_list.gif) no-repeat left center;
  text-align:left;
  padding-left:21px;
}

/* =====▼▽　margin　▽▼===== */

.m10{margin:10px;}
.m15{margin:15px;}

.mT-03{margin-top:-3px !important;}
.mT-05{margin-top:-5px !important;}
.mT-10{margin-top:-10px !important;}
.mT-14{margin-top:-14px !important;}
.mT-15{margin-top:-15px !important;}
.mT-20{margin-top:-20px !important;}
.mT-30{margin-top:-30px !important;}
.mT-40{margin-top:-40px !important;}
.mT-50{margin-top:-50px !important;}
.mT00{margin-top:0px !important;}
.mT02{margin-top:2px !important;}
.mT05{margin-top:5px !important;}
.mT08{margin-top:8px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT30{margin-top:30px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mT60{margin-top:60px !important;}
.mT70{margin-top:70px !important;}
.mT24{margin-top:24px !important;}
.mT27{margin-top:27px !important;}
.mT264{margin-top:264px;}
.mT208{margin-top:165px;}
.mT100{margin-top:200px;}


.mR-05{margin-right:-05px !important;}
.mR-10{margin-right:-10px !important;}
.mR-15{margin-right:-15px !important;}
.mR-20{margin-right:-20px !important;}
.mR-30{margin-right:-30px !important;}
.mR-40{margin-right:-40px !important;}
.mR01{margin-right:1px !important;}
.mR04{margin-right:4px !important;}
.mR05{margin-right:5px !important;}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px !important;}
.mR19{margin-right:19px !important;}
.mR20{margin-right:20px !important;}
.mR25{margin-right:25px !important;}
.mR30{margin-right:30px !important;}
.mR40{margin-right:40px !important;}

.mL-05{margin-left:-05px !important;}
.mL-10{margin-left:-10px !important;}
.mL-15{margin-left:-15px !important;}
.mL-20{margin-left:-20px !important;}
.mL-30{margin-left:-30px !important;}
.mL-40{margin-left:-40px !important;}
.mL-50{margin-left:-50px !important;}
.mL05{margin-left:5px !important;}
.mL10{margin-left:10px !important;}
.mL15{margin-left:15px !important;}
.mL20{margin-left:20px !important;}
.mL30{margin-left:30px !important;}
.mL40{margin-left:40px !important;}
.mL50{margin-left:50px !important;}

.mB-05{margin-bottom:-05px !important;}
.mB-10{margin-bottom:-10px !important;}
.mB-15{margin-bottom:-15px !important;}
.mB-20{margin-bottom:-20px !important;}
.mB-30{margin-bottom:-30px !important;}
.mB-40{margin-bottom:-40px !important;}
.mB02{margin-bottom:2px !important;}
.mB05{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB14{margin-bottom:14px !important;}
.mB20{margin-bottom:20px !important;}
.mB30{margin-bottom:30px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}



/* =====▼▽　padding　▽▼===== */
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pH03W08{padding:3px 8px;}
.pH10W15{padding:10px 15px;}
.pH03W08{padding:3px 8px;}
.pH5W10{padding:5px 10px}
.pW10{padding-left:10px; padding-right:10px;}
.pW10{padding-left:10px; padding-right:10px;}
.pT05{padding-top:05px !important;}
.pT10{padding-top:10px !important;}
.pT20{padding-top:20px !important;}
.pT40{padding-top:40px !important;}
.pB10{padding-bottom:10px !important;}
.pB20{padding-bottom:20px !important;}
.pB30{padding-bottom:30px !important;}
.pL0{padding-left:0px !important;}
.pL05{padding-left:05px !important;}
.pL10{padding-left:10px !important;}
.pL20{padding-left:20px !important;}
.pL30{padding-left:30px !important;}
.pR0{padding-right:0px !important;}
.pR05{padding-right:05px !important;}
.pR10{padding-right:10px !important;}
.pR20{padding-right:20px !important;}
.pR30{padding-right:30px !important;}

.floatL{float:left;}
.floatR{float:right;}
.center{text-align:center;}
.text_left{text-align:left !important;}
.text_right{text-align:right !important;}
.text_bottom{position: absolute; bottom: 0;}

.text-wht{color:#fff;}
.text-choice-red{color:#006dcc;}
.text-choice-green{color:#006b3e;}
.text-red{color:#C00;}
.text-gray{color:#999;}
.text-mini{font-size:85%;margin-bottom:5px;}
.text-333{color:#333 !important;}


/* =====▼▽　fontsize　▽▼===== */
.fs_09{font-size:09px;}
.fs_10{font-size:10px;}
.fs_11{font-size:11px;}
.fs_12{font-size:12px;}
.fs_13{font-size:13px;}
.fs_14{font-size:14px;}
.fs_16{font-size:16px;}
.fs_18{font-size:18px;}
.fs_20{font-size:20px;}
.fs_21{font-size:21px !important;}
.fs_32{font-size:32px;}
.fs_40{font-size:40px;}
.fs_default{font-size:inherit !important;}

ol.number li{list-style: decimal !important; margin-left:30px !important;}

.w340{width:340px;}

#main{
  width:1220px;
  text-align:left;
  margin:0 auto !important;
}

#contents{
  margin-top:20px;
}

#contents,
#contents_wide,
#contents_2column {
  background: transparent;
  float:left;
}
#contents{width:680px;}
#contents_wide{width:100%;}
#contents_2column{width:880px;}

#contents h1,
#contents_wide h1,
#contents_2column h1{font-size:24pt; font-weight:normal; color:#006dcc; margin:0; padding:10px 5px 7px 5px; line-height:1em;}

#contents h2,
#contents_wide h2,
#contents_2column h2{font-size:24pt; font-weight:normal; color:#006dcc; margin:0; padding:10px 5px 7px 5px; line-height:1em;}

#contents h1 img,
#contents_2column h1 img{vertical-align:middle; margin-right:10px; margin-top:-5px;}

#contents h2 img,
#contents_2column h2 img{vertical-align:middle; margin-right:10px; margin-top:-5px;}

/*#contents h1 span,
#contents_2column h1 span{font-size:0.6em; font-weight:bold; padding:0 3px;}*/

#contents h2 span,
#contents_2column h2 span{font-size:0.6em; font-weight:bold; padding:0 3px;}

/*#contents h1.long,
#contents_2column h1.long{font-size:22pt !important;}*/

#contents h2.long,
#contents_2column h2.long{font-size:22pt !important;}

#contents p,
#contents_wide p,
#contents_2column p{margin:10px 0;}

/*#contents h1 span.sub,
#contents_2column h1 span.sub{font-weight:normal; font-size:0.75em;}*/

#contents h2 span.sub,
#contents_2column h2 span.sub{font-weight:normal; font-size:0.75em;}

#contents h3.inquiry,
#contents_2column h3 inquiry{font-size:20pt; font-weight:normal; color:#006dcc; margin:40px 0 0 0; padding:0 5px; line-height:1em;}

#side{
  float:right;
  width:300px;
  margin-top:20px;
}

#sideL{
  float:left;
  width:200px;
  margin-right:20px;
  margin-top:20px;
}

#detail_contents,
#contents_no-sideR{float:right; width:1000px; margin-top:20px;}




/* =====▼▽　ボックス　▽▼===== */

.border_radius_5{
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow:hidden;
}

.border_radius_10{
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding:10px;
  overflow:hidden;
}

.border_gray_1 {border:1px #ccc solid;}
.border_gray_2 {border:2px #ccc solid;}
.border_gray_3 {border:3px #ccc solid;}

.box_shadow_1 {
  box-shadow:0 0 1px rgba(0,0,0,0.4);
}

.width_198 {width:198px;}
.width_200 {width:200px;}
.width_300 {width:300px;}
.width_400 {width:400px;}
.width_450 {width:450px;}

.bg_gray01 {background-color:#626262; color:#fff;}




/* =====▼▽　ボタン　▽▼===== */

.btn_gray01 {
  width:90px;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255,255,255,1);
  margin: 5px 13px 0 0;
  padding: 0;
}
.btn_gray01 a{
  display: inline-block;
  color:#000 !important;
  width:90px;
  padding:4px 12px;
  background: #c9c699;
  background: -moz-linear-gradient(top, #ffffff 0%, #c9c699);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9c699));
  -moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;
  -webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;
  border: 2px solid #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.btn_gray01 a:hover,
.btn_gray01-1 a:hover{
  background: #edeab9;
  background: -moz-linear-gradient(top, #c9c699 0%, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#c9c699), to(#ffffff));
}
.btn_gray01 a img{vertical-align:middle; margin-right:2px; margin-top:-2px; margin-bottom:-1px; background-color:transparent;}
.btn_gray01 a:hober img{background-color:transparent;}

.btn_gray01-1 {
  line-height: 1em;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255,255,255,1);
  margin: auto;
  padding: 0;
}
.btn_gray01-1 a{
  display: block;
  color:#000 !important;
  padding:6px 12px;
  background: #c9c699;
  background: -moz-linear-gradient(top, #ffffff 0%, #c9c699);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9c699));
  -moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;
  -webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;
  border: 2px solid #edeab9;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.btn_gray02 {
  display: inline-block;
  line-height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  margin: 10px auto 25px;
  padding: 0;
}
.btn_gray02 a{
  color:#000 !important;
  padding:12px 20px;
  background: #cccccc;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  -moz-box-shadow: inset -1px -1px 1px rgba(204,204,204,1),inset 1px 1px 1px #dddddd;
  -webkit-box-shadow: inset -1px -1px 1px rgba(204,204,204,1),inset 1px 1px 1px #dddddd;
  border: 1px solid #dddddd;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.btn_gray02 a:hover{
  text-decoration:none;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee);
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee));
}

.btn_gray03 {
  font-size:0.9em;
  line-height: 1em;
  text-align: center;
  margin: auto;
  padding: 0;
}
.btn_gray03 a{
  color:#000 !important;
  padding:2px 5px;
  background: #dddddd;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #dddddd);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dddddd));
  border: 1px solid #cccccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.btn_gray03 a:hover{
  text-decoration:none;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #dddddd 0%, #f7f7f7);
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#f7f7f7));
}

.btn_gray04 {
  font-size:0.8em;
  line-height: 1em;
  text-align: center;
  margin: auto;
  padding: 0;
}
.btn_gray04 a{
  display: inline-block;
  color:#999;
  padding:6px 10px;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #eeeeee);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eeeeee));
  border: 2px solid #ddd;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.btn_gray04 a:hover{
  color:#666;
  text-decoration:none;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #eeeeee 0%, #f7f7f7);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f7f7f7));
}

.btn_gray05 {
  line-height: 1em;
  text-align: center;
  margin: auto;
  padding: 0;
}
.btn_gray05 a{
  display: inline-block;
  color:#333;
  padding:6px 10px;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #eeeeee);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eeeeee));
  border: 2px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.btn_gray05 a:hover{
  color:#444;
  text-decoration:none;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #eeeeee 0%, #f7f7f7);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f7f7f7));
}
.btn_gray05 span {color: #f60;}

.btn_gray05_on {
  line-height: 1em;
  text-align: center;
  margin: auto;
  padding: 0;
}
.btn_gray05_on a{
  display: inline-block;
  color:#999;
  padding:6px 15px;
  background: #eeeeee;
  border: 2px solid #ddd;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  pointer-events:none;
}

.btn_gray06 {
  line-height: 1em;
  text-align: center;
  margin: auto;
  padding: 0;
}
.btn_gray06 a{
  display: inline-block;
  color:#333;
  padding:4px 6px;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #eeeeee);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eeeeee));
  border: 1px solid #ccc;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.btn_gray06 a:hover{
  color:#444;
  text-decoration:none;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #eeeeee 0%, #f7f7f7);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f7f7f7));
}
.btn_gray06 span {color: #f60;}

.btn_gray06_on {
  line-height: 1em;
  text-align: center;
  margin: auto;
  padding: 0;
}
.btn_gray06_on a{
  display: inline-block;
  color:#fff;
  padding:4px 6px;
  background: #999;
  border: 1px solid #ddd;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  /* pointer-events:none; */
}

.btn_gray07 {
  font-size:0.9em;
  line-height: 1em;
  text-align: center;
  margin: auto;
  padding: 0;
}
.btn_gray07 a{
  color:#000 !important;
  padding:12px 20px;
  background: #dddddd;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #dddddd);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dddddd));
  border: 1px solid #cccccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-weight:bold;
}
.btn_gray07 a:hover{
  text-decoration:none;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #dddddd 0%, #f7f7f7);
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#f7f7f7));
}

a.btn_gray08{
  display: block;
  font-size:0.9em;
  line-height: 1em;
  text-align: center;
  color:#000 !important;
  padding:5px 0;
  background: #dddddd;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #dddddd);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dddddd));
  border: 1px solid #cccccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.btn_gray08:hover{
  text-decoration:none;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #dddddd 0%, #f7f7f7);
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#f7f7f7));
}


.btn_red02 {
  display: inline-block;
  line-height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  margin: 10px auto 25px;
  padding: 0;
}
.btn_red02 a{
  color:#fff !important;
  padding:12px 20px;
  background: #830000;
  background: -moz-linear-gradient(top, #980000 0%, #830000);
  background: -webkit-gradient(linear, left top, left bottom, from(#980000), to(#830000));
  -moz-box-shadow: inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;
  -webkit-box-shadow: inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;
  border: 1px solid #bd0101;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.btn_red02 a:hover{
  text-decoration:none;
  background: #edeab9;
  background: -moz-linear-gradient(top, #830000 0%, #980000);
  background: -webkit-gradient(linear, left top, left bottom, from(#830000), to(#980000));
}

a.btn_red03 {
  display: block;
  font-size:0.9em;
  line-height: 1;
  color:#fff !important;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  padding:5px 0;
  background: #830000;
  background: -moz-linear-gradient(top, #b80000 0%, #830000);
  background: -webkit-gradient(linear, left top, left bottom, from(#b80000), to(#830000));
  -moz-box-shadow: inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;
  -webkit-box-shadow: inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.btn_red03:hover{
  text-decoration:none;
  background: #edeab9;
  background: -moz-linear-gradient(top, #830000 0%, #b80000);
  background: -webkit-gradient(linear, left top, left bottom, from(#830000), to(#b80000));
}
a.btn_red03 i {
  color:#f90;
}

a.btn_red04 {
  display: block;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
  font-size:0.9em;
  line-height: 1;
  color:#fff !important;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  padding:8px 0;
  background: #830000;
  background: -moz-linear-gradient(top, #b80000 0%, #830000);
  background: -webkit-gradient(linear, left top, left bottom, from(#b80000), to(#830000));
  -moz-box-shadow: inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;
  -webkit-box-shadow: inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
a.btn_red04:hover{
  text-decoration:none;
  background: #edeab9;
  background: -moz-linear-gradient(top, #830000 0%, #b80000);
  background: -webkit-gradient(linear, left top, left bottom, from(#830000), to(#b80000));
}
a.btn_red04 i {
  color:#f90;
}

.btn_red05 {
  font-size:0.9em;
  line-height: 1em;
  text-align: center;
  margin: auto;
  padding: 0;
}

.btn_red05 a{
  color:#ffffff !important;
  padding:2px 5px;
  background: #8c0000;
  background: -moz-linear-gradient(top, #d8aaaa 0%, #8c0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#d8aaaa), to(#8c0000));
  border: 1px solid #8c0000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.btn_red05 a:hover{
  text-decoration:none;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #8c0000 0%, #d8aaaa);
  background: -webkit-gradient(linear, left top, left bottom, from(#8c0000), to(#d8aaaa));
}

.btn_w100{
  display: inline-block;
  width:100px;
  text-align:center;
  margin:auto;
}
.btn_w200{
  display: inline-block;
  width:200px;
  text-align:center;
  margin:auto;
}
.btn_w300{
  display: inline-block;
  width:300px;
  text-align:center;
  margin:auto;
}
.btn_feature {
  display: inline-block;
  text-align: center;
  margin: 10px auto 25px;
  padding: 0;
}
.btn_feature a{
  display: block;
  position:relative;
  font-size:20px;
  line-height: 40px;
  letter-spacing:2px;
  color:#fff !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  padding:4px 80px 4px 100px;
  background: rgba(155,3,2,1);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.btn_feature a:hover{
  text-decoration:none;
  text-shadow: none;
  background: rgba(155,3,2,0.8);
}
.btn_feature a span {
  position:absolute;
  font-size:36px;
  padding-left:8px;
  top:6px;
  left:20px;
}
.btn_donation {
  display: inline-block;
  text-align: center;
  margin: 10px auto 25px;
  padding: 0;
}
.btn_donation a{
  display: block;
  position:relative;
  font-size:20px;
  line-height: 40px;
  letter-spacing:2px;
  color:#fff !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  padding:4px 80px 4px 100px;
  background: rgba(155,3,2,1);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.btn_donation a:hover{
  text-decoration:none;
  text-shadow: none;
  background: rgba(155,3,2,0.8);
}
.btn_donation a span {
  position:absolute;
  font-size:36px;
  padding-left:8px;
  top:6px;
  left:20px;
}



.contents_search{
  clear:both;
  float:left;
  background: url(/images/search_bg.gif) center bottom;
  width:680px;
  margin:0;
  padding:0 0 5px 0;
}
.contents_search p{
  color:#666;
  font-size:0.8em;
  margin:8px 20px !important;
}
.contents_search img{margin:0 0 10px 0;}
input.contents_search_input{
  width:530px;
  height:24px;
  vertical-align:top;
  font-size:0.8em;
  margin:0 0 0 20px;
  padding:0;
  border:1px #CCC solid;
}
input.contents_search_btn{
  background:url(/images/btn_search.gif);
  width:100px;
  height:30px;
  margin:0;
  padding:0;
  border:0;
}

#plugin{
  float:right;
  width:350px;
  text-align:right;
  margin-top:10px;
}


/* =====▼▽　パンくず　▽▼===== */

#page_navi{
  width:1220px;
  min-height:24px !important;
  height:24px;
  font-size:0.85em;
  line-height:1em;
  padding:0;
  margin:7px auto 0;
  text-align:left;
}

ul#pagenavi{
  list-style:none;
  margin:0;
  padding:7px 0 0 0;
}
ul#pagenavi li{
  float:left;
  list-style:none;
  margin:0;
  padding:0 0 0 5px;
}
ul#pagenavi a{
  display:block;
  background:url(/images/arrow_pagenavi.gif) no-repeat right center;
  padding-right:15px;
}





/* =====▼▽　コンテンツ　▽▼===== */

#contents p,
#contents_2column p{line-height:1.5em;}

.box-3{
  background:url(/images/bg_3box.gif) no-repeat center bottom;
  width:680px;
}
.box-2{
  background:url(/images/bg_3box.gif) no-repeat -230px bottom;
  width:680px;
}
.box-1{
  background:url(/images/bg_boxWide.gif) no-repeat left bottom;
  width:680px;
  padding-bottom:10px;
}

.box-gray{
  background:url(/images/bg_boxGray.gif) no-repeat center bottom;
  width:220px;
  padding-bottom:10px;
}

.box-map{
  width:680px;
  height:415px;
  position:relative;
}
.mapBtn01,
.mapBtn02,
.mapBtn03,
.mapBtn04{
  width:212px;
  height:35px;
  z-index:0;
  position:absolute;
}
.mapBtn01{left: 20px; top: 15px;}
.mapBtn02{left: 240px; top: 15px;}
.mapBtn03{left: 20px; top: 60px;}
.mapBtn04{left: 240px; top: 60px;}
.mapBtn05{
  background:url(/images/map_btn05.gif) no-repeat left top;
  width:432px;
  height:35px;
  z-index:0;
  position:absolute;
  left: 20px;
  top: 105px;
}
.mapBtn05 .searchBox{
  width:250px;
  margin:7px 0 0 180px;
}

.box01{
  float:left;
  width:220px;
  word-break:break-all;
}
.box01 p{
  font-size:0.8em;
  line-height:1.5em;
  margin:10px 10px 20px 10px;
}
.box01 h4{
  background:url(/images/bg_3box_head.gif) no-repeat left top;
  line-height:1.25em;
  margin:0;
  padding:10px 10px 7px 10px;
}

.btn_detal{
  text-align:right;
  margin:-10px 10px 10px 10px;
}
.btn_detal2{
  text-align:right;
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.btn_detal3{
  text-align:right;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.btn_detal4{
  text-align:center;
  margin:10px;
}

.box-flow1{
  background:url(/images/bg_flow1.gif) no-repeat left bottom;
  width:680px;
}
.box-flow2{
  background:url(/images/bg_flow2.gif) no-repeat left bottom;
  width:680px;
}

.box02{
  float:left;
  width:173px;
}
.box02 p{
  font-size:0.7em;
  line-height:1.25em;
  margin:10px 23px 10px 10px;
}

.box03{
  float:left;
  width:160px;
}
.box03 p{
  font-size:0.7em;
  line-height:1.25em;
  margin:10px;
}

.box04{
  width:680px;
}
.box04 p,
.box07 p{
  font-size:0.9em;
  line-height:1.5em;
  margin:20px 10px !important;
}

.box05{text-align:center;}

.box06{
  background-color:#003333;
  color:#FFF;
  padding:3px 0;
}

.box07{
  width:660px;
  margin:0 10px;
}
.box07 img{float:left; margin:0 5px 10px 0;}

.box08{
  float:left;
  width:220px;
  padding:0px;
  word-break:break-all;
}
.box08 p{
  font-size:0.8em;
  line-height:1.5em;
  margin:0 !important;
}
.box08 h4{
  background:url(/images/bg_3box_head.gif) no-repeat left top;
  line-height:1.25em;
  margin:0;
  padding:10px 10px 7px 10px;
}

.box08infoArea{padding:0 0 40px 0;}

.box08info01{
  background:url(/images/box08info01btmline.gif) no-repeat center bottom;
  padding:0 12px 5px 12px;
  margin-bottom:10px;
}

.box08info02{
  padding:0 12px 5px 12px;
}

.box08 span.infottl{
  font-weight:bold;
  color:#006dcc;
}

.box08 p.infocont{
  margin:0 !important;
}

.box08info03{
  padding:0 12px 5px 12px;
}

.box08info03 .info03icon_cont{
  margin:0 !important;
}

.box08info04{
  padding:0 12px 5px 12px;
}

ul.sendiconslist{
  font-size:0;
  margin:0;
  padding:5px 12px 5px 12px;
}

UL.sendiconslist li{
  list-style:none;
  margin:0;
  padding:0;
  display:inline;
}


.box-new{
  width:678px;
  background-color:#FFF;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #EBEBEB;
  border-left-color: #EBEBEB;
}

.box-new h4{
  margin-left:5px !important;
  margin-right:5px !important;
  padding-left:10px;
}

.box-new p{
  font-size:0.9em;
  line-height:1.5em;
  margin:15px 20px 5px !important;
}

.box-new p .att{
  font-size:1.2em;
  line-height:2em;
  color:#006dcc;
  font-weight: bold;
}

.box-pickup{
  background: url(/images/bg_pickup.gif) no-repeat left top;
  padding-top:10px;
}
.box-pickup h3{
  font-size:0.8em;
  margin:0 10px;
}
.box-pickup h4{
  background-image:none;
  margin:5px 10px!important;
  padding:0;
}

.grayBox{
  background:url(/images/bg_grayBox.gif) no-repeat center bottom;
  width:680px;
  margin:-8px 0 0 0;
  padding:5px 0 5px 0 !important;
}
.grayBox p,
.grayBox_3column p,
.grayBox_2column p,
.grayBox_1column p{
  font-size:0.9em;
  margin:0px 15px 20px 15px !important;
}
.grayBox img,
.grayBox_3column img,
.grayBox_2column img,
.grayBox_1column img{margin:0 !important;}

.grayBox_3column{
  float:left;
  background: url(/images/bg_grayBox_3column.gif) no-repeat center bottom;
  width:320px;
  margin:-8px 0 0 0;
  padding:5px 0 !important;
}

.grayBox_2column{
  float:left;
  background: url(/images/bg_grayBox_2column.gif) no-repeat center bottom;
  width:490px;
  margin:-8px 0 0 0;
  padding:5px 0 !important;
}

.grayBox_2column2{
  float:left;
  background: url(/images/bg_grayBox_2column2.gif) no-repeat center bottom;
  width:335px;
  margin:-8px 0 0 0;
  padding:5px 0 !important;
}

.grayBox_1column{
  background: url(/images/bg_grayBox_1column.gif) no-repeat center bottom;
  width:1000px;
  margin:-8px 0 0 0;
  padding:5px 0 !important;
}




.day {
  font-size:0.8em;
  line-height:1em;

}

.imgBox{
  float:right;
  width:220px;
}

.imgBox p {
  font-size:0.7em;
  color:#666;
  margin:10px;
}

#fb_plugin{
  background-color:#3B5998;
  width:680px;
  height:200px;
}

#contents .tb_example {
  border:medium none;
  border-collapse:collapse;
  margin:10px 10px 5px 10px;
  width:98%;
}

#contents .tb_example th {
  background-color:#FC9;
  border:1px solid #000;
  font-weight:normal;
  padding:3px;
  text-align:center;
  vertical-align:center;
  white-space:nowrap;
}

#contents .tb_example td {
  border:1px solid #000;
  padding:3px;
  vertical-align:top;
  text-align:right;
  font-size:0.8em;
}

#contents .tb_example2 {
  border:medium none;
  border-collapse:collapse;
  margin:0 10px 5px 10px;
}

#contents .tb_example2 th {
  background-color:#FC9;
  border:1px solid #000;
  font-weight:normal;
  padding:3px;
  text-align:left;
  white-space:nowrap;
  width:10em;
}

#contents .tb_example2 td {
  border:1px solid #000;
  padding:3px;
  text-align:left;
}

#contents .voice_L {
  background:url(/images/voice_bg.gif) no-repeat left bottom;
  padding-bottom:15px;
}
#contents .voice_L p{margin:10px 15px;}

#contents .voice_M {
  float:left;
  width:452px;
  background:url(/images/voice_M_bg.gif) no-repeat left bottom;
  padding-bottom:15px;
}
#contents .voice_M p{margin:10px 15px;}





/* =====▼▽　サイドバー　▽▼===== */

.banner img{
  margin-top:10px;
}

.sideBox{
  background:url(/images/bg_sideContents.gif) no-repeat left bottom;
  width:300px;
  line-height:1.25em;
  margin:0;
  padding:10px 0 20px 0;
}
.sideBox p{font-size:0.8em; margin:0 10px 10px 10px;}
.sideBox img{float:left; margin:0 5px 10px 5px;}
.sideBox p.qa{background:url(/images/icon_QA.gif) no-repeat left top; padding-left:31px; min-height:26px;}

.sideMenu,
.lh1{line-height:1 !important;}
.sideMenu div{margin:0;}
.sideMenu div a{margin:0;}
.sideMenu_active{
  background:url(/images/sideMenu_activeBg.gif) repeat-y left top;
  border-top:5px #006dcc solid;
  border-bottom:5px #006dcc solid;
}
.sideMenu_active ul,
#side ul ul{
  font-size:0.8em;
  line-height:1.75em;
  margin:5px 15px;
  padding:0;
}
.sideMenu_active ul li,
#side ul ul li{
  list-style:none;
  background:url(/images/icon_Arrow.gif) no-repeat left 5px;
  padding:3px 0 3px 21px;
  border-bottom:1px #CCC dotted;
}
.sideMenu_active ul li a,
#side ul ul li a{color:#000;}
.sideMenu_active ul li a:hover,
#side ul ul li a:hover{color:#006dcc;}

.bnr_ex {
  background:url(/images/bnr_how.jpg) no-repeat;
  width:300px;
  height:80px;
  margin:10px 0 ;
}
.bnr_ex a{
  display:block;
  width:300px;
  height:80px;
  background:url(/images/icon_Arrow.gif) no-repeat left center;
  text-align:left;
  margin-left:8px;
  padding-left:20px;
  font-size:14px;
  line-height:85px;
}

.bnr_ex2 {
  background:url(/images/bnr_txt.jpg) no-repeat;
  width:300px;
  height:70px;
  margin:10px 0;
}
.bnr_ex2 a{
  display:block;
  width:300px;
  height:70px;
  background:url(/images/icon_Arrow.gif) no-repeat left center;
  text-align:left;
  margin-left:8px;
  padding-left:20px;
  font-size:14px;
  line-height:72px;
}

.bnr_ex3 {
  background:url(/images/bnr_how.jpg) no-repeat;
  width:300px;
  height:80px;
  margin:10px auto;
}
.bnr_ex3 a{
  display:block;
  width:300px;
  height:80px;
  background:url(/images/icon_Arrow.gif) no-repeat left center;
  text-align:left;
  margin-left:8px;
  padding-left:20px;
  font-size:14px;
  line-height:85px;
}

/* =====▼▽　左サイドバー　▽▼===== */

.box_listTop,
.box_listBottom{
  height:10px;
  line-height:10px;
}
.box_list h3{
  color:#006dcc;
  font-size:14px;
  min-height:16px;
  margin:0;
  padding:0 0 0 5px !important;
}
.box_list ul{
  margin:5px;
  padding:0 0 10px 0;
}
.box_list ul li{
  list-style:none;
  font-size:0.75em;
  line-height:1.75em;
  margin:0;
  padding:0;
}
.box_list ul li.bgGray{
  background-color:#EFEFEF;
}
.box_list ul.category2{
  margin:0 0 0 20px;
  padding:0;
}

.box_select{
  height:55px;
  overflow: auto;
}




/* =====▼▽　フッター　▽▼===== */
.footer-bottom {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-feature-settings: 'palt';
  letter-spacing: 0.035em;
  margin-top: 40px;
  background-color: #3d3d3d;
  text-align: left;
}
.footer-inner {
  position: relative;
  width: 1072px;
  margin: 0 auto;
  padding: 32px 0;
  box-sizing: border-box;
}
.footer-inner:after {
  content: "";
  display: block;
  clear: both;
}
.footer-bottom__left {
  float: left;
  border-bottom: 1px solid #515151;
  padding-bottom: 32px;
  width: 839px;
}

.footer-logo {
  width: 204px;
  vertical-align: middle;
}
.footer-logo:hover {
  background: none;
}

.footer-section {
  margin-top: 4px;
}
.footer-section:first-of-type {
  margin-top: 24px;
}
.footer-section ul {
  display: inline-block;
  font-size: 14px;
  color: #fff;
}
.footer-section li {
  display: inline-block;
  margin-right: 24px;
}
.footer-section a {
  color: #fff;
}

.footer-bottom__right {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  width: 203px;
  float: right;
}
.footer-sign {
  height: 66px;
}
.footer-sign img {
  min-width: 130px;
  height: auto;
  width: 100%;
}
.footer-privacy {
  display: block;
  background-color: #fff;
  padding: 5px;
  border-radius: 4px;
  width: 55px;
  margin-left: 8px;
}
.footer-privacy img {
  width: 60px;
  max-width: 100%;
  vertical-align: middle;
}
.footer-sign__text {
  color: #fff;
  line-height: 1.7;
  font-size: 10px;
  margin: 12px 0 0;
  letter-spacing: 0.035em;
}

.footer-info {
  float: left;
  padding-top: 16px;
  overflow: hidden;
}
.footer-info ul {
  text-align: left;
}
.footer-info li {
  display: inline-block;
  border-right: 1px solid #515151;
  padding-right: 6px;
  margin-right: 3px;
  line-height: 1;
}
.footer-info li:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
.footer-info a {
  font-size: 12px;
  color: #fff;
}
.footer-info small {
  display: block;
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
  padding-top: 0.3em;
}





/* =====▼▽　プラグイン　▽▼===== */

#facebook_activity{
  clear:both;
  background: transparent;
  float:left;
  width:680px;
  margin-top:30px !important;
  border:1px #CCC solid;
}

#facebook_like{
  float:right;
  margin:0;
  padding:0;
}
#twitter{
  float:right;
  width:100px;
  margin:4px 0 0 0;
  padding:0;
}

.plugin_area{
  float:right;
  width:200px;
  text-align:right;
  margin-top:10px;
}
#facebook_btn{
  float:right;
  margin:0;
  padding:0;
}
#tweet_btn{
  float:right;
  width:100px;
  margin:0 !important;
  padding:4px 0 0 0;
}

#socialbuttons div {
  float: left;
  margin-left:10px;
}

#socialbuttons .socialbutton-x {
  position: relative;
  height: 20px;
  box-sizing: border-box;
  padding: 1px 12px 1px 12px;
  background-color: #0f1419;
  border-radius: 9999px;
  font-weight: 500;
  cursor: pointer;
}

#socialbuttons .socialbutton-x a {
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
}

#socialbuttons .socialbutton-x a:before {
  content: "";
  display: inline-block;
  background: url(/assets/images/common/icon/x.svg) no-repeat center/12px 13px;
  height: 13px;
  line-height: 13px;
  width: 12px;
  margin-right: 3px;
}

#socialbuttons .socialbutton-x a:hover {
  text-decoration: none;
}

#socialbuttons{
  padding-top:20px;
  height:30px;
}



/* =====▼▽　include/side_area.html　▽▼===== */

#side .ad_txt{
  width:290px;
  background-color: #CCCCCC;
  text-align: right;
  padding-right: 10px;
  height: 40px;
  padding-top: 10px;
  margin-bottom: 10px;
}


#side .ad_txt{
  width:290px;
  background-color: #CCCCCC;
  text-align: right;
  padding-right: 10px;
  height: 40px;
  padding-top: 10px;
  margin-bottom: 10px;
}


#side .side_tit01{
  background-image: url(/images/sideTitle_bg.gif);
  background-repeat: repeat-x;
  height: 45px;
  width: 300px;
}
#side .side_tit02{
  background-image: url(/images/sideTitle_picuptokuten.gif);
  background-repeat: repeat-x;
  height: 45px;
  width: 300px;
}

#side .side_tit01 h3,
#side .side_tit02 p{
  font-size: 18px;
  font-weight: bold;
  color: #9C0909;
  padding-left: 15px;
  padding-top: 10px;
}



.sideBox ul.kouhou {
  list-style-type: none;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 120px;
}


.sideBox li.new {
  background-image: url(../images/icon_new.gif);
  background-repeat: no-repeat;
  padding-left: 26px;
}

.sideBox li.no_new {
  padding-left: 26px;
}




/* =====▼▽　共通　▽▼===== */

#contents .pagetop {
  width:680px;
  margin-top: 20px;
  text-align: right;
}





/* =====▼▽　右ナビ　アフィリ　▽▼===== */

#side .afiri {
  width:298px;
  margin: 10px 0 20px 0;
  border:1px #999 solid;
}
#side .afiriTitle{
  background:#DD9523;
  color:#FFF;
  font-size:16px;
  line-height:1.35em;
  padding:5px 10px;
}
#side .afiriTitle img{margin-right:10px;}

#side .afiri table{
  float:left;
  width:120px;
  margin:10px 0 0 18px;
  border-color:#999 !important;
}

#side .afiri p{margin-left:10px;}
#side .afiri p span{font-size:10px; color:#666;}

#side .afiri iframe{ margin:10px 0 0 18px; border-color:#999 !important;}






/* =====▼▽　特産品　▽▼===== */

ul.contents_menulist{
  margin:0;
  padding:0;
}
ul.contents_menulist li{
  list-style:none;
  display:block;
  float:left;
  width:225px;
  margin:0;
  padding:0 0 10px 0;
}
ul.contents_menulist li a{
  background:url(/images/icon_Arrow.gif) no-repeat left center;
  text-align:left;
  padding-left:21px;
}





/* =====▼▽　ページナンバー　▽▼===== */

.pageNumber{
  position:relative;
  overflow:hidden;
}
.pageNumber ul{
  position: relative;
  left: 50%;
  float: left;
}

.pageNumber ul li{
  position: relative;
  left: -50%;
  float: left;
}

.pageNumber ul.pageNumberList li{
  position:relative;
  left:-50%;
  float:left;
  background-color:#EEE;
  line-height:1em;
  padding:3px 10px;
  margin-left:5px;
  border:1px #CCC solid;
}
ul.pageNumberList li.noLine{
  background-color: transparent;
  border:0px;
}





/* =====▼▽　NEW/soldoutアイコン　▽▼===== */

.newItem,
.soldoutItem,
.genteiItem,
.free-ranking{
  position: relative;
}
.newItem img.newImg,
.soldoutItem img.soldoutImg,
.genteiItem img.genteiImg{
  position: absolute;
  top:0px;
  left:12px;
}
.free-ranking img.ranking-number{
  position: absolute;
  top:3px;
  left:3px;
  z-index:10;
}

.newUse{
  position: relative;
}
.newUse img.newImg{
  position: absolute;
  top:0px;
  left:0px;
}



/* =====▼▽　ＬＰ用　▽▼===== */

.subTitle_blue,
.subTitle_green,
.subTitle_red{
  color:#000;
  padding:5px 10px;
  border-bottom:2px #999 solid;
}
.subTitle_blue{background-color:#c5e9ef;}
.subTitle_green{background-color:#caeacf;}
.subTitle_red{background-color:#fcdcbe;}

.subTitle_green2{
  background-color:#d7f47d;
  color:#000;
  padding:5px 10px;
}
.subTitle_pink{
  background-color:#f5dff1;
  color:#000;
  padding:5px 10px;
}
.subTitle_gray{
  background-color:#eeeeee;
  color:#000;
  padding:5px 10px;
}

.catch{
  color:#ef3706;
  font-size:1.8em !important;
}

ol.number2 li{
  font-size:0.9em;
  margin:0 20px;
  padding:0;
}

.grayBox h5{
  font-size:1em;
  margin:5px 20px 3px 20px;
  color:#c10d23;
}




/* =====▼▽　旅館特集　▽▼===== */

.ryokan{
  margin-top:30px;
  padding-bottom:10px;
}
.ryokan .img{
  text-align:left;
}
.ryokan .img img{
  border:1px #FFF solid;
  margin:0 !important;
}
.ryokan .catchcopy{
  color:#006dcc;
  line-height:1em;
  font-size:0.9em;
  margin:5px 0 !important;
}
.ryokan h4{
  font-size:1.5em;
  line-height:1em;
  font-weight:normal;
}
.site{
  background:url(/images/btn_site.gif) no-repeat left center;
  padding-left:65px;
  margin:5px 10px;
}

.yellowBox{
  background-color:#FFF9C4;
  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;   /* Firefox用 */
  border:1px #D0C990 solid;
  margin:0;
}

.onsen h3{
  font-size:1.5em;
  font-weight:normal;
  color:#000;
}
.onsen h3 img{margin-right:5px; margin-bottom:-10px;}

table.extable{
  width:100%;
  margin:auto;
  font-size:0.8em;
  border:1px #DDD solid;
}
table.extable th{
  background-color:#EFEFEF;
  width:8em;
  font-weight:normal;
  text-align:left;
}
table.extable th,
table.extable td{
  padding:3px 10px;
  border-bottom:1px #DDD solid;
}



/*======　メディア掲載　======*/
.media-title {
  font-size: 16pt;
  line-height: 1.5em;
  font-weight: normal;
  padding: 5px 10px;
}

#pressTitle {
  background: url('/images/bg_boxWide_titleBgwide.gif') no-repeat scroll left top transparent;
  padding: 5px 10px;
}

#PressRelease{
  background: url('/images/WhiteBgwide.gif') no-repeat scroll left bottom transparent;
  line-height: 1.5em;
  padding: 5px 10px 10px 10px;

  z-index: 2;
}

#PressRelease h3 {
  font-weight: normal;
  font-size: 0.9em;
  padding-top:10px;
}
#PressRelease p {
  font-size: 0.85em;
  line-height: 1.5em;
  margin: 3px 10px 10px 20px !important;
}

#pressall {
  width:90%;
  padding:10px 5px;
}

#pressall h3{
  font-weight: normal;
  font-size: 0.9em;
  padding-top:10px;
}

.detail3 a{
  background:url(/images/icon_Arrow.gif) no-repeat left center;
  text-align:left;
  padding-left:30px;
  padding-right:30px;
  font-size:0.85em;
}

.grayBox_big{
  background:url(/images/bg_grayBox_big.gif) no-repeat center bottom;
  width:880px;
  margin:-8px 0 0 0;
  padding:5px 0 5px 0 !important;
  font-size: 0.9em;
  line-height:1.6em;
}

.grayBox_big h4{
  margin-top:5px;
}

.grayBox_half{
  background:url(/images/bg_grayBoxHalf.gif) no-repeat center bottom;
  width:430px;
  margin:-8px 0 0 0;
  padding:5px 0 5px 0 !important;
  font-size: 0.8em;
  line-height:1.5em;
}

.wrapper {
  width: 880px;
  margin: 0 auto;/*ブラウザの中央に配置*/
}

.fL {
  float: left;
  width: 430px;
  margin: 5px 5px 10px;
}


.fR {
  float: right;
  width: 430px;
  margin: 5px 5px 10px;
}

.grayBox_half p {
  margin: 0px 10px 5px !important;
}

.grayBox_half h3 {
  font-size: 1.4em;
  margin: 5px 10px !important;
  padding-left:5px;
}

.wrapper h4 {
  font-size: 1.0em;
  color: #006dcc;
  line-height: 1.5em;
  font-weight: bold;
  margin: 15px 10px 5px !important;
}


.grayBox_half span.title {
  text-decoration: none;
  color: #006dcc;
}

.media_old{
  font-size: 0.8em;
  padding:10px;
}

.media_old h4 {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
  margin-top: 15px !important;
}


/*　areainfo　20141126追加　*/
dl#areainfo{
  margin-bottom:20px;
  border:1px solid #ccc;
  border-radius:10px;
  padding:20px;
  background-color:#fff;
}
dl#areainfo dt{
  float:left;
  width:70px;
  clear:both;
  font-weight:bold;
}
dl#areainfo dd{
  width:560px;
  margin-left:80px;
  margin-bottom:0;
  word-wrap:break-word;
  word-break:break-word;
}
/* =====▼▽　CSS一覧ページ680pxボックス　▽▼===== */

.greenBox680imgBody,
.grayBox680imgBody,
.redBox680imgBody{
  width: 640px;
  font-size:0.9em;
  margin: -8px 0 0 0;
  padding: 5px 20px !important;
}

.greenBox680imgBody h3,
.grayBox680imgBody h3,
.redBox680imgBody h3{
  font-size:1.3em;
  margin-bottom:10px;
}

.greenBox680imgBody{
  background: url(/images/bg_greenBox680.gif) no-repeat center bottom;
}

.grayBox680imgBody{
  background: url(/images/bg_grayBox680.gif) no-repeat center bottom;
}

.redBox680imgBody{
  background: url(/images/bg_redBox680.gif) no-repeat center bottom;
}

img.fRimg{
  float:right;
  padding:0 0 20px 20px;
}

img.fLimg{
  float:left;
  padding:0 20px 20px 0;
}

/* 20141128追加 */
.alcbox{
  width:330px;
  font-size:0.8em !important;
}
.alcimg{
  width:88px;
  align:center;
  padding:5px;
  border:1px solid #ccc;
  margin-right:5px;
  background-color:#ffffff;
}
.alcbox680{
  width:680px;
  font-size:0.8em !important;
}
.alcimg680{
  width:158px;
  align:center;
  padding:5px;
  border:1px solid #ccc;
  margin-right:5px;
  background-color:#ffffff;
}
.alcbox680info{
  width:500px;
}



/* 20141201追加 */
/* =====▼▽　特集ページミニバナー　▽▼===== */

#contents UL.minibnr_box{
  width:680px;
  margin:20px 0;
  font-size:0;
}

#contents UL.minibnr_box LI{
  width:220px;
  height:70px;
  display:inline-block;
  margin:0 10px 10px 0;
}

.mR00{margin-right:0px !important;}





/* ヘッダーログインメニュー */
#dropmenu_header_login{
  list-style-type: none;
  /*width: 90px;
  height: 30px;
  font-size: 12px;*/
  margin: 0;
  padding: 0;
}
#dropmenu_header_login li{
  position: relative;
  /*width: 100%;
  float: left;
  margin: 0;
  padding:0;
  text-align: center;*/
}
#dropmenu_header_login li a{
  /*display: block;
  width:90px;
  margin: 0;
  padding: 4px 12px;
  color: #000;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  background: #c9c699;
  background: -moz-linear-gradient(top, #ffffff 0%, #c9c699);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c9c699));
  -moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;
  -webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px #edeab9;
  border: 2px solid #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;*/
}
#dropmenu_header_login li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  /*border-radius: 0 0 3px 3px;*/
}
#dropmenu_header_login li:last-child ul{
  /*left: -100%;*/
  width: 100%
}
#dropmenu_header_login li ul li{
  overflow: hidden;
  /*width: 100%;*/
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu_header_login li ul li a{
  /*padding: 13px 15px;
  background: #fff;
  text-align: left;
  font-weight: normal;*/
}
#dropmenu_header_login li:hover > a{
  background: #edeab9;
  background: -moz-linear-gradient(top, #e9e6b2 0%, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#e9e6b2), to(#ffffff));
  color: #000;
}
#dropmenu_header_login > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu_header_login li:hover ul li{
  overflow: visible;
  height: 26px;
  background: #fff;
  /*border-top: 1px solid #fff;
  border-bottom: 1px solid #c9c699;*/
}
#dropmenu_header_login li:hover ul li a:hover{
  /*background-color:#fff;*/
}
#dropmenu_header_login li:hover ul li:first-child{
  /*border-top: 0;*/
}
#dropmenu_header_login li:hover ul li:last-child{
  /*border-bottom: 0;*/
}
#dropmenu_header_login li:hover ul li:last-child a{
  /*border-radius: 0 0 3px 3px;*/
}

/* ヘッダーログインメニュー　ここまで */


/*モーダルウィンドウ*/
.modal-window {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0;
  line-height: 1.3;
  display: none\9;
}
.modal-window:target {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.is-active.modal-window {
  display: block\9;
}
.modal-window:target {
  display: block\9;
}
.modal-window .modal-inner,
.modal-window .modal-inner-wide {
  position: absolute;
  overflow-x: hidden;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  border:5px #eee solid;
}
.modal-window .modal-inner{
  top: 20%;
  left: 50%;
  z-index: 20;
  margin-left: -200px;
  padding:20px;
  width: 400px;
}
.modal-window .modal-inner-wide{
  top: 20%;
  left: 50%;
  z-index: 20;
  margin-left: -390px;
  padding:20px;
  width: 780px;
}
.modal-window .modal-inner p {
  padding: 0 15px 10px;
}
.modal-window .modal-close,
.modal-window .modal-wide-close {
  display: block;
  text-indent: -100px;
  overflow: hidden;
}
.modal-window .modal-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: #000;
  opacity: 0.5;
}
.modal-window .modal-close:after {
  content: '';
  /*content: '\00d7';*/
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 20;
  margin-left: 200px;
  background-color: transparent;
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 1.2em;
  text-decoration: none;
  text-indent: 0;
}
.modal-window .modal-wide-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: #000;
  opacity: 0.5;
}
.modal-window .modal-wide-close:after {
  content: '';
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 20;
  margin-left: 390px;
  background-color: transparent;
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 1.2em;
  text-decoration: none;
  text-indent: 0;
}
.modal-window {
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}





/* =====▼△▼ 150803追加 緑の点線付きボックス ▼△▼===== */
.Dotted_line_box {
  color: #fff;
  background: #3cb371;
  padding: 20px;
  border: 2px dashed rgba(255,255,255,0.5);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 0 5px #3cb371, 0 2px 3px 5px rgba(0,0,0,0.5);

}

/* =====▼△▼ 150507追加　プライバシーマーク箇所 ▼△▼===== */
.privacymark_data {
  box-sizing: border-box;
  float:left;
  width:106px;
  height:106px;
  padding:23px 20px;
  background-color:#fff;
  border-radius:3px;
  margin-left: 10px;
}

.privacymark_data img{
  width: 60px;
}

/* 動画埋め込み */
.youtube_player {
  position: relative;
}

.youtube_player a {
  color: white;
  position: absolute;
  background: url(/img/etc/icon_youtube_play_red.png) no-repeat;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube_player a:hover {
  opacity: 0.7;
}

.youtube_player a div {
  padding-top: 10px;
  padding-left: 10px;
  background-color: rgba(128, 128, 128, 0.2);
  background: -moz-linear-gradient(top, rgba(80, 80, 80, 0.5) 0%, rgba(80, 80, 80, 0.4) 60%, rgba(255, 255, 255, 0));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 0.5)), color-stop(0.6, rgba(80, 80, 80, 0.4)), to(rgba(255, 255, 255, 0)));
}

/* =====▼▽　自治体からの最新情報　▽▼===== */

.government_news_head {
  background-color:#006dcc;
  color:#fff;
  margin:-10px -10px 0;
}
.government_news_head h2 {
  font-size:16px;
  font-weight:normal;
  padding:8px 10px 5px;
}
.government_news_head h2 span {
  font-size:0.8em;
}
.government_news_head h2 img {
  vertical-align:middle;
  margin-top:-4px;
  margin-right:5px;
}

ul.government_news_List  img.newImg,
.government_news img.newImg{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
}
.government_news .newItem img {
  width:120px;
  margin-right:8px;
}
.government_news h3 {
  font-size:16px;
  color:#333;
}
.government_news ul{list-style:none; margin:0; padding:0;}
.government_news ul li{ margin:0; padding:10px 0; border-bottom:1px #ccc dotted;}
.government_news ul p{ font-size:0.8em; margin:0 !important;}
.government_news ul .date{font-size:0.6em; float:none; text-align:right;}

ul.government_news_List{list-style:none; margin:0; padding:0;}
ul.government_news_List li{ margin:0; padding:10px 0; border-bottom:1px #006dcc dotted;}
ul.government_news_List h3{
  width:11em;
  color:#006dcc;
  font-size:1.2em;
  font-weight:bold;
  padding:0 0 10px;
}
ul.government_news_List p{margin:0 !important;}
ul.government_news_List div.date{font-size:0.8em; float: right;}

/* =====▼▽　汎用設定　▽▼===== */
.bg_gray1{background-color:#efefef;}
.bg_gray2{background-color:#333333; color:#ffffff;}


#detailMenu .detailcontents {
  width:678px;
  display:none;
  margin-left: 2px;
}

#detailSearch {
  position: relative;
  color: #666666;
  z-index: 100;
  float: right;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px;
  border: solid 1px #ccc;
}

.detailSearchForm {
  width: 638px;
  font-size: 12px;
}

#detailSearchForm {
  width: 638px;
  font-size: 12px;
}


.searchFormList {
  clear: both;
  margin: 10px;
  display: inline-block;
}

.searchFormList.quality {
  display: block;
}

#searchCharacteristic,
#searchPrice,
#searchGift,
#searchArea,
#searchUse {
  float: left;
  width: 140px;
  font-weight: bold;
  color: #666666;
  white-space: normal;
  padding-top: 4px;
}

.searchCharacteristic,
.searchPrice,
.searchGift,
.searchArea,
.searchUse {
  float: left;
  width: 140px;
  font-weight: bold;
  color: #666666;
  white-space: normal;
  padding-top: 4px;
}

#searchCharacteristicCheckBoxes,
#searchPriceRange {
  float: left;
  width: 470px;
  color: #666666;
  vertical-align: middle;
  white-space: normal;
}

.searchCharacteristicCheckBoxes,
.searchPriceRange {
  float: left;
  width: 470px;
  color: #666666;
  vertical-align: middle;
  white-space: normal;
}

#searchPriceRange input {
  height: 22px;
  margin: 0 8px 0 0;
  border: 1px solid #cccccc;
  width: 200px;
}

.searchPriceRange input {
  height: 22px;
  margin: 0 8px 0 0;
  border: 1px solid #cccccc;
  width: 200px;
}

#searchFormGenreSelect,
#searchFormGenreArea,
#searchFormGenreUse {
  float: right;
  width: 460px;
  height: 30px;
  border: 1px solid #cccccc;
  outline: 0px;
  margin-bottom: 10px;
  margin-right: 78px;
}

.searchFormGenreSelect,
.searchFormAreaSelect,
.searchFormUseSelect {
  float: right;
  width: 460px;
  height: 30px;
  border: 1px solid #cccccc;
  outline: 0px;
  margin-bottom: 10px;
  margin-right: 18px;
}

.searchFormGenreSelect.sub1,
.searchFormGenreSelect.sub2 {
  width: 420px;
}

.searchFormGenreSelectWrapperListSubArrow {
  margin: 5px 10px 0 140px;
  float: left;
  clear: both;
}

#detailSearchForm #searchButton {
  cursor: pointer;
  float: left;
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 10px 0 0 100px;
  background-color: #fafafa;
  border: 1px solid #cccccc;
  text-align: center;
  font-weight: bold;
  -webkit-user-select: none;
}

.detailSearchForm .searchButton {
  cursor: pointer;
  float: left;
  display: block;
  width: 280px;
  height: 40px;
  line-height: 40px;
  margin: 10px 0 0 150px;
  background-color: #AD0003;
  border: 1px solid #cccccc;
  text-align: center;
  font-weight: bold;
  color: #fff;
  user-select: none; /* CSS3 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chrome */
  -ms-user-select: none; /* IE */
  border-radius: 5px;          /* CSS3 */
  -moz-border-radius: 5px;     /* Firefox用 */
  -webkit-border-radius: 5px;  /* Safari,Chrome */
  -ms-border-radius: 5px;  /* IEe */
}

.detailSearchForm .searchButton {
  cursor: pointer;
  float: left;
  display: block;
  width: 280px;
  height: 40px;
  line-height: 40px;
  margin: 10px 0 0 150px;
  background-color: #AD0003;
  border: 1px solid #cccccc;
  text-align: center;
  font-weight: bold;
  color: #fff;
  user-select: none; /* CSS3 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chrome */
  -ms-user-select: none; /* IE */
  border-radius: 5px;          /* CSS3 */
  -moz-border-radius: 5px;     /* Firefox用 */
  -webkit-border-radius: 5px;  /* Safari,Chrome */
  -ms-border-radius: 5px;  /* IEe */
}


#detailSearchForm #clearSettingsButton {
  cursor: pointer;
  float: right;
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 10px 100px 0 0;
  background-color: #fafafa;
  border: 1px solid #cccccc;
  text-align: center;
  font-weight: bold;
  color: #666666;
  -webkit-user-select: none;
}

.detailSearchForm .clearSettingsButton {
  cursor: pointer;
  float: right;
  display: block;
  width: 140px;
  height: 30px;
  line-height: 30px;
  margin: 15px 28px 0 0;
  text-align: center;
  font-size: 10px;
  user-select: none; /* CSS3 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chrome */
  -ms-user-select: none; /* IE */
}

.detailSearchForm .clearSettingsButton a {
  color: #666666;
  text-decoration: none;
}

.detailSearchForm .clearSettingsButton a:hover {
  color: #AD0003;
}

input[type="text"],
input[type="password"],
textarea {
  background: white;
}

.clb {
  clear: both;
}

.select_item{
  background-image: none!important;
}
