@charset "utf-8";



/* 基礎スタイル------------------------- */

html{
margin:0;
padding:0;
font-size:100%;
background: url(images/temp_bg1.gif) repeat-x;
}

body{
background: url(images/temp_bg2.gif) repeat-x bottom;
margin:0 auto;
padding:4px 0 0 0;
font-size:90%;
line-height:130%;
color:#626262;
width:100%;
}

img{
margin:0;
padding:0;
border:0;
vertical-align:bottom;
}

a{
color:#0066B0;
}

a:hover{
/*color:#B00000;*/
}


/* テンプレート用スタイル------------------------- */

div.container{
width:930px;
margin:0 auto;
}

div.header{
height:90px;
}

h1{
margin:0;
padding:0;
width:233px;
height:90px;
float:left;
}

h1 img{
vertical-align:baseline;
}

div.header div{
width:697px;
height:90px;
float:right;
}

div.header div p{
margin:0;
padding:10px 0 15px;
text-align:right;
font-size:80%;
}

div.header ul{
margin:0 0 0 77px;
padding:0;
list-style:none;
}

div.header ul li{
display:block;
float:left;
height:35px;
}

div.header li a{
display:block;
text-indent:-9999px;
overflow:hidden;
}

div.header ul li.temp_group1 a{
background:url(images/temp_group2.gif) no-repeat left top;
width:169px;
height:35px;
}

div.header ul li.temp_group1 a:hover{
background:url(images/temp_group2.gif) no-repeat left bottom;
width:169px;
height:35px;
}

div.header ul li.temp_group2{
margin-right:24px;
}

div.header ul li.temp_group2 a{
background:url(images/temp_group2.gif) no-repeat right top;
width:169px;
height:35px;
}

div.header ul li.temp_group2 a:hover{
background:url(images/temp_group2.gif) no-repeat right bottom;
width:169px;
height:35px;
}

div.header ul li.inquiry a{
background:url(images/temp_inquiry.gif) no-repeat left top;
width:132px;
height:35px;
}

div.header ul li.inquiry a:hover{
background:url(images/temp_inquiry.gif) no-repeat left bottom;
width:132px;
height:35px;
}

/* ナビゲーション */

div.navigation{
clear:both;
height:37px;
background:url(images/temp_navigation.gif) no-repeat left bottom;
}

div.navigation ul{
margin:0;
padding:0;
height:37px;
}

div.navigation ul li{
display:inline;
float:left;
width:155px;
height:37px;
text-indent:-9999px;
overflow:hidden;
}

div.navigation ul li a{
display:block;
float:left;
width:155px;
height:37px;
text-indent:-9999px;
overflow:hidden;
}

div.navigation ul li.n_home a{
background: url(images/temp_navigation.gif) no-repeat 0 0;
}

div.navigation ul li.n_home a:hover{
background: url(images/temp_navigation.gif) no-repeat 0 -37px;
}

div.navigation ul li.n_company a{
background: url(images/temp_navigation.gif) no-repeat -155px 0;
}

div.navigation ul li.n_company a:hover{
background: url(images/temp_navigation.gif) no-repeat -155px -37px;
}

div.navigation ul li.n_product a{
background: url(images/temp_navigation.gif) no-repeat -310px 0;
}

div.navigation ul li.n_product a:hover{
background: url(images/temp_navigation.gif) no-repeat -310px -37px;
}

div.navigation ul li.n_industry a{
background: url(images/temp_navigation.gif) no-repeat -465px 0;
}

div.navigation ul li.n_industry a:hover{
background: url(images/temp_navigation.gif) no-repeat -465px -37px;
}

div.navigation ul li.n_eco a{
background: url(images/temp_navigation.gif) no-repeat -620px 0;
}

div.navigation ul li.n_eco a:hover{
background: url(images/temp_navigation.gif) no-repeat -620px -37px;
}

div.navigation ul li.n_employ a{
background: url(images/temp_navigation.gif) no-repeat -775px 0;
}

div.navigation ul li.n_employ a:hover{
background: url(images/temp_navigation.gif) no-repeat -775px -37px;
}

/* フッター */
div.footer{
clear:both;
text-align:center;
margin:0;
padding:20px 0 0;
font-size:110%;
}


/* index以外のスタイル------------------------- */

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

div.sub_navigation{
width:233px;
float:left;
}

div.sub_navigation p{
margin:0;
padding:0;
}

div.sub_navigation ul{
margin:0 0 15px;
padding:0;
list-style:none;
}

div.sub_navigation ul li{
display:block;
border-bottom:1px solid #FFF;
background:url(images/side_navi/list_icon.gif) no-repeat left top #C3E1F4;
color:#353535;
}

div.sub_navigation ul li span{
display:block;
width:197px;
height:26px;
padding:10px 0 0 36px;
}

div.sub_navigation ul li a{
display:block;
background:url(images/side_navi/list_icon.gif) no-repeat left top #E8E8E8;
color:#353535;
text-decoration:none;
}

