@charset "utf-8";
/*
Theme Name: 浜松油化
Version: 1
Tags: 
*/


body {
	line-height: 1;
	color: #111;
	margin:0 auto;
	padding:0px;
	font-size:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{
    margin:0;
    padding:0;
}
h1 span {display:none ;}
table {border-collapse:collapse; border-spacing:0; }
th {font-size:100%;	line-height:140%; }
td {vertical-align:top;	font-size:100%;	line-height:140%; }
img {border:0; vertical-align:bottom; }
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal; }
ol,ul {list-style:none ;}
caption,th {text-align:left; }
h1,h2,h3,h4,h5,h6 {
}
p {margin:0; line-height:250%; }
q:before,q:after {content:''; }
abbr,acronym {border:0; }
a:link, a:visited, a:active {color: #000; text-decoration: underline; }
a:hover {color: #e87f18; text-decoration: underline; }
select {font-size: 96%; }
input {font-size: 100%; }
textarea {font-size: 100%; }

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


 /* clearfix 
------------------------------------------------------------ */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {display: block; }
.clear {clear: both; }




/* head
------------------------------------------------------------ */
header { margin:0 auto; border-top:5px solid #4c609e;}
hgroup { width:980px; min-height:100px; margin:0 auto;}

hgroup .logo { float:left; margin-top:22px;}
hgroup .h_right { float:right; margin-top:0;}
hgroup .h_right .ctt { text-align:right;}
hgroup .h_right .h_nav { margin-top:9px;}
hgroup .h_right .h_nav li { float:right; border-left:1px solid #3f78ed; padding:10px 12px;}
hgroup .h_right li:first-child{ border-right:1px solid #3f78ed;}
.h_right li a:link, .h_right li a:visited, .h_right li a:active {color: #222; text-decoration: none; }
.h_right li a:hover {color: #222; text-decoration: underline; }




/* コンテンツエリア
------------------------------------------------------------ */
#contents { margin:0 0 0 0;}
#contents .area980 { width:980px; margin:0 auto;}



/* HOME */
.headercover_home .home_copy { margin: 0 auto; padding-top: 50px; text-align: center;	max-width: 2000px; height: 600px; background-color: #fff; background-image: url(images/home/top_mainpic.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
.headercover_home .home_copy p { width:980px; margin:60px auto; text-align:left;}
.headercover_home .home_copy p img {}
.headercover_home .copy { background-color:#6a8678;}
.headercover_home .copy_in { width:980px; margin:0 auto; padding:18px 0; color:#FFF; font-weight:normal; font-size:110%; line-height:180%;}

.cp_area_h { width:100%; margin:0 auto; background:url(images/home/top_profile_bg.jpg) top center no-repeat;}
.cp_area_h .area980 { text-align:center; padding:20px 0 70px 0;}
.cp_area_h .tit { padding:50px 0;}
.cp_area_h .tx { line-height:300%;}

.bn_area_h { width:100%; margin:0 auto; background-image:url(images/home/top_business_bg.gif);}
.bn_area_h .area980 { text-align:center; padding:20px 0 70px 0;}
.bn_area_h .tit { padding:50px 0;}

.ci_area_h { width:100%; margin:0 auto;}
.ci_area_h .area980 { text-align:center; padding:20px 0 120px 0;}
.ci_area_h .tit { padding:50px 0;}
.ci_area_h dl { padding:30px 0 0 0;}
.ci_area_h dt { padding:0 0; float:left; width:497px;}
.ci_area_h dd { padding:30px 0 0 30px; float:left; text-align:left; line-height:250%;}
.ci_area_h dd img { margin:0 10px; vertical-align: middle;}


	  

/* 下層共通 */
.contents_in { margin:0 0 100px 0;}

.headercover { background:url(images/home/header_bg.gif) top;}

.pan { border-bottom:1px solid #ccc; padding:5px 0;}
.pan p { width:980px; margin:0 auto; font-size:90%;}
.pan p a:link, .pan p a:visited, .pan p a:active {color: #111; text-decoration: underline; }
.pan p a:hover {color: #e87f18; text-decoration: underline; }

.contents_in h2 { font-size:210%; font-weight:normal; font-style:italic; letter-spacing:10px; color:#333; position: relative; display: inline-block; margin-bottom:50px;}
.contents_in h2:first-letter{ font-size:140%; font-weight:bold; color:#4c609e;}
.contents_in h2:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 130px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

.waku { border:1px solid #ccc; background-color:#f5f5f5; padding:60px; margin-top:70px; text-align:center;}
.waku_no { margin-top:90px; text-align:center;}




/* 会社案内 */
.headercover .pf_area { margin: 0 auto; padding-top: 150px; text-align: center;	max-width: 2000px; height: 250px; background-color: #fff; background-image: url(images/profile/icatch_profile.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
.headercover .pf_area p { width:980px; margin:0px auto;}

.eco { padding-top:60px;}
.eco .tx { float:left; width:646px; padding-top:40px;}
.eco .pic { float:left; width:334px;}

.history {}
.history .tbl_1 { font-size:94%; margin-top:40px; width:758px; margin-left:50px; border-top:1px solid #999;}
.history .tbl_1 th { font-weight:bold; padding:10px 20px; vertical-align:top; line-height:180%; border-bottom:1px solid #fff; background-color:#4c609e; white-space:nowrap; color:#FFFFFF;}
.history .tbl_1 td { padding:10px 30px; line-height:180%; border-right:1px solid #999; border-bottom:1px solid #999; text-align:left;}
.history .tbl_1 img { margin:20px 0 10px 0;}
.sdgs { width:758px; margin:50px auto 0 auto;}




/* 業務内容 */
.headercover .bn_area { margin: 0 auto; padding-top: 150px; text-align: center;	max-width: 2000px; height: 250px; background-color: #fff; background-image: url(images/business/icatch_business.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
.headercover .bn_area p { width:980px; margin:0px auto;}

.business { padding-top:80px; text-align:center;}

.bn01 .txt01 img { margin-top:20px;}

.bn02 .tit01 { border:1px dotted #999; background-color:#f2f2f2; padding:0; margin:50px 0 30px 0; font-weight:bold; line-height:190%; color:#333; width:725px; margin-left:125px;}

.bn03 .left { float:left; text-align:left; margin-left:80px;}
.bn03 .left img { margin-top:20px;}
.bn03 .right { float:right; text-align:left; margin-right:80px;}
.bn03 .data_area { width:700px; margin:0 auto;}
.bn03 .data_area h3 { text-align:left; font-size:90%; margin:50px 0 10px 0;}
.bn03 .data_area .file { text-align:left;}

.bn04 .txt02 { line-height:180%; font-weight:bold;}
.bn04 .txt03 { text-align:left; margin-top:60px;}
.bn04 .tbl_bn04 { font-size:94%; margin:20px auto; width:850px; border-top:1px solid #ccc;}
.bn04 .tbl_bn04 th { background-color:#d9d9d9; border-bottom:1px solid #fff; padding:2px 5px 2px 20px; line-height:180%; text-align:center; text-align:left;}
.bn04 .tbl_bn04 td { background-color:#f7f7f7; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px 0; line-height:180%; text-align:center; width:12%;}
.bn04 .tbl_bn04 .tablehead { border-bottom:double 3px #999; font-weight:bold; text-align:center;}

.bn03 .tbl_bn04 { font-size:94%; margin:40px auto 10px auto; width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.bn03 .tbl_bn04 th { background-color:#d9d9d9; border-right:1px solid #fff; padding:5px 0 5px 0; line-height:150%; text-align:center; font-weight:bold;}
.bn03 .tbl_bn04 th:nth-of-type(5){ border-right:1px solid #ccc;}
.bn03 .tbl_bn04 td { background-color:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px 0; line-height:180%; text-align:center; width:12%;}



/* 浜松油化グループ低濃度PCB廃棄物の取り組み */
.headercover .ci_area { margin: 0 auto; padding-top: 150px; text-align: center;	max-width: 2000px; height: 250px; background-color: #fff; background-image: url(images/pcb/icatch_pcb.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat;}
.headercover .ci_area p { width:980px; margin:0px auto;}

.ci01 .pcb_list {}
.ci01 .pcb_list li { float:left; width:400px; text-align:left; margin-bottom:60px;}
.ci01 .pcb_list li:nth-of-type(odd) { margin-right:40px;}
.ci01 .pcb_list li .tit { color:#4c609e; border-left:5px solid #4c609e; padding:0 0 0 10px;}
.ci01 .pcb_list li .tx { line-height:180%; margin:10px 0 0 15px;}
	  



/* pagetop
------------------------------------------------------------ */
#pagetop {
	position: fixed;
	bottom: 280px;
	right: 20px;
}			


/* footer
------------------------------------------------------------ */
footer a:link, footer a:visited, footer a:active {text-decoration: none; }
footer a:hover {color: #111; text-decoration: underline; }

#footer1 { background-color:#80ba9c; padding:30px 0 25px 0;}
#footer2 { background-color:#4a9c72; padding:15px 0 20px 0;}

.footer_in { width:980px; margin:0 auto;}
#footer1 .f_contact {}
#footer1 .f_contact li { float:left; margin:0 70px 0 0;}

#footer1 .f_menu { margin-top:25px;}
#footer1 .f_menu li { float:left; background:url(images/ico_tri.png) 0 0 no-repeat; font-size:80%; margin:0 20px 0 0; padding:0 0 0 14px;}

#footer2 .left { float:left; width:480px; font-size:80%; padding-top:5px;}
#footer2 .left p { line-height:150%; margin-bottom:5px;}
#footer2 .right { float:right; width:480px; font-size:80%; text-align:right; padding-top:30px;}
#footer2 .right p {font-size:100%; line-height:200%; font-weight:normal; margin-bottom:15px;}
#footer2 .right small {font-size:100%; color:#111;}





/* spacer
------------------------------------------------------------ */

.spacer1 {
	padding-bottom:1px;
	}
.spacer5 {
	padding-bottom:5px;
	}
.spacer10 {
	padding-bottom:10px;
	}
.spacer15 {
	padding-bottom:15px;
	}
.spacer20 {
	padding-bottom:20px;
	}
.spacer30 {
	padding-bottom:30px;
	}
.spacer40 {
	padding-bottom:40px;
	}
.spacer50 {
	padding-bottom:50px;
	}
.spacer60 {
	padding-bottom:60px;
	}
.spacer70 {
	padding-bottom:70px;
	}

.spacertop1 {
	margin-top:1px;
	}
.spacertop5 {
	margin-top:5px;
	}
.spacertop10 {
	margin-top:10px;
	}
.spacertop15 {
	margin-top:15px;
	}
.spacertop20 {
	margin-top:20px;
	}
.spacertop30 {
	margin-top:30px;
	}
.spacertop40 {
	margin-top:40px;
	}
.spacertop50 {
	margin-top:50px;
	}
.spacertop60 {
	margin-top:60px;
	}
.spacertop70 {
	margin-top:70px;
	}
.spacertop80 {
	margin-top:80px;
	}