@charset "utf-8";

@import "common.css";
@import "top.css";
@import "business.css";
@import "corporate.css";
@import "partner.css";
@import "illust.css";
@import "inquiry.css";
@import "sitemap.css";
@import "recruit.css";

/*
text color
==============================================================================
*/

body,th,td {
	color:#333333;
}

a {
	color:#111111;
}

/*
layout
==============================================================================
*/

body {
	background:#F0F0F0 url(/images/common/content_bg.gif) center top repeat-y;
}

#container {
	width:800px;
	margin:0 auto;
}

#content {
	background:url(/images/common/content_bg.gif) center top repeat-y;
}

#wrapper {
	zoom:100%;
	padding:25px 30px 30px;
	background:url(/images/common/content_top.gif) center top no-repeat;
}

#wrapper:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/*
header
==============================================================================
*/

#header {
	position:relative;
	/*margin-bottom:10px;*/
	padding:10px 20px 18px;
	background:url(/images/common/header_bg.gif) left bottom no-repeat;
}

#header .logo {
	margin-bottom:10px;
}

/**/

#header .hn {
	position:absolute;
	width:198px;
	right:20px;
	top:0;
}

#header .hn li {
	display:block;
	float:right;
	width:93px;
	height:23px;
	margin-left:6px;
}

#header .hn li a {
	display:block;
	height:23px;
	overflow:hidden;
}

#header .hn li a span {
	display:block;
	padding-top:23px;
}

#header .hn li.hnSitemap { background:url(/images/common/hn_sitemap.gif) left top no-repeat; }
#header .hn li.hnInquiry { background:url(/images/common/hn_inquiry.gif) left top no-repeat; }

#header .hn li.hnSitemap a:hover { background:url(/images/common/hn_sitemap.gif) left -23px no-repeat; }
#header .hn li.hnInquiry a:hover { background:url(/images/common/hn_inquiry.gif) left -23px no-repeat; }

/**/

#header .gn {
	width:760px;
	margin:0 auto;
}

#header .gn li {
	display:block;
	float:left;
	height:43px;
}

#header .gn li a {
	display:block;
	height:43px;
	overflow:hidden;
}

#header .gn li a span {
	display:block;
	padding-top:43px;
}

#header .gn li.gnAbout     { width:191px;background:#333333 url(/images/common/gn_about.gif) left top no-repeat; }
#header .gn li.gnBusiness  { width:92px; background:#333333 url(/images/common/gn_business.gif) left top no-repeat; }
#header .gn li.gnPartner   { width:251px;background:#333333 url(/images/common/gn_partner.gif) left top no-repeat; }
#header .gn li.gnRecruit   { width:99px; background:#333333 url(/images/common/gn_recruit.gif) left top no-repeat; }
#header .gn li.gnCorporate { width:127px;background:#333333 url(/images/common/gn_corporate.gif) left top no-repeat; }

#header .gn li.gnAbout     a:hover { background:#333333 url(/images/common/gn_about.gif) left -43px no-repeat; }
#header .gn li.gnBusiness  a:hover { background:#333333 url(/images/common/gn_business.gif) left -43px no-repeat; }
#header .gn li.gnPartner   a:hover { background:#333333 url(/images/common/gn_partner.gif) left -43px no-repeat; }
#header .gn li.gnRecruit   a:hover { background:#333333 url(/images/common/gn_recruit.gif) left -43px no-repeat; }
#header .gn li.gnCorporate a:hover { background:#333333 url(/images/common/gn_corporate.gif) left -43px no-repeat; }

/*
title
==============================================================================
*/

h1.title {
	margin-bottom:20px;
}

.breadCrumbs {
	color:#666666;
	font-size:11px;
	text-align:right;
}

/*
main
==============================================================================
*/

#main {
	width:500px;
	float:left;
}

body.column1 #main {
	width:500px;
	float:none;
	margin:0 auto;
}

#main h2.sub {
	margin-bottom:10px;
}

#main h2.sub span {
	display:block;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	padding:5px 5px 6px 8px;
	background:url(/images/common/h2_bg.gif) left bottom no-repeat;
}

#main h3.sub {
	color:#332222;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding:4px 4px 8px 6px;
	border-top:1px solid #CCCCCC;
	background:url(/images/common/sub_bg.gif) left bottom no-repeat;
}

