@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
	[ css ] [ uni_index.css ]
	-----------------------------------------------------------------------------------------------
	author: Lampros co.,ltd. Atsushi Umehara
	url:http://www.lampros.co.jp/
	making day: 2009-10-29
	---------------------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(common.css);

/* ================================================

	containerInner

=================================================*/

/* containerInner -------------*/
#containerInner {
	background-image: url(../_img/index/fl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left 77px;
}

/* ================================================

	indexArea

=================================================*/

/* indexArea -------------*/
#indexArea {
	clear: both;
}
#indexArea .left {
	width: 470px;
	float: left;
	margin-top: 20px;
}
#indexArea .right {
	width: 365px;
	float: right;
	margin-top: 8px;
}
#flash {
	margin-top: 50px;
}

/* ================================================

	subMenu

=================================================*/

/* subMenu -------------*/
#subMenu {
	height: 143px;
	width: 470px;
	overflow: hidden;
	margin-bottom: 20px;
}
#subMenu h2 {
	position: relative;
	height: 36px;
	width: 157px;
}
#subMenu h2.title1 {}
#subMenu h2.title2 {
	top: -144px;
	left: 157px;
}
#subMenu h2.title3 {
	width: 156px;
	left: 314px;
	top: -288px;
}
#subMenu ul {
	position: relative;
	height: 108px;
	width: 157px;
}
#subMenu ul.menu1 {}
#subMenu ul.menu2 {
	top: -144px;
	left: 157px;
}
#subMenu ul.menu3 {
	width: 156px;
	left: 314px;
	top: -288px;
}
#subMenu li {
	width: 157px;
	height: 36px;
	overflow: hidden;
}
#subMenu ul.menu3 li {
	width: 156px;
}

/* ================================================

	baner

=================================================*/

/* baner-------------*/
#indexArea .baner {
	margin-bottom: 10px;
	height: 60px;
	width: 470px;
}
#indexArea .baner a {
}
#indexArea .baner a.noteBt {
	padding-left: 5px;
}
/* baner2-------------*/
#indexArea .baner2 {
	margin-top: 20px;
	margin-bottom: 10px;
}


/* ================================================

	wnArea

=================================================*/

/* wnArea -------------*/
#wnArea {
	background-color: #EAEAEA;
	background-image: url(../_img/index/wn_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 6px;
}
#wnArea h2 {}
#wnArea ul {}
#wnArea li {
	background-color: #F9F9F9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 15px;
}
#wnArea li.odd {
	background-color: #FEFEFE;
}
#wnArea li.i_eniwa {
	background-image: url(../_img/common/icon_eniwa.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
#wnArea li.i_sapporo {
	background-image: url(../_img/common/icon_sapporo.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
#wnArea li.i_asahikawa {
	background-image: url(../_img/common/icon_asahikawa.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}

#wnArea li.i_eniwaasahikawa,
#wnArea li.i_asahikawaeniwa {
	background-image: url(../_img/whatsnew/wn_icon_1.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
#wnArea li.i_eniwasapporoasahikawa,
#wnArea li.i_eniwaasahikawasapporo,
#wnArea li.i_sapporoeniwaahikawa,
#wnArea li.i_sapporoasahikawaeniwa,
#wnArea li.i_asahikawasapporoeniwa,
#wnArea li.i_asahikawaeniwasapporo {
	background-image: url(../_img/whatsnew/wn_icon_2.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
#wnArea li.i_asahikawasapporo,
#wnArea li.i_sapporoasahikawa {
	background-image: url(../_img/whatsnew/wn_icon_3.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
#wnArea li.i_eniwasapporo,
#wnArea li.i_sapporoeniwa {
	background-image: url(../_img/whatsnew/wn_icon_4.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}

#wnArea li span {
	display: block;
}
#wnArea li span.date {
	font-size: 83%;
	color: #999999;
	margin-bottom: 5px;
}
#wnArea li span.text {}
#wnArea li span.text a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#wnArea li span.text a:hover {
	color: #EE3845;
}

/* ================================================

	nowMvArea

=================================================*/

/* nowMvArea -------------*/
#nowMvArea {
	background-image: url(../_img/index/playMv_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
	clear: both;
}
#nowMvArea h2 {}
#nowMvArea ul {
	background-color: #FCFBFA;
}
#nowMvArea li {
	clear: both;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FCFBFA;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin: 0px;
	display: block;
	width: 345px;
	float: left;
}
#nowMvArea li.even {
	background-color: #F3F2EB;
}
#nowMvArea li.last {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#nowMvArea li span.mvTitle {
	width: 345px;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}
#nowMvArea li span.mvTitle a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
#nowMvArea li span.mvTitle a:hover {
	color: #009BFE;
}
#nowMvArea li span.icon {
	display: block;
	float: right;
	text-align: right;
	width: 90px;
	height: 14px;
}
#nowMvArea li span.icon span img {
	margin-left: 2px;
}

/* ================================================

	comingMvArea

=================================================*/

/* comingMvArea -------------*/
#comingMvArea {
	background-image: url(../_img/index/comingMv_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
	margin-top: 10px;
	clear: both;
}
#comingMvArea h2 {}
#comingMvArea ul {
	background-color: #EBEBEB;
}
#comingMvArea li {
	clear: both;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #EBEBEB;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin: 0px;
	float: left;
	width: 345px;
	display: block;
}
#comingMvArea li.even {
	background-color: #E6E6E6;
}
#comingMvArea li.last {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#comingMvArea li span.mvTitle {
	display: block;
	float: left;
	width: 345px;
}
#comingMvArea li span.mvTitle a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
#comingMvArea li span.mvTitle a:hover {
	color: #FF309C;
}
#comingMvArea li span.icon {
	display: block;
	float: right;
	text-align: right;
	width: 90px;
	height: 14px;
}
#comingMvArea li span.icon span img {
	margin-left: 2px;
}




#indexArea:after,
#nowMvArea ul:after,
#nowMvArea li:after,
#comingMvArea ul:after,
#comingMvArea li:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#indexArea,
#nowMvArea ul,
#nowMvArea li,
#comingMvArea ul,
#comingMvArea li
	{ display: inline-table; min-height: 1%; }
/* Hides from IE-mac */
* html #indexArea,
* html #nowMvArea ul,
* html #nowMvArea li,
* html #comingMvArea ul,
* html #comingMvArea li
	{ height: 1%; }
#indexArea,
#nowMvArea ul,
#nowMvArea li,
#comingMvArea ul,
#comingMvArea li
	{ display: block; }
/* End hide from IE-mac */