@charset "UTF-8";
/* CSS Document */

@import "html5reset-1.6.1.css";
@import "hack.css";
html {}

body {

    
    text-align: left;
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #000;
}
body {
position: relative;
    left: 0;
    overflow-x: hidden;
}
strong {
    font-weight: bold;
}

a {
    color: #0099ff;
    text-decoration: none;
}

a:hover {
    color: #0099ff;
    text-decoration: underline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
/*h*/

h1 {
    /*header記述部分でで指定*/
}

h2 {
    font-size: 18px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #ccc;
    margin: 10px 0 0;
    padding: 10px 0;
    border-top: solid 1px #000;
}
/*サブページ見出し*/

h3 {}
/*サブページ小見出し*/
h3.corner_title {
    background: url(../images/bg_corner_title.png) repeat-y #FFF;
    background-size: cover;
    padding: 5px 10px;
    margin: 10px 0 10px;
    border: solid 1px #d0d0d0;
    border-bottom: solid 1px #b2b2b2;
    font-size:15px;
    letter-spacing: 1px;
    color: #333;
}
/*サブページ小見出し*/
h4 {}
/*小見出し　写真送り先*/

h5 {}
/*##############################################*/
/*汎用クラス*/

hr.sikiri {
    border: solid #0b3966;
    border-width: 1px 0 0 0;
    margin: 0 0 5px;
    height: 1px;
    /* for IE6 */
    
    clear: both;
    /* for IE6 */
}

.nodisp {
    position: absolute;
    left: -9999px;
}

.r3 {
    border-radius: 3px;
    /* CSS3草案 */
    
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    
    -moz-border-radius: 3px;
    /* Firefox用 */
    
    zoom: 1;
    position: relative;
}

.r6 {
    border-radius: 6px;
    /* CSS3草案 */
    
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    
    -moz-border-radius: 6px;
    /* Firefox用 */
    
    zoom: 1;
    position: relative;
}

.r10 {
    border-radius: 10px;
    /* CSS3草案 */
    
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    
    -moz-border-radius: 10px;
    /* Firefox用 */
    
    zoom: 1;
    position: relative;
}

.r20 {
    border-radius: 20px;
    /* CSS3草案 */
    
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    
    -moz-border-radius: 20px;
    /* Firefox用 */
    
    zoom: 1;
    position: relative;
}

.btn {}

.btn:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -ms-filter: "alpha(opacity=65)";
}

.boxshadow {
    box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -o-box-shadow: 1px 1px 2px #ccc;
    -ms-box-shadow: 1px 1px 2px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=135, strength=3, enabled=true);
    /* IE5.5+ */
}
.textshadow {
    text-shadow: 1px 1px 2px #ccc;
}

ul.list_hosoku {
    list-style: disc;
    margin: 1em 0 1em 1.5em;
}

ul.list_hosoku li {
    margin: 0 0 0.5em 0;
}
dl.list_point {
    margin: 1em 0 1em 0;
}

dl.list_point dt {
    clear:left;
    float:left;
    width:1em;
    
}
dl.list_point dd {
    margin: 0 0 0 1em;
}
/*右下のページトップに戻るボタン*/

a#scroller {
    display: block;
    position: fixed;
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 20px;
    z-index: 3000;
    background: url(../images/btn_scrollup.png) 0px 0px no-repeat;
    background-size: contain;
}
.ph_box{
    margin: 10px 0;
    text-align: center;
}
.ph_box div {
    margin: 10px 0;
}
.ph_box img{
    width: 80%;
    vertical-align: top;
}
img.center_img {
    width: 100%;
    display: block;
    margin: 20px auto;
}

