/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ clearfix ------ */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display:table;line-height:0;content: "";}
.clearfix:after {clear:both;}

/* IE6,7 */
.ie6 body {background:url(null) fixed;filter:expression('');}
.ie7 body {filter:expression('');}

/* fixed */
.fixed_tl {position:fixed;top:0;left:0;}
.ie6 .fixed_tl {position:absolute;top:expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px');left:expression(document.documentElement && document.documentElement.scrollLeft || document.body && body.scrollLeft || 0 + 0 + 'px');}
.fixed_tr {position:fixed;top:0;right:0;}
.ie6 .fixed_tr {position:absolute;top:expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px');right:expression(this.style.filter = '', '0');}
.fixed_bl {position:fixed;bottom:0;left:0;}
.ie6 .fixed_bl {position:absolute;bottom:expression(this.style.filter = '', '0');left:expression(document.documentElement && document.documentElement.scrollLeft || document.body && body.scrollLeft || 0 + 0 + 'px');}
.fixed_br {position:fixed;bottom:0;right:0;}
.ie6 .fixed_br {position:absolute;bottom:expression(this.style.filter = '', '0');right:expression(this.style.filter = '', '0');}

img {
	-ms-interpolation-mode: bicubic;
}
/* ------ General Settings ------ */

#main img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	vertical-align:top;
	font-size:0;
	line-height:0;
}

th {font-weight:normal;text-align:left;}

th,td {vertical-align:top;}

body {
	background-color: #000;
	color:#ccc;
}

.text-center {
	text-align: center;
}

h1,h2,h3,h4,h5 { 
	color: #ffffff;
	line-height: 1em;
}

p {
	line-height: 1.8em;
}

#contents {
	width: 100%;
	clear:both;
	color: #ccc;
	background-color:#292929;
	background-image: linear-gradient(to right, #292929, #444444, #292929);
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.small {
	font-size: 70%;
	margin-bottom:10px;
}

.txtleft {
	text-align:left;
}

rt { 
    -webkit-text-size-adjust: 100%;
    font-weight: 100; 
    font-size: 50%;
}

/* ------ Header ------ */

#tgsHeader {
	width: 100%;
	background-color: #191919;
	border-bottom:1px solid #cfcfcf;
	border-radius:2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 2px 3px 3px rgba(255, 0, 0, 0.7);
	-moz-box-shadow: 0px 2px 3px 3px rgba(255, 0, 0, 0.7);
	-ms-box-shadow: 0px 2px 3px 3px rgba(255, 0, 0, 0.7);
	box-shadow: 0px 3px 3px 1px rgba(255, 0, 0, 0.7);
	overflow:hidden;
}

#header-inner {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#tagline {
	padding-top: 14px;
	line-height: 160%;
	font-size: 65%;
	color: #888;
}

#logo {
	float: left;
	padding: 5px 0 20px;
	margin-right:20px;
}

#logo a {
	display: block;
	max-width: 300px;
}

#gnav {
	float: right;
	margin-top: -15px;
}

#gnav nav {
	width: 620px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#gnav nav ul {
	float: left;
}

#gnav nav ul li {
	float: left;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding:0.2%;
	white-space:nowrap;
}
#gnav nav ul li a {
	display: block;
	padding: 8px 20px 6px;
	text-align: center;
	font-size: 83%;
	text-decoration: none;
}
.menubt:link,
.menubt:visited {
	background: #fff url(../images/overlay.png) repeat-x; 
	background: linear-gradient(to top, #a9a9a9, #c0c0c8, #ececec, #a9a9a9, #c0c0c8);
	color: #000 !important; 
	text-decoration: none;
	border-radius:6px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer
}
.menubt:hover,
.menubt:active,
.menubt.current {
	background: #cfcfcf url(../images/overlay.png) repeat-x; 
	background: linear-gradient(to top, #cfcfcf, #c0c0c8, #ececec, #cfcfcf, #c0c0c8);
	color: #666 !important;
	text-decoration: none;
}

#gnav  img {
	margin-bottom:2px;
	margin-right: -3px;
}
#gnav nav ul li a[title^="coming"] {
	background: #cfcfcf url(../images/overlay.png) repeat-x; 
	background-image: linear-gradient(to top, #cfcfcf, #c0c0c8, #ececec, #a9a9a9, #c0c0c8);
	text-decoration: none;
	border-radius:6px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	color: #999;
	pointer-events:none;
	cursor: default;
}
#gnav nav ul li a[title^="coming"] img {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
}

/* ------ main ------ */

#main {
	width: 930px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	*zoom: 1;
}

#left-column {
	float: left;
	width: 690px;
	padding-bottom: 20px;
}

article section {
	padding: 0 0 30px;
	border-top: solid 1px #ddd;
}

article section:first-child {
	border-top: none;
}

article section h2 {
	padding: 30px 0 20px;
	font-size: 110%;
	font-weight: bold;
	line-height: 140%;
	color: #fff;
	-webkit-text-shadow: 0px 1px 0px #000;
	text-shadow: 0px 1px 0px #000;
	border-top: solid 1px #fff;
}

