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

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

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

/*============================================
home
==============================================*/

	#home .aspectwrapper{
		max-width:550px;
		display:block;
		width:75%;
		margin:0 auto;
	}
/*==------pickup------*/
	#home #pickup section dt{
		font-size:2.8rem;
		font-size:28px;
		font-weight:normal;
	}
	#home #pickup section dd.date{
		font-size:2.8rem;
		font-size:28px;
	}
	#home #pickup section dd.date > span{
		font-size:1.2rem;
		font-size:12px;
	}
	#home #pickup section dd span.place{
		font-size:1.6rem;
		font-size:16px;
		margin-left:10px;
		display:inline;
	}
	#home #pickup section dd.band{
		font-size:1.1rem;
		font-size:11px;
	}
/*==------近日発売・近日発売------*/
	#home #container #main #hold .item .title,
	#home #container #main #sell .item .title{
		font-size:1.6rem;
		font-size:16px;
	}
	#home #container #main #hold .item .date,
	#home #container #main #sell .item .date{
		font-size:2.4rem;
		font-size:24px;
	}
	#home #container #main #hold .item .day,
	#home #container #main #sell .item .day{
		font-size:2.1rem;
		font-size:21px;
	}
	#home #container #main #hold .item .place,
	#home #container #main #sell .item .place{
		font-size:1.2rem;
		font-size:12px;
	}

/*==------pickup------*/
	#home #pickup{
		position:absolute;
		top:270px;
		left:307px;
		width:540px;
		height:216px;
		z-index:10;
		display:block;
	}
	#home #pickup section{
		border:solid 3px #000;
	}
	#home #pickup section:hover{
		border:solid 3px #00a0b3;
		background:#FFF200;
	}
	#home #pickup section .image{
		width:36.4%;
		height:36.4%;
	}
	#home #pickup section dt{
		font-size:3.2rem;
		font-size:32px;
		font-weight:bold;
		margin-top:15px;
	}
	#home #pickup section dd.date{
		font-size:2.8rem;
		font-size:28px;
	}
	#home #pickup section dd.date > span{
		font-size:1.2rem;
		font-size:12px;
	}
	#home #pickup section dd span.place{
		font-size:1.8rem;
		font-size:18px;
		margin-left:10px;
		display:inline;
	}
	#home #pickup section dd.band{
		font-size:1.1rem;
		font-size:11px;
		margin-right:18px;
	}
/*==------近日発売 近日開催------*/
	#home #container #main #area_hold h1,
	#home #container #main #area_sell h1{
		background-size:28px auto;
	}
	
	#home #container #main #hold .item,
	#home #container #main #sell .item{
		max-width:174px;
	}
	
	#home #container #main #hold .item:hover,
	#home #container #main #sell .item:hover{
	    background-color: #FFF200;
		box-shadow:none;
		-webkit-box-shadow:none;
		-o-box-shadow:none;
		-ms-box-shadow:none;
	}
	#home #container #main #hold .item .field,
	#home #container #main #sell .item .field{
		padding:2px 8px 32px 8px;
		background-size:84px 27px;
	}
	#home #container #main #hold .item .field:hover,
	#home #container #main #sell .item .field:hover{
	    background-color: #FFF200;
		box-shadow:none;
		-webkit-box-shadow:none;
		-o-box-shadow:none;
		-ms-box-shadow:none;
	}
	#home #container #main #hold .item .image,
	#home #container #main #sell .item .image{
		width:100%;
		margin:0 auto;
	}


/*============================================
schedule
============================================*/
#schedule #container #main h2.date{
	padding:0 15px 2px;
	font-size:2.4rem;
	font-size:24px;
}
#schedule #container #main .icon{
	display:inline-block;
	width:70px;
	height:28px;
	margin:0 5px 5px 5px;
}

/*============================================
schedule calendar
============================================*/
/*--form--*/
#schedule.calendar #container #main form select{
	padding:5px 10px;
	border:solid 1px #095769;
	border-left:solid 6px #095769;
	font-size:1.6rem;
	font-size:16px;
}
#schedule.calendar #container #main form select option{
	padding:0 20px;
}
#schedule.calendar #container #main form select option.this{
	background:#FFF200;
}
/*--table--*/
#schedule.calendar #container table th{
	width: 12%;
}
#schedule.calendar #container #main table th{
	font-size:3.0rem;
	font-size:30px;
	width: 12%;
}
#schedule.calendar #container #main table th span.week{
	font-size:1.4rem;
	font-size:14px;
}
#schedule.calendar #container #main table td a{
	display:inline-block;
}

/*============================================
schedule today
============================================*/


/*============================================
schedule search
============================================*/
#schedule.search #container #main dl{
	margin:0 0 10px 0;
}
#schedule.search #container #main dt{
	text-align:center;
	float:left;
	width:216px;/*220*/
}

#schedule.search #container #main dt > span > span.pc{
	display: inline;
}
#schedule.search #container #main dd{
	padding-left:240px;
	clear:none;
}
#schedule.search #container #main dd ul,
#schedule.search #container #main dd p.etc{
	margin: 0;
}
#schedule.search #container #main dd ul li{
	margin-right: 1%;
	margin-bottom: 0.8%;
}
#schedule.search #container #main p.submit span{
	width: 30%;
}
#schedule.search #container #main p.submit span input{
	font-size:2.4rem;
	font-size:24px;
}
#schedule.search #container #main select.day-select{
	width:23%;
}
#schedule.search #container #main input.name-select{
	margin-left:0;
	width:78%;
}
#schedule.search #container #main select.state-select{
	margin-left:0;
	margin-top:3.5px;
	width:80%;
}
#schedule.search #container #main select.day-select.left15{
	margin-left:15px;
}
#schedule.search #container #main select.day-select.top3-5{
	margin-top:3.5px;
}

