@charset "utf-8";


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

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

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



/*==-----------------------------------------------
body
-------------------------------------------------*/
html, body {height: 100%;}


	  /* must be same height as the footer */


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

body{
	font-size:16px;
	background: #67d43d url(../../img/pc/younglion/bg.gif) repeat-x 0 0;
	font-size: 14px;
	line-height:1.25rem;
}

/*==-----------------------------------------------
container
-------------------------------------------------*/
#container{
	font-size: 0.8rem;
	width:100%;
	background: url(../../img/pc/younglion/bg_container.gif) no-repeat center 0;
	text-align: center;
}

* html #container {display:table;}



/*==-----------------------------------------------
header
-------------------------------------------------*/
#header{
	width:960px;
	height:300px;
	text-align: left;
	margin:0 auto 10px auto;
}
#header .section{
	width:960px;
	margin: 0;
	position:relative;
}
#header .section h1{
	position:absolute;
	width:960px;
	padding: 0;
	margin: 0;
	top:20px;
	left:0;
}
#header .section p{
	width:206px;
	padding: 0;
	margin: 0;
	top:15px;
	right:5px;
	position:absolute;
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari and Chrome */
	border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/*behavior: url(../css/PIE.htc); */
	background: #FFFFFF;
}




/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	width:960px;
	padding-bottom: 100px;
	margin: 0 auto;

}


/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents{
padding: 10px;
margin-bottom: 20px;
width:930px;
background: #FFFFEE; /* Old browsers */
-moz-border-radius: 7px; /* Firefox */
-webkit-border-radius: 7px; /* Safari and Chrome */
border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-webkit-box-shadow: 0px 3px 3px 3px rgba(00, 00, 00, 0.2);
-moz-box-shadow: 0px 3px 3px 3px rgba(00, 00, 00, 0.2);
box-shadow: 0px 3px 3px 3px rgba(00, 00, 00, 0.2);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.84, #ffffff), color-stop(0.00, #fff6bd));
background: -webkit-linear-gradient(top, #fff6bd 0%, #ffffff 84%);
background: -moz-linear-gradient(top, #fff6bd 0%, #ffffff 84%);
background: -o-linear-gradient(top, #fff6bd 0%, #ffffff 84%);
background: -ms-linear-gradient(top, #fff6bd 0%, #ffffff 84%);
background: linear-gradient(top, #fff6bd 0%, #ffffff 84%);
/*behavior: url(../css/PIE.htc); */
}


/*==-----------------------------------------------
main
-------------------------------------------------*/

#main {
	width:693px;
	float:left;
	text-align: left;
}
#main .section{
	margin-bottom:20px;
}

#main .aside{
}

#main .section h2{
	padding: 0;
	margin: 0 0 15px 0;
}
#main .section p{
	padding: 0;
	margin: 0 18px 1.5rem 18px;
}


#main .section strong{
	font-weight: bold;
	font-size: 0.85rem;
	color: #F36;

}

#main .section#artist p{
	margin: 0 0 0 0;
}

#main .section#artist ul{
	margin: 0 0 0 -15px;
}

#main .section#artist li{
	width:221px;
	height: 197px;
	margin: 0 0 15px 15px;
	float: left;
	background: #FFF;
}

#main .section#ticket dl{
	margin: 0 18px 0 18px;
}
#main .section#ticket dt{
	margin: 0 0 0 0;
	padding: 0;
}
#main .section#ticket dd{
	margin: -30px 0 0.5rem 0;
	padding: 0 0 1rem 150px;
	border-bottom: solid 1px #9C9;
}
#main .section#place #map{
	float:right;
	width:auto;
	padding: 0 18px 0 18px;
}
#main .section#place h3{
	font-size: 1.0rem;
	color: #393;
	font-weight: bold;
	margin: 0 0 10px 18px;
}
#main .section#place ul{
	margin: 0 0 10px 18px;
}
#main .section#place li{
	background: url(../../img/pc/younglion/mrk.gif) no-repeat 0 7px;
	padding:0 0 10px 10px;
}

#main .section#artist120512 #tt{
	float:left;
	width:306px;
}
#main .section#artist120512 #list{
	float:right;
	text-align: left;
	width:374px;
}
#main .section#artist120512 #list ul{
	width:374px;
}
#main .section#artist120512 #list ul li{
	float:left;
	height:120px;
	overflow: hidden;
	margin: 0 0 1px 1px;
}
#main .section#artist120512 #list ul li a{
border: none;
padding:0;
}
#main .section#artist120512 #list ul li img{
border: none;
}

/*==-----------------------------------------------
sidebar
-------------------------------------------------*/
#sidebar.aside{
	width:219px;
	float:right;

}



#contents .aside #teru,
#contents .aside #twitter,
#contents .aside #mobile{
	margin: 0 0 10px 0;
}
#contents .aside #banner{
	margin: 0 0 20px 0;
}


/*==-----------------------------------------------
past
-------------------------------------------------*/
#past{
	clear:both;
	text-align: center;
	margin: 0 auto 20px auto;
	width:960px;
}
#past ul{
	margin:  0 0 0 5px ;
}
#past li{
	width:130px;
	text-align: center;
	float:left;
	margin:  0 0 20px 5px ;
}
#past li a{
	display: block;
	background: #FFF;
}

/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	position: relative;
	height: 80px;
	width:100%;
	background: #5a3f1c;
}


#footer p.copyright{
	color: #FFF;
	font-weight: bold;
	width:960px;
	margin: 0 auto;
	padding-top:20px;
	text-align: center;
}






/*==-----------------------------------------------
clearfix
-------------------------------------------------*/


.clearfix {clear:both; }

.clearfix:after,
#container:after,
#contents:after,
#header:after,
.article:after,
.section:after,
.aside:after{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     font-size:0.1em;
}

.clearfix,
#container,
#contents,
#header,
.article,
.section,
.aside{
display: inline-block;
}

.clearfix,
#container,
#contents,
#header,
.article,
.section,
.aside{
display: block;
}


/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */