@charset "utf-8";
@media print {
		#zone_body_bg {
				background: white none;
		}
}
#zone_topstage {
		width: 100%;
		padding: 0;
}
.s_info_area_wrap .sp_on {
		display: none;
}
@media (max-width: 959px) {
		.s_info_area_wrap .sp_on {
				display: block;
		}
}
/* --------------------------------------------------
	全体
-------------------------------------------------- */
#zone_sheet {
		overflow-x: hidden;
		width: 100%;
		background-color: white;
		color: rgb(75, 75, 75); /*基本文字カラー*/
}
@media (max-width: 768px) {
		#zone_sheet {
				width: 100%;
				background-color: white;
		}
}
#zone_sheet_top {
		width: 100%;
		background-color: white;
		color: rgb(75, 75, 75); /*基本文字カラー*/
		background: url("../image/sitetop/bg-top-genome.gif") no-repeat;
		background-position: top right;
}
@media (max-width: 768px) {
		#zone_sheet_top {
				width: 100%;
				background-color: white;
			background: none;
		}
}
/* --------------------------------------------------
	ヘッダー層（incg-header）
-------------------------------------------------- */
/* サイト内検索のinputの装飾 */
input#bpts_keywords1 {
		margin-top: 5px;
		outline: none;
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		background: none transparent;
		vertical-align: middle;
		font-size: inherit;
		color: inherit;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		width: 162px;
		height: 20px;
		padding: 2px 12px;
		border: 1px solid #ddd;
		color: #828c9a;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #0084B4;
		background: #e7f0f9;
		color: #fff;
		color: #476fb6;
		border-color: #0084B4;
		border-color: #bbb;
}
/* --------------------------------------------------
	最上層（top_floor）
-------------------------------------------------- */
/*タイトルとメニュー横並び*/
.zone_header_flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
}
/*サイトタイトル*/
.zone_headre_title {
		margin: 1em 0 0 1em;;
}
.zone_headre_title a {
		font-size: 2.5em;
		text-decoration: none;
		font-weight: normal;
		color: #65B0A8 !important;
		padding: 1em 0;
font-family: 'Shippori Mincho', serif;
}
.zone_headre_title a span.sm {
		font-size: .45em;
		display: block;
		letter-spacing: .02em;
		margin-bottom: -1em;
}
.zone_headre_title a span.en {
		font-size: .295em;
		display: block;
		margin-top: -1em;
}
.zone_headre_title a span.sm_en {
		font-size: .45em;
		display: block;
		margin-bottom: -5em;
}
@media (max-width: 1200px) {
		.zone_header_flex {
				display: block;
		}
}
@media (max-width: 768px) {
		/*サイトタイトル*/
		.zone_headre_title {
				font-size: .65em;
		}
		.zone_headre_title a span.sm {
				display: block;
				margin-bottom: -.8em;
				font-size: .55em;
		}
}
.zone_headre_title a:hover {
		text-decoration: none;
}
/*メニューの幅*/
.zone_mainmenu {
		width: 100%;
		margin: 0 0 0 auto;
}
.zone_mainmenu a {
		color: #333 !important;
		text-decoration: none;
}
.menu_misc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}
.menu_misc li a {
		font-size: .8em;
		color: #666 !important;
		margin: 0 1em;
		text-decoration: none;
}
@media (max-width: 768px) {
		.menu_misc li a {
				font-size: .8em;
		}
		.menu_misc {
				width: 100%;
		}
}
/* パンくずエリア */
.zone_pankuzu_div *, .zone_pankuzu_div *:after, .zone_pankuzu_div *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.zone_pankuzu_div {
    max-width: 1200px;
    margin: 1em auto 3em auto;
    padding: .3em 2em;
    color: #9EC0E4;
    font-size: 0.7em;
}
.zone_pankuzu_div a {
    text-decoration: none;
}
.zone_pankuzu_div a span {
    color: #9EC0E4;
}
.zone_pankuzu_div .zone_pankuzu {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.zone_pankuzu_div li {
    display: inline-block;
    position: relative;
    top: 3px;
    padding-right: calc(16px + 8px);
    margin-right: 8px;
    color: #A3A9B5;
}
.zone_pankuzu_div li::before {
    content: '›';
    width: 1.2em;
    height: 1.2em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: inherit;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.zone_pankuzu_div li:first-child img {
    margin-right: 10px;
}
.zone_pankuzu_div li:last-child {
    margin-right: 0;
    padding-right: 0;
    color: #43B5B4;
}
.zone_pankuzu_div li:last-child::before {
    content: normal;
}
.zone_pankuzu_div img {
    width: 15px;
    vertical-align: -15%;
    margin-right: 5px;
}
@media (max-width: 768px) {
    .zone_pankuzu_div {
        font-size: .7em;
        text-align: center;
    }
}
/* ヘッダー右（サイトマップetc）のエリア*/
.zone_header_right .misc, .zone_header_right .top_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: auto;
		margin: 0;
		padding: 0 2em;
}
.zone_header_right .misc li a {
		color: #fff;
		padding: 0 .4em;
		display: block;
		transition: .4s;
		width: auto;
		height: 2em;
		font-size: 11px;
		text-decoration: none;
		line-height: 2em;
		border-radius: 3px;
		margin-left: 5px;
		font-weight: bold;
}
.zone_header_right .misc li a:hover { /* hoverで色変更 */
		color: #fff;
}
/*検索の虫眼鏡*/
/*検索窓のエリア*/
#search-wrap {
		top: 10px;
		right: 10px;
}
/*テキスト入力input設定*/
#search-text {
		-webkit-appearance: none; /*SafariやChromeのデフォルトの設定を無効*/
		width: 20px; /*テキスト入力エリアが伸びる前の横幅*/
		height: 20px;
		padding: 6px;
		border: none;
		background: #fff url("../image/common/icon-search.svg") no-repeat 6px center; /*虫眼鏡アイコンを背景に表示*/
		background-size: 24px 24px;
		transition: all 0.5s; /*transitionを使ってスムースに伸ばす*/
		outline: none;
		color: #666;
		cursor: pointer; /*カーソルを指マークに*/
}
/*テキスト入力inputにフォーカスした時の形状*/
#search-text:focus {
		width: 250px; /*テキスト入力エリアが伸びる後の横幅*/
		padding: 6px 0 6px 60px;
		box-shadow: 0 2px rgba(6, 0, 1, .26);
}
/* 上部のメニュー */
.zone_header_right .top_menu li a {
		padding: 0 1.2em;
		font-size: .92em;
}
@media (max-width: 768px) {
		.zone_header_right .misc, .zone_header_right .top_menu {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				border-radius: 0;
		}
}
/* --------------------------------------------------
	第二層（middle_floor）
-------------------------------------------------- */
/* 基本　*/
#zone_middle_floor {
		margin: 0 auto;
		padding: 20px 10px;
		max-width: 1200px;
}
/* トップページのステージ */
#zone_stage {
		margin: 0px auto;
		width: 100%;
}
/* サブページのステージ */
#zone_substage {
		margin: 0px auto;
		height: 385px;
		width: 100%;
		background-size: cover;
}
@media (max-width: 768px) {
		#zone_stage {
				height: 170px;
		}
		#zone_substage {
				overflow: hidden;
				height: auto;
		}
		#zone_substage img {
				margin-left: -75px;
		}
}
/* メインエリア  */
#zone_mainarea {
		height: 98%;
}
@media (min-width: 769px) {
		#zone_mainarea {
				/*サイドメニューより高さを出す*/
				min-height: 380px;
		}
	#zone_middle_floor{
		padding: 0;
	}
}
#zone_mainarea_1col {
		margin: 0 auto;
		max-width: 1100px;
		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: 5em auto 0 auto;
		background: url("/~rad-onc/image/sitetop/bg-top-genome.gif")no-repeat;
	background-size: cover;
		width: 100%;
		clear: both;
}
/* フッター */
#zone_footer {
		overflow: hidden;
		margin: 0px auto 0px auto;
		color: #A2A2A2;
		align-items: center;
}