@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:14px;
	color:#382400;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	background:#fff;
}

#contents {
	position:relative;
	overflow:hidden;
	width:980px;
	margin:0 auto;
	background:#ffffff
}
@media screen and (min-width:768px) {
	#contents:before {
		position:absolute;
		top:0;
		left:0;
		width:30%;
		height:100%;
		content: '';
		background:#1f2124;
	}
}

#main {
	box-sizing: border-box;
	float:right;
	width:70%;
	padding:10px;
}

#sub {
	box-sizing: border-box;
	float:left;
	width:30%;
}

footer {
	box-sizing: border-box;
	width:980px;
	margin:0 auto;
}

a {
	color:#13895f;
}
a:hover {
	color:#2fa279;
}

h1 {
	color:#fbfbfb;
	font-size:28px;
	line-height:1.2;
}
h1 a {
	color:#fbfbfb;
	text-decoration:none;
}
h1 a:hover {
	color:#85d1c6;
}

h2 {
	margin-bottom:0.5em;
	font-size:21px;
	color:#333;
	border-bottom:3px solid #999;
}

h3 {
	margin-bottom:0.25em;
	padding:2px 5px;
	color:#fbfbfb;
	font-size:16px;
	background:#333;
}

h4 {
	margin-bottom:0.25em;
	font-size:16px;
	color:#15adb3;
}

h5 {
	margin-bottom:0.25em;
	padding:2px;
	font-size:16px;
	border-left:5px solid #15adb3;
	background:#eee;
}

h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}


h7#creive { 
    position: relative; 
    padding-left: 35px; 
    border-bottom: 3px solid #8EC31E; 
    color: #f333; 
    font-size: 14px; 
    line-height; 29px; 
} 

h7#creive:before { 
    position: absolute;  
    top: 11px;  
    left: 0; 
    width: 16px; 
    height: 16px; 
    border: 2px solid #8EC31E; 
    content: ""; 

} 
h7#creive:after { 
    position: absolute; 
    top: 3px; 
    left: 9px; 
    width: 13px; 
    height: 13px; 
    border: 2px solid #8EC31E; 
    content: "";  
} 



h8 {
	margin-bottom:0.25em;
	padding:2px 5px;
	color:#fbfbfb;
	font-size:12px;
	background:#8EC31E;
}


h9 {
	margin-bottom:0.5em;
    background: linear-gradient(transparent 60%, #ffff66 60%);

}

h10#creive { 
    position: relative; 
    padding-left: 35px; 
    border-bottom: 3px solid #3BBDE5; 
    color: #f333; 
    font-size: 14px; 
    line-height; 29px; 
} 

h10#creive:before { 
    position: absolute;  
    top: 11px;  
    left: 0; 
    width: 16px; 
    height: 16px; 
    border: 2px solid #3BBDE5; 
    content: ""; 

} 
h10#creive:after { 
    position: absolute; 
    top: 3px; 
    left: 9px; 
    width: 13px; 
    height: 13px; 
    border: 2px solid #3BBDE5; 
    content: "";  
} 



p {
	margin:0 0 1em 0;
}

img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#d45451;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dt:before {
	content:"\0025a0";
}
dd {
	margin-bottom:1em;
}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;
	background:#ffffff;
}

header h1 {
	padding:10px;
}

.summary {
	margin:0;
	padding:10px;
	color:#ddd;
	background:#ffffff;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
	overflow:hidden;
	position:relative;
}
nav h3 {
	display:none;
}
nav ul {
	margin:0;
	padding:0;
}
nav li {
	list-style:none;
	margin:0;
	padding:0;
}
nav li a {
	display:block;
	padding:30px;
	color:#fbfbfb;
	text-decoration:none;
	background:#1f2124;
}
nav li a:hover {
	color:#fbfbfb;
	border-left: 8px solid #139095;
	background:#18191b;
	transition:all 0.2s ease 0s;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
}

.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background:#23292f;
}
.footmenu ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
	padding:0;
}
.footmenu li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 20px;
	font-size:12px;
	text-align:center;
}
.footmenu a {
	color:#13895f;
	text-decoration:none;
}
.footmenu a:hover {
	color:#fbfbfb;
}

