@charset "utf-8";

/* Header
************************************************** */
#hdr {
	width:100%;
	height:177px;
	background:url(../imgs/header/hdr_bg.gif) left top repeat-x;
}

#hdr_inner {
	width:920px;
	height:127px;
	position:relative;
	margin:0 auto;
}

#hdr_logo {
	position:absolute;
	left:0;
	top:65px;
}

#hdr_tel {
	position:absolute;
	left:547px;
	top:69px;
	width:207px;
	height:43px;
	background:url(../imgs/dot_v.gif) left top repeat-y;
	text-align:right;
}

#hdr_contact {
	position:absolute;
	left:766px;
	top:66px;
}

#hdr_china {
	position:absolute;
	left:766px;
	top:16px;
}

#hdr_gnav_01 { position:absolute; left:341px; top:80px; }
#hdr_gnav_02 { position:absolute; left:403px; top:80px; }
#hdr_gnav_03 { position:absolute; left:484px; top:80px; }


#hdr_nav {
	position:absolute;
	left:0;
	top:125px;
	z-index:5;
	width:920px;
	height:60px;
	background:url(../imgs/header/hdr_nav_bg.png) left bottom no-repeat;
	line-height:1em;
}

#hdr_nav ul { padding-left:13px; }
#hdr_nav li { float:left; text-align:center; }


#ttl_h1_img {
	position:absolute;
	left:460px;
	top:177px;
	width:460px;
	z-index:1;
}

#hdr_fmt {
	width:100%;
	height:247px;
	background:url(../imgs/header/hdr_bg.gif) left top repeat-x;
}

#hdr_fmt_inner {
	width:920px;
	height:127px;
	position:relative;
	z-index:5;
	margin:0 auto;
}

#fmt_title {
	position:absolute;
	left:0;
	top:177px;
	z-index:1;
	width:100%;
	height:120px;
	background-color:#eee;
}

.h1_green	{ background:url(../imgs/title/h1_green.gif) center top no-repeat; }
.h1_blue	{ background:url(../imgs/title/h1_blue.gif) center top no-repeat; }
.h1_gold	{ background:url(../imgs/title/h1_gold.gif) center top no-repeat; }
.h1_pink	{ background:url(../imgs/title/h1_pink.gif) center top no-repeat; }
.h1_green	{ background:url(../imgs/title/h1_green.gif) center top no-repeat; }
.h1_orange	{ background:url(../imgs/title/h1_orange.gif) center top no-repeat; }
.h1_purple	{ background:url(../imgs/title/h1_purple.gif) center top no-repeat; }

#fmt_title_cnt {
	position:relative;
	width:920px;
	height:120px;
	margin:0 auto;
	z-index:2;
}

#ttl_h1 {
	position:absolute;
	left:0;
	top:86px;
	z-index:2;
}



/* Contents
************************************************** */
#cnt {
	width:920px;
	margin:0 auto;
	padding:29px 0 0;
	background:url(../imgs/cnt/cnt_head_bg.gif) center top no-repeat;
}

#cnt_inner {
	width:920px;
	zoom: 100%;
	display:inline-block;
}

#cnt_inner:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

#le {
	float:left;
	width:234px;
}

#ri {
	float:right;
	width:654px;
	padding-bottom:10px;
}



/* Left (Contents)
************************************************** */
#le_contact {
	width:234px;
	height:193px;
	margin-bottom:10px;
	background:url(../imgs/cnt/le_contact_bg.gif) left top no-repeat;
	text-align:center;
	font-size:10px;
	line-height:1em;
}

#le_contact dt.le_contact_tel { padding:15px 0 2px; }
#le_contact dd.le_contact_tel { padding:0 0 12px; }
#le_contact dt.le_contact_form { padding:13px 0 7px; margin:0 10px; background:url(../imgs/dot_h_white.gif) left top repeat-x; }
#le_contact dd.le_contact_form { padding:0 0 17px; }


.le_mdl {
	width:234px;
	background:url(../imgs/cnt/le_module_bg.gif) left top repeat-y;
}

.le_mdl_inner {
	padding:0 0 5px;
	background:url(../imgs/cnt/le_module_bottom.gif) left bottom no-repeat;
}

