@charset "UTF-8";


body{
    background-color:#009797;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	text-align: center;
	line-height:18px;
	color:#000;
	min-width:1000px;
}


/*----- wrapper -----*/

#wrapper {
	display:block;
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:0;
    background-color:#cbf2f2;
	border-left:1px solid #007d83;
	border-right:1px solid #007d83;
	position:relative;
	z-index:1;
}

/*----- header -----*/
#header {
	display:block;
	width:1000px;
	height:478px;
    margin:0 auto;
	padding:0;
    background:#00a1a3 url(../img/header.png) center top no-repeat;
}

/*----- main -----*/
#main {
	display:block;
	width:1000px;
	height:auto;
    margin:0 auto;
	padding:0;
}


/*----- main lead -----*/
.lead{
	display:block;
	width:1000px;
	height:132px;
    margin:0 auto;
	padding:0;
    background:#018795 url(../img/lead2.png) center top no-repeat;
	position: relative;
}

.hash{
	display:block;
	width:350px;
	height:60px;
	left:350px;
	top:40px;
    margin:0;
	padding:0;
	font-size:153.9%;
	position: absolute;
}


/*----- main toukou -----*/

#toukou{
	display:block;
	width:900px;
	height:auto;
    margin:0 auto 60px auto;
	padding:40px 0 0 0;
	font-size:123.1%;
	position: relative;
}

.twitter{
	display:block;
	width:900px;
	height:auto;
    margin:0 auto;
	padding:0;
	border-bottom:1px dotted #7c7c7c;
	position: relative;
}

.twitter dl{
	display: block;
	width:900px;
	hight:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	position:relative;
}

.twitter dt {
	display: block;
	width:900px;
	height:95px;
	margin: 0 auto;
	padding:0;
	cursor:pointer;
	background:url(../img/open_twitter.png) left center no-repeat;
}

.twitter dd {
	display:none;
	width:900px;
	height:auto;
	margin:0 auto 30px auto;
	padding:0 0 20px 0; 
}


.facebook{
	display:block;
	width:900px;
	height:auto;
    margin:0 auto 40px auto;
	padding:0;
	border-bottom:1px dotted #7c7c7c;
	position: relative;
}

.facebook dl{
	display: block;
	width:900px;
	hight:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	position:relative;
}

.facebook dt {
	display: block;
	width:900px;
	height:95px;
	margin: 0 auto;
	padding:0;
	cursor:pointer;
	background:url(../img/open_facebook.png) left center no-repeat;
}

.facebook dd {
	display:none;
	width:900px;
	height:auto;
	margin:0 auto 50px auto;
	padding:0 0 30px 0;
}

.about{
	display: block;
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	position:relative;
}

.num01{
	background:#fff url(../img/num1.png) 15px 15px no-repeat;
	padding:15px 0 15px 0;
}

.num02{
	background:#fff url(../img/num2.png) 15px 15px no-repeat;
	padding:15px 0 25px 0;
}

.aboutTxt{
	display: block;
	width:480px;
	height:auto;
	margin:0 auto 0 90px;
	padding:0;
	text-align:left;
	line-height:30px;
}

.followBox{
	display: block;
	width:268px;
	height:auto;
	right:15px;
	top:20px;
	position:absolute;
}

.fbFirst{
	height:160px;
}

.next{
	display: block;
	width:900px;
	height:32px;
	margin:0 auto;
	padding:0;
	background:url(../img/next.png) center center no-repeat;
}

.txtRed{color:#fd2f5a;font-weight:700;}

.info{
	padding-top:20px;
}


/*----- main presentBox -----*/

#presentBox{
	display:block;
	width:900px;
	height:590px;
    margin:50px auto 30px auto;
	padding:0 0 20px 0;
	background:#fff url(../img/bg_sky2.jpg) center top no-repeat;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	position:relative;
}

#present{
	display:block;
	width:900px;
	height:586px;
    margin:0 auto;
	padding:0;
	position: relative;
}

.pList{
	display:block;
	width:900px;
	height:460px;
    margin:0 auto;
	padding:0;
	background:url(../img/present_list.png) center top no-repeat;
	position: relative;
}

#tw_w{
	display:block;
	width:900px;
	height:580px;
    margin:15px auto;
	padding:0;
	position: relative;
}

.title_tw_w{
	display:block;
	width:395px;
	height:138px;
	left:40px;
	top:50px;
    margin:0;
	padding:0;
	background:url(../img/title_tw_w.png) center top no-repeat;
	position:absolute;
}

.twwBox{
	display:block;
	width:382px;
	height:560px;
	right:35px;
	top:20px;
    margin:0;
	padding:0;
	background:rgba(255,255,255,0.5);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	position:absolute;
}

.twwBox div.tww_inner{
	display:block;
	width:360px;
	height:530px;
	text-align:left;
    margin:15px auto;
	padding:0;
}

.more{
	display:block;
    margin:8px auto 0 auto;
}

/*----- #tw_w comment -----*/

#tw_w .comment{
	display:block;
	width:334px;
	height:263px;
	left:62px;
	top:220px;
	text-align:left;
	position:absolute;
}

.comment h2.check{
	z-index:10;
	left:0px;
	top:0px;
	position:absolute;
}

.comment h3.comBtn{
	z-index:5;
	right:0px;
	bottom:0px;
	position:absolute;
}

/*----- main attention -----*/

#attention {
	display:block;
	width:900px;
	height:auto;
    margin:0 auto 100px auto;
	padding:0;
	text-align:left;
	font-size:108%;
	line-height:150%;
	position:relative;
}

#attention ul{
	padding-top:20px;
}


#attention li{
	display:block;
	width:820px;
    margin:0 auto 8px 35px;
	padding:0;
	padding-left:1.5em;
	text-indent:-1em;
}

.nml{
	display:block;
	width:820px;
    margin:0 auto;
	text-align:left;
}


/*----- footer -----*/

#footer {
	display:block;
	width:1000px;
	height:220px;
    margin:0 auto;
	padding:0;
	text-align:center;
    background:#5acad7 url(../img/bg_footer.jpg) center top no-repeat;
	bottom:0;
	zoom:1;
	position:relative;
}



/*----- footerシェアボタン -----*/

#footer ul.shareArea{
	display: block;
	width: 360px;
	height: 30px;
	margin: 0;
	padding:0;
	right: 30px;
	top: 170px;
	font-size: 90%;
	text-align: right;
	overflow-y:hidden;
	position: absolute;
}

.shareArea li.shareTW{
	display:inline-block;
	width:74px;
	height:28px;
	margin:0 1px;
	padding:0;
	text-align:center;
	vertical-align:bottom;
}

.shareArea li.shareFB{
	display:inline-block !important;
	width:74px;
	height:28px;
	margin:0 1px;
	padding:0;
	text-align:center;
	vertical-align:bottom;
	overflow-x:hidden;
	line-height:0;
}

.shareArea li.shareLINE{
	display:inline-block;
	width:84px;
	height:28px;
	margin:0 1px;
	padding:0;
	text-align:center;
	vertical-align:bottom;
}

#footer p.copyright{
	display:block;
	width:668px;
	height:10px;
	right:20px;
	top:45px;
	margin:0;
	padding:0;
	/* background:url(../img/top/copyright.png) left top no-repeat; */
	position:absolute;
	z-index: 30;
}