@charset "utf-8";

/*
css-menu
------------------------
1. header
2.
3.
------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	font-size: 75%;
}

#ContentLayout * {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	line-height: 0;
}
a:link {color:#003a91; text-decoration:underline;}
a:visited {color:#8b1db9;}
a:hover {color:#6186d4;}
a:focus {color:#6186d4;}

#wrapper {
	width: 740px;
}
/*
1. header
----------------------------------------*/
#header {
	margin:0px 0px 4px;
	border-bottom: 1px solid #B3BDC3;
	clear: both;
}

#header #logo01 {
	width:141px;
	margin: 0px 0px 0px 12px;
	float: left;
}

#header #logo02 {
	width:336px;
	float: left;
	margin:10px 0 0 40px;

}

#header #GlobalMenu {
	font-size: 90%;
	line-height: 110%;
	padding: 10px 5px 5px 5px;
	text-align: right;
	float: right;
}

#header #GlobalMenu ul{
	clear:both;
	margin:0;
}


#header #GlobalMenu ul li {
	list-style: none;
	margin:0;
	padding:0 15px 0 15px;
	background: url(../infoeng/img/arrow_mm.gif) no-repeat;
	background-position: 0;
}

#header #GlobalMenu .LangSelectArea {
	line-height: 110%;
	font-size: 100%;
	margin-top: 5px;
}
#header #GlobalMenu .LangSelectArea span {
	margin-left: 2px;
	padding-left: 16px;
	background: url(../infoeng/img/arrow_mm.gif) no-repeat;
}

/*
2. content
----------------------------------------*/
#content {
	clear:both;
	background-image: url(../infoeng/img/content_bg.gif);
	background-repeat: repeat-y;
}

/*
3. menu
----------------------------------------*/
#menu {
	width: 153px;
	float: left;
}
#menu ul {
	margin: 0px 10px;
	list-style-type: none;
}
#menu ul li {
	background-image:url(../infoeng/img/menu_bg_list.gif);
	background-repeat: no-repeat;
	padding: 12px 5px 12px 15px;
	border-bottom: 1px solid #B3BDC3;
}

#menu .main-menu {
	background-color: #E0E0E0;
	border-bottom: none;
	font-weight: bold;
	font-size:12px;
	color: #5F737F;
	margin: 0px;
	list-style-type: none;
	text-indent: 0px;
	padding: 7px 0px 7px 15px;
}

#menu .about-us {
	border-bottom: none;
	font-weight: bold;
	font-size:12px;
	color: #5F737F;
	margin: 0px;
	list-style-type: none;
	text-indent: 0px;
	padding: 7px 0px 7px 15px;
}
#menu ul.about-us li.end {
	border-bottom: 1px solid #B3BDC3;
	padding: 7px 0px 12px 15px;
}
#menu ul li.end {
	border-bottom: none;
}
#menu a {color:#333333; text-decoration:underline;}
#menu a:visited {color:#565656;}
#menu a:hover {color:#FFA255;}

/*
4. main
----------------------------------------*/
#main {
	float:right;
	width: 587px;
	background-image: url(../infoeng/img/main_bg.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 30px;
}

#main h2 {
	background-image: url(../infoeng/img/top_category_bg.gif);
	background-repeat:no-repeat;
	color: #FFFFFF;
	padding: 5px 10px;
	background-color: #5F737F;
	font-size: 100%;
	border-top: 2px solid #ADB6BD;
	background-position: bottom;
	margin: 0px 0px 5px;
}
#main ul {
	margin: 0px 10px;
	list-style-type: none;
}
#main ul li {
	background-image:url(../infoeng/img/main_list.gif);
	background-repeat: no-repeat;
	padding: 7px 0px 3px 15px;
	background-position: 0px 10px;
}
#main #top-news {
	margin:15px 0 0 0 ;
	padding: 0px 0px 30px 0px;
	float: right;
	width: 570px;
}
#main #top-news h2 a{color:#ffffff;}

