/* 28/6/2012追加 */
@charset "utf-8";
/* CSS Document */
/*メイン部*/
body{
	margin:0;
	padding:0;
/*
	background-image: url(/wp-content/uploads/mdj-assets/images/common/body_bg.jpg);
	background-repeat: repeat;
*/
background: url("/wp-content/uploads/mdj-assets/images/body_bg.jpg") 0% 0 repeat;
}
.c_left{
	clear:left;
}

img{
	border:0;
}
a, a:visited {
	color: #F60;
	text-decoration: none;
}

#oshirase {
	width:700px;
	border:double 5px #F00;
	padding:10px;
	margin:0 0 10px 0;
	line-height:1.6em;
	font-size:12px;
	text-align:left;
}

.img_over:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* staffblogでfont_m.cssが読み込めないための「指定 */
#header h1, .customer_navi, .content_blog_president, .footer,
#calendar_wrap, .calender_navi, .side_cmn, .content_side p, #pankuzu li {
	font-size:12px;
}

/*ヘッダー*/
#header {
  width: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  padding: 0px;
  margin-bottom: 0px;
  background-image: url(/wp-content/uploads/mdj-assets/images/common/bg_new.jpg);
  background-repeat: repeat-x;
  background-color: #fff;
  background-position: left bottom;
}
@media screen and (min-width: 768px) {
	body{
		padding-top: 205px;
	}
	#header{
		z-index: 10000;
		position: absolute;
		top: 0;
		left: 0;
	}
	#header.active{
		position: fixed;
		top: -144px;
	}
}
#header .header_inner {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	height: auto;
	padding: 0px;
	}

#header h1{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 13px;
	font-weight: lighter;
	color: #666;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header h2{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 13px;
	font-weight: lighter;
	color: #666;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	font-size: 10px;
}

.header_message {
	width:480px;
	float:left;
	color:#666;
	margin:0;
	font-weight:lighter;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 13px;
	display: block;
	height: 16px;
	font-size: 200%;
}
#header_main {
	width:998px;
	display: block;
	float: left;
	height: 100px;
	background-image: url(/wp-content/uploads/mdj-assets/images/common/header_uketsuke.jpg);
	background-repeat: no-repeat;
	background-position: 900px 5px;
}

#header .header_logo {
	width:350px;
	float:left;
	height: 96px;
	padding: 0px;
	margin-top: 8px;
	margin-left: 0px;
	/* margin-right: 97px; */
	/*margin-bottom: 10px;*/
}
#header .medal img,#header .info img{
	width: 100%;
	height: auto;
}
#header .medal{
	width: 190px;
	margin-top: 20px;
	float: left;
}
#header .info {
	width:220px;
	float:left;
	height: auto;
	padding: 0px;
	margin-top: 15px;
	/* margin-right: 10px; */
	margin-left: 8px;
	margin-bottom: 0px;
}
#header .contact {
	float:left;
	padding: 0px;
	margin-top: 17px;
	/*margin-bottom: 15px;*/
	margin-right: 0px;
}

.m_navi{
	width:544px;
	height:37px;
	float:left;
	margin:0;
	padding:10px 0;
}
.m_navi ol,.m_navi ul{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
.m_navi ol{
	width:209px;
}
.m_navi ol li{
	margin-right:5px;
}
.m_navi .info_navi{
	width:200px;
}
.m_navi .info_navi li{
	margin:6px 13px 0 0;
}
.m_navi .bt_font{
	width:134px;
}
.m_navi .bt_font li{
	margin:6px 3px 0 0;
}
.m_navi li{
	display:inline-block;
	float:left;
}
.header h2{
	clear:left;
	width:390px;
	float:left;
	margin:0;
	padding:0;
}
.header .pram_inquiry{
	width:560px;
	float:left;
	margin:0;
	padding:0;
}
#font_s,#font_m,#font_l{
	cursor:pointer;
}

/*グローバルナビ部設定*/
.globalnavi li {
  /*float: left;*/
  /*padding: 0;*/
  margin: 0px;
  width: calc(100% / 7);
  border-right: solid 1px #fff;
}
.globalnavi li:first-child {
  border-left: solid 1px #fff;
}
.globalnavi li a {
  color: #fff;
  text-align: center;
  line-height: 62px;
  font-size: 16px;
  display: block;
  font-weight: 900;
  position: relative;
}
.globalnavi li a:hover {
  text-decoration: none;
}
.globalnavi li a:hover::before, .globalnavi li a:hover::after {
  transform: scale(1, 1);
}
.globalnavi li a::before {
  position: absolute;
  bottom: 15px;
  right: calc(50% - 31px);
  content: '';
  width: 30px;
  height: 3px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.globalnavi li a::after {
  position: absolute;
  bottom: 15px;
  left: calc(50% - 31px);
  content: '';
  width: 30px;
  height: 3px;
  background: #FF971F;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.globalnavi ul {
  display: none;
  padding: 0;
  list-style-type: none;
  position: absolute;
  z-index: 1002;
  margin: 0;
  background-color: #fff;
  -webkit-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  transition: All 0.5s ease;
}
.globalnavi ul li {
  float: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid white;
  position: relative;
  width: 165px;
  border-right: none;
  border-left: none;
}
.globalnavi ul li:first-child {
  border-left: none;
}
.globalnavi ul a {
  display: block;
  text-decoration: none;
  padding: 10px;
  font-size: 12px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  height: auto;
  line-height: inherit;
  font-weight: 500;
  -webkit-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  transition: All 0.5s ease;
}
.globalnavi ul a:hover {
  background-color: #eb6120;
}
.globalnavi ul a::before, .globalnavi ul a::after {
  display: none;
}
/*スライドショー*/
.slide{
	width:1070px;
	margin:0 auto;
}
#slideshow {
	width:1070px;
	height:339px;
	overflow:hidden;
}

/*コンテンツ部分*/
.main{
	width:940px;
	margin:10px auto;
	padding:0;
	overflow:hidden;
	background:url(/wp-content/uploads/mdj-assets/page_image/common/navi_bg.gif) repeat-y left;
}

.c_left{
	width:210px;
	float:left;
	margin:0 20px 0 0;
	padding:0 0 10px 0;
}
.c_right {
	width:710px;
	float:right;
}
.movetop{
	width:950px;
	text-align:center;
	clear:both;
	height: 25px;
	margin-top: -55px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	display: block;
	background:none;
	padding: 0 20px;
}


/*お問い合わせヘッダー*/
#header_contact {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 0px;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	}
#header_contact .header_contact_inner {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 40px;
	margin-bottom: 0px;
	height: auto;
	padding: 0px;
	}

#header_contact h1{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 13px;
	font-weight: lighter;
	color: #666;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header_contact h2{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 13px;
	font-weight: lighter;
	color: #666;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	font-size: 10px;
}
.header_contact h2{
	clear:left;
	width:390px;
	float:left;
	margin:0;
	padding:0;
}



/* SideBar
==================================================================== */

.side_bnr {
	display: block;
	width: 210px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
.side_bnr_nm {
	display: block;
	width: 210px;
	float: left;
	margin: 0;
	}
.side_bnr a:hover,.side_bnr_nm a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*　サイド共通　*/
.side_cmn  {
	padding: 0px;
	float: left;
	height: auto;
	width: 210px;
	margin-bottom: 0px;
	/*background-image: url(/wp-content/uploads/mdj-assets/images/common/side_cmn_bg.gif);*/
	background-repeat: repeat;
	display: block;
	list-style-type: none;
	vertical-align:top;
}

.side_cmn h2 {
	margin:0;
	padding:0;
	}

.side_cmn_navi {
	float: left;
	width: 204px;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FA8D1F;
	border-bottom-color: #FA8D1F;
	border-left-color: #FA8D1F;
	border-bottom-right-radius: 10px;		/* CSS3草・*/
	border-bottom-left-radius: 10px;		/* CSS3草・*/
	-webkit-border-bottom-right-radius: 10px;	/* Safari,Google Chrome用 */
	-webkit-border-bottom-left-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-bottomright: 10px;   /* Firefox用 */
    -moz-border-radius-bottomleft: 10px; 	/* Firefox用 */
	background-color: #fff;
}

.side_cmn_navi ul{
	float: left;
	list-style-type: none;
	margin: 0;
	width: 152px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}

.side_cmn_navi li
.side_cmn_navi ul li {
	display: block;
	}

.side_cmn_navi ul li a, .side_cmn_navi ul li a:link {
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_orange.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 10px 12px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 20px;
	width: 159px;
	height-min: 20px;
	color: #FF6501;
	text-decoration: none;
	margin: 0px;
	font-weight: lighter;
	}
.side_cmn_navi ul li:first-child a, .side_cmn_navi ul li:first-child a:link {
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #FA8D1F;
	}

.side_cmn_navi ul li a:hover,
.side_cmn_navi ul li:first-child a:hover{
	background-color: #FEFACA;
	text-decoration: none;
	}

.side_cmn_navi li a,.side_cmn_navi li a:link { /*基本*/
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_orange.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 6px 15px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 169px;
	height-min: 20px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FA8D1F;
	}
.side_cmn_navi li:last-child a,.side_cmn_navi li:last-child a:link { /*基本　ラスト*/
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_orange.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 6px 15px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 169px;
	height-min: 20px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	border:none;
	}

.side_cmn_navi li.orange a,.side_cmn_navi li.orange a:link { /*基本　オレンジ　グレーアンダーライン*/
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_orange.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 6px 15px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 169px;
	height-min: 20px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	}

.side_cmn_navi li.green a,.side_cmn_navi li.green a:link { /*グリーン　グレーアンダーライン*/
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_green.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 6px 15px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 169px;
	height-min: 20px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	}

.side_cmn_navi li.pink a,.side_cmn_navi li.pink a:link { /*ピンク　グレーアンダーライン*/
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_pink.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 6px 15px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 169px;
	height-min: 20px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	}

/*施工事例　各最後の項目*/
.side_cmn_navi li.orange_last a,.side_cmn_navi li.orange_last a:link { /*基本　オレンジ　オレンジ太アンダーライン*/
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_orange.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 6px 15px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 169px;
	height-min: 20px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FA8D1F;
	}

.side_cmn_navi li.green_last a,.side_cmn_navi li.green_last a:link { /*グリーン　オレンジ太アンダーライン*/
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_green.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 6px 15px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 169px;
	height-min: 20px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FA8D1F;
	}

.side_cmn_navi li.pink_last a,.side_cmn_navi li.pink_last a:link { /*ピンク　最終ラインなし*/
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_pink.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 6px 15px;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 30px;
	width: 169px;
	height-min: 20px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	}


.side_cmn_navi li a:hover {
	background-color: #FEFACA;
	text-decoration: none;
	}

.side_cmn_navi li:last-child a:hover {
	background-color: #FEFACA;
	text-decoration: none;
	border-bottom-right-radius: 10px;		/* CSS3草・*/
	border-bottom-left-radius: 10px;		/* CSS3草・*/
	-webkit-border-bottom-right-radius: 10px;	/* Safari,Google Chrome用 */
	-webkit-border-bottom-left-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius-bottomright: 10px;   /* Firefox用 */
    -moz-border-radius-bottomleft: 10px; 	/* Firefox用 */
	}

/*会社概要、施工エリア、チラシ情報*/
.content_side {
	padding: 10px;
	float: left;
	width: 184px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #F8F5EF;
	border: 3px solid #D2C7A6;
	border-radius: 10px;		/* CSS3草・*/
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background-color: #fff;
}

.content_side h2 {
	height: 18px;
	width: 184px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
	}
.content_side .img {
	width:183px;
	margin-right: auto;
	margin-left: auto;
	}
.content_side .img a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}

.content_sidebox {
	float: left;
	width: 196px;
	margin: 0px;
	border: 2px solid #FB0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.content_sidebox .leaflet {
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	display: inline-block;
	text-align: center;
	float: left;
	}
.content_sidebox .leaflet img{
	width:auto;
	height:auto;
	max-width:146px;
}
.content_sidebox .img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline-block;
	text-align: center;
	float: left;
	}

.content_sidebox p {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 180px;
	}
.content_sidebox p a{
	color: #F60;
	text-decoration: none;
	}

/*問合わせテーブル ------------------------------*/
.inquiry_table_s{
	width:330px;
	margin-bottom: 20px;
	padding-top: 17px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 380px;
	background-image: url(/wp-content/uploads/mdj-assets/images/common/table_toi_s.png);
	background-repeat: no-repeat;
	height: 84px;
	float: left;
}
.inquiry_table_s a{
	display:inline-block;
	margin-bottom:15px;
}

.inquiry_table_l{
	float:left;
	height:90px;
	width:280px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 130px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 430px;
	background-image: url(/wp-content/uploads/mdj-assets/images/common/table_toi_l.jpg);
	background-repeat: no-repeat;
}
.inquiry_table_l a{
	display:inline-block;
	margin-bottom:15px;
}

.inquiry_table_l_c{
	float:left;
	height:98px;
	width:224px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 143px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 486px;
	background-image: url(/wp-content/uploads/mdj-assets/images/common/table_toi_l.jpg);
	background-repeat: no-repeat;
}
.inquiry_table_l_c a{
	display:inline-block;
	margin-bottom:15px;
}

/*フッター*/
.footer {
	background-color:#4E4E4E;
	margin: 0px;
	height: auto;
	width: 100%;
	overflow: hidden;
	clear: both;
	text-align: center;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 25px;
}
#content_tenpo {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 15px;
	clear: both;
}

#content_tenpo h2{
	color:#656565;
	font-weight:lighter;
	float: left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	width: 100%;
	height: 15px;
	clear: left;
	margin: 0;
}
#content_tenpo .whitebox {
	background-color: #FFF;
	height: 40px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding: 20px;
	}
#content_tenpo .logo {
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
}
#content_tenpo .shiten {
	color:#656565;
	float: left;
	width: 400px;
	height: auto;
	line-height: 160%;
	margin: 0px;
}
#content_tenpo p img{
	margin-right:20px;
	float: left;
}

.footer_menu {
	width:950px;
	border-bottom:1px solid #DCD8BF;
	overflow:hidden;
	margin: 0 auto 0 auto;
	padding: 15px 0 20px 0;
}

.copyright {  /*追加分*/
	font-size: 85%;
	text-align: center;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	height: 30px;
	clear: both;
	padding-top: 10px;
	margin-top: 0px;
	color: #656565;
	}

.footer_menu a{
	color:#F60;
	text-decoration: underline;
}

.footer_menu span{
	color:#F60;
	text-decoration: none;
}
.footer_menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.footer_menu li{
	margin:0;
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_orange_s.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
}
.smenu{
	width:158px;
	float:left;
	margin:0;
	padding:0;
}
.fn_box{
	width:316px;
	float:left;
	margin:0;
	padding:0;
}
.fn_navi{
	width:143px;
	float:left;
}
.st{
	display:inline-block;
	font-weight:bold;
	margin-bottom:10px;
}

/*　部位別お悩み解決法　*/
.side_buibetsu  {
	padding: 0px;
	float: left;
	height: auto;
	width: 200px;
	margin-bottom: 10px;
	background-image: url(/wp-content/uploads/mdj-assets/images/common/side_nayami_bg.jpg);
	background-repeat: repeat-y;
	display: block;
	}

.side_buibetsu h2 {
	margin:0;
	padding:0;
	}

.side_buibetsu ul{
	margin:0;
	padding:0;
	float: left;
	list-style-type: none;
	}

.side_buibetsu li {
	display: block;
	}
.side_buibetsu li a,.side_buibetsu li a:link {
	background-image: url(/wp-content/uploads/mdj-assets/images/common/arrow_orange.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 10px 12px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 20px;
	width: 167px;
	height-min: 20px;
	margin: 0 4px 0 4px;
	color: #F60;
	text-decoration: none;
	}

.side_buibetsu li a:hover {
	background-color: #FCF0DA;
	color: #F60;
	text-decoration: none;
	}

.side_buibetsu .btm {
	background-image: url(/wp-content/uploads/mdj-assets/images/common/side_nayami_btm.jpg);
	background-repeat: no-repeat;
	height: 4px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	float: left;
	}

.side_buibetsu p {
margin-left:15px;
	}
.side_event{
	clear:both;
	margin-top:10px;
	border:10px solid #eee;
	padding:10px;
}
.side_event h2{
	margin:0;
	padding:0;
}
.side_event p{
	margin:0;
	padding:10px 0;
	border-bottom:1px dashed #333;
	line-height:1.6em;
	overflow:hidden;
	clear:right;
}
.side_event a{
	display:inline-block;
	float:right;
	margin-top:10px;
}


/*引き続き*/
/*ページ全体*/
img{
	border:0;
	vertical-align: bottom; /* 画像の下にできる隙間をなくす */
}

/*カラム設定*/
#container {
	width: 998px;
	min-height: 100%;
	height: auto;
	_height: 100%;
	padding: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	overflow: hidden;
	background-color: #FFF;
	}

#content {
	width: 950px;
	margin:0 auto;
	height: auto;
	display: block;
	/*overflow: hidden;　　　　　アンカーリンクで移動した際、表示がずれるバグがあるので、オフにします。　　　　　　*/
	background: #fff;
	padding: 0px 20px 60px 20px;
	}

#content_center {
	width: 880px;
	margin:0 auto 0 auto;
	height: auto;
	display: block;
	/*overflow: hidden;　　　　　アンカーリンクで移動した際、表示がずれるバグがあるので、オフにします。　　　　　　*/
	background: #fff;
	padding: 20px 40px 120px 40px;
	vertical-align:top;
	}

ul.globalnavi {
  width: 965px;
  height: 62px;
  /*clear: left;*/
  padding: 0;
  list-style-type: none;
  margin-top: 15px;
  /*margin-right: 0px;*/
  margin-bottom: 0;
  /*margin-left: 0px;*/
  display: flex;
}

.content{
	clear:left;
	width:950px;
	margin:0 auto 30px auto;
	padding:0;
	background:url(/wp-content/uploads/mdj-assets/images/common/bg_leftnavi.gif) repeat-y left;
	/*overflow: hidden;　　　　　アンカーリンクで移動した際、表示がずれるバグがあるので、オフにします。　　　　　　*/
}
.content_single{
	clear:left;
	width:950px;
	margin:20px auto;
	overflow:hidden;
	padding:0;
}
.c_center{
	width:730px;
	margin:0 auto;
	vertical-align:top;
}

.c_center_ver2{
	width:100%;
	margin:0 auto;
	vertical-align:top;
}

.c_right{   /* こだわり施工ページ */
	width:710px;
	float:right;
}


