@charset "UTF-8";


/*--------------------------------------------------------------------
 *	body
 *--------------------------------------------------------------------*/

body {
	background: transparent url('../images/body_bg.gif') repeat-x left top;
	color: #141414;
	min-width:1000px;
}


/*--------------------------------------------------------------------
 *	header
 *--------------------------------------------------------------------*/

div#header {
	position: relative;
	width: 990px;
	height: 147px;
	margin: 0 auto;
}

div#header h1 {
	position: absolute;
	top: 43px;
	left: 13px;
	margin: 0;
	padding: 0;
}

div#header p#head_lead {
	position: absolute;
	width: 300px;
	top: 10px;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 77%;
}

div#header p#head_lead_desc {
	position: absolute;
	width: 690px;
	top: 10px;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 77%;
	text-align: right;
}

div#header p#head_lead_desc a {
	color: #141414;
	text-decoration: none;
}

div#header ul#header_links {
	position: absolute;
	top: 28px;
	right: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 93%;
}

div#header ul#header_links li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 11px;
	background: transparent url('../images/arrow_01.gif') no-repeat left 0.4em;
}

div#header p#info_tel {
	position: absolute;
	top: 52px;
	right: 7px;
	margin: 0;
	padding: 0;
}

div#header div#gmenu {
	position: absolute;
	top: 101px;
	left: 0;
	margin: 0;
	padding: 0;
}

div#header div#gmenu ul {
	position: relative;
	margin: 0;
	padding: 0;
}

div#header div#gmenu ul li {
	list-style-type: none;
	float: left;
	margin: 0 12px 0 0;
	padding: 0 0 1px 0;
	zoom: 1;
}

div#header div#gmenu ul li.last {
	margin-right: 0;
}


/*--------------------------------------------------------------------
 *	main
 *--------------------------------------------------------------------*/

div#container {
	padding: 15px 0;
}

div#main {
	width: 990px;
	margin: 0 auto;
}

div#main div#smenu {
	float: left;
	width: 222px;
}

div#main div#smenu div#smenu_area {
	margin: 0 0 18px 0;
	padding: 0 0 0 0;
}

div#main div#smenu div#smenu_area p#smenu_title {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#main div#smenu div#smenu_area ul#smenu_list {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 5px 10px 10px 10px;
	background: transparent url('../images/smenu_list_bg.gif') no-repeat left bottom;
}

div#main div#smenu div#smenu_area ul#smenu_list li {
	margin: 0 0 0 18px;
	padding: 5px 0 5px ;
	text-indent: -18px;
	background: transparent url('../images/horizontal_dotted_line.gif') repeat-x left bottom;
}

div#main div#smenu div#smenu_area ul#smenu_list li.last {
	background-image: none;
}

div#main div#smenu div#smenu_area ul#smenu_list li a {
	padding-left: 18px;
}

div#main div#smenu div#smenu_area ul#smenu_list li a:link, 
div#main div#smenu div#smenu_area ul#smenu_list li a:visited {
	color: #797979;
	text-decoration: none;
}

div#main div#smenu div#smenu_area ul#smenu_list li.current a,
div#main div#smenu div#smenu_area ul#smenu_list li a:hover, 
div#main div#smenu div#smenu_area ul#smenu_list li a:active {
	color: #0d0d0d;
	background: transparent url('../images/arrow_01.gif') no-repeat 8px 0.4em;
	text-decoration: none;
}

div#main div#smenu div#smenu_area ul#smenu_list li.crre {
	margin: 0 0 0 0;
	padding: 5px 0 5px 20px;
	background: transparent url('../images/horizontal_dotted_line.gif') repeat-x left bottom;
}

div#main div#smenu div#smenu_company_info_area ul#smenu_banner_list {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

div#main div#smenu div#smenu_company_info_area ul#smenu_banner_list li {
	margin: 0 0 0 0;
	padding: 0 0 6px ;
}

div#main div#smenu div#smenu_csr_area ul#smenu_csr_list {
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
}

div#main div#smenu div#smenu_csr_area ul#smenu_csr_list li {
	margin: 0 0 0 0;
	padding: 0 0 6px ;
}





div#main div#smenu div#utility_area ul {
	width: 222px;
	margin: 10px 0 16px 0;
	padding: 0;
	font-size: 1px;
}

div#main div#smenu div#utility_area ul li {
	list-style-type: none;
	margin: 0 0 8px 0;
}

div#main div#smenu div#banner_area ul {
	width: 222px;
	margin: 10px 0 14px 0;
	padding: 0;
	font-size: 1px;
}

div#main div#smenu div#banner_area ul li {
	list-style-type: none;
	margin: 0 0 7px 0;
}

div#main div#contents {
	float: right;
	width: 750px;
}


/*--------------------------------------------------------------------
 *	footer
 *--------------------------------------------------------------------*/

div#footer {
	background: transparent url('../images/footer_bg.gif') repeat-x left top;
}

div#footer_contents {
	width: 990px;
	margin: 0 auto;
}

div#footer_contents p.go_top {
	margin: 0;
	text-align: right;
}

div#footer_contents ul#link_list {
	list-style-type: none;
	margin: 14px 0 0;
	padding: 0;
	font-size: 93%;
}

div#footer_contents ul#link_list li {
	float: left;
	margin: 0;
	padding: 0 20px 0 15px;
	background: transparent url('../images/arrow_01.gif') no-repeat left 0.4em;
}

div#footer_contents p#logo {
	margin: 0.5em auto;
	text-align: center;
}

div#footer_contents address#copyright {
	margin: 0 0 25px 0;
	text-align: center;
}


/*------------------------------------------ hyperlink */

a:link, a:visited {
	color: #d8012e;
	text-decoration: underline;
	vertical-align: baseline;
}

a:hover, a:active {
	color: #EC6B86;
	text-decoration: none;
}


/*-------------------------------------------------------------------------------*
 *	Clear fix
 *-------------------------------------------------------------------------------*/

div#header,
div#header ul#header_links,
div#header div#gmenu ul,
div#header div#gmenu ul ul,
div#container,
div#main,
div#main div#smenu,
div#main div#contents,
div#footer,
div#footer_contents,
div#footer_contents ul#link_list {
	zoom: 100%;
}

div#header:after,
div#header ul#header_links:after,
div#header div#gmenu ul:after,
div#header div#gmenu ul ul:after,
div#container:after,
div#main:after,
div#main div#smenu:after,
div#main div#contents:after,
div#footer:after,
div#footer_contents:after,
div#footer_contents ul#link_list:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
