@charset "utf-8";

@media screen {
	#zone_body_bg {
	 }
}

@media print {
	#zone_body_bg {
	 background:white none;
	
	 }
}



/* --------------------------------------------------
	全体
-------------------------------------------------- */

#zone_sheet {
	width: 100%;
/*	background: url('../image/common/bg-sheet.png') repeat-x;*/
	background-color:white;
	position:absolute;
	z-index:0;
	
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","ＭＳ ＰGothic",Arial,Helvetica,Verdana,sans-serif;
	color:rgb(75,75,75);/*基本文字カラー*/

}

@media (max-width: 768px) {
     #zone_sheet {
		width: 100%;
/*		background: url('../image/common/bg-sheet-sf.png') repeat-x;*/
		background-color:white;
     }
}

#zone_sheet_top {
	width: 100%;
/*	background: url('../image/common/bg-sheet-top.png') repeat-x;*/
	background-color:white;
	
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","ＭＳ ＰGothic",Arial,Helvetica,Verdana,sans-serif;
	color:rgb(75,75,75);/*基本文字カラー*/
}


@media (max-width: 768px) {
     #zone_sheet_top {
		width: 100%;
/*		background: url('../image/common/bg-sheet-top-sf.png') repeat-x;*/
		background-color:white;
     }
}


#zone_sheet_semiliquid-left {
	margin:0px auto;
	width:100%;
/*	max-width:1200px;*/
/*
	background-image:url('../image/common/bgi-sheet-left.png');
	background-repeat: repeat-y;
*/
	overflow:hidden;
/*	background-position:left;*/
}

#zone_sheet_semiliquid-right {
	margin:0px auto;
	width:100%;
/*	max-width:1200px;*/
/*
	background-image:url('../image/common/bgi-sheet-right.png');
	background-repeat: repeat-y;
*/
	overflow:hidden;
/*	background-position:right;*/
}


@media (max-width: 768px) {

#zone_sheet_semiliquid-left {
/*	background-image:url('../image/common/bgi-sheet-left-sp.png');*/
}

#zone_sheet_semiliquid-right {
	position: absolute;
/*	background-image:url('../image/common/bgi-sheet-right-sp.png');*/
}

}


/* --------------------------------------------------
	最上層（top_floor）
-------------------------------------------------- */
/* ======2018-08-24　修正前

#zone_header_layer_sheet{

	position:absolute;
	z-index:3;
	width:100%;
	height:220px;
	background-color:rgba(35,53,109,0.59)
}

*/


#zone_header_layer_sheet{

	position:absolute;
	z-index:3;
	width: 100%;
	height:220px;
	background-color:rgba(255,255,255,0.79);
}

#zone_header_layer_ribbon{
	position:absolute;
	z-index:5;
	text-align:center;
	width:100%;
/*	margin-top:20px;*/
	height:130px;
	max-width:100%;
	background-image:url('../image/common/bgi-header.png');
/*	opacity:0.7;*/
}

#zone_header_layer_layout_wrapper{
	position:absolute;
	z-index:7;
	text-align:center;
	width:100%;
/*	margin-top:20px;*/
}

#zone_header_layer_layout_wrapper_inside{
	position:relative;
	width:100%;
	max-width:1200px;
	box-sizing: border-box;
	margin:0 auto;
/*	padding-top: 10px;*/
	text-align:center;

	overflow: hidden;
	height: 220px;
}

#zone_header_layer_logo{
	float:left;
	position:relative;
	width:49.9%;
	height:120px;
	background-color:transparent;
	overflow:hidden;
	line-height:120px;
	vertical-align:middle;
	
	text-align: left;
}
#zone_header_layer_logo img{
 /*	width:100%;*/
	max-width:600px;
	height:100%;
	vertical-align:middle;
}

#zone_header_layer_tel{
	float:right;
	position:relative;
	max-width:49.9%;
	height:85px;
	background-color:transparent;
	margin-top:40px;
}

@media (min-width: 769px) {/*PCのみ*/
	#zone_header_layer_ribbon{
		background-color:white;
		background-position:center center;
}
 	#zone_header_layer_layout_wrapper::before{/*最最上部バー*/
/*		content: "";
		display: block;
		width:100%;
		height:10px;
		background:rgb(45,71,143);*/
	}
	#zone_header_layer_logo img.for_pc{
		box-sizing: border-box;
		padding: 10px 20px;
	}
	#zone_header_layer_logo img.for_sf{
		display: none;
	}
}
@media (max-width: 768px) {
	#zone_header_layer_ribbon{
		height: 50px;
	}
	#zone_header_layer_sheet{
		height:50px;
	}
	
	#zone_header_layer_layout_wrapper{
		margin-top: 0;
	}
	#zone_header_layer_logo{
		float:none;
		position:relative;
		box-sizing: border-box;
		width:100%;
		height: 60px;
		padding:0 60px 0 10px;
		line-height: 50px;
	}
	#zone_header_layer_logo img{
		box-sizing: border-box;
		max-width: 100%;
		height:auto;
		max-height: 40px;
	}
	#zone_header_layer_logo img.for_pc{
		display:none;
	}
	#zone_header_layer_tel{
		float:right;
/*		position:relative;*/
		width:100%;
		height:auto;
		background-color:transparent;
		margin-top:50px;
		
/*		position: static;*/
		
	}
/*
	#zone_header_layer_tel .btn_contact{
		box-sizing: border-box;
		display: block;
		?margin-top: -171px;
		padding: 0 54px 0 5px;
		height: 51px;
		background-color: rgba(255,255,255,0.24);
		line-height: 50px;
		
		position: absolute;
		top: -50px;
		width: 100%;
	}
	#zone_header_layer_tel .btn_contact img{
		vertical-align: middle;
	}
*/
}



