@charset "utf-8";

body{
	margin: 0px; padding: 0px;
	text-align: center;
	font-size: 90%;
	color: #005b9b;
	line-height: 180%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(images/bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	font-family: Arial, Helvetica, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.background-hack {
	z-index: -1;
	background-color: #ffffff;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1500px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

a:link {color: #009b8c; text-decoration: none;}
a:visited {color: #33968c; text-decoration: none;}
a:hover {color: #10d0bd; text-decoration: underline;}

img {margin: 0px; padding:0px; vertical-align:bottom;}
.center {text-align: center;}
.left {text-align: left;}

.space80 {width: 80px; height: 80px;}
.space50 {width: 50px; height: 50px;}
.space30 {width: 30px; height: 30px;}
.space20 {width: 20px; height: 20px;}
.space10 {width: 10px; height: 10px;}

/*テキスト*/
.txt {font-size: 12px;color: #ffffff;line-height: 120%; vertical-align: top;}
.txts {font-size:  80%;color: #005b9b;line-height: 150%; vertical-align: top;}

/*ページトップ*/
#page-top {
	margin: 0px; padding: 0px;
	position: fixed;
	bottom: 200px;
	right: 50px;
}

#page-top a {
	margin: 0px; padding: 0px;
	width: 200px;
	height: 100px;
	display: block;
}

/*ルビ*/
ruby {
	display:inline-table; text-align:center;
	position:relative;
	white-space:nowrap; 
	text-indent:0; margin:0;
	vertical-align:text-bottom;
	line-height:1;
}

ruby>rb,ruby>rbc {
	display:table-row-group; line-height:1.0;}

ruby>rt,ruby>rbc+rtc {
	display:table-header-group;
	font-size:60%; line-height:1.0; letter-spacing:0;}

ruby>rbc+rtc+rtc {
	display:table-footer-group;
	font-size:60%; line-height:1.0; letter-spacing:0;}

rbc>rb,rtc>rt {	display:table-cell; letter-spacing:0;}
rp {display:none;}

/*top*/
.container {max-width: 1080px;
	margin: auto;}
.container2 {max-width: 880px;
	margin: auto;}
.container3 {max-width: 676px;
	margin: auto;}

.clear{clear:both;
}

/* clearfix */
.banner-box:before,
.banner-box:after {content: ""; display: table;}
.boxContainer:after {clear: both;}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {zoom: 1;}

/*===============================================
●PC 1080px以上
===============================================*/
@media screen and (min-width: 1080px){
	img{max-width: 100%;
	width /***/:auto;
	height: auto;}
}

/*===============================================
●TABLET
===============================================*/
@media screen and (max-width: 880px){
	img{max-width: 100%;
	width /***/:auto;
	height: auto;}

.container {max-width: 94%;}
.container2 {max-width:  94%;}
.container3 {max-width:  70%;}



}

/*===============================================
●SP 640pxまで（414）207
===============================================*/
@media screen and (max-width:640px){
	img{max-width: 100%;
	width /***/:auto;
	height: auto;}

.txts {font-size:  90%;color: #005b9b;line-height: 120%; vertical-align: top;}

.container {max-width: 94%;}
.container2 {max-width:  94%;}
.container3 {max-width:  94%;}

.space80 {width: 40px; height: 40px;}
.space50 {width: 30px; height: 30px;}
.space30 {width: 10px; height: 10px;}
.space20 {width: 10px; height: 10px;}
.space10 {width: 5px; height: 5px;}

}