@charset "UTF-8";
/* ==========================================================================

	見のがせナイト　ザ・ベスト　毎日答えナイト
	/extra/minogase_night/

   ========================================================================== */
/* Base
   ========================================================================== */
#page {
	background: url(/extra/minogase_night/images/minogase_night_bg01.jpg) no-repeat center 76px #091423;
	*zoom: 1;
}

#areaWrapper1 {
	width: 940px;
	padding: 0 10px;
	*zoom: 1;
}

#area0 {
	*zoom: 1;
}

#mainArea {
	width: 940px;
	background-color: #FFFFFF;
	font-size: 100%;
	line-height: 1.7;
	overflow: hidden;
	*zoom: 1;
}

#mainArea img {
	vertical-align: bottom;
}

#mainArea a {
	color: #00a1c4;
}

/* Container
---------------------------------------------*/
#wrapper {
	padding: 5px 20px;
	background: url(/extra/minogase_night/images/minogase_night_bg02.jpg) no-repeat center top #091423;
	overflow: hidden;
	*zoom: 1;
}

/* Contents
---------------------------------------------*/
#page_nav {
	margin-bottom: 20px;
	*zoom: 1;
}
#page_nav ul {
	overflow: hidden;
	border-bottom: 2px solid #57cdff;
	*zoom: 1;
}
#page_nav ul li {
	float: left;
}

#title_area {
	margin-bottom: 28px;
}
#title_area h1 {
	float: left;
}
#title_area .msnBt03 {
	overflow: hidden;
	text-align: right;
}

#news {
	margin-bottom: 10px;
	overflow: hidden;
	background: url(/extra/minogase_night/images/minogase_night_bg10.png) repeat left top;
	border: solid 1px #33667b;
	color: #c9d7e0;
	*zoom: 1;
}
#news dl {
	padding: 9px;
}
#news dl dt {
	float: left;
}
#news dl dd {
	padding-left: 81px;
}
#news .btn,
#news .close {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}

#friend {
	margin-bottom: 5px;
	*zoom: 1;
}
#friend dl {
	float: right;
}
#friend dl dt {
	float: left;
}
#friend dl dd {
	padding-left: 238px;
}
#friend dl li {
	display: inline;
	padding-left: 6px;
}
#friend dl .end img {
	padding-bottom: 2px;
}

#flash_area {
	margin-bottom: 37px;
}
#flash_area #flash_wrap {
	margin-bottom: 10px;
}
#flash_area dl {
	color: #c9d7e0;
	font-size: 92%;
}
#flash_area dl dt {
	float: left;
}
#flash_area dl dd {
	padding-left: 105px;
}

#chance {
	position: relative;
	margin-bottom: 10px;
	border: solid 3px #025a86;
	padding: 67px 0 0;
	background: url(/extra/minogase_night/images/minogase_night_bg03.png) no-repeat center top;
}
#chance .msnBox02 {
	padding: 0 9px 10px;
	background: url(/extra/minogase_night/images/minogase_night_bg04.png) no-repeat center bottom;
	position: relative;
}
#chance .msnBox03 {
	position: relative;
	background: url(/extra/minogase_night/images/minogase_night_bg05.png) no-repeat center top;
	*background: url(/extra/minogase_night/images/minogase_night_bg13.png) repeat center top;
	border-bottom: solid 1px #356275;
	*border: solid 1px #356275;
	width: 859px;
	margin-bottom: 15px;
	padding: 45px 9px 10px;
}
#chance .msnBox03 h2 {
	position: absolute;
	top: -77px;
}
#chance .msnBox03 ul li {
	overflow: hidden;
	float: left;
	text-align: center;
}
#chance .msnBox03 ul .msnBoxleft, #chance .msnBox03 ul #special #channel .msnBox02 .msnBoxright, #special #channel .msnBox02 #chance .msnBox03 ul .msnBoxright {
	width: 281px;
}
#chance .msnBox03 ul .msnBoxright {
	margin-left: 7px;
}
#chance .msnBox03 .msnTx01 {
	position: relative;
	top: -10px;
	padding-left: 7px;
	color: #ffffff;
	font-size: 97%;
	line-height: 1.5;
}

