@charset "shift_jis";

@import url("pop.css");

/* Layout Module Wrap,Content,Header
=======================================*/
body {
	margin: 0;
	background: #0c0402 url(../images/bg.jpg) repeat-x scroll;
}
div#wrapper {
	margin: 0 auto;
	width: 100%;
	_text-align: center;
}
div#header {
	margin: 0 auto;
	width: 964px;
	_text-align: left;
	background: #f8f7d0;
}
div#header div.h_l {
	float: left;
	margin: 18px 20px 0 20px;
	_margin-left: 10px;
	width: 154px;
}
div#header div.h_r {
	float: right;
	margin: 18px 20px 0 0;
	_margin-right: 10px;
	width: 750px;
	height: 148px;
	border-bottom: 1px solid #a99688;
}
div#header h1#top,
div#header p#h1 {
	float: left;
	margin: 0;
}
div#header h1#top a,
div#header p#h1 a {
	display: block;
	width: 154px;
	height: 149px;
	font-size: 20px;
	text-indent: -9999px;
	background: transparent url(../images/h1Copy.gif) no-repeat scroll;
}

div#header h2 {
	float: left;
	margin-top: 72px;
	width: 750px;
	_width: 700px;
	height: 34px;
	font-size: 14px;
	text-indent: -9999px;
	background: transparent url(../images/h2Copy.gif) no-repeat scroll;
	overflow: hidden;
}

div#header h1#page_title {
	float: left;
	margin-top: 84px;
	_margin-top: 74px;
	width: 516px;
	height: 26px;
	font-size: 14px;
	text-indent: -9999px;
	overflow: hidden;
}

div#header h5#lead {
	height: 30px;
	text-indent: -9999px;
	background: #59a1e1 url(../images/headLead.gif) no-repeat scroll 20px center;
}

ul#gnav {
	float: left;
	width: 750px;
	height: 28px;
	background: transparent url(../images/gNavBg.gif) repeat-x scroll 0 top;
}
ul#gnav li {
	float: left;
	margin: 0 1px;
	list-style: none;
}
ul#gnav li a {
	display: block;
	margin-right: 35px;
	height: 38px;
	font-size: 10px;
	text-indent: -9999px;
}
ul#gnav li a:hover,
ul#gnav li a.selected {
	border-top: 1px solid #d73535;
}
ul#gnav li#gnav_top a {
	width: 36px;
	background: transparent url(../images/gNav_01.gif) no-repeat scroll 0 15px;
}
ul#gnav li#gnav_top a:hover,
ul#gnav li#gnav_top a.selected {
	background: transparent url(../images/gNav_01.gif) no-repeat scroll 0 -36px;
}
ul#gnav li#gnav_pro a {
	width: 60px;
	background: transparent url(../images/gNav_02.gif) no-repeat scroll 0 15px;
}
ul#gnav li#gnav_pro a:hover,
ul#gnav li#gnav_pro a.selected {
	background: transparent url(../images/gNav_02.gif) no-repeat scroll 0 -36px;
}
ul#gnav li#gnav_src a {
	width: 82px;
	background: transparent url(../images/gNav_03.gif) no-repeat scroll 0 15px;
}
ul#gnav li#gnav_src a:hover,
ul#gnav li#gnav_src a.selected {
	background: transparent url(../images/gNav_03.gif) no-repeat scroll 0 -36px;
}
ul#gnav li#gnav_hst a {
	width: 85px;
	background: transparent url(../images/gNav_04.gif) no-repeat scroll 0 15px;
}
ul#gnav li#gnav_hst a:hover,
ul#gnav li#gnav_hst a.selected {
	background: transparent url(../images/gNav_04.gif) no-repeat scroll 0 -36px;
}
ul#gnav li#gnav_nws a {
	width: 33px;
	background: transparent url(../images/gNav_05.gif) no-repeat scroll 0 15px;
}
ul#gnav li#gnav_nws a:hover,
ul#gnav li#gnav_nws a.selected {
	background: transparent url(../images/gNav_05.gif) no-repeat scroll 0 -36px;
}
ul#gnav li#gnav_abt a {
	width: 58px;
	background: transparent url(../images/gNav_06.gif) no-repeat scroll 0 15px;
}
ul#gnav li#gnav_abt a:hover,
ul#gnav li#gnav_abt a.selected {
	background: transparent url(../images/gNav_06.gif) no-repeat scroll 0 -36px;
}
ul#gnav li#gnav_biz a {
	width: 92px;
	background: transparent url(../images/gNav_06_1.gif) no-repeat scroll 0 15px;
}
ul#gnav li#gnav_biz a:hover,
ul#gnav li#gnav_biz a.selected {
	background: transparent url(../images/gNav_06_1.gif) no-repeat scroll 0 -36px;
}
div#content {
	margin: 0 auto;
	padding: 50px 20px 20px 20px;
	width: 924px;
	_width: 964px;
	_text-align: left;
	background: #f8f7d0;
}
a#top_howto {
	margin-top: -46px;
	margin-bottom: 31px;
	width: 140px;
	font-size: 10px;
}
div#head_btm {
	margin-top: -46px;
	margin-bottom: 31px;
}
/* for facebook like btn 11.07.13 */
.top div#head_btm {
	margin-bottom: 11px;
}

a#top_howto_1 {
	display: block;
	float: left;
	width: 60px;
	font-size: 10px;
}
a#top_about {
	display: block;
	float: left;
	width: 70px;
	font-size: 12px;
	line-height: 12px;
}
* html body a#top_about {
	
} /* for lte ie6 */


a#live_btn {
	display: block;
	float: right;
	margin-top: -18px;
	width: 156px;
	height: 40px;
	font-size: 10px;
	background: transparent url(../images/common/btn_live.gif) no-repeat scroll;
	text-indent: -9999px;
}
a#live_btn:hover {
	background: transparent url(../images/common/btn_live.gif) no-repeat scroll -200px 0;
}

/* Layout Module Footer
=======================================*/
div#footer {
	margin: 0 auto;
	width: 924px;
	_text-align: left;
	background: #f8f7d0;
}
div#foot_inner {
	padding: 12px 0 0 0;
	background: transparent url(../images/footer_logo.gif) no-repeat scroll right 12px;
	clear: right;
}
div#foot_inner dl {
	float: left;
	width: 400px;
}
div#foot_inner dl dt,
div#foot_inner dl dd {
	float: left;
	padding-right: 6px;
	font-size: 77%;
	line-height: 1.2;
	vertical-align: top;
}
div#foot_inner dl dd {
	padding-right: 12px;
}
div#foot_r {
	float: right;
	margin-right: 130px;
	_margin-right: 60px;
	width: 350px;
	text-align: right;
}
div#footer ul {
	list-style: none;
}
/*IE Hack*/
*+html body div#footer ul {
	/*padding: 10px 0 3px 0;*/
}
div#footer ul li {
	display: inline;
	font-size: 77%;
}
div#footer ul li a {
	padding: 0 1px;
}
div#footer span {
	display: block;
	font-size: 77%;
	letter-spacing: 1px;
}


/* ClearFix
=======================================*/
.clearfix { display:inline-block; zoom:100%;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

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