@charset "shift-JIS";

/* CSS Document */

/*
*********************************************
*
* Since :	2007-08-01
* Editor:	S.Sakamoto
* Editor:
*
*********************************************
*/

/*
----------------------------------------------
KT system Web CSS
Last Up Date : 2007.08.12
----------------------------------------------
*/


* {
	margin:0;
	padding:0;
}

html, body {
	background-color: #000000;
	font-size:0.9em;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", verdana,arial, sans-serif;
	line-height: 140%;
	text-align: center;
	height: 100%;
	color:#999999;
}

a:link {
	color: #3E75FC;
	text-decoration: none;
}

a:visited {
	color: #2952B8;
	text-decoration: none;
}

a:hover {
	color: #3E75FC;
	text-decoration: underline;
}

a img {
	text-decoration: none;
	border: none;
}

.attention {
	font-size:0.85em;
	line-height:120%;
}

.red {
	color:#FF6600;
}

.yellow {
	color:#FFFF00;
}



/*wrapper
----------------------------------------------*/
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -100px;
	padding:0;
	text-align:center;
}
#wrapper .yakubox {
	width: 780px;
	height: 20px;
	color: #FFFFFF;
	padding:0;
	text-align:right;
}


/*header
----------------------------------------------*/
#header {
	zoom:1;/*for IE 5.5-7*/
	position:relative;
	margin:0 auto;
	padding:20px 0 0;
	background-image:url(../img/bg_header.jpg);
	background-position:bottom;
	background-repeat:no-repeat;	
	width:780px;
	height:120px;
	text-align:left;
}

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

#header div#logo {
	float:left;
	width:370px;
	height:60px;
	margin:30px 0 0 10px;
	_margin:30px 0 0 10px;
	padding:0;
	text-align:left;
}

#header ul#mainMenu {
	position:absolute;
	top:60px;
	right:10px;
	float:right;
	height:60px;
	margin:0;
	padding:0;
	z-index:20;
}

#header ul#mainMenu li {
	float:left;
	display:block;
	width:110px;
	height:60px;
	margin:0;
	padding:0;
}

#header #bgMenu {
	position:absolute;
	top:0;
	left:180px;
	z-index:10;
	width:120px;
	height:138px;
	filter:alpha(opacity=0);
	MozOpacity:0;
	opacity:0;
}

*:first-child+html .iepngfix {
	top:0;
	width:120px;
	height:188px;
  	behavior: expression(IEPNGFIX.fix(this));
}


/*mainImage
----------------------------------------------*/
#mainImage {
	width:780px;
	height:100px;
	margin:0 auto;
}



/*dripLink
----------------------------------------------*/
#dripLink {
	width:780px;
	margin: 10px auto 30px;
	padding-left: 10px;
	font-size:10px;
	text-align:left;
}




/*mainBody
----------------------------------------------*/
#mainBody {
	width:780px;
	margin:0 auto;
	padding:0 0 60px;
	text-align:left;
}

#mainBody h1.text {
	background-image:url(../img/bg_h2.gif);
	margin:0 0 20px;
	padding:0 10px;
	width:760px;
	height:40px;
	line-height:40px;
	font-size:1.5em;
	color:#DDDDDD;
}

#mainBody h2 {
	margin:40px 0 10px 0;
}

#mainBody h2.underline {
	padding:0 10px 5px;
	background-image:url(../img/bg_h2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:1.1em;
	color:#DDDDDD;
}

#mainBody h3 {
	width:760px;
	font-size: 1em;
	margin:0 10px 10px;
}

#mainBody p {
	padding:0 10px 1.4em;
}



/*footer
----------------------------------------------*/
#footer, #push {
	height: 60px; /* .push must be the same height as .footer */
}

#footer {
	zoom:1;/*for IE 5.5-7*/
	position:relative;
	margin:20px auto;
	padding:0;
	width:780px;
	background-image:url(../img/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:0 20px;
	text-align:left;
	color:#FFFFFF;
	font-size:1em;
}

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

#footer #pageUp {
	position:absolute;
	right:10px;
}

*:first-child+html #footer #pageUp {
	margin:0px 5px 0 0;
}

#footer ul#fm {
	position:absolute;
	margin:20px 0 0;
	padding:10px 0 0 10px;
	height:13px;
	float:left;
}

*:first-child+html #footer ul#fm {
	padding:0 0 0 10px;
}

#footer ul#fm li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	background-repeat:no-repeat;
}

#footer ul#fm li#fmSitemap {
	width: 80px;
	
	background-position:right;
}

#footer ul#fm li#fmAccess {
	margin:0 0 0 7px;
	width: 80px;
	
	background-position:right;
}

#footer ul#fm li#fmContact {
	margin:0 0 0 7px;
	width: 80px;
	background-image:url(../img/fm_separator.gif);
	background-position:right;
}

#footer ul#fm li#fmUse {
	margin:0 0 0 7px;
	width: 80px;
}

#footer #copyright {
	position:absolute;
	right:10px;
	margin:36px 0 -2px 0;
	_margin:36px 0 0 0;
	padding:0;
	width:300px;
	height:9px;
}

*:first-child+html #footer #copyright {
	margin:26px 0 -2px 0;
}


/*index.html
----------------------------------------------*/
#index h1 {
	margin:0;
	padding:0;
}

#index #dripLink {
	margin: 10px auto 10px;
}

#index #mainBody {
	padding:0 0 30px;
	text-align:center;
}


#index #mainBody h2 {
	margin:30px 0 10px;
}

#index #mainBody #recentWorks {
	zoom:1;/*for IE 5.5-7*/
	width:740px;
	_width:780px;
	margin:30px auto 20px;
	padding:0;
	text-align:left;
}

#index #mainBody #recentWorks:after {
	content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#index #mainBody #recentWorks div.work {
	float:left;
	display:block;
	margin:0 10px;
	_margin:0 10px;
	padding:0;
	width:160px;
	text-align:center;
}

#index #mainBody #recentWorks div.work h3 {
	width:160px;
	margin:0;
	padding:0;
	line-height:120%;
}

#index #mainBody #anotherWorks {
	width:760px;
	margin:0 10px 30px;
	text-align:center;
}

#index #mainBody #updateHistory {
	width:780px;
	margin:10px 0 0 0;
	text-align:left;
}

#index #mainBody #updateHistory dl  {
	zoom:1;/*for IE 5.5-7*/
	border-bottom:1px dashed #444444;
	margin:0 0 5px;
	padding:5px 10px;
}

#index #mainBody #updateHistory dl:after {
	content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#index #mainBody #updateHistory dl dd,
#index #mainBody #updateHistory dl dt {
	display:block;
	float:left;
}

#index #mainBody #updateHistory dl dt {
	width:80px;
}

#index #mainBody #updateHistory dl dd {
	width:680px;
}


/*about.html
----------------------------------------------*/
#about #mainBody #career {
	margin:0 10px 20px;
}

#about #mainBody #career th {
	margin: 0;
	padding-right: 10px;
	vertical-align: top;
	font-weight: normal;
}


#about #mainBody ul {
	margin: 0;
	padding: 0;
}

#about #mainBody li {
	margin-left: 20px;
	list-style: disc;
	
}

#about #mainBody #works {
	margin:0 10px;
}

#about #mainBody #outline {
	margin:0 10px;
	width:760px;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	border-collapse: collapse;
	border-spacing: 0;
}

#about #mainBody #outline th,
#about #mainBody #outline td {
	padding: 5px 10px;
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-spacing:0px;
}

#about #mainBody #outline td.title {
	background-color: #333333;
	width: 80px;
}



/*for_company.html
----------------------------------------------*/
#forCompany #mainBody ul {
	display:block;
	margin:0 10px 20px;
	_margin:0 15px;
	padding:0;
}

#forCompany #mainBody li {
	margin:0 0 0 20px;
	padding:0;
	list-style-type: decimal;
	font-weight: bold;
}

#forCompany #mainBody table.chargeTable {
	width: 760px;
	margin:0 10px;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	border-collapse: collapse;
	border-spacing: 0;
}

#forCompany #mainBody table.chargeTable th,
#forCompany #mainBody table.chargeTable td {
	padding: 5px;
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-spacing:0px;
	vertical-align: top;
}

#forCompany #mainBody table.chargeTable th {
	background-color: #333333;
	font-weight: normal;
	text-align: center;
}

#forCompany #mainBody table.chargeTable th.thItem {
	width: 230px;
}

#forCompany #mainBody table.chargeTable th.thCost {
	width: 60px;
}

#forCompany #mainBody table.chargeTable th.thRemarks {
	width: 200px;
}

#forCompany #mainBody table.chargeTable td.tdCost {
	text-align: right;
}

#forCompany #mainBody table.explanationTable {
	width: 760px;
	border: 1px solid #444444;
	border-spacing: 0;
	padding: 5px;
	margin:0 10px 30px;
}



