/*==-----------------------------------------------
CSS Information

 File name:      layout.css
 Author:         Crea.,Inc. 
 Style Info:     レイアウト関連のスタイル

-------------------------------------------------*/




/*==-----------------------------------------------
body
-------------------------------------------------*/
body{
	min-width:320px;
    background:url(/event/kindama/1314/src/pc/image/back.gif) 0 0;
}

/*==-----------------------------------------------
wapper
-------------------------------------------------*/
#wapper{
	min-height: 100%;
	width:100%;
    position: relative;
}

/*==-----------------------------------------------
header
-------------------------------------------------*/
#header{
	width:100%;
	margin:0 0 20px 0;
}

#header section{
	max-width:1040px;
	margin:0 auto;
}
/*==-----------------------------------------------
nav
-------------------------------------------------*/
#nav{
	background:#ee6164;
	margin-bottom:20px;
}

/*==-----------------------------------------------
container
-------------------------------------------------*/
#container{
	max-width:960px;
	margin:0 10px 20px 10px;
	padding-bottom:50px;
	text-align:left;
}

/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{
}

/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	background:#fff600;
	clear:both;
	font-size:1.2rem;
	font-size:12px;
}

#footer section{
	max-width:960px;
	margin:0 10px;
	padding:10px 0;
}
#footer section #footer_nav{
	margin-bottom:10px;
}

/*==-----------------------------------------------
ミディアムサイズ　600px～
-------------------------------------------------*/
@media only screen and (min-width:600px){
}
/*==-----------------------------------------------
ラージサイズ　960px～
-------------------------------------------------*/
@media only screen and (min-width:960px){
	#wapper{
    background:url(/event/kindama/1314/src/pc/image/back_chara.png) 0 0;
	}
	#container{
		width:960px;
		margin:0 auto 60px auto;
	}
	#footer section{
		max-width:960px;
		margin:0 auto;
	}
}

.ie7 #wapper,
.ie8 #wapper{
    background:url(/event/kindama/1314/src/pc/image/back_chara.png) 0 0;
	}
.ie7 #container,
.ie8 #container{
		width:960px;
		margin:0 auto 60px auto;
	}
.ie7 #footer section,
.ie8 #footer section{
		max-width:960px;
		margin:0 auto;
	}