@charset "utf-8";



/*ページ内共通、基本要素以下*/

* { width:auto; height:auto; text-align:left; margin:0px; padding:0; border:none; font-size:14px; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-repeat:no-repeat; background-size:cover;}

body { width:100%; height:auto; text-align:center; background-image:url(../images/img_common/bg_allbody.jpg); background-size:cover; background-repeat:repeat;}

header, section, article, navi, footer, aside { width:100%; margin:0 auto; text-align: center;}

.wrap { height:auto; width:90%; max-width:1000px; margin:0 auto; display:block;}

/*ページ内共通、基本要素以上*/



/*リンク装飾以下*/

a:link { color:#b8903d; outline: none;}

a:visited { color:#b8903d; }

a:hover { opacity:0.6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

a:active { color:#b8903d; }



/*リンク装飾以上*/



/*ヘッダー以下*/

header { height:auto; padding-top:36px; background-image:url(../images/img_common/bg_header.png); background-size:contain; background-position:bottom; background-repeat:repeat-x; text-align:center;}

header div, footer div { display: inline-block;}

#contact address { width:266px; text-align:left;}

.headlogo {}
.headlogo .flag_index {display: block; width: 185px; margin-bottom: 6px;}

/*ヘッダー以上*/



/*TOP以外メイン画像以下*/

#wrap_meingazou { width: 100%; max-width:1000px; height: auto; margin: 20px auto; overflow: hidden; }

#wrap_meingazou img { width: 100%; max-width:1000px; height: auto; display: block; margin: 0px auto; }

/*TOP以外メイン画像以上*/



/*グローバルメニュー以下*/

.gnavi_wrap { width:100%; height:105px; background-image:url(../images/img_common/bg_gnavi.png); background-size:cover; background-repeat: repeat-x; text-align: center;}

.gnavi { width:1080px; height:100px; display:inline-block;}

.button { width:150px; height:104px;}

.gnavi img:hover { filter: hue-rotate(30deg); -webkit-filter: hue-rotate(30deg); -moz-filter: hue-rotate(30deg); -o-filter: hue-rotate(30deg); -ms-filter: hue-rotate(30deg); -webkit-filter: saturate(300%); filter:saturate(300%); }

/*グローバルメニュー以上*/



/*フッター以下*/

footer { width:100%; height:auto; text-align: center;}

.footer { height:auto; width:100%; background-image:url(../images/img_common/bg_footer.png); background-position:top left; background-size:100% auto; background-repeat:repeat-x; text-align:center; padding-bottom:1em;}

#pager div { width:900px; height:auto; margin:0 auto; text-align:right;}

#pager div a img { margin :24px 144px 0 0 ;}

footer ul li, footer a, footer p { list-style:none; color:#b8903d; display:inline-block; text-decoration:none;text-align: center;}

footer div { height:auto; text-align: center;}

.menu_footer { height:auto; text-align: center;}

#shitani_kasen { border-bottom:solid 1px #b8903d; text-align: center; }

.txt_submenu{ text-align: center;}

#ueni_kuukan { margin-top:10px; }

.copyright { width:100%; height:20px; text-align:center;background-color:#162213;}

.copyright span { width:100%; vertical-align:central; color:#b8903d;}

/*フッター以上*/



/*ボックス以下*/

.shadow_box {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 6px;
	vertical-align: top;
	background-image: none;
	background-repeat: repeat;
	border-style: solid;
	border-width: 4px;
	box-shadow: rgba(255,245,190, 0.65098) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(255,245,190, 0.65098) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(255,245,190, 0.65098) 0px 0px 6px 3px;
	background-color: #FFF;
}

.first_box { display:inline-block; hieght:auto; width:100%; padding:20px 0; background-image:url(../images/img_page/bg_middletitle.gif); background-repeat:repeat-x; margin-bottom:12px; text-align: center; margin: 0 auto; }

.first_box h2 { width: fit-content; margin: 0 auto; }

.shadow_box a, .shadow_box a span { color:#1B1705; display:inline; height:auto; text-decoration:none; line-height:2em; } 

.shadow_box div img  { display:inline-block; vertical-align:middle; }

/*ボックス以上*/



/*中見出し以下*/


.mtitle { height:auto; width:90%; max-width:980px; background-image:url(../images/img_page/horizon_m.png); background-size:contain; background-position:bottom; margin:0 auto; display:block;}

.mtitle2 { height:auto; width:90%; max-width:980px; background-image:url(../images/img_page/horizon_m.png); background-size:contain; background-position:bottom; margin:0 auto; display:block;}

.mtitle3 { height:auto; width:90%; max-width:980px; background-image:url(../images/img_page/horizon_m.png); background-size:contain; background-position:bottom; margin:0 auto; margin-top:-100px; display:block;}

.centering { margin:auto; text-align:center;}

/*中見出し以上*/



/*ブログ*/

.blog_box {
	width:400px;
    margin: 0 auto;
}

.blog_box p {
    float: left;
	text-align:left;
    display: flex;
	width:360px;
	padding-left:20px;
}
.blog_box span {
    float: left;
    padding-right:20px;
}


/* 安全への追及 */

.anzen{
	width:1000px;
	margin: 0 auto;
	margin-bottom:20px;
	margin-top:50px;
}

.anzen-in {
	width:400px;
	margin:0 auto;
}

.anzen-box {
	float:left;
	width:160px;
	height:250px;
	margin-left:30px;
	margin-bottom:100px;
}

.clear {
	clear:both;
}

/* 安全性評価認定ヘッダー */

.anzen-hoshi {
	width:180px;
	float:right;
	margin-left:180px;
	margin-right:10px;
	margin-top:-25px;
}
.anzen-hoshi p{
	color:#FFFFFF;
	font-size:12px;
	}
.anzen-hoshi .text{
	color:#FFFFFF;
	font-size:12px;
	float:left;
	margin-left:15px;
}
