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

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

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

/*==-----------------------------------------------
home
-------------------------------------------------*/
#home header section{
	max-width:1000px;
}

#home header section h1{
	margin:0 auto;
}
#home header section p.mainimg{
	margin-top:-10px;
	/*==-------10にしてるのの調整------*/
}
#home #main article.topic{
	border:none;
}

#home #main article.majyan,
#artist #main article.majyan{
	border:none;
	text-align:center;
	background:none;
}

/*==--出演者--*/
#home #main article.artist{
	background:#10230e;
	border:none;
	padding:5px 15px 15px 15px;
}

#home #main article.artist h1{
	margin:0 auto 10px auto;
	padding:0;
	background:none;
}

#home #main article.artist ul li{
	float:left;
	margin:0 1% 10px 1%;
	width:31%;
	position:relative;
}

#home #main article.artist ul li span.new{
	position:absolute;
	top:-5px;
	left:0;
}

#home #main article.artist ul li span.new img{
	width:50%;
}
#home #main article.artist ul li.andmore2{
	width:62%;
}

#home #main article.artist ul li.andmore3{
	width:98%;
}


#home #main article.artist ul li.suxingcyu a img,
#artist #main article.artist ul li.suxingcyu a img{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

#home #main article.artist ul li.suxingcyu a:hover img,
#artist #main article.artist ul li.suxingcyu a:hover img{
    transform: scale(0.4) rotate(30deg);
}
/*==--勝手に熱湯CM--*/
#artist #main #netto{
	margin:0 0 20px 0;
}

/*==--SET YOU FREEと宴会場--*/
#home #container #main article.setyoufree h1,
#artist #container #main article.setyoufree h1{
	background:#231815 url(/src/otodama/13/pc/common/icon_subtitle.png) 13px 50% no-repeat;
	color:#e62388;
}
#home #container #main article.setyoufree p.setyou_logo,
#artist #container #main article.setyoufree p.setyou_logo{
	margin:0 30% 10px 30%;
	width:40%;
	height:auto;
}
#home #container #main article.osakapro p.osakapro_logo,
#artist #container #main article.osakapro p.osakapro_logo{
	margin:0 30% 10px 30%;
	width:40%;
	height:auto;
}
#home #container #main article.setyoufree ul,
#artist #container #main article.setyoufree ul,
#home #container #main article.enkai ul,
#artist #container #main article.enkai ul,
#home #container #main article.osakapro ul,
#artist #container #main article.osakapro ul{
	font-weight:bold;
}

#home #container #main article.setyoufree ul li,
#artist #container #main article.setyoufree ul li,
#home #container #main article.enkai ul li,
#artist #container #main article.enkai ul li,
#home #container #main article.osakapro ul li,
#artist #container #main article.osakapro ul li{
	margin-bottom:7px;
}

#home #container #main article.setyoufree ul li.new,
#artist #container #main article.setyoufree ul li.new,
#home #container #main article.enkai ul li.new,
#artist #container #main article.enkai ul li.new,
#artist #container #main article.osakapro ul li.new{
	background:url(/src/otodama/13/pc/artist/new.png) 0 0 no-repeat;
	padding-left:40px;
}

#home #container #main article.setyoufree p.andmore,
#artist #container #main article.setyoufree p.andmore,
#home #container #main article.enkai p.andmore,
#artist #container #main article.enkai p.andmore,
#artist #container #main article.osakapro p.andmore{
	text-align:right;
}

#home #container #main article.enkai h1,
#artist #container #main article.enkai h1{
	background:#cc3947 url(/src/otodama/13/pc/common/icon_subtitle.png) 13px 50% no-repeat;
}
#home #container #main article.osakapro h1,
#artist #container #main article.osakapro h1{
	background:#196220 url(/src/otodama/13/pc/common/icon_subtitle.png) 13px 50% no-repeat;
}

