@charset "utf-8";

/*main*/
#topmain{
	height:1080px;
	margin:0 auto;
	padding:0;
	text-align:center;
	min-width:1280px;
	background:url(../images/top/bg.jpg) no-repeat top center;
}
.head_wrap {
	margin: 0 auto;
	width:1280px;
}
#head .chara_area div,
#head .text_area div,
#head .text_area h1{
	position:absolute;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity: 0;
}
#head .ballon_01{
	left:-120px;
	top:100px;
	margin-top:-100px;
}
#head .ballon_02{
	left:612px;
	top:100px;
	margin-top:-100px;
}
#head .ballon_03{
	left:352px;
	top:150px;
	margin-top:-100px;
}
#head .ballon_04{
	left:101px;
	top:619px;
}
#head .felice{
	left:254px;
	top:100px;
}
#head .stone{
	left:203px;
	top:0;
}
#head .magical{
	left:832px;
	top:137px;
}
#head .miracle{
	left:160px;
	top:194px;
}
#head .curemofurun{
	left:645px;
	top:326px;
	width:66px;
	height:58px;
}
#head .curemofurun img{
	width:100%;
}
#head .mofukira_01{
	left:200px;
	top:70px;
}
#head .mofukira_02{
	left:669px;
	top:297px;
	width:80px;
	height:61px;
}
#head .mofukira_02 img{
	width:100%;
}
#head .mofurun{
	left:454px;
	top:330px;
}
#head .img_main{
	left:0;
	top:0;
}

#head .logo{
	left:439px;
	top:422px;
}
#head .txt_01{
	left:1158px;
	top:51px;
}
#head .txt_02{
	left:47px;
	top:51px;
}
#head .btn_tanpen{
	left:255px;
	top:589px;
	z-index:2;
}
#head .btn_campaign{
	left:802px;
	top:589px;
	z-index:2;
}
#head .btn_pre{
	left:897px;
	top:392px;
}
#head .btn_share{
	left:864px;
	top:0;
}
#head .btn_twitter{
	left:120px;
	top:480px;
}
#head .btn_share img{
	float:left;
}
.txt_03{
	left:440px;
	top:260px;
	opacity:0;
	position:absolute;
	z-index:101;
}
#fadeLayer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFF;
	opacity:0;
	z-index:100;
}

/*contents*/
#contents .menu_area{
	position:relative;
	height:251px;
	z-index:1;
	margin-top:-320px;
}
#contents .menu_area li{
	position:absolute;
}
#contents .menu01{
	left:24px;
	top:113px;
}
#contents .menu02{
	left:153px;
	top:60px;
}
#contents .menu03{
	left:310px;
	top:38px;
}
#contents .menu04{
	left:461px;
	top:0;
}
#contents .menu05{
	left:604px;
	top:38px;
}
#contents .menu06{
	left:753px;
	top:60px;
}
#contents .menu07{
	left:908px;
	top:113px;
}
#contents .topics {
	background:url(../images/top/bg_news.png) center top no-repeat;
	height:274px;
	margin:-40px auto 20px;
	text-align:center;
	position:relative;
}
#contents .topics .news_detail {
	position: absolute;
	left: 40px;
	top: 130px;
	width: 1000px;
	height: 115px;
	overflow-y: scroll;
}
#contents .topics #divRss li {
	text-align: left;
	border-bottom: 2px dashed #4EB7E9;
	padding: 20px 0px 15px 80px;
	background: url(../images/news/sub_newsttl.png) left center no-repeat;
}
#contents .topics #divRss li.loading {
	width:100px;
	margin:0 auto;
	padding:50px 0;
	text-align:left;
	background:none;
	border-bottom:none;

}
#divRss li .itemDate {
	display: block;
	float: left;
	font-size: 14px;
}
#divRss li .itemTitle {
	display: block;
	width: 800px;
	float: right;
	font-size: 15px;
	font-weight: bold;
}
#divRss li p .itemTitle a {
	color: #ff39aa;
	font-size: 15px;
}
#contents .present_area{
	position:relative;
	height:640px;
}
#contents .present_area .present01{
	position:absolute;
	top:0;
	left:-51px;
	z-index:2;
}
#contents .present_area .present02{
	position:absolute;
	top:0;
	left:544px;
	z-index:1;
}
.osharebnr{
	padding:30px;
}
@media only screen and (max-device-width: 960px) {
#topmain{
	margin:0;
	text-align:center;
	width:1280px;
	overflow-x:hidden;
}
#contents {
	width:1080px;
	margin:0 auto;
	position:relative;
	padding:0px;
}

#colorbox{
	top:100px!important;
	left:300px!important;
}
}