@charset "UTF-8";

/*-----------------------------------------------------------

1. common-共通部分

-----------------------------------------------------------*/




/* common
-----------------------------------------------------------*/

html,
body {
	width: auto;
}

/*
body{
	background: url(../images/bg_gNav.jpg) repeat-x left 111px;
}
*/

/*ヘッダー(ロゴ～グローバルナビメニュー ※横幅背景含む)*/
#head_wrap {
	width: 100%;
	background:#ffffff url(../images/bg_gNav150618_1.jpg) repeat-x left 110px;}

/*ヘッダー(ロゴ～グローバルナビメニュー ※横幅背景含まない)*/
#wrapper {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
    background-color:#ffffff;
}

#container {
	width: 980px;
	margin: 0 auto;
	/*padding-top: 10px; 
	-webkit-box-shadow: 0px 4px 10px 3px rgba(102,102,102,0.5);
	-moz-box-shadow: 0 4px 10px 3px rgba(102,102,102,0.5);
	box-shadow: 0px 4px 10px 3px rgba(102,102,102,0.5);*/
	padding-bottom:35px;
    background-color:#ffffff;

}

#container_free {
	width: 980px;
	margin: 0 auto;
/*	padding-top: 10px; 
	-webkit-box-shadow: 0px 4px 10px 3px rgba(102,102,102,0.5);
	-moz-box-shadow: 0 4px 10px 3px rgba(102,102,102,0.5);
	box-shadow: 0px 4px 10px 3px rgba(102,102,102,0.5);*/
	padding-bottom:35px;
}
#header {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/*
#header {
	height: 100px;
	margin: 0 10px;
}
#header h1 {
    width:200px;
	margin-top: -7px;
    float:left;
}

#header_adsense {
    float:right;
    height:90px;
}
*/
@media screen and (max-width:780px){
  #header {
    justify-content: flex-start;
	}
}





/*メニュー
----------------------------------------------------------*/

/*スマホ用メニューボタン(非表示)*/
#navi-area{
  display:none;
}

/*グローバルナビメニュー*/
#gNav {
  clear:both;
  height: 36px;
  /*padding: 0 10px;*/
  background:#ffffff url(../images/bg_gNav150618_1.jpg) repeat-x left top;
}

/*グローバルナビメニューリスト全体*/
#gNav ul {
  overflow: hidden;
  height: 36px;
}

/*グローバルナビメニューリスト個々*/
#gNav li {
  display: inline-block;
  margin: 7px 0;
  border-left:1px solid #E3E3E3;
}
#gNav li:first-child{
  border:none;
}
#gNav li a{
  padding: 10px 14.5px 3px 14.5px;/*15.06.10変更*/
  border-bottom:none;
  color:#212121;
  font-size:15px;
  transition: all 0.3s;
}
#gNav li a:hover{
  opacity:0.6;
}

/*黄色部分メニュー*/
#oaNav {
  clear:both;
	height: 29px;/*15.06.18変更*/
	padding: 0 7px;
  background:#ffe100;
}

/*黄色部分メニューリスト全体*/
#oaNav ul {
	overflow: hidden;
  height: 29px;/*15.06.18変更*/
}
.gNav_search{ /*15.06.10変更*/
  display:none;
}

/*黄色部分ナビメニューリスト個々*/
#oaNav li {
	display: inline-block;
  /*margin-top:-3px;*/
  vertical-align:text-top;
}
#oaNav li a{/*15.06.18変更*/
  text-decoration:none;
  border:none;
  color:#000000;
  font-size:13px;
  padding:3px 8px 3px 8px;/*15.06.10変更*/
  display: block;
  height:29px;
  transition: all 0.3s;
}
#oaNav li a:hover{
  opacity:0.6;
}

#oaNav ul{
  float:left;
  width:95%;
}
.oaNav_search{
  float:right;
  width:25%;
}

.gsc-input-box{
  height:auto !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
  padding:3px 18px !important;
}
.gsc-control-cse{
  border-color:none !important;
  background-color:transparent !important;
}
.cse .gsc-control-cse, .gsc-control-cse{
  background-color:transparent !important;
  border:none !important;
  padding:0 !important;
}

#oaNav{
  clear:both;
}



#footer {
	width: 100%;
	min-width:980px;
	background:#FFF4A8;
	border-top:#F7E000 solid 7px;
}
@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) {
/* Styles */
#footer {
	width: 980px;
    background-color:#FFF4A8;
    border-top:solid 7px #F7E000;  
}
}

#footerInner {
	position: relative;
	width: 960px;
	/*height: 450px;*/
	margin: 0 auto;
}





/* #area1
-----------------------------------------------------------*/

#area1 {
	padding: 0 10px;
}


/* #area2
-----------------------------------------------------------*/


#area2 {
}

/* #area3
-----------------------------------------------------------*/

#area3 {
	clear: both;
	padding: 0 10px;
}
.area3 {
	clear: both;
	padding: 0 10px;
}



/* #footer
-----------------------------------------------------------*/

#footerInner .pagetop a:hover{
	background-position:0 -17px;
	}

#footerInner #fNav ul {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 15px;
}
#footerInner #fNav > li{
	float: left;
	width: 150px;
	margin-right: 15px;
}
#footerInner #fNav li {
	margin-bottom: 5px;
	font-size: 85%;
}

#copyimg{
	width:960px;
	margin:0 auto;}



#social_area a img{
    margin:0 10px;
}

/* 
-----------------------------------------------------------*/

.s_open {
	display: none;
}

.pcview a {
	display: none;
}

/*文字のタイトルにしてる時用*/
.p_title{
  clear:both;
  padding:1em;
  font-weight:bold;
  margin-bottom:1em;
  }





.wpcf7c-elm-step2{
  margin:1em 0;
  padding:1em;
  background:#ffba6d;
  font-weight:bold;
  }
.wpcf7c-btn-back{
  padding:0.5em;
  background:#ffffff;}