@charset "utf-8";
/*
--------------------------------------------------
CSS Skin Settings
FileName:   templates.css
Version:    2011/03/14
--------------------------------------------------
*/

/* #header
------------------------------
*/

#header {
	width: 945px;
	margin: 0px auto;
	text-align: left;
	border-bottom: solid 1px #8e95a1;
	position: relative;
}

#logo {
	position: absolute;
	padding: 21px 0px 0px 0px;
}

#langNav {
	position: absolute;
	right: 0px;
	top: 18px;
	font-size: 85%;
}

#langNav li {
	display: inline;
	border-left: solid 1px #999999;
	padding: 0px 5px 0px 8px;
}

#langNav li.ko {
	font-family: Verdana, Arial, tahoma, lucida, Dotum, Gulim, Gungsuh, Batang, Osaka;
}

#langNav li.home {
	border: none;
}

#langNav a:link    {color: #333333; text-decoration: none;}
#langNav a:visited {color: #333333; text-decoration: none;}
#langNav a:active  {color: #333333; text-decoration: none;}
#langNav a:hover   {color: #6765c4; text-decoration: underline;}

#globalNav {
	height: 56px;
	padding: 88px 0px 0px;
	border-bottom: solid 1px #cad0d8;
	font-size: 93%;
	letter-spacing: 0.1em;
	color: #000000;
	clear: both;
	overflow: hidden;
}

#globalNav .en {
	font-size: 70%;
	letter-spacing: normal;
	font-family: arial;
}

#globalNav li {
	float: left;
	text-align: center;
	line-height: 1.5;
	background: url("../images/bg_globalNav.jpg") no-repeat left 14px;
	padding: 0px 0px 0px 1px;
}

#globalNav li a {
	display: block;
	width: 156px;
	height: 44px;
	padding: 12px 0px 0px;
}

#globalNav li a:hover {
	background: url("../images/bg_globalNav_on.jpg") repeat-x;
}

#globalNav li.left {
	background: none;
}

#globalNav li.left a {
	width: 159px;
}

#globalNav a:link    {color: #333333; text-decoration: none;}
#globalNav a:visited {color: #333333; text-decoration: none;}
#globalNav a:active  {color: #333333; text-decoration: none;}
#globalNav a:hover   {color: #0076e4; text-decoration: none;}
#globalNav a:link .en    {color: #999999; text-decoration: none;}
#globalNav a:visited .en {color: #999999; text-decoration: none;}
#globalNav a:active .en  {color: #999999; text-decoration: none;}
#globalNav a:hover .en   {color: #0076e4; text-decoration: none;}

#globalNav li.now a, #globalNav li.now a .en {
	background: url("../images/bg_globalNav_on.jpg") repeat-x;
	color: #0076e4;
}

#globalNav li.now a:link, #globalNav li.now a:visited, #globalNav li.now a:active,
#globalNav li.now a:link .en, #globalNav li.now a:visited .en, #globalNav li.now a:active .en {
	color: #0076e4;
}


/* #container
------------------------------
*/

#container.basic, div.basic {
	background: url("../images/visual_basic.jpg") no-repeat center top;
	padding-top: 128px;
}