#contents-title {
	padding: 10px 0 20px;
	font-size: 110%;
	font-weight: bold;
	line-height: 140%;
	color: #fff;
	-webkit-text-shadow: 0px 1px 0px #000;
	text-shadow: 0px 1px 0px #000;
	border-top: none;
}
#contents-title img {
	margin-top:2px;
}

article section p {
	font-size: 90%;
	line-height: 160%;
	color: #555;
}

.box {
	background: #111111;
	margin-bottom: 30px;
	padding: 0 30px 20px;
	border-top: none;
	border-bottom: solid 1px #222222;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
	-ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
}

article .box h2 {
	padding: 20px 0 10px;
	border-top: none;
}

.tit img {
	margin-top:-10px;
}

.box .tit img {
	margin-top:-5px;
}
article .box p {
	font-size: 83%;
}

.news-box {
	font-size: 83%;
	color: #ccc;
	line-height: 160%;
	margin-top: 10px;
}

.news-box dt {
	float: left;
	width: 8em;
}

.news-box dd {
	margin-left: 8em;
}
.btn{
	width: 280px;
	height: 40px;
	padding: 2px;
	margin: 20px auto 0;
}
.btn a {
	display: block;
	width: 280px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: #999 url(../images/overlay.png) repeat-x; 
	background: -moz-linear-gradient(top,#e0e0e0 0%,#8a8a8a);
	background: -webkit-gradient(linear, left top, left bottom,	from(#e0e0e0),to(#8a8a8a));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 20px;
	border: 1px solid #525252;
	-moz-box-shadow: 0px 1px 3px rgba(120,120,120,0.5),	inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:	0px 1px 3px rgba(120,120,120,0.5), inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:	0px 1px 3px rgba(120,120,120,0.5), inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.3), 0px 1px 0px rgba(255,255,255,0.2);
}
.btn a:link,.btn a:visited {
	color: #333;
	text-decoration: none;
}
.btn a:hover,.btn a:active {
	color: #fff;
	text-decoration: none;
}

/* ------ Right Column ------ */

#right-column {
	float: right;
	width: 220px;
	padding-bottom: 20px;
}

#right-column .box {
	margin-bottom: 20px;
	padding: 0 15px 15px;
}

#right-column .banner {
	margin-bottom: 20px;
	padding: 10px 0 0;
}

#right-column .banner li {
	padding-bottom: 10px;
	text-align: center;
}

#right-column .banner img {
	border: solid 1px #666;
	*width:auto;
	*max-width:none;
}



/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {

	#header-inner {
		width: 95%;
	}

	#gnav {
		margin-top: 0;
		margin-bottom: 5px;
	}

	#gnav nav {
		width: 100%;
		float: none;
	}

	#gnav nav ul li {
		width: 33.3%;
	}

	#gnav nav ul li a {
		padding: 8px 20px 6px;
	}

	#main {
		width: 100%;
	}

	#left-column {
		float: none;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 0;
	}

	#right-column {
		float: none;
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
		*zoom: 1;
	}

	#right-column-inner {
		width: 100%;
	}

	#right-column .box {
		float: left;
		padding: 0 2.5% 15px;
	}

	#right-column .banner {
		padding: 10px 10px 0;
	}

	#right-column .banner li {
		float: left;
		margin:5px;
	}

	#footer-inner {
		width: 100%;
	}

}



/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {

	#header-inner {
		width: 100%;
	}

	#tagline {
		float: none;
		padding: 15px 0 5px;
		text-align: center;
	}

	#logo {
		float: none;
		padding: 0 0 15px;
		margin: 0 auto;
	}

	#logo a {
		margin: 0 auto;
	}

	#gnav {
		width: 100%;
	}

	#gnav nav ul {
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
	}

	#gnav nav ul li {
		float: left;
		width: 50%;
		*width: 49.9%;
	}

	#gnav nav ul li a {
		display: block;
		padding: 8px 0 6px;
		border-left: solid 1px #111;
		border-right: solid 1px #333;
		border-bottom: solid 1px #111;
		border-top: solid 1px #333;
	}

	.sqexch{
	display:none;
	}
	
}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {

	.box {
		padding: 0 20px 20px;
	}

	#contents-title {
		font-size: 110%;
	}

	.btn {
		width: auto;
	}

	.btn a {
		width: auto;
	}

	.box {
		margin-bottom: 20px;
	}

	.news-box dt {
		float: none;
		width: auto;
		font-size: 80%;
		color: #cccccc;
	}

	.news-box dd {
		margin: 0 0 15px 0;
	}

	.news-box dd a {
		display: block;
	}

	#right-column {
		*margin-bottom: 0;
	}

	#right-column-inner {
		width: 100%;
	}

	#right-column .banner {
		margin-right: 0;
		padding: 2px 5px 0;
	}

	#right-column .banner li {
		margin: 0;
		padding:5px;
		width: 50%;
		text-align:center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#right-column .banner li img {
		width:auto;
		max-width:100%;
		height:auto;
	}
	
}