.copyright {
	clear:both;
	padding:20px 0;
	font-size:11px;
	text-align:center;
	color:#333e48;
	background:#181d21;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#15adb3;
}
.totop img:hover {
	background:#14c0c5;
}

/*================================================
 *  クラス
 ================================================*/
.textL {
	text-align:left;
}

.textR {
	text-align:right;
}

.list {
	padding:0 0 0 0.5em;
}
.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(../images/check.png) 0 5px no-repeat;
}

.list2 {
	padding:0 0 0 0.5em;
}
.list2 li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
}



.info dt {
	border-bottom:none;
}
.info dd {
	padding-bottom:1em;
	border-bottom:1px solid #ddd;
}

.service {
	overflow:hidden;
	font-size:0.70em;
}
.service ul {
	overflow:hidden;
	margin:1.492% -1.492% 0 0;
}
.service li {
	list-style:none;
	float:left;
	width:18.507%;
	margin:0 1.492% 1.492% 0;
}
.service li img {
	width:100%;
}
.service li a {
	text-decoration:none;
}

.staff {
	overflow:hidden;
}

.staff ul {
	overflow:hidden;
	margin:1.492% -1.492% 0 0;
}
.staff li {
	list-style:none;
	float:left;
	width:31.840%;
	margin:0 1.492% 1.492% 0;
}
.staff li:nth-child(3n+1) {
	clear:both;
}
.staff li img {
	width:100%;
	margin-bottom:2.5%;
}

.staff2 {
	overflow:hidden;
}

.staff2 ul {
	overflow:hidden;
	margin:1.492% -1.492% 0 0;
}
.staff2 li {
	list-style:none;
	width:100%;
	margin:0 1.492% 1.492% 0;
}
.staff2 li:nth-child(3n+1) {
	clear:both;
}
.staff2 li img {
	width:100%;
	margin-bottom:2.5%;
}


/*================================================
 *  スライドショー
 ================================================*/
.slide {
	position:relative;
	width:100%;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}

.slideInner {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}
.slideInner li {
	position:absolute;
	width:100%;
	background:#fbfbfb;
	margin:0;
	padding:0;
}
.slideInner li img {
	width:100%;
}

.slidePrev {
	position:absolute;
	display:block;
	width:50px;
	height:60px;
	left:0;
	cursor:pointer;
	z-index:100;
}

.slideNext {
	position:absolute;
	display:block;
	width:50px;
	height:60px;
	right:0;
	cursor:pointer;
	z-index:100;
}

.controlNav {
	position:relative;
	float:left;
	left:50%;
}
.controlNav span {
	position:relative;
	left:-50%;
	float:left;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:10px;
	height:10px;
	overflow:hidden;
	background:#ddd;
	text-indent:-9999px;
	vertical-align:middle;
}
.controlNav span:hover {
	background:#ccc;
	cursor:pointer;
}
.controlNav span.current {
	background:#85d1c6;
}


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	#contents {
		box-sizing: border-box;
		width:100%;
	}

	footer {
		width:100%;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	#main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
	}
	nav {
		display:block;
		position:relative;
		width:100%;
	}
	nav h3 {
		display:block;
		cursor:pointer;
		margin-bottom:0;
		padding:10px;
		color:#ddd;
		background:#181d21;
		border:none;
	}
	nav li a {
		padding:10px 30px;
	}

	#navBtn {
		display:inline-block;
		position:absolute;
		top:10px;
		right:10px;
		width:30px;
		height:30px;
		border-radius:5%;
		background:#2a2a2a;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#15adb3;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#15adb3;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

	.service li {
		width:23.507%;
	}

	.staff li {
		width:48.507%;
	}
	.staff li:nth-child(2n+1) {
		clear:both;
	}
	.staff li:nth-child(3n+1) {
		clear:none;
		float:left;
	}



