@charset "utf-8";

/* ==================================================== */
/* base.css                                             */
/* July 3,2007                                          */
/* ==================================================== */


/*----------------------------------------------------
base setting
----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
	}

body {
	background:url(../../img_common/bg_body.gif) top repeat-x;
	text-align:center; /*center on IE*/
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}

ol,ul {
	list-style:none;
	}

caption,th {
	text-align:left;
	}

q:before,q:after {
	content:'';
	}

hr {
	display:none;
	border:0;
	height:0;
	}





/*----------------------------------------------------
font
----------------------------------------------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif, helvetica, arial;
	font-size:81.2%;
	color:#333;
	}

h1,h2,h3,h4,h5,h6 {
	font-size:inherit;
	font-size:100%;
	font-weight:normal;
	}

table {
	font-size:inherit;
	font:100%;
	}





/*----------------------------------------------------
links
----------------------------------------------------*/
.linkBlue a {
	color:#2B74A7;
	text-decoration:underline;
	}

.linkBlue a:hover {
	color:#20A5F4;
	text-decoration:none;
	}

.linkOrange a {
	color:#C60;
	text-decoration:none;
	}

.linkOrange a:hover {
	color:#C90;
	text-decoration:underline;
	}

.linkGrey a {
	color:#333;
	text-decoration:none;
	}

.linkGrey a:hover {
	color:#999;
	text-decoration:underline;
	}

fieldset,img {
	border:0;
	}





/*----------------------------------------------------
warning for Java Script off
----------------------------------------------------*/
#nonscript {
	color:red;
	}





/*----------------------------------------------------
common setting
----------------------------------------------------*/
.clr { clear:both; }

.fLeft { float:left; }

.fRight { float:right; }

.txtRight { text-align:right; }

.txtCenter { text-align:center; }

.txtBold { font-weight:bold; }

sub {
	vertical-align:0;
	font-size:80%;
	}

sup {
	vertical-align: 0.7em;
	font-size:80%;
	}

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

.clrFix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clrFix {height: 1%;}
.clrFix {display: block;}
/* End hide from IE-mac */


.mgt5 { margin-top:5px; }
.mgt10 { margin-top:10px; }
.mgt12 { margin-top:12px; }
.mgt20 { margin-top:20px; }
.mgt25 { margin-top:25px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }

.mgb10 { margin-bottom:10px; }
.mgb13 { margin-bottom:13px; }
.mgb20 { margin-bottom:20px; }
.mgb30 { margin-bottom:30px; }

.mgr3 { margin-right:3px; }
.mgr5 { margin-right:5px; }
.mgr12 { margin-right:12px; }

.pdt5 { padding-top:5px; }
.pdt10 { padding-top:10px; }
.pdt15 { padding-top:15px; }

.pdb10 { padding-bottom:10px; }
.pdb20 { padding-bottom:20px; }

.pdl10 { padding-left:10px; }
.pdl15 { padding-left:15px; }

.pdr15 { padding-right:15px; }





/*----------------------------------------------------
header
----------------------------------------------------*/
div#header {
	width:832px;
	height:92px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	background:#FFF url(../../img_common/bg_header.gif) no-repeat;
	}

div#logo {
	width:818px;
	height:63px;
	margin:0 7px;
	background:url(../../img_common/bg_logo.gif) repeat-x;
	overflow:hidden;
	position:relative;
	}

#pagetop {
	position:absolute;
	top:0;
	left:0;
	}

#btnLogo {
	position:absolute;
	top:14px;
	left:17px;
	}

#btnEnglish {
	position:absolute;
	top:40px;
	left:666px;
	}

#btnHome {
	position:absolute;
	top:40px;
	left:742px;
	}

div#logoBot {
	background:#3F3F3F;
	width:818px;
	height:5px;
	margin:0 7px;
	clear:both;
	}

div#util {
	background:url(../../img_common/bg_util.gif) no-repeat;
	width:818px;
	height:23px;
	margin:0 7px;
	position:relative;
	}

#btnJapanese {
	position:absolute;
	top:6px;
	left:16px;
	}

#btnLink {
	position:absolute;
	top:0;
	left:564px;
	}

#btnSitemap {
	position:absolute;
	top:0;
	left:639px;
	}

#btnContact {
	position:absolute;
	top:0;
	left:739px;
	}

div#utilBot {
	width:818px;
	height:1px;
	margin:0 7px;
	clear:both;
	}

div#mainNav {
	width:832px;
	height:50px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	background:#FFF url(../../img_common/bg_nav.gif) no-repeat;
	}

div#mainNav ul {
	width:780px;
	height:50px;
	list-style-type:none;
	margin:0 26px;
	}

div#mainNav ul li {
	width:156px;
	height:50px;
	overflow:hidden;
	text-indent:-5000px;
	font-size:1px;
	float:left;
	}

div#mainNav ul li a {
	display:block;
	height:50px;
	}

