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

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

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




/*==-----------------------------------------------
body
-------------------------------------------------*/
body{
	min-width:320px;
}

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

/*==-----------------------------------------------
header
-------------------------------------------------*/
header{
	margin:0 0 20px 0;
	width:100%;
	background:url(/event/wotcs/src/common/header_back.png)0 0 repeat-x;
}

header section{
	max-width:960px;
	margin:0 auto;
}

header section h1{
}
header section p{
	display:none;
}

header section p.thanks{
	display:block;
	text-align:center;
	color:#C00;
}

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

#container article{
	margin:0 20px 40px 20px;
}

/*==-----------------------------------------------
footer
-------------------------------------------------*/
footer{
	background:#000;
	color:#FFF;
	clear:both;
	height:120px;
}

footer section{
	max-width:960px;
	margin:0 10px;
	padding:15px 0;
}

footer dl.banner{
}

footer dl.banner dt{
}

footer dl.banner dd{
	float:left;
	margin:0 10px 10px 0;
}

footer .copyright{
	text-align:center;
	font-size:0.95rem;
	font-size:9.5px;
	clear:both;
}

/*==-----------------------------------------------
ミディアムサイズ　600px～
-------------------------------------------------*/
@media only screen and (min-width:600px){
	header{
	}
	header section h1{
	}
	header section p.thanks{
		font-size:120%;
	}
}
/*==-----------------------------------------------
ラージサイズ　960px～
-------------------------------------------------*/
@media only screen and (min-width:960px){
	header{
	}
	header section{
		max-width:960px;
		margin:0 auto;
	}

	#container article{
		margin:0 0 40px 0;
	}
	#container article section{
		margin:0 10px 20px 10px;
	}
	footer section{
		max-width:960px;
		margin:0 auto;
	}
	footer .copyright{
		font-size:1.1rem;
		font-size:11px;
	}
}

/*==-----------------------------------------------
IE7,IE8
-------------------------------------------------*/
.ie7 #container article,
.ie8 #container article{
	margin:0 0 40px 0;
}
.ie7 #container article section,
.ie8 #container article section{
	margin:0 10px 20px 10px;
}
.ie7 footer section,
.ie8 footer section{
	max-width:960px;
	margin:0 auto;
}
.ie7 footer .copyright,
.ie8 footer .copyright{
	font-size:1.1rem;
	font-size:11px;
}
.ie7 header section p.thanks,
.ie8 header section p.thanks{
	font-size:120%;
}