/*==-------------------------------------
home ミディアムサイズ　600px～
-----------------------------------------*/
@media only screen and (min-width:600px){
	#home #main article.artist ul li{
		margin:0 1% 20px 1%;
	}
	#home #main article.artist ul li span.new{
		position:absolute;
		top:10px;
	}
	#home #main article.artist ul li span.new img{
		width:100%;
	}
	#home header section p.fukidashi{
	position:absolute;
	top:135px;
	left:10px;
	width:150px;
	}
/*==--SET YOU FREEと宴会場--*/
	#home #container #main article.setyoufree p.setyou_logo,
	#artist #container #main article.setyoufree p.setyou_logo,
	#home #container #main article.osakapro p.osakapro_logo,
	#artist #container #main article.osakapro p.osakapro_logo{
		float:right;
		width:150px;
		height:150px;
		margin:0 0 10px 0;
	}
	#home #container #main article.setyoufree ul,
	#artist #container #main article.setyoufree ul,
	#home #container #main article.enkai ul,
	#artist #container #main article.enkai ul,
	#home #container #main article.osakapro ul,
	#artist #container #main article.osakapro ul{
	font-size:1.5rem;
	font-size:15px;
	}
}

/*==-------------------------------------
home ラージサイズ　960px～
-----------------------------------------*/
@media only screen and (min-width:960px){
	#home header section{
	height:800px;
	}
	#home header section h1{
	width:480px;
	height:140px;
	margin:0 0 20px 0;
	float:left;
	}
	#home header section p.date{
	float:right;
	margin:10px 0 0 0;
	}
	#home header section{
	position:relative;
	}
	#home header section h1{
	position:absolute;
	}
	#home header section p.date{
	position:absolute;
	right:0;
	}
	#home header section p.mainimg{
		margin-top:0;
	/*==-------10にしてるのの調整------*/
	}
}
/*==-------------------------------------
home ie8
-----------------------------------------*/
.ie8 #home header section,
.ie7 #home header section{
	height:800px;
}
.ie8 #home #main article.artist ul li,
.ie7 #home #main article.artist ul li{
		margin:0 1% 20px 1%;
}
.ie8 #home #main article.artist ul li span.new,
.ie7 #home #main article.artist ul li span.new{
		position:absolute;
		top:10px;
}
.ie8 #home #main article.artist ul li span.new img,
.ie7 #home #main article.artist ul li span.new img{
		/*width:100%;*/
		width: auto;
}
.ie8 #home header section h1,
.ie7 #home header section h1{
	width:480px;
	height:140px;
	margin:0 0 20px 0;
	float:left;
}
.ie8 #home header section p.mainimg,
.ie7 #home header section p.mainimg{
		margin-top:0;
	/*==-------10にしてるのの調整------*/
}

.ie8 #home header section p.date,
.ie7 #home header section p.date{
	float:right;
	margin:10px 0 0 0;
}
.ie8 #home header section,
.ie7 #home header section{
	position:relative;
}
.ie8 #home header section h1,
.ie7 #home header section h1{
	position:absolute;
}
.ie8 #home header section p.date,
.ie7 #home header section p.date{
	position:absolute;
	right:0;
}

/*==--SET YOU FREEと宴会場--*/
.ie8 #home #container #main article.setyoufree p.setyou_logo,
.ie7 #home #container #main article.setyoufree p.setyou_logo,
.ie8 #artist #container #main article.setyoufree p.setyou_logo,
.ie7 #artist #container #main article.setyoufree p.setyou_logo,
.ie8 #artist #container #main article.osakapro p.osakapro_logo,
.ie7 #artist #container #main article.osakapro p.osakapro_logo{
	float:right;
	width:150px;
	height:150px;
	margin:0 0 10px 0;
}

/*==-----------------------------------------------
detail
-------------------------------------------------*/

#detail #main article section p.btn_buy{
	width:200px;
	height:auto;
	padding:0;
	background:none;
	margin:0 auto 20px auto;
}

#detail #main article section p.btn_buy a{
	display:block;
	width:200px;
	height:auto;
	font-size:1.6rem;
	font-size:16px;
	background:#99b52a;
	padding:5px 0;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
    box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:solid 2px #FFF;
    text-align:center;
}

#detail #main article section p.btn_buy a:hover{
	background:#FFF;
    border:solid 2px #99b52a;
	color:#99b52a;
}
#detail #main article .table{
	font-size:1.0rem;
	font-size:10px;
}

#detail #main article section span.category{
	font-weight:bold;
	color:#e96192;
}
/*==-------------------------------------
detail ミディアムサイズ　600px～
-----------------------------------------*/
@media only screen and (min-width:600px){
	#detail #main article .table{
	font-size:1.2rem;
	font-size:12px;
	}
}
/*==-------------------------------------
detail ラージサイズ　960px～
-----------------------------------------*/
@media only screen and (min-width:960px){
	#detail{
	}

}

/*==-------------------------------------
detail ie8
-----------------------------------------*/
.ie8 #detail #main article .table,
.ie7 #detail #main article .table{
	font-size:1.2rem;
	font-size:12px;
	}

/*==-----------------------------------------------
artist
-------------------------------------------------*/
#artist #main article.artist{
	background:#10230e;
	border:none;
}

#artist #main article.artist h1{
	margin:0 auto 10px auto;
	padding:0;
	background:none;
	width:96%;
}

#artist #main article.artist section ul li{
	float:left;
	margin:0 1% 10px 1%;
	width:31%;
	position:relative;
	padding:0;
	background:none;
}
#artist #main article.artist section ul li span.new{
	position:absolute;
	top:-5px;
	left:0;
}
#artist #main article.artist section ul li span.new img{
	width:50%;
}
#artist #main article.artist section ul li.andmore2{
	width:62%;
}
#artist #main article.artist section ul li.andmore3{
	width:98%;
}
/*==-------------------------------------
artist ミディアムサイズ　600px～
-----------------------------------------*/
@media only screen and (min-width:600px){
	#artist #main article.artist section ul li{
		margin:0 1% 20px 1%;
	}
	#artist #main article.artist section ul li span.new{
		position:absolute;
		top:10px;
	}
	#artist #main article.artist section ul li span.new img{
		width:100%;
	}
}
/*==-------------------------------------
artist ラージサイズ　960px～
-----------------------------------------*/
@media only screen and (min-width:960px){
	#artist{
	}

}

/*==-------------------------------------
artist ie8
-----------------------------------------*/
.ie8 #artist #main article.artist section ul li,
.ie7 #artist #main article.artist section ul li{
		margin:0 1% 20px 1%;
}

.ie8 #artist #main article.artist section ul li span.new,
.ie7 #artist #main article.artist section ul li span.new{
		position:absolute;
		top:10px;
}
.ie8 #artist #main article.artist section ul li span.new img,
.ie7 #artist #main article.artist section ul li span.new img{
		width:100%;
}

/*==-----------------------------------------------
museum
-------------------------------------------------*/
#museum #main article section textarea{
	width:100%;
}

#museum #main article.gallery section ul li{
	float:left;
	margin:0 1% 10px 1%;
	width:31%;
	position:relative;
	padding:0;
	background:none;
}

#museum #main article.netto ul li{
	padding:0;
	background:0;
}


#museum #main article.netto section .callbacks_container{
	position: relative;
	float: left;
	width: 100%;
	border:solid 2px #000;
}

#museum #main article.netto section .callbacks{
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

#museum #main article.netto section .callbacks li{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

#museum #main article.netto section .callbacks img {
	display: block;
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%;
	border: 0;
}

#museum #main article.netto section .callbacks .caption{
	display: block;
	font-size:1.2rem;
	font-size:12px;
	text-shadow: none;
	color: #fff;
	background: #000;
	background: rgba(0,0,0, 0.75);
	padding:10px 20px;
	margin: 0;
	max-width: none;
}

#museum #main article.netto section .callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url(/src/otodama/13/pc/museum/themes.gif) no-repeat left top;
	margin-top: -45px;
}

#museum #main article.netto section .callbacks_nav:active {
	opacity: 1.0;
}

#museum #main article.netto section .callbacks_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}



/*==-------------------------------------
#museum ミディアムサイズ　600px～
-----------------------------------------*/
@media only screen and (min-width:600px){
	#museum #main article.gallery section ul li{
		float:left;
		margin:0 1% 10px 1%;
		width:23%;
		position:relative;
		padding:0;
		background:none;
	}

}

/*==-------------------------------------
museum ラージサイズ　960px～
-----------------------------------------*/
@media only screen and (min-width:960px){
}

/*==-------------------------------------
museum ie8
-----------------------------------------*/
.ie8 #museum #main article.gallery section ul li,
.ie7 #museum #main article.gallery section ul li{
	float:left;
	margin:0 1% 10px 1%;
	width:31%;
	position:relative;
	padding:0;
	background:none;
}




/*==-----------------------------------------------
access
-------------------------------------------------*/
#access #main article section ul.way{
	clear:both;
}

#access #main article section ul.way li{
	margin:0 auto 10px auto;
	width:90%;
	background:none;
	padding:0;
}
#access #main article section p.attention{
	text-align:center;
	font-size:2rem;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}

#access #main article section ul.btn{
	margin:0 auto;
}
#access #main article section ul.btn li{
	width:240px;
	height:auto;
	float:left;
	padding:0;
	background:none;
	margin:0 10px 5px 10px;
}

#access #main article section ul.btn li a{
	display:block;
	width:240px;
	height:auto;
	background:#99b52a;
	padding:5px 0;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
    box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:solid 2px #FFF;
   	font-size:1.5rem;
	font-size:15px;
}

#access #main article section p.btn{
	width:240px;
	height:auto;
	background:none;
	text-align:center;
	margin:0 auto 10px auto;
}

#access #main article section p.btn a{
	display:block;
	width:240px;
	height:auto;
	background:#99b52a;
	padding:5px 0;
	text-decoration:none;
	font-size:1.5rem;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
    box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:solid 2px #FFF;
    text-align:center;
}

#access #main article section ul.btn li a:hover,
#access #main article section p.btn a:hover{
	background:#FFF;
    border:solid 2px #99b52a;
	color:#99b52a;
}

#access #main article .table{
	font-size:1.0rem;
	font-size:10px;
}

/*==-------------------------------------
access ミディアムサイズ　600px～
-----------------------------------------*/
@media only screen and (min-width:600px){
	#access #main article section ul.way{
	clear:both;
	}

	#access #main article section ul.way li{
		float:left;
		margin:0 1% 10px 1%;
		width:48%;
		background:none;
		padding:0;
	}
	

	#access #main article section p.btn{
	width:320px;
	height:auto;
	background:none;
	}

	#access #main article section p.btn a{
	display:block;
	width:320px;
	height:auto;
	background:#99b52a;
	padding:5px;
	text-decoration:none;
	font-size:1.5rem;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
    box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:solid 2px #FFF;
    text-align:center;
	}
	#access #main article .table{
	font-size:1.2rem;
	font-size:12px;
	}
}
/*==-------------------------------------
access ラージサイズ　960px～
-----------------------------------------*/
@media only screen and (min-width:960px){
	#access #main article section p.attention{
	font-size:2.8rem;
	font-size:28px;
	}
}

/*==-------------------------------------
access ie8
-----------------------------------------*/
.ie8 #access #main article section ul.way,
.ie7 #access #main article section ul.way{
	clear:both;
}

.ie8 #access #main article section ul.way li,
.ie7 #access #main article section ul.way li{
	float:left;
	margin:0 1% 10px 1%;
	width:48%;
	background:none;
	padding:0;
}

.ie8 #access #main article section p.attention,
.ie7 #access #main article section p.attention{
	font-size:2.4rem;
	font-size:24px;
}

.ie8 #access #main article section p.btn,
.ie7 #access #main article section p.btn{
	width:320px;
	height:auto;
	background:none;
	}

.ie8 #access #main article section p.btn a,
.ie7 #access #main article section p.btn a{
	display:block;
	width:320px;
	height:auto;
	background:#99b52a;
	padding:5px;
	text-decoration:none;
	font-size:1.5rem;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
    box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:solid 2px #FFF;
    text-align:center;
	}
.ie8 #access #main article .table,
.ie7 #access #main article .table{
	font-size:1.2rem;
	font-size:12px;
	}
	
