@charset "UTF-8";
@import url("styles.css");
@import url("navigations.css");

/*
	Since:Jul 30 2007
	Last-Updated:Jul 30 2007
	Editor:Masataka Asakura(MIC)
*/


/*
-------------File Contents--------------

	1. All Resets
	
	2. Base Setting
	
	3. Links Setting
	
	4. base wrap
	
	5. header
	
	6. global-navigation
	
	7. main-wraps
	
	8. bread-crumbs
	
	9. sitemap
	
	10.footer
*/


/*============ 1. All Resets ============*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/*============ 2. Base Setting ==========*/

html {
overflow-y:scroll;   
}

body{
	font:normal 13px/1.231 Arial, helvetica, clean, sans-serif;
	*font-size:small;*font:x-small;
}





/*

optgroup{font-weight:normal;}

abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
del{text-decoration:line-through;}
blockquote,ul,ol,dl{margin:1em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}

em{font-style:italic;}
sup{vertical-align:super;}
sub{vertical-align:sub;}

pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
*/



sup, sub {
	vertical-align: baseline;
	position: relative;
}

sup {top: -4px;}
sub {top: 4px;}

em{font-style:normal;}

table {font-size:inherit;font:100%;}
pre, code {font:115% monospace;*font-size:100%;}


input, textarea, select, option{
	font:normal 13px/1.231 Arial, helvetica, clean, sans-serif;
	*font-size:small;*font:x-small;
}

/* for IE6 */
* html input, * html textarea, * html select, * html option{
	font:normal 13px/1.231 Arial, helvetica, clean, sans-serif;
}


noscript{
	margin:0;
	padding:0;
	text-align:left;
}

dfn{
	font-style:normal;
	font-weight:bold;
}

h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}


hr{display:none;}

/*
------------2. Globals----------------
*/

/* ============1) Base================= */


body{
	color:#333;
	margin:0 auto;
	padding:0;
	text-align:center;
  vertical-align:baseline;
  width:100%;
}



#container{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:900px;
}
.hiddenElements{display:none;}


/* ==============2) Links================== */


a:link{
	color: #0039de;
	text-decoration:none;
}
a:visited {
	color: #609;
	text-decoration:none;
}
a:hover, a:active{ 
	color: #f30;
	text-decoration:none;
}
a img{
	text-decoration:none!important;
  border-width:0!important;
}
a:hover img, a:active img{
  border-width:0!important;
	text-decoration:none!important;
}



#contents a{
	text-decoration:underline;
}


/*
------------3. Header----------------
*/


#header{
	margin: 3px 0 0 0;
	padding:0;
	text-align:left;
	width:900px!important;
}

#ci{
	float:left;
	width:450px;
}

#ci h1{
	font-size:85%;
	color:#666;
}

#logo{
	margin:35px 0 0 10px;
}

#logo a{
	display:block;
	background:url("../images/gl_logo.png") no-repeat left top;
	text-indent:-9999em;
	overflow: hidden;
	width:281px;
	height:36px;
}
#HOME #logo a{
	cursor: default;
}


#header-right{
	float:right;
	width:283px;
}
ul#header-nav li{
	float: left;
	display:inline;
	font-size: 93%;
}
ul#header-nav li.hnav-text{
	margin-top:7px;
	margin-right: 10px;
}

ul#header-nav li.hnav-text a:hover{
	text-decoration:underline;
}
ul#header-nav li#hn-global{
	margin-top:3px;
	padding-left:15px;
}
ul#header-nav li#hn-global a{
	background:url("../images/nav/japanese.png") no-repeat left top;
	display:block;
	text-indent:-9999em;
	overflow: hidden;
	width:119px;
	height:20px;
}

#header-tel{
	margin-top:10px;
	text-align:right;
}


/*
-------------4. Navigations----------
*/
 

ul#nav{
	margin-top:10px;
	border:1px solid #b8b8b8;
	text-align:left;
	width:898px;
	height:39px;
}
ul#nav li{
	border-left: 1px solid #b8b8b8;
	float: left;
	display: inline;
	width:129px;
}

ul#nav li#n-home{
	border-left:0 solid;
}

