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

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

-------------------------------------------------*/
/*---senko---*/
#container #senko h1{
	margin-bottom:10px;
	color:#0a809e;
	text-shadow:1px 2px 0px #fff600;
	border-bottom:solid 2px #0a809e;
}
#container #senko dl{
	color:#0a809e;
	font-size:1.8rem;
	font-size:18px;
	font-weight:bold;
}
#container #senko p a{
	float:right;
	display:block;
	padding:5px 30px;
	font-size:1.6rem;
	font-size:16px;
	font-weight:bold;
	background:#e72e32;
	text-decoration:none;
	color:#FFF;
	border:solid 3px #e72e32;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#container #senko p a:hover{
	background:#FFF;
	color:#e72e32;
	border:solid 3px #e72e32;
}
/*---copy---*/
#home #container #main #copy{
	background:#fff600;
	padding:10px;
	color:#0a809e;
}
#home #container #main #copy p{
	margin:0;
	font-size:1.2rem;
	font-size:12px;
}
/*---timetale---*/
#home #container #timetable section{
	padding:0;
}
#home #container #timetable h1{
	margin-bottom:10px;
	color:#0a809e;
	text-shadow:1px 2px 0px #fff600;
	border-bottom:solid 2px #0a809e;
}
#home #container #timetable a{
	text-decoration:none;
	font-weight:bold;
	display:block;
}
#home #container #timetable .line{
	border-bottom:dotted 1px #CCC;
}
#home #container #timetable dl{
	clear:both;
	margin:0;
	padding:8px 0;
	background:#FFF;
}
#home #container #timetable a dl:hover{
	background:#FF0;
}
#home #container #timetable dl dt{
	font-weight:bold;
	float:left;
	width:85px;
	text-align:center;
	vertical-align:middle;
}
#home #container #timetable dl dd{
	padding-left:90px;
	vertical-align:middle;
}

#home #container #timetable a dl.band_time{
	text-shadow:1px 2px #FFF;
	color:#045f76;
}
#home #container #timetable a dl.band_time dt{
	font-size:1.6rem;
	font-size:16px;
}
#home #container #timetable a dl.band_time dd{
	font-size:1.6rem;
	font-size:16px;
}
#home #container #timetable a dl.osakapro_match{
	background:#ee6164;
	color:#FFF;
	padding:5px 0;
}
#home #container #timetable a dl.osakapro_match dt{
	font-size:1.1rem;
	font-size:11px;
	font-weight:normal;
}
#home #container #timetable a dl.osakapro_match dd span{
	font-size:1.1rem;
	font-size:11px;
	float:right;
	font-weight:normal;
	margin-right:10px;
}

#home #container #timetable p{
	margin:10px;
	text-shadow:1px 1px #FFF;
}
/*---band---*/
#home #container #band h1{
	margin-bottom:10px;
	color:#0a809e;
	text-shadow:1px 2px 0px #fff600;
	border-bottom:solid 2px #0a809e;
}
#home #container #main #band li{
	float:left;
	width:29.3%;
	margin:0 2% 8px 2%;
	position:relative;
}
#home #container #main #band li span.new{
	position:absolute;
	top:3px;
	left:3px;
	display:block;
	background:#e72e32;
	padding:2px 4px;
	font-size:65%;
	color:#FFF;
}
#home #container #main #band li a img{
	border:solid 3px #fff600;
}
#home #container #main #band li a img:hover{
	border:solid 3px #e72e32;
}
/*---meibutu---*/
#container #meibutu{
	clear:both;
}
#container #meibutu h1{
	margin-bottom:10px;
	color:#0a809e;
	text-shadow:1px 2px 0px #fff600;
	border-bottom:solid 2px #0a809e;
}
#container #meibutu h2{
	color:#0a809e;
	font-size:150%;
}
#container #meibutu .field{
	width:100%;
}
#container #meibutu dl{
}
#container #meibutu dl dt{
	color:#FFF;
	background:#ee6164;
	padding:3px 2%;
}
#container #meibutu dl dt strong{
	padding:0;
	background:none;
	font-weight:bold;
	color:#FFF;
	margin-right:10px;
}
#container #meibutu dl dd{
	padding:10px 2%;
}
#container #meibutu dl dd a{
	font-weight:bold;
	text-decoration:none;
	color:#0f92b3;
}
#container #meibutu .osakapro{
	text-align:center;
}
#container #meibutu .osakapro img{
	width:165px;
	height:165px;
}
/*---event---*/
#container #event h1{
	margin-bottom:10px;
	color:#0a809e;
	text-shadow:1px 2px 0px #fff600;
	border-bottom:solid 2px #0a809e;
}