#how_to {
	border: solid 1px #f5862a;
}
#how_to h3 {
	padding: 5px 0 0 10px;
}
#how_to dl {
	margin-top: -35px;
	overflow: hidden;
	*zoom: 1;
}
#how_to dt {
	position: relative;
	height: 37px;
	*zoom: 1;
}
#how_to dt span {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 303px;
	height: 37px;
	background: url(/extra/minogase_night/images/minogase_night_bt04.png) no-repeat left top;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
}
#how_to dt .btOn {
	background-image: url(/extra/minogase_night/images/minogase_night_bt04on.png);
}
#how_to dt .btOpen {
	background-image: url(/extra/minogase_night/images/minogase_night_bt04open.png);
}
#how_to dd {
	display: hidden;
	padding: 18px 0 5px;
	border-top: solid 1px #f5862a;
	text-align: center;
	overflow: hidden;
	*zoom: 1;
}
#how_to ul {
	padding: 18px 0 20px 55px;
	*zoom: 1;
}
#how_to ul li {
	float: left;
	padding-right: 12px;
	*zoom: 1;
}
#how_to .msnBt03 {
	margin-bottom: 10px;
}

#present h4 {
	margin-bottom: -55px;
	z-index: 10;
	position: relative;
}
#present .msnInner01 {
	z-index: 0;
	border: solid 1px #356275;
	background-color: rgba(0, 0, 0, 0.6);
	*background: url(/extra/minogase_night/images/minogase_night_bg15.png) repeat center top;
}
#present h3 {
	padding-left: 120px;
	padding-top: 8px;
}
#present dl {
	background: url(/extra/minogase_night/images/minogase_night_bg06.png) no-repeat left 25px;
	*background: url(/extra/minogase_night/images/minogase_night_bg14.png) no-repeat left 25px;
	margin-top: -55px;
	padding: 60px 20px 15px;
	width: 833px;
	overflow: hidden;
}
#present dt {
	float: right;
	width: 248px;
}
#present dd {
	padding: 40px 0 0 20px;
}

#special {
	margin-bottom: 15px;
	background: url(/extra/minogase_night/images/minogase_night_bg07.gif) repeat center top;
	*zoom: 1;
}
#special .msnBox02 {
	position: relative;
	overflow: visible;
	margin: 35px 20px 20px;
	padding: 27px 11px;
	*width: auto;
	background-color: rgba(255, 255, 255, 0.6);
	*background: url(/extra/minogase_night/images/minogase_night_bg12.png) repeat center top;
	border: solid 3px #f56796;
	*zoom: 1;
}
#special .msnBox02 h3 {
	position: absolute;
	top: -24px;
	left: 13px;
	*zoom: 1;
}
#special .msnBox02 .msnBoxleft, #special #channel .msnBox02 .msnBoxright {
	float: left;
	width: 482px;
	margin-right: 17px;
}
#special .msnBox02 .msnBoxright {
	float: left;
	width: 370px;
}
#special .msnBox02 .msnBoxright dt {
	margin-bottom: 10px;
	color: #f56796;
	font-weight: bold;
	font-size: 120%;
}
#special .msnBox02 .msnBoxright .msnBt03 {
	text-align: center;
}
#special .msnLink02 {
	position: absolute;
	top: 5px;
	right: 11px;
	width: 270px;
	text-align: center;
	background: url(/extra/minogase_night/images/minogase_night_bg11.jpg) repeat-x right top;
	padding: 3px 0;
	border: solid 1px #acc186;
}
#special #event, #special #channel {
	width: 900px;
	overflow: hidden;
	position: relative;
	margin: 0 20px 23px;
	background-color: rgba(255, 255, 255, 0.7);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44ffffff,EndColorStr=#44ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44ffffff,EndColorStr=#44ffffff)";
	*zoom: 1;
}
#special #event h3, #special #channel h3 {
	*background: #acc186;
	*zoom: 1;
	*text-align: right;
}
#special #event .msnBox02, #special #channel .msnBox02 {
	margin: 0;
	padding: 0;
	border: solid 3px #acc186;
	border-top: none;
	background: none;
	*zoom: 1;
}
#special #channel {
	margin-bottom: 0;
}
#special #channel h3 {
	*background: #54c0f4;
}
#special #channel .msnLink02 {
	border: solid 1px #54c0f4;
}
#special #channel .msnBox02 {
	border: solid 3px #54c0f4;
	border-top: none;
	*zoom: 1;
}
#special #channel .msnBox02 .msnBox04 {
	padding: 0 0 12px 20px;
	*zoom: 1;
}
#special #channel .msnBox02 .msnBoxleft, #special #channel .msnBox02 .msnBoxright {
	float: left;
	width: 420px;
	padding-top: 7px;
	height: 43px;
	background: #cde5ee;
	overflow: hidden;
	*zoom: 1;
}
#special #channel .msnBox02 .msnBoxleft dt, #special #channel .msnBox02 .msnBoxright dt {
	float: left;
	padding-right: 8px;
	width: 116px;
	text-align: center;
}
#special #channel .msnBox02 .msnBoxleft dd li, #special #channel .msnBox02 .msnBoxright dd li {
	display: inline;
}
#special #channel .msnBox02 .msnBoxright {
	float: right;
	*margin: 0;
	background: #dde1d1;
}
#special .carousel {
	margin-bottom: 15px;
	*zoom: 1;
}
#special .carousel .msnBox03 {
	padding: 14px 0 0 44px;
	*zoom: 1;
}
#special .carousel .msnBox03 li {
	float: left;
	width: 192px;
	margin-right: 14px;
	overflow: hidden;
}
#special .carousel .msnBox03 li dt img {
	border: solid 1px #cccccc;
}
#special .carousel .msnBox03 li dd {
	width: 192px;
}
#special .carousel .msnBox03 li dd a {
	font-weight: bold;
	color: #333333;
}
#special .msnLink01 {
	padding: 9px 20px 15px;
}