.le_mdl_dtl {
	padding:5px 10px 0;
	background:url(../imgs/cnt/le_module_top.gif) left top no-repeat;
}

ul#le_nav {
	width:214px;
	margin:2px 0 10px;
	background:#fff url(../imgs/dot_h.gif) left bottom repeat-x;
	line-height:1.333em;
}

ul.le_nav {
	/*width:214px;*/
	margin:2px 0 10px;
	background:#fff url(../imgs/dot_h.gif) left bottom repeat-x;
	line-height:1.333em;
}

ul.le_nav li ul {
	margin:10px 0 0 18px !important;
	background:none;
}

#le_nav li,
.le_nav li {
	background:url(../imgs/dot_h.gif) left top repeat-x;
	padding:10px 0 10px 12px;
}

#le_nav li a,
.le_nav li a {
	background:url(../imgs/ico_arrow.gif) left 0.4em no-repeat;
	padding-left:18px;
}

.le_nav_act {
	background:url(../imgs/ico_arrow_02.gif) left 0.5em no-repeat;
	padding-left:18px;
}

.le_nav_def {
	background:url(../imgs/ico_arrow_03.gif) left 0.5em no-repeat;
	padding-left:18px;
}


/* Right (Contents)
************************************************** */
#ri h2,
#ri h3 {
	clear:both;
	margin-bottom:18px;
}

.dtl {
	clear:both;
	width:634px;
	margin:0 10px 0;
}

.dtl p {
	margin:0 0 2em 4px;
}

.h4_ttl {
	clear:both;
	width:634px;
	margin:0 auto 12px;
	padding:0;
	background:#f2ecdf url(../imgs/h4_bg.gif) left top repeat-y;
}

.h4_ttl_outer {
	display:block;
	padding-bottom:8px;
	background:url(../imgs/h4_bg_bottom.gif) left bottom no-repeat;
}

.h4_ttl_inner {
	display:block;
	padding-top:8px;
	background:url(../imgs/h4_bg_top.gif) left top no-repeat;
}

.h4_ttl h4 {
	padding:0 18px;
	background:url(../imgs/ico_arrow_04.gif) left center no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color:#048a00;
}


/* Right (Bottom Contact)
************************************************** */
#btm_contact {
	clear:both;
	position:relative;
	width:654px;
	height:120px;
	margin:10px 0 0;
	background:url(../imgs/cnt/contact_bg.jpg) left top no-repeat;
}

#btm_tel_ttl	{ position:absolute; left:112px; top:32px; }
#btm_tel		{ position:absolute; left:118px; top:56px; }
#btm_form_ttl	{ position:absolute; left:412px; top:32px; }
#btm_form_btn	{ position:absolute; left:420px; top:60px; }



/* Footer
************************************************** */
#ftr {
	clear:both;
	width:100%;
	background:url(../imgs/footer/ftr_bg.gif) left top repeat-x;
}

#ftr_inner {
	width:920px;
	margin:0 auto;
	padding-bottom:12px;
}

#ftr_pageup {
	display:block;
	padding:31px 55px 13px 0;
	background:url(../imgs/footer/ftr_illust.gif) right top no-repeat;
	font-size:10px;
	line-height:1em;
	text-align:right;
}

#ftr_nav {
	float:left;
	width:620px;
	padding-top:8px;
}

#ftr_nav a { color:#222; text-decoration: none; }
#ftr_nav a:visited {color: #222;}
#ftr_nav a:active  {color: #f24a00; text-decoration: underline; }
#ftr_nav a:hover   {color: #2eaa00; text-decoration: underline; }

#ftr address {
	float:right;
	padding-top:9px;
	font-size:10px;
	line-height:1em;
}