/*==-----------------------------------------------
vote
-------------------------------------------------*/

#vote #footer{
	background:#002f42;
}


#vote #main article section ul li{
	background:none;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:dotted 1px #CCC;
}
#vote #main article section .ss-secondary-text{
	font-weight:bold;
	font-size:16rem;
	font-size:16px;
	color:#006191;
}
#vote #main article section ul li span.large{
	color:#FFF;
	display:block;
	text-align:center;
}

#vote #main article section .ss-navigate{
	text-align:center;
}

#vote #main article section .ss-navigate .ss-secondary-text{
	font-weight:normal;
	font-size:11rem;
	font-size:11px;
	color:#666;
}

#vote #main article section .ss-navigate input#ss-submit{
	border:none;
	padding:10px 45px;
	margin:0 0 20px 0;
	background:#a5000d;
	color:#FFF;
	font-weight:bold;
	font-size:16rem;
	font-size:16px;
    box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

#vote #main article section.google{
	background:#F2F2F2;
	padding:10px;
	font-size:10rem;
	font-size:10px;
}

/*==-------------------------------------
vote ミディアムサイズ　600px～
-----------------------------------------*/
@media only screen and (min-width:600px){
	#vote #main article section ul li{
		float:left;
		width:31%;
		margin:0 1% 20px 1%;
		padding:0;
		border-bottom:none;
	}
}

/*==-------------------------------------
vote ラージサイズ　960px～
-----------------------------------------*/
@media only screen and (min-width:960px){
	#vote #main{
		width:960px;
		float:none;
	}
}

/*==-------------------------------------
vote ie8
-----------------------------------------*/
.ie8 #vote #main article section ul li,
.ie7 #vote #main article section ul li{
	float:left;
	width:31%;
	margin:0 1% 20px 1%;
	padding:0;
	border-bottom:none;
}

.ie8 #vote #main,
.ie7 #vote #main{
	width:960px;
	float:none;
}


/*==-----------------------------------------------
goods
-------------------------------------------------*/
#goods #main article section p.image{
	width:70%;
	margin:0 15% 20px 15%;
}

#goods #main article section p.image a{
	border:solid 5px #DDD;
	display:block;
}

#goods #main article section p.image a:hover{
	border:solid 5px #ffea00;
}


#goods #container #main article .table thead tr td{
	text-align:center;
}

#goods #container #main article .table tbody tr td {
	text-align:center;
}


/*==-------------------------------------
goods ミディアムサイズ　600px～
-----------------------------------------*/
@media only screen and (min-width:600px){
	#goods #main article section p.image{
		width:50%;
		margin:0 25% 20px 25%;
	}
}

/*==-------------------------------------
goods ラージサイズ　960px～
-----------------------------------------*/
@media only screen and (min-width:960px){
	#goods #main article section p.image{
		float:left;
		text-align:center;
		margin:0 20px 20px 0;
		max-width:300px;
		float:left;
	}
	#goods #main article section .field{
		width:300px;
		float:left;
	}
}

/*==-------------------------------------
goods ie8
-----------------------------------------*/
.ie8 #goods #main article section{
}

.ie7 #goods #main article section{
}



/*==-----------------------------------------------
senkou
-------------------------------------------------*/


/*==-----------------------------------------------
table
-------------------------------------------------*/

#senkou #container #main article .table tr td.gray{
	background:#F2F2F2;
}

/*==-------------------------------------
goods ミディアムサイズ　600px～
-----------------------------------------*/
@media only screen and (min-width:600px){
	#senkou #container #main article .table{
		font-size:100%;
	}

}

/*==-------------------------------------
goods ラージサイズ　960px～
-----------------------------------------*/
@media only screen and (min-width:960px){
	#senkou #main {
		width:960px;
	}
}

/*==-------------------------------------
goods ie8
-----------------------------------------*/
.ie8 #senkou #senkou #main,
.ie7 #senkou #senkou #main{
		width:960px;
}

.ie8 #senkou #container #main article .table,
.ie7 #senkou #container #main article .table{
		font-size:100%;
}