#main h3.sub span {
	display:block;
	padding:2px 0 2px 10px;
	background:url(/images/common/sub_inner_bg.gif) left bottom no-repeat;
}

#main .block {
	margin-bottom:20px;
}

#main .block p {
	font-size:14px;
	line-height:1.5;
	margin-bottom:12px;
}

#main .en p {
	letter-spacing:0.1em;
	line-height:1.6;
}

#main .block p strong {
	color:#FF0000;
	font-weight:bold;
}

#main .block dl.normalList,
#main .block ul.normalList,
#main .block ol.normalList {
	font-size:14px;
	margin-bottom:12px;
	padding-left:10px;
}

#main .block ul.normalList li {
	margin-bottom:8px;
	padding-left:12px;
	background:url(/images/common/bullet.gif) left 5px no-repeat;
}

/**/

#main .block .note {
	margin-bottom:18px;
	padding:10px 10px 12px;
	background:#E6E6E6;
	border:1px solid #DDDDDD;
}

#main .block .note p {
	color:#444444;
	font-size:13px;
	text-indent:-1em;
	margin:0;
	padding-left:1em;
}

/*
sub
==============================================================================
*/

#sub {
	width:220px;
	float:right;
}

/**/

#sub .banner {
	text-align:center;
	margin-bottom:10px;
}

/**/

#sub .column {
	margin-bottom:15px;
}

#sub .column .content {
	padding:4px 12px 12px;
	background:url(/images/common/side_column_bg.gif) left bottom no-repeat;
}

#sub .column .content li {
	color:#996633;
	font-size:13px;
	margin:0 0 10px;
	padding-left:8px;
	background:url(/images/common/side_column_bullet.gif) left 0.4em no-repeat;
}

#sub .column .content li a {
	color:#330000;
}

/**/

#sub .recruitColumn {
	margin-bottom:15px;
	padding-top:36px;
	background:url(/images/recruit/sub_bg.gif) left top no-repeat;
}

#sub .recruitColumn ul {
	padding:0 15px 15px;
	background:url(/images/recruit/sub_bg.gif) left bottom no-repeat;
}

#sub .recruitColumn li {
	font-size:13px;
	padding:10px 0 10px 20px;
	background:url(/images/recruit/bullet_recruit.gif) 4px 13px no-repeat;
	border-bottom:1px solid #DDDDDD;
}

#sub .recruitColumn li.last {
	border-bottom:none;
}

/**/
#sub .oversea {
	width:212px;
	margin:0 auto 10px;
	padding-bottom:10px;
	background:url(/images/common/oversea_bg.gif) left bottom no-repeat;
}

#sub .oversea .content {
	padding:40px 10px 0;
	background:url(/images/common/oversea_bg.gif) left top no-repeat;
}

#sub .oversea .content li {
	font-size:13px;
	margin:0 0 6px;
	padding-left:8px;
	background:url(/images/common/oversea_bullet.gif) left 0.4em no-repeat;
}

/*
footer
==============================================================================
*/

#footer {
	padding-bottom:20px;
}

/**/

#footer .fn {
	font-size:13px;
	text-align:center;
	margin-bottom:15px;
}

#footer .fn li {
	display:inline;
	padding:0 10px;
	border-right:1px solid #CCCCCC;
}

#footer .fn li.last {
	border-right:none;
}

/**/

#footer .fBar {
	width:750px;
	margin:0 auto 15px;
	padding-top:10px;
	background:url(/images/common/footer_bg.gif) left top no-repeat;
}

#footer .fBar dl {
	text-align:center;
	padding:0 10px 12px;
	background:url(/images/common/footer_bg.gif) left bottom no-repeat;
}

#footer .fBar dt {
	display:inline;
	vertical-align:top;
}

#footer .fBar dd {
	display:inline;
	color:#FFFFFF;
	font-size:11px;
	vertical-align:bottom;
	margin-left:10px;
}

#footer .fCopyright {
	width:304px;
	height:11px;
	overflow:hidden;
	margin:0 auto;
	background:url(/images/common/copyright.gif) left top no-repeat;
}

#footer .fCopyright p {
	padding-top:11px;
}




.txt_mid {
	font-size: 13px;
	line-height: 17px;
}