/*ヘッダー設定*/
.header_message{
	width:400px;
	height:25px;
	float:left;
	color:#656565;
	margin:0;
	padding:3px 0;
	font-weight:lighter;
}
ul.bt_header{
	width:204px;
	height:25px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.bt_header li{
	width:102px;
	float:left;
	margin:0;
	padding:0;
}
ul.bt_hnavi{
	width:201px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
.bt_hnavi li{
	width:auto;
	padding:5px;
	margin:0;
	float:left;
}
.bt_font{
	width:132px;
	float:right;
	margin:5px 0;
}
.bt_font h2{
	margin:0 0 0 3px;
	padding:0;
	float:left;
}
.bt_font ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.bt_font ul li{
	float:left;
	margin:0 0 0 3px;
	padding:0;
	cursor:pointer;
}
.header_logo{
	width:364px;
	float:left;
	clear:both;
	margin:0;
	padding:11px 0;
}
.info_tel{
	width:576px;
	float:left;
	padding:27px 0;
	margin:0;
}

/*ひとことメッセージ*/
.content_hitokoto{
	margin:0;
	padding:0;
}
.content_hitokoto h2{
	margin:10px 0;
	width:175px;
	float:left;
	padding:0;
}
.content_hitokoto marquee{
	width:775px;
	float:left;
	line-height:30px;
	margin:10px 0;
	color:#656565;
	padding:0;
	background:url(/wp-content/uploads/mdj-assets/images/common/foot_message.gif) no-repeat;
}
/*右コンテンツ*/
/*パンくずリスト*/
.pankuzu{
	padding:30px 0 20px 0;
	margin:0;
}
.pankuzu a,.pagelink a{
	color:#F60;
}
.pankuzu a:hover,.pagelink a:hover{
	text-decoration:none;
	color: #F90;
}

.bnr_nagare{
	width:710px;
	clear:both;
	margin:20px auto;
}



/*左ナビ設定*/
.content_event p{
	margin:0;
	padding:10px 10px 0 10px;
}
.content_event a{
	color:#300;
	text-decoration:none;
	display:block;
}
.content_event a:hover{
	color:#100;
	background-color:#f0f0f0;
}
.content_event a strong{
	display:block;
	margin:0;
	padding:10px 0;
	color:#039;
}
.content_event a:hover strong{
	color:#fc0;
}
.content_event p img{
	margin-top:10px;
}
.content_event .event_all img{
	margin-top:0;
}
.content_event .event_all{
	padding:10px;
}
/*初めてリフォームボタン部*/
.content_first{
	margin:0;
	padding:0 0 10px 0;
	border-top:20px solid #FFF;
	background:url(/wp-content/uploads/mdj-assets/images/common/first_bottom.gif) no-repeat bottom;
}
/*メッセージ*/
.content_message{
	margin:0 10px 10px 10px;
	padding:0;
}
.content_message *{
	margin:0;
	padding:0;
}
/*ボーダーバナー*/
.bnr_border{
	margin:0 10px 10px 10px;
	padding:0;
	border:1px solid #CCC;
}
/*ノーマルバナー*/
.bnr_nomal{
	margin:0 10px 10px 10px;
	padding:0;
}
/*新着情報*/
.content_info{
	margin:10px;
	border:1px solid #CCC;
	background:#FFF;
	padding:0;
}
.content_info h2{
	margin:0;
	padding:0;
}
.content_info dl{
	padding:10px;
	color:#330000;
	line-height:180%;
	margin:0;
}
.content_info dd{
	margin:0;
	padding:0 0 5px 0;
}
.content_info dt{
	border-top:1px dashed #CEC8AE;
	margin:0;
	padding:5px 0 0 0;
}
.content_info dt:first-child{
	border-top:0;
}
/*施工事例数*/
.content_jireikazu_header {
	padding:0;
	margin:0px 10px 0px 10px;
}

.content_jireikazu {
	color:#CB0000;
	padding:10px;
	text-align:center;
	width: 158px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(/wp-content/uploads/mdj-assets/images/common/im_ken.gif);
	background-repeat: no-repeat;
	background-position: 130px 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C8C0A0;
	border-bottom-color: #C8C0A0;
	border-left-color: #C8C0A0;
}
.content_jireikazu a {
	color:#CB0000;
	text-decoration: none;
	font-size: 100%;
}

.content_jireikazu p.pic {
	margin-top:5px;
	margin-left: 20px;
}
/*イベント情報*/
.content_event{
	margin:10px;
	padding:0;
	border:1px solid #ccc;
	background:#fff;
}
.content_event h2{
	margin:0;
	padding:0;
}
.content_event p.pic{
	margin-left: 15px;
	margin-top: 5px;
}
.event_box{
	padding:10px 10px 0 10px;
	margin:0;
	color:#330000;
}
.event_box a{
	color:#FF3300;
}
.bt_allevent{
	padding:0 10px 10px 10px;
	margin:0;
}

/*チラシ情報*/
.content_chirashi{
	margin:10px;
	padding:0 0 5px 0;
	background-color:#fff;
}
.content_chirashi h2{
	margin:0 0 5px 0;
	padding:0;
}
.content_chirashi p{
	padding:5px 10px;
	margin:0;
	text-align:center;
}
.content_chirashi_area .adobe{
	border:1px dotted #900;
	padding:5px;
	line-height:1.4em;
	margin:30px 0;
}
.content_chirashi_area *{
	line-height:1.4em;
}
.content_chirashi_area h3{
	border:2px solid #eeae00;
	color:#800;
	background:#fff3d4;
	padding:5px;
}
.content_chirashi_area h4{
	color:#800000;
	height:20px;
	line-height:20px;
}
.chirashi_content{
	width:355px;
	margin:5px;
	float:left;
}
.chirashi_content .img{
	text-align:center;
}
.content_chirashi_area hr{
	clear:left;
	width:710px;
}
/*資料請求*/
.content_shiryou{
	margin:0 10px 10px 10px;
	padding:0;
	border:1px solid #ccc;
	background-color:#fff;
}
.content_shiryou h2{
	margin:0 0 10px 0;
	padding:0;
}
.content_shiryou p{
	margin:0 10px;
	padding:0 0 10px 0;
	clear:left;
	overflow:hidden;
	color:#333;
	line-height:140%;
}
.content_shiryou .bun_box img{
	float:left;
	margin-right:10px;
}
/*ニュースレター*/
.content_letter{
	margin:0 10px 10px 10px;
	padding:0;
	border:1px solid #ccc;
	background-color:#fff;
}
.content_letter h2{
	margin:0 0 10px 0;
	padding:0;
}
.content_letter p{
	margin:0 10px;
	padding:0;
	line-height:180%;
}
.content_letter a{
	color:#f30;
	font-weight:bold;
}
.content_letter .bt_letter{
	padding:5px 10px 10px 10px;
	margin:0;
}
/*リフォーム施工エリアここから*/
.content_area{
	margin:0 10px;
	padding:0;
	border:1px solid #ccc;
	background-color:#fff;
}
.content_area h2,.content_area p{
	margin:0;
	padding:0;
}
.content_area p.area_deteil{
	padding:10px;
	margin:0;
	color:#333;
}

/*ボタンの特殊効果*/
.arraw_jirei{
	inline-block;
	background:url(/wp-content/uploads/mdj-assets/images/top/arraw_red.gif) no-repeat left;
	color:#f30;
	font-weight:bold;
	float:right;
	padding:5px 0 5px 25px;
}
/*パンくずリスト*/
#pankuzu{
	list-style-type:none;
	margin:20px 0;
	padding:0;
}
#pankuzu li{
	display:inline;
}
#pankuzu a{
	color:#F60;
}
#pankuzu a:hover{
	color:#F90;
	text-decoration:none;
}
/*会社概要*/
.content_history h2{
	border-bottom:3px solid #FE9C02;
	margin:20px 0 10px 30px;
	padding:5px 0;
	clear:both;
	font-size: 20px;
	line-height: 30px;
}
.content_history *{
	line-height:1.6em;
	color:#333;
}
.content_history h3{
	border-bottom:1px solid #FE9C02;
	margin:20px 0 20px 30px;
	padding:10px 0;
	clear:both;
	font-size: 120%;
	font-weight: normal;
}
.orange{
	color:#f50;
}
.content_history h4{
	border-bottom:1px dotted #FE9C02;
	margin:10px 0 10px 30px;
	padding:0;
	clear:both;
}
.content_history p{
	margin:0 0 0 30px;
	padding:0;
	clear:both;
}
.content_history p.bold{
	font-size: 14px;
	font-weight: bold;
}
.content_history u{
	text-decoration:underline;
	font-size:1.0em;
}
.content_history p img{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.content_history .sougyou img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.content_history .bun_box,.content_faq .bun_box{
	background:url(/wp-content/uploads/mdj-assets/images/company/list.gif) no-repeat 0 5px;
	padding:0 0 0 20px;
	margin:20px 0 20px 30px;
}
.pagelink{
	text-align:center;
	margin:20px;
}
.content_promise h4{
	margin:10px 0 10px 30px;
	padding:0;

}
.red{
	color:#900;
}
strong,span{
	font-size:100%;
}
.content_promise p{
	margin:0 0 20px 30px;
	padding:0;
	clear:both;
	line-height:1.6em;
}
.content_promise .im_box{
	text-align:right;
}
/*よくあるご質問*/
.content_faq p{
	line-height:1.6em;
}
.faq_setsumei{
	border:2px solid #fc9;
	background:#ffe;
	padding:10px;
}
.content_faq strong{
	text-decoration:underline;
}
.content_faq dl{
	border:2px solid #E3E3E3;
	padding:10px 20px;
}
.content_faq dt{
	background:url(/wp-content/uploads/mdj-assets/page_image/a.gif) no-repeat left top;
	margin:10px 0 0 0;
	padding:0 0 0 30px;
	line-height:22px;
}
.content_faq dd{
	background:url(/wp-content/uploads/mdj-assets/page_image/q.gif) no-repeat left top;
	margin:10px 0 0 0;
	padding:0 0 10px 30px;
	line-height:1.8em;
}
.self_shiokawa{
	width:298px;
	height:228px;
	background:url(/wp-content/uploads/mdj-assets/page_image/faq.jpg) no-repeat right top;
	padding:24px 25px 48px 207px;
	margin:0 0 0 200px;
	border-bottom:1px solid #CCC;
}
.content_faq .im_box{
	text-align:right;
	padding:20px 0;
	margin:0;
}
.content_faq .im_box img{
	margin-top:0;
}
/*トコトンまっすぐ新聞*/
.content_newsbn a{
	color:#666;
}
.content_newsbn a:hover{
	color:#FE9C02;
	text-decoration:none;
}
.content_newsbn th{
	padding:5px;
}
.content_newsbn td{
	padding:5px;
}
/*リフォームメニューページサイドバー*/
.content_jireimenu{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:10px 10px;
	padding:0;
}
.content_jireimenu h2{
	border-bottom:1px solid #CCC;
	margin:0;
	padding:0;
}
.content_jireimenu ul,.content_jireimenu li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.content_jireimenu li a{
	display:block;
	margin:0;
	padding:10px 10px 10px 20px;
	border-bottom:1px solid #ccc;
	background:#fff url(/wp-content/uploads/mdj-assets/page_image/jirei_arraw.gif) no-repeat 10px 13px;
	text-decoration:none;
	color:#333;
}
.content_jireimenu ul ul a{
	padding:10px 10px 10px 30px;
	background:#fff url(/wp-content/uploads/mdj-assets/page_image/jirei_arraw.gif) no-repeat 20px 13px;
}
.content_jireimenu li a:hover{
	background-color:#F3F3F3;
}
/*問合わせから契約までの流れ*/
.content_nagare h2{
	margin:0;
	padding:0;
}
.content_nagare h3{
	margin:0;
	padding:20px 0 5px 0;
	clear:both;
}
.content_nagare p{
	line-height:22px;
	margin:0;
	padding:0 0 22px 0;
}
.content_nagare .im_box img{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.content_nagare .bun_box img{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.c_right .content_nagare .sukima{
	margin-bottom:80px;
}
.c_right .content_nagare .sukima2{
	margin-bottom:60px;
}
.mp0{
	margin:0;
	padding:0;
}
.content_company_rank5{
	margin:0 0 20px 0;
	padding:20px 0 6px 0;
	background:url(/wp-content/uploads/mdj-assets/page_image/company/bottom_area.gif) no-repeat bottom;
	overflow:hidden;
}
.content_company_rank5 h3{
	margin:0;
	padding:0;
}
.content_company_rank5_a h4{
	clear:left;
	margin:0 0 20px 0;
	padding:0;
}
.content_company_rank5_a{
	border-right:1px solid #EBDB89;
	border-left:1px solid #EBDB89;
	padding:20px 0 0 20px;
	overflow:hidden;
}
.content_company_rank5_a p{
	width:163px;
	float:left;
	margin:0;
	padding:0 12px 20px 0;
	line-height:1.5em;
}
.content_company_rank5_a p img{
	margin-bottom:5px;
}
.content_company_bnr{
	display:block;
	margin:20px 0;
	padding:20px;
	text-align:center;
	background-color:#F9F4DC;
	list-style:none;
}
.content_company_bnr li{
	display:inline;
	margin:0;
	padding:0;
}
.content_company_bnr a{
	margin:0 10px;
}
.content_company_minna{
	background:#6E9E88;
	border-radius: 15px;        /* CSS3草案 */
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	padding:25px;
	color:#fff;
	overflow:hidden;
	margin-bottom:20px;
}
.content_company_minna .bun_box{
	width:520px;
	margin-right:10px;
	float:left;
	line-height:1.6em;
	font-size:1.3em;
}
.content_company_minna .im_box{
	width:150px;
	float:left;
	font-size:0.9em;
	line-height:1.2em;
	text-align:center;
}
.content_company_minna .im_box strong{
	font-size:1.4em;
}
.content_company_siawase{
	border:2px solid #9C8260;
	border-radius: 15px;        /* CSS3草案 */
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	padding:20px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.8em;
	color:#434343;
}
.content_company_siawase img{
	margin-top:10px;
}
.content_company_sanmi div{
	width:230px;
	float:left;
	margin-left:20px;
	font-size:1.2em;
	line-height:1.4em;
	color:#434343;
}
.content_company_sanmi div:first-child{
	margin-left:0;
}
.content_company_sanmi div h4{
	margin:0;
	padding:0;
}
.content_company_saisei h3{
	width:329px;
	float:left;
}
.content_company_saisei p{
	width:390px;
	float:left;
	margin-top:50px;
	padding:10px 0 0 10px;
	border-top:1px solid #434343;
	border-left:1px solid #434343;
	font-size:1.2em;
	line-height:1.4em;
	color:#434343;
}
/*スタッフ紹介*/
/*.staff_content_area{
	border:1px solid #FCB040;
	padding:9px;
	overflow:hidden;
}
.staff_content_area .staff_left{
	width:216px;
	float:left;
	overflow:hidden;
}
.staff_content_area .staff_right{
	width:480px;
	float:right;
}
.staff_content_area .staff_left .im_box{
	border-top:1px solid #FCB040;
	border-right:1px solid #FCB040;
	border-left:1px solid #FCB040;
	padding:7px;
	margin:0;
}
.staff_content_area .staff_left table{
	width:216px;
	border-top:1px solid #808285;
	color:#333;
}
.staff_content_area .staff_left th{
	width:1%;
	line-height:1.6em;
	white-space:nowrap;
	padding:5px 5px 5px 0;
	text-align:justify;
	text-justify:inter-ideograph;
	vertical-align:top;
	border-bottom:1px solid #808285;
	font-weight:lighter;
}
.staff_content_area .staff_left td{
	background:url(/wp-content/uploads/mdj-assets/page_image/staff/table_line.gif) no-repeat 0 10px;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #808285;
	line-height:1.6em;
}
.staff_right h3{
	background:url(/wp-content/uploads/mdj-assets/page_image/staff/bg_takumi.gif) top;
	font-size:14px;
	color:#F25821;
	height:63px;
	padding:0 5px;
}
.staff_right h3 img{
	margin-left:-5px;
	margin-bottom:5px;
}
.staff_right h3 strong{
	font-size:19px;
	line-height:30px;
}
.staff_right h3 span{
	display:inline-block;
	font-size:9px;
	margin:0 10px;
	vertical-align:text-top;
}
.staff_right .heightLine-group1{
	background:url(/wp-content/uploads/mdj-assets/page_image/staff/bg_film.gif) no-repeat top;
	padding-top:25px;
}
.staff_right .staff_message{
	margin-top:20px;
}
.staff_right .staff_message ul{
	margin:0;
	padding:0;
	list-style-type:none;
	background:url(/wp-content/uploads/mdj-assets/page_image/staff/bg_bt.gif) top;
	height:18px;
}
.staff_right .staff_message li{
	float:left;
	margin-left:3px;
	cursor:pointer;
}
.staff_right .staff_message li:first-child{
	margin-left:0px;
}
.staff_right .message{
	width:480px;
	border-top:5px solid #F25821;
	border-bottom:5px solid #F25821;
	padding:2px 0;
	margin:2px 0;
}
.staff_right .message table{
	height:172px;
}
.staff_right .message th{
	vertical-align:middle;
	width:122px;
}
.staff_right .message td{
	width:348px;
	padding-left:5px;
	background:url(/wp-content/uploads/mdj-assets/page_image/staff/message_line.gif) repeat-y left;
	line-height:1.6em;
	vertical-align:top;
}
.staff_right .message td ul{
	margin:0;
	padding:0 0 0 15px;
}
#message2,#message3,#message4,#message5{
	display:none;
}
.staff_tantou{
	margin-top:10px;
	border:1px solid #FCB040;
	background:#FCB040 url(/wp-content/uploads/mdj-assets/page_image/staff/tantou_bg.gif);
	padding:10px;
	overflow:hidden;
}
.staff_tantou h2{
	margin:0;
	padding:0 0 10px;
}
.staff_tantou .staff_jirei{
	border:1px solid #FCB040;
	background-color:#fff;
	overflow:hidden;
	padding:20px 0 0;
}
.staff_jirei_box{
	width:223px;
	float:left;
	margin:0 0 20px 10px;
}
.staff_jirei_box .im_box{
	margin:0 0 5px;
	padding:0;
	text-align:center;
}
.staff_jirei_box .im_box img{
	width:auto;
	height:auto;
	max-width:224px;
	max-height:167px;
}
.staff_jirei_box .bun_box{
	margin:0;
	padding:0;
}
.staff_jirei_box .bun_box a{
	text-decoration:none;
	line-height:1.6em;
	color:#333;
}
.staff_jirei_box .bun_box strong{
	display:block;
	color:#C30;
	margin:0;
	padding:0;
}
.staff_jirei_box .bun_box a .detail{
	color:#FF711F;
}
.staff_jirei_box .bun_box a:hover .detail{
	color:#c00;
}*/


/*スタッフ*/
.content_staff p{
	margin:0;
	padding:0;
}
.content_staff h3{
	margin:20 0;
	padding:0;
	clear:left;
}
.content_staff_box{
	width:234px;
	float:left;
	padding:0 0 20px 14px;
}
.content_staff .clear_left{
	padding-left:0;
}
.content_staff_box .bun_box{
	line-height:1.6em;
	color:#333;
	margin:5px 0;
}
.content_staff_box .bt_box{
	background-color:#eee;
	padding:10px;
	text-align:center;
}
.content_staff_single{
	margin-bottom:20px;
}
.content_staff_single .staff_left{
	width:239px;
	float:left;
	margin-right:17px;
}
.content_staff_single .staff_right{
	width:454px;
	float:left;

}
.staff_left p{
	margin:0;
	padding:0;
}
.staff_left h3{
	margin:10px 0 0 0;
	padding:0;
}
.staff_left ul{
	margin:5px 0;
	padding:0;
	list-style-type:none;
}
.staff_left li{
	width:115px;
	float:left;
	margin:0 4px 4px 0;
	padding:0;
}


.staff_left .pic li{
	width:76px;
	float:left;
	padding:0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 4px;
	margin-left: 0;
}
.staff_right h3{
	background:#eee;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	padding:20px;
	margin:0;
	color:#333;
	font-size: 130%;
}
.staff_right table{
	width:100%;
}
.staff_right th{
	font-weight:lighter;
	border-bottom:1px solid #ccc;
	text-align: left;
	color:#333;
	padding:10px;
	white-space:nowrap;
	width:180px;
}
.staff_right td{
	color:#333;
	padding:10px;
	border-bottom:1px solid #ccc;
}
.staff_right .bt_box{
	background:#eee;
	padding:10px;
	text-align:center;
	margin:20px 0;
}

.staff_question::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/uploads/mdj-assets/page_image/staff/ico_q.jpg);
  background-size: contain;
  
  margin-right: 7px;
  margin-left: -2.2rem;
}
.staff_question{
	position: relative;
	vertical-align: middle;
}
.staff_answer::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/uploads/mdj-assets/page_image/staff/ico_a.jpg);
  background-size: contain;
  
  margin-right: 7px;
  margin-left: -2.2rem;
}
.staff_answer{
	position: relative;
	vertical-align: middle;
}