ul#nav a{
	background:no-repeat 0 0;
	display:block;
	text-indent:-9999em;
	overflow: hidden;
	width:129px;
	height:39px;
}
ul#nav a:hover{
	background-position: 0 -39px;
}


/*
------------3. Bread Crumbs----------------
*/

ol#breadCrumbs{
	background-color:#fafafa;
	padding:0.7em 0 0.2em 0;
	margin:0;
	list-style:none;
	font-size:85%;
	width:900px;
}
ol#breadCrumbs li{
	display:block;
	float:left;
	background:url("../images/li/li_breadcrumbs.gif") no-repeat 0 0.3em;
	padding:0 0 0.2em 0.95em;
	margin-left:0.5em;
}
ol#breadCrumbs li#bcHome{
	background-image:none;
	padding-left:0;
}

ol#breadCrumbs li a{
	text-decoration: none;
}
ol#breadCrumbs li a:hover{
	border-bottom:1px solid;
}

/*
------------4. mainVisual----------------
*/

#mainVisual{
	border-width:1px 0;
	border-style:solid;
	border-color:#000;
	width:900px;
	height:88px;
	text-align:left;
}


/*
------------5. main----------------
*/

#main{
	padding:2.5em 0 0 0;
	width:900px;
	display:block;
	min-height:1em;
}

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

#contents{
	float:right;
	padding:2.2em 0 0 0;
	width:640px;
	text-align:left;
}

#indexContents{
	padding:2.2em 0 0 0px;
	width:900px;
	text-align:left;
}
#terms #indexContents, 
#privacy #indexContents{
	padding:2.2em 0 0 0px;
	width:900px;
}


#side{
	float:left;
	margin:0;
	padding:1em 0 0 0;
	width:191px;
	text-align:left;
}


#pageTop{
	clear:both;
	padding-top:2em;
}

#accepted #pageTop{
	padding-top:1em;
}


#pageTop ul{
	float:right;
	list-style:none;
	padding-right:20px;
	width:64px;
}



/*
------------5. Contents----------------
*/

#pageTitle{
	background-repeat:repeat-x;
	background-position:0 100%;
}
#wrapper01{
	padding:2em 0px 0 0;
}
#wrapper02, #wrapper03, #wrapper04, #wrapper05, #wrapper06{
	padding:4em 0 0 0px;
}

#contact #wrapper02{
	padding-top:4em;
}

.section01{
	padding:0em 0px 0 10px;
}
.section02{
	padding:3em 0px 0 10px;
}
.section03{
	padding:2em 0px 0 10px;
}
.section04{
	padding:1.8em 0px 0 10px;
}


#solution .section02{
	padding-top: 2em;
}

.block01{
	padding-top:1.5em;
}
.block02{
	padding-top:1em;
}
.heading{
	border-bottom:1px solid;
	padding:0em 0.5em 0.5em 1em;
}


.heading h3{
	font-size:136%;
	margin:1.5em 0 0 0;
	line-height:1.1;
	padding:0em 0em 0em 0.775em;
	border-left: 6px double;
}

#home .heading h3{
 border-left-color:#0084bf;
}


#productCar h3, #productEnpla h3, #product h3{
	border-left-color:#5b92e1;
}

#solution .heading h3{
	margin-top:2em;
	border-left:0px double;
	padding-left:0;
}

#technology h3{
	border-left-color:#59a66d;
}
#design h3{
	border-left-color:#6e79f0;
}
#company h3{
	border-left-color:#364583;
}
#contact h3{
	margin:0;
	border-left-color:#9d8554;
}


h4.midHeading{
	font-size:125%;
	line-height:1.3;
	margin:0;
	padding:3em 20px 0 10px;
	color:#357362;
}
h4.midHeading02{
	font-size:125%;
	line-height:1.3;
	margin:3em 0 0 10px;
	background:url("../images/li/li_square01.gif") no-repeat 0 0.425em;
	padding:0.1em 20px 0 1.275em;
}
#home h4.midHeading{
 color:#0084bf;
}



#productCar h4.midHeading, #productEnpla h4.midHeading, #product h4.midHeading{
	color:#446ca7;
}

#technology h4.midHeading{
	color:#363;
}

