@charset"Shift_JIS";
/* 東洋セーバー CSS Document */

/* 全体構造
---------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	background-color:#fff;
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color:#333333;
	}
a:link   {color:#333333; text-decoration:none;}
a:visited{color:#333333; text-decoration:none;}
a:hover  {color:#333333; text-decoration:underline;}
a:active {color:#333333; text-decoration:none;}

div#layout{
	margin:0 auto;
	padding:10px 18px 0 18px;
	width:731px;
	background:url(../image/bg_layout.gif) repeat-y;	
	}
h1,h2,h3,h4,h5,h6,p,ul,li{
	margin:0;
	padding:0;
	}
td{
	vertical-align:top;}
/* ヘッダー
---------------------------------------------------------------*/
div#layout #hd{
	margin:0;
	width:729px;
	height:56px;	
	}
#hd h1{
	margin:0;
	padding:0;
	float:left;
	}

#hd .iso, #hd .eco {
	width:59px;
	height:56px;
	background:url(../image/eco.jpg) no-repeat ;
	float:right;
	margin-right:5px;
}

div#layout #sttl{
	margin-bottom:1px;
	padding-left:31px;
	width:698px;
	height:70px;
	background:url(../image/bg_sttl.gif) no-repeat;	
	}

/* ナビゲーション
---------------------------------------------------------------*/
div#layout #s-navi{
	margin-bottom:2px;
	width:729px;
	height:31px;
	background:url(../image/s_navi_off.gif) no-repeat;
	position:relative;
	}
div#layout #s-navi ul{
	margin:0;
	list-style:none;
	}
div#layout #s-navi li{
	margin:0;
	padding:0;
	width:146px;
	height:31px;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	}
div#layout #s-navi li a{
	text-decoration:none;
	display:block;
	width:146px;
	height:31px;
	}
div#layout #s-navi li#no1{left:0px; width:146px;}
div#layout #s-navi li#no2{left:146px; width:146px;}
div#layout #s-navi li#no3{left:292px; width:146px;}
div#layout #s-navi li#no4{left:438px; width:146px;}
div#layout #s-navi li#no5{left:584px; width:145px;}

div#layout #s-navi li#no1 a:hover{ background:url(../image/s_navi_on.gif) no-repeat 0 0;}
div#layout #s-navi li#no2 a:hover{ background:url(../image/s_navi_on.gif) no-repeat -146px 0;}
div#layout #s-navi li#no3 a:hover{ background:url(../image/s_navi_on.gif) no-repeat -292px 0;}
div#layout #s-navi li#no4 a:hover{ background:url(../image/s_navi_on.gif) no-repeat -438px 0;}
div#layout #s-navi li#no5 a:hover{ background:url(../image/s_navi_on.gif) no-repeat -584px 0;}


/* メインビジュアル
---------------------------------------------------------------*/
div#layout #container #cover{
	margin-bottom:14px;
	padding:0;
	width:729px;
	height:202px;
	}

/* コンテンツ
---------------------------------------------------------------*/

div#layout #container{
	margin-top:2px;
	width:729px;
	}
div#layout #container #main{
	margin:0 auto;
	width:626px;
	}
div#layout #container #main #btn{
	padding:20px 0 2px 0;
	text-align:right;}

.seBg {
	background:url(../product/image/se_bgline.gif) repeat-x top left;
	padding:10px 0;
	font-size:12px;
	color:#666666;
	text-align:center;
}
.tkBar {
	background:url(../product/image/tk_bar_bg.gif) repeat-x top left;
}
.tkTxt {
	padding:10px 0 10px 20px;
	font-size:12px;
	color:#666666;
	line-height:140%;
}
.tkTxt2 {
	padding:7px 0 0 4px;
}

.svBar {
	background:url(../product/image/sv_bar_bg.gif) repeat-x top left;
}
.svMenu {
	padding:7px 0 0 0;
	font-size:12px;
	color:#666666;
}
.svMenu a {color:#666666; text-decoration:none;}
.svMenu a:linked {color:#666666; text-decoration:none;}
.svMenu a:visited {color:#666666; text-decoration:none;}
.svMenu a:hover {color:#666666; text-decoration:underline;}

.svT {
	padding:15px 0 17px 0;
}
.svTb01 {
	background:#CDBDA2;
	font-size:14px;
	font-weight:bold;
	color:#40392C;
	text-align:center;
	padding:5px 5px 2px 5px;
}
.svTb02 {
	background:#F6F7E5;
	font-size:12px;
	font-weight:bold;
	color:#393E32;
	text-align:center;
	padding:5px 5px 3px 5px;
}
.svTb03 {
	background:#E6E6CA;
	font-size:12px;
	font-weight:bold;
	color:#393E32;
	text-align:center;
	padding:5px 5px 3px 5px;
}


.sv3Td {
	padding:0 15px;
}
.sv3Tb01 {
	border-bottom:#596E78 1px solid;
	border-right:#596E78 1px solid;
	background:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:4px 5px 3px 5px;
	text-align:center;
	vertical-align:middle;
}
.sv3Tb02 {
	border-bottom:#596E78 1px solid;
	border-right:#596E78 1px solid;
	background:#D2EAEB;
	font-size:12px;
	font-weight:bold;
	padding:4px 5px 3px 5px;
	text-align:center;
	vertical-align:middle;
}
.sv3Tb03 {
	border-bottom:#596E78 1px solid;
	background:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:4px 5px 3px 5px;
	text-align:center;
	vertical-align:middle;
}
.sv3Tb04 {
	background:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:4px 5px 3px 5px;
	text-align:center;
	vertical-align:middle;
}
.sv3Tb05 {
	border-right:#596E78 1px solid;
	background:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:4px 5px 3px 5px;
	text-align:center;
	vertical-align:middle;
}
.sv3T {
	font-weight:bold;
	background:url(../product/image/sv3_dotline.gif) no-repeat center right;
	font-size:12px;
	padding:5px 0;
}
.sv3Wh {
	background:#fff;
	text-align:center;
	font-size:12px;
}
.sv3Bl {
	background:#B7D6E7;
	text-align:center;
	font-size:12px;
}
.sv3Pk {
	background:#E8C7BA;
	text-align:center;
	font-size:12px;
}
.sv3Gr {
	background:#B1E1A4;
	text-align:center;
	font-size:12px;
}
.sv3Yel {
	background:#DFD795;
	text-align:center;
	font-size:12px;
}

.sv1Txt {
	font-size:12px;
	color:#596E78;
	line-height:140%;
}
.sv1Bl {color:#4393B1; font-weight:bold;}


.orBar {
	background:url(../product/image/or_bg_bar.gif) repeat-x top left;
}
.orTxt {
	padding:15px 10px 10px 10px;
}
.orTxt2 {
	font-size:12px;
	line-height:160%;
	padding:0 10px 20px 10px;
}
.orTxtS {
	font-size:11px;
}
.orBar2 {
	background:url(../product/image/or_bar2_bg.gif) repeat-x top left;
}
.orTxt3 {
	font-size:14px;
	font-weight:bold;
	padding:5px 10px;
}
.orTxt4 {
	font-size:12px;
}

	

/* 製品カタログページのみ適応
-------------------------------*/	
div#layout #container #main #intro{
	margin:0;
	padding-bottom:10px;	
	}
div#layout #container #main #bottan{
	width:598px;
	height:162px;
	position:relative;
	}
div#layout #container #main #bottan ul{
	list-style:none;
	margin:0;
	}	
div#layout #container #main #bottan li{
	width:171px;
	height:36px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:28px;
	}
div#layout #container #main #bottan li a{
	text-decoration:none;
	display:block;
	width:171px;
	height:36px;
	}
div#layout #container #main #bottan li#b01{left:0; top:0;}
div#layout #container #main #bottan li#b02{left:0; top:47px;}
div#layout #container #main #bottan li#b03{left:0; top:93px;}	


/* 接触酸化装置ページ(sanka.html)のみ適応
-------------------------------*/	
div#layout #container #main .san_intro {
	width:626px;
	background:url(../product/image/ban_saver.gif) repeat-x;
	margin:0;
	}

div#layout #container #main .sanintro .txtbox {
	list-style:
	width:594px;
	padding:20px 16px 0 16px;
	line-height:140%;
	color:#596E78;
	font-size:12px;
	}
	
div#layout #container #main .sanintro .blank01 {
	display:block;
	width:626px;
	height:44px;
	} 

div#layout #container #main .sanintro .blank02 {
	display:block;
	width:626px;
	height:21px;
	} 
	
div#layout #container #main .imgbox {
	width:594px;
	height:251px;
	margin:0 auto;
	}
	
div#layout #container #main .img01 {
	width:292px;
	height:251px;
	padding-right:10px;
	float:left;
	}

div#layout #container #main .img02 {
	width:292px;
	height:251px;
	float:right;
	}

/* h
--------------*/	
div#layout #container #main h2{
	width:598px;
	height:45px;
	background:url(../product/image/ban_saver.gif) repeat-x;
	margin:0;
	margin-bottom:48px;	
	}






/* フッター
---------------------------------------------------------------*/
div#ft{
	margin:0 auto;
	padding-top:5px;
	width:767px;
	height:56px;	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#999999;
	background:url(../image/bg_ft.gif) no-repeat;	
	}