#game {
	margin-bottom: 15px;
	background: url(/extra/minogase_night/images/minogase_night_bg07.gif) repeat center top;
	*zoom: 1;
}
#game ul {
	*zoom: 1;
}
#game ul li {
	float: left;
	width: 300px;
	*zoom: 1;
}
#game ul li h4 {
	margin: 13px 0 3px 41px;
	height: 25px;
	*zoom: 1;
}
#game ul li dl {
	margin: 0 8px 20px 40px;
	padding: 7px 13px;
	width: 230px;
	background-color: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
	border: solid 1px #1db6d7;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	*zoom: 1;
}
#game ul li dl a {
	color: #79daff;
}
#game ul li dl dd {
	text-align: center;
}
#game ul li dl dd p img {
	border: solid 1px #534f4f;
}
#game .msnLink01 {
	padding: 0 32px 14px 0;
	text-align: right;
}

#summary {
	padding: 15px 20px;
	background: #192b42;
	*zoom: 1;
}
#summary h4 {
	margin-bottom: 11px;
}
#summary table {
	margin-bottom: 22px;
	border: solid 2px #025a86;
}
#summary table th {
	padding: 13px 19px;
	background: #4a98b6;
	border-bottom: solid 1px #40849e;
	font-weight: bold;
	color: #ffffff;
}
#summary table td {
	padding: 13px 17px;
	background: #ffffff;
	border-bottom: solid 1px #dedede;
}
#summary table td span {
	font-weight: bold;
}
#summary #faq dt {
	background: url(/extra/minogase_night/images/minogase_night_bg08.gif) repeat center top;
	border-bottom: solid 1px #d7d7d7;
	color: #555555;
	font-size: 110%;
	font-weight: bold;
	cursor: pointer;
}
#summary #faq dt img {
	padding-right: 14px;
}
#summary #faq dt span {
	padding: 12px 7px;
	display: block;
	background: url(/extra/minogase_night/images/minogase_night_ic05.png) no-repeat right top;
}
#summary #faq dt span.btOpen {
	background: url(/extra/minogase_night/images/minogase_night_ic07.png) no-repeat right top;
}
#summary #faq dt.btOn {
	background: url(/extra/minogase_night/images/minogase_night_bg09.gif) repeat center top;
}
#summary #faq dd {
	border-bottom: solid 1px #d7d7d7;
	display: block;
	padding: 10px 0 10px 52px;
	background: url(/extra/minogase_night/images/minogase_night_ic04.png) no-repeat 7px 10px white;
}

