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

/*------------ 初期設定 ------------*/
p {
	color: #000000;
	line-height: 1.7;	
}

/*------------ 全体 ------------*/
html {
}

body {
}

._hover{
	opacity:1;
}

._hover:hover{
	opacity:0.7;
}


/*------------ WRAPPER ------------*/
#wrapper {
	width:950px;
	margin:0 auto;
}

/*------------ HEADER ------------*/
#header{
	text-align:center;
}

.header_inner{
	position:relative;
	width:1100px;
	margin:0 auto;	
	padding:20px 0;
}

.header_inner .lang{
	position:absolute;
	right:0;
	top:20px;
}	

.header_inner .lang li{
	float:left;
	margin-right:20px;	
}

.header_inner .lang li:last-child{
	margin-right:0;	
}

.header_inner .lang li a {
    font-size: 14px;
    color: #018ace;
    text-decoration: none;
    background: url(../images/header_icon.gif) no-repeat left 4px;
    display: inline-block;
    padding-left: 20px;
}

/*------------ NAVI ------------*/


/*------------ TOP ------------*/
#main{
	min-width:1100px;
	position:relative;	
}

#main .txt01{
	position:absolute;
	left:40px;
	top:10%;
	font-size:34px;
	color:#093c99;
	line-height:1.3;	
}

#main .txt02{
	position:absolute;
	left:40px;
	top:30%;
	font-size:14px;
	color:#ffffff;
	line-height:1.3;	
}

.contents{
	width:840px;
	margin:50px auto 0;	
}

.contents_l{
	width:490px;
	float:left;	
}

.contents_r{
	width:240px;
	float:left;	
	margin-left:70px;
	text-align:center;
}

.contents_r h2{
	margin-top:100px;
	font-size:26px;
}

.contents_r p{
	width:250px;
	margin:50px auto 0;
	padding-left:20px;
	text-align:left;
	color:#515054;
	font-size:14px;
}

.contents h3{
	margin-top:30px;
	color:#093c99;
	font-size:26px;
	line-height:1.3;	
}

.contents .txt01{
	margin-top:30px;
	color:#515054;
	font-size:14px;
	line-height:1.3;	
}

.block02{
	margin-top:50px;
	width:100%;
	padding:50px 0 150px;
	background:#e5f3fa;	
}

.block02.pb50{
	padding:50px 0 ;
}

.block02 h2,
.block03 h2,
.block07 h2,
.block07 h3{
	text-align:center;
	font-size:32px;
	color:#093c99;
}



.block02_inner{
	width:840px;
	height:444px;
	margin:50px auto 0;
	background:url(../images/block02_bg01.jpg) no-repeat left top;
	position:relative;	
}

.block02_inner .txt01 span,
.block02_inner .txt02 span,
.block02_inner .txt03 span,
.block02_inner .txt04 span{
	display:block;
	font-weight:bold;
}	

.block02_inner .txt01{
	font-size:14px;
	color:#515054;
	position:absolute;
	left:0;
	top:0;	
	line-height:1.3;
}

.block02_inner .txt02{
	font-size:14px;
	color:#515054;
	position:absolute;
	left:315px;
	top:0;	
	line-height:1.3;
}

.block02_inner .txt03{
	font-size:14px;
	color:#515054;
	position:absolute;
	left:380px;
	bottom:-120px;	
	line-height:1.3;
}

.block02_inner .txt04{
	font-size:14px;
	color:#515054;
	position:absolute;
	left:560px;
	bottom:-120px;	
	line-height:1.3;
}

.block03{
	text-align:center;
	margin:50px auto;	
}

.block03 ul{
	width:840px;
	margin:50px auto 0;	
}

.block03 ul li{
	margin-bottom:30px;	
}

.block04{
	margin-top:20px;	
	width:100%;
	padding:50px 0 ;
	background:#e5f3fa;	
}

.block04 .block04_inner{
	width:840px;
	margin:0px auto 0;	
}

.block04 .block04_inner .block04_l{
	width:288px;
	float:left;	
}

.block04 .block04_inner .block04_r{
	width:426px;
	float:right;	
}

.block04 .block04_inner h3{
	text-align:center;
	font-size:26px;
}

.block04 .block04_inner .image{
	margin-top:30px;	
}

.block04 .block04_inner p{
	margin-top:50px;
	font-size:14px;
	color:#515054;
}

.block04 .block04_inner .block04_l p{
	padding-left:50px;
}

.block04 .block04_inner .block04_r p{
	padding-left:110px;
}

.block04 .block04_inner p .bold1{
	color:#e0a8a6;
	font-weight:bold;	
	display:block;
}

.block04 .block04_inner p .bold2{
	color:#2571c1;
	font-weight:bold;	
	display:block;
}

.block03 .image{
	margin-top:50px;
	padding-bottom:10px;	
}

.block02 table{
	width:650px;
	margin:30px auto 0;
	border-collapse: separate;
	border-spacing: 0 20px;
}

.block02 table th{
	width:140px;	
}



.block02 table th,
.block02 table td{
	font-size:14px;
	color:#515054;
	font-weight:200 !important;	
}


.block02 a{
	display:block;
	border-radius: 24px;
	background:#51c5ff;
	padding:14px 0 3px 0px;
	padding:14px 0 0px 0px\0;
	font-size:16px;
	width: 320px;
	height: 33px;
	margin:30px auto 0;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}

.block02 a span{
	display:inline-block;
	background:url(../../images/top/icon01.gif) no-repeat left center ;	
	background:url(../../images/top/icon01.gif) no-repeat left top\0 ;	
	padding-left:30px;
}

.block02 .image02{
	text-align:center;
	margin-top:45px;
}

.block02 .image03{
	text-align:center;
	margin-top:20px;
}

.block07{
	width:100%;
	padding:50px 0 50px;
	background:#f3f4f5;	
}

.block07 .txt01{
	font-size:14px;
	color:#515054;
	text-align:center;
	margin-top:30px;	
}

.block07 ul{
	width:840px;
	margin:30px auto 0;
}

.block07 ul li{
	width:240px;
	margin:0 60px 60px 0 ;
	float:left;	
}

.block07 ul li:nth-child(3n){
	margin-right:0;	
}

.block07 h3{
	margin-top:30px;
}

.block07 a{
	display:block;
	border-radius: 24px;
	background:#51c5ff;
	padding:14px 0 3px 0px;
	padding:14px 0 0px 0px\0;
	font-size:16px;
	width: 240px;
	height: 33px;
	margin:20px auto 0;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}

.block07 a span{
	display:inline-block;
	background:url(../../images/top/icon01.gif) no-repeat left center ;	
	background:url(../../images/top/icon01.gif) no-repeat left center\0 ;	
	padding-left:30px;
}

.block07 ul li:nth-child(3n) a{
	padding:4px 0 3px 0px;
	padding:4px 0 0px 0px\0;
	height: 43px;
	line-height:1.3;
}

/*------------ FOOTER ------------*/
#footer{
	width:1120px;
	margin:50px auto;	
}

#footer p{
	width:400px;
	float:left;	
}

#footer p a{
	color:#515054;	
	text-decoration:none;
}

#footer small{
	display:block;
	float:right;
	width:500px;
	text-align:right;
	font-size:11px;
	color:#515054;	
}

#footer .mr20{
	margin-right:20px;	
}

.sp{
	display:none;
}
.pc{
	display:block;
}

.page_top{
	position:fixed;
	right:30px;
	bottom:30px;
	display:none;	
}