#technology .section01 h4.midHeading{
	padding-left:0;
}


#solution h4.midHeading{
	color:#357362;
}


h4.midHeading sup{
	font-size:80%;
}

#contents h5{
	background:url("../images/li/li_square01.gif") no-repeat 0 0.8em;
	font-size:115%;
	margin:0;
	padding:0.5em 0 0 1.2em;
	line-height:1.4;
}
#contents h5.h5sup{
	padding-bottom: 0.275em;
	background-position:0 1.225em;
}


#contents h6{
	background:url("../images/li/li_square02.gif") no-repeat 0 0.875em;
	font-size:100%;
	margin:0;
	padding:0.5em 0 0 1.5em;
	line-height:1.4;
}




/*
------------6. Contents Elements----------------
*/



.productInfo{
	padding:20px 0 20px 0;
	width:630px;
	display:block;
	min-height:1em;
}
.productInfo:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.productPhoto{
	float:left;
	width:206px;
}
.productData{
	float:right;
	width:401px;
	
}
.productData dt{
	font-weight:bold;
	padding:1em 0 0.2em 0;
}
.productData dt.dtTop{
	padding-top:0em;
}

.productData ul{
	list-style:none;
	padding:1em 0 0 0;
	margin:0;
}
.productData ul li{
	background:url("../images/li/li_arrow02.gif") no-repeat 0 0.375em;
	padding:0.1em 0 0.2em 1.475em;
	line-height:1.3;
}


li.liPDF{
	list-style-type:none;
	background:url("../images/li/li_pdf01.gif") no-repeat 0 0;
	padding:0 0 7px 21px;
	margin:0;
	line-height:110%;
}
li.liPDF a:link, li.liPDF a:visited{
	border-bottom-width:0!important;
}
li.liPDF a:hover, li.liPDF a:active{
	border-bottom-width:1px!important;
}


li.liPDF02{
	list-style-type:none;
	background:url("../images/li/li_pdf02.gif") no-repeat 0 0;
	padding:0 0 7px 28px;
	margin:0;
	line-height:110%;
}


li.liWeb{
	list-style-type:none;
	background:url("../images/li/li_web01.gif") no-repeat 0 0;
	padding:0 0 0px 21px;
	margin:0;
	line-height:110%;
	height:17px;
}
li.liWeb a:link, li.liWeb a:visited{
	border-bottom-width:0!important;
}
li.liWeb a:hover, li.liWeb a:active{
	border-bottom-width:1px!important;
}


.linkBox, .linkBox02{
	border:1px solid #ccc;
	margin-top:1.5em;
	padding:1em 1em 0.3em 1em;
}
.linkBox ul, .linkBox02 ul{
	list-style:none;
	padding:0;
	margin:0;
}
.linkBox ul li, .linkBox02 ul li{
	float:left;
	display:block;
	line-height:1.4;
	background:url("../images/li/li_arrow03.gif") no-repeat 0 0.775em;
	padding:0.1em 0em 1em 1em;
	width:46%;
}
.linkBox02 ul li{
	width:80%;
}
.linkBox ul li.listRight{
	float:right;
	margin-left:0.2em;
}
.linkBox ul li.clear{
	width:90%;
}


.ptSectionEnd{
	clear:both;
	padding-top:1.5em;
	text-align:right;
}
.ptSectionEnd ul{
	border-top:1px solid #ccc;
	list-style:none;
	padding-top:0.5em;
}
.ptSectionEnd ul li a{
	border-bottom-width:0!important;

}
ul#backHome{
	list-style:none;
	text-align: center;
	margin:0 auto;
	padding:3em 0 0 0;
}
ul#backHome li{
	padding:0;
	margin:0;
}

/*
------------7. TableStyles----------------
*/


table{
	margin:1.5em 0 0 0;
	padding:0;
  border-collapse:collapse;
  border-width:1px 0 0 1px;
  border-style : solid ;
  border-spacing: 0px;
  border-color:#999;
  width:100%;
}