#staff_content_area_m{
	border:1px solid #CCC;
	padding:0 0 20px 20px;
	margin:20px 0;
	overflow:hidden;
}
.staff_content{
	width:191px;
	float:left;
	border:2px solid #ccc;
	background:#eee;
	padding:10px;
	margin-top:20px;
	margin-right:20px;
	text-align:center;
}
.staff_text02{
	font-weight:bold;
}
.staff_image a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.content_staff_single .staff_right .anq_left { width:49%; margin-right:2%; float:left; margin-top:1vw; }
.content_staff_single .staff_right .anq_right { width:49%; float:left; margin-top:1vw; }
.content_staff_single .staff_right .anq_left p.Q { border-bottom:1px dashed #ccc; padding:0 0 0.1vw 0; font-weight:bold; margin-bottom:0.2vw;}
.content_staff_single .staff_right .anq_right p.Q { border-bottom:1px dashed #ccc; padding:0 0 0.1vw 0; font-weight:bold; margin-bottom:0.2vw; }
.content_staff_single .staff_right .anq_left p.A { margin-bottom:1vw; }
.content_staff_single .staff_right .anq_right p.A { margin-bottom:1vw; }

.content_staff_single .staff_right .anq_left p.Q span { background:#393; color:#fff; font-weight:bold; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; padding:0 0.4vw; margin-right:0.3vw; } 
.content_staff_single .staff_right .anq_left p.A span { background:#F60; color:#fff; font-weight:bold; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; padding:0 0.4vw; margin-right:0.3vw; } 
.content_staff_single .staff_right .anq_right p.Q span { background:#393; color:#fff; font-weight:bold; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; padding:0 0.4vw; margin-right:0.3vw; } 
.content_staff_single .staff_right .anq_right p.A span { background:#F60; color:#fff; font-weight:bold; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; padding:0 0.4vw; margin-right:0.3vw; } 

/* add staff custom 20200729  */
.content_staff_single.president {
	border: solid 2px #fc6700;
    padding: 3px;
}
.content_staff_single.president h3 {
    padding: 0 0 10px;
	background: none;
    color: #fc6700;
    font-size: 26px;
    font-family: serif;
	font-weight: bold;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.content_staff_single.president h3 span {
	font-size: 20px;
}
.content_staff_single.president h3::after {
    content: '';
    position: absolute;
    left: 0;
	right: 0;
	bottom: 0;
    width: 80%;
    height: 4px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(252,103,0,1) 50%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(252,103,0,1) 50%,rgba(255,255,255,0) 100%);
    background-position: center;
    background-repeat: no-repeat;
}
.content_staff_single.president .presub {
	border: solid 1px #fc6700;
    padding: 15px;
}
.content_staff_single.president .staff_right {
	width: 400px;
}
.content_staff_single.president .staff_right th {
	width: 70px;
}
.content_staff_single.president .pic {
	display: none;	
}
.content_staff_single.president .pic + br {
	display: none;	
}
.content_staff_single.president a {
    text-align: right;
    display: block;
    text-decoration: underline;
}
.content_staff_single.president a:hover {
    opacity: 0.7;
}
@media screen and (max-width: 767px) {
	.content_staff_single.president .staff_right {
		width: 100%;
	}
	.content_staff_single.president .staff_left {
		width: 100%;
		float: none;
		margin: 0 auto 10px;
		text-align: center;
	}
}
/* add staff custom 20200729  */

.page_back_btn{
	border:1px solid #ccc;
	display:inline-block;
}
.page_back_btn p{
	margin:0;
	padding:0;
}
.page_back_btn a{
	display:inline-block;
	padding:5px;
	margin:0;
	border:1px solid #eee;
	color:#f30;
	background:#fff;
	text-decoration:none;
}
.page_back_btn a:hover{
	background:#666;
	color:#fff;
}
#staff_content02{
	background:url(/wp-content/uploads/mdj-assets/page_image/staff_fukidashi_center.gif) repeat-y left;
	padding:0 40px 0 20px;
	margin:0;
	line-height:1.6em;
}
.pic,#staff_content02 p{
	margin:0;
	padding:0;
}
#staff_content01_left{
	width:150px;
	float:left;
	padding:20px 0 0 0;
}
#staff_content01_right{
	width:530px;
	float:left;
}
#staff_name_area{
	padding:30px 0 10px 0;
}
#staff_name01{
	display:inline-block;
	margin-right:10px;
}
.staff_name_lage{
	font-weight:500;
}
#staff_name02{
	display:inline;
}
.staff_text_list{
	border-bottom:2px dotted #ccc;
	overflow:hidden;
}
.staff_text_list dt{
	width:120px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	line-height:1.6em;
}
.staff_text_list dd{
	width:400px;
	float:left;
	margin:0;
	padding:0;
	line-height:1.6em;
}



/*お風呂・洗面所リフォームメニュー*/
.content_ohuro_nayami{
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/nayami_bottom.gif) no-repeat bottom;
	padding-bottom:15px;
}
.content_ohuro_nayami h2,.content_ohuro_nayami h3,
.content_ohurof_nayami h3,.content_ohurof_nayami h2{
	margin:0;
	padding:0;
}
.content_ohuro_box{
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/nayami_middle.gif) repeat-y left;
	overflow:hidden;
}
.content_nayami_left{
	padding:0 20px 0 3px;
	width:476px;
	float:left;
}
.content_nayami_right{
	width:228px;
	float:left;
}
.content_ohuro_box ul{
	list-style-type:none;
	margin:0;
	padding:15px 20px 0 20px;
}
.content_ohuro_box li,.content_ohurof_nayami ul li{
	line-height:1.6em;
	margin:0;
	padding:0 0 0 20px;
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/nayami_arraw.gif) no-repeat 0 5px;
	color:#333;
}
.content_ohuro_btn{
	list-style-type:none;
	clear:left;
	margin:0;
	padding:0;
}
.content_ohuro_btn li{
	float:left;
	margin-left:12px;
	padding:20px 0;
}
.content_ohuro_btn li:first-child{
	margin-left:0;
}
.content_ohuro_jireibox{
	width:205px;
	float:left;
	padding:10px;
	margin:0 0 10px 10px;
	border:1px dotted #CCC;
}
.content_ohuro_jireibox .im_box{
	text-align:center;
	margin:0;
}
.content_ohuro_jireibox .im_box img{
	width:auto;
	height:auto;
	max-width:205px;
	max-height:153px;
}
.content_ohuro_jirei .clear_left{
	margin-left:0;
}
.content_ohuro_jireibox strong{
	color:#c30;
}
.content_ohuro_jireibox h3{
	line-height:2.0em;
	font-weight:lighter;
}
.content_ohuro_jireibox .bun_box{
	color:#333;
	line-height:1.7em;
	margin:0;
}
.content_ohuro_jireibox .bun_box a{
	color:#FF711F;
}
.content_ohuro_jireibox .bun_box a:hover{
	color:#c00;
}
.content_ohuro_jireibox .bun_box img{
	margin-left:5px;
}
.content_ohuro_mayoi{
	clear:left;
	border:3px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	overflow:hidden;
	margin:20px 0;
}
.content_ohuro_mayoi h3{
	margin:0;
	padding:20px;
	text-align:center;
}
.content_ohuro_mayoi .im_box{
	width:210px;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
}
.content_ohuro_mayoi .bun_box{
	width:494px;
	float:left;
	line-height:20px;
	color:#333;
	margin:20px 0;
	padding:0;
}
.content_ohuro_tyui{
	clear:left;
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/otoshi_bottom.gif) no-repeat bottom;
	padding-bottom:15px;
}
.content_ohuro_tyui h3{
	margin:0;
	padding:0;
}
.content_ohuro_tyui p{
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/otoshi_middle.gif) repeat-y left;
	padding:15px 20px 5px 20px;
	margin:0;
	color:#333;
	line-height:1.6em;
}
.content_reformmenu_soudan{
	border-bottom:3px solid #ccc;
	margin-bottom:20px;
	overflow:hidden;
}
.content_reformmenu_soudan h3{
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
	margin:20px 0;
	padding:10px;
}
.content_reformmenu_soudan .bun_box{
	width:433px;
	float:left;
	padding:10px 10px 0 10px;
}
.content_reformmenu_soudan .im_box{
	padding:55px 0 0 0;
	margin:0;
	width:277px;
	float:left;
}
.content_ohurof_nayami{
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/nayami2_bottom.gif) no-repeat bottom;
	padding-bottom:11px;
}
.content_ohurof_nayami ul{
	list-style-type:none;
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/nayami2_middle.gif) repeat-y left;
	padding:10px 30px 5px 30px;
	margin:0;
}
.content_nayami_reform{
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/bg_nayami.gif);
	padding:21px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	margin-top:20px;
}
.content_nayami_reform h3{
	background:url(/wp-content/uploads/mdj-assets/page_image/ohuro/titbg_nayami.gif) no-repeat left top;
	line-height:47px;
	text-indent:55px;
	margin:0;
	padding:0;
}
.content_nayami_reform p{
	padding:0 20px 20px 20px;
	background:#fff;
	margin:0;
	line-height:1.5em;
	color:#333;
}
.content_nayami_reform .first{
	padding:20px;
}
.center{
	text-align:center;
}