.mgn_top{
    margin-top: 10px;
}
.mgn_btm{
    margin-bottom: 10px;
}
.mgn_both{
    margin-top: 10px;
    margin-bottom: 10px;
}
.pdg_top{
    padding-top: 10px;
}
.pdg_btm{
    padding-bottom: 10px;
}
.pdg_both{
    padding-top: 10px;
    padding-bottom: 10px;
}
.normal_table{
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
    background: #fff;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.normal_table tbody{
}
.normal_table tbody.staff{
    border-bottom: solid 3px #666;
}
.normal_table tbody:last-child{
    border-bottom: none;
}
.normal_table th{
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #f2f2f2;
    padding: 5px;
}
.normal_table td{
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 5px;
}

/*##################################################*/
/*構造*/
/*##################################################*/
#wrap_base{
    background-color: rgba(255,255,255,0.75);;
    margin: 0 10px;
/*
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
*/
}
#cont{
    margin-bottom: 0;
}
.wrap_inner{
    margin: 0 10px;
}
article.page_divide_top{
    margin-bottom: 20px;
}
article.page_divide{
    margin: 0 10px 20px;
}

/*##################################################*/
/*ヘッダー*/
/*##################################################*/
header{
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
/*    height:36px;*/
    min-height: 36px;
    height: auto !important;
    height:36px;
    margin-top:-36px;
    padding-top:36px;
    background-color: #fff;
}
header h1{
/*    position: absolute;*/
    font-size: 21px;
    margin: 0px 20px 5px 35px;
    padding: 5px 0;
    display: table-cell;
    vertical-align: middle;
}
header h1 img{
/*    height: 29px;*/
    height: auto;
    width: 100%;
}
header button#slide_menu_btn{
    float:left;
    width: 35px;
    height: 36px;
    margin: 5px 0 0 0;
    border: none;
    background: url(../images/btn_slide_menu_open.png) left 50% no-repeat;
    background-size: cover;
}
body.open header button#slide_menu_btn{
    background: url(../images/btn_slide_menu_close.png) left 50% no-repeat;
    background-size: cover;
}
/*##################################################*/
/*ヘッダー＞ナビ、メニュー*/
/*##################################################*/
.slide_off_layer{
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background: url(../images/btn_slide_menu_closelayer.png) 270px 50% no-repeat
        ;
    background-size: 50px 50px;
    background-color: transparent;
}
/*
bodyを横移動させる場合は設定
body.open{
    position: fixed;
}
*/
#slide_menu{
    position: fixed;
    top: 0;
    z-index: 10;
    left: -240px;
    width: 240px;
    height: 100%;
    background: #f2f2f2;
}
#slide_menu ul{
    font-size: 18px;
}
#slide_menu ul li{
    padding: 7px 10px;
    
}
#slide_menu ul li a{
    color:#666;
    line-height: 1;
    background: url(../images/arrow_slide_nav.png) left 50% no-repeat;
    background-size:6px;
    padding: 0 0 0 12px;
}
/*##################################################*/
/*フッター*/
/*##################################################*/
footer{
    background-color: #fff;
    margin: 0 0 0 0;
    padding: 10px;
}
/*##################################################*/
/*トップページ要素*/
/*##################################################*/
.top_read_box{
    border-bottom: solid 1px #333;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
h3.topic_midashi{
    font-size: 17px;
    text-shadow: 1px 1px 2px #ccc;
}
h3.topic_midashi img{
    width: 100%;
}
#whatsnewbox{
    margin-top:10px;
    margin-bottom: 20px;
}
#whatsnewbox h3{
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 0.2em 0.4em;
    margin: 1em 0 0.4em;
}
#whatsnewbox dl{
}
#whatsnewbox dt{
}
#whatsnewbox dd{
    margin-bottom: 5px;
}
#kakoubox{
    margin-top:10px;
    margin-bottom: 20px;
}
#kakoubox h3{
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 0.2em 0.4em;
    margin: 1em 0 0.4em;
}
#kakoubox ul{
    margin: 0 0 0 1.5em;
}
#kakoubox li{
}
#videobox{
    margin-top:10px;
    margin-bottom: 20px;
    text-align: center;
}
#videobox iframe {
    max-width: 100%;
    border: none;
    vertical-align: top;
}
ul.box_thumb{
    background: url(../images/bg_box_thum.png) repeat;
    padding: 12px 0;
    list-style: none;
}
ul.box_thumb li{
    float: left;
    width: 25%;
}
    