div.sub_navigation ul li a:hover{
background:url(images/side_navi/list_icon.gif) no-repeat left top #C3E1F4;
}


/* メインのコンテンツ */

div.contents_text{
float:left;
width:618px;
margin-left:77px;
}

div.contents_text h2{
margin:0 0 15px;
padding:0;
}

div.contents_text h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
color:#0077B1;
border-top:4px solid #34A3DB;
border-bottom:2px solid #BDC2C8;
}

div.contents_text h4{
clear:both;
margin:0 0 10px;
padding:5px;
background:#E8E8E8;
font-weight:normal;
}


/* パンくずリスト */
p.topic_path{
margin:15px 0 0 0;
font-size:90%;
}

/* トップへ戻る */
p.totop{
clear:both;
text-align:right;
margin-top:25px;
}



/* index.html専用スタイル------------------------- */

div.home{
float:left;
clear:both;
font-size:80%;
}

div.home h2{
margin:0 0 23px;
padding:0;
}

div.home h3{
margin:0 0 7px;
padding:0;
}

div.home_l{
width:194px;
float:left;
margin:0 16px 0 0;
}

div.home_l dl{
margin:0;
padding:0;
clear:both;
}

div.home_l dl img{
border:1px solid #D0D0D0;
}

div.home_l dl dt{
clear:both;
float:left;
padding:0 5px 0 0;
}

div.home_c{
width:512px;
float:left;
margin:0 24px 0 0;
}

div.home_c dl{
margin:0 0 10px;
padding:5px 0;
clear:both;
border-bottom:2px solid #8C8C8C;
line-height:200%;
}

div.home_c dl dt{
clear:both;
float:left;
width:95px;
font-weight:bold;
padding:5px 0;
background:url(images/home/home_c_icon.gif) no-repeat right center;
}

div.home_c dl dd{
margin-left:100px;
padding:5px 0;
}

div.home_r{
width:184px;
float:left;
text-align:center;
font-size:80%;
}

div.home_r div{
border:1px solid #D0D0D0;
padding:1px;
}

div.home_r div div{
border:1px solid #F2F2F2;
}





/* 下層ページ用スタイル------------------------- */


/* 会社概要 */
table.t_company{
width:100%;
border-collapse:collapse;
}

table.t_company th{
border-bottom:1px dotted #555;
font-weight:normal;
text-align:left;
padding:7px 0;
background:url(images/company/company_list.gif) no-repeat right top;
vertical-align:top;
width:155px;
white-space:nowrap;
}

table.t_company td{
border-bottom:1px dotted #555;
padding:7px 0 7px 10px;
}

table.t_office{
width:360px !important;
}

table.t_office th{
width:80px;
}

.office_photo1{
float:left;
margin:0 15px 15px 0;
}

table.office_photo2{
clear:both;
margin:10px 0;
font-size:90%;
border-collapse:collapse;
}

.office_photo2 td{
vertical-align:top;
text-align:right;
padding:0;
}

.office_photo2 td img{
margin:2px;
vertical-align:top;
}




/* 製品情報 */
p.img_product{
float:left;
clear:both;
margin:10px 20px 15px 0;
}

.txt_product{
margin-left:250px;
}



/* 事業内容 */
ul.sub_industry{
margin:0;
padding:0;
list-style:none;
height:63px;
margin-bottom:100px;
}

ul.sub_industry li{
display:inline;
width:194px;
height:63px;
background:none;
}

ul.sub_industry li a{
display:block;
float:left;
width:194px;
height:63px;
background:url(images/business/sub_industry.jpg) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

ul.sub_industry li.industry1 a{
background:url(images/business/sub_industry.jpg) no-repeat left top;
margin-right:18px;
}

ul.sub_industry li.industry2 a{
background:url(images/business/sub_industry.jpg) no-repeat center top;
margin-right:18px;
}

ul.sub_industry li.industry3 a{
background:url(images/business/sub_industry.jpg) no-repeat right top;
}

ul.sub_industry li.industry1 a:hover{
background:url(images/business/sub_industry.jpg) no-repeat left bottom;
}

ul.sub_industry li.industry2 a:hover{
background:url(images/business/sub_industry.jpg) no-repeat center bottom;
}

ul.sub_industry li.industry3 a:hover{
background:url(images/business/sub_industry.jpg) no-repeat right bottom;
}

p.inorganic1{
float:left;
text-align:right;
font-size:90%;
margin:0 10px 20px;
}


table.t_industry{
clear:both;
width:95% !important;
margin:20px auto !important;
border-top:1px dotted #555;
}



/* 環境への取り組み */
ul.sub_environment{
margin:0;
padding:0;
list-style:none;
height:63px;
margin-bottom:100px;
}

ul.sub_environment li{
display:inline;
width:194px;
height:63px;
background:none;
}

ul.sub_environment li a{
display:block;
float:left;
width:194px;
height:63px;
background:url(images/environment/sub_environment.jpg) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

ul.sub_environment li a:hover{
background:url(images/environment/sub_environment.jpg) no-repeat left bottom;
}

p.iso14001_1{
text-align:center;
}