.content_nayami_reformarea,.content_nayami_reform3c{
	background:#fff;
	padding:20px 0 20px 20px;
	overflow:hidden;
}
.content_nayami_reformarea .content_nayami_reformbox{
	width:314px;
	float:left;
	padding-right:20px;
}
.content_nayami_reformarea .content_nayami_reformbox p,
.content_nayami_reform3c div p{
	padding:0 0 10px 0;
}
.content_nayami_reformarea .chui_box{
	border:1px solid #ccc;
	clear:left;
	padding:10px;
	margin:0 20px 0 0;
}
.content_nayami_reform3c div{
	width:202px;
	float:left;
	padding-right:20px
}
.content_nayami_reform3c .content_nayami_reform4{
	width:424px;
	text-align:right;
	padding-top:50px;
}
.content_nayami_reform2c{
	background:#fff;
	clear:left;
	overflow:hidden;
}
.content_nayami_reform2c .im_box{
	width:216px;
	float:left;
}
.content_nayami_reform2c .bun_box{
	width:392px;
	float:left;
}
.content_kakakutable{
	border:1px solid #ddd;
	padding:10px;
	margin:10px 20px 0 20px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.content_kakakutable h3{
	margin:0 0 10px 0;
	padding:0;
}
.content_kakakutable h3 a{
	background:url(/wp-content/uploads/mdj-assets/page_image/furo/tit_arraw.gif) no-repeat 0 0;
	line-height:15px;
	display:inline-block;
	float:right;
	font-weight:lighter;
	padding:0 0 0 20px;
}
.content_kakakutable span[style="font-size: medium;"]{
	background-color:#eee;
	width:314px;
	padding:5px 10px;
	display:inline-block;
	margin:0 10px 10px 0;
}
.content_kakakutable span[style="color: #ff9900;"]{
	display:block;
	padding-bottom:10px;
}

/*会社概要　表のアンダーライン*/
.comp_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C96;
	line-height: 140%;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.content_gaiyobt{
	border:1px solid #EBDB89;
	padding:10px 0 20px 20px;
	margin:20px 0;
	overflow:hidden;
	background:url(/wp-content/uploads/mdj-assets/page_image/gaiyo/bg_gaiyobt.gif) repeat-x top;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	clear:both;
}
.content_gaiyobt h3{
	margin:0;
	padding:10px 0;
}
.content_gaiyobt ul{
	list-style:none;
	margin:0;
	padding:0;
}
.content_gaiyobt li{
	width:215px;
	float:left;
	margin:10px 10px 0 0;;
	padding:0;
}
#fk{
	margin-top:30px;
}
/*施工事例*/
.content_seko_detail{
	padding:10px 0 0 0;
}
.content_seko_detail_box{
	width:207px;
	border:1px dotted #AAA;
	padding:10px;
	float:left;
	margin:0 0 10px 10px;
}
.content_seko_detail .clear_left{
	margin:0 0 10px 0;
}
.content_seko_detail h3,.content_seko_detail .h3{
	font-weight:lighter;
	margin:5px 0 0 0;
	padding:0;
	display:block;
}
.content_seko_detail strong{
	color:#C30;
}
.content_seko_detail .bun_box img{
	vertical-align:middle;
	margin-left:5px;
}
.content_seko_detail .bun_box,.content_seko_detail .im_box{
	line-height:1.6em;
	margin:0;
	padding:0;
}
.content_seko_detail .im_box{
	text-align:center;
	margin:0 auto;
}
.content_seko_detail .im_box a{
	position:relative;
	display:inline-block;
}
.content_seko_detail .im_box .stamp{
	position:absolute;
	left:5px;
	top:5px;
}
.content_seko_detail .im_box img{
	max-height:141px;
	max-width:214px;
	width:auto;
	height:auto;
}
.content_seko_detail .bun_box a{
	color:#333;
	text-decoration:none;
}
.content_seko_detail .bun_box a .detail{
	color:#FF711F;
	text-decoration:underline;
}
.content_seko_detail .bun_box a:hover .detail{
	color:#c00;
}
/*サイド：ＣＭ*/
.content_tvmovie{
	width:180px;
	margin:10px;
}
.content_tvmovie iframe{
	border:1px solid #C8C0A0;
}
/*会社概要*/
.content_gaiyo_table table{
	border:1px solid #CEC8AE;
	color:#333;
}
.content_gaiyo_table th{
	font-weight:lighter;
	width:1%;
	white-space:nowrap;
	border-top:1px dotted #CEC8AE;
	vertical-align:top;
	padding:5px 20px;
	line-height:1.6em;
	text-align:left;
}
.content_gaiyo_table td{
	border-top:1px dotted #CEC8AE;
	padding:5px;
	line-height:1.6em;
}
.content_gaiyo_table .first{
	border-top:0;
}
.content_gaiyo_tenpo{
	margin-top:20px;
}
.content_gaiyo_tenpo hr{
	height:0;
	border:1px solid #fff;
}
.content_gaiyo_tenpo div{
	background:url(/wp-content/uploads/mdj-assets/images/top/riyu_bg.gif);
	border:1px solid #EBDB89;
	padding:20px;
	margin-bottom:20px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.content_gaiyo_tenpo table{
	border:1px solid #EBDB89;
	width:100%;
}
.content_gaiyo_tenpo th{
	width:270px;
}
.content_gaiyo_tenpo td{
	background:#fff;
	color:#333;
	padding-left:10px;
	line-height:2em;
	vertical-align:top;
}
.content_gaiyo_tenpo .bt_box{
	text-align:right;
	vertical-align:bottom;
	padding:0 10px 10px 0;
}
.content_gaiyo_tenpo strong{
	font-size:1.4em;
	display:inline-block;
	margin-top:20px;
}
.content_gaiyo_enkaku{
	margin-top:20px;
}
.content_gaiyo_enkaku table{
	width:100%;
	color:#333;
}
.content_gaiyo_enkaku th{
	text-align:left;
	width:1%;
	white-space:nowrap;
	padding:10px 10px 10px 15px;
	font-size:1.2em;
	line-height:1.6em;
	vertical-align:top;
	background:url(/wp-content/uploads/mdj-assets/page_image/b/icn_delt.gif) no-repeat 5px 14px;
	border-bottom:1px dotted #CEC8AE;
}
.content_gaiyo_enkaku td{
	padding:10px;
	font-size:1.2em;
	line-height:1.6em;
	vertical-align:top;
	border-bottom:1px dotted #CEC8AE;
}
.content_gaiyo_list{
	background:url(/wp-content/uploads/mdj-assets/images/top/case_tbottom.gif) no-repeat bottom;
	padding-bottom:10px;
}
.content_gaiyo_list h3{
	margin:0;
}
.content_gaiyo_list{
	margin-top:20px;
}
.content_gaiyo_list ul{
	margin:0;
	padding:20px 9px 10px 19px;
	height:110px;
	list-style-type:none;
	border-right:1px solid #CEC8AE;
	border-left:1px solid #CEC8AE;
}
.content_gaiyo_list ul li{
	width:165px;
	float:left;
	margin:0 10px 0 0;
}
/*会社概要：店舗紹介*/
.content_tenpo_shokai{
	margin-top:20px;
}
.content_tenpo_shokai hr{
	border:2px solid #fff;
}
.content_tenpo_shokai .im_box{
	width:260px;
	float:left;
	margin:0;
}
.content_tenpo_shokai .im_box a{
	display:inline-block;
	margin-bottom:5px;
}
.content_tenpo_shokai .bun_box{
	width:424px;
	float:left;
	border:3px solid #f90;
	height:200px;
	padding:20px;
	color:#333;
}
.content_tenpo_shokai .bun_box h3{
	border-bottom:1px dashed #f90;
	margin:5px 0;
	font-size:1.4em;
	padding:5px 0px;
}
.content_tenpo_shokai .bun_box p{
	line-height:2em;
}
.content_tenpo_staff{
	clear:left;
	overflow:visible;
}
.content_tenpo_staff h4{
	width:94px;
	float:left;
	clear:left;
}
.content_tenpo_staff ul{
	width:636px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
.content_tenpo_staff ul li{
	width:78px;
	height:78px;
	padding:7px 7px 21px 21px;
	margin:0;
	float:left;
	background:url(/wp-content/uploads/mdj-assets/page_image/staff/bg_ul.gif) right top;
}
.content_tenpo_staff ul li img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.content_tenpo_staff ul li:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.content_tenpo_staff ul div{
	display:none;
	position:relative;
	width:200px;
	z-index:1001;
	top:-10px;
	left:-61px;
	background:url(/wp-content/uploads/mdj-assets/page_image/staff/fukidasi.png) no-repeat center top;
	padding-top:8px;
	text-align:center;
}
.content_tenpo_staff ul li:hover div{
	display:block;
}
.content_tenpo_staff ul div span{
	display:block;
	background:#463E38;
	padding:3px;
	color:#fff;
}
.content_tenpo_staff ul strong{
	display:inline-block;
	margin-right:5px;
}
.other{
	width:950px;
	margin:10px auto;
}
.other .main{
	float:left;
	overflow:visible;
}


/*現場日記*/
.content_genbanikki{
	width:670px;
	margin:20px auto;
	overflow:hidden;
}
.content_genbanikki_box{
	width:220px;
	margin:10px;
	line-height:1.6em;
	float:left;
	padding:0 0 15px 0;
	border-bottom:1px dashed #ACACAC;
}
.content_genbanikki_box img{
	width:auto;
	height:auto;
	max-width:190px;
	max-height:150px;
	display:block;
	margin:auto;
}
.content_genbanikki_box p{
	margin:0;
	padding:0;
}
.content_genbanikki_box h3 span{
	font-weight:lighter;
}
.single_genba .photo img{
	width:auto;
	height:auto;
	max-width:710px;
}

/*サイドマイナビバナー*/
.content_mynavi {
	width: 160px;
	margin: 15px auto;
}
/*施工事例シングルページ*/
/*.seko_content_left {
	width:510px;
	float:left;
	margin-bottom:20px;
}*/
/*.seko_content_right{
	width:200px;
	float:left;
	margin-left:20px;
	background:url(/wp-content/uploads/mdj-assets/page_image/common/navi_bg.gif) repeat-y left;
}*/
.seko_content_header .title{
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background:#666;
	color:#FFF;
	font-size:1.6em;
	font-weight:bold;
	padding:15px 10px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.seko_content_header .im_box{
	width:350px;
	margin:0 13px 20px 0;
	float:left;
	border:solid 1px #ff9b00;
}
.seko_content_header .im_box:before {
	content: "施工前";
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background:#ff9b00;
	color:#fff;
	font-weight:bold;
	width: 350px;
    height: 22px;
    display: block;
    text-align: center;
    line-height: 22px;
}
.seko_content_header .bun_box{
	width:345px;
	float:left;
	line-height:1.6em;
}
.seko_content_header table{
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.seko_content_header th{
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
	padding:5px;
	text-align:left;
	white-space:nowrap;
	width:1%;
	vertical-align:top;
	background:#f2f2f2;
	line-height:1.6em;
}
.seko_content_header td{
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
	padding:5px;
	vertical-align:top;
	line-height:1.6em;
}
.wish_bun{
	line-height:1.6em;
	padding:0 0 0 120px;
	position:relative;
}
.wish_bun:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid #F60;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
	position:absolute;
	top:30%;
	left:30px;
}
.seko_content_after{
	clear:left;
	line-height: 1.6em;
	margin:20px 0;
	border:solid 1px #ff9b00;
	overflow:hidden;
}
.seko_content_after:before {
	content: "施工後";
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background:#ff9b00;
	color:#fff;
	font-weight:bold;
	font-size:1.4em;
	width: 710px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
}
.seko_content_imggroup{
	padding-bottom:20px;
	overflow:hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.seko_content_imggroup h3{
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #F60;
	width: 100%;
	height: 24px;
    padding: 7px 10px;
    background: #fff1c7;
    border: 1px solid #F60;
    clear: both;
}

.seko_content_imggroup p{
	width:337px;
	float:left;
	line-height:1.6em;
    margin: 15px 15px 0 0;
}

.seko_content_imggroup p img{
	width:100%;
	height:auto;
	max-width:337px;
	max-height:300px;
}
.seko_content_imggroup p a{
	display:block;
	margin:0 0 5px;
	padding:0;
	text-align:center;
}

.seko_content_imggroup .last{
	width:337px;
	/*margin-left:15px;*/
	float:left;
	line-height:1.6em;
}
.seko_content_imggroup .last img{
	width:auto;
	height:auto;
	max-width:233px;
	max-height:200px;
}
.seko_content_imggroup .last a{
	display:block;
	margin:0 0 5px;
	padding:0;
	text-align:center;
}

.seko_content_imggroup .clear_left{
	/*margin-left:0;*/
}
.seko_content_voice{
	background-color:#F2F2F2;
	padding:0 0 20px 20px;
	clear:left;
	overflow:hidden;
	margin-bottom:20px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.seko_content_voice h3{
	margin:0;
	padding:20px 0 10px;
}
.seko_content_voice .img_box{
	width:223px;
	float:left;
	margin:0 15px 0 0;
	padding:0;
}
.seko_content_voice .img_box img{
	width:auto;
	height:auto;
	max-width:223px;
}
.seko_content_voice .bun_box{
	clear:left;
	padding:10px 20px 10px 0;
	line-height:1.6em;
	margin:0;
}
.seko_content_comment{
	clear:left;
	border:3px solid #CCC;
	padding:20px 0 20px 20px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /*Firefox用 */
	overflow:hidden;
	margin-bottom:30px;
}
.seko_content_comment h3{
	margin:0;
	padding:0;
}
.seko_content_comment .bun_box{
	margin:10px 20px 10px 0;
	padding:0;
	line-height:1.6em;
}
.seko_content_comment .img_box{
	float:left;
	width:100px;
	position:relative;
	display:block;
	margin-right:10px;
	text-align:center;
}
.seko_content_comment .img_box a{
	display:block;
	text-decoration:none;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
}
.seko_content_comment .img_box a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.seko_content_comment .img_box img{
	vertical-align:middle;
	margin-bottom:5px;
}
.seko_content_comment .img_box span{
	display:inline-block;
	width:130px;
	padding:5px;
	top:69px;
	left:15px;
	position:absolute;
	color:#FFF;
	font-size:10px;
	line-height:15px;
}
.seko_content_bnr{
	list-style:none;
	margin:0;
	padding:0 0 20px;
	float:left;
}
.seko_content_bnr li{
	width:250px;
	margin:0 0 10px 10px;
	float:left;
}
.seko_content_bnr .clear_left{
	margin-left:0;
}
.seko_content_genba{
	margin:10px;
	padding:0;
}
.seko_content_genba h2{
	margin:0;
	padding:0;
}
.seko_content_genba .clear_left{
	border:1px solid #CCC;
	padding:0 10px 10px;
	background-color:#FFF;
}
.seko_content_genba .clear_left h3{
	margin:10px 0;
	padding:0;
}
.seko_content_genba .clear_left p{
	margin:10px 0 0;
	padding:0;
}
.seko_content_genba .clear_left a{
	color:#333;
	text-decoration:none;
}
.seko_content_genba .clear_left a:hover{
	color:#666;
	text-decoration:underline;
}
.seko_content_right .content_jireimenu strong{
	display:block;
	margin:0;
	padding:0 0 10px;
	font-weight:lighter;
}
.seko_content_right .content_jireimenu span{
	font-size:0.8em;
}
.cat-item-153,.cat-item-154{
	display:none;
}
/*増改築Specialページ*/
.takumi_special h2{
	background-color:#F1EDDB;
	padding:10px 15px;
	color:#333;
	font-size:24px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
.takumi_special .text{
	margin:0;
	padding:0 0 10px;
	line-height:1.6em;
	font-size:1.2em;
}
.takumi_special table{
	border-top:1px solid #F1EDDB;
	border-left:1px solid #F1EDDB;
	font-size:1.2em;
	width:100%;
}
.takumi_special th{
	border-right:1px solid #F1EDDB;
	border-bottom:1px solid #F1EDDB;
	padding:10px 40px 10px 10px;
	font-weight:lighter;
	text-align:left;
	vertical-align:top;
	font-size:1.2em;
	width:1%;
	white-space:nowrap;
}
.takumi_special th,.takumi_special td{
	border-right:1px solid #F1EDDB;
	border-bottom:1px solid #F1EDDB;
	padding:10px;
	text-align:left;
	vertical-align:top;
	font-size:1.2em;
}
.takumi_special .img_box{
	margin:0;
	padding:30px 0;
}
.takumi_special .img_box img{
	vertical-align:top;
}
.takumi_special .youbou{
	background-color:#F1EDDB;
	padding:20px;
	width:320px;
	float:left;
	margin-right:10px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
.takumi_special .teian{
	border:2px solid #FFCC66;
	padding:18px;
	width:320px;
	float:left;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	margin-bottom:10px;
}
.takumi_special .tantou{
	clear:left;
	padding:18px;
	border:2px solid #FFB500;
	overflow:hidden;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
.takumi_special .youbou p,.takumi_special .teian p,.takumi_special .tantou p,
.takumi_special .comment p{
	margin:0;
	padding:10px 0 0;
	line-height:1.6em;
	color:#333;
}
.takumi_special .tantou .staff{
	width:100px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.takumi_special .tantou .bun_box{
	width:470px;
	float:left;
}
.takumi_special h3{
	margin:0;
	padding:0;
}
.takumi_special h4{
	border-bottom:2px solid #7F7C52;
	padding:70px 0 10px;
	margin:0 0 10px;
	font-size:1.6em;
	color:#333;
	clear:left;
}
.takumi_special ul{
	list-style:none;
	margin:0;
	padding:0;
}
.takumi_special ul li{
	width:239px;
	float:left;
	margin:0 0 10px 6px;
}
.takumi_special ul .clear_left{
	margin-left:0;
}
.takumi_special ul img{
	margin-bottom:5px;
}
.takumi_special .kansou{
	background-color:#F1EDDB;
	padding:20px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	clear:left;
	margin-bottom:10px;
	overflow:hidden;
}
.takumi_special .kansou .im_box{
	width:259px;
	float:left;
}
.takumi_special .kansou .bun_box{
	width:431px;
	float:left;
}
.takumi_special .kansou .bun_box p{
	color:#333;
	line-height:1.6em;
	margin:0;
	padding:0;
}
.takumi_special .comment{
	border:2px solid #FFCC66;
	padding:18px;
	clear:left;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */

}
.content_jirei_table{
	padding:20px 0 0 0;
	overflow:hidden;
}
.content_jirei_table p{
	width:216px;
	float:left;
	margin:0 0 20px 20px;
	line-height:1.6em;
}
.content_jirei_table p strong{
	color:#333;
	display:inline-block;
	margin:5px 0;
}
.content_jirei_table p a{
	color:#F30;
}
.content_jirei_table p a:hover{
	color:#FE9C02;
}
.content_roundbox .c_left{
	margin-left:0;
}

/*special*/
.special p {
	float: none;
	display: inline-block;
	vertical-align: top;
}

/*howto*/
#howto p {
	margin:0 0 2em 0;
	padding:0;
	line-height:2em;
}
/*スタッフシングル施工事例部分*/
/*.staff_tantou{
	margin-top:10px;
	border:1px solid #FCB040;
	background:#FCB040 url(/wp-content/uploads/mdj-assets/page_image/staff/tantou_bg.gif);
	padding:10px;
	overflow:hidden;
}
.staff_tantou h2{
	margin:0;
	padding:0 0 10px;
}
.staff_tantou .staff_jirei{
	border:1px solid #FCB040;
	background-color:#fff;
	overflow:hidden;
	padding:20px 0 0;
}
.staff_jirei_box{
	width:223px;
	float:left;
	margin:0 0 20px 10px;
}
.staff_jirei_box .im_box{
	margin:0 0 5px;
	padding:0;
	text-align:center;
}
.staff_jirei_box .im_box img{
	width:auto;
	height:auto;
	max-width:224px;
	max-height:167px;
}
.staff_jirei_box .bun_box{
	margin:0;
	padding:0;
}
.staff_jirei_box .bun_box a{
	text-decoration:none;
	line-height:1.6em;
	color:#333;
}
.staff_jirei_box .bun_box strong{
	display:block;
	color:#C30;
	margin:0;
	padding:0;
}
.staff_jirei_box .bun_box a .detail{
	color:#FF711F;
}
.staff_jirei_box .bun_box a:hover .detail{
	color:#c00;
}*/

.hnsk-P dl dt {
	display:inline;
}
/* muki */
.muki{
	line-height:1.5em;
}
.ta-c{
	text-align:center;
}
.muki_txt_1{
	width:450px;
	margin-left:150px;
}
.mt-20{
	margin-top:20px;
}
.w665{
	width:665px;
	margin-left:50px;
}
.muki_totop{
	float:right;
	margin:10px 0 10px 0;
}
h4.muki{
	background-color:#eeeeee;
	width:650px;
	font-size:1.5em;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
   	-moz-border-radius: 5px;   /* Firefox用 */
	padding:10px 20px 10px 20px;
}


/* ロハスコート */
.lohascoat{
	padding:10px 0;
	border-bottom:1px solid #CCC;
	overflow:hidden;
	clear:both;
}
.lohascoat p{
	line-height:1.7em;
}
.P1{
	font-size:1.5em;
	line-height:1.3em;
	border-bottom:1px solid #000;
}

.lohascoat h3{
	font-size:1.5em;
	line-height:1.3em;
}
.lohascoat h2{
	font-size:1.5em;
	line-height:1.3em;
}

.lohascoat h3 strong,
.lohascoat h4 strong{
	display:inline-block;
	border-radius: 5px;		/* CSS3草・*/
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	background-color:#f93;
	padding:5px;
	margin-right:10px;
	color:#fff;
}

.lohascoat h4{
	font-size:1.3em;
	padding:10px 0;
}
.lohascoat .img_right img{
	float:right;
	margin:0 0 15px 15px;
}
.lohascoat .clear_b{
	clear:both;
}
.lohascoat h5{
	font-size:1.1em;
}

.w300 {
	width:300px;;
}

.w300 p {
	font-size:0.8em;
}

.w330 {
	width:330px;
	margin:20px 4px 0 7px;
}

.first_titbg1 {
	width:615px;
	height:49px;
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/trouble/first_titbg1.jpg) no-repeat;
	padding:30px 0 0 85px;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#000;
	font-size:20px;
	line-height:1em;
}

.first_titbg2 {
	width:615px;
	height:49px;
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/trouble/first_titbg2.jpg) no-repeat;
	padding:30px 0 0 85px;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#000;
	font-size:20px;
	line-height:1em;
}

.first_titbg3 {
	width:615px;
	height:49px;
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/trouble/first_titbg3.jpg) no-repeat;
	padding:30px 0 0 85px;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#000;
	font-size:20px;
	line-height:1em;
}

.first_titbg4 {
	width:615px;
	height:49px;
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/trouble/first_titbg4.jpg) no-repeat;
	padding:30px 0 0 85px;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#000;
	font-size:20px;
	line-height:1em;
}

.first_titbg5 {
	width:615px;
	height:49px;
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/trouble/first_titbg5.jpg) no-repeat;
	padding:30px 0 0 85px;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#000;
	font-size:20px;
	line-height:1em;
}

.f24 {
	font-size:24px;
	font-weight:bold;
}

.f20 {
	font-size:20px;
	font-weight:bold;
}

.f-l {
	float:left;
}

.mb-10 {margin-bottom:10px!important;}
.mb-20 {margin-bottom:20px!important;}
.fb {font-weight:bold!important;}
.lh-120 {line-height:120%!important;}
.lh-150 {line-height:150%!important;}

.mr10 {margin-right:10px;}
.mr11 {margin-right:11px;}

/*価格*/
.first_tekisei{
	width:710px;
}
.first_tekisei p{
	font-size:14px;
	line-height:1.8em;
}
.clear_left{
	clear:left;
}
.first_tekisei h2,
.first_tekisei p{
	margin:0;
	padding:0 0 20px;
	color:#333;
}
.first_tekisei .back_red,
.first_gaiheki .back_red{
	background-color:#FFCBCB;
	font-size:1.2em;
}
.first_tekisei .uchiwake{
	background-color:#EDEDED;
	padding:20px 0 20px 22px;
}
.first_tekisei .uchiwake .cl3{
	width:191px;
	border:1px solid #CCC;
	padding:10px 9px 0 10px;
	float:left;
	margin:0 22px 20px 0;
	background-color:#fff;
	height:318px;
}
.first_tekisei .uchiwake h3,
.first_tekisei .uchiwake p{
	padding:0 0 10px;
	margin:0;
	font-size:1em;
}
.first_tekisei .uchiwake .cl1{
	clear:left;
	border:1px solid #CCC;
	padding:10px 0 0;
	width:678px;
	background-color:#fff;
	margin:0 25px 0 0;
	overflow:hidden;
}
.first_tekisei .uchiwake .cl1 h3,
.first_tekisei .uchiwake .cl1 p{
	margin-left:10px;
}
.first_tekisei .uchiwake .cl1 .toi{
	width:324px;
	float:left;
	margin:0 0 10px 10px;
	line-height:1.4em;
	font-size:1em;
}
.first_tekisei .uchiwake .toi img{
	float:left;
	margin:0 10px 30px 0;
}
.first_tekisei .uchiwake .toi strong{
	font-size:1em;
}
.first_tekisei p.btm{
	margin:0;
	padding:0;
}
.first_tekisei .haaku{
	text-align:center;
}
.first_tekisei .kakunin{
	border:1px solid #ECE5DC;
	padding:20px;
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/tekisei/gaiheki_r24_c3.gif) left top;
	overflow:hidden;
	margin:0 0 20px;
}
.first_tekisei .kakunin h3{
	margin:0;
	padding:0 0 20px;
}
.first_tekisei .kakunin .check{
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/tekisei/gaiheki_r35_c7.gif) no-repeat bottom;
	padding-bottom:3px;
	width:202px;
	float:left;
	margin:0 20px 0 7px;
}
.first_tekisei .kakunin .check h4,
.first_tekisei .kakunin .check .btn{
	margin:0;
	padding:0;
	line-height:1em;
}
.first_tekisei .kakunin .check p{
	font-size:1em;
	min-height:63px;
}
.first_tekisei .check .btn a{
	display:inline-block;
	margin-top:5px;
}
.first_tekisei .kakunin .check .btn{
	height:83px;
}
.first_tekisei .check div{
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/tekisei/gaiheki_r29_c7.gif) repeat-y left;
	padding:9px;
}
.first_tekisei .table{
	width:678px;
	border:1px solid #CCC;
	margin:0 auto 20px;
	padding:0;
	line-height:1em;
}
.first_gaiheki{
	width:710px;
	padding-bottom: 25px;
}
.first_gaiheki h2{
	margin:0;
	padding:0 0 20px;
}
.first_gaiheki .head h3{
	margin:0;
	padding:0 0 20px;
}
.first_gaiheki .head p{
	margin:0;
	padding:0 0 20px 10px;
	line-height:1.6em;
}
.first_gaiheki p{
	margin:0 0 20px;
	padding:0;
}
.first_gaiheki .toraburu{
	border:1px solid #ECE5DC;
	padding:0 29px 20px;
	background:url(/wp-content/uploads/mdj-assets/page_image/knowledge/tekisei/gaiheki_r24_c3.gif) 3px 4px;
	margin-bottom:20px;
}
.first_gaiheki .toraburu h3{
	padding:20px 0 0;
	margin:0;
	text-align:center;
	clear:left;
}
.first_gaiheki .toraburu div{
	background-color:#fff;
	padding:40px 59px 20px 58px;
	overflow:hidden;
	border-left:1px solid #EDE7DE;
}
.first_gaiheki .toraburu p img{
	margin-bottom:5px;
}
.first_gaiheki .toraburu p{
	width:232px;
	float:left;
	margin:0 22px;
	padding:0 0 20px;
	line-height:1.8em;
}
.first_gaiheki .toraburu .clear_left{
	width:508px;
	float:none;
}
.first_gaiheki{

}