@media (max-width:670px) {
	body {
		padding-top:0;	
	}
	
	#header_ov{
		position:relative;
		height:auto;
	}	
	.sp{
		display:block;
	}
	.pc{
		display:none;
	}
	
	body,html{
		width:100%;
		overflow-x:hidden;	
	}
	
	
	img{
		max-width:100%;
		height:auto;	
	}
	
	
	/*------------ WRAPPER ------------*/
	#wrapper {
		width:95%;
		margin:0 auto;
	}
	
	/*------------ HEADER ------------*/
	#header{
		text-align:center;
		
	}
	
	.header_inner{
		width:100%;	
		padding:10px 0;	
		position:relative;
	}
	
	
	.header_inner .lang{
		position:inherit;
		right:0px;
		top:0px;
		text-align:center;
		padding-top:10px;
	}	
	
	.header_inner .lang li{
		float:none;
		display:inline-block;
		margin-right:20px;	
	}
	
	.header_inner .lang li:last-child{
		margin-right:0;	
	}
	
	.header_inner .lang li a {
		font-size: 12px;
		color: #018ace;
		text-decoration: none;
		background: url(../images/header_icon.gif) no-repeat left 4px;
		background-size:12px auto;
		display: inline-block;
		padding-left: 15px;
	}

	
	#header img{
		width:200px;
		height:auto;	
	}
	
	/*------------ NAVI ------------*/
	
	
	/*------------ TOP ------------*/
	#main{
		min-width:100%;
		position:relative;	
	}
	
	#main .txt01{
		position:absolute;
		left:10px;
		top:5%;
		font-size:16px;
		color:#093c99;
		line-height:1.3;	
	}
	
	#main .txt02{
		position:absolute;
		left:10px;
		padding-right:10px;
		top:35%;
		font-size:8px;
		color:#ffffff;
		line-height:1.3;	
	}
	
	.contents{
		width:95%;
		margin:30px auto 0;	
	}
	
	.contents_l{
		width:100%;
		float:none;	
	}
	
	.contents_r{
		width:100%;
		float:none;	
		margin-left:0px;
		text-align:center;
	}
	
	.contents_r h2{
		margin-top:20px;
		font-size:20px;
	}
	
	.contents_r p{
		width:220px;
		margin-top:30px;
		color:#515054;
		font-size:12px;
	}
	
	.contents h3{
		margin-top:20px;
		color:#093c99;
		font-size:20px;
		line-height:1.3;	
	}
	
	.contents .txt01{
		margin-top:20px;
		color:#515054;
		font-size:12px;
		line-height:1.3;	
	}
	
	.block02{
		margin-top:30px;
		width:100%;
		padding:25px 0 25px;
		background:#e5f3fa;	
	}
	
	.block02.pb50{
		padding:25px 0 25px;
	}
	
	.block02 h2,
	.block03 h2,
	.block07 h2,
	.block07 h3{
		text-align:center;
		font-size:26px;
		color:#093c99;
	}
	
	
	
	.block02_inner{
		width:95%;
		height:auto;
		margin:30px auto 0;
		background:url(../images/block02_bg01.jpg) no-repeat left top;
		background-size:contain;
		position:relative;	
	}
	
	.block02_inner .txt01 span,
	.block02_inner .txt02 span,
	.block02_inner .txt03 span,
	.block02_inner .txt04 span{
		display:block;
		font-weight:bold;
	}	
	
	.block02_inner .txt01{
		font-size:12px;
		color:#515054;
		position:inherit;
		left:0;
		top:0;	
		line-height:1.3;
		width:49%;
		float:left;
	}
	
	.sp_inner{
		width:95%;
		margin:0 auto;	
		padding-top:50%;
	}
	
	.sp_inner2{
		margin:20px auto 0;	
	}
	
	.block02_inner .txt02{
		font-size:12px;
		color:#515054;
		position:inherit;
		left:0;
		top:0;	
		line-height:1.3;
		width:49%;
		float:right;
	}
	
	.block02_inner .txt03{
		font-size:12px;
		color:#515054;
		position:inherit;
		left:0px;
		bottom:0px;	
		line-height:1.3;
		float:left;
		width:49%;
	}
	
	.block02_inner .txt04{
		font-size:12px;
		color:#515054;
		position:inherit;
		left:0px;
		bottom:0px;
		line-height:1.3;
		float:right;
		width:49%;
	}
	
	.block03{
		text-align:center;
		margin:30px auto;	
	}
	
	.block03 ul{
		width:95%;
		margin:25px auto 0;	
	}
	
	.block03 ul li{
		margin-bottom:30px;	
	}
	
	.block04{
		margin-top:10px;	
		width:100%;
		padding:25px 0 25px;
		background:#e5f3fa;	
	}
	
	.block04 .block04_inner{
		width:95%;
		margin:0px auto 0;	
	}
	
	.block04 .block04_inner .block04_l{
		width:100%;
		float:none;
		margin-bottom:10px;	
	}
	
	.block04 .block04_inner .block04_r{
		width:100%;
		float:none;	
	}
	
	.block04 .block04_inner h3{
		text-align:center;
		font-size:20px;
	}
	
	.block04 .block04_inner .image{
		margin-top:20px;	
		text-align:center;
	}
	
	.block04 .block04_inner .image img{
		width:150px;
		height:auto;	
	}
	
	.block04 .block04_inner .block04_r .image img{
		width:250px;
		height:auto;	
	}
	
	.block04 .block04_inner p{
		margin-top:30px;
		font-size:14px;
		color:#515054;
	}
	
	.block04 .block04_inner .block04_l p{
		padding-left:0px;
		width:240px;
		margin:25px auto 25px;
	}
	
	.block04 .block04_inner .block04_r p{
		padding-left:0px;
		width:180px;
		margin:25px auto 0px;
	}
	
	.block04 .block04_inner p .bold1{
		color:#e0a8a6;
		font-weight:bold;	
		display:block;
	}
	
	.block04 .block04_inner p .bold2{
		color:#2571c1;
		font-weight:bold;	
		display:block;
	}
	
	.block03 .image{
		width:95%;
		margin:30px auto 0;
		padding-bottom:10px;	
	}
	
	.block02 table{
		width:95%;
		margin:30px auto 0;
		border-collapse: separate;
		border-spacing: 0 10px;
	}
	
	.block02 table th{
		width:120px;	
	}
	
	
	
	.block02 table th,
	.block02 table td{
		font-size:12px;
		color:#515054;
		font-weight:200 !important;	
	}
	
	
	.block02 a{
		display:block;
		border-radius: 24px;
		background:#51c5ff;
		padding:7px 0 3px 0px;
		padding:10px 0 3px 0px\0;
		font-size:12px;
		width: 200px;
		height: 23px;
		margin:30px auto 0;
		text-align:center;
		color:#FFF;
		text-decoration:none;
	}
	
	.block02 a span{
		display:inline-block;
		background:url(../../images/top/icon01.gif) no-repeat left center ;	
		background:url(../../images/top/icon01.gif) no-repeat left top\0 ;	
		background-size:10px auto;
		padding-left:13px;
	}
	
	.block02 .image02{
		text-align:center;
		margin-top:30px;
	}
	
	.block02 .image02 img{
		width:80%;
		height:auto;	
	}
	
	.block02 .image03{
		width:95%;
		margin:20px auto 0;
		text-align:center;
	}
	
	.block07{
		width:100%;
		padding:30px 0 30px;
		background:#f3f4f5;	
	}
	
	.block07 .txt01{
		width:95%;
		margin:25px auto 0;
		font-size:12px;
		color:#515054;
		text-align:center;
	}
	
	.block07 ul{
		width:95%;
		margin:25px auto 0;
	}
	
	.block07 ul li{
		width:49%;
		margin:0 0px 30px 0 ;
		float:left;	
	}
	
	.block07 ul.sp_list li{
		float:none !important;
		width: 200px;
		margin:0 auto 10px !important;	
	}
	
	.block07 ul li:nth-child(2n){
		float:right;	
	}
	
	.block07 ul li:nth-child(3n){
		margin-right:0;	
	}
	
	.block07 h3{
		margin-top:25px;
	}
	
	.block07 a{
		display:block;
		border-radius: 24px;
		background:#51c5ff;
		padding:7px 0 3px 0px;
		padding:10px 0 3px 0px\0;
		font-size:12px;
		width: 200px;
		height: 23px;
		margin:20px auto 0;
		text-align:center;
		color:#FFF;
		text-decoration:none;
	}
	
	.block07 a span{
		display:inline-block;
		background:url(../../images/top/icon01.gif) no-repeat left center ;	
		background:url(../../images/top/icon01.gif) no-repeat left center\0 ;	
		background-size:10px auto;
		padding-left:13px;
	}
	
	.block07 ul li:nth-child(3n) a{
		padding:4px 0 3px 0px;
		padding:4px 0 0px 0px\0;
		height: 30px;
		line-height:1.3;
	}
	
	
	#footer{
		width:95%;
		margin:20px auto;	
	}
	
	#footer p{
		width:100%;
		float:none;	
		margin:10px;
		text-align:center;
	}
	
	#footer p a{
		color:#515054;	
		text-decoration:none;
	}
	
	#footer small{
		display:block;
		float:none;
		width:100%;
		text-align:center;
		font-size:11px;
		color:#515054;	
	}
	
	#footer .mr20{
		margin-right:10px;	
	}
	
	.page_top{
		width:30px;
		height:30px;
		position:fixed;
		right:10px;
		bottom:10px;
		display:none;	
	}
	
	.anc{
		display:block;	
		margin-top:-50px;
		padding-top:50px;
	}
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- text_left --------*/
.t_left {
	text-align: left;
}