ul.box_thumb img{
    margin: 0;
    padding: 0;
    width: 100%;
    vertical-align: bottom;
}
/*##################################################*/
/*事業案内*/
/*##################################################*/
.business_box {
    margin: 0 0 20px 0;
}
#business .video {
    margin: 10px 0;
    text-align: center;
}
#business .video iframe {
    max-width:100%;
    border: none;
    vertical-align: top;
}

/*##################################################*/
/*製品案内*/
/*##################################################*/
.product_box{
    margin: 0 0 20px 0;
}
.product_box img{
    width: 100%;
    margin: 0 auto;
}
/*##################################################*/
/*主要設備*/
/*##################################################*/


/*##################################################*/
/*工程*/
/*##################################################*/
.process-index {
    margin: 1em 0;
    padding: 0;
}
.process-index .box {
    background-color: white;
    border: 1px solid #444;
    padding: 8px;
    text-align:center;
}
.process-index .box a {
    display: block;
}
.process-index .arrow-next {
    display:block;
    text-align:center;
    line-height:1em;
}
.process-index .arrow-next:first-child {
    display:none;
}
.process h3.corner_title {
    margin-top: 0;
    margin-bottom: 0;
}
.process h3 {
    overflow: hidden;
}
.process .uplink {
    float: right;
}
.process .uplink a {
    text-decoration: none;
    color: inherit;
}
.process .process-body {
    display:none;
}
.process .process-body.visible {
    display:block;
}
.process p {
    margin: 10px 0;
}

/*##################################################*/
/*お問い合わせ*/
/*##################################################*/
.contact_table{
	border-collapse:collapse;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	margin:20px 0;
	width:100%;
}
.contact_table tr {
	
}

.contact_table th {
	padding:5px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background-color:#f2f2f2;
}
.contact_table td {
	padding:5px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background-color:#fff;
}
.contact_table td .inputbox{
    width:100%;
    box-sizing:border-box;
}
/*##################################################*/
/*お取引先様専用サイト*/
/*##################################################*/
.h1_customer_midashi{
	margin:0 0 0 0;
	font-size:18px;
	color:#E80404;
	text-shadow: 0px 2px 2px #ccc;
}
.index_box{
	width:100%;
	margin:40px 0 0;
    padding: 0 0 20px 0;
}
/*##################################################*/
/*tool*/
/*##################################################*/
.menu{
	margin:20px 0 10px;
}
.menu h3{
	/*background-color:#d2d2d2;*/
	border-bottom:solid 1px #ccc;
	margin:0 0 10px 0;
}
.menu ul{
	list-style:none;
}
.menu ul li{
		float:left;
		padding:5px 0;
}

.menu ul li a{
	background:#fff;
	text-decoration:none;
	margin: 10px;
	padding:5px 10px;
	border:solid 1px #ccc;
	/* border-radius */
	border-radius: 3px!important;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
}
.menu ul li a:hover{
	background:#f2f2f2;
}
.listBase{
}
.listBase h3{
	font-size:16px;
	font-weight:bold;
	border-left:solid 5px #666;
	border-bottom:solid 1px #666;
	margin:20px 0 20px 0;
	padding:0 0 5px 10px;
}
.listBase img{
	float:left;
	margin:0 0 20px;
}

.listBase table{
	float:left;
	border-collapse:collapse;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:0 8px 20px 0;
	/*width:19%;*/
	width:100%;
}
.listBase table.first{
	clear:left;
}
.listBase table tr {
	
}