caption{
	text-align:left;
	padding:0 0 10px 0!important;
	padding/**/:2px 0 10px 0;
	margin:0;
	font-size:112%;
	font-weight:bold;
	letter-spacing:normal!important;
	letter-spacing/**/:0.05em;
}
th{
	text-align:center;
	font-weight: normal;
	padding:8px 0 3px 0;
  border-color:#999;
	border-width:0 1px 1px 0;
  border-style : solid ;
  line-height:1.4;
  font-size:100%;
}
td{
	padding:8px 3px 5px 12px;
	background-color:#fff;
	border-width:0 1px 1px 0;
  border-style : solid ;
  border-color:#999;
  font-size:100%;
  letter-spacing:normal;
  line-height:1.4;
}

thead.thead01{
	background:#fcfcfc url("../images/bg/bg_thead01.gif") repeat-x right bottom;
	padding:0.5em 0 0.2em 0;
}
thead.thead02{
	background:#fcfcfc url("../images/bg/bg_thead02.gif") repeat-x right bottom;
	padding:0.5em 0 0.2em 0;
	
}

thead.thead02 th{
	padding:0!important;
  line-height:1.4;
}

thead.thead02 th.theadTop{
	border-bottom-width:0;
	padding:0.4em 0 0 0!important;
}
tr.theadBottom th{
	padding:0 0 0.2em 0!important;
}

tfoot th, tfoot td{
	border-top:3px solid #999;
}
tfoot span{
	color:#f00;
	font-weight:bold;
}


tfoot.tfooter02 th{
	background:#fcfcfc url("../images/bg/bg_th01.gif") repeat-y left top;
}
tfoot.tfooter02 tr.trBottom th{
	border-top-width:1px;
}
tfoot.tfooter02 tr.trBottom td{
	border-top-width:1px;
}

/* 右側ボーダーなし */
.borderNone{
	border-right-width:0px;
}



/*
----------------10. PageTop----------
*/

ul#pt{
	margin:2em 0;
}
ul#pt li{
	float:right;
}

/*
----------------11. Footers----------
 */
/*==========1) Base===========*/

#footer{
	text-align:left;
	width:900px;
}

#footer-top{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

#footer-logo{
	margin-top:10px;
	float:left;
	width:179px;
}
#footer-logo a{
	background:url("../images/footer_ci.png") no-repeat left top;
	display:block;
	width:179px;
	height:21px;
	text-indent:-9999em;
	overflow:hidden;
}

#footer-nav{
	margin-top:1.2em;
	float:right;
	width:auto;
}
#footer-nav li{
	margin: 0 0 0 8px;
	padding:0 0 0 8px;
	border-left:1px solid #ccc;
	float: left;
	display:inline;
	font-size:93%;
}
#footer-nav li#fn-contact{
	margin: 0!important;
	padding:0!important;
	border-left: 0 solid;
}

#footer-nav li a:hover{
	text-decoration:underline;
}


/*--footer-bottom--*/

#footer-bottom{
	padding: 15px 0 15px 0;
}
#footer-contact{
	float:left;
	width:60%;
}
p#footer-contact-txt1{
	height:21px;
	font-size: 93%;
	vertical-align:middle;
	color:#666;
}
p#footer-contact-txt1 span img{
	margin:3px 0.3em 0 0.3em;
}
p#footer-contact-txt1 a{
	text-decoration:underline;
}

ul#footer-global-nav{
	margin-top:8px;
	float:right;
	width:108px;
}
ul#footer-global-nav a{
	background:url("../images/nav/footer_global.png") no-repeat left top;
	display: block;
	text-indent:-9999em;
	text-decoration:none;
	overflow: hidden;
	width:108px;
	height:17px;
}



/*--copyright - footer-sub-nav --*/

p#copyright{
	float:left;
	font-size:85%;
	font-family:arial, san-serif;
	color: #7b7b7b;
}
ul#footer-sub-nav{
	margin-left:0.8em;
	float:left;
}
ul#footer-sub-nav li{
	margin:0 0 0 0.7em;
	padding:0 0 0 0.7em;
	border-left:1px solid #ccc;
	float:left;
	display:inline;
	font-size: 85%;
}
ul#footer-sub-nav li#fsn-sitemap{
	margin: 0!important;
	padding:0!important;
	border-left: 0 solid;
}

ul#footer-sub-nav li a:hover{
	text-decoration:underline;
}