#main #top-news h2 a visited {color:#ffffff;}

#main #top-news h2 a hover {color:#FFA255;}

#main #top-news p {
margin:5px 0 0 0;
text-indent:-5.5em;
padding:0 0 0 6em;
}

#main #top-technology {
	padding: 0px 0px 30px 0px;
	float: right;
	width: 570px;
}
#main #top-products {
	padding: 0px 0px 30px 0px;
	float: right;
	width: 570px;
}
#main ul.sublist {
	margin: 10px 10px;
	list-style-type: none;
}
#main #top-products ul.sublist li {
	background-image:url(../infoeng/img/arrow_mm.gif);
	background-repeat: no-repeat;
	padding: 7px 30px 3px 15px;
	background-position: -5px 8px;
	float: left;
	font-size: 90%;
}
#main #top-category-end {
	margin:0;
	padding: 0px 0px 30px 0px;
	float: right;
	width: 570px;
}
#main #top-about {
	padding: 0px 0px 10px 0px;
	width: 280px;
	float: left;
}
#main #top-partners {
	padding: 0px 0px 10px 0px;
	width: 280px;
	float:right;
}
#main #top-about h2 ,#main #top-partners h2 {
	background-image: url(../infoeng/img/top_category_s_bg.gif);
	background-repeat:no-repeat;
	color: #FFFFFF;
	padding: 5px 10px;
	background-color: #5F737F;
	font-size: 100%;
	border-top: 2px solid #ADB6BD;
	background-position: bottom;
	margin: 0px 0px 5px;
}

/*
3. contents-2nd
----------------------------------------*/
#main div#topicpath {
	margin:50px 0px 30px 17px;
	font-size:90%;
	line-height:1.2;
}

#main div#topicpath a:link {color:#003a91; text-decoration:underline;}
#main div#topicpath a:visited {color:#8b1db9; text-decoration:underline;}
#main div#topicpath a:hover {color:#6186d4;}
#main div#topicpath a:focus {color:#6186d4;}

#main h1.title-profile {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/profile_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}
#main h1.title-president {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/president_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}
#main h1.title-history {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/history_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}
#main h1.title-tech {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/tech_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}
#main h1.title-products {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/products_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}

#main h1.title-project {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/project-lineup_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}

#main h1.title-catalog {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/catalog-download_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}