/* 共通グレー枠 */
.waku_border_s_d4d4d4 {
	width:707px;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:0 0 21px 21px;
	margin:0 0 20px 0;

}

.waku_border_s_d4d4d4 .dash_border {
	width:202px;
	padding:9px;
	border:1px dashed #d4d4d4;
	float:left;
	position: relative;
}

.waku_border_s_d4d4d4 a {
	color:#000;
	text-decoration:none;
}

.waku_border_s_d4d4d4 a:hover {
	color: #C30;
	text-decoration:none;
}

.mr15 {margin-right:15px;}
.mr21 {margin-right:21px;}
.mr20 {margin-right:20px;}
.mb15 {margin-bottom:15px;}
.f-r {float:right;}
.ml10 {margin-right:10px;}

.box_hover{
	cursor:pointer;
	text-decoration:none;
	background:#ffe67c;
}

.waku_harf {
	width:340px;
	padding:0;
	float:left;
}

.kaiyuseko_border_s_d4d4d4 {
	width:707px;
	border:1px solid #d4d4d4;
	padding:20px 0 20px 20px;
	margin:0 0 20px 0;
}

.kaiyuseko_border_s_d4d4d4 a {
	float:left;
	margin-right:15px;
}

/* お客様の声 */
.voice01 {
	background:url(/wp-content/uploads/mdj-assets/page_image/top/top_voice01_bg.png) no-repeat;
	width:202px;
	height:62px;
	padding:167px 15px 0 0;
	margin:0;
}

.voice01 p {
	line-height:1.6em;
	margin:0 10px;
}

.voice02 {
	background:url(/wp-content/uploads/mdj-assets/page_image/top/top_voice02_bg.png) no-repeat;
	width:202px;
	height:62px;
	padding:167px 15px 0 0;
	margin:0;
}

.voice02 p {
	line-height:1.6em;
	margin:0 10px;
}

.voice03 {
	background:url(/wp-content/uploads/mdj-assets/page_image/top/top_voice03_bg.png) no-repeat;
	width:202px;
	height:62px;
	padding:167px 15px 0 0;
	margin:0;
}

.voice03 p {
	line-height:1.6em;
	margin:0 10px;
}

/* 施工事例 */

.waku_border_s_d4d4d4 .stamp {
	float: right;
	height: 76px;
	width: 76px;
	margin: 75px 0 0 125px;
	padding: 0;
	position: absolute;
	left: 5px;
	top: 4px;
	z-index: 1;;
}

.waku_border_s_d4d4d4 .place {
	float: left;
	width: 161px;
	height:190px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	font-size: 12px\;/* IE8 */
	line-height: 18px\9;/* IE8 and below */
	line-height:1.6em;
}
.waku_border_s_d4d4d4 .naiyo {
	float: left;
	width: 161px;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	line-height:1.6em;
}

.seko_w202_h150 {
	width:202px;
	height:150px!important;;
	overflow:hidden!important;
}

/* 代表あいさつ */
.mess {
	background:url(/wp-content/uploads/mdj-assets/page_image/top/top_mess_bg.jpg) no-repeat;
	width:580px;
	padding:0 0 0 120px;
	margin:0;
}

.mess p {
	margin:0 0 10px 0;
	padding:0;
	line-height:1.6em;
}

.mess_pict {
	background:url(/wp-content/uploads/mdj-assets/page_image/top/top_mess_pict.jpg) no-repeat;
	width:189px;
	height:34px;
	padding:199px 0 0 0;
	margin:0;
	text-align:center;
	float:right;
}

/* イベント・キャンペーン情報 */
.event_waku {
	width:360px;
	padding:0;
	margin:0 19px 10px 0;
	float:left;
}

.event_border_s_d4d4d4 {
	width:328px;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:0 10px 20px 20px;
	margin:0 0 0 0;
	line-height:1.6em;

}

.event_border_s_d4d4d4 a {
	text-decoration:none;
	color:#000;
}

