/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Page Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 画面フィット設定(PC) */
html, body, #wrapper { height:100%; }
#footer { position:fixed; bottom:0; left:0; z-index:9999;}

/* コンテンツの高さはjsで再設定 */
#contents {
	height:auto; position:relative; overflow:hidden; margin:10px 8px 0;
}
#contents .back_images { display:none;}
/* 枠 */
#contents .top_frame {
	width:100%; height:100%; position:absolute; top:0; left:0; z-index:999;
	background-image: url(../img/border_t.png), url(../img/border_b.png), url(../img/border_l.png), url(../img/border_r.png);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-position: top left, bottom left, top left, top right;
}

/*--- タイトル ---*/
#contents h2 { display:none; position:absolute; top:20%; right:60%; margin-top:-90px; margin-right:180px; z-index:999;}
#contents h2 img { width:50px;}

/*--- Loading Text ---*/
#contents .load_ttl { position:absolute; top:50%; left:50%; margin-top:-145px; margin-left:-27px; z-index:9999;}
#contents .load_text {
	display:block; width:100%; text-align:center; font-size:11px; color:#333; font-weight:bold;
	position:absolute; top:50%; left:5px; margin-top:135px;
}

/*--- ハナビラアニメーション ---*/
#back_fall { width:100%; height:100%; display:none; position:absolute; top:-50px; left:0; z-index:25;}

/*--- メインメニュー ---*/
#contents .main_menu { display:none; position:absolute; top:20%; left:60%; margin-top:-90px; margin-left:-80px; z-index:999;}
#contents .main_menu { *width:348px;} /* IE7 */
#contents .main_menu li { float:right;}
#contents .main_menu li a { display:block; margin:0 15px; padding:0 5px;}
#contents .main_menu li a:hover { background:url(../img/menu_back.png) repeat-y left top;}


/*----------------------------------
   アニメーションパーツ
------------------------------------*/

/* 画像パーツ共通設定 */
#contents .img_parts, #contents .c_parts { display:block; position:absolute;}

#contents .l_parts { margin-left:-9999px;}
#contents .r_parts { margin-right:-9999px;}


/*--- 四隅 ---*/
#contents .c_parts { z-index:999;}
#contents .lt_back { top:-46px; left:-46px;}
#contents .rt_back { top:-46px; right:-46px;}
#contents .lb_back { bottom:-46px; left:-46px;}
#contents .rb_back { bottom:-46px; right:-46px;}

/* 家 */
#contents .house {
	bottom:30%; left:50%; margin-bottom:-170px; margin-left:-262px; z-index:40;
	filter: alpha(opacity=0);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  	/* ie 8 */
	-moz-opacity: 0;					/* FF lt 1.5, Netscape */
	opacity: 0;
	zoom:1;
}
/* 灯篭（右）: End Position : margin-left:-325px; */
#contents .l_lantern { bottom:28%; left:50%;  margin-bottom:-150px; z-index:40;}
/* 灯篭（左）: End Position : margin-right:-325px; */
#contents .r_lantern { bottom:28%; right:50%; margin-bottom:-150px; z-index:40;}

/* 画面下 雲 : End Position : bottom:54px */
#contents .bottom_c {
	width:100%; height:316px; bottom:37%; left:0; margin-bottom:-1000px; z-index:30;
	background:url(../common/img/back_img/img_bottom_c.png) repeat-x bottom center;
}
/* 壁 */
#contents .lt_wall { bottom:35%; left:40%; margin-bottom:20px; z-index:1;}
#contents .rt_wall { bottom:35%; right:40%; margin-bottom:20px; z-index:1;}
#contents .lb_wall { bottom:30%; left:40%; margin-bottom:-250px; z-index:1;}
#contents .rb_wall { bottom:30%; right:40%; margin-bottom:-250px; z-index:1;}
/* 黄雲 */
#contents .lt_c { top:50%; left:30%; margin-top:-130px; z-index:10;}
#contents .rt_c { top:50%; right:30%; margin-top:-110px; z-index:10;}
#contents .lb_c { top:50%; left:20%; margin-top:90px; z-index:60;}
#contents .rb_c { top:50%; right:20%; margin-top:-10px; z-index:60;}
/* 紫雲 */
#contents .l_ppc { top:50%; left:5%; margin-top:-130px; z-index:20;}
#contents .r_ppc { top:50%; right:5%; margin-top:-90px; z-index:20;}
#contents .lt_ppc { top:8%; left:5%; margin-top:-250px; z-index:20;}
#contents .rt_ppc { top:5%; right:5%; margin-top:-220px; z-index:20;}
/* 月 */
#contents .r_moon { top:50%; right:50%; margin-top:-200px; z-index:1;}
/* 蝶々 */
#contents .l_bf { top:65%; left:35%; z-index:70;}
#contents .r_bf { top:70%; right:35%; z-index:70;}
/* 扇子 */
#contents .l_sensu { top:54%; left:30%; z-index:48;}
/* 小槌 */
#contents .r_kozuti { top:85%; right:8%; z-index:48;}
/* 飾り縄 */
#contents .r_nawa { top:72%; right:3%; z-index:48;}
/* 鳥 */
#contents .r_bird { top:52%; right:25%; z-index:70;}
/* 花 */
#contents .lt_fw { top:5%; left:5%; margin-top:-50px; z-index:50;}
#contents .rt_fw { top:5%; right:5%; margin-top:-40px; z-index:50;}
#contents .lb_fw { bottom:5%; left:5%; margin-bottom:-30px; z-index:50;}
#contents .rb_fw { bottom:5%; right:5%; margin-bottom:-30px; z-index:50;}
/* 黒雲 */
#contents .l_bkc { bottom:10%; left:10%; margin-bottom:-80px; z-index:45;}
#contents .r_bkc { bottom:10%; right:10%; margin-bottom:-30px; z-index:45;}

/* 招き恋猫 */
#contents .maneki {
	width:0; height:800px; display:none;
	bottom:30%; left:50%; margin-bottom:-144px; margin-left:0px; z-index:100;
}
/* お守り */
#contents .mamori {
	display:none;
	bottom:30%; left:50%; margin-bottom:50px; margin-left:-150px; z-index:90;
}
/* 吹き出し */
#contents .hukidashi { display:none; bottom:30%; left:50%; margin-bottom:20px; margin-left:0; z-index:100;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Responsive Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 767px 以下 (SP) */
@media screen and (max-width: 767px) {

	html, body, #wrapper { height:auto; }
	
	/* コンテンツ(アニメーション領域) */
	#contents { height:auto; margin:0;}
	#contents .load_ttl { display:none;}
	#contents .load_text { display:none;}
	
	#contents .sp_disp img { width:100%; display:block;}
	
	#footer { position:static;}
}