@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/*	memo
font-family（字体）
ゴシック→"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif
明朝→"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif
*/

body		{ margin:0px; padding:0px; color:#000; background:#fff; font: normal normal normal 13px/2em "Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
a		{ outline:0px none #fff; background-repeat:no-repeat; }
a span,a strong,a em,a small,a img	{ cursor:pointer; }
br		{ letter-spacing:0px; }
div		{ position:relative; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; border:0px solid #000; }
hr		{ clear:both; height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; border:0px solid #000; }
form		{ margin:0px; padding:0px; }
select		{ cursor:hand; cursor:pointer; }
h1,h2,h3,h4,h5,h6	{ margin:0px; padding:0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; }
ul,ol		{ margin:0px; padding:0px; }
li		{ margin:0px; padding:0px; display:block; list-style:none outside none; }
li img		{ vertical-align:top;margin:0px;padding:0px; }
li a img		{ vertical-align:top;margin:0px;padding:0px; }
dl		{ clear:both; float:left; display:inline; width:100%; margin:0px; padding:0px; }
dt		{ clear:both; float:left; display:block; width:15%; margin:0px; padding:0px; }
dd		{ clear:none; float:left; display:block; width:85%; margin:0px; padding:0px;  }
table		{ border-collapse:collapse; border-spacing: 0px; border:0px solid #ccc; table-layout:fixed; empty-cells:show; margin:0px; padding:0px; }
td,th		{ margin:0px; padding:2px; font: normal normal normal 11px/1.5em "Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
em	{ font-style:normal; }
strong	{ font-weight:normal; }
body	{ text-align:center; }
a:link	{ text-decoration:none; }
a:visited	{ text-decoration:none; }
a:hover	{ text-decoration:underline; }
a:active	{ text-decoration:underline; }




.bar	{ color:#fff; }
.bar a.awa_SP {clear: none; display: none;}
.bar a.awa_SP img.button_awa_SP {float: left; width:25%; margin: 10px 0 0 180px; display: none;}
.navi_btn	{ display:none; }
.bar__seo { display:none; }






.page { width:1200px; margin:0 auto; position:relative; }

/*	コンテンツ  */
.contents  { width:958px; float:right; clear:none; border:1px solid #e6e6e6; padding:0 0 30px 0; }
.contents__top { width:960px; float:left; clear:none; margin:0 0 50px 0; }

/*	コンテンツ__p  */
.contents__text { width:880px; float:left; clear:none; line-height:2.3em; margin:0 0 30px 40px; text-align:left; }

/*	コンテンツ__a  */
.contents__link { width:880px; float:left; clear:none; text-align:left; margin:0 0 30px 40px; }
.contents__link:link { color:#067868; text-decoration:underline; }
.contents__link:visited { color:#067868; text-decoration:underline; }
.contents__link:hover { color:#067868; text-decoration:none; }
.contents__link:active { color:#067868; text-decoration:underline; }

/*	コンテンツ__h2  */
.contents__title2 { width:860px; height:40px; float:left; clear:none; background:#c7e0dd; margin:0 0 10px 40px; background:url(../img/bg_h2.jpg) repeat-x #c7e0dd; text-align:left; line-height:40px; background-position:bottom; color:#000; font-family: "ten-mincho"; font-size:17px; letter-spacing:0.1em; padding-left:20px; }
.contents__midashi { width:880px; float:left; clear:none; margin:0 0 20px 40px; font-size:17px; letter-spacing:0.1em; color:#000; font-family: "ten-mincho"; text-align:left; }

/*	コンテンツ__h3  */
.contents__title3 { width:860px; float:left; clear:none; margin:0 0 10px 40px; text-align:left; background-position:bottom; color:#000; font-family: "ten-mincho"; font-size:15px; letter-spacing:0.1em; }
.contents__title3__shikaku { color:#067868; }

/*	コンテンツ__設備  */
.contents__setsubi { width:878px; float:left; clear:none; border:1px solid #ccc; margin:0 0 20px 40px; position:relative; }
.contents__setsubi img { width:300px; float:left; clear:none; margin:0 20px 0 0; }
.contents__setsubi strong { width:528px; float:left; clear:none; font-family:century-old-style-std, serif; font-size:28px; font-style: italic; font-size:20px; text-align:left; margin:20px 0 0 0; letter-spacing:0.1em; }
.contents__setsubi span { width:528px; float:left; clear:none; text-align:left; font-family: "ten-mincho";}
.contents__setsubi p { width:528px; float:left; clear:none; text-align:left;  }
.contents__setsubi:link { color:#000; }
.contents__setsubi:visited { color:#000; }
.contents__setsubi:hover { color:#000; opacity:0.7; }
.contents__setsubi:active { color:#000; }

.contents__back { width:880px; float:left; clear:none; text-align:left; margin:0 0 0px 40px; font-family: "ten-mincho"; font-style: normal; font-size:11px; }
.contents__back:link { color:#067868; }  
.contents__back:visited { color:#067868; }  
.contents__back:hover { color:#067868; text-decoration:underline; }  
.contents__back:active { color:#067868; }  
.contents__back img { width:4px; margin-right:10px; }

.title--long { width:700px; float:left; clear:none; font-family: century-old-style-std, serif; font-size:28px; font-style: italic; font-weight: 400; color:#000; margin:0px 0 30px 40px; }
.title__en { width:auto; float:left; clear:both; font-family: century-old-style-std, serif; font-size:28px; font-style: italic; font-weight: 400; color:#000; margin:0 20px 0 0; letter-spacing:0.1em; }
.title__ja { width:auto; float:left; clear:none; font-family: "ten-mincho"; margin:0px; font-size:12px; letter-spacing:0.1; }
.title__border { width:50px; float:left; clear:both; margin:0 0px 30px 0; }
.title__text { width:600px; float:left; clear:none; font-size:12px; font-family: "ten-mincho"; text-align:left; }
.title__link { width:100px; float:right; clear:none; font-style: normal; }
.title__link:link { font-size:11px; letter-spacing:0.1em; color:#067868; }
.title__link:visited  { font-size:11px; letter-spacing:0.1em; color:#067868; }
.title__link:hover  { font-size:11px; letter-spacing:0.1em; color:#067868; text-decoration:underline; }
.title__link:active  { font-size:11px; letter-spacing:0.1em; color:#067868; }

/*	サイド  */
.side 	{ width:205px;  float:left; clear:none; position:fixed; }
.side #navigation	{ width:205px; height:auto; float:left; clear:both; margin:5px 0px 20px 0px; display:block; }
.side #navigation ul	{ width:202px; height:auto; float:left; clear:both; margin:10px 0px; border-right:1px dotted #ccc; overflow:visible; border-top:1px dotted #ccc; }
.side #navigation ul li	{ width:100px; height:100px; float:left; clear:none; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc; overflow:visible; }
.side #navigation .CLOSE	{ display:none; }
.side #navigation span	{ width:100%; height:auto; float:left; clear:none; }
.side #navigation strong	{ width:100%; float:left; clear:none; margin:75px 0 0 0; text-align:center; font-size:12px; line-height:1.5em; font-family: "ten-mincho"; letter-spacing:0.1em; }
.side__seo { width:200px; float:left; clear:none; text-align:left; color:#666666; font-size:11px; line-height:1.7em; margin:10px 0; display:block; font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
.side__strong { width:200px; float:left; clear:none; font-weight:bold; font-size:14px; text-align:left; letter-spacing:0.1em;  display:block; font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

.side__strong a.home { float:right; clear:none; font-weight:normal; font-size:12px; font-family: "ten-mincho"; }
.side__strong a.home:link { color:#000; }
.side__strong a.home:visited { color:#000; }
.side__strong a.home:hover { color:#000; }
.side__strong a.home:active { color:#000; }
.side__strong a.home img { width:4px; margin:10px 5px 0 0; }

.side__tel { width:200px; float:left; clear:none; font-weight:bold; font-size:20px; text-align:left; margin: 0;  font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; margin:0 0 20px 0; }
.side__tel span { font-size:16px; }
.side__logo { width:180px; float:left; clear:none; margin:0 0 10px 0; }
.side__logo:hover { opacity:0.7; }
.side__logo img { width:180px; float:left; clear:none; }
.side__contact { width:140px; float:left; clear:none; line-height:35px; text-align:center; background:#e14236; color:#fff; font-weight:bold; letter-spacing:0.1em; border-radius:5px; margin:0px 0 10px 0px; display:block; font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
.side__contact:hover { text-decoration:none; opacity:0.7; }

#slide_menu	{ display:none; }
.side #navigation ul li a	{ width:100px; height:100px; float:left; clear:none; }
.side #navigation ul li a:link { color:#000; }
.side #navigation ul li a:visited { color:#000; }
.side #navigation ul li a:hover { color:#000; }
.side #navigation ul li a:active { color:#000; }

.side__link { width:100%;  float:left; clear:none; display:block; }
.side__link a { width:100%;  float:left; clear:none; text-align:left; font-family: "ten-mincho"; font-size:12px; }
.side__link a:link { color:#000; }
.side__link a:visited { color:#000; }
.side__link a:hover { color:#000; }
.side__link a:active { color:#000; }
.side__link img { width:4px; margin:10px 5px 0 0; }


.slide__message { background:url(../img/mark1.png) no-repeat; background-size:60%; background-position: center 5px; }
.slide__message:hover { background:url(../img/mark1_link.png) no-repeat; background-size:60%; background-position: center 5px; }

.slide__work { background:url(../img/mark2.png) no-repeat; background-size:60%; background-position: center  5px; }
.slide__work:hover { background:url(../img/mark2_link.png) no-repeat; background-size:60%; background-position: center  5px; }

.slide__structure { background:url(../img/mark3.png) no-repeat; background-size:60%; background-position: center  5px; }
.slide__structure:hover { background:url(../img/mark3_link.png) no-repeat; background-size:60%; background-position: center  5px; }

.slide__equipment { background:url(../img/mark4.png) no-repeat; background-size:60%; background-position: center  5px; }
.slide__equipment:hover { background:url(../img/mark4_link.png) no-repeat; background-size:60%; background-position: center  5px; }

.slide__warranty { background:url(../img/mark5.png) no-repeat; background-size:60%; background-position: center  5px; }
.slide__warranty:hover { background:url(../img/mark5_link.png) no-repeat; background-size:60%; background-position: center  5px; }

.slide__company { background:url(../img/mark6.png) no-repeat; background-size:60%; background-position: center  5px; }
.slide__company:hover { background:url(../img/mark6_link.png) no-repeat; background-size:60%; background-position: center  5px; }



/*	フッター  */
.copy { display:none; }
.footer ul { display:none; }
.copy--pc { width:960px; float:right; clear:none; text-align:right; display;block; margin:10px 0 0 0; font-size:11px; letter-spacing:0.1em; }




@media screen and (max-width: 740px){

.page { width:100%; float:left; clear:none; margin:0 auto; position:relative; }

/*	コンテンツ  */
.contents  { width:100%; float:left; clear:none; border:1px solid #ccc; padding:0 0 30px 0; margin:0 0 0 0%; }
.contents__top { width:100%; float:left; clear:none; margin:0 0 20px 0; }
.contents__link { width:95%; float:left; clear:none; text-align:left; margin:0 0 30px 2.5%; }

.contents__setsubi span { width:95%; float:left; clear:none; text-align:left; font-family: "ten-mincho"; margin:0 0 0 2.5%; }
.contents__setsubi p  { width:95%; float:left; clear:none; text-align:left; margin:0 0 20px 2.5%; line-height:1.7em; font-size:12px; }
	
	
.side 	{ width:100%;  float:left; clear:none; position:relative; margin:0 0 0 0%; }

.navi_btn { float:right; display:block; margin:0px; color:#000; }
.navi_btn img { width:30px; float:right; margin:10px 10px 0px 5px; }

.side	{ margin-top:0px; background:#fff; text-align:center; }
.side__logo { width:180px; float:left; clear:none; margin:0 0 10px 0; }
.side__logo:hover { opacity:0.7; }
.side__logo img { width:150px; float:left; clear:none; margin:10px 0 0 10px; }

.side .H_LOGO	{ width:100%; float:left; margin:0px; padding-top:10px; background:#fff; z-index:10; }
.side .H_LOGO span	{ display:none; }
.side .H_LOGO h1	{ display:none; }
.side .H_LOGO a	{ width:auto; float:left; margin:0px 0px 10px 2.5%; }
.side .H_LOGO a img	{ width:220px; float:left; }
.side .H_CONTACT	{ width:95%; float:right; margin:50px 2.5% 0px 0px; }
.side .H_CONTACT .SP	{ width:100%; display:inline; font-size:11px; line-height:1.5em; }
.side .H_CONTACT ul	{ width:102%; float:right; clear:both; margin-top:5px; }
.side .H_CONTACT ul li	{ width:48%; float:left; margin-right:2%; }
.side .H_CONTACT ul li a	{ width:100%; height:30px; float:left; margin:0px 0px 0px 10px; background:#666; color:#fff; font-weight:bold; font-size:12px; line-height:30px; letter-spacing:0.1em; text-align:center; text-decoration:none; text-shadow: 1px 1px 3px #333; }
.side .H_CONTACT ul li a img	{ width:12px; margin-right:5px; }
.side .H_CONTACT .H_TEL	{ width:auto; float:left; clear:both; margin:10px 0px 0px 0px; }
.side .H_CONTACT .H_TEL span	{ width:auto; float:left; clear:none; margin:5px 0px 0px 0px; font-size:10px; line-height:1.2em; }
.side .H_CONTACT .H_TEL img	{ width:36px; float:left; clear:none; margin:5px 5px 0px 10px; }
.side .H_CONTACT .H_TEL strong	{ width:auto; float:right; clear:none; margin:0px; font-size:25px; line-height:1.2em; font-family:helvetica, arial; }
.side .H_CONTACT .H_TEL a	{ color:#000; }
.side a.awa {clear: none; display: none;}
.side a.awa img.button_awa {float: left; width:25%; margin: 10px 0 0 180px; display: none;}
#slide_menu	{ display:none; }
.sidr { display:none; position:absolute; position:fixed; top:0; right:0; height:100%; z-index: 999999; width:290px; overflow-x:hidden; overflow-y:auto; background:#404040; color:#fff; z-index:500; }
.sidr .sidr-inner { padding:0 0 15px 0; }
.sidr.right { left: auto; right: -290px; }
.sidr p { font-size:13px; margin: 0 0 12px 0; }
.sidr p a { color:rgba(51,51,51,0.9); }
.sidr>p { margin-left:15px; margin-right:15px }
.sidr + ul { display:block; padding:0; border-top:1px solid #ccc }
.sidr ul li { height:50px; display:block; margin:0; border-bottom:1px solid #ccc; }
.sidr ul li strong { font-size:15px; margin-right:10px; }
.sidr ul li em { display:none; }
.sidr ul .sidr-class-crr { background:#666; }
.sidr li a:after { display:inline-block; content:attr(data-label); line-height:50px; }
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top:none; }
.sidr ul li a, .sidr ul li span { display:block; text-decoration:none; color:#fff; height:50px !important; line-height:50px; width:100% !important; background:url(/img/bgMenu.png) no-repeat 90% 50%; background-size: 11px 18px; text-align:center; }
.sidr ul li a img { display:none; }
#sidr-id-close-btn { background:none; }
#sidr-id-close-btn img { width:33px; height:33px; float:left; display:block; margin:10px 0px 0px 10px; }



/*	スマホ時非表示  */
.side__strong { display:none; }
.side #navigation { display:none; }
.side__contact { display:none; }
.side__tel { display:none; }
.side__link { display:none; }
.side__seo { display:none; }
.copy--pc  { display:none; }

.bar__seo { float:left; clear:none; font-size:12px; }

/*	コンテンツ  */
.title--long { width:95%; float:left; clear:none; font-family: century-old-style-std, serif; font-size:28px; font-style: italic; font-weight: 400; color:#000; margin:0px 0 20px 2.5%; padding:0; }

/*	コンテンツ__h2 */
.contents__midashi { width:95%; float:left; clear:none; margin:0 0 10px 2.5%; font-size:17px; letter-spacing:0.1em; color:#000; font-family: "ten-mincho"; text-align:left; }

/*	コンテンツ__h3 */
.contents__title3 { width:95%; float:left; clear:none; margin:0 0 10px 2.5%; text-align:left; background-position:bottom; color:#000; font-family: "ten-mincho"; font-size:15px; letter-spacing:0.1em; }


.contents__title2 { width:93%; height:40px; float:left; clear:none; background:#c7e0dd; margin:0 0 10px 2.5%; background:url(../img/bg_h2.jpg) repeat-x #c7e0dd; text-align:left; line-height:40px; background-position:bottom; color:#000; font-family: "ten-mincho"; font-size:17px; letter-spacing:0.1em; padding-left:2%; }

/*	コンテンツ__p  */
.contents__text { width:95%; float:left; clear:none; line-height:2em; margin:0 0 30px 2.5%; text-align:left; }

/*	コンテンツ__設備  */
.contents__setsubi { width:94%; float:left; clear:none; border:1px solid #ccc; margin:0 0 20px 2.5%; }
.contents__setsubi img { width: 100%; float:left; clear:none; margin:0 0px 0 0; }
.contents__setsubi strong { width:95%; float:left; clear:none; font-size:28px; font-family: "ten-mincho"; font-style: normal; font-size:17px; text-align:left; margin:10px 0 10px 2.5%; letter-spacing:0.1em; }
.contents__setsubi span { width:95%; float:left; clear:none; text-align:left; font-family: "ten-mincho"; margin:0 0 0 2.5%; }
.contents__setsubi p  { width:95%; float:left; clear:none; text-align:left; margin:20px 0 20px 2.5%; line-height:1.7em; font-size:14px; }
	
	

/*	フッター  */
.footer { width:100%; float:left; clear:none; display:block; }
.footer ul { display:block; }
.copy { width:95%; float:left; clear:none; margin:10px 0 50px 2.5%; font-size:11px; letter-spacing:0.1em; text-align:left; display:block; }
.fotter__link { width:100%; height:50px; line-height:50px; float:left; clear:none; border-bottom:1px solid #ccc; background:#404040; color:#fff; text-align:left; display:block;  }
.fotter__link a { width:95%; height:50px; float:left; clear:none; padding-left:5%; }
.fotter__link a:link { color:#fff; }
.fotter__link a:visited { color:#fff; }
.fotter__link a:hover { color:#fff; }
.fotter__link a:active { color:#fff; }

.footer__linkwrap { width:95%; float:left; clear:none; margin:10px 0 0 2.5%; display:block; }
.footer__linkwrap li { width:50%; float:left; clear:none; text-align:left;  }
.footer__linkwrap li a { width:100%; float:left; clear:none; text-align:left; font-size:11px; letter-spacing:0.1em; }
.footer__linkwrap li a:link { color:#000; }
.footer__linkwrap li a:visited { color:#000; }
.footer__linkwrap li a:hover { color:#000; text-decoration:underline; }
.footer__linkwrap li a:active { color:#000; }




/*	スマホ時固定	*/ 
.footer__contact { float:left; width: 101%; margin: 0px 0 0 0; position: fixed; z-index: 100; bottom:0; left: 0; display:block; }
.footer__contact  img.PC {display: none;}
.footer__contact  img.SP { width:50%; display: inline; margin: 0 0 0 0;}
.footer__contact  li { float:left; width:50%; margin: 0 0px 0 0; display: inline; background-color: #80b140;}
.footer__contact  li.SP { float:left; width:50%; margin: 0 0px 0 0; display: inline; background-color: #e14236;}
.footer__contact  li.left { float:left; width:50%; margin: 0 0px 0 0; display: inline; background-color: #067868;}
.footer__contact  li a { float:left; width: 100%; height: auto; }
.footer__contact  li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70; }
.footer__contact  li a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70; }




}