@charset "utf-8";

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

    CSS File Name - layout.css
    Last-updated: 2010-03-24

    +1: #header
    +2: h1
    +3: #mainBody
    +4: #mainContent
	+5: #subContent
	+6: #footer

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


/*--------------------------------------------------
    +1: #header
==================================================*/

div#header {
	color: #665E61;
}

div#header a#header_link {
	float: right;
	display: inline;
	margin: 0 23px 0 0;
}

div#header p#title {
	letter-spacing: 1px;
	margin-left: 223px;
	color:#000;
}

div#header p#logo {
	float: left;
	display: inline;
	margin-left: 20px;
}

div#header ul {
	margin-left: 223px;
}

div#header ul li {
	float: left;
	display: inline;
	margin-right: 10px;
}

body.home div#header {
	width: 961px;
	height: 92px;
	margin: 0 auto 0 auto;
}

/*----------------------------------------------------------------------*/


/*--------------------------------------------------
    +2: h1
==================================================*/

div#mainimg {
	width:968px;
	height:372px;
	margin:0 auto;
	background:url(../../../images/h1_home.jpg) no-repeat left top;
	margin-bottom:5px;
	position:relative;
}
div#mainimg h1 {
	position:absolute;
	top:34px;
	right:0px;
}
div#mainimg p.btn {
	position:absolute;
	top:294px;
	right:140px;
}
div#mainimg p.btn01 {
	position:absolute;
	top:315px;
	left:307px;
}
div#mainimg p.btn02 {
	position:absolute;
	top:317px;
	left:311px;
}
div#mainimg p.btn03 {
	position:absolute;
	top:318px;
	left:307px;
}
div#mainimg p.btn04 {
	position:absolute;
	top:316px;
	left:311px;
}
div#mainimg p.btn05 {
	position:absolute;
	top:314px;
	left:311px;
}
div#mainimg p.btn06 {
	position:absolute;
	top:314px;
	left:312px;
}
div#mainimg p.btn07 {
	position:absolute;
	top:314px;
	left:317px;
}
div#mainimg p.p_btn {
	position:absolute;
	top:313px;
	left:316px;
}
/*----------------------------------------------------------------------*/


/*--------------------------------------------------
    +3: #mainBody
==================================================*/

div#mainBody{
	width: 940px;
	margin: 0 auto 0 auto;
	padding-left: 10px;
	padding-right: 13px;
}
div#mainBody2{
	width: 963px;
	margin: 0 auto 0 auto;
	padding: 15px 0 0 0;
}

/*----------------------------------------------------------------------*/


/*--------------------------------------------------
    +4: #mainContent
==================================================*/

div#mainContent {
	width: 695px;
	float: left;
	display: inline;
	padding-top: 15px;
}
div#mainContent2 {
	width: 700px;
	float: left;
	display: inline;
}

/*----------------------------------------------------------------------*/


/*--------------------------------------------------
    +5: #subContent
==================================================*/

div#subContent {
	margin:0 0 20px 0;
	width:222px;	float:right;
}
div#subContent p.sub_p {
	margin-bottom:20px;
}
div#subContent div#login {
	width:178px;
	height:130px;
	margin:0 auto;
	padding:45px 30px 0 12px;
	background:url(../images/subContent_login.jpg) no-repeat left top;
	margin-bottom:20px;
}
div#subContent div#login p {
	margin-bottom:6px;
}
div#subContent div#login p input {
	border:none;
	width:175px;
	background-color:#FFF;
}
div#subContent div#login p span {
	display:block;
	font-size:110%;
	margin-bottom:4px;
}
div#subContent div#login p.btn {
	text-align:center;
}
div#subContent div#login p.btn input {
	width:70px;
	margin-top:8px;
}
div#subContent p.t_btn {
	margin-bottom:10px;
}
div#subContent div#bnr {
}
div#subContent div#bnr p.topbg {
	width:222px;
	height:14px;
	background:url(../images/subContent_top.gif) no-repeat left top;
}
div#subContent div#bnr div {
	width:222px;
	background:url(../images/subContent_mid.gif) repeat-y left top;
	padding:0 0 2px 0;
}
div#subContent div#bnr div p {
	width:200px;
	margin:0 auto;
	padding:0 0 12px;
	text-align:center;
	margin-bottom:12px;
	border-bottom:1px dashed #CCCCCC;
}
div#subContent div#bnr div p.last {
	border-bottom:none;
	padding-bottom:0px;
	margin-bottom:0px;
}
div#subContent div#bnr div p.bg01 {
	width:180px;
	height:62px;
	padding:2px 20px 10px 0;
	text-align:right;
	line-height:1.8;
	background:url(../images/subContent_img01.jpg) left top no-repeat;
}
div#subContent div#bnr div p.bg01 span {
	font-size:140%;
	font-weight:bold;
}
div#subContent div#bnr div p.bnr01 {
	width:186px;
	height:53px;
	padding:126px 0 0 14px;	text-align:left;
	background:url(../images/subContent_img02_bg.jpg) no-repeat left top;
	border-bottom:none;
}
div#subContent div#bnr p.botbg {
	width:222px;
	height:17px;
	background:url(../images/subContent_bot.gif) no-repeat left top;
}

dl#cBannerBox {
	width:200px;
	margin:0 auto;
	padding:0 0 12px;
	text-align:center;
	margin-bottom:12px;
	border-bottom:1px dashed #CCCCCC;
}
dl#cBannerBox dd {
	margin:0 0 5px 0;
}

/*----------------------------------------------------------------------*/


/*--------------------------------------------------
    +6: #footer
==================================================*/

div#footer {
	width:100%;
	height:116px;
	clear:both;
	padding:30px 0 0 0;
	background:url(../../../images/footer_bg.jpg) repeat-x left top;
}
div#footer ul {
	width:968px;
	margin:0 auto;
	text-align:right;
	overflow:hidden;
	margin-bottom:10px;
}
div#footer ul li {
	display:inline;
	float:right;
	padding:0 0 10px 15px;
	border-bottom:#000 1px dashed;
}
div#footer ul li a {
}
div#footer p {
	width:968px;
	margin:0 auto;
	text-align:right;
}

/*----------------------------------------------------------------------*/
/* clearfix
--------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}/*IE7ำร*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */