@charset "UTF-8";

html,body {
  height: 100%;
}

#container {
  min-height: 100%;
  _height: 100%; /* for IE6 */

}

#header {
  width:1080px; /* 960px */
  margin:0 auto;
}
#header h1{margin:0; padding-top:24px;}
#header ul{margin:0; padding-top:0px; float:right;}
#header li{list-style-type:none; float:left;}
#header ul.sub_list{float:right; margin-top:8px; margin-bottom:8px;}
#header ul.sub_list li{margin-left:16px;}
/*#header ul.sub_list a:link{font-size:11px; text-decoration:none; color:#4D4D4D;}
#header ul.sub_list a:visited {font-size:11px; text-decoration:none; color:#4D4D4D;}
#header ul.sub_list a:hover {font-size:11px; text-decoration:underline; color:#F46713;}
#header ul.sub_list a:active {font-size:11px; text-decoration:none; color:#4D4D4D;}
#header ul.sub_list i{margin-right:3px; font-size:12px;}*/
#content {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 310px; /* footer + 10px */
}

#content h1 {
  margin: 0 0 15px;
  font-size: 125%;
}

#content p {
  margin: 0 0 15px;
}

#top_sub{width:960px; margin:0 auto; padding:0;}
#top_sub h2{float:left; margin-right:50px;}

#top_sub2 h2{}
#snavi_banner{width:960px; height:300px; margin:0 auto;}
#snavi_banner h1{float:left; margin:0; padding:0;}
#snavi_banner h2{float:right; margin:0; padding:0;}

#mbox1{width:960px; margin:0 auto;}
#mbox1 ol{list-style-type:none; margin:0; padding:0;}
#mbox1 li{}
  #rbox{width:960px; margin:0 auto;}
  
#wh_box{border-radius:5px; background-color:#FFFFFF; padding:1em;}
#wh_box p{margin:0 auto;}
#wh_box h3{margin-left:1em; border-left:6px solid #6B5757; padding-left:6px; color:#6B5757; font-size:18px;}
#wh_box h4{margin-left:2.4em; margin-bottom:0.5em; color:#6B5757; font-size:15px;}
#wh_box hr{ margin:2em auto; width:90%; border-color:#ccc;}

#recom{width:960px; margin:0 auto;}
#recom article{float:left; margin-right:16px; height:220px;}
#recom a{color:#2F7BCB;}
#recom h3{color:#2F7BCB;}

#footer {
  height:;   /* 調整する箇所  20191007 300pxから空白に変更 */
  margin-top: -300px; /* 調整する箇所 */
  padding:0;
  background-image:url(../img/base/bg_foot.gif);
}

#footbox{
  width: 1280px; /* 960px*/
  height:; /* 20180227 240px→280pxへ変更 、20191007 280pxから空白に変更*/
  padding-top:10px;
  padding-bottom:10px;
  margin:0 auto;
  }
#gyo_list{float:left; width:240px; height:100%; padding-left:0px;}
#footbox ul{margin:0; padding:0;}
#footbox li{list-style-type:none; margin-left:0.5em; color:#0D0D1E; margin-bottom:0.8em;}
#footbox h4{color:#0D0D1E; font-weight:normal;}
#footbox a{ color:#0D0D1E;}
address{color:#FFF; background-color:#124B90; text-align:center; height:40px; padding-top:1em; }

#banner ul{width:960px; margin:0 auto;}
#banner li{list-style:none; float:left; margin-right:20px; margin-bottom:20px;}

#main_box{height:420px; width:840px; margin:0 auto;}
.b_event{}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    width: 100px;
    text-align: center;
    display: block;
    border-radius: 5px;

}
#page-top a:hover {
}

#title{
  width:960px;
  height:200px;
  background-image:url(../img/ttl/bk_h1.gif);
  position:relative;
}
#title h1{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width:600px;
  height:80px;
  padding-top:20px;
  text-align:center;
  background-color:#FFF;
  color:#1E63B7;
  font-size:20px;
  letter-spacing:3px;
}
#title,#global_ttl_h1 h1 .sub{
  color:#404051;
  font-size:18px;
}
#title,#global_ttl_h1 h1 .dp{
  font-size:34px;
}
#center_box{
  width:960px;
  margin:0 auto;
}
.box_middle{
  margin:0 auto;
}
#global_ttl_h1{
  padding:16px 0;
  width:100%;
  height:142px;
  background-image:url(../img/bkg_02.png);
  border-top:1px solid #D8D8D8;
  border-bottom:1px solid #D8D8D8;
  }

#global_ttl_h1 h1{
  padding:32px 0;
  width:840px;
  height:78px;
  margin:0 auto;
  text-align:center;
  background-color:#FFF;
  color:#0C0C1E;
  letter-spacing:1px;
  }
  #results_block{
	  width:920px;
	  margin:0 auto;
	  }
  #results_block h1 {
  position: relative;
  color: #FFF;
  background: #005CAF;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 10px 0;
  padding: 14px 5px 10px 40px;
  box-shadow: 0 1px 3px #777;
  border-radius: 0 10px 10px 0;
}

  #results_block h2 {
  position: relative;
  color: #FFF;
  background: #005CAF;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 10px 0;
  padding: 14px 5px 10px 40px;
  box-shadow: 0 1px 3px #777;
  border-radius: 0 10px 10px 0;
}

  #results_block h3 {
  position: relative;
  color: #FFF;
  background: #005CAF;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 10px 0;
  padding: 14px 5px 10px 40px;
  box-shadow: 0 1px 3px #777;
  border-radius: 0 10px 10px 0;
}

