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

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

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

/*==-----------------------------------------------
home
-------------------------------------------------*/
article#band section{
	margin:0 0 40px 0;
}
article#copy{
	font-size:1.2rem;
	font-size:12px;
}

article section strong span.text_l{
	font-size:1.8rem;
	font-size:18px;
}

article section strong span.text_s{
	font-size:1.4rem;
	font-size:14px;
}

article#band section .photo{
	display:block;
	max-width:250px;
	width:70%;
	height:70%;
	margin:0 auto 5px auto;
}
article#band section .photo img:hover{
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}
article#band section .comment dl dt{
	border-bottom:solid 1px #000;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}

article#band section .comment dl dt span{
	font-size:3.6rem;
	font-size:36px;
}
article#report section .btn a,
article#senkou section .btn a,
article#band section .comment dl dd a{
	display:block;
	background:#0099b5;
	padding:3px 10px;
	margin-top:10px;
	text-decoration:none;
	color:#FFF;
	font-size:1.2rem:
	font-size:12px;
}
article#report section .btn a:hover,
article#senkou section .btn a:hover,
article#band section .comment dl dd a:hover{
	background:#00bddf;
}
article#senkou dl,
article#detail dl{
	margin:0 0 20px 0;
	clear:both;
}

article#senkou dl dt,
article#detail dl dt{
	color:#0099b5;
	padding:0 0 3px 10px;
	margin-bottom:10px;
	border-bottom:solid 1px #0099b5;
	border-left:solid 5px #0099b5;
	font-size:1.6rem;
	font-size:16px;
}
article#detail dl dd .seat{
	padding:1px 4px;
	background:#0099b5;
	color:#FFF;
	margin:0 6px 10px 0;
	display:inline-block;
	font-size:1.2rem;
	font-size:12px;
}

article#detail dl dd dl{
	border-bottom:dotted 1px #CCC;
	clear:none;
	margin:0 0 18px 0;
}
article#detail dl dd dl dt{
	color:#FFF;
	background:#000 url(/event/wotcs/src/common/dt.png) 0 0 repeat-y;
	border:none;
	font-size:1.4rem;
	font-size:14px;
	padding:3px 0 3px 15px;
	margin:0 0 12px 0;
}


article#detail dl dd dl dd{
	margin-bottom:20px;
}
article section h2{
	color:#FFF;
	background:#000 url(/event/wotcs/src/common/dt.png) 0 0 repeat-y;
	border:none;
	font-size:1.6rem;
	font-size:16px;
	padding:3px 0 3px 15px;
	margin:0 0 12px 0;
}

article#detail .buy{
	margin:0 5px;
	font-size:1.2rem;
	font-size:12px;
	color:#E00;
	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*==-----------------------------------------------
ミディアムサイズ　600px～
-------------------------------------------------*/
@media only screen and (min-width:600px){
	article#report section .btn a{
		width:200px;
		text-align:center;
		float:right;
	}
}
/*==-----------------------------------------------
ラージサイズ　960px～
-------------------------------------------------*/
@media only screen and (min-width:960px){
	article#copy{
		padding:20px 40px;
		background:#CCC;
		text-shadow:0 1px 1px #FFF;
		line-height:1.6;
		font-size:1.4rem;
		font-size:14px;
	}
	article section strong span.text_l{
		font-size:2.4rem;
		font-size:24px;
	}
	article#senkou section .btn a{
		width:240px;
	}
	article#band section{
		float:left;
		display:block;
		width:48%;
		margin:0 1% 20px 1%;
		position:relative;
	}
	article#band section .photo{
		width:250px;
		height:250px;
		margin:0;
		float:left;
	}
	article#band section .comment{
		background:#F00;
		padding-left:260px;
	}
	article#band section .comment dl{
		position:absolute;
		bottom:0;
		width:195px;
	}
	article#senkou dl dt,
	article#detail dl dt{
		width:200px;
		float:left;
	}
	article#senkou dl dd,
	article#detail dl dd{
		padding-left:240px;
	}
}
/*==-----------------------------------------------
IE7,IE8
-------------------------------------------------*/
.ie7 article#copy,
.ie8 article#copy{
		padding:20px 40px;
		background:#CCC;
		text-shadow:0 1px 1px #FFF;
		line-height:1.6;
		font-size:1.4rem;
		font-size:14px;
}
.ie7 article section strong span.text_l,
.ie8 article section strong span.text_l{
		font-size:2.4rem;
		font-size:24px;
	}
.ie7 article#senkou section .btn a,
.ie8 article#senkou section .btn a{
		width:240px;
	}
.ie7 article#band section,
.ie8 article#band section{
		float:left;
		display:block;
		width:48%;
		margin:0 1% 20px 1%;
		position:relative;
	}
.ie7 article#band section .photo,
.ie8 article#band section .photo{
		width:250px;
		height:250px;
		margin:0;
		float:left;
	}
.ie7 article#band section .comment,
.ie8 article#band section .comment{
		background:#F00;
		padding-left:260px;
	}
.ie7 article#band section .comment dl,
.ie8 article#band section .comment dl{
		position:absolute;
		bottom:0;
		width:195px;
	}
.ie7 article#senkou dl dt,
.ie8 article#senkou dl dt,
.ie7 article#detail dl dt,
.ie8 article#detail dl dt{
		width:200px;
		float:left;
	}
.ie7 article#senkou dl dd,
.ie8 article#senkou dl dd,
.ie7 article#detail dl dd,
.ie8 article#detail dl dd{
		padding-left:240px;
}

.ie7 article#report section .btn a,
.ie8 article#report section .btn a{
	width:200px;
	text-align:center;
	float:right;
}