.event_border_s_d4d4d4 a:hover {
	text-decoration:none;
	color:#C30;
}


/* ブログ */
.blog_waku {
	width:360px;
	padding:0;
	margin:0 0 10px 0;
	float:left;
}

.blog_border_s_d4d4d4 {
	width:338px;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:0 0 20px 20px;
	margin:0 0 0 0;
}

/* 問い合わせ */
.kaiyu_toi {
	background:url(/wp-content/uploads/mdj-assets/images/common/kaiyu/toi_sou_bg.jpg) no-repeat;
	width:235px;
	height:127px;
	margin:0 0 20px 0;
	padding:105px 0 0 505px;
}

.dash_border {
	float:left;
	padding:5px;
	margin:0 5px 5px 0;
	width:214px;
}







/* キャンぺーン */

#campaign_page {
	padding: 0px;
	width: 680px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#campaign_page .cam_bg02 {
width: 620px;
padding: 30px;
margin: 0 auto 20px auto;
background: url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_02bg.jpg) no-repeat;
text-align: center;
border-bottom: 1px solid #a1803a;
}



#campaign_page .text-pink {
	background-color:#FCF;
}

#campaign_page .w680 {
	width:680px;
	margin:0 auto 20px auto;
	padding:0;
	text-align:left;
	line-height:1.8em;
	font-size:14px;
}

#campaign_page .w680 p {
	margin:0;
	padding:0;
}


#campaign_page .cam_box04 {
	width:580px;
	height:69px;
	background:url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_04.png) no-repeat;
	padding:410px 20px 30px 20px;
	text-align:left;
	margin-bottom:14px;
}

#campaign_page .cam_box05 {
	width:580px;
	height:45px;
	background:url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_05.png) no-repeat;
	padding:240px 20px 30px 20px;
	text-align:left;
	margin-bottom:14px;
}

#campaign_page .cam_box06 {
	width:360px;
	height:149px;
	background:url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_06.png) no-repeat;
	padding:100px 20px 30px 240px;
	text-align:left;
	margin-bottom:14px;
}

#campaign_page .cam_box07 {
	width:580px;
	height:527px;
	background:url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_07.png) no-repeat;
	padding:110px 20px 30px 20px;
	text-align:left;
	margin-bottom:14px;
}

#campaign_page .cam_box07 p {
	margin-left:345px;
	padding:0;
}

#campaign_page .cam_box08 {
	width:580px;
	height:114px;
	background:url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_08.png) no-repeat;
	padding:430px 20px 30px 20px;
	text-align:left;
	margin-bottom:14px;
}

#campaign_page .cam_box09 {
	width:580px;
	height:149px;
	background:url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_09.png) no-repeat;
	padding:100px 20px 30px 20px;
	text-align:left;
	margin-bottom:14px;
}

#campaign_page .cam_box15 {
	width:580px;
	height:490px;
	background:url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_15.jpg) no-repeat;
	padding:10px 20px 30px 20px;
	text-align:left;
	margin-bottom:0;
	line-height:1.8em;
	font-size:14px;
}

#campaign_page .cam_box19 {
	width:663px;
	height:560px;
	background:url(/wp-content/uploads/mdj-assets/page_image/campaign/campaign_19.jpg) no-repeat;
	padding:160px 0 0 17px;
	text-align:left;
	margin-bottom:20px;
}

#campaign_page .cam_box19 p {
	line-height:1.8em;
	font-size:14px;
	color:#FFF;
	margin-left:15px;
	margin-bottom:20px;
}

/* お客様の声 */

#campaign_page #ViewArea{
	width:624px;
	height:160px;
	overflow:hidden;
	float:left;
	z-index:1;
	background:none;
	margin:0 auto;
}
#campaign_page #ScrollArea{
	position:relative;
	z-index:2;
	background:none;
}
#campaign_page #ScrollArea ul{
	width:800px;
}
#campaign_page #ScrollArea li{
	width:170px;
	float:left;
	position:relative;
	padding:10px;
	text-align:left;
	list-style:none;
}
#campaign_page #ScrollArea li img{
	width:auto;
	height:auto;
	max-width:170px;
}
#campaign_page #ScrollArea p{
	font-size:12px;
	padding:2px 0px 0px 0px;
	line-height:1.2em;
}
#campaign_page #Leftbtn{
	width:26px;
	height:174px;
	overflow:hidden;
	float:left;
	z-index:1;
	background:url(/wp-content/uploads/mdj-assets/page_image/allpage-btnarrowgrey-l_rollout.jpg) no-repeat 0px 0px;
}

#campaign_page #Leftbtn:hover{
	background-image:url(/wp-content/uploads/mdj-assets/page_image/allpage-btnarrowgrey-l_rollover.jpg);
	background-repeat:no-repeat;
}
#campaign_page #Rightbtn{
	width:26px;
	height:174px;
	overflow:hidden;
	float:left;
	z-index:1;
	background:url(/wp-content/uploads/mdj-assets/page_image/allpage-btnarrowgrey-r_rollout.jpg) no-repeat 5px 0px;
}
#campaign_page #Rightbtn:hover{
	z-index:1;
	background-image:url(/wp-content/uploads/mdj-assets/page_image/allpage-btnarrowgrey-r_rollover.jpg);
	background-repeat:no-repeat;
}
/*スタッフブログ*/
#calendar_wrap{
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	border:3px solid #FA8E0C;

}
#calendar_wrap table{
	table-layout:fixed;
}
#calendar_wrap caption{
	background:#FA8E0C;
	line-height:1.8em;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}
#calendar_wrap td,#calendar_wrap th,#calendar_wrap caption{
	text-align:center;
	padding:3px;
}
#calendar_wrap th{
	font-weight:bold;
}
#calendar_wrap td a{
	color:#F30;
	text-decoration:underline;
	font-weight:bold;
}
#calendar_wrap td a:hover{
	color:#FE9C02;
}
.calender_navi{
	background:#fff;
}
.calender_navi table{
	width:100%;
}
.calender_navi #prev{
	text-align:left;
}
.calender_navi #next{
	text-align:right;
}
.content_blog_president{

}
.content_blog_title{
	margin:20px 0 5px;
	padding:10px 0;
	border-bottom:3px solid #CCC;
}
.content_blog_title,
.content_blog_title a{
	font-size:18px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
.blog_date{
	text-align:right;
	margin:0;
	padding:0 0 10px;
	font-size:0.9em;
}
.meta{
	border-top:1px dotted #CCC;
	text-align:right;
	margin:20px 0 100px;
	padding:10px 0;
}
.content_blog_president_text p{
	margin:10px 0;
	padding:0;
	line-height:1.7em;
}
.content_blog_president_text div{
	margin:0;
	padding:0;
	line-height:1.7em;
}
.calender_navi a{
	display:inline-block;
	margin:3px 0 10px;
	padding:0;
}
.mar_b_20 {
	margin-bottom:20px;
}
.mar_t_20{
	margin-top: 20px;
}

/* サイドバナートップ */
.side_bnr_first {
	display: block;
	width: 210px;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}

/*下部固定バナー*/
.sample2 {
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 20;
}
#lowerbnr_wrap {
  clear: both;
  height: 113px;
  /* background-color: rgba(151, 142, 119, 0.7);*/
  background-color: #4E4E4E;
  width: 100%;
  padding-top: 10px;
  position: relative;
}
#lowerbnr_wrap .floating_top {
  position: absolute;
  /*right: 333px;*/
  right: 362px;
  top: -5px;
  width: 80px;
}
#lowerbnr_wrap ul {
  margin: 0 auto;
  width: 960px;
  padding: 10px 20px;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#lowerbnr_wrap ul li {
  float: left;
  margin-right: 5px;
  list-style-type: none;
  position: relative;
  z-index: 30;
}
#lowerbnr_wrap ul li a {
  display: block;
}
#lowerbnr_wrap ul li:first-child {
  margin: 0 10px 3px 5px;
}
#lowerbnr_wrap ul li a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
@media (max-width: 1680px) {
  #lowerbnr_wrap .floating_top {
    right: 14.5%;
  }
}
@media (max-width: 1440px) {
  #lowerbnr_wrap .floating_top {
    right: 8.5%;
  }
}
@media (max-width: 1366px) {
  #lowerbnr_wrap .floating_top {
    right: 6.5%;
  }
}
@media (max-width: 1240px) {
  #lowerbnr_wrap .floating_top {
    right: 2%;
  }
}
@media (max-width: 1024px) {
  #lowerbnr_wrap .floating_top {
    right: 4%;
  }
}
@media (min-width: 768px) {
  #lowerbnr_wrap .floating_top {
    right: 3.5%;
  }
}
@media (min-width: 1920px) {
  #lowerbnr_wrap .floating_top {
    right: 19%;
  }
}
.footer_close {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	float:right;
	padding:10px 20px;
	font-size:10px;
	cursor: default;
	margin:-46px 10% 0 0;
	background-color: rgba(151, 142, 119, 0.7);
}

.bottom_area {
	position: fixed;
	bottom:0;
	right: 0;
	width:100%;
	z-index: 10000;
	background: #fff;
	box-shadow: 0px 0 2px 2px rgba(0, 0, 0, 0.1);
}

.bottom_area_button {
	display: flex;
	justify-content: center;
}

.bottom_area p {
	width: 24%;
	text-align: center;	
	margin-right: 1%;
}
.bottom_area p:last-child {
	margin-right: 0%;
}
.bottom_area a {
	text-decoration: none;
	color: #fff;
	display: block;
}
.bottom_area a:hover {
	opacity: 0.7;
}
/* .bottom_area a img{
	max-width:98%;
  opacity: 0.8;
  filter: alpha(opacity=80);
} */
.sidemovie{
    background-color: #ff9900;
    text-align: center;
    width:210px;
}



/* 施工事例 */
.case_round{
	border:solid 7px #FBC00D;
	border-radius: 1em;
	margin-bottom: 20px;
}
.case_round_txt{
	margin-bottom: 0px;
}
.case_round p{
	margin-left: 15px;
}
.case_cat_area{
	float: left;
}
.case_cat_areaname ul{
	list-style: none;
	overflow: hidden;
	margin-top: -10px;
	margin-bottom: -5px;
	padding: 0;
	margin-left: 16px;
}
.case_cat_areaname li{
	background-color: #333;
	float: left;
}
.case_cat_areaname li a{
	transition:all 0.5s ease;
	background-color: #BCA470;
	display: block;
}
.case_cat_areaname li a:hover{
	opacity: 0.9;
	filter: alpha(opacity=70);
}
.case_cat_name ul{
	list-style: none;
	overflow: hidden;
	margin-top: -10px;
	padding: 0;
	margin-left: 16px;
}
.case_cat_name li{
	background-color: #333;
	float: left;
}
.case_cat_name li a{
	transition:all 0.5s ease;
	background-color: #BCA470;
	display: block;
}
.case_cat_name li a:hover{
	opacity: 0.9;
	filter: alpha(opacity=70);
}
.case_cat_imgright{
	float: right;
	margin-top: -30px;
	margin-right: 13px;
}

/*施工事例　塗料の色追加（杉山）*/
.case_cat_area:last-child {
	float: none;
}
.case_cat_color{
	padding: 0 20px;
}
.case_cat_color ul{
	list-style: none;
	background-color: #eee;
	padding: 15px;
	margin-top: -5px;
	display: flex;
	justify-content: space-around;
}
.case_cat_color li a{
	color: #603b10;
	display: block;
	font-weight: 700;
	text-align: center;
	position: relative;
}
.case_cat_color li a::before{
	content: " ";
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f9e3d5;
    margin: 0 auto 10px;
}
.case_cat_color li:nth-of-type(2) a::before{
	background-color: #803c20;
}
.case_cat_color li:nth-of-type(3) a::before{
	background-color: #2e6fab;
}
.case_cat_color li:nth-of-type(4) a::before{
	background-color: #6ea647;
}
.case_cat_color li:nth-of-type(5) a::before{
	background-color: #e37933;
}
.case_cat_color li:nth-of-type(6) a::before{
	background-color: #dde9f5;
}
.case_cat_color li:nth-of-type(7) a::before{
	background-color: #f9e3d5;
    background-image: url(/wp-content/uploads/mdj-assets/images/seko/multicolor.png);
}
.case_cat_color li:nth-of-type(8) a::before{
	background-color: #f9e3d5;
    background-image: url(/wp-content/uploads/mdj-assets/images/seko/twotone.png);
    background-size: contain;
}
.case_cat_color li a:hover{
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=70);
}