/* 基本　*/
#zone_top_floor{
	margin: 0px auto 0px auto;
/*	width:900px;*/
	width:auto;
	max-width:1100px;
	padding:0px 15px;
}

#zone_header{
	height:122px;
	font-size:0.7em;
	/*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","ＭＳ ＰGothic",Arial,Helvetica,Verdana,sans-serif;*/
/*	color: #4B4B4B;*/
}

@media (max-width: 768px) {
	#zone_header{
	 margin-bottom:20px;
	}
}

/* パンくずエリア */
#zone_pankuzu {
	height:25px;

	font-size:0.7em;
/*	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","ＭＳ ＰGothic",Arial,Helvetica,Verdana,sans-serif;*/
/*	color: #808080;*/
}
#zone_pankuzu a:first-child{
	text-decoration: none;
}

#zone_pankuzu a{
/*	text-decoration:none;*/
}
#zone_pankuzu a:first-child{
	color: rgb(237,123,49);
}


/* --------------------------------------------------
	第二層（middle_floor）
-------------------------------------------------- */

/* 基本　*/
#zone_middle_floor{
	margin: 0px auto 0px auto;
	padding:20px 15px 0 17px;
/*	width:auto;*/
	width:85%;
	max-width:1100px;
}

/* トップページのステージ */
#zone_stage{
	margin:0px auto;
/*	height:96px;*/
	width:100%;
/*	max-width:1200px;*/
/*	padding-top:8px;*/
/*	margin-bottom:434px;*/
}

/* サブページのステージ */
#zone_substage{
	margin:0px auto;
/*	height:96px;*/
	height:385px;
	width:100%;
	max-width:1200px;
/*	padding-top:8px;*/
}
@media (max-width: 768px) {

	#zone_substage{
		overflow: hidden;
		/*margin-top: 50px;*//*ヘッダー分あける*/
/*		height: 65px;*/
		height: 175px;
	}
	#zone_substage img{
		margin-left:-75px;
	}
}

/* トップページのステージ下のメッセージボックス */
#zone_understagebox{
	margin: -60px auto 0px auto;
	height:60px;
	width:100%;
	max-width:1200px;
	background-color:rgba(48,103,177,0.65);
	text-align:center;
	line-height:60px;
	color: white;
	font-size: 2em;
	font-weight:bolder;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

@media (max-width: 768px) {
	#zone_understagebox{
		font-size:1.3em;
	}
}


/* ボディ領域  */
#zone_body {
	/* サイドメニューを左に持ってくる場合 float:right; */
	/* サイドメニューを右に持ってくる場合 */ float:left;
	width:100%;
	max-width:1100px;
	/* サイドメニューを左に持ってくる場合 *//* margin: 0px 0px 0px -240px; */
	/* サイドメニューを右に持ってくる場合 *//**/ margin: 0px -240px 0px 0px; 
}

/* メインエリア  */
#zone_mainarea {
/*	float:left;*/
/*	width:610px;
	width:100%;*/
	/* サイドメニューを左に持ってくる場合 margin: 0px 0px 0px 240px; */
	/* サイドメニューを右に持ってくる場合 */ margin: 20px 265px 0px 0px;
	height:98%;
/*	color: #333333;*/
	
}
@media (min-width: 769px) {
	#zone_mainarea {
		/*サイドメニューより高さを出す*/
		min-height: 380px;
	}
}

#zone_mainarea_1col {
/*	float:left;*/
/*	width:610px;
	width:100%;*/
	/* サイドメニューを左に持ってくる場合 margin: 0px 0px 0px 240px; */
	/* サイドメニューを右に持ってくる場合 */ margin: 20px 3px 0px 0px;
	height:98%;
	color: #333333;
}

#zone_mainarea.top {
	margin: 0;
}

@media (max-width: 768px) {
	#zone_mainarea.top {
		margin: 0;
		height:100%;
	}
}

/* サイドエリア サブ　*/
#zone_sidearea_sub {
	/* サイドメニューを左に持ってくる場合 */ float:left;
	/* サイドメニューを右に持ってくる場合 float:none; */
	width: 235px;
	height:auto;/* 高さライトサイドに合わせるときに有効にする */
	margin-left:5px;
	margin-top:18px;
}


@media (max-width: 768px) {
     #zone_body, #zone_mainarea, #zone_sidearea_sub{
          float: none;
          margin:0px;
          width: auto;
		 
		 margin-bottom: 10px;
     }
	
	#zone_sidearea_sub{/*背景前面塗用*/
		margin-left: -30px;
		margin-right: -30px;
		padding-left: 30px;
		padding-right: 30px;
		
		background: rgb(230,230,230);
	}
}


/* --------------------------------------------------
	第三層（bottom_floor）
-------------------------------------------------- */

/* 基本 */
#zone_bottom_floor{
	margin: 0px auto 0px auto;
/*	width:900px;*/
	width:100%;
}

/* フッター */
#zone_footer {
	overflow: hidden;
	margin: 0px auto 0px auto;
	/*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","ＭＳ ＰGothic",Arial,Helvetica,Verdana,sans-serif;*/
	/*height:250px;*/
	color: white;
	/*text-align:center;*/
/*
	background-image:url('../image/common/bgi-footer.png'),url('../image/common/bgi-footer-02.png');
	background-repeat: no-repeat,no-repeat;
	background-position: center top,center top 134px;
*/
}
#zone_footer::after{
/*	content: "";
	display: block;
	height: 10px;
	max-width: 1200px;
	margin:0 auto;
	background-color: rgb(45,71,143);*/
}

#zone_footer_layer_logo{
	float:left;
	margin-left:10px;
}

#zone_footer_layer_tel{
	float:right;
	margin-right:10px;
}