.listBase table th {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#fff;
}
.listBase table td {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#fff;
}
.pTop{
	clear:both;
	text-align:right;
	
}
.pTop a{
	padding:0 0 0 20px;
	margin:10px 0;
	background:url(../images/bg_pTop.png)left no-repeat;
}
/*##################################################*/
/*processing*/
/*##################################################*/
ul.comKomeList{
	color:#f00;
	margin:20px 0;
}
table.proBox{
	width:100%;
}
table.proBox th,table.proBox td{
	vertical-align:top;

}
table.proBox th,table.proBox td.parts_img{
	vertical-align:middle;
	background-color:#fff;
	margin:0 10px 0 0;
}
table.proBox table{
	border-collapse:collapse;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin:20px 10px 20px 0;
	width:100%;
}
table.proBox table tr {
}
/*.normal_table tr.odd {
}
.normal_table tr.even {
}*/
table.proBox table th {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#f2f2f2;
}
table.proBox table td {
	padding:5px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#fff;
}
table.proBox h3{
	font-size:14px;
	font-weight:bold;
	border-left:solid 5px #666;
	border-bottom:solid 1px #666;
	margin:20px 0 20px 0;
	padding:0 0 5px 10px;
}
/*##################################################*/
/*calendar*/
/*##################################################*/
#cal{
	font-family:Verdana, Osaka , “ＭＳ Ｐゴシック”,sans-serif; padding-bottom:20px;
	}
#cal h3{
		font-size:197%;
		font-weight:bold;
		color:#666;
		}
#cal .cBase{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	}
#cal .cBase div{/*カレンダー枠*/
	display:inline-block;
	width:225px;
	padding:0 0 1px 2px;
	background-color:#ccc;
	margin:0 auto  20px;
	padding:0 0 1px 2px;
	}
#cal p{/*月名*/
	width:225px;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:3px 0;
	}
#cal ul{
	width:225px;
	overflow:hidden;
	list-style:none;
	}
#cal li{
	float:left;
	width:30px;
	text-align:center;
	background-color:white;
	margin:0 1px 1px 1px;
	font-weight:bold;
	}
#cal li.week{
	background-color:#EFEFEF;
	font-size:93%;
	}	
#cal li.holi	{
	color:red;
	}

/*##################################################*/
/*Blog*/
/*##################################################*/
#blog_index h2, #blog_page h2 {
    border: none;
}
.blog .blog-index {
    margin-bottom: 2em;
}
.blog .blog-index td {
    padding: 4px;
}
.blog .blog-index td.date {
    width: 5em;
}

.blog ul.page-navi {
    margin: 1em;
    overflow: hidden;
    text-align: center;
}
.blog ul.page-navi li {
    display: inline-block;
    min-width: 2em;
    border: solid silver;
    border-width: 1px 0 1px 1px;
    padding: 4px;
    background-color: #eee;
}
.blog ul.page-navi li a {
    text-decoration: none;
}
.blog ul.page-navi li.prev, 
.blog ul.page-navi li.next {
    padding: 4px 16px;
}
.blog ul.page-navi li.prev {
    border-radius: 4px 0 0 4px;
}
.blog ul.page-navi li.next {
    border-right-width: 1px;
    border-radius: 0 4px 4px 0;
}
.blog ul.page-navi li.active {
    background-color: white;
}
.blog ul.page-navi li.prev-grp, .blog ul.page-navi li.next-grp {
    padding: 4px 16px;
    border-width: 1px;
    border-radius: 4px;
}
.blog ul.page-navi li.prev-grp {
    margin-right: 1em;
}
.blog ul.page-navi li.next-grp {
    margin-left: 1em;
}
.blog ul.page-navi li.hidden {
    visibility: hidden !important;
}

.blog .blog-page {
    margin-bottom: 2em;
}
.blog .blog-page .status {
    text-align: right;
}
.blog .blog-link {
    margin: 2em 0;
    text-align: center;
}
.blog h3 {
    overflow: hidden;
}