#container #event ul li{
	font-weight:bold;
	font-size:2.0rem;
	font-size:20px;
	color:#0a809e;
	background:url(/event/kindama/1314/src/pc/image/icon.png) 0 11px no-repeat;
}

/*---detail---*/
#container #detail h1{
	padding:2px 10px 2px 32px;
	background:#ee6164 url(/event/kindama/1314/src/pc/image/yu_icon.png) 7px 50% no-repeat;
	color:#FFF;
	font-size:2.0rem;
	font-size:20px;
}
#container #detail h2{
	border-bottom:solid 2px #ee6164;
	padding-bottom:2px;
	color:#ee6164;
}

#container #detail dl dt{
	background:#0f92b3;
	color:#FFF;
	padding:2px 5px;
	margin:0 0 10px 0;
	font-weight:bold;
}
#container #detail dl dd dl{
	border-bottom:dotted 1px #CCC;
	padding-bottom:15px;
}
#container #detail dl dd dl dt{
	background:none;
	padding:0 0 0 7px;
	margin:0 0 5px 0;
	color:#f4802b;
	border-left:solid 3px #f4802b;
}
#container #detail .attention{
	font-size:1.3rem;
	font-size:13px;
}
#container #detail dl dd.btn_senko a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	padding:4px 10px;
	width:140px;
	text-align:center;
	background:#ee6164;
	margin:15px 0;
	border:solid 2px #ee6164;
}
#container #detail dl dd.btn_senko a:link {
	color: #FFF;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
#container #detail dl dd.btn_senko a:hover {
	background:#FFF;
	color:#ee6164;
	border:solid 2px #ee6164;
}

/*==-----------------------------------------------
ミディアムサイズ　600px～
-------------------------------------------------*/
@media only screen and (min-width:600px){
/*---copy---*/
	#home #container #main #copy p{
		font-size:1.4rem;
		font-size:14px;
		font-weight:bold;
	}
/*---timetale---*/


/*---band---*/
	#home #container #main #band li{
		width:22%;
		margin:0 1.5% 10px 1.5%;
	}
	#home #container #main #band li span.new{
		font-size:70%;
	}
/*---meibutu---*/
	#container #meibutu ul li{
		float:left;
		margin-right:2%;
		font-weight:bold;
		font-size:1.6rem;
		font-size:16px;
		color:#0a809e;
		background:url(/event/kindama/1314/src/pc/image/icon.png) 0 11px no-repeat;
		width:45%;
	}
	#container #meibutu p{
		clear:both;
	}
	#container #meibutu .field{
		float:left;
		width:60%;
	}
	#container #meibutu .osakapro{
		float:right;
	}

}
/*==-----------------------------------------------
ラージサイズ　960px～
-------------------------------------------------*/
@media only screen and (min-width:960px){
	#container #senko dl dd{
		font-size:2.4rem;
		font-size:24px;
	}
/*---copy---*/
	#home #container #main #copy{
		padding:20px;
	}
/*---copy---*/
	#home #container #main #copy p{
		font-size:1.4rem;
		font-size:14px;
		font-weight:bold;
	}
/*---timetale---*/
	#home #container #timetable{
		width:500px;
		padding-left:450px;
	}
	#home #container #timetable section{
		background:none;
	}
	#home #container #timetable dl dt{
		width:140px;
	}
	#home #container #timetable dl dd{
		padding-left:150px;
	}
	#home #container #timetable a dl.band_time{
		padding:20px 0;
	}
	#home #container #timetable a dl.band_time dt{
		font-size:1.8rem;
		font-size:18px;
	}
	#home #container #timetable a dl.band_time dd{
		font-size:2.1rem;
		font-size:21px;
	}
	#home #container #timetable a dl.osakapro_match dt{
		font-size:1.2rem;
		font-size:12px;
	}
	#home #container #timetable a dl.osakapro_match dd{
		font-size:1.6rem;
		font-size:16px;
	}

/*---band---*/
	#home #container #main #band{
		width:410px;
		float:left;
	}
	#home #container #main #band li{
		width:180px;
		height:180px;
		margin:0 10px 15px 10px;
	}
	#home #container #main #band li span.new{
		font-size:75%;
	}
/*---detail---*/
	#container #detail dl{
		clear:both;
		margin-bottom:20px;
	}
	#container #detail dl dt{
		float:left;
		display:block;
		width:170px;
	}
	#container #detail dl dd{
		padding-left:200px;
	}
	#container #detail dl dd dl{
		clear:none;
	}
	#container #detail dl dd dl dt{
		width:150px;
	}
	#container #detail dl dd dl dd{
		padding-left:160px;
	}
/*---meibutu---*/
	#container #meibutu ul li{
		width:28%;
	}
	#container #meibutu .osakapro{
		float:right;
	}
	#container #meibutu .field{
		float:left;
		width:750px;
		border:none;
	}
	#container #meibutu .field dl{
		float:left;
		width:240px;
		margin-right:10px;
	}
	#container #meibutu .field dl dd{
		text-align:left;
		font-size:120%;
	}
