@charset "shift_jis";

/* CSS Document */


/*==-----------------------------------------------
younglion
-------------------------------------------------*/

#younglion{
	padding-top:20px;
	margin-bottom:150px;
}

#younglion .header{
	diplay:block;
	width:1000px;
	height:430px;
	position:relative;
	background:url(/onsenkaitou10th/src/img/pc/younglion/header.png) 0 0 no-repeat;
}


#younglion .header .logo{
	position:absolute;
	top:10px;
	left:480px;
}

#younglion .header .logo .logo_m{
	position:absolute;
	top:215px;
	left:290px;
}

#younglion .main{
	padding-top:20px;
	margin:0;
	background:url(/onsenkaitou10th/src/img/pc/younglion/back.png) 0 0 repeat-y;
}

#younglion .main p.banner{
	text-align:center;
	margin:0 0 20px 0;
}


#younglion .main .section{
	margin:0 70px 20px 70px;
}

#younglion .main .section p,
#younglion .main .section ul,
#younglion .main .section dl{
	margin:0 20px 10px 20px;
}
#younglion .main .section dt{
	float:left;
}

#younglion .main .section dd{
	padding:0 0 10px 180px;
	border-bottom:dotted 1px #583714;
}

#younglion .main .section dd span.subtitle{
	font-size:120%;
	color:#003e67;
	font-weight:bold;
}
#younglion .main .section dd strong{
	font-size:120%;
}

#younglion .main .section ul li{
	background:url(/onsenkaitou10th/src/img/pc/younglion/icon.png) 0 5px no-repeat;
}

#younglion .main .section ul.artist{
	margin:0 0 10px 25px;
}
#younglion .main .section ul.artist li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	background:none;
	position:relative;
}

#younglion .main .section ul.artist li a span.new{
	position:absolute;
	top:-10px;
	left:-5px;
}

#younglion .main .back_bottom{
	margin:0 0 30px 0;
	position:relative;
}

#younglion .main .back_bottom img{
	position:absolute;
	top:-20px;
}

#younglion .main h4{
	font-size:120%;
	margin:0 10px 10px 10px;
	color:#003e67;
}

#younglion .main .map{
	float:right;
	margin:10px 20px;
}

#younglion .main .place{
	float:left;
}

#younglion .link{
   position:relative;
   overflow:hidden;
   margin-top:20px;
   padding-top:20px;
   border-top:dotted 1px #583714;
}

#younglion .link ul{
   position:relative;
   left:50%;
   float:left;
}

#younglion .link ul li{
   position:relative;
   left:-50%;
   float:left;
   background:none;
   padding:0;
   margin:0 5px;
}

/*==-----------------------------------------------
YOUTUBE
-------------------------------------------------*/

body.youtube #younglion .header{
	diplay:block;
	width:1000px;
	height:360px;
	position:relative;
	background:url(/onsenkaitou10th/src/img/pc/younglion/header_youtube.png) 0 0 no-repeat;
}

body.youtube #container{
	background:none;
}

body.youtube h3{
	background:url(/onsenkaitou10th/src/img/pc/younglion/icon.png) 0 5px no-repeat;
	padding-left:20px;
	color:#003e67;
}

body.youtube #younglion .main .section div.video-container{
	width:90%;
    height: auto;
    background:#F2F2F2;
    margin:0 auto;
}

body.youtube #younglion .main .section .field{
	margin:0 2% 40px 2%;
	float:left;
	width:46%;
}


body.youtube #younglion .main .section div.video{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	z-index:0;
}

body.youtube #younglion .main .section div.video iframe,
body.youtube #younglion .main .section div.video object,
body.youtube #younglion .main .section div.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.youtube #page-top{
	bottom:90px;
	z-index:100;
}