@charset "UTF-8";

/**
 *	Wiiの間 Styles - program -
 */


/**
 *  共通クラス
 */

	.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 {
		margin: 0 0 15px;
	}
	
	#sidebar dl {
		border: 1px solid #DFDFDF;
		padding: 1px;
		margin-bottom: 15px;
	}
	
	#sidebar dl dd {
		background: url(../../global/images/dotline.gif) repeat-x left top;
		padding-top: 1px;
		line-height: 1;
		font-size: .847em;
	}
	
	#sidebar dl dd a {
		display: block;
		background: url(/global/images/icon_arrow1.gif) no-repeat 10px center;
		padding: 5px 7px 5px 25px;
	}
	
	#sidebar dl dd a:hover {
		background-color: #D7F2FC;
	}



/**
 *  PICKUP
 */
	#pickup { position: relative; margin: 0 0 15px; width: 607px; height: 209px; background: url(../images/pickup/box.png) left top no-repeat; }
		#pickup h2 { padding: 3px; }
		#pickup_slide_container { display: none; position: relative; margin: 47px 0 0 36px; }
		#pickup_slide_container ul {}
		#pickup_slide_container li { position: relative; float: left; margin: 0 14px 0 0; width: 96px; height: 90px; }
		#pickup_slide_container .pickup_slide_balloon { display: none; }
		
		#pickup_slide_balloon_container { position: absolute; top: 40px; left: 0; width: 100%; z-index: 10000; display: none; }
		#pickup_slide_balloon { position: absolute; bottom: 5px; left: 189px; padding: 6px 12px 0; width: 207px; background: url(../images/pickup/balloon.gif) left top no-repeat; cursor: pointer; }
		#pickup_slide_container li .pickup_slide_large { display: none; }
		.pickup_slide_balloon h3 { text-align: center; }
		.pickup_slide_balloon a { color: #009bbf; text-decoration: none; }
		.pickup_slide_balloon div { position: relative; margin: 3px 0 0; padding: 5px 0 0; border-top: dotted 1px #009bbf; }
		.pickup_slide_balloon span { position: absolute; top: 5px; left: 0; }
		.pickup_slide_balloon p { padding: 0; text-align: center; }
		.pickup_slide_balloon span, .pickup_slide_balloon p { font-size: .847em; color: #777; }
		#pickup_slide_balloon_bottom { position: absolute; bottom: 0; left: 189px; width: 231px; height: 5px; font-size: 0; background: url(../images/pickup/balloon.gif) left bottom no-repeat; }
		#pickup_slide_balloon_triangle { position: absolute; bottom: -19px; left: 300px; width: 11px; height: 20px; background: url(../images/pickup/balloon_triangle.png) left top no-repeat; z-index: 10000; }
		* html #pickup_slide_balloon_triangle { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/pickup/balloon_triangle.png", sizingMethod="scale"); }
		
		#pickup_controller_prev, #pickup_controller_next { position: absolute; top: 100px; width: 11px; height: 38px; background-image: url(../images/pickup/btn-controller.gif); cursor: pointer; }
		#pickup_controller_prev { left: 11px; background-position: 0px 0px; }
		#pickup_controller_next { right: 11px; background-position: -11px 0px; }
		#pickup_slide_zoom0, #pickup_slide_zoom1, #pickup_slide_zoom2 { display: none; position: absolute; top: 83px; left: 0; width: 96px; height: 90px; z-index: 9999; }
		#pickup_slide_zoom0 img, #pickup_slide_zoom1 img, #pickup_slide_zoom2 img { width: 100%; height: 100%; }
		

	
	
	
	
/**
 *  THUMBNAIL LIST
 */
	.thumbnail_list {
		
	}
	
	.thumbnail_list .flame {
		padding: 10px 0 0 25px;
		border-right: 1px solid #DFDFDF;
		border-left: 1px solid #DFDFDF;
	}
	
	.thumbnail_list h3 {
		
	}
	
	.thumbnail_list ul.paging {
		text-align: right;
		margin-right: 25px;
	}
	
	.thumbnail_list ul.paging li {
		display: inline;
		margin-left: 3px;
	}
	
	.thumbnail_list ul.thumbnail {
		margin: 20px 0;
		_margin: 20px 0;
		font-size: 1em;
	}
	html>/**/body .thumbnail_list ul.thumbnail { margin: 0 0 0 4px; }
	
	.thumbnail_list ul.thumbnail li {
		position: relative;
		display: inline;
		width: 120px;
		min-height: 140px;
		_height: 140px;
		font-size: 10px;
		text-align: center;
		margin-right: 24px;
		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 a img {
		display: block;
		margin: 10px auto 0;
	}
	
	.thumbnail_list ul.thumbnail li.thumb_pay a img {
		margin: 0 auto;
	}
	
	
	.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: 10px;
		left: 0;
		width: 120px;
		height: 90px;
		z-index: 2;
	}
	
	.thumbnail_list ul.thumbnail li.thumb_pay a div {
		top: 0;
		left: 25px;
		width: 70px;
		height: 100px;
		padding-top: 0;
	}
	
	.thumbnail_list ul.thumbnail li a:hover div {
		background: url(../../global/images/thumbnail_flame.png) no-repeat left top;
	}
	
	.thumbnail_list ul.thumbnail li.thumb_pay a:hover div {
		background: url(../../global/images/thumbnail_flame_pay.png) no-repeat center 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"); }
	* html .thumbnail_list ul.thumbnail li.thumb_pay a:hover div { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../global/images/thumbnail_flame_pay.png", sizingMethod="scale"); }
	
	.thumbnail_list ul.thumbnail li strong {
		display: block;
		margin-top: 5px;
	}
	
	.thumbnail_list ul.thumbnail li img.icon {
		margin-left: 5px;
	}
	
/**
 *  program_detail
 */
	#program_detail {
		margin-bottom: 15px;
	}
	
	#program_detail .flame {
		padding: 5px 20px;
		border-right: 1px solid #43C5E9;
		border-left: 1px solid #43C5E9;
	}
	
	#program_detail div.floatLeft {
		width: 160px;
		text-align: center;
	}
	
	#program_detail div.floatRight {
		width: 380px;
	}
	
	#program_detail div.floatRight span {
		display: block;
		font-size: 16px;
	}
	
	#program_detail div.floatRight strong {
		display: block;
		background: url(../../global/images/dotline_blue.gif) repeat-x left bottom;
		font-size: 24px;
		margin-bottom: 10px;
		padding-bottom: 3px;
	}
	
	#program_detail div.floatRight div {
		float: right;
		margin-top: 10px;
	}
	
	
/**
 *  program search
 */
	
	#new_program {
		position: relative;
	}
	
	p#result {
		position: absolute;
		top: 10px;
		left: 90px;
		color: #FFF;
		font-size: 13px;
	}