@charset "UTF-8";
/* ==========================================================

title : 東建塩河カントリークラブ　
scope : 全ページ共通CSS

last modify : 2017/07/28 306_kondo add.#main_contents

2015/12/21 262_ichinose  

========================================================== */

/* ----------------------------------------------------------
	reset
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
body {
	font-size: 17px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}

input, textarea, select, button {
  font-family: inherit;
  vertical-align:middle;
}

a {
	text-decoration:none;
}

a:link {
	color:#0000FF;
}
 
a:visited {
	color:#0000FF;
}

a:hover {
	color:#FF0000;
}
	
/* ----------------------------------------------------------
	汎用スタイル
---------------------------------------------------------- */

/* ------ hover時画像を透過 ------ */
a:hover img.alpha-hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* iPad用 */
@media screen and (max-device-width: 1024px) {
	a:hover img.alpha-hover {
		opacity: 1!important;
	}
}

/* ------ clearfix ------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

.bold {
	font-weight: bold;
}

/* ----------------------------------------------------------
	フォントサイズ相対指定
---------------------------------------------------------- */
.fs-l {
	font-size: 125%;
	vertical-align: middle;
}

.fs-s {
	font-size: 88%;
}


/* ----------------------------------------------------------
	header
---------------------------------------------------------- */
header {
	min-width: 1000px;
	height: 112px;
  margin: 0 0 67px;
	border-top: 9px solid #f8e6ec;
}

#header-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 1000px;
	margin: 0 auto;
	background: url(/image_cmn_new/h_liine.png) no-repeat 0 0;
}

#h_logo {
	margin: 42px 0 0 0;
}

/* ------ h-reserve-web ------ */
#h-reserve-web {
	position: absolute;
	top: 19px;
	left: 450px;
	width: 300px;
	height: 90px;
	background: #fff0f5;
}

.h-reserve-web-ttl {
	padding: 13px 0 0 0;
	line-height: 0;
  text-align:center;
}

.h-reserve-web-nav {
	overflow: hidden;
	width: 250px;
	margin: 8px auto 0;
}

.h-reserve-web-nav .web_golf {
	float: left;
}

.h-reserve-web-nav .web_staygolf {
	float: right;
}

.h-reserve-web-nav .member {
	float: left;
}

.h-reserve-web-nav .visitor {
	float: right;
}

/* ------ h-reserve-tel ------ */
#h-reserve-tel {
	position: absolute;
	top: 44px;
	right: 15px;
	width: 200px;
}

#h-reserve-tel dt {
	margin: 0 0 0 53px;
}

#h-reserve-tel .member {
	margin: 9px 0 1px 0;
}

#h-reserve-tel .visitor {
	padding: 5px 0 0 0;
	background: url(/image_cmn_new/line_gold_dot.png) repeat-x 0 0;
}

/* ------ header-nav ------ */
#header-nav {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 16px;
	width: 206px;
}

#header-nav .sitemap {
	float: left;
}

#header-nav .inquiry {
	float: right;
}


/* ----------------------------------------------------------
	main-nav
---------------------------------------------------------- */
#main-nav {
  position: absolute;
  top: 121px;
  left: 0;
  width: 100%;
	min-width: 1000px;
	height: 67px;
	background: url(../image_cmn_new/nav_bg.png) repeat-x center 0;
}
#main-nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

#main-nav ul {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#main-nav ul li {
	float: left;
}


/* ----------------------------------------------------------
	line-box
---------------------------------------------------------- */
.line-box {
	width: 100%;
	padding: 0 0 13px;
	background: #fff url(/image_cmn_new/line_shadow-ie8.png) repeat-x 0 bottom;
}

.line-box-inner {
	width: 100%;
	min-width: 1000px;
	border-bottom: 1px solid #d9d4bd;
}


/* ----------------------------------------------------------
	.f-text
---------------------------------------------------------- */
.f-text {
	width: 100%;
	background: #fff url(/image_cmn_new/line_shadow-ie8.png) repeat-x 0 1px;
}

.f-text-inner {
	width: 100%;
	min-width: 1000px;
	padding: 30px 0 0 0;
	border-top: 1px solid #d9d4bd;
}

.f-text .key-wrap {
	width: 600px;
	margin: 0 auto 32px;
	padding: 0 10px 0 10px;
	background: #f5f5df;
}

.f-text .key-ttl {
	padding: 18px 0 10px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #242424;
	border-bottom: 1px solid #969696;
}

