@charset "UTF-8";

/**
 *	Wiiの間 Styles - variety -
 */

/**
 *  共通クラス
 */

	.floatLeft  {float: left;}
	.floatRight {float: right;}
	.clearer    {
		clear: both;
	}
	
	/* clearfixハック */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	


/**
 *  SIDEBAR
 */
	#sidebar {
		margin: 0 0 15px;
	}
	
	#sidebar ul {
		margin-bottom: 15px;
	}
	
	#sidebar ul li {
		margin-bottom: 5px;
	}
	
	#sidebar ul li a {
		display: block;
		width: 145px;
		height: 35px;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#sidebar ul li#sidebar_menu1 a {background: url(../images/sidenavi_menu1.jpg) no-repeat left top;}
	#sidebar ul li#sidebar_menu2 a {background: url(../images/sidenavi_menu2.jpg) no-repeat left top;}
	#sidebar ul li#sidebar_menu3 a {background: url(../images/sidenavi_menu3.jpg) no-repeat left top;}
	#sidebar ul li#sidebar_menu4 a {background: url(../images/sidenavi_menu4.jpg) no-repeat left top;}
	
	#sidebar ul li#sidebar_menu1 a:hover {background: url(../images/sidenavi_menu1_over.jpg) no-repeat left top;}
	#sidebar ul li#sidebar_menu2 a:hover {background: url(../images/sidenavi_menu2_over.jpg) no-repeat left top;}
	#sidebar ul li#sidebar_menu3 a:hover {background: url(../images/sidenavi_menu3_over.jpg) no-repeat left top;}
	#sidebar ul li#sidebar_menu4 a:hover {background: url(../images/sidenavi_menu4_over.jpg) no-repeat left top;}
	
	body.page1 #sidebar ul li#sidebar_menu1 a {background: url(../images/sidenavi_menu1_over.jpg) no-repeat left top;}
	body.page2 #sidebar ul li#sidebar_menu2 a {background: url(../images/sidenavi_menu2_over.jpg) no-repeat left top;}
	body.page3 #sidebar ul li#sidebar_menu3 a {background: url(../images/sidenavi_menu3_over.jpg) no-repeat left top;}
	body.page4 #sidebar ul li#sidebar_menu4 a {background: url(../images/sidenavi_menu4_over.jpg) no-repeat left top;}
	
	#sidebar dl {
		border: 1px solid #DFDFDF;
		padding: 1px;
	}
	
	#sidebar dl dd {
		background: url(../../global/images/dotline.gif) repeat-x left top;
		padding-top: 1px;
	}
	
	#sidebar dl dd a {
		display: block;
		background: url(../../global/images/icon_arrow1.gif) no-repeat 10px center;
		min-height: 20px;
		_height: 20px;
		line-height: 1.3;
		padding: 7px 5px 7px 25px;
	}
	
	#sidebar dl dd a:hover {
		background-color: #D7F2FC;
	}

	
	
	.section-intro {
		margin-bottom: 30px;
	}
	
	.section-intro h2 {
		margin-bottom: 15px;
	}
	
	.section-intro h3 {
		margin-bottom: 15px;
	}
	
	.section-intro .intro-img {
		float: left;
		display: inline;
		width: 247px;
		margin-right: 25px;
	}
	
	.section-intro .intro-text {
		float: left;
		display: inline;
		width: 330px;
	}
	
	.btn_detail { margin: 10px 0; float: right; width: 160px; height: 35px; overflow: hidden; position: relative; }
	.btn_detail img { position: absolute; top: 0; left: 0; border: solid 0px #FFF; }
	.btn_detail a:hover, .btn_detail a:hover img { border: solid 0px #FFF; }
	.btn_detail a:hover img { position: absolute; top: -35px;}
	
	#sidebar ul li { width: 145px; height:35px; overflow: hidden; position: relative; }
	#sidebar ul li img { border: solid 0px #FFF; }
	#sidebar ul li a:hover, #sidebar ul li a:hover img { border: solid 0px #FFF; }
	
	#sidebar ul li#sn01 img { position: absolute; top: 0; left: 0; }
	#sidebar ul li#sn02 img { position: absolute; top: -35px; left: 0; }
	#sidebar ul li#sn03 img { position: absolute; top: -70px; left: 0; }
	
	#sidebar ul li#sn01 a:hover img, #sidebar ul#wiinoma li#sn01 a img { position: absolute; left: -145px; }
	#sidebar ul li#sn02 a:hover img, #sidebar ul#theaternoma li#sn02 a img { position: absolute; left: -145px; }
	#sidebar ul li#sn03 a:hover img, #sidebar ul#ironnama li#sn03 a img { position: absolute; left: -145px; }
	
	
	
	#btn_theaterlist { margin: 20px auto; width: 293px; height: 41px; overflow: hidden; position: relative; }
	#btn_theaterlist img { position: absolute; top: 0; left: 0; border: solid 0px #FFF; }
	#btn_theaterlist a:hover, #btn_theaterlist a:hover img { border: solid 0px #FFF; }
	#btn_theaterlist a:hover img { position: absolute; top: -41px;}

/**
 *  THUMBNAIL LIST
 */
	
	#main-img {
		margin-bottom: 20px;
	}
	
	.thumbnail_list {
		
	}
	
	.thumbnail_list ul.thumbnail {
		padding-top: 20px;
	}
	
	.thumbnail_list ul.thumbnail li {
		position: relative;
		display: inline;
		width: 120px;
		min-height: 140px;
		_height: 140px;
		font-size: 10px;
		text-align: center;
		margin-right: 20px;
		margin-bottom: 10px;
		zoom: 1;
		vertical-align: top;
	}
	html>/**/body .thumbnail_list ul.thumbnail li { display: -moz-inline-box; display: inline-block; margin-left: -4px; vertical-align: top; }
	
	.thumbnail_list ul.thumbnail li img {
		display: block;
		width: 80px;
		margin: 0 auto;
	}
	.thumbnail_list ul.thumbnail li a img {
		display: block;
	}
	
	.thumbnail_list ul.thumbnail li a:hover img {
		opacity: 0.7;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
	}
	
	.thumbnail_list ul.thumbnail li a div {
		position: absolute;
		background: none;
		top: 0;
		left: 0;
		width: 120px;
		height: 90px;
		z-index: 2;
	}
	
	.thumbnail_list ul.thumbnail li a:hover div {
		background: url(../../global/images/thumbnail_flame.png) no-repeat left top;
	}
	* html .thumbnail_list ul.thumbnail li a:hover div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../global/images/thumbnail_flame.png", sizingMethod="scale"); }
	
	.thumbnail_list ul.thumbnail li strong {
		display: block;
		margin-top: 5px;
	}
	
	.thumbnail_list ul.thumbnail li img.icon {
		margin-left: 5px;
	}
	
	#holder-list {
		position: relative;
	}
	
	#theater-box #holder-list #holder-box {
		padding: 20px 10px 20px 20px;
		border-left: 3px solid #A3DAEC;
		border-right: 3px solid #A3DAEC;
	}
	
	#holder-box table {
	}
	
	#holder-box table td {
		width: 303px;
		vertical-align: top;
	}
	
	#holder-box table td.row-left {
		text-align: left;
		background: url(/variety/images/ironnama/box-under.png) no-repeat left bottom;
	}
	
	#holder-box table td.row-right {
		text-align: right;
		background: url(/variety/images/ironnama/box-under.png) no-repeat right bottom;
	}
	
	#holder-box .list-holder-box-body {
		text-align: left;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	
	#holder-box td.row-left .list-holder-box-body {
		background: url(/variety/images/ironnama/box-top.png) no-repeat left top;
	}
	
	#holder-box td.row-right .list-holder-box-body {
		padding-left: 8px;
		background: url(/variety/images/ironnama/box-top.png) no-repeat right top;
	}
	
	
	#theater-box #list-holder-box-top {
		position: absolute;
		top: 0;
		left: 0;
		height: 10px;
		font-size: 9px;
	}
	
	#theater-box #list-holder-box-under {
		height: 10px;
		font-size: 9px;
	}
		
	#holder-list #holder-box #list-holder-box-under {
		font-size: 9px;
		width: 295px;
		height: 5px;
		overflow:hidden;
	}
	
	#holder-list #holder-box #list-holder-box-top img,#holder-list #holder-box #list-holder-box-under img {
		display: block;
	}
	
	#holder-list #holder-box .partner-logo {
		width: 95px;
		padding: 7px 0 0 1px;
		float: left;
		display: inline;
		text-align: center;
		font-size: .924em;
	}
	#holder-list #holder-box .partner-logo img {
		padding: 0 0 5px;
	}
	
	#holder-list #holder-box .partner-logo a:hover img {
		text-decoration: none;
	}
	
	#holder-list #holder-box .partner-info {
		width: 185px;
		float: left;
		display: inlien;
		padding: 0 10px 10px 0;
	}	

	#holder-list #holder-box .partner-info h4 {
		padding-top: 5px;
		font-size: 1.154em;
	}
	
	#holder-list #holder-box .partner-info .partner-name {
		margin-bottom: 15px;
		font-size: .847em;
	}
