@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	min-width:960px;
}
h1, h2, h3, h4, h5, p, ul, li {
	margin: 0;
	padding: 0;
}
img, a {
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a:hover img, a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=70)";
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li {
	list-style: none;
}
header {
	background: #008a40;
	padding: 10px 0;
}
h1 {
	text-align: center;
}
h1 img {
	vertical-align: text-bottom;
}
header .contents {
	position: relative;
}
#sns_wrap {
	position: absolute;
	right: 0;
	top: 0;
}
.sns_list {
	text-align: center;
}
.sns_list li {
	display: inline-block;
	margin: 0 5px;
}
.contents {
	width: 960px;
	margin: auto;
}
#main {
	/*background: url(../images/mainimg.jpg);
	background-repeat: no-repea;
	background-position: center center;
	background-size: cover;
	height: 730px;
	width: 100%;
	text-align: center;
	position: relative;*/
}
#main h2 {
	/*position: absolute;
	left: 0;
	right: 0;
	top: 50px;
	margin: auto;*/
}
#main h2 img {
	width:100%;
	vertical-align: bottom;
}
#navi {
	background: url(../images/bg_white.jpg);
	text-align: center;
	padding-top: 30px;
	height:450px;
	position:relative;
}
#band_wrap {
	background: url(../images/bar_bg.gif);
	height: 114px;
	width: 100%;
}
.total_num {
	position:relative;
	width:700px;
	top:-50px;
	left:0;
	right:0;
	margin:auto;
}
.total_num img {
	float:left;
}
.navi_date {
	margin-top:75px;
	margin-left:20px;
}
#navi .contents {
	width: 600px;
}
#navi .contents img, #navi .contents p {
	float: left;
}
#navi ul {
	text-align:center;
}
#navi ul li {
	display:inline-block;
	margin:15px 15px 0;
}
#navi ul li.bg_black {
	background:#000;
	height:60px;
}
#navi ul li img {
	box-shadow: 5px 5px 2px rgba(0,0,0,0.5);
}
.navi_title {
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:200px;
}
.item_title_img {
	margin-top:120px;
}
.item_wrap .contents {
	position:relative;
	height:455px;
	padding:40px 0;
}
.item_wrap {
	background:url(../images/item_bg_green.jpg);
	width:auto;
	background-repeat: no-repeat;
	background-size: cover;
}
.item_wrap.even{
	background:url(../images/item_bg_pink.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.mark {
	position:absolute;
	left:20px;
	top:40px;
}
.item_wrap h4 {
	position:absolute;
	top:45px;
	left:160px;
}
.item_wrap.course10 h4 {
	top:40px;
}
.item_wrap.course7 h4 {
	top:42px;
}
.item_wrap.course15 h4 {
	top:35px;
}
.note {
	position:absolute;
	left:20px;
	bottom:40px;
	color:#ffffff;
	font-size:16px;
}
.item_wrap.course15 .item_img {
	position:absolute;
	right:60px;
	bottom:30px;
}
.item_wrap.course5 .item_img {
	position:absolute;
	right:60px;
	bottom:40px;
}
.item_wrap.course7 .item_img {
	position:absolute;
	right:60px;
	top:70px;
}
.item_wrap.course10 .item_img {
	position:absolute;
	right:60px;
	top:80px;
}
.item_wrap.course7 .item_note {
	position:absolute;
	left:20px;
	top:230px;
}
.item_wrap.course10 .item_note {
	position:absolute;
	left:20px;
	top:230px;
}
.item_wrap.course5 .txt {
	position:absolute;
	left:20px;
	top:210px;
	width:380px;
	color:#ffffff;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}
#item01 .note, #item03 .note {
	font-weight:bold;
}
.item_wrap.course7 .txt {
	position:absolute;
	left:20px;
	top:200px;
	width:440px;
	color:#ffffff;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}
.item_wrap.course10 .txt {
	position:absolute;
	left:20px;
	top:200px;
	width:410px;
	color:#ffffff;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}
.anotation {
	font-size:14px;
}
.item_wrap.course15 .txt {
	position:absolute;
	left:20px;
	top:230px;
	width:430px;
	color:#ffffff;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}
.note {
	font-weight:bold;
}
#application {
	background:url(../images/bg_white.jpg);
	background-repeat:repeat-y;
	background-size:cover;
	width:100%;
	background-position: center center;
	text-align: center;
	padding:50px 0 100px;
}
.application_img {
	margin:30px auto 20px;
}
#application .contents {
	width:662px;
	margin:auto;
}
#application_labele {
	background: url(../images/application_waku.png) no-repeat;
	width:602px;
	height:136px;
	margin:40px auto;
	color:#000;
	text-align:left;
	padding:25px 40px;
	font-size:20px;
	line-height: 1.7em;
}
.download_btn {
	background:#c72126;
	border-radius:10px;
	text-align:center;
	margin:10px auto 20px;
	box-shadow: 5px 5px 2px rgba(0,0,0,0.5);
}
.download_btn a {
	font-size:35px;
	display:block;
	color:#ffffff;
	padding:20px 0;
	font-weight: 900;
}
#target_item_sub {
	font-size:20px;
	font-weight:900;
}
.application_txt {
	color:#ffffff;
}
.application_txt_s {
	font-size:12px;
	margin-bottom:30px;
	color:#000;
}
.txt_l {
	text-align:left;
	color:#000;
}
.target_item_wrap {
	width:662px;
	margin:auto;
	background-color:#fffeee;
	background-image:url(../images/target_item_bg.png), url(../images/target_item_bg.png);
	background-repeat:no-repeat,no-repeat;
	background-position:top center,bottom center;
	background-size:100%,100%;
	padding:50px 0;
	box-shadow: 5px 5px 2px rgba(0,0,0,0.5);
}
.target_item_wrap ul {
	text-align:center;
}
.target_item_wrap ul li {
	display:inline-block;
	position:relative;
	margin:20px 5px;
}
.target_item_wrap h4 {
	font-size:15px;
}
.target_item_wrap ul li p {
	font-size:12px;
}
.fuki {
	position:absolute;
	left:-20px;
	bottom:80px;
}
#notes {
	background:url(../images/item_bg_pink.jpg);
	text-align:center;
	padding:50px 0 100px;
	background-size: cover;
}
#notes .contents div {
	background:rgba(255,255,255,.8);
	padding:30px;
	text-align:left;
	margin-top:50px;
}
#notes .contents div p:first-child {
	margin-top:0;
}
#notes .contents div p {
	margin-top:30px;
}
footer {
	background:#008a40;
	text-align:center;
	padding:40px 0;
}
footer ul li {
	display:inline-block;
	margin:0 10px;
}
.navi_list > li.navi_single {
    position: relative;
}
li.navi_single ul.navi_sub {
    position: absolute;
    top: 40px;
    width: 610px;
    background: rgba(255,255,255,.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	visibility: hidden;
	opacity: 0;
	text-align:left;
	padding:10px;
	z-index: 999;
}
#navi ul li.navi_single ul.navi_sub li {
	text-align:left;
	display:block;
		-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#navi ul li.navi_single ul.navi_sub li:hover {
	  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=70)";
}
li.navi_single ul.navi_sub li a {
	color:#000000;
	font-size:20px;
	text-decoration:none;
	display:block;
	padding: 5px;
	border-bottom:1px solid #000000;
}
li.navi_single ul.navi_sub li:last-child a {
	border:none;
}
li.navi_single:hover ul.navi_sub {
    top: 60px;
    visibility: visible;
    opacity: 1;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}