/* Back number
---------------------------------------------*/
/* detail */
#backnumber_area .detail {
	margin: 0 0 12px 0;
}
#backnumber_area .detail h2 {
	margin: 0 0 5px 0;
}
#backnumber_area .detail .bnqBlock {
	width: 730px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	background: url(/extra/minogase_night/images/quiz_back/quiz_back_bg01.png) no-repeat left top;
}
#backnumber_area .detail .bnqBlock .inner {
	padding: 0 0 45px 0;
	background: url(/extra/minogase_night/images/quiz_back/quiz_back_bg02.png) no-repeat left bottom;
	overflow: hidden;
}

#backnumber_area .detail .bnqBlock .quiz {
	width: 640px;
	background: url(/extra/minogase_night/images/quiz_back/quiz_back_bg03.png) no-repeat left top;
	margin: 0 auto 20px auto;
	padding: 10px 0 0 0;
	color: #ffffff;
}
* html #backnumber_area .detail .bnqBlock .quiz { /* IE6 Hack */
	border-bottom: 1px solid #356275;
}
#backnumber_area .detail .bnqBlock .quizInner {
	background: url(/extra/minogase_night/images/quiz_back/quiz_back_bg04.png) no-repeat left bottom;
	padding: 0 0 10px 0;
}
#backnumber_area .detail .bnqBlock .quiz dl {
	width: 600px;
	margin: 0 auto;
}
#backnumber_area .detail .bnqBlock .quiz dl dt {
	width: 6em;
	float: left;
	padding: 10px 0 0 0;
	text-align: center;
	line-height: 1.4;
}
#backnumber_area .detail .bnqBlock .quiz dl dt .date01 {
	font-size: 110%;
}
#backnumber_area .detail .bnqBlock .quiz dl dt .date02 {
	font-size: 120%;
	font-weight: bold;
}
#backnumber_area .detail .bnqBlock .quiz dl dd {
	padding: 0 0 0 7em;
}
#backnumber_area .detail .bnqBlock .quiz dl dd p {
	background: url(/extra/minogase_night/images/quiz_back/quiz_back_ic01.png) no-repeat left center;
	margin: 0;
	padding: 10px 0 10px 50px;
}

#backnumber_area .detail .bnqBlock .select {
	width: 624px;
	margin: 0 auto 20px auto;
}
#backnumber_area .detail .bnqBlock .select ul {
	width: 624px;
}
#backnumber_area .detail .bnqBlock .select ul li {
	width: 300px;
	background: #ffffff url(/extra/minogase_night/images/quiz_back/quiz_back_bg05.png) repeat-x left top;
}
#backnumber_area .detail .bnqBlock .select ul .ansA {
	float: left;
}
#backnumber_area .detail .bnqBlock .select ul .ansB {
	float: right;
}
#backnumber_area .detail .bnqBlock .select ul li p {
	display: block;
	margin: 0;
	padding: 12px 15px 12px 62px;
	background-repeat: no-repeat;
	background-position: 15px center;
	color: #333333;
}
#backnumber_area .detail .bnqBlock .select ul .ansA p {
	background-image: url(/extra/minogase_night/images/quiz_back/quiz_back_tx01.png);
}
#backnumber_area .detail .bnqBlock .select ul .ansB p {
	background-image: url(/extra/minogase_night/images/quiz_back/quiz_back_tx02.png);
}

#backnumber_area .detail .bnqBlock .result {
	width: 640px;
	margin: 0 auto 15px auto;
	/*background: #091423;*/
	border: 1px solid #356275;
	background-color: rgba(9, 20, 35, 0.6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000)";
}
#backnumber_area .detail .bnqBlock .result .view {
	width: 314px;
	margin: 40px auto;
}
#backnumber_area .detail .bnqBlock .result dl {
	width: 600px;
	margin: 0 auto;
	padding: 25px 0;
	color: #ffffff;
}
#backnumber_area .detail .bnqBlock .result dl dt {
	width: 66px;
	float: left;
	padding: 5px 0 0 0;
}
#backnumber_area .detail .bnqBlock .result dl dd {
	padding: 0 0 0 75px;
}
#backnumber_area .detail .bnqBlock .result dl dd p {
	margin: 0;
}

