@charset "Shift_JIS" ;

html
{
	margin : 0 ;
	padding : 0 ;
	background-color : white ;
}

body
{
	margin : 0 ;
	padding : 0 ;
	font-size : 11px ;
/*	font-family : "Lucida Grande" , "Avant Garde" , Helvetica , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3" , Osaka , "ＭＳ Ｐゴシック" , sans-serif ;*/
	color : #333333 ;
}

ul ,
ol ,
li ,
dl ,
dt ,
dd ,
p ,
img ,
a ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
hr ,
address ,
em ,
strong ,
abbr ,
dfn ,
object ,
form
{
	margin : 0 ;
	padding : 0 ;
	font-style : normal ;
	font-weight : normal ;
}

img
{
	vertical-align : bottom ;
}

a img
{
	border-style : none ;
}

div.Main
{
	width : 768px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 0 ;
	margin-bottom : 0 ;
	padding : 0 ;
	background-image : url(../Images/body_green.jpg) ;
	background-position : bottom left ;
	background-repeat : no-repeat ;
}

body.index div.Main
{
	background-image : none ;
}

div.Main h1
{
	height : 36px ;
	background-image : url(../Images/h1_background.jpg) ;
	background-repeat : repeat-x ;
}

div.Main h1 img
{
	position : absolute ;
	top : 0 ;
}

div.Main h1 a
{
	display : block ;
	width : 122px ;
	height : 36px ;
	background-repeat : no-repeat ;
	background-position : top left ;
	background-image : url(../Images/h1-osone_over_122.jpg) ;
}

/* WinIE は a 要素にホバー指定が無いと効かない */
div.Main h1 a:hover
{
	background-color : transparent ;
}

/* マウスオーバー時にイメージ非表示、背景画像が見える */
div.Main h1 a:hover img
{
	visibility : hidden ;
}

div.Main div.contents
{
	padding : 24px 0 0 168px ;
	background-image : url(../Images/h2_background.jpg) ;
	background-position : top center ;
	background-repeat : repeat-x ;
}

body.index div.Main div.contents
{
	padding : 24px 0 0 0 ;
}

div.Main div.contents h2
{
	padding-bottom : 14px ;
	background-image : url(../Images/h2_line_background.png) ;
	background-position : bottom left ;
	background-repeat : no-repeat ;
}

body.index div.Main div.contents h2
{
	padding-bottom : 0 ;
	text-align : left ;
	background-image : none ;
}

div.Main div.contents p.lead
{
	margin : 5px 0 20px 0 ;
	padding : 0 ;
	text-align : right ;
	font-size : 11px ;
	line-height : 1.5 ;
}

body.index div.Main div.contents p.lead
{
	margin : 10px 0 0 0 ;
	text-align : left ;
}

div.photo
{
	margin : 0 0 4px 0 ;
}

table.catalog
{
	margin : 8px 0 24px 0 ;
	padding : 8px 2px 8px 2px ;
	border : 1px solid silver ;
	background-image : url(/Images/line-240.png) ;
}

table.catalog tr
{
	margin : 0 ;
	padding : 0 ;
	border-style : none ;
}

table.catalog tr td
{
	width : 180px ;
	margin : 0 ;
	vertical-align : top ;
	line-height : 1.3 ;
	padding : 4px 6px 4px 6px ;
	border-style : none ;
}

table.catalog tr td.note
{
	vertical-align : middle ;
	line-height : 1.5 ;
}

table.catalog tr td a img
{
	border : 1px solid silver ;
	vertical-align : bottom ;
}

/* サイドナビゲーションと目次ナビゲーション */

div.SideNavigation
{
	position : absolute ;
	top : 70px ;
	padding : 78px 0 0 0 ;
	background-position : top center ;
	background-repeat : no-repeat ;
}

body.ex div.SideNavigation
{
	background-image : url(../Images/side_exterior.png) ;
}

