/* CSS Document */

#header {
	width: 740px;
	margin: 0 0 20px;
	position: relative;
	background: url(../../common/images/header-bg.jpg) no-repeat left top;
}

h1 {
	position: absolute;
	top: 6px; left: 26px;
}

.submenu {
	margin: 0 0 40px 430px;
	padding: 13px 0 0 0;
	list-style: none;
}
.submenu li {
	margin: 0 10px 0 0;
	float: left;
}


.menu {
	width: 477px;
	height: 45px;
	margin: 0 0 0 253px;
	padding: 0 0 0 20px;
	text-align: right;
	list-style: none;
	background: url(../../common/images/menu-bg.gif) no-repeat left bottom;
}
.menu li {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}


.contents {
	width: 738px;
	margin: 0 auto 0;
	padding: 0 0 30px;
}
h2 {
	margin: 0 0 20px 9px;
	padding: 0px;
/*	text-indent: -9999px;*/
}

.gallery {
	width: 680px;
	margin: 0 auto 0;
	padding: 0 0 17px;
}
.thmbnail {
	width: 660px;
	margin: 15px auto 0;
	padding: 5px 0 0;
	background: url(../../common/images/dotted-border.gif) repeat-x top left;
}
.thmbnail p.thm {
	padding: 5px;
	background: url(../images/thm-bg.jpg) no-repeat top left;
	float: left;
}
.thmbnail p.thm2 {
	padding: 5px;
	background: url(../images/thm-bg2.jpg) no-repeat top left;
	float: left;
}

.viewcg {
	width: 680px;
}
.viewcg p.cg {
	width: 400px;
	margin: 0 auto;
	padding: 5px;
	background: url(../images/cg-bg.jpg) no-repeat top left;
}

.comment {
	color:#666666;
	width: 400px;
	margin: 0 auto 10px;
	border: #CCCCCC solid 1px;
}

.comment2 {
	text-align: center;
	font-size: 15px;
	color:#666666;
	width: 400px;
	margin: 0 auto 10px;
	border: #CCCCCC solid 1px;
}

.viewcg .comment p {
	margin: 5px;
}

.cgbutton {
	margin: 0 auto 0;
	width: 660px;
}
.cgbutton img {
	margin: 40px 0 0 0;
}

.comingsoon {
	display: block;
	margin: 0 auto 0px;
	padding: 150px 0;
}