@charset "UTF-8";

body{
	/*font-size:14px;*/
	color:#333;
	background: none;
}


a{
	color: #66cdaa;
}

a:active,
a:hover{
	color: #00ff7f;
}

input[type="submit"]{
	padding: .5em 5em;
	font-size: 18px;
	color:#000;
}

input[type="text"],
input[type="tel"],
input[type="date"],
input[type="email"],
textarea{
	padding:.5em;
	color:#000;
}

input[type="text"]{
	/*width:300px;*/
}

input[type="email"]{
	width:400px;
}

textarea{
	width:600px;
	color:#000;
}

.container{
	background:none;
}

.site-header{
	background: url(/images/header-border.png) repeat-x top center #434fff;
	margin-bottom:-3px;
}

.site-header-conts{
	padding: 10px 0;
}

.global-nav{
	background: url(/images/navi-bg.png) repeat-x center center;
	background-size: contain;
	z-index: 200;
	position: relative;
}

.global-nav-in ul,
.global-nav-in li{
	border: none;
}

.global-nav-in li a{
	background-color: transparent;
	color: #fff;
	padding: 1.3em;
}

.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	background-color: #98fb98;
	color: #1e90ff;
}

.global-nav-in li ul li a{
	background-color: #40e0d0;
}

.main-image{
	z-index: 100;
	position: relative;
	margin-bottom:-5px;
	background:#fff;
}

.section-wrap{
	margin-bottom: 20px;
	padding: 0;
	border: none;
}

.main-body h1{
	margin: 30px 0 10px;
	color: #4682b4;
	font-size: 1.45em;
}

.main-body h2{
	margin: 30px 0 10px;
	font-size: 1.25em;
	clear: both;
}

.main-body h3{
	background: none;
	margin: 30px 0 20px;
	padding: 0px 0 0px 15px;
	border-top: 8px solid #dadefc;
	border-bottom: 8px solid #8d9bfe;
	background-color: #5266ff;
	font-weight: normal;
	font-size: 1.2em;
	color: #fff;
	border-radius: 15px;
	clear: both;
}

/*記事タイトルや基本単位毎の最初の見出し*/
.main-conts .section-wrap .section-title{
	margin: 0 0 0.5em;
	padding: 0px 0 0px 17px;
	background: transparent;
	color: #333;
	font-size: 1.5em;
	border-style: solid;
	border-width: 20px 0px;
	-moz-border-image: url(/images/h2.png) 20 0 round;
	-webkit-border-image: url(/images/h2.png) 20 0 round;
	-o-border-image: url(/images/h2.png) 20 0 round;
	border-image: url(/images/h2.png) 20 0 fill round;
}

.sub-conts img{
	border:2px solid #fff;
}

.sub-conts .section-wrap .section-in{
	padding:3px 0 3px;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	margin: 20px 0;
	padding: 7px 0 7px 15px;
	font-weight: normal;
	font-size: 1.125em;
	border: none;
	color:#556b2f;
	background: #e1ffda url(/images/midashi-side.png) repeat-x center bottom;
}

.site-footer{
	background-color: #7ec0ee;
}

.site-footer-in{
	padding: 5px 0;
	color: #fff;
}

.site-footer-conts-area{
	padding: 0;
}

.copyright{
	background-color: #b5def8;
	color: #fff;
}

.site-footer-conts .yarpp-related{
	display: none;
}

.video_container{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}