body.re div.SideNavigation
{
	background-image : url(../Images/side_reform.png) ;
}
body.oz div.SideNavigation
{
	/*background-image : url(../Images/side_ozone.png) ;*/
}
body.mizu div.SideNavigation
{
	/*background-image : url(../Images/side_mizu.png) ;*/
}


body.info#INDEX div.SideNavigation
{
	background-image : url(../Images/side_corporate.png) ;
}

body.info#RECRUIT div.SideNavigation
{
	background-image : url(../Images/side_recruit.png) ;
}

body.info#PRODUCT div.SideNavigation
{
	background-image : url(../Images/side_product.png) ;
}

body.info#CONTACT div.SideNavigation
{
	background-image : url(../Images/side_contact.png) ;
}

div.TableOfContents ul
{
	width : 508px ;
	height : 60px ;
	padding : 0 0 0 260px ;
	background-image : url(../Images/tableofcontents_bg.png) ;
	background-position : top left ;
	background-repeat : no-repeat ;
}

div.SideNavigation ul li ,
div.TableOfContents ul li
{
	list-style-type : none ;
}

div.SideNavigation ul li
{
	margin : 0 0 8px 0 ;
}

div.TableOfContents ul li
{
	float : left ;
	margin-left : 5px ;
}

div.SideNavigation ul li a ,
div.TableOfContents ul li a
{
	display : block ;
	width : 122px ;
	height : 60px ;
	background-repeat : no-repeat ;
	background-position : top left ;
}

div.SideNavigation ul li#EX01 a ,
div.TableOfContents ul li#EX01 a
{
	background-image : url(../Images/side_navi_ex01_over.png) ;
}

div.SideNavigation ul li#EX02 a ,
div.TableOfContents ul li#EX02 a
{
	background-image : url(../Images/side_navi_ex02_over.png) ;
}

div.SideNavigation ul li#EX03 a ,
div.TableOfContents ul li#EX03 a
{
	background-image : url(../Images/side_navi_ex03_over.png) ;
}

div.SideNavigation ul li#REF01 a ,
div.TableOfContents ul li#REF01 a
{
	background-image : url(../Images/side_navi_ref01_over.png) ;
}

div.SideNavigation ul li#EX01
{
	background-image : url(../Images/side_navi_ex01.png) ;
}

div.SideNavigation ul li#EX02
{
	background-image : url(../Images/side_navi_ex02.png) ;
}

div.SideNavigation ul li#EX03
{
	background-image : url(../Images/side_navi_ex03.png) ;
}

div.SideNavigation ul li#REF01
{
	background-image : url(../Images/side_navi_ref01.png) ;
}

/* WinIE は a 要素にホバー指定が無いと効かない */
div.SideNavigation ul li a:hover ,
div.TableOfContents ul li a:hover
{
	background-color : transparent ;
}

/* マウスオーバー時にイメージ非表示、背景画像が見える */
div.SideNavigation ul li a:hover img ,
div.TableOfContents ul li a:hover img
{
	visibility : hidden ;
}

/* 当該リソースはアンカー表示しない */
body#EXTERIOR01 div.SideNavigation ul li#EX01 a ,
body#EXTERIOR02 div.SideNavigation ul li#EX02 a ,
body#EXTERIOR03 div.SideNavigation ul li#EX03 a ,
body#REFORM01 div.SideNavigation ul li#REF01 a
{
	visibility : hidden ;
}

/* 本文 */
div.Main div.contents div.section
{
	margin : 20px 0 0 0 ;
}

body.index div.Main div.contents div.section
{
	clear : both ;
	background-image : none ;
}

div.Main div.contents div.section dfn
{
	font-weight : bold ;
}

div.Main div.contents div.section form
{
	margin-bottom : 20px ;
	padding-bottom : 60px ;
}

div.Main div.contents div.section form p
{
	margin-top : 20px ;
	margin-bottom : 20px ;
}

div.Main div.contents div.section p img.sample
{
	float : right ;
	margin-left : 20px ;
}

div.Main div.contents div.section p.Image
{
	float : left ;
	width : 240px ;
}

div.Main div.contents div.section p.Image img
{
	margin-bottom : 10px ;
}