div#mainNav ul li#btnNav01 a {
	background:url(../../img_common/btn_nav01.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav01 a:hover {
	background:url(../../img_common/btn_nav01.gif) no-repeat;
	background-position:left bottom;
	}

div#mainNav ul li#btnNav02 a {
	background:url(../../img_common/btn_nav02.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav02 a:hover {
	background:url(../../img_common/btn_nav02.gif) no-repeat;
	background-position:left bottom;
	}

div#mainNav ul li#btnNav03 a {
	background:url(../../img_common/btn_nav03.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav03 a:hover {
	background:url(../../img_common/btn_nav03.gif) no-repeat;
	background-position:left bottom;
	}

div#mainNav ul li#btnNav04 a {
	background:url(../../img_common/btn_nav04.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav04 a:hover {
	background:url(../../img_common/btn_nav04.gif) no-repeat;
	background-position:left bottom;
	}

div#mainNav ul li#btnNav05 a {
	background:url(../../img_common/btn_nav05.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav05 a:hover {
	background:url(../../img_common/btn_nav05.gif) no-repeat;
	background-position:left bottom;
	}

/* English Main Navigation */
div#mainNav ul li#btnNav01e a {
	background:url(../../img_common/btn_nav01_e.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav01e a:hover {
	background:url(../../img_common/btn_nav01_e.gif) no-repeat;
	background-position:left bottom;
	}

div#mainNav ul li#btnNav02e a {
	background:url(../../img_common/btn_nav02_e.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav02e a:hover {
	background:url(../../img_common/btn_nav02_e.gif) no-repeat;
	background-position:left bottom;
	}

div#mainNav ul li#btnNav03e a {
	background:url(../../img_common/btn_nav03_e.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav03e a:hover {
	background:url(../../img_common/btn_nav03_e.gif) no-repeat;
	background-position:left bottom;
	}

div#mainNav ul li#btnNav04e a {
	background:url(../../img_common/btn_nav04_e.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav04e a:hover {
	background:url(../../img_common/btn_nav04_e.gif) no-repeat;
	background-position:left bottom;
	}

div#mainNav ul li#btnNav05e a {
	background:url(../../img_common/btn_nav05_e.gif) no-repeat;
	background-position:left top;
	}

div#mainNav ul li#btnNav05e a:hover {
	background:url(../../img_common/btn_nav05_e.gif) no-repeat;
	background-position:left bottom;
	}
/* //English Main Navigation */

div#mainImage {
	width:832px;
	height:260px;
	margin:0 auto;
	background:url(../../img_common/bg_shadow.gif) repeat-y;
	clear:both;
	}

div#breadcrumb {
	width:832px;
	height:40px;
	margin:0 auto;
	background:url(../../img_common/bg_shadow.gif) repeat-y;
	text-align:left;
	font-size:85%;
	position:relative;
	}

div#breadcrumb ol {
	display:block;
	width:650px;
	position:absolute;
	top:18px;
	left:26px;
	}

div#breadcrumb ol li {
	list-style:none;
	padding-left:4px;
	display:inline;
	}

div#breadcrumb ol li a {
	color:#2B74A7;
	text-decoration:underline;
	}

div#breadcrumb ol li a:hover {
	color:#20A5F4;
	text-decoration:none;
	}

/* Bread Crumb for product, tech PAGE */
#btnIndex {
	position:absolute;
	top:18px;
	left:685px;
	}

#btnIndexE {
	position:absolute;
	top:18px;
	left:675px;
	}






/*----------------------------------------------------
main
----------------------------------------------------*/
div#mainBox {
	width:832px;
	margin:0 auto;
	background:url(../../img_common/bg_shadow.gif) repeat-y;
	overflow:hidden;
	text-align:left;
	}

div#mainBox:after {
	content:"";
	display:block;
	clear:both;
	height:1%;
	overflow:hidden;
	}

/*\*/
* html div#mainBox {
	height:1%;
	overflow:visible;
	}
/**/

#mainBox {
	display:inline-block;/*for IE7*/
	}

#mainBoxInner {
	width:780px;
	margin:0 26px;
	}






/*----------------------------------------------------
footer
----------------------------------------------------*/
div#footer {
	width:832px;
	margin:0 auto;
	background:#FFF url(../../img_common/bg_shadow.gif) repeat-y;
	}

div#footerPagetop {
	width:818px;
	height:67px;
	margin:0 7px;
	position:relative;
	}

div#footerPagetop p {
	position:absolute;
	top:26px;
	left:727px;
	}

div#footerTop {
	width:818px;
	height:67px;
	margin:0 7px;
	background:url(../../img_common/bg_footer_top.jpg) repeat-x;
	text-align:left;
	}

#logFooter {
	margin:13px 0 10px 6px;
	}

div#footerTop ul {
	width:232px;
	height:13px;
	margin-top:38px;
	margin-bottom:16px;
	margin-left:278px;
	list-style-type:none;
	float:left;
	}

div#footerTop ul li {
	height:13px;
	float:left;
	}

div#footerBot {
	width:818px;
	height:29px;
	margin:0 7px;
	background:url(../../img_common/bg_footer_bot.jpg) repeat-x;
	text-align:right;
	clear:both;
	}

#footerBot img {
	margin-top:11px;
	margin-bottom:9px;
	margin-right:5px;
	}