/*-------- center --------*/
.t_center {
	text-align: center;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

/*-------- COLOR --------*/

.red{
	color:#FF0000;
}

.orange{
	color:#FF6600;
}

.blue{
	color:#0097B2;
}

/*-------- FONT --------*/

.bold{
	font-weight:700;
}

.f10{
	font-size:10px;
}

.f14{
	font-size:14px;
}

/*-------- WIDTH --------*/

.w149{
	width:149px;	
}

.w180{
	width:180px;	
}

.w287{
	width:287px;
}

.w380{
	width:380px;
}

.w304{
	width:304px;
}

/*-------- HEIGHT --------*/

.h350{
	height:350px;	
}

.h375{
	height:375px;	
}

.h500{
	height:420px;	
}

.h600{
	height:470px;	
}

/*-------- MARGIN --------*/

.ml3{
	margin:0 0 0 3px;
}

.ml10{
	margin:0 0 0 10px;
}

.ml30{
	margin:0 0 0 30px;
}

.ml40{
	margin:0 0 0 40px;
}

.ml60{
	margin:0 0 0 60px;
}

.ml70{
	margin:0 0 0 70px;
}

.mb10{
	margin:0 0 10px 0;
}

.mb15{
	margin:0 0 15px 0;
}

.mt3{
	margin:3px 0 0 0;
}

.mt10{
	margin:10px 0 0 0;
}


.mt20{
	margin:20px 0 0 0;
}

.mt30{
	margin:30px 0 0 0;
}

/*-------- PADDING --------*/

.pt5{
	padding-top:5px;
}

.pt10{
	padding-top:10px;
}

.pt15{
	padding-top:15px;
}

.pt20{
	padding-top:20px;
}

.pt25{
	padding-top:25px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt60{
	padding-top:60px;
}

.pl10{
	padding-left:10px;	
}

.pl12{
	padding-left:12px;	
}

.pl15{
	padding-left:15px;	
}

.pl20{
	padding-left:20px;	
}

.pl30{
	padding-left:30px;	
}

.pl40{
	padding-left:40px;	
}

.pl50{
	padding-left:50px;	
}

.pl60{
	padding-left:60px;	
}

.pl70{
	padding-left:70px;	
}

.pl80{
	padding-left:80px;	
}

.pl100{
	padding-left:100px;	
}

.pr100{
	padding-right:100px;	
}


.pb20{
	padding-bottom:20px;	
}

/*-------- COMMON --------*/

.pic{
	padding:2px;
	display:block;
	border:1px solid #CCCCCC;
}

.hidden{
	overflow:hidden;
}

.abs{
	position:absolute;
}

.ondes{
	color:#999999;
}