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

@top

*****************************************--*/
html{
	overflow-y:scroll;
}

#wrapper{
	display:none;
	background-attachment:inherit;
}

#chara0{
	top: 358px;
	left: 136px;
}
#chara1{
	/*top:447px;*/
  	bottom: 15px;
	left:747px;
}

#chara2{
	top: -33px;
  	left: 18px;
}

#contents{
	padding:0 !important;
}

#contents-inner{
	width:1040px;
	height:1395px;
	margin:0 auto;
	position:relative;
	z-index:3;
	top:58px;
}

#logo-container{
	position:absolute;
	z-index:1;
	top:18px;
	left:0px;
	width:407px;
	height:242px;
}

#logo{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
}

#housou{
	position:absolute;
	z-index:2;
	top:134px;
	left:0px;
}

#main-img{
	position:absolute;
	z-index:2;
}

/*#character{
	position:absolute;
	z-index:2;
	top:6px;
	left:303px;
	width:812px;
	height:897px;
	
	-webkit-animation-name: floatAnimation;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: floatAnimation;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	animation-name: floatAnimation;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@-webkit-keyframes floatAnimation {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, 20px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes floatAnimation {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, 20px);}
	100% {-moz-transform:translate(0, 0);}
}*/

#sns-container{
	position: absolute;
	z-index: 20;
	top: 720px;
	right: 5px;
}

#sns-container li{
	float:left;
	padding:0 12px 0 0;
	height:20px;
}

#facebook-btn{
	
}

#twitter-btn{
	
}

#hatena-btn{
	
}

#tw-container{
	position:absolute;
	z-index:3;
	background:url(../img/top/tw_bg.png) no-repeat;
	width:281px;
	height:457px;
	top:263px;
	left:3px;
}

#tw-name{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 11px;
	height:30px;
	padding: 43px 24px 0 0;
	text-align: right;
	letter-spacing:0.5px;
}

#tw-name a{
	color: #f985ba;
	text-decoration:none;
}

#tw-widget-container{
	width: 250px;
	padding: 0px 13px 0 18px;
	height: 344px;
}

#contents-footer{
	position:absolute;
	width:100%;
	min-width:1040px;
	background:rgba(85,201,194,0.32);
	top:830px;
	left:0px;
	z-index:10;

}

#contents-footer-inner{
	width:1040px;
	margin:0 auto;
	position:relative;
	padding:43px 0 60px 0;
}

.contents-navi{
	width:1030px;
	margin:0 auto;
	padding:0 0 90px 0;
}

.contents-navi li{
	float:left;
	width:240px;
	height:240px;
	margin:0 23px 20px 0;
	cursor:pointer;
	background:#fff;
}

.contents-navi li:nth-child(4n+3){
	margin:0 0 20px 0;
}

#news-container{
	position: relative;
	width: 240px;
	height: 240px;
	margin: 0 23px 20px 6px;
	float: left;
}

.news-thumb{
	width:240px;
	height:240px;
	overflow:hidden;
	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
}

.news-block{
	position:absolute;
	bottom:0px;
	left:0px;
	background:rgba(85,85,85,0.8) url(../img/top/news_ttl.png) no-repeat;
	background-position:149px 66px;
	width:100%;
	height:91px;
	display:block;
	z-index:1;
	color:#fff;
}

.ttl{
	padding: 10px;
  	height: 50px;
	font-size:13px;
	line-height: 1.4em;
}

.news-date{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size:12px;
	letter-spacing:3px;
	padding:0 0 0 10px;
	color:#cccccc;
}

.news-thumb img{
	width:100%;
	height:auto;
}


#app-container{
	background:#ebf9f9;
	width:100%;
	height:305px;
}

#app-txt-container{
	width:1040px;
	margin:0 auto;
	position:relative;
}

#app-navi{
	position:absolute;
	z-index:10;
	top: 165px;
  	left: 420px;
}

#app-navi li{
	float:left;
	margin:0 3px;
}
#app-navi li p a{
	overflow:hidden;
	display:block;
}

#app-navi li p a:hover{
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
}

#b0{
	width:154px;
	height:40px;
	background:url(../img/common/navi_btn.png) no-repeat;
	background-position:0 0;
}

#b1{
	width:154px;
	height:40px;
	background:url(../img/common/navi_btn.png) no-repeat;
	background-position:-160px 0;
}

#b2{
	width:170px;
	height:40px;
	background:url(../img/common/navi_btn.png) no-repeat;
	background-position:-320px 0;
}