#container.ir, div.ir {
	background: url("../images/visual_ir.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.coffeebreak, div.coffeebreak {
	background: url("../images/visual_coffeebreak.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.download, div.download {
	background: url("../images/visual_download.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.knowledgeplaza, div.knowledgeplaza {
	background: url("../images/visual_knowledgeplaza.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.contact, div.contact {
	background: url("../images/visual_contact.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.sitemap, div.sitemap {
	background: url("../images/visual_sitemap.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.sitesearch, div.sitesearch {
	background: url("../images/visual_sitesearch.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.copyright, div.copyright {
	background: url("../images/visual_copyright.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.saws, div.saws {
	background: url("../images/visual_knowledgeplaza.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.sales, div.sales {
	background: url("../images/visual_sales.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.environment, div.environment {
	background: url("../images/visual_environment.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.sustainability, div.sustainability {
	background: url("../images/visual_sustainability.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.company, div.company {
	background: url("../images/visual_company.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.information, div.information {
	background: url("../images/visual_information.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.recruit, div.recruit {
	background: url("../images/visual_recruit.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.products, div.products {
	background: url("../images/visual_products.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.event, div.event {
	background: url("../images/visual_event.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.service, div.service {
	background: url("../images/visual_service.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.comic, div.comic {
	background: url("../images/visual_comic.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.privacy {
	background: url("../images/visual_privacy.jpg") no-repeat center top;
	padding-top: 128px;
}

#container.error {
	background: url("../images/visual_error.jpg") no-repeat center top;
	padding-top: 128px;
}

#contents {
	width: 825px;
	margin: 0px auto;
	background: url("../images/bg_contents.png") repeat-y center;
	padding: 0px 67px 20px;
	text-align: left;
}

#contentsHead {
	width: 959px;
	margin: 0px auto;
	background: url("../images/bg_contentsHead.png") no-repeat center top;
}

#contentsFoot {
	width: 959px;
	margin: 0px auto;
	background: url("../images/bg_contentsFoot.png") no-repeat center bottom;
	min-height: 20px;
}

#topicpath {
	padding: 26px 67px 10px;
	text-align: right;
	font-size: 85%;
	color: #666666;
}

#toTop {
	padding: 22px 67px 30px;
	text-align: right;
	font-size: 85%;
}

#topicpath a:link    {color: #666666; text-decoration: none;}
#topicpath a:visited {color: #666666; text-decoration: none;}
#topicpath a:active  {color: #666666; text-decoration: none;}
#topicpath a:hover   {color: #6765c4; text-decoration: underline;}
#toTop a:link    {color: #333333; text-decoration: none;}
#toTop a:visited {color: #333333; text-decoration: none;}
#toTop a:active  {color: #333333; text-decoration: none;}
#toTop a:hover   {color: #6765c4; text-decoration: underline;}


/* #footer
------------------------------
*/

#footer {
	background: url("../images/bg_footer.jpg") repeat-x #e5e7e8;
	padding: 60px 0px 30px 0px;
	text-align: left;
	font-size: 85%;
}

#footer p, #footer ul {
	width: 945px;
	margin: 0px auto;
}

#footer .contact {
	margin: 10px auto;
}

#footerNav {
	background: url("../images/line_dot_A.jpg") repeat-x top;
	padding: 10px 0px;
	clear: both;
	overflow: hidden;
}

#footer .sepa {
	color: #999999;
}

#footerNav li {
	float: left;
	margin: 4px 10px 4px 0px;
	padding: 0px 10px 0px 0px;
	border-right: solid 1px #999999;
	white-space: nowrap;
}

#footerNav li.lineChange {
	clear: both;
}

#footer a:link    {color: #6583a5; text-decoration: none;}
#footer a:visited {color: #6583a5; text-decoration: none;}
#footer a:active  {color: #6583a5; text-decoration: none;}
#footer a:hover   {color: #6765c4; text-decoration: underline;}

#countryNav {
	background: url("../images/line_dot_A.jpg") repeat-x top;
	padding: 10px 0px;
}

#countryNav li {
	display: inline;
	padding-right: 10px;
}


#copyright {
	border-top: solid 1px #cfcbcb;
	padding: 10px 0px;
}


/* Standard design
------------------------------
*/

h1 {
	background: url("../images/bg_h1_basic.jpg") no-repeat top;
	margin: 0px 0px 5px;
	padding: 49px 23px 0px;
	font-size: 116%;
	font-weight: bold;
	color: #004892;
}

h2 {
	border-left: solid 3px #004892;
	margin: 20px 0px 5px;
	padding: 0px 0px 0px 8px;
	font-size: 108%;
	font-weight: bold;
	color: #004892;
}

h3 {
	border-left: solid 3px #333333;
	margin: 20px 0px 5px;
	padding: 0px 0px 0px 8px;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
}

h4 {
	background: url("../images/bg_h4_basic.jpg") no-repeat center left;
	margin: 20px 0px 5px;
	padding: 0px 0px 0px 15px;
	font-size: 93%;
	font-weight: bold;
	color: #333333;
}

h1.h1top {
	background: url("../images/bg_h1.jpg") repeat-x top;
	margin: 0px 0px 18px;
	padding: 28px 23px 0px;
	font-size: 108%;
	font-weight: bold;
	color: #004892;
}

strong {
	color:#f58b23;
	font-weight:bold;
	font-size: 108%;
}

em {
	color: #f58b23;
	font-weight: normal;
}
	
div.emphasisArea {
	padding: 5px 20px 5px;
	background-color:#f6f6f6;
	margin: 12px 0px;
}

.basicListSmall {
	margin: 5px 0px;
	font-size: 93%;
	line-height: 1.5;
}

.basicListSmall li {
	background: url("../images/arrow_F.jpg") no-repeat 4px 11px;
	padding: 3px 0px 3px 12px;
}

.dicimalListSmall {
	margin: 5px 0;
	padding: 0px 0px 0px 30px;
	font-size: 93%;
	line-height: 1.5;
}

.dicimalListSmall li {
	padding: 3px 0px;
	list-style: decimal outside;
}

.basicList {
	margin: 8px 0;
	padding: 0px 0px 0px 20px;
	border-bottom:#d3d7dd solid 1px;
	border-top:#d3d7dd solid 1px;
	font-size: 93%;
	line-height: 1.5;
}

.basicList li {
	padding: 8px 0px;
	background: url("../images/line_dot_E.jpg") repeat-x bottom;
	list-style: disc outside;
}
 
.basicList li.lastchild {
	background: none;
}

.dicimalList {
	margin: 8px 0;
	padding: 0px 0px 0px 30px;
	border-bottom:#d3d7dd solid 1px;
	border-top:#d3d7dd solid 1px;
	font-size: 93%;
	line-height: 1.5;
}

.dicimalList li {
	padding: 8px 0px;
	background: url("../images/line_dot_E.jpg") repeat-x bottom;
	list-style: decimal outside;
}

.dicimalList li.lastchild {
	background: none;
}

.tableBox {
	margin: 12px 0px;
}

table {
	margin: 0px;
	border-left: #c8cdd5 1px solid;
	border-top: #c8cdd5 1px solid;
	font-size: 93%;
}

table td, table th {
	border-right: #c8cdd5 1px solid;
	border-bottom: #c8cdd5 1px solid;
	padding: 8px 12px;
}
	
table th {
	color: #555555;
	font-weight: bold;
	background: #f6f6f6;
	text-align: center;
}

.tableBox ul.listInTable {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.tableBox .listInTable li {
	list-style: disc outside;
	margin: 5px 0px;
	padding: 0px;
}

.tableBox .listInTable li ul {
	padding: 0px;
}

.tableBox .listInTable li li {
	list-style: none;
	background: url("../images/arrow_F.jpg") no-repeat 0px 7px;
	padding: 0px 0px 0px 12px;
}

.imageBoxRight{
	clear: both;
	_zoom: 1;
	overflow: hidden; 
}
	
.imageBoxRight img{
	margin: 12px 0 12px 21px;
	float: right;
	/*border: 1px solid #c8cdd5;*/
}

.imageBoxRight div p{
	padding: 0px 0 0px 21px;
	text-align: center;
}
	
.imageBoxRight div{
	float: Right;
	text-align: center;
}
	
.imageBoxLeft{
	clear: both;
	_zoom: 1;
	overflow: hidden;
}

.imageBoxLeft img{
	margin: 12px 21px 12px 0;
	float: Left;
	border: 1px solid #c8cdd5;
}

.imageBoxLeft div p{
	float: Left;
}

.imageBox{
	clear: both;
	_zoom: 1;
	overflow: hidden;
	text-align: center;
}

.imageBox img{
	margin: 12px 0px;
	border: 1px solid #c8cdd5;
}

.imageBox ul {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 12px 0px;
}

.imageBox li {
	float: left;
	text-align: left;
}

.imageBox li img{
	margin: 0px 5px 5px;
}

.imageBox .imgcap {
	font-size: 85%;
}

.imageBox .caption {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 85%;
}

.imageBox .note {
	margin: 0px 8px;
	padding: 0px;
	border: none;
	font-size: 85%;
}

.imageBox img.noborder, .imageBoxRight img.noborder, .imageBoxLeft img.noborder {
	border: none;
}

.bgColorStyle01 {
	background-color: #ccffcc;
}

.bgColorStyle02 {
	background-color: #ccccff;
}

.bgColorStyle03 {
	background-color: #ffcc99;
}

.bgColorStyle04 {
	background-color: #99ccee;
}

.bgColorStyle05 {
	background-color: #ffdddd;
}

.bgColorStyle06 {
	background-color: #ffff99;
}

/*
fujikawa modify
*/

h1 {
	margin: 0px 0px 1em 0px;
	padding: 25px 23px 0px;
	font-size: 131%;
}

h2 {
	margin: 20px 0px 1em 0px;
	padding: 0.5em 0px 0.5em 8px;
	font-size: 116%;
}

h3 {
	border-left: solid 3px #999;
	margin: 20px 0px 5px;
	padding: 0.4em 0px 0.2em 8px;
	font-size: 100%;
}

h4 {
	font-size: 100%;
}


strong {
	color:#F60;
}

em {
	color: #F60;
}
	
#langNav {
	top: 35px;
}


.imageBox img,.imageBoxLeft img,.imageBoxRight img{
	border: none;
}