@charset "utf-8";

/*　テンプレート-ワイドビジュアル Simple　*/


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

　カラーリング

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


/*

一括変更用

#183671
rgba(24,54,113, X.XX);

*/


body{}

header{}
.mainimage{ }


footer{	background:#F1F1F1;}
footer *{ color:#333; }

header #logo a{
	color:#3C3C3C;
	}

header h1,
header p.h1{
	color:#666;
	background:#FFF;
}


p.tel a,
p.fax,
p.tel_uketsuke{
  color:#3C3C3C;
  }


/* 共通ボタン　*/
.btn-detail a{
  color:#3C3C3C;
  border:1px #666 solid; 
  background: inherit;
  }

.btn-detail a:hover {
   color: #FFF;
   background: #B3B3B3;
}


/* 共通ボタン2　*/
.txt_bnr a {
  background-color: #EEE;
  color: #000;
}
.txt_bnr a:hover {
  background-color:#57AFC1;
  color:#FFF;
}



.block table td{ border:solid #DDD 1px;	}
.block table th{ background:#EEE;	}
.block table td{ background:#FFF;}


/* タイトル*/
.pagetitle_box{
	background:rgba(24,54,113,0.90);
}
h1.pagetitle{
	color:#fff;
	text-align: left;
	padding: 2% 0;
	}

h2{
	color:#333;
	text-align: left;
	font-size: 36px;
	border: 0;
	position: relative;
	padding: 1em 0 0 0;
}

#main h3{
	font-size: 28px;
	background: none;
	color:#333;
	padding: 2% 0;
  
}

h4{
	font-size: 19px;
	background:rgba(24,54,113,0.85);
	color:#FFF;
	/*display: inline-block;*/

	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	padding:1% 0;
	border: 0;
	/*border: 1px solid #CCC;*/

	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	
	/*
	border-radius: 50vh; 
	-webkit-border-radius: 50vh; 
	-moz-border-radius: 50vh;
	*/
}

.side-navi h3{
  color:#333;
  border-bottom:2px solid #333;
  }


/* ヘッダーナビ*/


nav #menu li a{
  font-size: 15px;
 	color:#000;
}


nav #menu li a:hover {
color: #676767;
 
}


/* .dropdown　*/
nav #menu .menu{}
nav #menu li ul{
		width: 230%;
}


nav #menu li ul li{
  border-bottom:1px solid #DDD;
}
nav #menu li ul li a{
  background:#FFF;
	color:#333;

	}
nav #menu li ul li a:hover{ background:#C7C7C7;}
	



/*メールフォーム*/
.contact_tel{
	background:#F8F8F8;
	border:#EEE solid 10px;
	}
.contact_tel h2{
	background:#CCC;
	color:#FFF;
	}



#top-information ul li{ 	border-bottom:1px solid #EEE;	}
#top-information .cate span{ background:#EEE; color:#333;}
#top-information .btn-datail{background:#000000;}
#top-information .btn-datail a{	color:#FFF;}






  
  

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


　共通箇所
　（同種類テンプレート共通箇所）
　アップデート時はコピペする


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


body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }



p.tel a,
p.fax,
p.tel_uketsuke{
  font-family:"Century Gothic";
  font-weight:bold;
}





/*レイアウト*/


/*幅*/
#wrapper,
#content,
.mainimage,
.mainimage .mainimage_inner{
	width:100%;
	}
header .inner{
	width:98%;
	margin: 0 1%;
}


article.wrap,
h1.pagetitle,
.btn_pagetop,
.contact_box{
	width:1120px;
	margin:0 auto;
}

.admin_wrap{}

#content.inner{ width:100%; }

#content{
	padding-top:0;
}

#content #main{
	float:left;
	width:72%;
	}
#content #sidebar{
	float:right;
	width:24%;
}


#column{
	padding-top:2%;
}



/*トップ・問い合わせだけ1カラム*/
.home #sidebar{ display:none; }
.home #content #main,
.column1 #main{
	float:none;
	width:100% !important;
	}
#content #sidebar nav#side_g_navi{
  display:none;
}

/*ヘッダー*/
header{
	margin-bottom: 1px;
}

/*ヘッダー固定*/
header{
	position:fixed;
	width: 100%;
	z-index: 200;
	top: 0;

	
}
/*ログイン時*/
body.admin header{
	top: 46px ;
}
/*ヘッダー固定用*/
#content,
#content.inner{
	/*margin-top:95px;*/
}
h2{
	/*padding-top:95px;*/
}

header .inner{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

/* 順序・サイズ */
header #logo{ order: 1; }
header #logo_r{ order: 3; display: none; }
header nav{ order: 2; }

header #logo{
	width: 30%;
	margin-right: 2%; 
	margin-bottom: 0;
}


header #logo_r{ width: 70%;}

header #logo img{
	width: 100%;
	max-height: 53px;
	margin: 5px 0 0 0 ;
}

header h1,
header p.h1{
	text-align: center;
	background: none;
	color: #FFF;
}

header #logo,
header #logo a,
header h1,
header p.h1{
	color: #FFF;
	text-align: center;
	}
header #logo a,
header h1,
header p.h1{
	text-shadow: 0px 0px 5px rgba(0,0,0,0.6) ;
}

/*ヘッダーナビ*/
header nav#head_g_navi{	
	background: rgba(255,255,255,0.90);
	width:auto;
	border-radius: 50vh;
	 background:#FFF;
	 padding: 0 2em ;
}
header nav#head_g_navi #menu{ border-right:0px; }
header nav#head_g_navi #menu li{  border-left:0px;}

header nav#head_g_navi .inner{
	width: auto;
}
header nav#head_g_navi ul li a{
padding: 1em;
}

nav #menu li a{
	font-size: 15px;
	}

/* フッター */
footer{
	padding:2%;	
}

.btn_pagetop{}
.btn_pagetop a{
	background: url(images/btn-pagetop.png) no-repeat 0 0;
}
.btn_pagetop a:hover{}

#logo-footer{}
#navi-footer{}

#logo-footer img{ width: 200px;}
address.copyright{
	padding-top:3%; 
}


/*TOPページ*/
.mainimage{ /*padding-bottom:20px;*/}
.mainimage img{}


/*TOPお知らせ*/
#top-information{}
#top-information ul{}

#top-information .btn-datail{
	background: #FFF;
	border: 1px solid #333;
	width: 100px;
	text-align: center;
	border-radius: 50vh; 
}
#top-information .btn-datail a{
	color: #333;
	padding: 1% 2%;
}


/* コンテンツ部分 */
#content{
	/*border-top: 10px solid #183671;*/
}


#main{ background:#FFF;}

	
/* サイドバー */
#sidebar{ }
.side-navi{
  background:#FFFFFF;
  padding:0.2em;
}

.side-navi h3{}
.side-navi{}
.side-navi ul li a{
  color:#333;
	border-bottom:solid 1px #EEE;
	}	

#side_contact{
  background:#FFF;
	border:5px solid #EEE;
	}


/*  非表示　*/
header #logo_r #btn_sns{ 
	display: none;
}