/* common
===============================================================*/
div#Contents {
	width:100%;
	height:100%;
	padding:0;
}

.snowfall-flakes {
	opacity: 0.5;
}

.snowfall-flakes img {
	width:100%;
}



/* Main01
===============================================================*/
div#Main01 {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

div#Main01 .inner {
	width:1000px;
	margin:0 auto;
	position:relative;
}

div#Main01 .linkbn a {
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}

div#Main01 .info {
	display:none;
	width:180px;
	height:180px;
	overflow:hidden;
	-moz-border-radius: 90px;    /* 古いFirefox */
    -webkit-border-radius: 90px; /* 古いSafari,Chrome */
    border-radius: 90px;  
	position:absolute;
	bottom:70px;
	left:0;
	z-index:3;
	background:url(../images/top/img_btn_01.png) no-repeat 0 0;
	/* box-shadow */
box-shadow:rgba(199, 199, 199, 0.15) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(199, 199, 199, 0.15) 0px 0px 6px 3px;
-moz-box-shadow:rgba(199, 199, 199, 0.15) 0px 0px 6px 3px;
}

div#Main01 .info .list a {
	display:block;
	font-size:11px;
	line-height:18px;
	width:160px;
	text-align:center;
	padding:60px 10px 0 10px;
}

div#Main01 .info .more {
	width:100%;
	position:absolute;
	bottom:13px;
	left:0;
}

div#Main01 .info .more a {
	display:block;
	width:62px;
	height:23px;
	text-indent:-9999px;
	margin:0 auto;
	background:url(../images/top/img_btn_01.png) no-repeat -58px -142px;
}

div#Main01 .info .more a:hover {
	background:url(../images/top/img_btn_01.png) no-repeat -58px -322px;
}


div#Main01 .pickup {
	display:none;
	width:70px;
	height:70px;	
	-moz-border-radius: 35px;    /* 古いFirefox */
    -webkit-border-radius: 35px; /* 古いSafari,Chrome */
    border-radius: 35px;
	position:absolute;
	bottom:70px;
	left:174px;
	z-index:10;
	/* box-shadow */
box-shadow:rgba(199, 199, 199, 0.15) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(199, 199, 199, 0.15) 0px 0px 6px 3px;
-moz-box-shadow:rgba(199, 199, 199, 0.15) 0px 0px 6px 3px;
}

div#Main01 .pickup a {
	display:block;
	width:70px;
	height:70px;
	text-indent:-9999px;
	text-align:center;
	background:url(../images/top/img_btn_03.png) no-repeat 0 0;
}

div#Main01 .pickup a:hover {
	background:url(../images/top/img_btn_03.png) no-repeat 0 -70px;
}


div#Main01 .con {
	width:87px;	
	position:absolute;
	top:243px;
/*	left:620px; */
	right:70px; /*通常*/
/*	left:0; */
}

div#Main01 .con .tl {
	display:none;
	padding:0 0 14px 0;
}

div#Main01 .con .ar {
	display:none;
	width:62px;
	height:62px;
	text-align:center;	
	padding:5px 0 0 0;
}



div#Main01 .christmascake {
	position:absolute;
	bottom:70px;
	right:30px;
	z-index:3;
	background:#ffffff;
}
div#Main01 .christmascake a:hover{
	text-decoration:none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}



/* Main02
===============================================================*/
div#Main02 {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}


/* Main03
===============================================================*/
div#Main03 {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}

div#Main03 .inner {
	width:1000px;
	height:100%;
	margin:0 auto;
	position:relative;
}

div#Main03 .tl01 {
	display:none;
	position:absolute;
	top:152px;
	left:0;
}

div#Main03 .tl02 {
	display:none;
	position:absolute;
	top:152px;
	left:728px;
}

div#Main03 .tl03 {
	display:none;
	position:absolute;
	top:375px;
	left:767px;
}

div#Main03 .tl04 {
	display:none;
	position:absolute;
	top:448px;
	left:767px;
}

div#Main03 .ar {
	width:100%;
	height:62px;	
	position:fixed;
	bottom:50px;
	left:0;
}

div#Main03 .ar a {
	display:block;
	width:62px;
	height:62px;
	margin: 0 auto;
}


/* Main04
===============================================================*/
div#Main04 {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
}


/* Main05
===============================================================*/
div#Main05 {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

div#maximage09 {
	display:none;
}

div#Main05 .inner {
	width:1000px;
	margin:0 auto;
	position:relative;
}


div#Main05 .tl01 {
	display:none;
	position:absolute;
	top:153px;
	left:806px;
}

div#Main05 .tl02 {
	display:none;
	position:absolute;
	top:152px;
	left:0;
}

div#Main05 .tl03 {
	display:none;
	position:absolute;
	top:350px;
	left:0;
}

div#Main05 .tl04 {
	display:none;
	position:absolute;
	top:394px;
	left:757px;
}

div#Main05 .ar {
	width:100%;
	height:62px;	
	position:fixed;
	bottom:50px;
	left:0;
}

div#Main05 .ar a {
	display:block;
	width:62px;
	height:62px;
	margin: 0 auto;
}



/* Main06
===============================================================*/
div#Main06 {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:6;
}


/* Main07
===============================================================*/
div#Main07 {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:7;
}

div#Main07 .inner {
	width:1000px;
	margin:0 auto;
	position:relative;
}

div#Main07 .tl01 {
	display:none;
	position:absolute;
	top:139px;
	left:778px;
}