.f-text .key-text {
	padding: 6px 10px 14px 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #242424;
	letter-spacing: -0.02em;
}


/* ----------------------------------------------------------
	footer
---------------------------------------------------------- */
footer {
	width: 100%;
	min-width: 1000px;
	margin: 0px;
	padding: 0px 0px 20px;
	border-top: #ccc solid 1px;
	background: url(/image_cmn_new/footer_line.png) repeat-x 0 bottom;
	font-size: 12px;
}
	
footer > #footer-box {
	width: 100%;
	min-width: 1000px;
	padding-top: 20px;
	background: url(/image_cmn_new/footer_bg.gif) repeat-x 0 0;
}
	
footer > #footer-box > ul {
	margin:10px 0px;
	padding:0px;
	text-align:center;
}
	
footer > #footer-box > ul > li {
	display:inline;
	padding:0px 10px;
	border-right:#000 solid 1px;
}
	
footer > #footer-box > ul > li:first-child {
	border-right:#000 solid 1px;
	border-left:#000 solid 1px;
}
	
footer > #footer-box > dl {
	margin:10px 0px;
	text-align:center;
}
	
footer > #footer-box > dl > dt,
footer > #footer-box > dl > dd {
	display:inline;
}
	
footer > #footer-box > p {
	margin:10px 0px;
	text-align:center;
}
	
footer > #footer-box > .footmenu {
	overflow:hidden;
	clear:both;
	width:650px;
	margin:0px auto;
	padding:0px;
}
	
footer > #footer-box > .footmenu > p.menu-title {
	float:left;
	clear:left;
	width:90px;
	background:none;
	margin:0px 0px 8px 8px;
	padding:0px 8px 0px 0px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	line-height:120%;
}

footer > .footmenu > ul {
	list-style:none;
	margin:0px 0px 0px 5px;
	padding:0px;
	}

footer > #footer-box > .footmenu > ul > li {
	display:inline;
	float:left;
	margin:0px 0px 8px;
	padding:0px 14px 2px 2px;
	border:none;
	background:url(/image_cmn_new/mrk_slash.gif) no-repeat right 1px;
	font-weight:normal;
	text-align:left;
	line-height:120%;
	letter-spacing:-0.1em;
}

footer > #footer-box > .footmenu > ul > li.li_last{
	background:none;
}


/* ----------------------------------------------------------
	.siteroute
---------------------------------------------------------- */
.con-top {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.siteroute {
	width: 970px;
	margin: 0 auto;
	padding: 12px 0;
}

.siteroute li {
	display: inline-block;
	font-size: 16px;
}

.siteroute li:after {
  content: url(/image_cmn_new/siteroute_arw.png);
  position: relative;
	margin: 0 3px 0 6px;
	top: -1px;
}

.siteroute li.current:after {
    content: none;
}


/* ----------------------------------------------------------
	.control-wrap
---------------------------------------------------------- */
#control-wrap {
	float: right;
	width: 210px;
	margin: 10px 0;
}

#control-wrap ul{
	display: block;
	border-bottom:1px solid #148ec6;
	background: url(/image_cmn_new/font-bg.png) no-repeat 0 0;;
	height: 32px;
	width: 207px;
	padding: 0 3px 0 0;
}

#control-wrap ul li{
	padding:0px 0 0px 12px;
	float:right;
}

#control-wrap ul li img{
	cursor: pointer;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5 !important;
}

#control-wrap img:hover,
#control-wrap .active {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1 !important;
}


/* ----------------------------------------------------------
	.bottom-contents
---------------------------------------------------------- */
.bottom-contents {
	width: 1000px;
	margin: 50px auto 20px;
	overflow: hidden;
}

.bottom-menu-area {
	width: 670px;
	float: left;
}


/* ----------------------------------------------------------
	.bottom-menu-area section[id$="-area"]
---------------------------------------------------------- */
.bottom-menu-area section[id$="-area"] {
	margin: 36px 0 0 0;
}

.bottom-menu-area section[id$="-area"]:first-child {
	margin: 0;
}

.bottom-menu-area section[id$="-area"] .lead {
	font-size: 16px;
	color: #333;
	margin: 13px 0 0 12px;
}

.bottom-menu-area section[id$="-area"] .menu-list {
	width: 670px;
	margin: 3px 0 0 0;
	overflow: hidden;
}

