@charset "utf-8";


/*解像度設定*/
/*700+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 700px) {


}/*770++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*661++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 661px) {



}/*661++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*660+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 660px) {




}/*660++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) and (max-width: 760px) {



}/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {
/*.HeaderFixed{
  top:0;

}*/

.HeaderFixed #Clinktop{}

#Clinktop{
  position: fixed;
  top:0;
  left:0;
  margin:0;
  width:100%;
  height:78px;
  background: rgba(255,255,255,0.5);
  z-index:10000;

}
/*
.HeaderFixed #Clinktop .HeadH1,
#Clinktop .HeadH1{
  margin:20px 0 0 10px;
  
}
.HeaderFixed #Clinktop .HeadH1 img,
#Clinktop .HeadH1 img{
  width:70%;

}
*/
#Clinktop .HeadH1{
  margin:20px 0 0 10px;
  
}
#Clinktop .HeadH1 img{
  width:250px;

}

#HeaderDivision .HeaderFixed{
  background:none;
/*  position: fixed;
  top:0;*/
}

/*
#HeaderDivision .HeaderFixed .HeaderMenuArea{
  width: 100%;
  background:none;
}
#HeaderDivision.HeaderdFixed, #HeaderDivision{
  background:none;
}
*/
/*スマホヘッダ固定用
body.SpView{
  padding-top:64px;
}
*/
/*スマホメニュー*/
#HeaderDivision{
  width:100%; 
  height:60px;
  height:0;
  z-index: 10000; 
  display:block; 
  top:0px;
}
#HeaderDivision .HeaderMenuArea{
  
}

.headerNav{
  width:100%; 
  text-align:right;
}
.headerNav .Nav01{
 /* position: absolute; 
  top:-40px; 
  right:0px; */
  cursor: pointer;
}


.headerNav .Nav01 img{
  height:44px; 
  width:auto; 
  display:inline-block;
}


.headerNav .Nav01 span.SpNav01Button{
  padding:5px 8px 8px 8px; 
  margin:0 10px 0 0 ;
  border:1px solid #555; 
  border-radius:4px;
  background: rgba(255,255,255,0.8);
  display:inline-block;
  /*display:none;*/
}
.headerNav {
  position: absolute; 
  position: fixed; 
  right:0px; 
  top:10px;  
  border:none; 
  background:none;
}

.headerNav ul{
  /*display: none; */

  background:#fff; 
  list-style:none; 
  margin-right:0px; 
  text-align:left; 
  border-top:1px solid #ccc; 
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
}

.headerNav ul:not([class]){
  margin:0px;

}


.headerNav .SpMenuArea ul li{
  width:100%;
  background:#fff; 
  border-bottom:1px solid #ccc; 
  color:#aaa; 
  text-indent: 0em;
  /*background: url(../img/common/decoration/main_menu_bg.png) repeat 50% 50%;*/
  font-size:110%;
  padding:0;
  margin: 0;
}
.headerNav .SpMenuArea ul li .Inner{
  min-height: 0px;
}
.headerNav .SpMenuArea ul li .Inner a span{
  display:inline;
}

.headerNav .SpMenuArea ul li a.icon-circle-thin:before{
  display:none;
}
.headerNav .SpMenuArea ul li a span.icon-right-dir:before{
  display:inline;
}


.headerNav ul li.Unit050{
  padding-left:1.5em;
}
.headerNav ul li span.Top{
  display: block;
  width: 100%;
  height: 100%;
  color: #2b4c8b!important;
  line-height: 2;
  text-decoration: none;
  padding: 0 15px 0 10px;
}
.headerNav ul li span.MenuButtonTop{
  display:block; 
  width:100%; 
  height:100%; 
  font-weight:normal;  
  line-height:2; 
  text-decoration: none;
}


.headerNav .SpMenuArea ul li .Inner a{
  display:block; 
  width:100%; 
  height:100%; 
  color:#2b4c8b!important; 
  line-height:2; 
  text-decoration: none;
  /*padding:0 15px 0 10px;*/
}
#top .headerNav ul li a:hover{
  background:#2e4c8b; 
  color:#fff!important; 
}
.headerNav ul li.MenuClose a{
  background:#f8f0e8 url(../img/sp/menuclose.png) no-repeat 10px 50%;
  text-indent: 2.2em;
}
.headerNav ul li.MenuClose a:hover{
  background:#dc3a12 url(../img/sp/menuclose2.png) no-repeat 10px 50%;
  color:#fff!important; 
  text-indent: 2.2em;
}

