@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("style.css");
html,body {
    margin:0;
	padding:0;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 140%;
}	

a {
	text-decoration: none;
	/* color: black; */
}


ul,ol,li {
	margin:0;
	padding:0;
	list-style:none;
	
}
	

/* CSS Document */
/* ************** common.css *************** */		
/* PC
--------------------------------------------
-------------------------------------------- */
@media screen and (min-width:980px) {
	
	.wrap{
		width: 2000px;
				
	}
	
	.body{
		width: 1000px;
		margin: 0 auto;
	}
	
	/*　メニュー　*/	
	.menu_wrap{
		background-image: url(../images/img01.png);
		background-repeat: no-repeat;
		height: 75px;
		margin-right: auto;
		margin-left: auto;
		overflow: hidden;
		background-position:  right top;
		margin: 0 auto;
		z-index:  999;
		position:  relative;
	}
	
	.menu_wrap a {
		text-decoration: underline;
		color: white;
	}
	
	.menu_box{
		float: right;
		height: 75px;
		width: 417px;
	}
	.menu_top{
		background-image: url(../images/homeicon.png);
		background-repeat: no-repeat;
		width: 60px;
		height: 30px;
		padding-left: 40px;
		font-size:  0.9em;
		color: #fff;
		float: left;
		margin-top:  0px;
		padding-top: 3px;
	}
	.menu_tel{
		background-image: url(../images/img09.png);
		background-repeat: no-repeat;
		width: 105px;
		height: 30px;
		padding-left: 40px;
		font-size:  0.9em;
		color: #fff;
		float: left;
		margin-top:  0px;
		padding-top: 3px;
	}
	
	.menu_mail{
		background-image: url(../images/img10.png);
		background-repeat: no-repeat;
		width: 130px;
		height:45px;
		float: left;
		padding-left: 40px;
		font-size:  0.9em;
		color: #fff;
		margin-top:  0px;
		padding-top: 3px;
	}
	.menu_box_title{
		font-size: 0.9em;
		color:  #fff;
		height: 11px;
	}
	
	#menu{
		height: 100px;
		margin-top: -60px;
		margin-bottom: 30px;
	}
	
	#menu ul{
		display:  table;
		width:  1000px;
	}
	
	#menu li{
		display:  table-cell;
		padding: 5px;
	}
	
	#menu li:hover{
		transition: 1.0s ;
		opacity: 0.4;	
	}
	
	#menu li img{
		
		
	}
	
	/*　英語バナー */
	.eg_bnr{
		position: absolute;
		z-index: 1000;
		bottom: 10px;
		right: 10px;
	}
	
	/*　スライダー　*/
	#slider,#slider_abouts,#slider_plan,#slider_report,#slider_member,#slider_inquily{
		width: 100%;
		height: 500px;
		top: -75px;
	}

	
	
	#footer{
		height: 400px;
		background-color: #336699;
		background-repeat: no-repeat;
		background-position: left bottom;
		color: #fff;
		text-align: center;
		padding: 20px;
		position: relative;
	}
	
	#footer img{
		/* margin-top: 3009px; */
		margin: 0 auto;
		bottom: 50%;
		position: absolute;
		left: 35%;
	}
	
	.footer_bottom{
		position: absolute;
		bottom: 30px;
		text-align: center;
		width: 97%;
		margin:  0 auto;
	}
	
	#footer a {
		text-decoration: underline;
		color: white;
	}
	
	.pc_none{
		display: none;
	}
	
	.sp_none{
		display: block;
	}
	#gotop {
		display:none;
		position:fixed;
		bottom:60px;
		right:30px;
		z-index:1000;
	}
	
	#gotop img{
		right: 0px;
	}
	
	.bar5{
		background-image: url(../../images/green_down.png);
		background-repeat: no-repeat;
		background-position: top center;
		height: 15px;
		background-color: #336699;
		background-position-y: -12px;
	}
	
	
	#rss_plan img{
		
	}
}