/* ワンラブ（豊田） */
.intro_olv_toyota{
	margin: 25px 0px;
	margin-bottom: 40px;
}
.intro_olv_toyota .txt_left{
	width: 71%;
	float: left;
	line-height: 1.6;
	letter-spacing: 0.7px;
}
.intro_olv_toyota .right_logo{
	float: right;
	margin-top: -15px;
	margin-right: 10px;
}
.main_olv_toyota{
	margin: 25px 0px;
}
.main_wrap .main_ttl{
	margin-bottom: 25px;
}
ul.img_exp1{
	width: 700px;
	margin: 0px auto;
	margin-left: -40px;
}
ul.img_exp1 li{
	list-style: none;
	float: left;
}
ul.img_exp1 .img_left{
	margin-right:10px;
	margin-bottom: 15px;
}
ul.img_exp1 .img_right{
	margin-left:10px;
	margin-bottom: 15px;
}
.exp_txt{
	line-height: 1.8;
	letter-spacing: 0.9px;
}
.sub_ttl{
	margin-bottom: 20px;
}
table.sekou_tbl{
	border-collapse: separate;
	border-spacing: 2px 2px;
	margin-top: 5px;
	margin-bottom: 30px;
}
table.sekou_tbl th{
	text-align: center;
	width: 180px;
	background-color: #f8b551;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	border: 2px dotted #cecece;
	padding: 5px 0 5px 0;
}
table.sekou_tbl td{
	border: 2px dotted #cecece;
	width: 520px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	line-height: 25px;
}
ul.img_exp1 .img_left_ar{
	margin-right: 6px;
}
ul.img_exp1 .img_arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11.5px 0 11.5px 9px;
	border-color: transparent transparent transparent #facd89;
	margin-top: 100px;
}
ul.img_exp1 .img_right_ar{
	margin-left: 6px;
}
.report_olv_toyota{
	width: auto;
	text-align: center;
	background-color: #fff7e6;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.report_olv_toyota .main_ttl{
	padding-top: 30px;
}
.report_olv_toyota .exp_txt{
	text-align: left;
	margin: 30px 30px;
	line-height: 1.8;
	letter-spacing: 0.9px;
}
ul.img_caption{
	width: 700px;
	margin: 10px auto;
}
ul.img_caption li{
	list-style: none;
	float: left;
}
ul.img_caption .ttl_left{
	width: 43%;
	margin-left: -30px;
}
ul.img_caption .ttl_right{
	width: 50%;
}
ul.img_caption .ttl_left:before,
ul.img_caption .ttl_right:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 5.5px 0 5.5px;
  border-color: #fd790d transparent transparent transparent;
	position: absolute;
	margin-top: 19px;
}
ul.img_caption .ttl_left p{
	margin-left: 20px;
	color: #fd790d;
}
ul.img_caption .ttl_right p{
	margin-left: 20px;
	color: #fd790d;
}
ul.img_exp1 .img_left_paper{
	margin-right:5px;
	margin-bottom: 15px;
}
ul.img_exp1 .img_right_paper{
	margin-left:5px;
	margin-bottom: 15px;
}

@media screen and (max-width: 414px) {
.content_staff_single .staff_right{
	width:96%;
	float:none;
	margin:0 2%;
}
.content_staff_single .staff_left{
	width:239px;
	float:none;
	margin:0 auto;
}
ul.img_caption{
	width: 90%;
	margin: 10px auto;
	padding: 0;
}
.intro_olv_toyota .txt_left{
	width: 100%;
	float: left;
	line-height: 1.6;
	letter-spacing: 0.7px;
}
ul.img_exp1{
	width: 100%;
	margin: 0px auto;
	margin-left: -40px;
}
ul.img_exp1 .img_left_paper{
	width:48%;
	margin-right:5px;
	margin-bottom: 15px;
}
ul.img_exp1 .img_right_paper{
	width:48%;
	margin-left:5px;
	margin-bottom: 15px;
}
ul.img_caption .ttl_left{
	width: 50%;
	margin-left: 0;
}
ul.img_caption .ttl_right{
	width: 50%;
}
}
/*20191106 hirayama*/
.spBnr {
width: 50%;
margin: 0 auto 40px;
border: 2px solid #6a4d2b;
box-sizing: border-box;
clear:both;
}
.spBnr a {
width: 100%;
color: #6a4d2b;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0;
font-size: 16px;
font-weight: bold;
}
.spBnr a img {
width: 12%;
margin-right: 10px;
}
/*ft_bottom footNavPC start*/
.footNavPC {
  background: #daccb1;
  border-top: #b38850 solid 5px;
  padding: 20px 0 100px;
}
.footNavPC .fNavContPC {
  display: flex;
  justify-content: center;
  width: 990px;
  margin: 0 auto;
}
.footNavPC .fNavContPC .navCat {
  width: 25%;
  padding: 5px 20px;
  border-left: solid 1px rgba(255, 255, 255, .3);
}
.footNavPC .fNavContPC .navCat:last-child {
  border-right: solid 1px rgba(255, 255, 255, .3);
}
.footNavPC .fNavContPC ul {
  position: relative;
  padding-left: 0;
}
.footNavPC .fNavContPC ul ul {
  border-left: none;
  padding-left: 1em;
}
.footNavPC .fNavContPC ul li {
  margin-bottom: 8px;
  list-style: none;
  position: relative;
  padding-left: 1.8em;
}
.footNavPC .fNavContPC ul li::before {
  width: 12px;
  height: 12px;
  background: #f17c2d;
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
}
.footNavPC .fNavContPC ul li::after {
  position: absolute;
  left: 2px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 5px;
  height: 5px;
  top: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.footNavPC .fNavContPC ul li a {
  color: #333;
  text-decoration: none;
}
.footNavPC .fNavContPC ul li a:hover {
	opacity: 0.8;
}
.footNavPC .fNavContPC ul ul li::before{
	display: none;
}
.footNavPC .fNavContPC ul ul li::after{
	background-color: transparent;
	border-top: 2px solid #CC801C;
  border-right: 2px solid #CC801C;
}
/*ft_bottom footNavPC end*/
/*ft_bottom footNavSP start*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    background: #b38850;
	color: #fff;
    cursor :pointer;
	display: block;
	font-size: 16px;
	text-align: center;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    opacity: 0.8;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    /*padding: 10px 0;*/
    height: auto;
    opacity: 1;
}
.footNav .hidden_box .navCat ul ul{
	border-left: none;
	border-right: none;
}
/*ft_bottom footNavSP end*/
/* >> start
20190823　　施工地域・施工カテゴリ追加
 */
.case_round {
  padding: 15px;
}
/* ------------------------------
  .c_right
------------------------------ */
.c_right .tab_btn {
  display: flex;
}
.c_right .tab_btn div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 265px;
  height: 60px;
  cursor: pointer;
  border: 2px solid #666;
  background: #FAF4E6;
}
.c_right .tab_btn div + div {
  margin-left: 10px;
}
.c_right .tab_btn div.active {
  position: relative;
  z-index: 2;
  padding-bottom: 3px;
  border-bottom: 0;
  background: #fff;
}
.c_right .tab_btn div a {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.c_right .tab_btn div img {
  width: 100%;
}
.c_right .case_cat_box {
  height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.c_right .case_cat_box.open {
  height: auto;
  margin-top: -3px;
  padding: 15px;
  background: #fff;
  border: 2px solid #666;
  opacity: 1;
  visibility: visible;
}
.c_right .case_round ul li {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  background: #FF5F01;
  border: #FF5F01 solid 1px;
}
.c_right .case_round ul li a {
  color: #fff;
}
.c_right ul.iro li {
  position: relative;
  margin-bottom: 20px;
  background: transparent;
  border: none;
  text-align: center;
  width: 23%;
  margin-right: 0;
}
.c_right ul.iro li:hover {
  top: 1px;
}
.c_right ul.iro li a, .c_right ul.iro li a.active, .c_right ul.iro li a:visited {
  color: #333;
}
.c_right ul.iro li a::before {
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #f9e3d5;
  margin: 0 auto 10px;
}
.c_right ul.iro li.twotone a::before {
  background-color: #f9e3d5;
  background-image: url("/wp-content/uploads/mdj-assets/images/seko/twotone.png");
  background-size: contain; /*2トーン系*/
}
.c_right ul.iro li.green a::before {
  background-color: #9fc24d; /*グリーン系*/
}
.c_right ul.iro li.clear a::before {
  background-color: #dde9f5; /*クリアー系*/
}
.c_right ul.iro li.brown a::before {
  background-color: #6f5436; /*ブラウン系*/
}
.c_right ul.iro li.blue a::before {
  background-color: #4496d3; /*ブルー・グレー系*/
}
.c_right ul.iro li.white a::before {
  background-color: #eedcb3; /*ホワイト・ベージュ系*/
}
.c_right ul.iro li.multicolor a::before {
  background-color: #f9e3d5; /*マルチカラー系*/
  background-image: url("/wp-content/uploads/mdj-assets/images/seko/multicolor.png");
}
.c_right ul.iro li.black a::before {
  background-color: #16160e; /*ブラック系*/
}
.c_right ul.iro li.orange a::before {
  background-color: #f3981d; /*オレンジ系*/
}
@media screen and (max-width:767px) {
  .c_right div.sec-inner .pc {
    display: none;
  }
  .c_right div.sec-inner .sp {
    display: block;
  }
  .c_right .tab_btn {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .c_right .tab_btn div {
    border: solid 1px #666666;
    border-radius: 5px;
    width: 48%;
    height: 39px;
    margin-bottom: 10px;
    position: relative;
  }
  .c_right .tab_btn div::after {
    content: "\f107";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0.5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #6d6d6d;
    transition: 0.3s;
  }
  .c_right .tab_btn div.active::after {
    content: "\f106";
  }
  .c_right .tab_btn div + div {
    margin-left: 0;
  }
  .c_right .tab_btn div:nth-child(2n) {
    margin-left: 2%;
  }
  .c_right .tab_btn div.active {
    border: solid 1px;
    padding-bottom: 0;
  }
  .c_right .case_cat_box {
    transition: 1.5s;
  }
  .c_right .case_cat_box.open {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-top: 0;
  }
  .c_right .case_cat_box ul {
    margin-top: -30px;
  }
  .c_right .case_cat_box.open ul {
    margin-top: 0;
  }
  .c_right div.sec-inner div ul li {
    width: 49%;
    text-align: center;
  }
  .c_right div.sec-inner div ul li:nth-child(2n) {
    margin-right: 0;
  }
  .c_right ul.iro li {
    width: 45%;
    margin-right: 0;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
/*
20190823　　施工地域・施工カテゴリ追加
 end << */
 
 
 


/* フッターバナー 20220825追記 */
@media (min-width: 1px) and (max-width: 767px) {
	.footer {
		padding-bottom: 150px;
	}

	.banner_area {
		width: auto;
		height: auto;
		position: relative;
		text-align: center;
		line-height: 1;
	}
	
	.banner_area img {
		width: 80%;
		height: auto;
	}
}


@media screen and (min-width:1201px) {
.side-floating{
		width: 10%;
	}
}

@media screen and (min-width:751px) {
.side-floating{
		display:block;
		position:fixed;
		top:50%;
		transform:translateY(-50%);
		right:0;
		width:160px;
		height: 186px;
		z-index:1000;
	}
	
	.side-floating > p {
		margin: 0px;
	}
	
	.side-floating.fixed{
		
	}
	
	.side-floating img{
		width:100%;
	}
	
	.side-floating button {
		background-color: #eee;
		width: 25px;
		height: 25px;
		font-size: 22px;
		line-height: 0;
		padding: 0px 0 0 1px;
		border: 0px;
	}
}

/* ハンバーガー bnr */
.spNavBnr{
	margin: 0 15px 10px;
}

/* 施工事例詳細 plan bnr */
.seko_bnr_plan{
	width: 70%;
	margin: 50px auto 20px;
}
.seko_bnr_plan a:hover{
	opacity: 0.7;
}
.seko_bnr_plan img,
.NewContact img{
	width: 100%;
}
.NewContact{
	width: 70%;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.seko_bnr_plan{
        width: 94.6666666667%;
		margin: 0 auto 12px;
	}
	.seko_bnr_plan+.NewContact{
		padding-bottom: 10px;
	}
}

/* 20240710 kabenavi */
.footkabenavi{
	width: 92%;
	margin: 20px auto 0;
}
.footkabenavi img{
	width: 100%;
}

/* 20240731 float bnr */
.float_bnr {
  z-index: 10000;
  display: none;
  width: 300px;
  position: fixed;
  bottom: 110px;
  right: 30px;
}

@media screen and (max-width: 767px) {
  .float_bnr {
    width: 94%;
    bottom: 70px;
    right: 3%;
  }
}

.float_bnr_img a {
	display: block;
  overflow: hidden;
  position: relative;
  transition: opacity 0.3s;
}

.float_bnr_img a:hover {
  opacity: 0.7;
}

.float_bnr_img a::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 10%;
  height: 150%;
  background: #fff;
  transform: rotate(45deg);
  animation: reflect 5s ease-in-out infinite;
}

@keyframes reflect {

  0%,
  75% {
    transform: rotate(45deg) scale(0);
    opacity: 1;
  }

  100% {
    transform: rotate(45deg) scale(100);
    opacity: 0;
  }
}

.float_bnr_close {
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 99px;
  position: absolute;
  top: -18px;
  right: -17px;
  transition: opacity 0.3s;
  background-color: #217e90;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 767px) {
  .float_bnr_close {
    top: -21px;
    right: -2%;
  }
}

.float_bnr_close:hover {
  opacity: 0.7;
}

.float_bnr_close::before,
.float_bnr_close::after {
  content: "";
  width: 60%;
  height: 2.5px;
  border-radius: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: #fff;
}

.float_bnr_close::before {
  rotate: 45deg;
}

.float_bnr_close::after {
  rotate: -45deg;
}

/* 20240802 bnr */
.page_bnr{
	margin-top: 20px;
	clear: both;
}
.page_bnr a{
	transition: opacity 0.3s;
}
.page_bnr a:hover{
	opacity: 0.7;
}
.page_bnr img{
	width: 100%;
}
.page_onelove_bnr{
	margin: 0 0 35px;
}
@media screen and (max-width: 767px) {
	.page_onelove_bnr{
		margin: 0;
	}
}
.page_onelove_bnr a{
	transition: opacity 0.3s;
}
.page_onelove_bnr a:hover{
	opacity: 0.7;
}
.page_onelove_bnr img{
	width: 100%;
}
