@charset "UTF-8";
#common-contents{
	background:url(common-contents/common-contents.jpg) no-repeat top center;
	height:48	0px;
	min-width:780px;
	margin:0;
	padding:0;
	border-top:1px solid #fff;
}
#common-contents article{
	height:460px;
	position:relative;
}

/* clear fix */
#common-contents article{
	zoom:1;/*for IE 5.5-7*/
}
#common-contents article:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

#common-navigation{

}
#common-contents article h3{
	float:right;
	height:80px;
	width:580px;
	background:url(common-contents/h3.png) no-repeat left bottom;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;
}

#common-contents article div#contents-flash{
	width:256px;
	height:194px;
	position:absolute;
	left:521px;
	top:45px;
	border:2px solid #2d9dd7;
	background:#2d9dd7;
	display:block;
}

#common-contents article h4{
	width:255px;
	height:25px;
	position:absolute;
	left:266px;
	top:85px;
	display:block;
	
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;
}


#common-contents article p#contents-p{
	display:block;
	width:255px;
	height:155px;
	z-index:300;
	position:absolute;
	top:114px;
	left:266px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;

}

#common-contents article nav#contents-rule{
	width:510px;
	top:275px;
	left:266px;
	border-top:8px solid #2d9dd7;
	border-bottom:8px solid #2d9dd7;
	margin:0;
	padding:2px 0;
}

#common-contents article nav#contents-rule ul{
	width:510px;
	padding:0;
	margin:0;
	border:none;
}

#common-contents article nav#contents-rule ul li{
	width:100px;
	height:40px;
	margin:1px 1px;
	padding:0;
	border:none;
	float:left;
	
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;
}

#common-contents article nav#contents-rule ul li a{
	width:100px;
	height:40px;
	margin:0;
	padding:0;
	border:none;

	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;
}


#common-contents article nav#contents-rule ul li a{
	opacity:0;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	transition:opacity .3s linear;
}

#common-contents article nav#contents-rule ul li a:hover,
#common-contents article nav#contents-rule ul li a:focus{
	opacity:1;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	transition:opacity .3s linear;
}


/*--------------------------------------------------------
	rule-01
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-01{
	background:url(common-contents/rule-01.gif) top;
}

body.bodyRule-01 #common-contents article nav#contents-rule ul li#rule-01,
#common-contents article nav#contents-rule ul li#rule-01 a{
	background:url(common-contents/rule-01.gif) bottom;
}


/*--------------------------------------------------------
	rule-02
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-02{
	background:url(common-contents/rule-02.gif) top;
}

body.bodyRule-02 #common-contents article nav#contents-rule ul li#rule-02,
#common-contents article nav#contents-rule ul li#rule-02 a{
	background:url(common-contents/rule-02.gif) bottom;
}


/*--------------------------------------------------------
	rule-03
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-03{
	background:url(common-contents/rule-03.gif) top;
}

body.bodyRule-03 #common-contents article nav#contents-rule ul li#rule-03,
#common-contents article nav#contents-rule ul li#rule-03 a{
	background:url(common-contents/rule-03.gif) bottom;
}

/*--------------------------------------------------------
	rule-04
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-04{
	background:url(common-contents/rule-04.gif) top;
}

body.bodyRule-04 #common-contents article nav#contents-rule ul li#rule-04,
#common-contents article nav#contents-rule ul li#rule-04 a{
	background:url(common-contents/rule-04.gif) bottom;
}
/*--------------------------------------------------------
	rule-05
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-05{
	background:url(common-contents/rule-05.gif) top;
}

body.bodyRule-05 #common-contents article nav#contents-rule ul li#rule-05,
#common-contents article nav#contents-rule ul li#rule-05 a{
	background:url(common-contents/rule-05.gif) bottom;
}

/*--------------------------------------------------------
	rule-06
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-06{
	background:url(common-contents/rule-06.gif) top;
}

body.bodyRule-06 #common-contents article nav#contents-rule ul li#rule-06,
#common-contents article nav#contents-rule ul li#rule-06 a{
	background:url(common-contents/rule-06.gif) bottom;
}


/*--------------------------------------------------------
	rule-07
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-07{
	background:url(common-contents/rule-07.gif) top;
}

body.bodyRule-07 #common-contents article nav#contents-rule ul li#rule-07,
#common-contents article nav#contents-rule ul li#rule-07 a{
	background:url(common-contents/rule-07.gif) bottom;
}


/*--------------------------------------------------------
	rule-08
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-08{
	background:url(common-contents/rule-08.gif) top;
}

body.bodyRule-08 #common-contents article nav#contents-rule ul li#rule-08,
#common-contents article nav#contents-rule ul li#rule-08 a{
	background:url(common-contents/rule-08.gif) bottom;
}

/*--------------------------------------------------------
	rule-09
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-09{
	background:url(common-contents/rule-09.gif) top;
}

body.bodyRule-09 #common-contents article nav#contents-rule ul li#rule-09,
#common-contents article nav#contents-rule ul li#rule-09 a{
	background:url(common-contents/rule-09.gif) bottom;
}


/*--------------------------------------------------------
	rule-10
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-10{
	background:url(common-contents/rule-10.gif) top;
}

body.bodyRule-10 #common-contents article nav#contents-rule ul li#rule-10,
#common-contents article nav#contents-rule ul li#rule-10 a{
	background:url(common-contents/rule-10.gif) bottom;
}

/*--------------------------------------------------------
	rule-11
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-11{
	background:url(common-contents/rule-11.gif) top;
}

body.bodyRule-11 #common-contents article nav#contents-rule ul li#rule-11,
#common-contents article nav#contents-rule ul li#rule-11 a{
	background:url(common-contents/rule-11.gif) bottom;
}

/*--------------------------------------------------------
	rule-12
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-12{
	background:url(common-contents/rule-12.gif) top;
}

body.bodyRule-12 #common-contents article nav#contents-rule ul li#rule-12,
#common-contents article nav#contents-rule ul li#rule-12 a{
	background:url(common-contents/rule-12.gif) bottom;
}
/*--------------------------------------------------------
	rule-13
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-13{
	background:url(common-contents/rule-13.gif) top;
}

body.bodyRule-13 #common-contents article nav#contents-rule ul li#rule-13,
#common-contents article nav#contents-rule ul li#rule-13 a{
	background:url(common-contents/rule-13.gif) bottom;
}
/*--------------------------------------------------------
	rule-14
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-14{
	background:url(common-contents/rule-14.gif) top;
}

body.bodyRule-14 #common-contents article nav#contents-rule ul li#rule-14,
#common-contents article nav#contents-rule ul li#rule-14 a{
	background:url(common-contents/rule-14.gif) bottom;
}
/*--------------------------------------------------------
	rule-15
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li#rule-15{
	background:url(common-contents/rule-15.gif) top;
}

body.bodyRule-15 #common-contents article nav#contents-rule ul li#rule-15,
#common-contents article nav#contents-rule ul li#rule-15 a{
	background:url(common-contents/rule-15.gif) bottom;
}


/*--------------------------------------------------------
commingSoon
	--------------------------------------------------------*/
#common-contents article nav#contents-rule ul li.commingSoon{
	background:url(common-contents/commingSoon.gif) top center;
}



/* new */
#common-contents article nav#contents-rule ul li span.newInfo{
	top:22px;
	left:4px;
}