/*ロゴ部分
.SiteHeaderArea{width:100%; margin:0px auto;}
.SiteHeaderArea .HeaderInfoBlock{position: relative;}
.SiteHeaderArea .HeaderInfoBlock .BlockHeader{position: absolute; top:0; left:0px; z-index: 9000;}
.SiteHeaderArea .HeaderInfoBlock .BlockHeader .SiteLogo{margin-left:0px; margin-top:0px;}
.SiteHeaderArea .HeaderInfoBlock .BlockHeader .SiteLogo img{height:60px;}
*/
/*メニュー位置*/
.SiteHeaderArea .HeaderInfoBlock #top{
  position: absolute; 
  right:0px; 
  width:80%; 
  z-index: 20000; 
  display:block; 
  top:0px;
}
.SiteHeaderArea .HeaderInfoBlock #top .headerNav .Spheader{
  height:40px;
  margin-right:9px;
}
.SiteHeaderArea .HeaderInfoBlock #top .headerNav .Spheader span{
  display:block;
}
.SiteHeaderArea .HeaderInfoBlock #top .headerNav .Spheader span img{
  margin-top:-12px;
  width:40px;
  height:40px;
  cursor:pointer;
}
/*Telephone*/
.SiteHeaderArea .HeaderInfoBlock #TelephoneItem{
  position: absolute; 
  right:60px; 
  width:60px; 
  z-index: 20000; 
  display:block; 
  top:12px;
  text-align:center;
}
.SiteHeaderArea .HeaderInfoBlock #TelephoneItem .Inner{
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
.SiteHeaderArea .HeaderInfoBlock #TelephoneItem .Inner a{}
.SiteHeaderArea .HeaderInfoBlock #TelephoneItem .Inner a span{}
.SiteHeaderArea .HeaderInfoBlock #TelephoneItem .Inner a span img{
  width:40px;
  height:40px;
  cursor:pointer;
}

.SiteHeaderArea .HeaderInfoBlock #SPageTitleArea{
  position: absolute; 
  top:105px; 
  left:10px; 
  width:50%; 
  color:#666; 
  line-height:1.4; 
  font-size:120%;
}

.SiteHeaderArea .HeaderInfoBlock .Topmsg1{
  font-weight:bold; 
  text-align:left; 
  width:80%; 
  overflow:hidden; 
  height:1.15em; 
  margin-left:10px; 
  font-size:80%; 
  line-height:1.2; 
  margin-top:3px; 
  color:#ff801e; 
  position: absolute; 
  left:110px;  
  max-width: 250px;
}


/*サブメニュー*/


.accordion {
  display:block;
  width:auto;
  border:solid 0px #ccc;
  border-radius:0px;
}
.accordion li {
  list-style:none;
}
.accordion li a,
.accordion li .toggle {
/*position:relative;
  padding:5px;
  text-decoration:none;
  color: #333333;
  -webkit-transition: .2s ease-in-out;*/
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  line-height: 2;
}
        
.HeaderDivision #top .accordion li,.HeaderDivision #top .accordion li .toggle{
  text-indent: 1.5em;
}
.HeaderDivision #top .accordion ul li ul.SubUnitList li{
  background:#eeeeee;
}

.HeaderDivision #top .accordion ul li ul.SubUnitList {
  list-style: outside none none;
  text-align: left;
  border-top: 1px solid #ff801e;
  border-left: 0px solid #ff801e;
  border-right: 0px solid #ff801e;
  border-bottom: 1px solid #ff801e;
  margin: 0px auto;
}

footer .accordion li .toggle{
        text-indent: 1.5em;
        color: #ffffff !important;
}


.accordion .toggle:hover {
}
.accordion li a:hover {

        }