div.contents div.section h3
{
	font-size : 24px ;
	margin : 0 0 10px 0 ;
}

body.index div.Main div.contents div.section h3
{
	margin : 30px 0 0 0 ;
	padding : 34px 0 0 0 ;
	height : 116px ;
	text-align : right ;
	background-image : url(../Images/h3_index_bg.png) ;
	background-position : bottom left ;
	background-repeat : no-repeat ;
}

div.Main div.contents div.section dl
{
	padding : 0 0 5px 0 ;
}

body.info div.Main div.contents div.section dl
{
	margin-left : 240px ;
}

div.Main div.contents div.section dl dt
{
	margin : 10px 0 5px 0 ;
	font-size : 16px ;
	font-weight : bold ;
	display : list-item;
	list-style-image : url(../Images/dt_arrow.png) ;
	list-style-position : inside ;
	marker-offset : 20px ;
}

div.Main div.contents div.section dl dd
{
	margin : 5px 0 5px 0 ;
	line-height : 1.5 ;
}

div.Main div.contents div.section dl dd ul ,
div.Main div.contents div.section dl dd ol
{
	list-style-position : inside ;
	margin : 5px 0 5px 0 ;
}

/* フッタ */

div.footer
{
	clear : both ;
	padding : 10px 0 28px 0 ;
	background-image : url(../Images/body_background.png) ;
	background-position : bottom center ;
	background-repeat : repeat-x ;
	background-color : white ;
}

div.footer address
{
	font-size : 11px ;
	text-align : left ;
}

/* トップナビゲーション */

div.TopNavigation
{
	position : absolute ;
	top : 0 ;
	margin : 0 0 0 122px ;
	width : 646px ;
	height : 36px ;
}

div.TopNavigation ul
{
/*	text-align : right ;*/
}

div.TopNavigation ul li
{
	float : right ;
	list-style-type : none ;
}

div.TopNavigation ul li a
{
	display : block ;
	background-repeat : no-repeat ;
	background-position : top left ;
}

div.TopNavigation ul li#TOP01 a
{
	background-image : url(../Images/top_navi_news_over.jpg) ;
	width : 54px ;
	height : 36px ;
}

div.TopNavigation ul li#TOP02 a
{
	background-image : url(../Images/top_navi_info_over.jpg) ;
	width : 64px ;
	height : 36px ;
}

div.TopNavigation ul li#TOP03 a
{
	background-image : url(../Images/top_navi_recruit_over.jpg) ;
	width : 64px ;
	height : 36px ;
}

div.TopNavigation ul li#TOP04 a
{
	background-image : url(../Images/top_navi_contact_over.jpg) ;
	width : 74px ;
	height : 36px ;
}


div.TopNavigation ul li#TOP01
{
	background-image : url(../Images/top_navi_news_here.jpg) ;
	width : 54px ;
	height : 36px ;
}

div.TopNavigation ul li#TOP02
{
	background-image : url(../Images/top_navi_info_here.jpg) ;
	width : 64px ;
	height : 36px ;
}

div.TopNavigation ul li#TOP03
{
	background-image : url(../Images/top_navi_recruit_here.jpg) ;
	width : 64px ;
	height : 36px ;
}

div.TopNavigation ul li#TOP04
{
	background-image : url(../Images/top_navi_contact_here.jpg) ;
	width : 74px ;
	height : 36px ;
}

/* WinIE は a 要素にホバー指定が無いと効かない */
div.TopNavigation ul li a:hover
{
	background-color : transparent ;
}

/* マウスオーバー時にイメージ非表示、背景画像が見える */
div.TopNavigation ul li a:hover img
{
	visibility : hidden ;
}

/* 当該リソースはアンカー表示しない */
body.info#PRODUCT div.TopNavigation ul li#TOP01 a ,
body.info#INDEX div.TopNavigation ul li#TOP02 a ,
body.info#RECRUIT div.TopNavigation ul li#TOP03 a ,
body.info#CONTACT div.TopNavigation ul li#TOP04 a
{
	visibility : hidden ;
}