/*============================================
schedule result
============================================*/


/*============================================
schedule detail
============================================*/
/*============================================
schedule detail
============================================*/
/*==------mainimg------*/
#schedule.detail #container #main .mainimg{
	margin:20px auto;
	text-align:center;
}

#schedule.detail #container #main .mainimg.type01 img{
	width:500px;
	height:auto;
}
#schedule.detail #container #main .mainimg.type01-2 img{
	width:280px;
	height:auto;
	margin:0 10px;
}
#schedule.detail #container #main .mainimg.type02 img{
	width:500px;
	height:auto;
}
/*==------copy------*/
#schedule.detail #container #main .copy p{
	margin:10px 0;
	font-size:1.8rem;
	font-size:18px;
}
#schedule.detail #container #main .date span.day{
	font-size:2.8rem;
	font-size:28px;
}
#schedule.detail #container #main dl > dt{
	text-align:center;
	float:left;
	width:155px;/*165*/
}
#schedule.detail #container #main dl > dd{
	padding-left:180px;
	padding-top:7px;
	clear:none;
}
/*==------dl.date------*/
#schedule.detail #container #main .date .calendar{
	margin-top:15px;
}
#schedule.detail #container #main .date span.time{
	margin-left:10px;
	display:inline;
}
#schedule.detail #container #main dl.date > dd{
	padding-top:3.5px;
}
/*==------dl.place------*/
#schedule.detail #container #main .place dd{
	font-size:1.8rem;
	font-size:18px;
}
/*==------dl.playguide .inner------*/
#schedule.detail #container #main .playguide dl.inner dt {
   width: 10em;
   padding-top:10px;
   bottom:10px;
}
#schedule.detail #container #main .playguide dl.inner dd {
	margin: 0 0 0 11em;
}


#schedule.detail #container #main .playguide > dd > span {
    background:#095769 url(/src/pc/image/schedule/detail/schedule_detail_playguide_open_ie.png) 97% 50% no-repeat;
}

#schedule.detail #container #main .playguide > dd > span.active {
	background:#095769 url(/src/pc/image/schedule/detail/schedule_detail_playguide_close_ie.png) 97% 50% no-repeat;
}
/*==------dl.yunakama------*/
#schedule.detail #container #main .yunakama a{
    display: block;
	background:url(/src/pc/image/schedule/detail/btn_yunakama_ie.png) repeat 0 0;
	background-size:100%;
	text-indent:-9999px;
	width:180px;
	height:35px;
}
/*==------dl.movie------*/
#schedule.detail #container #main dl.movie iframe{
	position:static;
	float:left;
	width:250px;
	height: 200px;
	min-height:200px;
	padding:15px 15px 50px 15px;
	margin-right:15px;
	background:url(/src/pc/image/schedule/detail/movie_tv.png) 0 0 no-repeat;
}

/*============================================
flyer
============================================*/
#flyer h2 span.backnumber{
	font-size:2.2rem;
	font-size: 22px;
}
#flyer #container #main .pagenation{
	margin-bottom:12px;
}
#flyer #container #main .flyer ul li{
	margin: 5px 19px 15px;
	width:90px;
}
#flyer #container #main dl > dt{
	text-align:center;
	float:left;
	width:200px;/*200*/
	margin-bottom:0;
	margin-top:0;
}
#flyer #container #main dl > dd{
	padding-left:220px;
	/*padding-top:3.5px;*/
	clear:none;
}
#flyer #container #main span.aco_trigger {
	font-size:1.4rem;
	font-size:14px;
}

/*============================================
faq
============================================*/
#faq #container #main dt{
		margin-bottom:15px;
}
#faq #container #main span.aco_trigger {
	background: url(/src/pc/image/faq/faq_question.png) 0 1px no-repeat;
	background-size:31px auto;
	padding: 8px 8px 8px 40px;
}
#faq #container #main span.aco_trigger.onsen{
    background:url(/src/pc/image/faq/faq_icon.png) 0 50% no-repeat;
	background-size:31px auto;
	padding: 8px 8px 8px 40px;
}
#faq #container #main span.aco_trigger span{
}
#faq #container #main dl > dt{
	text-align:center;
	float:left;
	width:200px;/*200*/
	margin-bottom:0;
	margin-top:0;
}
#faq #container #main dl > dd{
	padding-left:220px;
	/*padding-top:3.5px;*/
	clear:none;
}
#faq #container #main span.aco_trigger {
	font-size:1.4rem;
	font-size:14px;
}
.ie7 #faq #container #main span.aco_trigger span{
	margin-top:-28px;
}

/*============================================
news 
============================================*/

/*============================================
news detail
============================================*/
#news.detail #container #main h2{
	font-size: 1.6rem;
	font-size:16px;
}
#news.detail #container #main h2 span.date{
	float:left;
	margin:0 10px 0 0;
}


/*============================================
contact
============================================*/
#contact #container #main dl > dt{
	text-align:center;
	float:left;
	width:155px;/*165*/
	margin-bottom:0;
}
#contact #container #main dl > dd{
	padding-left:180px;
	padding-top:7px;
	clear:none;
}

/*============================================
recruit
============================================*/
#recruit #container #main dl > dt{
	text-align:center;
	float:left;
	width:155px;/*165*/
	margin-bottom:0;
}
#recruit #container #main dl > dd{
	padding-left:180px;
	padding-top:7px;
	clear:none;
}

/*============================================
privacy
============================================*/
#error #main .ojisan{
	text-align:right;
}