/* Common Style
************************************************** */
.tx_blue    { color:#004eaf; }
.tx_red     { color:#d50500; }
.tx_orange  { color:#eb6900; }
.tx_green   { color:#019697; }
.tx_purple  { color:#8749bb; }

.tbl_bg_col_dgray { background:#666 !important; color:#fff !important; }
.tbl_bg_col_orange { background:#fffaf6 !important; }
.tbl_bg_col_green { background:#e1f5f5 !important; }
.tbl_bg_col_red { background:#fff0f0 !important; }
.tbl_bg_col_purple { background:#e2d4ee !important; }
.tbl_bg_col_blue { background:#c3ecff !important; }
.tbl_bg_col_lgreen { background:#e1eeb8 !important; }

.margin_top_0 { margin-top:0 !important; }
.margin_top_05 { margin-top:0.5em !important; }
.margin_top_1 { margin-top:1em !important; }
.margin_top_2 { margin-top:2em !important; }
.margin_top_3 { margin-top:3em !important; }

.margin_btm_0 { margin-bottom:0 !important; }
.margin_btm_05 { margin-bottom:0.5em !important; }
.margin_btm_1 { margin-bottom:1em !important; }
.margin_btm_2 { margin-bottom:2em !important; }
.margin_btm_3 { margin-bottom:3em !important; }

.margin_le_0 { margin-left:0 !important; }
.margin_le_1 { margin-left:1em !important; }
.margin_le_2 { margin-left:2em !important; }
.margin_le_3 { margin-left:3em !important; }

.margin_ri_0 { margin-right:0 !important; }
.margin_ri_1 { margin-right:1em !important; }
.margin_ri_2 { margin-right:2em !important; }
.margin_ri_3 { margin-right:3em !important; }

.no_margin { margin:0 !important; }

.no_bg { background:none !important; }

.no_border { border:none !important; }

.ico_arrow { background:url(../imgs/ico_arrow_02.gif) left center no-repeat; padding-left:18px; }
.ico_pdf { background:url(../imgs/ico_pdf.gif) left center no-repeat; padding-left:18px; }

/* 汎用 box */
div.basic_2column {
	clear:both;
	width:672px;
	margin:0 6px 24px;
	zoom: 100%;
	display:inline-block;
}

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

div.basic_2column_le {
	float:left;
	width:330px;
}

div.basic_2column_ri {
	float:right;
	width:330px;
}

/* 汎用 table (arrow) */
div.basic_table {
	margin:0 0 16px;
}

.basic_table table {
	width:100%;
	margin-bottom:4px;
	border-right:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
}

.basic_table th,
.basic_table td {
	border-top:#ddd solid 1px;
	border-left:#ddd solid 1px;
	vertical-align:top;
}

.basic_table th {
	padding:8px 12px 8px 20px;
	background:#f0f0f0;
	font-weight:bold;
	width:20%;
}

.basic_table td {
	padding:8px 12px;
	width:80%;
}

/* 汎用 table (non arrow, non width) */
div.basic_table2 {
	margin:0 0 3em;
}

.basic_table2 table {
	width:100%;
	margin-bottom:4px;
	border-right:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
}

.basic_table2 th,
.basic_table2 td {
	border-top:#ddd solid 1px;
	border-left:#ddd solid 1px;
	text-align:center;
	vertical-align:top;
}

.basic_table2 th {
	padding:4px 6px;
	background:#f0f0f0;
	font-weight:bold;
}

.basic_table2 td {
	padding:4px 6px;
}


/* 汎用 ul */
ul.basic_ul {
	padding-left:24px;
	margin:0 0 1.5em;
	line-height:1.5em;
}

.basic_ul li {
	list-style-type:disc;
	margin-bottom:0.5em;
}


/* 汎用 ol */
ol.basic_ol {
	padding-left:24px;
	margin:0 0 1.75em;
	line-height:1.5em;
}

.basic_ol li {
	list-style-type:decimal;
	margin-bottom:1em;
}

/* 汎用 dl */
dl.basic_dl {
	clear:both;
	margin:0 12px 1.75em;
	line-height:1.5em;
}

.basic_dl dt {
	clear:both;
	margin-bottom:0.5em;
	font-weight:bold;
}

.basic_dl dd {
	margin-bottom:1em;
	margin-left:2em;
}

.basic_dl img {
	float:left;
	margin:0 1em 1em 0;
}

.ttl {
	width:654px;
	height:42px;
	padding:10px 0 0;
	background:url(../imgs/title/ttl_bg.gif) left top no-repeat;
	font-size:16px;
	font-weight:bold;
	line-height:17px;
	color:#fff;
}

.ttl strong {
	display:block;
	padding:0 12px;
}