@charset "utf-8";

/*==========================================
 body
===========================================*/
body {width: 100vw;
color:#333333;
background-color:#ffffff;
text-align: left;
line-height: 1.8;
letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */}


/*==========================================
 Header
===========================================*/
header {width: 100%;
padding-top: 0;
text-align: right;
background-color:#5EABD7;
-webkit-box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.4);
box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.4);
border-bottom: solid 1px #ffffff;
}

header h1 {margin: 0 auto;
padding-top: 8px;
letter-spacing:2px;
font-weight:normal; font-size: 1em; color: #ffffff;}

header h1 span {font-size:1.58em; font-weight:bold; color:#ffffff; text-shadow: 2px 2px 4px #000000; padding-left:8px;}

header p {
padding-top: 0;
padding-bottom:8px;
padding-left: 8px;
color:#ffffff;
font-size:0.88em; font-weight:normal;}

/*==========================================
 Global Navi
===========================================*/
#gnav {margin: 0; padding: 0 0 0; width: 100%;}
#gnav li {float: left; width: 33%;}
#gnav li i{color: #ffffff; font-size: 1.18em; margin: 0 4px 0 0;}
#gnav li a {display: block;
position: relative;
z-index: 7777;
padding: 18px 0;
/*height: 38px;*/
/*padding-top: 48px;*/
font-size: 1.08em;
text-decoration: none;
color: #ffffff;
text-align: center;
border-right:1px solid #ffffff;}
#gnav li:first-child a	{border-left: solid 1px #ffffff;}

#gnav li a:after {content: "";
position: absolute;
width: 0;
height: 0;
bottom: -10px;
left: 50%;
margin-left: -20px;
border-left: solid 20px transparent;
border-right: solid 20px transparent;}

/* gnav menu001 ===========================================*/
#gnav li a:hover,
#gnav li a:active {background-color: #4ecbcf; }
/* マウスオーバー時にborderを使った三角マークを表示 */
#gnav li a:link:after,
#gnav li a:visited:after {display: none;}
#gnav li a:hover:after,
#gnav li a:active:after {display: block; border-top: solid 20px #4ecbcf;}


/*==========================================
 Main
===========================================*/
#main {width: 100%;
margin:0;
padding:0;
overflow: hidden;
position: relative;
background-color:#ffffff;
-webkit-box-shadow: 0px 2px 14px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 14px 1px rgba(0,0,0,0.4);
box-shadow: 0px 2px 14px 1px rgba(0,0,0,0.4);
border-bottom: solid 1px #cccccc;}
#main .main_nav .prev:hover, #main .main_nav .next:hover {background-color: #cccccc;}


/*==========================================
 Contents-new
===========================================*/
#contents-new {width:100%; margin: 22px auto; padding:0 0 38px; background-color:#b4d1de;}
#contents-new section {width: 100%; margin:38px auto 38px; padding:38px 0; border-top: dashed 2px #b4e1ed; border-bottom: dashed 2px #b4e1ed;}
#contents-new p {margin: 0 0 8px;}

#contents-new .eria-left {text-align:left;}
#contents-new .eria-right {text-align:left;}

#contents-new .eria-left_border {text-align:left;}
#contents-new .eria-right_border {text-align:left;}


/*==========================================
 Contents
===========================================*/
#contents {width:100%; margin: 22px auto; padding:0 0 38px;}
#contents section {width: 100%; margin:38px auto 38px; padding:38px 0; border-top: dashed 2px #b4e1ed; border-bottom: dashed 2px #b4e1ed;}
#contents p {margin: 0 0 8px;}

#contents .eria-left {text-align:left;}
#contents .eria-right {text-align:left;}

#contents .eria-left_border {text-align:left;}
#contents .eria-right_border {text-align:left;}


/*==========================================
 container_menu
===========================================*/
#container_menu {width: 100vw; margin: 0 auto 48px; padding: 0;}
#container_menu .section_eria1_common {float: none; width: 100%; margin: 0 auto 2%; padding:1%;}
#container_menu .section_eria2_common {float: left; width: 50%; margin: 0 auto 2%; padding:1%;}
#container_menu .menu_img {text-align: center; border:solid 1px #00a3d9;}
#container_menu .menu_img001 {text-align: center; border:solid 1px #db0000;}


#container_menu .arrow_box {position: relative;
border:solid 1px #00a3d9;
background-color:#ffffff;
text-align:center;
margin: 0 auto 0;
padding:8px 8px;
font-size:1em;}
#container_menu .arrow_box h3{color:#000000; font-size: 1.3em; font-weight:bolder; margin:4px auto; letter-spacing:0.5px;}
#container_menu .arrow_box p{color:#333333; font-size:1.08em;}
#container_menu .arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}
#container_menu .arrow_box001 {position: relative;
border:solid 1px #db0000;
background-color:#ffffff;
text-align:center;
margin: 0 auto 0;
padding:8px 8px;
font-size:1em;}
#container_menu .arrow_box001 h3{color:#db0000; font-size: 1.3em; font-weight:bolder; margin:4px auto; letter-spacing:0.5px;}
#container_menu .arrow_box001 p{color:#333333; font-size:1.08em;}
#container_menu .arrow_box001:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}


/*==========================================
 Titleree
===========================================*/
#titleree {width: 100%;
margin:0 0 18px;
padding:8px 0 8px;
/*background-color:#9f8500;*/
}
#titleree h2{font-size: 1.48em; font-weight: bold; margin:4px 0 4px 0; color: #38000d;
letter-spacing:2px;
text-shadow: 1px 1px 4px #888888;}



/*==========================================
 Footer
===========================================*/
footer {width: 100vw; margin:0 auto;
padding:18px 0 18px;
background-color:#5EABD7;
-webkit-box-shadow: 0px -3px 14px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px -3px 14px 1px rgba(0,0,0,0.4);
box-shadow: 0px -3px 14px 1px rgba(0,0,0,0.4);
border-top: solid 1px #ffffff;
}



/*==========================================
 footer_fixedarea 固定フッターPCc Tbios off
===========================================*/
#footer_fixedarea {z-index: 7777; margin:0 auto; padding: 2px 0; text-align: center; font-size: 2.2em;}

/*==========================================
 copyright
===========================================*/
#copyright {font-size: 0.8em; margin:0; padding:18px 0 48px;}
#copyright p {color:#ffffff; outline: none;}
#copyright a {color:#ffffff; outline:none;}