#backnumber_area .detail .bnqBlock .navi {
	width: 640px;
	margin: 0 auto;
}
#backnumber_area .detail .bnqBlock .navi ul {
	width: 640px;
}
#backnumber_area .detail .bnqBlock .navi ul li {
	width: 188px;
}
#backnumber_area .detail .bnqBlock .navi ul li.prev {
	float: left;
}
#backnumber_area .detail .bnqBlock .navi ul li.next {
	float: right;
}

/* list */
#backnumber_area .list {
	padding: 0 0 15px 0;
}
#backnumber_area .list h2 {
	margin: 0 0 15px 0;
}
#backnumber_area .list .bnqBlock {
	margin: 0 auto;
	border: 3px solid #025a86;
}
#backnumber_area .list .inner {
	padding: 15px 0;
	color: #c9d7e0;
	background: url(/extra/minogase_night/images/quiz_back/quiz_back_bg06.png) repeat-y center top;
}
#backnumber_area .list dl {
	width: 840px;
	margin: 0 auto 8px auto;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #356275;
	clear: both;
}
#backnumber_area .list .last {
	margin: 0 auto;
	padding: 0;
	border: none;
}
#backnumber_area .list dl dt {
	width: 9em;
	float: left;
}
#backnumber_area .list dl dd {
	padding: 0 0 0 10em;
}
#backnumber_area .list dl dd .txt {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(/extra/minogase_night/images/quiz_back/quiz_back_ic02.png) no-repeat left center;
}
#backnumber_area .list dl dd .txt a {
	color: #7adbff;
}

/* show-hide */
#backnumber_area .detail .bnqBlock .result dl dd {
	padding: 0 0 0 75px;
}


/* Common Modules
---------------------------------------------*/
.msnBt01 {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

.msnBt02 {
	text-align: right;
}

.msnLink01 a {
	color: #0066cc !important;
}

/* clearfix
   ========================================================================== */
.clearfix, #title_area, #news dl, #friend, #friend dl, #flash_area dl, #chance .msnBox03 ul, #how_to ul, #present dl, #special .msnBox02, #special #channel .msnBox02 .msnBox04, #special .carousel .msnBox03, #game ul {
	*zoom: 1;
}
.clearfix:after, #title_area:after, #news dl:after, #friend:after, #friend dl:after, #flash_area dl:after, #chance .msnBox03 ul:after, #how_to ul:after, #present dl:after, #special .msnBox02:after, #special #channel .msnBox02 .msnBox04:after, #special .carousel .msnBox03:after, #game ul:after {
	content: "";
	display: block;
	clear: both;
}

/* carousel */
.jcarousel-container-horizontal {
	width: auto;
}

.jcarousel-clip {
	overflow: hidden;
}

.jcarousel-clip-horizontal {
	width: 895px;
	height: 227px;
	*zoom: 1;
}

.jcarousel-item {
	width: 895px;
	height: 227px;
}

.jcarousel-item-horizontal {
	margin-left: 0;
}

/* Horizontal Buttons */
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
	position: absolute;
	top: 70px;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.jcarousel-next-horizontal {
	right: 5px;
	background: url(/extra/minogase_night/images/minogase_night_bt11.gif);
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
	background: url(/extra/minogase_night/images/minogase_night_bt11on.gif);
}

.jcarousel-prev-horizontal {
	left: 5px;
	background: url(/extra/minogase_night/images/minogase_night_bt10.gif);
}

.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:focus {
	background: url(/extra/minogase_night/images/minogase_night_bt10on.gif);
}

#channel .jcarousel-next-horizontal:hover,
#channel .jcarousel-next-horizontal:focus {
	background: url(/extra/minogase_night/images/minogase_night_bt13on.gif);
}

#channel .jcarousel-prev-horizontal:hover,
#channel .jcarousel-prev-horizontal:focus {
	background: url(/extra/minogase_night/images/minogase_night_bt12on.gif);
}