.bottom-menu-area section[id$="-area"] .menu-list {
	padding: 0 0 4px 0;
}

.bottom-menu-area section[id$="-area"] .menu-list li {
	width: 334px;
	float: left;
	margin: 14px 0 0 0;
}

.bottom-menu-area section[id$="-area"] .menu-list li a {
	width: 319px;
	min-height: 106px;
	display: block;
	margin: 0 0 0 8px;
	border:2px solid #443d3a;
	background: url(/image_cmn_new/bg_btm_menu_pt.png),-webkit-gradient(linear, left top, left bottom, color-stop(0.95, #e4e2bf), color-stop(0.00, #fff));
	background: url(/image_cmn_new/bg_btm_menu_pt.png),-webkit-linear-gradient(top, #fff 0%, #e4e2bf 95%);
	background: url(/image_cmn_new/bg_btm_menu_pt.png),-moz-linear-gradient(top, #fff 0%, #e4e2bf 95%);
	background: url(/image_cmn_new/bg_btm_menu_pt.png),-o-linear-gradient(top, #fff 0%, #e4e2bf 95%);
	background: url(/image_cmn_new/bg_btm_menu_pt.png),-ms-linear-gradient(top, #fff 0%, #e4e2bf 95%);
	background: url(/image_cmn_new/bg_btm_menu_pt.png),linear-gradient(top, #fff 0%, #e4e2bf 95%);
	-pie-background: url(/image_cmn_new/bg_btm_menu_pt.png),linear-gradient(top, #fff 0%, #e4e2bf 95%);
	box-shadow: 1px 1px 3px 1px #c2c2c2;
	behavior:url(/css/PIE.htc);
}

.bottom-menu-area section[id$="-area"] .menu-list li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* iPad用 */
@media screen and (max-device-width: 1024px) {
	.bottom-menu-area section[id$="-area"] .menu-list li a:hover {
		opacity: 1!important;
	}
}

.bottom-menu-area section[id$="-area"] .menu-list li a:after {
  content: "";
  clear: both;
  display: block;
}

.bottom-menu-area section[id$="-area"] .menu-list li .image {
	float: left;
	margin: 15px 0 0 5px;
}

.bottom-menu-area section[id$="-area"] .menu-list li a:hover .image {
	filter: alpha(opacity=70);
}

.bottom-menu-area section[id$="-area"] .menu-list li a:hover .image {
	filter: alpha(opacity=70);
}

.bottom-menu-area section[id$="-area"] .menu-list li dl {
	width: 257px;
	float: right;
	padding: 12px 0 0 0;
	font-size: 14px;
}

.bottom-menu-area section[id$="-area"] .menu-list li dt {
	width: 246px;
	padding: 0 0 4px;
	border-bottom: 1px solid #b1905f;
}

.bottom-menu-area section[id$="-area"] .menu-list li dd {
	font-size: 14px;
	width: 246px;
	margin: 6px 0 0 3px;
	line-height: 1.4;
}

.bottom-menu-area section[id$="-area"] .menu-list li a dd,
.bottom-menu-area section[id$="-area"] .menu-list li a:hover dd {
	color: #000;
}

.bottom-menu-area section[id$="-area"] .menu-list .space {
	width: 319px;
	margin: 15px 0 0 8px;
}

.bottom-menu-area section[id$="-area"] .bnr-list {
	width: 655px;
	margin: 18px 0 0 7px;
}

.bottom-menu-area section[id$="-area"] .bnr-list li {
	margin: 10px 0 0 0;
}

.bottom-menu-area section[id$="-area"] .bnr-list li:first-child {
	margin: 0;
}

/*.bottom-menu-area section[id$="-area"] .blank_pannel {
	background: url(/image_cmn_new/linkpanel_sp_bg.png) no-repeat right 7px bottom 4px;
}*/

/* ----------------------------------------------------------
	.bottom-contents #restaurant-area
---------------------------------------------------------- */
.bottom-menu-area #restaurant-area .menu-list li {
	width: 660px;
	float: left;
}

.bottom-menu-area #restaurant-area .menu-list li a {
	width: 653px;
	min-height: 106px;
	float: left;
}

.bottom-menu-area #restaurant-area .menu-list li .image {
	float: left;
	margin: 5px 0 0 5px;
}

.bottom-menu-area #restaurant-area .menu-list li dl {
	width: 463px;
	padding: 12px 0 0 0;
}

.bottom-menu-area #restaurant-area .menu-list li dt {
	width: 449px;
}

.bottom-menu-area #restaurant-area .menu-list li dd {
	width: 449px;
}


/* ----------------------------------------------------------
	.bottom-contents .bnr_tado_cc_photo
---------------------------------------------------------- */
.bottom-menu-area .bnr_tado_cc_photo {
	width: 614px;
	margin: 18px auto 0;
}


/* ----------------------------------------------------------
	.bottom-contents #useful-area
---------------------------------------------------------- */
.bottom-contents #useful-area .lead {
	letter-spacing: -.05em;
}

.bottom-contents #useful-area .menu-list li dt {
	border-bottom: 1px solid #da6e94;
}