/*	
	ul#partner-list {
		margin-top: 10px;
		overflow: hidden;
	}
	
	ul#partner-list li {
		background: url(/global/images/dotline_blue.gif) repeat-x left top;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: -1px;
	}
	
	ul#partner-list li:after { content: ""; display: block; clear: both; height: 0.1px; overflow: hidden; }
	ul#partner-list li { display: block; zoom: 1; }
	
	ul#partner-list .partner-logo {
		width: 97px;
		float: left;
		display: inline;
		margin-right: 20px;
	}
	
	ul#partner-list .partner-info {
		width: 435px;
		float: left;
		display: inline;
	}
	
	ul#partner-list .partner-info h4 {
		font-size: 1.154em;
		float: left;
		margin-right: 1em;
		display: inline;
	}
	
	ul#partner-list .partner-info .partner-name {
		font-weight: bold;
		margin-bottom: 5px;
		padding-top: 3px;
		font-size: 1em;
		float: left;
	}
	
	ul#partner-list .partner-info p {
		font-size: .847em;
		clear: left;
	}
*/	
	.btn_programlist { margin: 10px 0 0; width: 146px; height: 33px; overflow: hidden; position: relative; }
	.btn_programlist img { position: absolute; top: 0; left: 0; border: solid 0px #FFF; }
	.btn_programlist a:hover, .btn_programlist a:hover img { border: solid 0px #FFF; }
	.btn_programlist a:hover img { position: absolute; top: -33px;}