@charset "UTF-8";

/* body設定 */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body {
	margin: 0px;
   /* setting border: 0 hoses ie5 win window inner well border */
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3" ,Osaka,"ＭＳ Ｐゴシック", sans-serif ;
	background-color: #fff;
	color: #222;
	text-align: justify; 
	text-justify: distribute;
	font-size: 85%;
	margin: 8px 0 0 15px;
	}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,address {
	margin-top: 0;
	margin-bottom: 0px;
}
ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

a img {
	border: none;
}
hr {
	display: none;
}
strong {
font-weight: bold;
}

a:link {  color: #0033CC; }
a:visited {  color: #0033CC}
a:hover {  color: #07B8E4}
a:active { color: #0033CC}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

#container {
	width: 718px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-align: left;
}

#container-inner {
	position: static; 
	width: auto; 
}

#header {
	height: 40px;
	border-top: 4px solid #369;
	padding: 0 0 30px 0;
}


.pankuzu {
	font-size: 0.8em;
	width: 693px;
	padding: 2px 0 8px 14px;
}

.pankuzu  li {
display:inline;
}
.pankuzu a, .pankuzu a:link, .pankuzu a:visited, .pankuzu a:hover, .pankuzu a:active {
	margin: 0 3px 0 0;
	padding: 0 9px 0 0;
	background: url(../images/arrow_01.gif) no-repeat right center;
}


#menu {
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
	width: 201px;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-y;	
	overflow: hidden;
}


h1 {
padding:0 0 0 0;
}


h3 {
	background: url(../images/h3_bg.gif) repeat-x bottom;
	margin: 0 20px 0;
	padding: 16px 15px;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.5em;
	color: #333;
	}

#toppage h3 {
	background: url(../images/bg_h3.gif) repeat-x top;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5em;
	margin:0 1px 0 0;
	padding: 20px 40px;
}


	
#main { 
	width: 718px;
	margin: 0 0 0 0;
	position: relative;
	}
	
	
.icon {
width: 654px;
margin: 0 0 30px 30px;
}
.icon li {
float: left;
width: 327px;
height: 139px;
padding: 0;
margin:0;
}

.icon li a {
padding: 0;
margin: 0;
}


.banner {
clear: both;
margin: 0 0 0 20px;
padding: 10px 0 0 0;
_padding: 10px 0 4px 0;
}

.banner li {
float: left;
margin: 0 0 0 1px;
}

.honmon {
margin: 20px 20px 10px 30px ;
}

.honmon p {
color:#333;
line-height:1.7em;
margin-bottom:10px;
}

.honmon li {
line-height:1.7em;
margin-bottom:10px;
}

.fig {
float: right;
margin: 20px;
_margin: 10px;
text-align:right;
}

.right {
float:right;
padding:0 0 0 15px;
}

.pdf {
padding: 1px 1.7em 2px 0;
background: url("../images/icon_pdfs.gif") no-repeat right center;
}

.blank {
padding: 1px 1.7em 2px 0;
background: url("../images/icon_blank.gif") no-repeat right center;
}
	

#footer {
	position: relative;
	clear: both;
	width: 718px; 	
	height: 79px;
	border-top: 1px solid #999;
	padding-top: 9px;
	background-color: #fff;
	color: #000;
}

#footer-inner {
	position: static; 
	width: 100%;
}

#fig {
	clear: both;
	float: right;
	width: 264px;
	padding-top: 10px;
}
#fig img {
	margin-bottom: 5px;
}
#banner {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 830px;
	left: 36px;
}
#banner li {
	display: inline;
}

.chapNavi {
	width: 656px;
	height:54px;
	background: url(../images/chapNavi_bg.gif) no-repeat #fff;
	margin: 50px auto 10px ;
	font-size: 85%;
	line-height: 1.5em
}
.chapNavi li{
	float:left;
}


.chapNavi_prev {
	width:190px;
	margin: 20px 0 0;
	padding:0 10px 0 20px;
	text-align:right;
	line-height: 1.5em
}

.chapNavi_prevLong {
	width:230px;
	margin: 20px 0 0;
	padding:0 10px 0 20px;
	text-align:right;
	line-height: 1.5em
}

.chapNavi_prev2 {
	width:190px;
	margin: 10px 0 0;
	_margin: 12px 0 0;
	padding:0 10px 0 20px;
	text-align:right;
	line-height: 1.5em
}

.chapNavi_prev3 {
	width:190px;
	margin: 2px 0 0;
	padding:0 10px 0 20px;
	text-align:right;
	line-height: 1.5em
}

.chapNavi_prevLong2 {
	width:230px;
	margin: 10px 0 0;
	_margin: 12px 0 0;
	padding:0 10px 0 20px;
	text-align:right;
	line-height: 1.5em
}

.chapNavi_next {
	width:190px;
	margin: 20px 0 0;
	padding:0 20px 0 10px;
	text-align:left;
	line-height: 1.5em
}

.chapNavi_next2 {
	width:190px;
	margin: 10px 0 0;
	_margin: 12px 0 0;
	padding:0 20px 0 10px;
	text-align:left;
	line-height:1.2em;
	line-height: 1.5em
}

.chapNavi_next3 {
	width:190px;
	margin: 2px 0 0;
	padding:0 20px 0 10px;
	text-align:left;
	line-height:1.2em;
	line-height: 1.5em
}

.techMenu {
	background:url(../images/techMenu_bg.gif) no-repeat;
	/*width:718px;*/
	height:89px;
	margin:0;
	padding:0 0 0 40px;
	clear:both;
}

.techMenu li {
	float: left;
	margin:0;
	padding:0;
}

.xsmall {
	font-size: 0.7em;
}
.chu {
	font-size: 85%;
	color: #333;
}


.clear {
	clear:both;
}





/********************************
	SII Global Navigation
********************************/

#gnavi li {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	display: block;
	position: absolute;
	overflow: hidden;
}
#gnavi li a {
	text-indent: -9999px;
	display: block;
	height: 17px;
	background-position: 0px 0px;
}
#gnavi li a:link, #gnavi li a:visited {
	text-decoration: none;
}
#gnavi li a:hover {
	background-position: 0px 17px;
	text-decoration: none;
}
#news {
	top: 57px;	left: 16px;
	width: 127px;
	height: 17px;
}
#news a {
	background-image: url(../common/images/news.gif);
}
#products {
	top: 57px;	left: 143px;
	width: 98px;
	height: 17px;
}
#products a {
	background-image: url(../common/images/group.gif);
}
#info {
	top: 57px;	left: 241px;
	width: 98px;
	height: 17px;
}
#info a {
	background-image: url(../common/images/info.gif);
}
.info #info a {
	background-position: 0px 17px;
}

#eco {
	top: 57px;	left: 339px;
	width: 98px;
	height: 17px;
}
#eco a {
	background-image: url(../common/images/eco.gif);
}
#company {
	top: 57px;	left: 437px;
	width: 98px;
	height: 17px;
}
#company a {
	background-image: url(../common/images/company.gif);
}
#contact {
	top: 57px;	left: 535px;
	width: 98px;
	height: 17px;
}
#contact a {
	background-image: url(../common/images/inquiry.gif);
}
#sitemap {
	top: 57px;	left: 633px;
	width: 101px;
	height: 17px;
}
#sitemap a {
	background-image: url(../common/images/sitemap.gif);
}



/*********************************
		SII Language Select
*********************************/


#lang li {
	list-style-type: none;
	display: block;
	position: absolute;
	overflow: hidden;
}
#lang li a {
	text-indent: -9999px;
	display: block;
	height: 16px;
	background-position: 0px 0px;
}
#lang li a:link, #lang li a:visited {
	text-decoration: none;
}
#lang li a:hover {
	background-position: 0px 16px;
	text-decoration: none;
}
#japanese {
	top: 18px;	left: 605px;
	width: 61px;
	height: 16px;
}
#japanese a {
	background-image: url(../common/images/home.gif);
}
#english {
	top: 18px;	left: 666px;
	width: 61px;
	height: 16px;
}
#english a {
	background-image: url(../common/images/english.gif);
}





/*********************************
		SII find
*********************************/


#find {
	position: absolute;
	top: 17px;
	left: 417px;
	width: 174px;
	height: 19px;
	background: no-repeat url(../common/images/tem_ic01.gif);
	padding-left: 28px;
}


.hide {
	display: none;
}



/*********************************
		footer
*********************************/


#footer_Home {
	float: left;
	width: 120px;
}

#footer_Navi {
	float: right;
	width: 500px;
}

#footerNavi {
	text-align: right;
}
#footerNavi li {
	display: inline;
}

#footerNavi li a {
	background-image: url(../common/images/tem_ic02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	padding-right: 7px;
	font-size:85%;
}

#copy {
	text-align: right;
	padding-right: 7px;
	font-size:85%;
	color: #333;
}