dl.accordion { background:#DDD; width:80%; margin:0 auto 30px; padding:10px; font-size:16px;}
dl.accordion dt {
    background:url(../img/open.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../img/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
    border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
    background:url(../img/close.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
    background:url(../img/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}









.accordion {
	min-width: 200px;
	max-width:100%;
	margin: auto;
	padding: 0px;
}
.accordion .ac-content {
	margin: 0 0;
}
.accordion input {
	display: none;
}
.accordion label {
	display: block;
	background-color:#55BB33;
	color:#FFFFFF;
	font-size:18px;
	border-top: 1px solid #55BB33;
	background: -moz-linear-gradient(top, #99DD88 0%, #77CC66 50%, #55BB33 51%, #99DD88 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99DD88), color-stop(50%,#77CC66), color-stop(51%,#55BB33), color-stop(100%,#99DD88)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,#99DD88 0%,#77CC66 50%,#55BB33 51%,#99DD88 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #99DD88 0%,#77CC66 50%,#55BB33 51%,#99DD88 100%); /* W3C */
	cursor: pointer;
	padding: 10px;
	border-bottom: 1px solid #fff;
}



.accordion label:hover {
	background: #ccc;
}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: #fff;
	padding: 0 10px;
}
.accordion input:checked + .ac-cont {
	height: auto;
	padding: 10px;
}





.accordion2 {
	min-width: 200px;
	max-width:100%;
	margin: auto;
	padding: 0px;
}
.accordion2 .ac-content {
	margin: 0 0;
}
.accordion2 input {
	display: none;
}
.accordion2 label {
	display: block;
	background-color:#99E6FA;
	color:#FFFFFF;
	font-size:18px;
	border-top: 1px solid #99E6FA;
	background: -moz-linear-gradient(top, #38C0E2 0%, #6BDCF8 50%, #99E6FA 51%, #38C0E2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38C0E2), color-stop(50%,#6BDCF8), color-stop(51%,#99E6FA), color-stop(100%,#38C0E2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,#38C0E2 0%,#6BDCF8 50%,#99E6FA 51%,#38C0E2 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #38C0E2 0%,#6BDCF8 50%,#99E6FA 51%,#38C0E2 100%); /* W3C */
	cursor: pointer;
	padding: 10px;
	border-bottom: 1px solid #fff;
}



.accordion2 label:hover {
	background: #ccc;
}
.accordion2 .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: #fff;
	padding: 0 10px;
}
.accordion2 input:checked + .ac-cont {
	height: auto;
	padding: 10px;
}












.maxbutton {
  position: relative;
  text-decoration: none;
  display: inline-block;
  border-color: #e00000;
  width: 100%;
  height: 50px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-style: solid;
  border-width: 2px;
  background: rgba(250, 120, 120, 1);
  -pie-background: linear-gradient(rgba(250, 120, 120, 1) 45%, rgba(217, 35, 35, 1));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(250, 120, 120, 1)), color-stop(1, rgba(217, 35, 35, 1)));
  background: -moz-linear-gradient(rgba(250, 120, 120, 1) 45%, rgba(217, 35, 35, 1));
  background: -o-linear-gradient(rgba(250, 120, 120, 1) 45%, rgba(217, 35, 35, 1));
  background: linear-gradient(rgba(250, 120, 120, 1) 45%, rgba(217, 35, 35, 1));
  -webkit-box-shadow: 0px 0px 2px #e00000;
  -moz-box-shadow: 0px 0px 2px #e00000;
  box-shadow: 0px 0px 2px #e00000;
  margin-bottom:3px
   }

.maxbutton:hover {
  border-color: #e00000;
  background: rgba(255, 255, 255, 1);
  -pie-background: linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(245, 245, 245, 1));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(255, 255, 255, 1)), color-stop(1, rgba(245, 245, 245, 1)));
  background: -moz-linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(245, 245, 245, 1));
  background: -o-linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(245, 245, 245, 1));
  background: linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(245, 245, 245, 1));
  -webkit-box-shadow: 0px 0px 2px #e00000;
  -moz-box-shadow: 0px 0px 2px #e00000;
  box-shadow: 0px 0px 2px #e00000; }

