/* univarsal css
--------------------------------------------------------------------------------------------------- */
body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-size: 75%;
	color:#333333;
	font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#000000 url(../images/background.gif) repeat-x 0px 0px;
}
h1, h2, h3, h4, h5, h6, p, li,dl, dt, dd, br, a, sub, sup {
	margin:0px;
	padding:0px;
	font-size:100%;
	font-weight:normal;
}

a:link {color:#C55858; text-decoration:none; outline:none;}
a:visited{
	color: #C55858;
	outline:none;
}
a:focus,a:hover,a:active{
	color: #C55858;
	outline:none;
}
a[name]:hover{text-decoration:none !important;outline:0 !important;}

strong {
	margin:0px;
	padding:0px;
	font-size:100%;
	font-weight:bold;
}
p {
	line-height: 165%;
}
.text_s {
	font-size: 85%;
}
.text_l {
	font-size: 120%;
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
ol {
	margin:0px 0px 0px 2em;
	padding:0px;
	list-style-type:decimal;
}
dl {
	margin:0px;
	padding:0px;
}
hr {
	display:none;
}
img {
	margin:0px;
	padding:0px;
	border:none;
}
table, thead, tfoot, tbody, tr, th, td {
	margin:0px;
	padding:0px;
	border:none;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	text-align:left;
}
form, button, select {
	margin:0px;
	padding:0px;
}
textarea {
	margin:0px;
	padding:0px;
	font-size:100%;
}
object {
	margin:0px;
	padding:0px;
}
.fleft_b {
	float:left;
	display:block;
}
.fright_b {
	float:right;
	display:block;
}
.img_b {
	text-indent: -9999px;
	display:block;
	background: no-repeat 0px 0px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
--------------------------------------------------------------------------------------------------- wrapper */
#wrapper {
	text-align:left;
	padding:0px;
	margin: 0px auto 0px;
	width:900px;
}
#headerArea {
	margin: 10px 0px 13px;
}
#headerArea h1 {
	width: 173px;
	height: 30px;
	float:left;
}
#headerArea ul {
	float:right;
}
#headerArea ul li {
	float:left;
} 
#headerArea ul li a {
	height:15px;
}
#headerArea ul li.h_tokyo {
	margin-right:3px;
}
#headerArea ul li.h_osaka {
	margin-right:3px;
}
#headerArea ul li.h_mail a {
	width: 30px;
	background-image:url(../images/header_mail.gif);	
	margin-right:15px;
}
#headerArea ul li.faq a {
	width: 42px;
	background-image:url(../images/header_faq.gif);	
	margin-right:15px;
}
#headerArea ul li.e_version a {
	width:115px;
	background-image:url(../images/header_english.gif);
}
#headerArea ul li a:hover {
	background-position: 0px -17px;
}
/* ------------------------------------------------------------------------------------- gNaviArea */
#gNaviArea {
	margin: 0px 0px 9px 0px;
}
#gNaviArea li {
	float:left;
}
#gNaviArea li a {
	height: 25px;
	text-indent: -9999px;
	display:block;
	background: no-repeat 0px 0px;
}
#gNaviArea li a.on , #gNaviArea li a:hover {
	background-position: 0px -30px;
}
#gNaviArea li.home a {
	width: 74px;
	background-image:url(../images/gNavi_home.gif);
}
#gNaviArea li.corprate a {
	width:123px;
	background-image:url(../images/gNavi_corporate.gif);
}
#gNaviArea li.products a {
	width: 88px;
	background-image:url(../images/gNavi_products.gif);
}
#gNaviArea li.wwn a {
	width:165px;
	background-image:url(../images/gNavi_wwn.gif);
}
#gNaviArea li.achievements a {
	width:117px;
	background-image:url(../images/gNavi_achivements.gif);
}
#gNaviArea li.works a {
	width: 130px;
	background-image:url(../images/gNavi_works.gif);
}
#gNaviArea li.contact a {
	width: 105px;
	background-image:url(../images/gNavi_contact.gif);
}

/*---------------------------------------------------------------------------------------- container */
#container {
	min-height: 100%;
}
#submenu {
	position:relative;
	border-left: 1px solid #000000;
	border-right:1px solid #000000;
}
#submenu ul {
	position:absolute;
	top:0px;
	right: 0px;
}
/* \*/
*html #submenu ul {
	right:1px;
}
/**/
#submenu ul li {
	float:left;
}
#submenu ul li a {
	color:#FFFFFF;
	display:block;
	height:20px;
	font-size: 80%;
	padding: 8px 20px 0px 29px;
	text-decoration:none;
	border-left: 1px solid #333333;
	background:#6F4242 url(../images/submenu_pointer.gif) no-repeat left center;
}
#submenu ul li a.on , #submenu ul li a:hover {
	background-color:#A85151;
	background-image:url(../images/submenu_pointer_on.gif);
}
h2 {
	height: 28px;
	text-align:left;
	background-color:#333333;
}

/* ---------------------------------------------------------------------------------------- mainArea */

#mainArea {
	margin: 23px 0px 0px 0px;
	padding: 45px 50px 44px;/* 11 + 23 */
	background:url(../images/mainArea_bk.gif) no-repeat 0px 0px;
}
#mainArea_footer {
	width:900px;
	height:11px;
	padding:0;
	margin: 0 0 23px 0;
	text-indent:-9999px;
	background:url(../images/mainArea_bottom.gif) no-repeat 0px 0px;
}
#mainArea_footer1 {
	width:900px;
	height:11px;
	padding:0;
	margin: 0 0 23px 0;
	text-indent:-9999px;
	background:url(../images/mainArea_bottom.gif) no-repeat 0px 0px;
}

h3 {
	margin: 0px 0px 10px 0px;
}
.theader {
	padding-left:23px;
	background:url(../images/pointer01.gif) no-repeat 0px 5px;
}

/* ---------------------------------------------------------------------------------------- contents */
#contents {
	width:776px;
	margin-left:12px;
}

/* ---------------------------------------------------------------------------------------- footer */
#footer {
	border-top: 1px solid #333;
	padding: 12px 0px 30px;
	background-color:#000000;
}
#footer div {
	width:900px;
	margin:0 auto;
}
#footer ul {
	float:left;
}
#footer ul li {
	float:left;
	margin: 0px 12px 0px 0px;
}
#footer ul li a {
	display:block;
	height: 15px;
	text-indent:-9999px;
	background: no-repeat 0px 0px;
}
#footer ul li a.on , #footer ul li a:hover {
	background-position: 0px -17px;
}
#footer ul li.contact a {
	width: 67px;
	background-image:url(../images/footer_contact.gif);
}
#footer ul li.privacy a {
	width:105px;
	background-image:url(../images/footer_privacypolicy.gif);
}
#footer ul li.sitemap a {
	width: 73px;
	background-image:url(../images/footer_sitemap.gif);
}
#footer p {
	float:right;
	width:380px;
	height:11px;
	text-indent:-9999px;
	background: url(../images/footer_copyright.gif) no-repeat 0px 0px;
}