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

html, body { height: 100%; }

#main {
	height:100%;
	background: url(../images/common/main.jpg) no-repeat;
	background-position:bottom;
	background-size: cover;
	
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	
	text-align:center;
	
	color:#FFF;
	
	position: relative;
}

#main #box {
	width:80%;
	height:80%;
	border:#FFF solid 13px;

	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#main #box #container01 {
	margin-top:20%;
}

#main #title1 {
	font-size:2.2em;
	letter-spacing:3px;

}

#main #title2 {
	font-weight:bold;
	font-size:3.8em;
	letter-spacing:3px;
	line-height:120%;
}

#main #since {
	font-size:1.5em;
	letter-spacing:3px;
	line-height:120%;
}

#main #scroll {
	padding:20px 0;
	text-align:center;
}

h2 {
	color:#104300;
	font-size:2em;
	font-weight:bold;
	letter-spacing:3px;
	line-height:100%;
	
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	
	text-align:center;
	margin-bottom:60px;
}

h2 span {
	font-weight:normal;
	line-height:100%;
	font-size:14px;
}
#modoru {
	text-align: center;
	font-size: 1em;
	background: #f1f1f1;
	color: #666;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#modoru a:link{
	text-align: center;
	background: #f1f1f1;
	color: #666;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#copyright {
	padding:40px 0;
	text-align:center;
	font-size:1.1em;
	background:#f1f1f1;
}