.maxbutton .mb-text {
  color: #fff;
  text-shadow-color: #b80000;
  font-family: Tahoma;
  font-size: 16px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  text-shadow-top: 0px;
  padding-top: 18px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  line-height: 1em;
  box-sizing: border-box;
  display: block;
  position: relative; }

.maxbutton:hover .mb-text {
  color: #e00202;
  text-shadow-color: #8c0303;
  text-shadow-top: 0px; }


.maxbutton2 {
  position: relative;
  text-decoration: none;
  display: inline-block;
  border-color: #284fd1;
  width: 100%;
  height: 50px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-style: solid;
  border-width: 2px;
  background: rgba(109, 136, 227, 1);
  -pie-background: linear-gradient(rgba(109, 136, 227, 1) 45%, rgba(31, 69, 194, 1));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(109, 136, 227, 1)), color-stop(1, rgba(31, 69, 194, 1)));
  background: -moz-linear-gradient(rgba(109, 136, 227, 1) 45%, rgba(31, 69, 194, 1));
  background: -o-linear-gradient(rgba(109, 136, 227, 1) 45%, rgba(31, 69, 194, 1));
  background: linear-gradient(rgba(109, 136, 227, 1) 45%, rgba(31, 69, 194, 1));
  -webkit-box-shadow: 0px 0px 2px #284fd1;
  -moz-box-shadow: 0px 0px 2px #284fd1;
  box-shadow: 0px 0px 2px #284fd1; }

.maxbutton2:hover {
  border-color: #284fd1;
  background: rgba(255, 255, 255, 1);
  -pie-background: linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(245, 245, 245, 1));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(255, 255, 255, 1)), color-stop(1, rgba(245, 245, 245, 1)));
  background: -moz-linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(245, 245, 245, 1));
  background: -o-linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(245, 245, 245, 1));
  background: linear-gradient(rgba(255, 255, 255, 1) 45%, rgba(245, 245, 245, 1));
  -webkit-box-shadow: 0px 0px 2px #284fd1;
  -moz-box-shadow: 0px 0px 2px #284fd1;
  box-shadow: 0px 0px 2px #284fd1; }

.maxbutton2 .mb-text {
  color: #fff;
  text-shadow-color: #052ba8;
  font-family: Tahoma;
  font-size: 16px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  text-shadow-top: 0px;
  padding-top: 18px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  line-height: 1em;
  box-sizing: border-box;
  display: block;
  position: relative; }

.maxbutton2:hover .mb-text {
  color: #284fd1;
  text-shadow-color: #001e82;
  text-shadow-top: 0px; }



.readmore-button-box a {
   background-color: #000000; /* ボタンの色(濃い赤) */
   color: white;              /* ボタンの文字色(白) */
   border-radius: 5px;       /* 角丸の半径 */
   padding: 0.5em 1.5em;;     /* 内側の余白 */
   display: inline-block;     /* ボタン全体をクリック可能に */
   font-weight: bold;         /* ボタンの文字を太字に */
   font-size: 0.9em;         /* ボタンの文字サイズ */
}
.readmore-button-box a:hover {
   background-color:#FD9D9F;     /* ボタンにマウスが乗ったら明るい赤色に変化 */
}
.readmore-button-box {
   text-align: center;
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4.5em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -6.5em;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}
.readmore-area {
   display: none;   /* デフォルトでは非表示にしておく */
}







.menuTab {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color: #c8415c;
	border-style:solid;
	background:#7EBA03;
	color:#eef1df;
	line-height:140%;
	font-weight:bold;
}


.google-maps {
	position: relative;
	padding-bottom: 75%; // これが縦横比
	height: 0;
	overflow: hidden;
	}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
    width: 100% !important;
    height: 100% !important;
	}



.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}









}