#results_block h1:before {
  content: "";
  position: absolute;
  background: #51A8DD;
  top: 50%;
  left: -20px;
  margin-top :-22px;
  height: 44px;
  width: 44px;
  box-shadow: 1px 1px 1px #777;
  border-radius: 50%;
}
#results_block h1:after {
  content: "";
  position: absolute;
  background:#006284;
  top: 50%;
  left: -15px;
  margin-top:-15px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

#results_block h2:before {
  content: "";
  position: absolute;
  background: #51A8DD;
  top: 50%;
  left: -20px;
  margin-top :-22px;
  height: 44px;
  width: 44px;
  box-shadow: 1px 1px 1px #777;
  border-radius: 50%;
}
#results_block h2:after {
  content: "";
  position: absolute;
  background:#006284;
  top: 50%;
  left: -15px;
  margin-top:-15px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

#results_block h3:before {
  content: "";
  position: absolute;
  background: #51A8DD;
  top: 50%;
  left: -20px;
  margin-top :-22px;
  height: 44px;
  width: 44px;
  box-shadow: 1px 1px 1px #777;
  border-radius: 50%;
}
#results_block h3:after {
  content: "";
  position: absolute;
  background:#006284;
  top: 50%;
  left: -15px;
  margin-top:-15px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

#results_ttl{
  padding:0;
  width:100%;
  height:172px;
  background-image:url(../img/bkg_02.png);
  border-top:1px solid #D8D8D8;
  border-bottom:1px solid #D8D8D8;
  }
#results_ttl h2{text-align:center; margin-top:0;}

#results_block h4{text-align:right; margin-right:1.5em;}
#results_block p{font-size:15px; line-height:2em; padding:1em; letter-spacing:2px;}
#results_block p:first-letter{font-size: 34px; float: left; font-weight:bold; background-color:#006284; color:#FCFAF2; padding:4px; padding-top:10px; margin-right:4px; margin-top:7px;}

h1.fukidashi {
	  position: relative;
	  color: #fff;
	  background: #777;
	  font-size: 20px;
	  line-height: 1;
	  text-shadow: 1px 1px 1px #000;
	  border :1px solid #777;
	  margin: 30px -10px 10px -10px;
	  padding: 15px 5px 12px 10px;
	  border-radius: 3px;
	}
h1.fukidashi:after {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 30px;
	  height: 0;
	  width: 0;
	  border: 10px solid transparent;
	  border-top: 10px solid #777;
	}
#breadCrumb{width:860px; margin:1em auto; font-size:14px;}


/*link color*/
#breadCrumb a{/*リンクされた文字*/
    color:#006DD9;
    font-style:normal;
    text-decoration:none;
}
#breadCrumb a:link {/*未訪問のリンク*/
    color:#006DD9;
    text-decoration:none;
}
#breadCrumb a:visited {/*訪問後のリンク*/
    color:#006DD9;
    text-decoration:none;

}
#breadCrumb a:hover {/*マウスをのせたとき*/
    color:#FF5C26;
    text-decoration:underline;
}
#breadCrumb a:active {/*クリック中*/
    text-decoration:none;
}

#results_block a{/*リンクされた文字*/
    color:#006DD9;
    font-style:normal;
    text-decoration:none;
}
#results_block a:link {/*未訪問のリンク*/
    color:#006DD9;
    text-decoration:none;
}
#results_block a:visited {/*訪問後のリンク*/
    color:#006DD9;
    text-decoration:none;
}
#results_block a:hover {/*マウスをのせたとき*/
    color:#FF5C26;
    text-decoration:underline;
}
#results_block a:active {/*クリック中*/
    text-decoration:none;
}
#shop_item{ width: 800px;}
  #txt_item{width:298px; float: left; text-align:center;}
  #txt_item img{ margin-top:2em;}
  #img_item{width:498px; float: left;}
#img_item img{border: 1px solid #999; padding:4px;}
#shop_item h2{font-size:20px; font-weight:bold;}
#shop_item h4{color:#FF2626; font-size:35px;font-weight:bold;}
#shop_item h5{}
#shop_item ol{padding: 0; margin: 0; height:220px;}
#shop_item li{list-style:none; float:left; margin-left:14px;}
.tax_txt{ font-size:16px;}


.kokudouTable {
 font-size: 14px;
 color: #FFF;
 width: 380px;
 margin:0 30px 0 0;
}
.kokudouTable th {
 padding: 10px;
 background:#2e8b57;	
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 border: 1px solid #999;

}
.kokudouTable tr {
 padding: 10px;
}
.kokudouTable td {
 padding: 10px;
 ackground:#ccffcc;
 text-align: center;
 color: #000;
 border: 1px solid #999;
}



.kendouTable {
 font-size: 14px;
 color: #FFF;
 width: 380px;
}
.kendouTable th {
 padding: 10px;
 background:#1e90ff;	
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 border: 1px solid #999;

}
.kendouTable tr {
 padding: 10px;
}
.kendouTable td {
 padding: 10px;
 ackground:#ccffcc;
 text-align: center;
 color: #000;
 border: 1px solid #999;
}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (min-width:600px) {  
    #POPUP { background: #F57F69 ; color: #fff; font-weight: bold; font-size: 2.5rem; width: 100%;}
   }
@media screen and (min-width:450px) {  
    #POPUP { background: #F57F69 ; color: #fff; font-weight: bold; font-size: 2.5rem; width: 100%;}
   }
@media screen and (min-width:990px) {
	#POPUP { display: none; }
	}