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

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

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

/*==-----------------------------------------------
header
-------------------------------------------------*/
#header section h1{
}
#header section p{
	display:none;
}

/*==-----------------------------------------------
nav
-------------------------------------------------*/
#nav ul{
	max-width:960px;
	margin:0 auto;
}

#nav ul li a{
	display:block;
	width:20%;
	height:100%;
	padding:10px 0;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	float:left;
	font-weight:bold;
	font-size:12px;
	text-shadow:1px 2px 0px #13a6ca;
}
#nav ul li a:hover{
    background:url(/event/kindama/1314/src/pc/image/nav_back.png) 0 0;
	text-shadow:1px 2px 0px #13a6ca;
	color:#fff600;
}

/*==-----------------------------------------------
container
-------------------------------------------------*/
/*==-----------lazyload------------*/
.lazy {
    display: none;
}
/*==-----------sns------------*/
#sns{
	max-width:960px;
	height:24px;
	margin:0 auto 20px auto;
}

#sns ul{
	float:right;
	list-style-type:none;
}

#sns ul li{
	float:left;
}

#main{
}


/*==-----------------------------------------------
banner
-------------------------------------------------*/
#banner{
   position:relative;
   overflow:hidden;
}

#banner ul{
   position:relative;
   left:50%;
   float:left;
}

#banner ul li{
   position:relative;
   left:-50%;
   float:left;
   margin:0 5px 20px 5px;
}
/*==-----------------------------------------------
footer
-------------------------------------------------*/

#footer section .copyright{
	text-align:center;
	font-size:1.0rem;
	font-size:10px;
	clear:both;
}


/*==-----------------------------------------------
ミディアムサイズ　600px～
-------------------------------------------------*/
@media only screen and (min-width:600px){
	#nav ul li a{
		font-size:16px;
	}
}
/*==-----------------------------------------------
ラージサイズ　960px～
-------------------------------------------------*/
@media only screen and (min-width:960px){
	footer .copyright{
		font-size:1.1rem;
		font-size:11px;
	}
	#nav ul li a{
		padding:10px 0;
	}
}

/*==-----------------------------------------------
IE7,IE8
-------------------------------------------------*/
.ie8 #nav ul li a,
.ie7 #nav ul li a{
	font-size:16px;
	padding:10px 0;
}
.ie8 footer img,
.ie7 footer img{
	width:115px;
	height:43px;
}
.ie8 footer .copyright,
.ie7 footer .copyright{
	font-size:1.1rem;
	font-size:11px;
}