.accordion .toggle {margin-left: 0em;
            background: url(../img/common/icon/icon-plus.png) no-repeat 2px 50%;
}
footer .accordion .toggle {
            background:none;            



}
footer .accordion .SectionAc{

	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #2f6515 /*{a-body-shadow-color}*/;
	background: #509B2C /*{a-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #509B2C /*{a-body-background-start}*/), to( #6aba43 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #509B2C /*{a-body-background-start}*/, #6aba43 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #509B2C /*{a-body-background-start}*/, #6aba43 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #509B2C /*{a-body-background-start}*/, #6aba43 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #509B2C /*{a-body-background-start}*/, #6aba43 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #509B2C /*{a-body-background-start}*/, #6aba43 /*{a-body-background-end}*/);
}


footer .accordion .toggle .Toname{
   background: url(../img/common/icon/icon-plus.png) no-repeat 2px 50%;
}

footer .accordion .open .Toname{
  background: url(../img/common/icon/icon-plus2.png) no-repeat 2px 50%;
}

.accordion .toggle:after {
/*display:block;
  content:"";
  width:5px;
  height:5px;
  position:absolute;
  top:50%;
  left:10px;
  margin-top:-5px;
  border-top: solid 3px #333;
  border-right: solid 3px #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: .2s ease-in-out;*/
}
.accordion .open{
  background: url(../img/common/icon/icon-plus2.png) no-repeat 2px 50%;

}



footer .accordion  ul.SubUnitList{
background:#ffffff!important;
}
footer .accordion  ul.SubUnitList li a span{

	background: #eeeeee /*{c-bup-background-color}*/;
	font-weight: bold;
	color: #2F3E46 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);

}
.accordion .open:after {
   /* transform: rotate(135deg);
    -webkit-transform: rotate(135deg);*/
}
        
.accordion ul.SubUnitList{
 display: none;
}
        
/*
.accordion li ul {
  display: none;
  background:#999;
  margin:0;
  font-size:small;
  overflow:hidden;
  }
.accordion li {}
.accordion li a {
  line-height:20px;
  color:#fff;
.accordion li a:after {
 display:none;
}
.accordion li a:hover {
  background-color:#666;
}
*/
.headerNavMiddle ul li a {

}
.headerNavMiddle .toggle{
text-indent: 1.5em;
color: #18861B !important;
}
.headerNavMiddle .open{
  background:#419143 url(../img/common/icon/icon-plus2.png) no-repeat 2px 50%;
  color:#ffffff!important;
}




/*カスタム検索*/
#gsc{
  width:193px;
  position:relative;
}
#gsc .gsc-control-cse,
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
  margin:0 !important;
  padding:0 !important;
}

#gsc table.gsc-search-box td{}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
  vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
  border: 1px solid #dddddd !important;
  height:25px !important;
  width:193px !important;
  background: #eeeeee!important;
  margin-right:-20px!important;
  margin-left:-16px!important;
    
    
}




#gsc input[type="text"]:focus {
    border: 1px solid #008ee1 !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
    background-position:5px 5px !important;
}
/* ボタンの色 */
#gsc input.gsc-search-button {
background: #ff6600!important;
/*  background: -ms-linear-gradient(top,  #125c7b 0%,#125c7b 100%); IE10+ */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#125c7b', endColorstr='#125c7b',GradientType=0 ); IE6-9 */
border: 1px solid #ff801e !important;
text-indent: -9999px!important;

}
/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
    margin:0 0 0 0 !important;
    border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc .gsib_b a{
    position:absolute;
    top:0px;
    right:33px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}

#gsc input.gsc-search-button-v2{padding:6px 13px; display:block!important;}
#gs_tti50{width: 50px;}

#gsc.gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0!important;}
.AreaSearchSp #gsc{width:190px; margin:0 auto;}







}/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*350+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 350px) {


.SiteHeaderArea .HeaderInfoBlock #TelephoneItem {
  position: absolute;
  right: 55px;
  width: 50px;
  z-index: 20000;
  display: block;
  top: 12px;
  text-align: center;
}

body.SpView #Clinktop span.HeadH1Sub {
  width: 150px;
  margin-left: 6px;
  margin-top: 8px;
}

#Clinktop .HeadH1 img{
  width:220px;

}



}/*350++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 300px) {
/*
#HeaderDivision{width:100%; padding-top:5px; padding-bottom:5px;
top:0!important;
}
*/



}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/