/* タグ関係 */
html {
    height: 100%;
}
* html div#container{
    height:100%;
}
body{
    font-size: 20px;
}
div#container{
    width: 100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
}
body > #container {
    height: auto;
}
div#main{
    padding-bottom:40px;
}
#foot{
    position:absolute;
    bottom:0px;
    height:40px;
    width:100%;
}
/* =============================================== */
.main {
    padding: 2px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.even {
    background-color: #FFFFFF;
}
.odd {
    background-color: #E6EAE8;
}
.result_comment {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    color:#FF0000;
}
.link {
    margin: 0.3em;
    padding: 0.5em;
    border-top: 1px none #999999;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px dotted #999999;
    border-left: 1px none #999999;
}
.search_form {
    padding: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-bottom: 1px dotted #999999;
}
.search_form .search_form_element {
    margin-left: 2px;
    margin-right: 16px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.clear {
    clear: both;
}
#footer{
    background:url(./image/footer_bg.jpg) repeat-x #ededed;
    text-align:center;
    height: 40px;
}
#footer-content{
    padding:10px 0;
    color:#888888;
}
.form_button {
    font-size:12px;
}
.form {
    padding: 1em;
}
.form table {
    border-collapse:collapse;
}
.form tr , .form td {
    border-top: 1px none #999999;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px none #999999;
    padding: 0.3em;
}
.form th {
    background-color: #EAEAEA;
    border-top: 1px none #999999;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px none #999999;
    text-align: left;
    padding-top: 0.1em;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0.1em;
}
.submit_button {
    font-size: 16px;
    font-weight: bold;
}
.submit {
    margin: 2em;
    padding: 1em;
    text-align: center;
}
.hissu {
    color: #FF0000;
    font-weight: bold;
}
.form_info {
    text-align: left;
}
.selectedTbl {
    background-color: #FFDADA;
}
.form_input {
    border: 1px solid #666666;
    padding: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 3px;
    margin-right: 3px;
}
.form_input_textarea {
    border: 1px solid #666666;
    padding: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 3px;
    margin-right: 3px;
    width: 95%;
}
.errormsg {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
.errormsg li {
    color: #990000;
    line-height: 150%;
}
.notice_comment {
    font-size: 12px;
    color: #990000;
}
.finish {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
    color: #990000;
    width: 640px;
    text-align: center;
}
.areamap {
    margin: 1em;
}
.suffix {
    font-size:smaller;
    color: #990000;
}
.area_element {
    float:left;
    margin:0.2em;
}
.naiyo{
	float:left;
	width:32.6%;
		font-size:13px;
	border:solid 1px #888888;
}
.naiyo_l{
	line-height:100%;
	height:27px;
}
.naiyo_n{
	line-height:100%;
	height:27px;
	font-size:13px;
}
/* ---Add (2013.04.19)--- */
#main_area{
    margin: 0 5px 10px;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
}
#main_area > section{
    margin: 5px;
}
#explain > #exp_title{
    text-align: center;
    font-size: 120%;
    margin-bottom: 10px;
}
.extra_info{
    background-color: #EEEEEE;
    margin: 5px;
    padding: 5px;
}
.extra_info_title{
    font-weight: bold;
}
.extra_info_text{
    font-size: 80%;
}
.search_word{
    color: #00F;
}
.search_result_unit{
    margin: 7px;
    padding: 5px 8px;
    border: solid 1px;
    border-radius: 5px;
}
.search_result_unit .school_address{
    color: #333;
}
.search_result_unit.stype_hs{
    border-color: #9B9;
    background-color: #CDC;
}
.search_result_unit.stype_es{
    border-color: #8A9ED5;
    background-color: #C7DDE2;
}
.search_result_box a{
    text-decoration: none;
}
.school_name{
    font-size: 120%;
    border-bottom: solid 1px;
    margin-bottom: 5px;
    padding-bottom: 3px;
    font-weight: bold;
}
.stype_hs .school_name{
    color: #447754;
    border-color: #475;
}
.stype_es .school_name{
    color: #343F85;
    border-color: #5A77C2;
}
.required{
    background-color: #C00;
    font-weight: bold;
    font-size: 70%;
    color: #FFF;
    padding: 2px;
    border-radius: 2px;
    margin-left: 3px;
}
.form_block{
    padding: 5px;
    margin: 5px;
}
.form_block_title{
    background-color: #EEE;
    font-weight: bold;
    padding: 3px;
    margin: 5px 5px 5px 0;
}
#submit_btn{
    text-align: center;
}
input, select{
    margin: 4px;
    height: 30px;
	width: 90%;
    font-size: 14px;
}
input[type="radio"], input[type="checkbox"]{
	width: auto;
	height: auto;
}
label{
	line-height: 35px;
}
textarea{
    width: 98%;
    margin: 3px auto;
}
#form_footer_mes, #mail_magazine_check{
    margin: 5px;
    text-align: center;
}
#title_img{
    margin: 8px auto 5px;
}
#main_area section{
    width: auto;
}
/* placeholder の設定 */
::-webkit-input-placeholder {
    font-size: 14px;
}
:-moz-placeholder {
    font-size: 14px;
}
/* 性別選択ラジオボタン */
.sex_radios {
	/*display:inline-block;*/
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	clear:both;
	display:table;
	width:98%;
}
.sex_radios li {
	display:inline-block;
	position:relative;
	/*float:left;*/
	list-style:none;
	border:solid 1px #ddd;
	border-right:none;
	/*overflow:hidden;*/
	display:table-cell;
}
.sex_radios li:first-child {
    border-radius:5px 0 0 5px;
}
.sex_radios li:last-child {
    border-right:solid 1px #ddd;
    border-radius:0 5px 5px 0;
}
.sex_radios label {
	display:block;
	min-width:3em;
	text-align:center;
	background:#eee;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF),to(#EEE));
	background:-moz-linear-gradient(top, #fff, #eee);
	border:solid 1px rgba(255,255,255,0.2);
	padding:5px;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
}
.sex_radios li:first-child label {
    border-radius:3px 0 0 3px;
}
.sex_radios li:last-child label {
    border-radius:0 3px 3px 0;
}
.sex_radios input[type=radio] {
	position:absolute;
	opacity:0;
	width:100%;
	/*height:100%;*/
	margin:0;
	cursor:pointer;
}
.sex_radios input[type=radio]:checked {
	cursor:auto;
}
.sex_radios input[type=radio]:checked + label {
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
	border:solid 1px rgba(0,0,0,0.1);
	background:#666;
	/*background:-webkit-gradient(linear, left top, left bottom, from(#313131),to(#626262));*/
	background:-webkit-gradient(linear, left top, left bottom, from(#FF9D0A),to(#FF5200));
	background:-moz-linear-gradient(top, #FF9D0A, #FF5200);
}
/* その他のラジオボタン */
.radios {
	/*display:inline-block;*/
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	clear:both;
	/*display:table;*/
	width:98%;
}
.radios li {
	/*display:inline-block;*/
	position:relative;
	/*float:left;*/
	list-style:none;
	border:solid 1px #ddd;
	border-bottom:none;
	/*overflow:hidden;*/
	/*display:table-cell;*/
}
.radios li:first-child {
    border-radius:5px 5px 0 0;
}
.radios li:last-child {
    border-bottom:solid 1px #ddd;
    border-radius:0 0 5px 5px;
}
.radios label {
	display:block;
	min-width:3em;
	text-align:center;
	background:#eee;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF),to(#EEE));
	background:-moz-linear-gradient(top, #fff, #eee);
	border:solid 1px rgba(255,255,255,0.2);
	padding:5px;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
}
.radios li:first-child label {
    border-radius:3px 3px 0 0;
}
.radios li:last-child label {
    border-radius:0 0 3px 3px;
}
.radios input[type=radio] {
	position:absolute;
	opacity:0;
	/*width:100%;*/
	height:100%;
	margin:0;
	cursor:pointer;
}
.radios input[type=radio]:checked {
	cursor:auto;
}
.radios input[type=radio]:checked + label {
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
	border:solid 1px rgba(0,0,0,0.1);
	background:#666;
	/*background:-webkit-gradient(linear, left top, left bottom, from(#313131),to(#626262));*/
	background:-webkit-gradient(linear, left top, left bottom, from(#FF9D0A),to(#FF5200));
	background:-moz-linear-gradient(top, #FF9D0A, #FF5200);
}