/* ----------------------------------------------------------
	.bottom-contents #pleasure-area
---------------------------------------------------------- */
.bottom-contents #pleasure-area .menu-list li dt {
	border-bottom: 1px solid #da6e94;
}

/* ----------------------------------------------------------
	bottom-contents
---------------------------------------------------------- */
.bottom-contents .btm-image {
	margin: 24px 0 0 8px;
}


/* ----------------------------------------------------------
	.bottom-contents #sidebar
---------------------------------------------------------- */
.bottom-contents #sidebar,
.bottom-contents #sidebar_n {
	width: 308px;
	float: right;
	font-size: 12px;
}

/* ==============================================================================================================================

  #main_contents
	add.2017.07.28

============================================================================================================================== */
#main_contents {
	width: 965px;
	margin: 0 auto 35px;
	line-height: 1.6;
}
/* 段落 */
#main_contents p {
	margin-bottom :0.7em;
}

/* メインタイトル画像 */
#main_contents #img_title {
	margin: 0 auto 28px;
}

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

	[id$="_area"]

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

#main_contents section[id$="_area"] {
	margin: 0 auto 48px;
	overflow: hidden;
	clear:both;
}

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

	[class$="_area_inner"]

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

#main_contents [class$="_area_inner"] {
	margin: 0 auto 24px;
	overflow: hidden;
	width: 100%;
	max-width:950px;
}
#main_contents section[id$="_area"] [class$="_area_inner"]:nth-last-child(1) {
	margin-bottom:0;
	overflow: hidden;
	width: 100%;
	max-width:950px;
}

/* font-size:large */

.fs_24{/* 24px */
  font-size: 1.5em !important;
}
.fs_22{/* 22px */
  font-size: 1.375em !important;
}
.fs_20{/* 20px */
  font-size: 1.25em !important;
}
.fs_18{/* 18px */
  font-size: 1.125em !important;
}

/* font-size:small */

.fs_15{/* 15px */
  font-size: 0.938em !important;
}
.fs_14{/* 14px */
  font-size: 0.875em !important;
}
.fs_13{/* 13px */
  font-size: 0.813em !important;
}
.fs_12{/* 12px */
  font-size: 0.75em !important;
}


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

 * title装飾用（背景色・文字色のみ）

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