#main h1.title-partners {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/partners_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}
#main h1.title-news {
	color :#5F737F;
	font-size: 200%;
	padding: 3px 0px 6px 10px;
	background-image: url(../infoeng/img/news_title.jpg);
	border: solid 1px #999999;
	margin: 0px 0px 30px 17px;
	background-repeat: no-repeat;
}
#main h2.subtitle {
	background-image: url(../infoeng/img/snd_subtitle.gif);
	background-repeat:no-repeat;
	color: #5F737F;
	padding: 10px 30px 12px;
	font-size: 130%;
	border-bottom: 1px solid #ADB6BD;
	background-position: 15px 0px;
	margin: 0px 0px 5px;
	background-color: #FFFFFF;
	border-top: none;
}
#main h2.lead {
	background-image:none;
	color: #5F737F;
	padding: 10px 30px 20px;
	font-size: 180%;
	margin: 0px 0px 5px;
	background-color: #FFFFFF;
	border-top: none;
}
#main #profile {
	padding: 0px 0px 30px 0px;
	float: right;
	width: 570px;
}
#main #profile dl dt {
	width:10em;
	margin:0 0 0 0.5em;
	letter-spacing:0.05em;
	float:left;
	padding:8px 0 0;
	font-weight: bold;
}
#main #profile dl dd {
	padding:8px 1em 8px 12em;
	text-indent:0 !important;
	text-indent:-3px;
}
#main #profile dl dt.business {
	margin:0 0 5px 0.5em;
	letter-spacing:0.05em;
	padding:8px 0 0;
	float: left;
}
#main #profile dl dd.business {
	padding:0px;
	text-indent:0 !important;
	text-indent:-3px;
	clear: both;
}
#main #profile dl dd.business ul{
	list-style-type: disc;
	list-style-position: outside;
	padding: 0px 0px 0px 20px;
}
#main #profile dl dd.business ul li {
	padding: 0px 0px 5px 0px;
	background-image:none;
}
#main #factory,#main #subsidiary,#main #message,#main #history,#main #products,#main .clearfix,#main #news,#main #gallry,#main #newsrelease {
	float: right;
	padding: 0px 0px 30px 0px;
	width: 570px;
	clear: both;
}
#main .photo01 {
	padding: 10px 0px 0px 30px;
	float: left;
}
#main .photo02 {
	padding: 119px 0px 0px 60px;
	float: left;
}
#main #message p {
	padding: 0px 0px 20px 0px;
	line-height: 150%;
}
#main #message #president p {
	padding: 0px 0px 5px;
	line-height: 120%;
	font-size: 80%;
}
#main #message #president p.position {
	font-size: 100%;
	padding: 0px;

}
#main #message #president p.name {
	font-weight: bold;
	font-size: 120%;
	padding: 0px;

}
#main #history dl {
	width:400px;
	float:left;
}
#main #history dl dt {
	width:4em;
	margin:0 0 0 0.5em;
	letter-spacing:0.05em;
	float:left;
	padding:8px 0 0;
	font-weight: bold;
}
#main #history dl dd {
	padding:8px 1em 8px 5em;
	text-indent:0 !important;
	text-indent:-3px;
	border-bottom: solid 1px #999999;
}
#main #history .photo {
	width: 140px;
	float: right;
}
#main #history .photo p {
	width: 140px;
	text-align: right;
	padding: 0px 0px 20px;
	line-height: 120%;
	font-size: 80%;
}
#main .article {
	width: 350px;
	float: left;
	padding: 20px 0px;
}
#main .strapline {
	font-size: 80%;
}
#main h3.headline {
	font-size: 120%;
	padding: 0px 0px 20px;
}
#main p {
	line-height: 150%;
}

#main #products ul {
	width: 300px;
	float: left;
	padding: 20px 5px 5px 20px;
	list-style-type: disc;
}

#main #products ul li {
	padding: 0px 0px 10px 0px;
	background-image:none;
	list-style-type: disc;
}

#main #products .rightimg {
	float: left;
	margin: 20px 0px;
}

/*gallry-page 090925*/

#main #gallery .worldmap{
	width:570px;
	height:470px;
	margin:0;
	padding:0;
	background-image:url(../infoeng/img/world_map.jpg);
	position:relative;
	}
.map_point_jp{ position:absolute;
cursor:pointer;
	top:130px;
	left:475px;
}

.map_point_sh{ position:absolute;
cursor:pointer;
	top:168px;
	left:346px;
}

.map_point_tp{ position:absolute;
cursor:pointer;
	top:217px;
	left:349px;
}

#main #gallery .caselist{
	margin:10px 0 0 0;
	padding:0;
	}
#main #gallery .caselist ul{
	width:560px;
	margin:0;
	padding:5px 0 5px 5px;
	border:2px solid #a4a4a4;
	list-style:none;
	}
#main #gallery .caselist ul li{
	background-image:none;
	display:inline;
}

#main #gallery .caselist span {
	font-size:14px;
	line-height:20px;
	padding-bottom:5px;
}

/*gallry-page*/

#main .clearfix img.flag {
	float: right;
	position: relative;
	top: -40px;
	right: 20px;
}
#main .clearfix .address {
	padding: 0px 0px 20px 30px;
	width: 510px;
	clear: both;
}
#main .clearfix h3.partners-name {
	font-size: 120%;
	padding: 10px 0px 15px;
}
#main .clearfix p.tel {
	background-image: url(../infoeng/img/partners_icon_tel.jpg);
	padding:2px 0px 2px 25px;
	float:left;
	background-repeat: no-repeat;
	margin: 8px  0px;
}
#main .clearfix p.fax {
	background-image: url(../infoeng/img/partners_icon_fax.jpg);
	padding:2px 0px 2px 25px;
	float:left;
	background-repeat: no-repeat;
	margin: 8px 0px 8px 20px;
}

