/* 初期化 ---------------------- */

div, p, h1, h2, h3, h4, h5, h6, article, aside, details, footer, header, main, menu, nav, section, summary, ul, ol, li, dl, dt, dd{
	box-sizing: border-box;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #site-title a {
	color: #000;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #site-title a:hover {
	text-decoration: underline;
	color: #00f;
}

/* 構造 ---------------------- */
body{
	text-align: center;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#555;
	font-size: 0.9rem;
}
p{
	line-height:1.8em;
	font-size: 0.9rem;
}
#wrapper{
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	padding:0 10px;
	width: 100%;
	clear:both;
}


/* ヘッダー ---------------------- */
#header {/*罫線*/
	/*background:url(/common/img/header/header_obj.gif) repeat-x left 50%;*/
}
#header #branding{
	max-width: 960px;
	margin:0 auto;
	padding: 15px 0 0;
	overflow:hidden;
}
#site-title h1{
	font-size: 100%;
	margin: 0;
}

#site-title a{
	/*font-size: 200%;
	font-weight: bold;*/
}




/* グローバルメニュー ---------------------- */
a#menu_btn{display:none;}
#branding{
	  clear:both;
}
#menu_block{ padding-top:20px; background:url(/common/img/header/header_obj.gif) repeat-x left top;}
ul.menu{
	/**zoom: 1;*/
	/*list-style-type: none;*/
	max-width: 960px;
	margin: 5px auto 15px;
	/*float: left;*/
}
ul.menu li{
  position: relative;
  width: 20%;
  /*width: calc(100% / 5);*/
  display: inline-block;
  /*float: left;*/
  text-align: center;
  background:url(/common/img/header/header_menu_line.gif) no-repeat left 50%;
}
ul.menu li a.icon{background:url(/common/img/header/header_icon.gif) no-repeat 20px 50%;}
ul.menu li a:hover.icon{background:url(/common/img/header/header_icon.gif) no-repeat 20px 50%;}
ul.menu li.last a{border-right:1px solid #80bfe0;}
ul.menu li.last ul li a{border-right:none;}
ul.menu li a{
  display: block;
  margin-left: 1px ;/*背景ライン用*/
  /*background: #fff;*/
  color: #555;
  font-size: 90%;
  /*line-height: 1;*/
  padding: 0 ;
}
ul.menu li img{padding-right:10px;}
/*サブメニュー*/
ul.menu li ul{
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
}
ul.menu li ul li{
  width: 100%;
  background:none;
  border-top:1px solid #fff;
}
ul.menu li ul li a{
  padding: 13px 20px 13px 30px;
  /*border-top: 1px solid #7c8c0e;*/
  background: #e5f2ff;
  text-align: left;
}
ul.menu li ul li:last-child a{border-right:none;}
/*hover*/
ul.menu li:hover < a{
  background: #dbe7ff;
}
ul.menu li a:hover{
  background: #fff;
}
ul.menu li ul li a:hover{
  background: #fff;
}
/*サブメニュー表示非表示*/
#nomal li ul{
	display:none;
}
#nomal li:hover ul{
	display:block;
}
@media screen and (max-width: 736px) {
	#header{
		 /*position:fixed;*/ width:100%; background-color:#fff;
		 background-position:left 100%;/*罫線*/
	}
	#menu_block{
		/*z-index:9999;*/
		text-align:center;
		/*position:absolute;
		top:4em;
		right:0;*/
		width:100%;
		overflow:hidden;
	}
	html body .main_container{ 
		padding:0 5px 0 5px; 
	}

	a#menu_btn{/*メニューボタン*/
	display:inline-block;
		position:absolute;
		top:10px;
		right:5px;
		/*font-size:77%;
		font-weight:bold;
		display:inline-block;
		width:5em;
		height:5em;
		line-height:5.2em;
		text-align:center;
		background-color:#000;
		color:#fff;
		border-radius:2.5em;
		position:absolute;
		top:0;
		right:0;*/
		width:78px;
	}
	a#menu_btn img{width:100%;}
	#nomal li ul{
		display:block;/*サブメニュー表示*/
	}
	ul.menu{
		background-color:#fff;
		transition: height 0.3s ease-in-out;
		-moz-transition: height 0.3s ease-in-out;
		-webkit-transition: height 0.3s ease-in-out;
	}
	.off ul.menu{
		max-height:0;
	}
	.on ul.menu{
		max-height:1000px;
	}
	ul.menu{
		/**zoom: 1;*/
		/*list-style-type: none;*/
		/*max-width: 100%;*/
		margin: 0 5px;
		/*float: left;*/
	}
	ul.menu li{
		position: relative;
		width: 100%;
		background:none;
		/*width: calc(100% / 5);*/
		/*display:block;*/
 		/*float: left;*/
		text-align: left;
		border-top:1px solid #CCC;
	}
	ul.menu li a{
	display:block;
	height:2.8em;
	line-height:3em;
	margin-left: 0 ;/*背景ライン用*/
	padding: 13px 0;
	/*padding:0 0 0 0;
	margin:0;*/
	}
	ul.menu li:last-child{border-bottom:1px solid #ccc;}
	/*サブメニュー*/
	ul.menu li ul{
  position:static;
  /*z-index: 9999;
  top: 100%;
  left: 0;*/
}
ul.menu li ul li{
  border-top:1px solid #CCC;
  /*z-index: 9999;
  top: 100%;
  left: 0;*/
}
ul.menu li:last-child{border-right:none;}
ul.menu li ul li a{
	padding: 13px 20px 0 20px;
  /*border-top: 1px solid #7c8c0e;*/
  background: #dbe7ff;
  text-align: left;
	background-color:#FFF;
}
ul.menu li ul li:last-child{border-right:none;}
ul.menu li ul li:last-child{border-bottom:none;}
/*hover*/
ul.menu li:hover > a{
  background: #fff;
}
ul.menu li a:hover{
  background: #dbe7ff;
}
ul.menu li ul li a:hover{
  background: #dbe7ff;
}
ul.menu li.last a{ border-right:none;}
ul.menu li a.icon{background:none;}
ul.menu li a:hover.icon{background:none;}
}

/* パンくず ---------------------- */
p.crumb{
	font-size:80%;
	margin:20px 0;
	padding:3px 0;
}
p.crumb a{
	text-decoration:none;
	color:#2782aa;
}


/* コンテナ ---------------------- */
.main_container{
	text-align: left;
	display: block;
	/*white-space: nowrap;*/
}
.ie8 .main_container{
	margin-right: 250px;
}
@media screen and (max-width: 736px) {
	.main_container{
		white-space: normal;
		padding:0 5px;
	}
}
/* #content サイドバー有り ---------------------- */

#content, #sidebar{
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal;
}
#content{ 

	width: calc( 100% - 330px );
	/*width: -webkit-calc( 100% - 330px ) ;	 2013年10月以前のSafariをサポートする場合 */
	/*border-right:1px solid #000;*/
	margin: 10px 0 20px 0;
	padding: 15px 15px 0 0;
}
/*chrome対応*/

/*safari5以下対応*/
@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, #content {width:66%;}}
.ie8 #content{
	max-width: 100%;
	display: inline-block;
	white-space: normal;
}

/* ※トップページの#contentは、parts.cssに記述 */
/*見出し　H2*/
.content-header{
	/*background-color: #000;*/
	padding: 7px 0;
	color: #2782aa;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
}
/*見出し　H2　画像*/
p.content-sub_img{width:100%;}
p.content-sub_img img{width:100%;}
p.content-sub_img_sp{display:none;}

@media screen and (max-width: 736px) {
	p.content-sub_img{ display:none;}
	p.content-sub_img_sp{display:block; width:100%;}
	p.content-sub_img_sp img{width:100%;}
}

/*見出し　H3*/
.content-header_h3{
	/*background-color: #000;*/
	color: #3fa2cd;
	font-size: 1.2em;
	font-weight: bold;
	padding-left:15px;
	background:url(/common/img/common/midashi_h3_1.gif) no-repeat left 50%;
}


.content-sub{
	margin-bottom:10px;
}

/*----------------------------------サイドバー--------------------------------------------*/
#sidebar{
	width: 330px;
	padding: 10px;
/*	border-left: 1px solid #000;
	margin-left: -1px;*/
	margin: 10px 0 0 0;
	padding: 15px 0 0 15px;
}
/*chrome対応*/

/*safari下位対応*/
@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, #sidebar {width:34%;}}
.ie8 #sidebar{
	display: inline-block;
	white-space: normal;
}

@media screen and (max-width: 736px) {
	#sidebar, 	#content{
		width: 100%;
		padding: 0;
	}
	/*chrome対応*/_::content, _:future, #sidebar:not(*:root) { width:100%;}
}

.sidebar-header{
	/*background-color: #000;
	padding: 7px !important;*/
	margin: 0 0 10px 0 !important;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight:600;
	text-align: center;
}
.ie8 .sidebar-header{
	font-size: 16px;
}

.sidebar-block{
	padding:5px;
	margin-bottom:10px;
	/*background-color:#feed9f;*/
}

#sidebar dl.leng3_01{
	display: block;
	border: 1px solid #c9c9c9;
	background-color:#fff;
	margin-bottom:10px;
}

#sidebar dl.leng3_01 dt{
	font-size: 1.25rem;
	text-align: center;
	color:#5294b6;
	font-weight:bold;
	margin: 10px 5px;
	padding: 3px;
}
.ie8 #sidebar dl.leng3_01 dt{
	font-size: 19px;
}