/*contact.html
----------------------------------------------*/
#forProduction #mainBody table.businessTable {
	width:760px;
	margin:0 10px;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 30px;
}

#forProduction #mainBody table.businessTable th,
#forProduction #mainBody table.businessTable td {
	padding: 5px;
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-spacing:0px;
	vertical-align: top;
}

#forProduction #mainBody table.businessTable th {
	background-color: #333333;
	font-weight: normal;
	text-align: center;
}

#forProduction #mainBody table.businessTable th.thItem {
	width: 170px;
}

#forProduction #mainBody table.businessTable th.thRemarks {
	width: 210px;
}

#forProduction #mainBody table.businessTable th.thResult {
	width: 110px;
}

#forProduction #mainBody table.businessTable li {
	margin-left: 20px;
	list-style: disc;
}

#forProduction #mainBody table.businessTableEnd {
	width:760px;
	margin:0 10px;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	border-collapse: collapse;
	border-spacing: 0;
}

#forProduction #mainBody table.businessTableEnd th,
#forProduction #mainBody table.businessTableEnd td {
	padding: 5px;
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-spacing:0px;
	vertical-align: top;
}

#forProduction #mainBody table.businessTableEnd th {
	background-color: #333333;
	font-weight: normal;
	text-align: center;
}

#forProduction #mainBody table.businessTableEnd th.thItem {
	width: 170px;
}

#forProduction #mainBody table.businessTableEnd th.thRemarks {
	width: 210px;
}

#forProduction #mainBody table.businessTableEnd th.thResult {
	width: 110px;
}

#forProduction #mainBody table.businessTableEnd li {
	margin-left: 20px;
	list-style: disc;
}
/*protection.html
----------------------------------------------*/
ol{
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	
}
ol li{
	font-weight:normal;
	margin-left:25px;
	margin-right:10px;
	clear:both;
}




/*solution.html
----------------------------------------------*/
#works #mainBody div.result  {
	zoom:1;/*for IE 5.5-7*/
	width: 760px;
	margin-top: 40px;
	padding:10px;
}

#works #mainBody div.result:after {
	content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#works #mainBody div.result img {
	float: left;
	display:block;
	width: 160px;
	padding-right:20px;
}

#works #mainBody div.result .explanation {
	float: left;
	width: 580px;
}

#works #mainBody div.result .explanation h3 {
	margin:0;
	width: 580px;
}

#works #mainBody div.result .explanation p {
	font-size:1em;
	margin:1em 0 0 0;
	padding:0;
	line-height: 120%;
}

#works #mainBody table.postscriptTable {
	width: 100%;
	border: 1px solid #444444;
	margin-top: 20px;
}

#works #mainBody table.postscriptTable td {
	padding: 10px;
}

#works #mainBody ul {
	display:block;
	margin:0 10px 30px;
	_margin:0 15px;
	padding:0;
}

#works #mainBody li {
	margin:0 0 20px 15px;
	padding:0;
}

#works #mainBody li strong {
	color:#DDDDDD;
}



/*access_02.html
----------------------------------------------*/
#access p.map {
	text-align:center;
}
#access p.map img {
	margin:60px auto 0;
}





/*contact
----------------------------------------------*/
#contact p {
	margin-top:40px;
}

#contact #mainBody h3 {
	margin-top:40px;
}

#contact #mainBody div.end {
	text-align:center;
}

#contact #mainBody table.formTable {
	width: 760px;
	margin:0 10px;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	border-collapse: collapse;
	border-spacing: 0;
}

#contact #mainBody table.formTable th,
#contact #mainBody table.formTable td {
	padding: 5px 10px;
	border-top: 1px solid #444444;
	border-left: 1px solid #444444;
	border-spacing:0px;
}

#contact #mainBody table.formTable td.title {
	background-color: #333333;
	color: #ccc;
	width: 180px;
}

#contact #mainBody table.formTable td.title strong {
	color: #3C72F5;
	font-size: 10px;
}

#contact #mainBody table.formTable td.form {
	width: 310px;
	color: #ccc;
}

#contact #mainBody table.formTable td.form .inputField {
	padding:2px;
	background-color:#444444;
	border:0px solid #222222;
	margin-bottom: 2px;
	color:#EEEEEE;
}
#contact #mainBody table.formTable td.form input.inputField {
	border:0px solid #222222;
}

#contact #mainBody table.formTable td.bottom {
	text-align: center;
	padding:20px 0;
}