/*catalog-page*/


div#catalog ul {
	padding-top:5px;
}

div#catalog ul li {
              position:relative;
              background-image:none;
              border-bottom:dashed #ccc 1px;
              padding-bottom:20px;
              margin-bottom:10px;
}

div#catalog ul li img {
              position:absolute;
              top:0.2em;
              right:10px;
}

/* newsrelease.jsp */


#newsrelease dl {
	padding:5px 0;
}

#newsrelease dt {
	text-align:left;
	text-indent:-6em;
	padding:3px 7em;

}

#newsrelease dd {
	border-bottom:dashed #ccc 1px;
	padding:3px 0 10px 7em;
}

/**/
#main #contact {
	margin: 0px 10px 20px;
	line-height: 150%;
	width: 550px;
	border: 1px solid #999999;
}

#main #contact h2 {
	background-color:#E6E6E6;
	color:#5F737F;
	padding: 3px 20px;
	background-image:none;
	border-top:none;
}

#main #contact p {
	padding: 0px 20px 5px;

}

#main .y-m-d{
	text-align:right;
	padding:1em 5em;
}

/* news archive(yyyymmdd.jsp) */

#main #news p {
	padding: 0px 10px 20px;
	line-height: 150%;
}
#main #news #contact {
	margin: 0px 10px 20px;
	line-height: 150%;
	width: 550px;
	border: 1px solid #999999;
}
#main #news #contact h2 {
	background-color:#E6E6E6;
	color:#5F737F;
	padding: 3px 20px;
	background-image:none;
	border-top:none;
}
#main #news #contact p {
	padding: 0px 20px 5px;
}
#main #news ul {
	padding: 0px 20px 20px;
	list-style-type: disc;
	list-style-position: outside;
}

#main #news ul li {
	padding: 0px 0px 10px 0px;
	background-image:none;
}
#main #news h2 {
	background-color:#FFFFFF;
	color:#5F737F;
	padding: 0px 10px 0px;
	background-image:none;
	border-top:none;
}
#main #news dl {
	padding: 10px 10px 50px;
	clear: both;
}
#main #news dl dt {
	width:20em;
	margin:0 0 0 10px;
	letter-spacing:0.05em;
	float:left;
	padding:5px 0 0;
}
#main #news dl dt.start {
	margin: 5px 0px 0px 20px;
}
#main #news dl dd {
	padding:5px 1em 5px 22em;
	text-indent:0 !important;
	text-indent:-3px;
	border-bottom: solid 1px #999999;
}
#main #news dl dd.start {
	border-top: solid 1px #999999;
}


/*
1. footer
----------------------------------------*/
#footer {
	clear:both;
	padding:8px 0px 8px;
	border-top: 1px solid #B3BDC3;
	margin: 5px 0px 0px;
}

#footer a {color:#333333; text-decoration:underline;}
#footer a:visited {color:#565656;}
#footer a:hover {color:#FFA255;}

#footer address {
	float:right;
	position: relative;
	font-size: 75%;
	font-style: normal;
}

#footer ul {
	margin: 0px 5px;
	list-style-type: none;
	float: left;
}
#footer ul li {
	background-image:url(../infoeng/img/main_list.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 3px 15px;
	background-position: 0px 3px;
	font-size: 90%;
}

#main .to-top {
	clear:both;
	padding:0 0 20px 0;
	text-align: right;
}

#main .to-top a {
	padding:0 0 0 10px;
	color:#333333;
	font-size:0.95em;
	background-image: url(../infoeng/img/to_top_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-decoration:underline;
}
#main .to-top a:visited {color:#565656;}
#main .to-top a:hover {color:#FFA255;}