/*---event---*/
	#container #event ul li{
		float:left;
		margin-right:20px;
	}
}

/*==-----------------------------------------------
IE7,IE8
-------------------------------------------------*/
/*---copy---*/
.ie8 #home #container #main #copy,
.ie7 #home #container #main #copy{
	padding:20px;
}
.ie8 #home #container #main #copy p,
.ie7 #home #container #main #copy p{
	font-size:1.4rem;
	font-size:14px;
	font-weight:bold;
}
/*---timetale---*/
.ie8 #home #container #timetable{
	width:500px;
	padding-left:450px;
}
.ie7 #home #container #timetable{
	width:500px;
}

.ie8 #home #container #timetable section,
.ie7 #home #container #timetable section{
	background:none;
}
.ie8 #home #container #timetable dl dt,
.ie7 #home #container #timetable dl dt{
	width:140px;
}
.ie8 #home #container #timetable dl dd{
	padding-left:150px;
}
.ie7 #home #container #timetable dl dt{
	margin-right:10px;
}
.ie7 #home #container #timetable dl dd{
	padding-left:0px;
	width:320px;
	float:left;
}
.ie8 #home #container #timetable a dl.band_time,
.ie7 #home #container #timetable a dl.band_time{
	padding:20px 0;
}
.ie8 #home #container #timetable a dl.band_time dt,
.ie7 #home #container #timetable a dl.band_time dt{
	font-size:1.8rem;
	font-size:18px;
}
.ie8 #home #container #timetable a dl.band_time dd,
.ie7 #home #container #timetable a dl.band_time dd{
	font-size:2.1rem;
	font-size:21px;
}
.ie8 #home #container #timetable a dl.osakapro_match dt,
.ie7 #home #container #timetable a dl.osakapro_match dt{
	font-size:1.2rem;
	font-size:12px;
}
.ie8 #home #container #timetable a dl.osakapro_match dd,
.ie7 #home #container #timetable a dl.osakapro_match dd{
	font-size:1.6rem;
	font-size:16px;
}

/*---band---*/
.ie8 #home #container #main #band{
	width:410px;
	float:left;
}
.ie7 #home #container #main #band{
	width:410px;
	float:left;
	margin-right:40px;
}
.ie8 #home #container #main #band li,
.ie7 #home #container #main #band li{
	width:180px;
	height:180px;
	margin:0 10px 15px 10px;
}
.ie8 #home #container #main #band li span.new,
.ie7 #home #container #main #band li span.new{
	font-size:75%;
}

/*---detail---*/
.ie8 #container #detail dl,
.ie7 #container #detail dl{
		clear:both;
		margin-bottom:20px;
	}
.ie8 #container #detail dl dt,
.ie7 #container #detail dl dt{
		float:left;
		display:block;
		width:170px;
	}
.ie8 #container #detail dl dd,
.ie7 #container #detail dl dd{
		padding-left:200px;
	}
.ie8 #container #detail dl dd dl,
.ie7 #container #detail dl dd dl{
		clear:none;
	}
.ie8 #container #detail dl dd dl dt,
.ie7 #container #detail dl dd dl dt{
		width:150px;
	}
.ie8 #container #detail dl dd dl dd,
.ie7 #container #detail dl dd dl dd{
		padding-left:160px;
	}
	
/*---meibutu---*/
.ie8 #container #meibutu .osakapro,
.ie7 #container #meibutu .osakapro{
	float:right;
}

.ie7 #container #meibutu ul li,
.ie8 #container #meibutu ul li{
	float:left;
	margin-right:2%;
	font-weight:bold;
	font-size:1.6rem;
	font-size:16px;
	color:#0a809e;
	background:url(/event/kindama/1314/src/pc/image/icon.png) 0 11px no-repeat;
	width:28%;
}
.ie7 #container #meibutu p,
.ie8 #container #meibutu p{
	clear:both;
}
.ie7 #container #meibutu .osakapro,
.ie8 #container #meibutu .osakapro{
	float:right;
}
.ie7 #container #meibutu .field,
.ie8 #container #meibutu .field{
	float:left;
	width:750px;
	border:none;
}
.ie7 #container #meibutu .field dl,
.ie8 #container #meibutu .field dl{
		float:left;
		width:240px;
		margin-right:10px;
	}
.ie7 #container #meibutu .field dl dd,
.ie8 #container #meibutu .field dl dd{
	text-align:left;
	font-size:120%;
}

/*---event---*/
.ie8 #container #event ul li,
.ie7 #container #event ul li{
	float:left;
	margin-right:20px;
}