#sidebar dl.leng3_01 dd{
	z-index:-1;
	margin: 0 5px 5px;
}

#sidebar dl.leng3_01 dd a{
	display: block;
	font-size: 90%;
	padding: 15px 15px 15px 5px;
	/*background-color: #ccc;*/
	color: #555;
	text-decoration: none;
}

.ie8 #sidebar dl.leng3_01 dd{
	font-size: 14px;
}

#sidebar dl.leng3_01 dd a:after{
	/*content: "〉";
	position: absolute;
	right: 0;
	top: calc(50% - 0.75em);*/
}
@media screen and (max-width: 736px) {
#sidebar dl.leng3_01 dd{
	margin: 15px 5px;
}
}

/*コンテンツブロック（下位ページ）　バナー　----------------------*/
.block_b1_03{
	background-color:#fff;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.block_b1_03 a{
	display:block;
}

.block_b1_03 a img.pc{
	width: 100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
	display:block;
}
.block_b1_03 a img.sp{ display:none;}
.block_b1_03 a img{vertical-align:bottom;}

@media screen and (max-width: 736px) {
	.block_b1_03 a img.pc{
		width: 100%;
		margin:0;
		padding:0;
		vertical-align:bottom;
		display:none;
	}
	.block_b1_03 a img.sp{
		width: 100%;
		margin:0;
		padding:0;
		vertical-align:bottom;
		display:block;
	}
}


/*------------------------------フッター------------------------------*/
#footer{background:url(/common/img/common/footer_line.gif) repeat-x left top; height:auto; }
#footer ul.f_menu{
	/*font-size:80%;*/
	/**zoom: 1;*/
	/*list-style-type: none;*/
	max-width: 960px;
	margin: 5px auto 15px;
	padding-top:10px;
	/*float: left;*/
}
#footer ul.f_menu li{
  position: relative;
  width: 20%;
  /*width: calc(100% / 5);*/
  display: inline-block;
  /*float: left;*/
  text-align: center;
  vertical-align:top;
  /*background:url(/common/img/header/header_menu_line.gif) no-repeat left 50%;*/
}
/*#footer ul.menu li:last-child{border-right:1px solid #333;}*/
#footer ul.f_menu li a{
  display: block;
  /*margin-left: 1px ;背景ライン用*/
  /*background: #fff;*/
  color: #555;
  font-size: 80%;
  /*line-height: 1;*/
  padding: 13px 0;
  margin:0 10px;
}
/*サブメニュー*/
#footer ul.f_menu li ul{
	display:block;
	position: relative;
	top: 100%;
	left: 0;
	width:100%;
}
#footer ul.f_menu li ul li{
	width: 100%;
	background:none;
	border-top:1px solid #fff;
}
#footer ul.f_menu li ul li a{
  padding: 13px 5px;
  border-top:1px dotted #ccc;
  /*border-top: 1px solid #7c8c0e;*/
  /*background: #dbe7ff;*/
  text-align: left;
}
#footer ul.f_menu li ul li:last-child{border-right:none;}
/*hover*/
/*#footer ul.menu li:hover > a{
  background: #dbe7ff;
}
#footer ul.menu li a:hover{
  background: #fff;
}
#footer ul.menu li ul li a:hover{
  background: #fff;
}*/
/*サブメニュー表示非表示
#nomal li ul{
	display:none;
}
#nomal li:hover ul{
	display:block;
}*/
@media screen and (max-width: 736px) {
	/*#header{
		 position:fixed; width:100%; background-color:#fff;
		 background-position:left 100%;
	}*/
	/*#menu_block{
		z-index:9999;
		text-align:center;
		position:absolute;
		top:4em;
		right:0;
		width:100%;
		overflow:hidden;
	}
	html body .main_container{ 
		padding:0 5px 0 5px; 
	}*/

	/*a#menu_btn{メニューボタン
		font-size:77%;
		font-weight:bold;
		display:inline-block;
		width:5em;
		height:5em;
		line-height:5.2em;
		text-align:center;
		background-color:#000;
		color:#fff;
		border-radius:2.5em;
		position:absolute;
		top:0;
		right:0;
	}*/
	/*#nomal li ul{
		display:block;サブメニュー表示
	}*/
	#footer{margin-top:3px; height:auto;}
	#footer ul.f_menu{
		/*background-color:#fff;
		transition: height 0.3s ease-in-out;
		-moz-transition: height 0.3s ease-in-out;
		-webkit-transition: height 0.3s ease-in-out;*/
	}
	/*.off ul.menu{
		height:0;
	}
	.on ul.menu{
		height:680px;
	}*/
	#footer ul.f_menu{
		/**zoom: 1;*/
		/*list-style-type: none;*/
		/*max-width: 100%;*/
		margin: 0 5px;
		/*float: left;*/
	}
	#footer ul.f_menu li{
		position: relative;
		width: 100%;
		/*width: calc(100% / 5);*/
		/*display:block;*/
 		/*float: left;*/
		text-align: left;
		border-top:1px solid #CCC;
	}
	#footer ul.f_menu li a.icon{
	display:block;
	position:relative;
	height:2.8em;
	line-height:3em;
	margin-left: 0 ;/*背景ライン用*/
	padding: 13px 0;
	/*padding:0 0 0 0;
	margin:0;*/
	padding-left:20px;
	background:none;
	}
	#footer ul.f_menu li a.icon:before{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1.4em;
	color:#999;
	font-weight:bold;
	}
	#footer ul.f_menu li.off a.icon:before{
	content:'＋';
	}
	#footer ul.f_menu li.on a.icon:before{
	content:'ー';
	}

	#footer ul.f_menu li a{
	display:block;
	height:2.8em;
	line-height:3em;
	margin-left: 0 ;/*背景ライン用*/
	padding: 13px 0;
	/*padding:0 0 0 0;
	margin:0;*/
	padding-left:20px;
	background:url(/common/img/common/footer_icon.gif) no-repeat left 50%;
	}
	#footer ul.f_menu li:last-child{border-bottom:1px solid #ccc;}
	/*サブメニュー*/
	#footer ul.f_menu li ul{
  position:static;
  /*z-index: 9999;
  top: 100%;
  left: 0;*/
}
#footer ul.f_menu li ul li{
  /*border-top:1px dotted #CCC;*/
  /*z-index: 9999;
  top: 100%;
  left: 0;*/
}
#footer ul.f_menu li:last-child{border-right:none;}
#footer ul.f_menu li ul li a{
	/*padding: 13px 20px 0 20px;*/
  /*border-top: 1px solid #7c8c0e;*/
  /*background: #dbe7ff;*/
	background-color:#FFF;
	margin-left:25px;
	padding-left:20px;
	background:url(/common/img/common/footer_icon.gif) no-repeat left 50%;
}
#footer ul.f_menu li ul li:last-child{border-right:none;}
#footer ul.f_menu li ul li:last-child{border-bottom:none;}
/*hover*/
/*#footer ul.f_menu li:hover > a{
  background: #fff;
}*/
/*#footer ul.f_menu li a:hover{
  background: #dbe7ff;
}*/
  /*#footer ul.menu li ul li a:hover{
background: #dbe7ff;
}*/
/*#footer #f_nomal li ul.off{
	display:none;
}
#footer #f_nomal li ul.on{
	display:block;
}*/
#footer #f_nomal li.off ul{
	display:none;
}
#footer #f_nomal li.on ul{
	display:block;
}
/*#footer #f_nomal li ul{
	display:none;
}
#footer #f_nomal li:hover ul{
	display:block;
}*/