div#Main07 .tl02 {
	display:none;
	position:absolute;
	top:124px;
	left:195px;
}

div#Main07 .tl03 {
	display:none;
	position:absolute;
	top:219px;
	left:0;
}

div#Main07 .tl04 {
	display:none;
	position:absolute;
	top:295px;
	left:0;
}

div#Main07 .ar {
	width:100%;
	height:62px;	
	position:fixed;
	bottom:50px;
	left:0;
}

div#Main07 .ar a {
	display:block;
	width:62px;
	height:62px;
	margin: 0 auto;
}


/* Main08
===============================================================*/
div#Main08 {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}

div#Main08 .inner {
	width:1000px;
	margin:0 auto;
	position:relative;
}

div#Main08 .tl01 {
	display:none;
	position:absolute;
	top:175px;
	left:78px;
}

div#Main08 .tl02 {
	display:none;
	position:absolute;
	top:490px;
	left:0;
}

div#Main08 .tl02 a {
	display:block;
}


/* Control
===============================================================*/
p.num {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

div#Control {
	display:none;
	width:100px;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}

div.control_end {
	width:75px !important;
}

div#Control .ar {
	width:100%;
	height:40px;
	text-align:center;
	padding:20px 0 0 0;
	background:url(../images/top/img_btn_02.png) no-repeat center top;
	position:absolute;
	bottom:60px;
	left:0;
}

div#Control ul {
	width:15px;
	position:absolute;
	top:320px;
	right:50px;
}

div#Control ul li a {
	display:block;
	width:15px;
	height:15px;
	line-height:1px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 0 15px 0;
	background:url(../images/top/img_ic_01.png) no-repeat 0 -31px;
}

div#Control ul li a:hover ,
div#Control ul li a.here {
	background:url(../images/top/img_ic_01.png) no-repeat 0 0;
}



/* topics
===============================================================*/
p.num {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}


/* Topics
===============================================================*/
div#Topics {
	display:none;
	width:100%;
	height:100%;
	background:url(../images/top/img_bg_11.png) repeat 0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:20;
}

div#Topics .inner {
	width:1000px;
	height:100%;
	margin:0 auto;
	position:relative;
}

div#Topics .inner .btn {
	width:70px;
	height:70px;	
	position:absolute;
	bottom:70px;
	left:174px;
	z-index:20;
}

div#Topics .info {
	width:180px;
	height:180px;	
	position:absolute;
	bottom:70px;
	left:0;
	z-index:3;
	background:url(../images/top/img_btn_01.png) no-repeat 0 0;
}

div#Topics .info .list a {
	display:block;
	font-size:11px;
	line-height:18px;
	width:160px;
	text-align:center;
	padding:60px 10px 0 10px;
}

div#Topics .info .more {
	width:100%;
	position:absolute;
	bottom:13px;
	left:0;
}

div#Topics .info .more a {
	display:block;
	width:62px;
	height:23px;
	text-indent:-9999px;
	margin:0 auto;
	background:url(../images/top/img_btn_01.png) no-repeat -58px -142px;
}

div#Topics .info .more a:hover {
	background:url(../images/top/img_btn_01.png) no-repeat -58px -322px;
}

div#Topics .inner {
	width:1000px;
	height:100%;
	margin:0 auto;
	position:relative;
}

div#Topics .img_wrapper {
	height:533px;
	padding:57px 0 0 0;
	position:relative;
}


div#Topics .inner .main_img {
	width:480px;
	height:480px;
	margin:0 auto;
	position:relative;
}
/*
div#Topics .inner .main_img li.n0 {
	position:relative;
	top:-55px;
	left:2px;
}

div#Topics .inner .main_img li.n1 {
	position:relative;
	top:-39px;
	left:2px;
}

div#Topics .inner .main_img li.n0 {
	position:relative;
	top:-26px;
	left:0;
}

div#Topics .inner .main_img li.n1 {
	position:relative;
	top:-15px;
	left:0;
}

div#Topics .inner .main_img li.n2 {
	position:relative;
	top:-6px;
	left:0;
}

div#Topics .inner .main_img li.n3 {
	position:relative;
	top:0;
	left:0;
}
*/

div#Topics .inner .main_img li.n0 {
	position:relative;
	top:-15px;
	left:0;
}

div#Topics .inner .main_img li.n1 {
	position:relative;
	top:-6px;
	left:0;
}

div#Topics .inner .main_img li.n2 {
	position:relative;
	top:0;
	left:0;
}

div#Topics .inner .sub_img {
	width:202px;
	height:590px;
	position:absolute;
	top:0;
	right:70px;
}

div#Topics .inner .sub_img ul li {
	position:absolute;
	top:0;
	left:0;
}

div#Topics .inner .sub_img ul li.b01 {
	top:0;
	left:0;
}

div#Topics .inner .sub_img ul li.b02 {
	top:87px;
	left:72px;
}

div#Topics .inner .sub_img ul li.b03 {
	top:190px;
	left:102px;
}

div#Topics .inner .sub_img ul li.b04 {
	top:300px;
	left:102px;
}

div#Topics .inner .sub_img ul li.b05 {
	top:405px;
	left:72px;
}

div#Topics .inner .sub_img ul li.b06 {
	top:490px;
	left:0;
}

div#Topics .inner .sub_img ul li span {
	display:block;
	width:100%;
	color:#ff5a6e;
	text-align:center;
	position:absolute;
	top:76px;
	left:0;
}


/* snow
===============================================================*/
div#snow {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

div#snow img {
	width:100%;
}