@media print {


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font:90%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#333;
-webkit-text-size-adjust: none;
}

.clearfix:before, .clearfix:after {
    content:"";
    display:table
}
.clearfix:after { clear:both }
.clearfix { zoom:1 } /* For IE 6/7 */


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0073d1;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#1b8ff1;
}
a:hover img{ opacity:0.7;}


/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #5a0000;
background: -moz-linear-gradient(top, #1b8ff1 0%, #5a0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8ff1), color-stop(100%,#5a0000));
background: -webkit-linear-gradient(top, #1b8ff1 0%,#5a0000 100%);
background: -o-linear-gradient(top, #1b8ff1 0%,#5a0000 100%);
background: -ms-linear-gradient(top, #1b8ff1 0%,#5a0000 100%);
background: linear-gradient(to bottom, #1b8ff1 0%,#5a0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b8ff1', endColorstr='#5a0000',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #5a0000;
background: -moz-linear-gradient(top, #5a0000 0%, #1b8ff1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a0000), color-stop(100%,#1b8ff1));
background: -webkit-linear-gradient(top, #5a0000 0%,#1b8ff1 100%);
background: -o-linear-gradient(top, #5a0000 0%,#1b8ff1 100%);
background: -ms-linear-gradient(top, #5a0000 0%,#1b8ff1 100%);
background: linear-gradient(to bottom, #5a0000 0%,#1b8ff1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0000', endColorstr='#1b8ff1',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper{}
.inner{
margin:0 auto;
width:960px;
}

#header{overflow:hidden;width:960px;margin:0 auto;}

#content{

}

#sidebar{
float:left;
width:265px;
padding:30px 0;
}

#footer{
clear:both;
padding-top:20px;
border-top:1px solid #ccc;
background:#d0e4f4;
} 

/* 戻るボタン
------------------------------------------------------------*/
.page_top {
	display:none;

}



/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
color: #000;
font-size:130%;
font-weight:bold;
float:left;
width:150px;
    padding: 0;
    margin: 0;
    line-height: 0;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding-top:20px;
color: #1b8ff1;
font-size:160%;
font-weight:bold;
}


/* コンタクトインフォメーション
----------------------------------*/
#headerInfo{
float:right;
text-align:left;
padding-top:10px;
}

#headerInfo p{
padding:2px 0 2px 80px;
color:#1b8ff1;
font-size:12px;
font-weight:bold;
background:url(images/openTime.png) no-repeat 0 2px;
}

#headerInfo p.tel{background:url(images/tel.png) no-repeat 0 4px;font-size:16px;}

#headerInfo p.address{background-image:url(images/address.png);}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
line-height:0;
text-align:center;
z-index:0;
}

#mainImg img{ width:100%; height:auto;}



/* トップコンテンツ
*****************************************************/

/* 新着情報
--------------*/

section.news h2{ background:url(images/title_boder.png) repeat-x bottom;padding-bottom: 5px; font-size: 180%; margin-bottom:10px; overflow:hidden;}
section.news .rss{ float:left;}
section.news .rss img{ padding: 8px 0 0 10px;}
section.news .icon{ background:url(images/title-icon01.png) no-repeat 0 50%; padding-left: 30px;float:left;}
section.news .list{ font-size:50%; float: right;background:#d0e4f4;padding: 5px 10px; margin: 5px;}
section.news .list a{background:url(images/arrow_blue.png) no-repeat right; padding: 0 10px;}

section.news ul{ border-bottom:1px dashed #000;}
section.news ul .blog{ background:#bcbcbc; padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .media{ background:#58ce6e;padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .news{ background:#ffcc00;padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .report{ background:#00c2eb;padding: 0 5px; color:#fff; text-decoration:none;}
section.news ul .title{ padding:5px 0;}

section.news .left_box{width:460px; float:left;}
section.news .left_box .img{width:215px; float:left;}
section.news .left_box ul{margin-bottom: 15px; padding-bottom:10px;}

section.news .right_box{width:460px; float:right;}
section.news .right_box .img{width:140px; float:left;}
section.news .right_box ul{margin-bottom: 10px; padding-bottom:5px;}


/* 施工実績・部門紹介
--------------*/
section.bl_bg{ background:#ebf6ff; padding:30px 0;}
.wh_bg{ background:#fff;}

.results{ width:460px; float:left;padding: 15px;}
.results h2{background:url(images/title_boder.png) repeat-x bottom;padding-bottom: 5px; font-size: 180%; margin-bottom:10px; overflow:hidden;}
.results ul{ border-bottom:1px dashed #000;margin-bottom: 10px; padding-bottom:5px;}
.results .icon{ background:url(images/title-icon02.png) no-repeat 0 50%; padding-left: 30px;}
.results .list{ font-size:50%; float: right;padding: 5px; background:#d0e4f4;padding: 5px 10px; margin: 5px;}
.results .list a{background:url(images/arrow_blue.png) no-repeat right; padding: 0 10px;}
.results .img{width:140px; float:left;}
.results .category{ background:#515151; color:#fff;padding: 0 10px;color: #fff;text-decoration: none;}

.bumon{ width:440px; float: right;padding: 15px;}
.bumon h2{ background:url(images/title-icon03.png) no-repeat 0 50%; padding-left: 30px;font-size: 180%; margin-bottom:10px;}
.bumon .doot_bg{ background:url(images/bumon_bg.png); padding:20px;}
.bumon .doot_bg ul{ background:#fff; padding: 20px 0;}
.bumon .doot_bg ul li{ text-align:center;}
.bumon .banners li{ float:left;    margin-top:20px;}
.bumon .banners{ margin:10px 0 0 0;}
.pl_18{ padding-left:18px;}

/* バナー６点
--------------*/
section.banners ul{ width:100%;}
section.banners .banner_2 { height: auto; overflow: hidden;}
section.banners .banner_2 li,.banners .banner_4 li{ float:left;}
section.banners .story{ background:url(images/mbn-story_bg.png) no-repeat; background-size: cover;width: 50%; height:auto; text-align:center;}
section.banners .recruit{ background:url(images/mbn-recruit_bg.png) no-repeat;background-size: cover;width: 50%; height:auto;text-align:center;}
section.banners .banner_4 { height:138px;    overflow: hidden;margin-top: 3px;}
section.banners .banner_4 li{ text-align:center;}
section.banners .banner_4 .choice{ width:25%; height:auto; background:#269dff;}
section.banners .banner_4 .result{width:25%; height:auto; background:#ec9000;}
section.banners .banner_4 .accessnmap{width:25%; height:auto; background:#69b418;}
section.banners .banner_4 .iso_ohsas{width:25%; height:auto; background:#9072db;}

/* フッター
*****************************************************/
#footerLogo{
float:left;
width:265px;
}

#footerLogo img{
max-width:265px;
height:auto;
}

#footer ul{
float:left;
width:211px;
font-size:95%;
padding-bottom: 20px;
padding-right: 25px;
}

#footer ul ul{padding-bottom:0;width:auto;}

#footer ul .title{ background:url(images/f-title-icon.png) no-repeat 0 50%;padding-left: 18px; font-weight: bold;font-size: 120%;border-bottom: 1px solid #a5c0d5;    margin-bottom: 5px;}

#footer ul li{
vertical-align:text-top;
text-align:left;
padding:5px 0;
margin-left:15px;
}

#footer ul .shain{background:url(images/f-list.png) no-repeat 0 50%;padding-left: 15px;}
#footer ul .sns a{ background:none; float:left;}

#footer ul li	a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
background:url(images/arrow_black.png) no-repeat 0 50%;
}

#footer ul li	a:hover{text-decoration:underline;}

#footer ul li li{
display:block;
padding:0;
margin-left:5px;
background:url(images/arrow2.png) no-repeat 0 6px;
}

#footer ul li	li a{padding:0 0 0 8px;}

*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:85%;
zoom:1;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#5a0000;
text-align:center;
}



/* メインメニュー　PC用
------------------------------------------------------------*/
nav#mainNav{
	position:relative;
	z-index:200;
	background:url(images/header_navi.png) no-repeat #1b8ff1;
	width:798px;
	height:78px;
	float:right;
	}
	
	.panel ul{
	background:url(images/sep.png) no-repeat 50% 50%;
	}

	.panel ul li{
	float: left;
	position: relative;
	}

	.panel ul li a{
	display: block;
	text-align: center;
	_float:left;
	text-indent:-9999px;
	width:133px;
	height:78px;
	}
	
	.panel ul li a:hover{
		background-image:url(images/header_navi.png);
		background-color:#005eae;
		background-repeat:no-repeat;}
	
	.menu01 a:hover{background-position:0;}
	
	.menu02 a:hover{background-position:-133px 0;}
	
	.menu03 a:hover{background-position:-266px 0;}
	
	.menu04 a:hover{background-position:-399px 0;}
	
	.menu05 a:hover{background-position:-532px 0;}
	
	.menu06 a:hover{background-position:-665px 0;}

	nav div.panel{
  display:block !important;
  float:left;
  }
  
  a#menu{display:none;}
  
  /* 親メニュー */
  .panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li a:active, .panel ul li.current-menu-parent a{
  color:#1b8ff1;
  }
  
  .panel ul ul{width:160px;}
  
  .panel ul li ul{display: none;}
	
  .panel ul li li{
  float: none;
  height:40px;
  line-height:40px;
  width:160px;
	padding:0;
  }
  
  .panel ul li:hover ul{
  display: block;
  position: absolute;
  top:40px;
  left:-7px;
  z-index:500;
	border-radius:0 0 6px 6px;
	border:1px solid #ccc;
  }
	
  .panel ul li li a{
  width:100%;
  height:40px;
	padding:0;
  line-height:40px;
  font-size:95%;
  text-align:left;
  }
	
	.panel ul li li a span{padding:0 10px;}
	
	.panel ul li li a:hover,.panel ul li li.current-menu-item a{color:#888;font-weight:bold;}
  
  .panel ul li:hover ul li{
  margin:0;
  background: #fff;
  border-bottom:1px solid #dadcdc;
	box-shadow: 1px 1px 3px #ccc;
  }
	
	.panel ul li:hover ul li:last-child{
	border:0;
	border-radius:0 0 6px 6px;
	}
section.news .list .sp,.results .list .sp{ display:none; background:none;}
section.news .list .sp a,.results .list .sp a{ background:none;}

}