input#check1{display:none;}
#entryBtn{
	display:none;
}
#check1:checked ~ #entryBtn{
	display:inline-block;
}
}

#copy{padding:5px 5px 30px 5px; background-color:#ccc; font-size:80%;}

/* 汎用 */

.pconly{ display:inline; }
.sponly{ display:none; }
@media screen and (max-width: 736px) {
.sponly{ display:inline; }
.pconly{ display:none; }
}

/* ページトップ */
#pagetop{
	width:46px;
    position:fixed;
    right:5px;
    bottom:5px;
    cursor:pointer;
}
#pagetop img{ width:100%;}

/* マージン */
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}

.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}
.mr_30{margin-right:30px;}

.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}

/*テキスト位置*/
.t_left{text-align:left;}
.t_center{text-align:center;}
.t_right{text-align:right;}

/*-------------------カスタマイズ-------------------*/
/*見出し　H2*/
.content-header{background:url(/common/img/common/midashi_h2_1.gif) repeat-x left bottom;}
.content-header img{vertical-align:middle; margin-right:15px;}

/*サイドメニュー--------------------*/
/*サイドバー　見出し*/
.sidebar-header{
	width:100%;
	height:50px;
	padding: 12px !important;
	color:#555;
	background:url(/common/img/common/sidebar-header_bg.gif) repeat-x left top;
	border:1px solid #ffcc00;
}
/*サイドバー　外枠*/
.sidebar-block{
	background:url(/common/img/manufacturing/manufacturing_bg.gif) repeat left top;
	border:1px solid #ffeca0;
}
	
/*サイドバー　各種加工枠*/
#sidebar dl.leng3_01 dt img{
	margin-right:15px;
	vertical-align:bottom;
}
#sidebar dl.leng3_01 dd{
	padding-left:30px;
	border:1px solid #c9c9c9;
	background:url(/common/img/common/sidebar-btn_icon.gif) no-repeat 2% 50%;
}

html, html body{ width:100%; overflow-x:hidden; }