/* ****************************************************

	Style for COMMON PAGE
	/common/css/common.css

***************************************************** */


/* contents
***************************************************** */

html {
}
body {
}
.page-wrap {
	position: relative;
	margin: 0 auto;
	width: 960px;
}


/* gnav
***************************************************** */

.gnav {
	height: 73px;
}
	.gnav .gnav-wrap {
		background: url(../img/bg_gnavt.png) no-repeat center top;
	}
		.gnav .gnav-wrap ul {
			margin: 0 auto;
			width: 944px;
			/*padding-left: 5px;*/
		}
			.gnav .gnav-wrap li {
				float: left;
				height: 73px;
			}
			.gnav .gnav-wrap .gnavt-home {
				width: 121px;
			}
			.gnav .gnav-wrap .gnavt-gameflow {
				width: 197px;
			}
			.gnav .gnav-wrap .gnavt-movie {
				width: 206px;
			}
			.gnav .gnav-wrap .gnavt-spec {
				width: 216px;
			}
			.gnav .gnav-wrap .gnavt-event {
				width: 204px;
			}


/* main
***************************************************** */

.lead-loading {
	position: absolute;
	left: 50%;
	top: 300px;
	margin-left: -40px;
	width: 133px;
	height: 58px;
	background: url(../img/parts_loading.png) no-repeat left top;
	z-index: 101;
}
.anm-lead-loading {
	-webkit-animation: loading_play 2s steps(12) infinite;
	-moz-animation: loading_play 2s steps(12) infinite;
	animation: loading_play 2s steps(12) infinite;
}
@-webkit-keyframes loading_play {
	0% { background-position:   0 0; }
	100% { background-position: 0 -696px; }
}
@-moz-keyframes loading_play {
	0% { background-position:   0 0; }
	100% { background-position: 0 -696px; }
}
@keyframes loading_play {
	0% { background-position:   0 0; }
	100% { background-position: 0 -696px; }
}

.lead-loading-wrap {
	background: none repeat scroll 0 0 #000000;
	height: 100%;
	left: 0;
	opacity: 0.4;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}


/* footer
***************************************************** */

.footer-area {
	margin-top: 160px;
	height: 63px;
	background: url(../../common/img/bg_footer.png) repeat-x bottom;
}
	.footer-area .footer-left {
		float: left;
		width: 450px;
	}
		.footer-area .footer-left li {
			float: left;
		}
		.footer-area .footer-left li.bisty {
			margin-right: 7px;
		}
		.footer-area .footer-left li.copywrite {
			margin-right: 27px;
		}
		.footer-area .footer-left li.degitalguide {
			padding-top: 15px;
			margin-right: 5px;
		}
		.footer-area .footer-left li.pawaslo {
			padding-top: 15px;
		}
	.footer-area .footer-right {
		float: right;
		margin-right: 10px;
		width: 330px;
	}
		.footer-area .footer-right li {
			float: right;
		}
		.footer-area .footer-right li.twitter {
			width: 110px;
			padding-top: 20px;
		}
			#twitter-widget-0 {
				width: 100px !important;
			}
		.footer-area .footer-right li.facebook {
			width: 120px;
			height: 22px;
			padding-top: 20px;
			overflow: hidden;
		}

.pagetop {
	opacity: 0;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 80px;
	height: 120px;
	background: url(../img/bg_pagetop.png) no-repeat center bottom;
}



/* animation
***************************************************** */


/* layout
***************************************************** */

/* float */
.flLeft {
	float: left !important;
}
.flRight {
	float: right !important;
}
.flNone {
	float: none !important;
}

/* position */
.posRel {
	position: relative !important;
}
.posAbs {
	position: absolute !important;
}

/* display */
.disBlk {
	display: block !important;
}
.disIn {
	display: inline !important;
}
.disNone {
	display: none !important;
}
.disInBlk {
	display: inline-block !important;
}
.disTab {
	display: table !important;
}
.disTabCell {
	display: table-cell !important;
}

/* visiblity */
.visVbl {
	visibility: visible;
}
.visHdn {
	visibility: hidden;
}

/* vertical-align */
.vam {
	vertical-align: middle;
}
.vat {
	vertical-align: top;
}
.vab {
	vertical-align: bottom;
}


/* margin padding
***************************************************** */

/* margin-bottom */
.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

/* padding-bottom */
.pb0 { padding-bottom: 0 !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb70 { padding-bottom: 70px !important;}
.pb80 { padding-bottom: 80px !important;}
.pb90 { padding-bottom: 90px !important;}
.pb100 { padding-bottom: 100px !important;}

/* margin-top */
.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}
.mt100 { margin-top: 100px !important;}

/* padding-top */
.pt0 { padding-top: 0 !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}
.pt60 { padding-top: 60px !important;}
.pt70 { padding-top: 70px !important;}
.pt80 { padding-top: 80px !important;}
.pt90 { padding-top: 90px !important;}
.pt100 { padding-top: 100px !important;}

/* margin-right */
.mr0 { margin-right: 0 !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}

/* margin-left */
.ml0 { margin-left: 0 !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}

/* wrap */
.wrap10 { padding: 0 10px; }
.wrap20 { padding: 0 20px; }
.wrap30 { padding: 0 30px; }
.wrap40 { padding: 0 40px; }
.wrap50 { padding: 0 50px; }


/* font
***************************************************** */

/* font-size */
.fs0 { font-size: 0 !important; }
.fs10 { font-size: 72% !important; }
.fs11 { font-size: 79% !important; }
.fs12 { font-size: 86% !important; }
.fs13 { font-size: 93% !important; }
.fs14 { font-size: 100% !important; }
.fs15 { font-size: 108% !important; }
.fs16 { font-size: 115% !important; }
.fs17 { font-size: 122% !important; }
.fs18 { font-size: 129% !important; }

/* font-weight */
.fwBold { font-weight: bold; }

/* text */
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}
.tal {
	text-align: left !important;
}

/* caption */
.notesList li { /* *X texttexttext */
	margin-left: 1.8em;
	text-indent: -1.8em;
}
.notesList02 li { /* ¡ù texttexttext */
	margin-left: 1.55em;
	text-indent: -1.55em;
}
.notesList03 li { /* ¡ùX texttexttext */
	margin-left: 2.1em;
	text-indent: -2.1em;
}

/* sup sub */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}



/* ClearFix
***************************************************** */
.cfx:after,
.clm2layout:after,
#container:after,
#gnav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cfx,
.clm2layout,
#container,
#gnav {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .cfx,
* html .clm2layout,
* html #container,
* html #gnav {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .cfx,
*:first-child+html .clm2layout,
*:first-child+html #container,
*:first-child+html #gnav {
	display: inline-table;
}/* end hacks */