/* ttl_green */
#main_contents .ttl_green {
	padding: 10px 0 8px 16px;
	background: -webkit-linear-gradient(left, #c7e2c4 0%,#eff7ee 100%);
	background: -o-linear-gradient(left, #c7e2c4 0%,#eff7ee 100%);
	background: linear-gradient(to right, #c7e2c4 0%,#eff7ee 100%); 
	font-weight: bold;
}

/* ttl_beige */
#main_contents .ttl_beige {
	padding: 10px 0 8px 16px;
	background: -webkit-linear-gradient(left, #edde89 0%,#fbf7e3 100%);
	background: -o-linear-gradient(left, #edde89 0%,#fbf7e3 100%);
	background: linear-gradient(to right, #edde89 0%,#fbf7e3 100%);
	font-weight: bold;
}

/* ttl_blue */
#main_contents .ttl_blue {
	padding: 10px 0 8px 16px;
	background: -webkit-linear-gradient(left, #bedefb 0%,#e9f3fc 100%);
	background: -o-linear-gradient(left, #bedefb 0%,#e9f3fc 100%);
	background: linear-gradient(to right, #bedefb 0%,#e9f3fc 100%);
	font-weight: bold;
}

/* ttl_pink */
#main_contents .ttl_pink {
	padding: 10px 0 8px 16px;
	background: -webkit-linear-gradient(left, #fec6d8 0%,#fee8ef 100%);
	background: -o-linear-gradient(left, #fec6d8 0%,#fee8ef 100%);
	background: linear-gradient(to right, #fec6d8 0%,#fee8ef 100%);
	font-weight: bold;
}

/* ttl_red */
#main_contents .ttl_red {
	padding: 10px 0 8px 16px;
	background: -webkit-linear-gradient(top,  #C91428 0%,#900 100%);
	background: -o-linear-gradient(top,  #C91428 0%,#900 100%);
	background: linear-gradient(to bottom,  #C91428 0%,#900 100%);
	font-weight: bold;
	color: #fff;
}

/* --------------------------
 * ttl_c
-----------------------------*/
#main_contents .ttl_c{
  position: relative;
  text-align: center;
}
#main_contents .ttl_c span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
/* ttl_c .green */
#main_contents .ttl_c::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #459d37;
  background: -webkit-linear-gradient(135deg, transparent, #459d37 10%, #459d37 90%, transparent);
	background: -o-linear-gradient(135deg, transparent, #459d37 10%, #459d37 90%, transparent);
	background: linear-gradient(-45deg, transparent, #459d37 10%, #459d37 90%, transparent);
}
/* ttl_c .beige */
#main_contents .ttl_c.beige::before {
  background: #cbba28;
  background: -webkit-linear-gradient(135deg, transparent, #cbba28 10%, #cbba28 90%, transparent);
	background: -o-linear-gradient(135deg, transparent, #cbba28 10%, #cbba28 90%, transparent);
	background: linear-gradient(-45deg, transparent, #cbba28 10%, #cbba28 90%, transparent);
}
/* ttl_c .red */
#main_contents .ttl_c.red::before {
  background: #C91428;
  background: -webkit-linear-gradient(135deg, transparent, #C91428 10%, #C91428 90%, transparent);
	background: -o-linear-gradient(135deg, transparent, #C91428 10%, #C91428 90%, transparent);
	background: linear-gradient(-45deg, transparent, #C91428 10%, #C91428 90%, transparent);
}
/* ttl_c .blue */
#main_contents .ttl_c.blue::before {
  background: #0070c6;
  background: -webkit-linear-gradient(135deg, transparent, #0070c6 10%, #0070c6 90%, transparent);
	background: -o-linear-gradient(135deg, transparent, #0070c6 10%, #0070c6 90%, transparent);
	background: linear-gradient(-45deg, transparent, #0070c6 10%, #0070c6 90%, transparent);
}
/* ttl_c .pink */
#main_contents .ttl_c.pink::before {
  background: #fc85a9;
  background: -webkit-linear-gradient(135deg, transparent, #fc85a9 10%, #fc85a9 90%, transparent);
	background: -o-linear-gradient(135deg, transparent, #fc85a9 10%, #fc85a9 90%, transparent);
	background: linear-gradient(-45deg, transparent, #fc85a9 10%, #fc85a9 90%, transparent);
}

/* ---------------------------------------------------------
 * text color
------------------------------------------------------------ */
.txt_blue_1 {
	color: #004894;
}
.txt_blue_2 {
	color: #1d97a8;
}
.txt_blue_3 {
	color: #0070c6;
}
.txt_green_1 {
	color: #165512;
}
.txt_green_2 {
	color: #007e44;
}
.txt_green_3 {
	color: #459d37;
}
.txt_beige_1 {
	color: #bca320;
}
.txt_pink_1 {
	color: #fc5f8e;
}
.txt_pink_2 {
	color: #d62859;
}
.txt_pink_3 {
	color: #e24e7a;
}
.txt_red_1 {
	color: #ff0100;
}
.txt_red_2 {
  color: #a00f00;
}
.txt_red_3 {
	color: #e00000;
}

/* ---------------------------------------------------------
 * background
------------------------------------------------------------ */
.bg_green_1 {
	background:#8bc882;
}
.bg_green_2 {
	background:#d5eab7;
}
.bg_green_3 {
	background:#f3f8f3;
}
.bg_beige_1 {
	background:#ddcb44;
}
.bg_beige_2 {
	background:#f2e7a4;
}
.bg_beige_3 {
	background:#fbf7e3;
}
.bg_blue_1 {
	background:#77bdf9;
}
.bg_blue_2 {
	background:#bedefb;
}
.bg_blue_3 {
	background:#e9f3fc;
}
.bg_pink_1 {
	background:#fc85a9;
}
.bg_pink_2 {
	background:#fec6d8;
}
.bg_pink_3 {
	background:#fee8ef;
}
.bg_white {
	background:#fff;
}

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

 * tabel_block

----------------------------------------------------------------------------------------------------------------------- */
.table_block {
  width: 100%;
  margin: 1em auto;
  border-collapse: collapse;
  border: 2px solid #499840;
}
.table_block th, .table_block td {
  padding: 0.25em;
  vertical-align: middle;
  border: 1px solid #5ba753;
}
.table_block tbody th {
  border: 1px solid #5ba753;
}
.table_block caption {
  padding-top:0.25em;
  padding-bottom:0.25em;
}

/* table_block .green */
.table_block.green {
	border: 2px solid #499840;
}
.table_block.green th,
.table_block.green td {
	border: 1px solid #5ba753;
}
.table_block.green thead th,
.table_block.green tfoot th {
	background:#8bc882;
}
.table_block.green tbody th {
  background: #d5eab7;
  border: 1px solid #5ba753;
}
.table_block.green tr:nth-of-type(even) td {
	background: #f3f8f3;
}

/* table_block .beige */
.table_block.beige {
	border: 2px solid #cbba28;
}
.table_block.beige th,
.table_block.beige td {
	border: 1px solid #cbba28;
}
.table_block.beige thead th,
.table_block.beige tfoot th {
	background:#ddcb44;
}
.table_block.beige tbody th {
  background: #f2e7a4;
  border: 1px solid #cbba28;
}
.table_block.beige tr:nth-of-type(even) td {
	background: #fbf7e3;
}
/* table_block .bd_beige */
.table_block.bd_beige {
	border: 2px solid #cbba28;
}
.table_block.bd_beige tbody th {
  border: 1px solid #cbba28;
}
.table_block.bd_beige th,
.table_block.bd_beige td {
	border: 1px solid #cbba28;
}

/* table_block .blue */
.table_block.blue {
	border: 2px solid #0070c6;
}
.table_block.blue th,
.table_block.blue td {
	border: 1px solid #6a9be7;
}
.table_block.blue thead th,
.table_block.blue tfoot th {
	background:#77bdf9;
}
.table_block.blue tbody th {
  background: #bedefb;
  border: 1px solid #6a9be7;
}
.table_block.blue tr:nth-of-type(even) td {
	background: #e9f3fc;
}
/* table_block .bd_blue */
.table_block.bd_blue {
	border: 2px solid #0070c6;
}
.table_block.bd_blue th,
.table_block.bd_blue td {
	border: 1px solid #6a9be7;
}
.table_block.bd_blue tbody th {
  border: 1px solid #6a9be7;
}

/* table_block .pink */
.table_block.pink {
	border: 2px solid #fc85a9;
}
.table_block.pink th,
.table_block.pink td {
	border: 1px solid #fc85a9;
}
.table_block.pink thead th,
.table_block.pink tfoot th {
	background:#faadc4;
}
.table_block.pink tbody th {
  background: #fec6d8;
  border: 1px solid #fc85a9;
}
.table_block.pink tr:nth-of-type(even) td {
	background: #fee8ef;
}
/* table_block .bd_pink */
.table_block.bd_pink {
	border: 2px solid #fc85a9;
}
.table_block.bd_pink th,
.table_block.bd_pink td {
	border: 1px solid #fc85a9;
}
.table_block.bd_pink tbody th {
  border: 1px solid #fc85a9;
}

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

 * form

----------------------------------------------------------------------------------------------------------------------- */
/* parts */
#main_contents select::-ms-expand {
	display: none;
}
#main_contents fieldset {
  border: 1px solid #f2e7a4;
  border-radius: 4px;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
#main_contents input,
#main_contents textarea {
	border: 1px solid #4a4a4a;
}
#main_contents input:focus,
#main_contents textarea:focus {
	border: 1px solid #54aeff;
}
#main_contents textarea {
	width: 100%;
}
#main_contents textarea,
#main_contents select,
#main_contents input[type]{
  background-color: #fafafa;
  border: 1px solid #a5a5a5;
  border-radius: 4px;
  padding: 8px;
  font-size: 1.02rem;
  box-shadow: none;
  box-sizing: border-box;
}
#main_contents select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display:block;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0.3em 2.75em 0.3em 0.75em;
  z-index: 1rem;
  background: url(/image_cmn_new/ico_select01.png) right center no-repeat #FFF;
  background-size: contain;
}
/* parts:focus */
#main_contents textarea:focus,
#main_contents select:focus,
#main_contents input[type]:focus {
  border: 1px solid #54aeff;
  outline: 0;
}
#main_contents label,
#main_contents legend,
#main_contents fieldset {
  display: block;
  margin-bottom: .5rem;
}
#main_contents input[type="checkbox"] {
	display: none;
}
#main_contents input[type="checkbox"] + label {
  box-sizing: border-box;
  display: inline-block;
  min-height: 1.92em;
  margin-right: 0.5em;
  padding: 0.25em 0 0.25em 2.31em;
  background: url(/image_cmn_new/ico_check01_off.png) left center no-repeat;
  background-size: 1.92em;
}
#main_contents input[type="checkbox"]:checked + label {
  background-image: url(/image_cmn_new/ico_check01_on.png);
}
#main_contents input[type="radio"] {
	display: none;
}
#main_contents input[type="radio"] + label {
  box-sizing: border-box;
  display: inline-block;
  min-height: 1.92em;
  margin-right: 0.5em;
  padding: 0.25em 0 0.25em 2.31em;
  background: url(/image_cmn_new/ico_radio01_off.png) left center no-repeat;
  background-size: 1.92em;
}
#main_contents input[type="radio"]:checked + label {
  background-image: url(/image_cmn_new/ico_radio01_on.png);
}

/* ----------------------------------------------------------
	margin
---------------------------------------------------------- */
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-lef:15px !important;}
.ml20{margin-lef:20px !important;}
.ml25{margin-lef:25px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}

.mA {
	margin-right: auto !important;
	margin-left: auto !important;
}

/* ----------------------------------------------------------
	padding
---------------------------------------------------------- */
.p5 {padding: 0.5em !important;}
.p10 {padding: 1em !important;}
.p15 {padding: 1.5em !important;}
.p20 {padding: 2em !important;}
.p25 {padding: 2.5em !important;}
.p30 {padding: 3em !important;}

/* ----------------------------------------------------------
	align
---------------------------------------------------------- */
.txt_r { text-align: right !important;} 
.txt_c { text-align: center !important;} 
.txt_l { text-align: left !important;}

.va_t { vertical-align:top !important;}
.va_m { vertical-align:middle !important;}
.va_b { vertical-align:bottom !important;}

*テキストの大きさ*/
.fs_12{
	font-size:12px!important;
}

.fs_13{
	font-size:13px!important;
}

.fs_14{
	font-size:14px!important;
}

.fs_15{
	font-size:15px!important;
}

.fs_16{
	font-size:16px!important;
}
.fs_17{
	font-size:17px!important;
}
.fs_18{
	font-size:18px!important;
}
.fs_19{
	font-size:19px!important;
}
.fs_20{
	font-size:20px!important;
}
.fs_22{
	font-size:22px!important;
}
.fs_25{
	font-size:25px!important;
}
.fs_28{
	font-size:28px!important;
}
.fs_30{
	font-size:30px!important;
}
.fs_32{
	font-size:32px!important;
}
.fs_34{
	font-size:34px!important;
}

.fs_36{
	font-size:36px!important;
}
/* ---------------------------------------------------------
 * text color
------------------------------------------------------------ */
.txt_blue_1 {
	color: #004894;
}
.txt_blue_2 {
	color: #1d97a8;
}
.txt_blue_3 {
	color: #0070c6;
}
.txt_green_1 {
	color: #165512;
}
.txt_green_2 {
	color: #007e44;
}
.txt_green_3 {
	color: #459d37;
}
.txt_beige_1 {
	color: #bca320;
}
.txt_pink_1 {
	color: #fc5f8e;
}
.txt_pink_2 {
	color: #d62859;
}
.txt_pink_3 {
	color: #e24e7a;
}
.txt_red_1 {
	color: #ff0100;
}
.txt_red_2 {
  color: #a00f00;
}
.txt_red_3 {
	color: #e00000;
}


.txt_green01{
	color:#107c0e;
}
.txt_purple01{
	color:#9f0c87;
}
.txt_blue01{
	color:#0977A6;
}
.txt_orange01{
	color:#DD5F15;
}
.txt_pink01{
	color:#D81F64;
	}
	
.txt_red01{
	color:#800000;
}
.txt_red02{
	color:#FF0004!important;
}
.txt_moca{
	color:#795548;
}
.txt_gr {
	color: #ccc;
}

.txt_gray{
  color:#999999;
}