/* SmartPhone
--------------------------------------------
-------------------------------------------- */
@media screen and (max-width:979px) {
	.wrap{
		
				
	}
	
	.body{
		margin: 0 auto;
	}
	
	.menu_wrap{
		height: 100px;
		margin: 0 auto;
		text-align:  center;
		background-color: #336699;
		color: #fff;
		margin-top: -14px;
		padding-top: 20px;
		font-size: 0.9em;
	}
	
	.menu_wrap a {
		text-decoration: underline;
		color: white;
	}
	
	.menu_box{
		
	}
	
	.menu_box_title{
		font-size: 0.9em;
		color:  #fff;
		height: 11px;
	}
	
	.pc_none{
		display: block;
	}
	
	.sp_none{
		display: none;
	}
	
	#gotop {
		display:none;
		position:fixed;
		bottom:10px;
		right:10px;
		z-index:1000;
	}
	
	#gotop img{
		right: 0px;
		width: 40px;
		height:40px;
	}
	
	/*スマホメニュー*/
	

	#category_list {
		display:none;
		width:100%;
		height:150%;
		position: absolute;
		z-index: 99;
		top: 0px;
		background-color: #3366A3;
		padding-top: 80px;
	}
	
	#category_list img {
		width:80px;
	}
	
	#category_list ul {
		width: 300px;
		margin:0 auto;
		text-align:center;
		margin-top:30px;
	}
	
	#category_list li {
		display:-moz-inline-box;
		display:inline-block;
		display: block;
		zoom:1;
		border-bottom: 1px solid #fff;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
	}
	
	#panel {
	}
	
	.menuarea{
		top: 0px;
		width: 40px;
		height: 250px;
		text-align: center;
		margin-right: 15px;
		position: fixed;
		z-index: 9999;
		right: 0px;
	}
	
	.menuarea img{
			margin-bottom: 0px;
			margin-top: 0px;
			}
	
	
	.slide_btn {
		background-image:url(../images/menu_btn.png);
		background-repeat:no-repeat;
		width: 40px;
		height: 40px;
		z-index: 99;
		padding-bottom: 0px;
		background-size:  40px;
	}
	
	.slide_btn.active {
		background-image:url(../images/menu_close.png);
	}
	/*　英語バナー */
	.eg_bnr{
		position: absolute;
		z-index: 1000;
		bottom: 10px;
		right: 10px;
	}
	
	/*　スライダー　*/
	#slider,#slider_abouts,#slider_plan,#slider_report,#slider_member,#slider_inquily{
		width: 100%;
		height: 300px;
	}

	
	#footer{
		/* width: 100%; */
		height: 300px;
		background-color: #336699;
		background-repeat: no-repeat;
		background-position: left bottom;
		color: #fff;
		text-align: center;
		position: relative;
		background-size: 300px;
		background-position-x: -15px;
		font-size: 0.7em;
	}
	
	#footer img{
		/* margin-top: 40px; */
		/* position:  absolute; */
		/* bottom:  50%; */
		width:  300px;
		margin:  0 auto;
		padding-top: 30px;
	}
	
	.footer_bottom{
		position: absolute;
		bottom: 30px;
		text-align: center;
		width: 97%;
		margin:  0 auto;
	}
	
	#footer a {
		text-decoration: underline;
		color: white;
	}

}

/* SmartPhone iPhone5
--------------------------------------------
-------------------------------------------- */
@media screen and (max-width:319px) {
	
	.menu_wrap{
		height: 110px;
		margin: 0 auto;
		text-align:  center;
		background-color: #3366A3;
		color: #fff;
		margin-top: -14px;
		padding-top: 20px;
		font-size: 0.8em;
	}
	
	.menu_box_title{
		font-size: 0.8em;
		color:  #fff;
		height: 11px;
	}
	/*　スライダー　*/
	#slider{
		width: 100%;
		height: 200px;
	}
	
	#slider_abouts{
		width: 100%;
		height: 200px;
	}
	
}


/* 共通
--------------------------------------------
-------------------------------------------- */

/*Sample
.title {
		font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
		font-style:normal;
		font-size:1em;
		letter-spacing:0px;
		padding-bottom:5px;
		padding-top:5px;
		text-align:justify;
		letter-spacing:-1px;
	}
	




*/