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

body {
	font:13px/1.6 'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3', arial,helvetica,clean,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #404040;
	text-align: center;
	background: url("../../images/bg1.gif") repeat;
}


.pc-only{
}

.sp-only{
	display:none;
}


/* ~~ テキストサイズ ~~ */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


.text-right{
	text-align:right;
}

.text-center{
	text-align:center;
}

.red{
	color:#ff0000;
}

.green1{
	color: #4d8142;
}
.green2{
	color: #70ac42;
}
.green3{
	color: #9ec359;
}


.new{
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	color:#ff0000;
}


/* ~~ リンク ~~ */

a:link { text-decoration:none; color: #0a7bde;}
a:visited { text-decoration:none; color: #3a7db7;}
a:active { text-decoration:none; color: #ff0000;}
a:hover { text-decoration:none; color: #ff0000;}


/* ~~  float/clear クラス ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*---------------------*/
/*	clearfix 
/*---------------------*/
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility: hidden; 
} 
.clearfix {display: inline-block;} 

/* Hides from IE-mac ¥*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */




/* ~~  共通ヘッダ・ナビメニュー ~~ */

header {
	width: 100%;
	margin: 0 auto;
}

#header-area{
	display: flex;
	flex-direction:row;
	justify-content:space-between;
}

h1 {
	margin: 0 auto;
	height: 85px;
	width:450px;
	background: #fff;
	background-image: url("../../images/logo01.png");
	background-size: 430px auto;
	background-position : 25px 6px;
	background-repeat: no-repeat;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	font-size:1px;
}

.header-link-box{
	text-align: right;
	margin: 30px 25px 0 0;
}

.header-link a{
	position: relative;
	display: block;
	padding-left: 25px;
	  padding-bottom: 8px;
	  font-size: 14px;
	  color: #404040;
}

.header-link a::after{
	position: absolute;
	  top: 0.1em;
	  left: 0em;
	  z-index: 2;
	  content: '';
	  width: 14px;
	  height: 14px;
	border-top: 2px solid #9ec359;
	border-right: 2px solid #9ec359;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



#menuList {
	margin: 0 auto;
	background: #70ac42;
}



.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1000px;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;

}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  display: block;
  position: relative;
  width: 120px;
  margin: 0;
  padding:  0;
  text-align: center;
  border-right: 1px solid #fff;
}
.dropmenu li:nth-child(4){
  width: 160px;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 16px 0 13px;
  /*background: #;*/
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: none;
}
.dropmenu li ul.submenu{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul.submenu li{
  width: 160%;
  /*width: 160px;*/
  color: #222;
}
.dropmenu li:nth-child(4) ul.submenu li{
  width: 200px;
}
.dropmenu li ul li a{
  padding: 12px 10px;
  border-top: 1px solid #9ec359;
  background: rgba(236,242,225,0.9);
  text-align: left;
  color: #444;
  font-size: 13px;
}
.dropmenu li:hover > a{
  background: #9ec359;
}
.dropmenu li a:hover{
  background: #9ec359;
}

.dropmenu li ul li a:hover{
  background: rgba(245,247,205,0.9);
}

.dropmenu  li.menulist2 {
  margin-left: auto; 
  border-left: 1px solid #fff;
  border-right:none;
}

.dropmenu  li.menulist2 a{
  background: #9ec359;
}
.dropmenu  li.menulist2 a:hover{
  background: #c6e293;
}




#fade-in2 { position: relative; z-index: 5; }
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .3s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}



#rwdMenuWrap{
	display:none;
}


/* ~~ページ構造~~ */

#container {
	margin: 0 auto;
	padding: 0px 0;
	width: 1000px;
  height: 100%;
	text-align: left;
	background: #fff;
}


#page-wrap{
	margin: 0 auto;
	padding: 0px 0 30px 0;
	width: 900px;
	text-align: left;
}

#page-wrap1{
	width: 900px;
	margin: 30px auto 50px;
}

#page-wrap2{
	width: 100%;
	display: flex;
	margin-top: 30px;
	margin-bottom: 30px;
}

#sidemenu-area{
	width: 180px;
	margin-right: 40px;
	background: #f5f5f5;
}


#contents-r{
	width: 730px;
	overflow: hidden;
	padding-bottom: 15px;
}

/* ~~共通フッター~~ */

#footer{
	clear: both;
	background: #70ac42;
	color: #fff;
	padding: 15px 25px;
}
#footer a{
	color: #fff;
}
#footer a:hover{
	color: #dbe153;
}

.copyright{
	font-size: 86%;
	color: #f5f5f5;
	text-align: right;
	margin-top: 15px;
}

.footer-linkarea{
	display: flex;
	flex-direction: row;
	margin: 0 ;
}

.footer-home{
	padding-right: 15px;
}
.footer-home img{
	width: 62px;
	height: auto;
}
.footer-home a:hover{
	opacity: 0.75;
}

.footer-linkbox{
	padding: 0 20px 20px 10px;
	border-left: 1px solid #9ec359;
}

.footer-linkhead{
	  position: relative;
	  padding-left: 20px;
	  padding-bottom: 5px;
	  font-size: 14px;
	  font-weight: bold;
}

.footer-linkhead::after{
	position: absolute;
	  top: 1px;
	  left: 0em;
	  z-index: 2;
	  content: '';
	  width: 12px;
	  height: 12px;
	  border: 2px solid #fff;
}

.footer-linktxt{
	font-size: 93%;
	line-height: 1.3;
}
.footer-linktxt li{
	margin-bottom: 5px;
}


/* ~~共通フォーマット~~ */

.pagetitle{
	  margin-top: 5px;
	  margin-bottom: 10px;
	  padding-bottom: 2px;
	  border-bottom: 3px solid #70ac42;
	  font-size: 28px;
	  font-weight: bold;
}
.pagetitle-sub{
	font-size: 14px;
}
.pagetitle-sub .subttl-cat{
	display: inline-block;
	background: #70ac42;
	color: #fff;
	font-size: 12px;
	padding: 2px 5px 1px;
	border-radius: 3px;
	margin-right: 10px;
}

.pagetitle-sub .subttl-cat.maintenance { background: #cfb99f; }
.pagetitle-sub .subttl-cat.renovation { background: #ff9999; }
.pagetitle-sub .subttl-cat.safety { background: #f5952a; }
.pagetitle-sub .subttl-cat.curtainwall { background: #bebebf; }


.pan{
	font-size: 12px;
	color: #999;
	margin: 10px 0 25px;
}
.pan a{
	color: #666;
}


.header01{
  margin-top: 40px;
  margin-bottom: 20px;
  border-bottom: 2px solid #70ac42;
}

.header01 h2{
  position: relative;
  padding-left: 42px;
  padding-bottom: 8px;
  font-size: 22px;
  font-weight: bold;
  color: #70ac42;
}

.header01 h2::after{
	position: absolute;
	top: 0em;
	left: 0em;
	z-index: 2;
	content: '';
	width: 26px;
	height: 26px;
	border: 4px solid #70ac42;
}


.header02{
	position: relative;
	padding-left: 34px;
	font-size: 20px;
	font-weight: bold;
	color: #70ac42;
	margin-top: 30px;
	margin-bottom: 10px;
}
.header02::after{
	position: absolute;
	top: 2px;
	left: 0em;
	z-index: 2;
	content: '';
	width: 19px;
	height: 19px;
	border: 3px solid #70ac42;
}

.header03{
	background: #e1ecce;
	font-size: 15px;
	padding: 3px 8px 2px;
	margin: 5px 0 5px 0;
}

.header04{
  clear: both;
	background: #dcdcdc;
	font-size: 15px;
	padding: 3px 8px 2px;
	margin: 5px 0 5px 0;
}

.header05 {
    font-size: 15px;
    padding: 0 0 2px;
    margin: 5px 0 5px 0;
    border-bottom: 2px solid #70ac42;
    font-weight: bold;
}

.header06 {
    font-size: 15px;
    padding: 0 0 2px;
    margin: 5px 0 5px 0;
}



.sidemenu-top{
	margin-bottom: 15px;
}

.sidemenu-top a{
	display: block;
	/*background: #b3b3b3;*/
	background: #70ac42;
	padding: 5px 10px 4px 10px;
	font-size: 15px;
	color: #fff;	color: #fff;
}

.sidemenu-top a:hover{
	opacity: 0.75;
}


.sidemenu-head{
	margin: 5px 10px;
	border-bottom: 2px solid #70ac42;
	font-size: 14px;
}
.sidemenu-list{
	margin: 3px 10px 20px;
}

.sidemenu-head a{
	color: #404040;
}
.sidemenu-list a{
	color: #808080;
}

.sidemenu-head a:hover, .sidemenu-list a:hover{
	color: #ff0000;
}


.sidemenu-list li{
	padding: 3px 0 3px 14px;
	position: relative;
    display: block;
    vertical-align: middle;
    text-decoration: none;
}

.sidemenu-list li::before{
    position: absolute;
    top: 9px;
    bottom: 0;
    left: 1px;
    margin: 0 auto;
    content: "";
    vertical-align: top;
    width: 8px;
    height: 8px;
    background: #999;
}



.list-contents-1{
	margin: 15px 0 5px 0;
	border-top: 1px dotted #999;
}

.list-contents-1 li{
	padding: 8px 0 8px 28px;
	position: relative;
    display: block;
	border-bottom: 1px dotted #999;
	font-size: 15px;
}

.list-contents-1 li::after{
	position: absolute;
	top: 0.7em;
	left: 0.3em;
	z-index: 2;
	content: '';
	width: 13px;
	height: 13px;
	border: 2px solid #70ac42;
}

.list-contents-2{
	margin: 5px 0 5px 0;
	padding: 0;
}

.list-contents-2 li{
	margin: 0px;
	padding: 4px 0 4px 17px;
	position: relative;
    display: block;
	font-size: 14px;
	border: none;
}

.list-contents-2 li::after{
	position: absolute;
	top: 0.5em;
	left: 0em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background: #c9c9c9;
	border: none;
}

.list-index{
	margin: 5px 0 5px 0;
}

.list-index li{
	padding: 4px 0 4px 20px;
	position: relative;
    display: block;
	font-size: 15px;
}

.list-index li::after{
	position: absolute;
	top: 0.7em;
	left: 0.1em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background: #cbe4c7;
}



/* ~~ BODY分割 ~~ */

.body-flex{
	display: flex;
	flex-direction:row;
	justify-content:space-between;
}

.width300{
	width: 300px;
}

.width400{
	width: 400px;
}

/* ~~ 写真~~ */
.image100{
	width: 100%;
	height: auto;
}



/* ~~ CSS矢印 ~~ */

.arrow{
	position: relative;
	display: block;
	/*padding: 0 0 0 18px;*/
	padding: 4px 0 0 20px;
	color: #404040;
	vertical-align: middle;
	text-decoration: none;
	}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	}
.arw-g1::before{
	left: 1px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #9ec359;
	border-right: 2px solid #9ec359;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arw-g2::before{
	top:-1px;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #9ec359;
}
.arw-g2::after{
	top:-1px;
    left: 6px;
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    border: 5px solid transparent;
    border-left: 4px solid #fff;
}
.arw-gry1::before{
	top:-1px;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #999;
}
.arw-gry1::after{
	top:-1px;
    left: 6px;
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    border: 5px solid transparent;
    border-left: 4px solid #fff;
}

.arrow2{
	position: relative;
	display: block;
	/*padding: 0 0 0 22px;*/
	padding: 3px 0 0 22px;
	color: #404040;
	vertical-align: middle;
	text-decoration: none;
	}

.arrow2::before,
.arrow2::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	}
	
.arw-gry2::before{
	top:-1px;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 2px;
    background: #a9a9a9;
}
.arw-gry2::after{
	top:-2px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arw-green1::before{
	top:-1px;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 2px;
    background: #9ec359;
}
.arw-green1::after{
	top:-2px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* ~~トップページ~~ */

.top-banner-area{
	/*background: #ecf5eb;*/
  /*バナーをいったん非表示とするためbackgroundを解除*/
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.topimg{
	width: 1000px;
	height: 350px;
}
.topimg img{
	width: 1000px;
	height: 350px;
}





.top-ban{
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin: 60px auto 10px auto;
	width: 940px;
}

.top-ban div{
	width: 210px;
	height: 80px;
	margin: 0 10px;
	background: #fff;
}

.top-ban img{
	width: 210px;
	height: 80px;
}

.top-ban a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}



.topindex-area{
	display: flex;
	flex-direction:row;
	justify-content:space-between;
}


.topindex-box{
	width: 195px;
}
.topindex01a, .topindex01b, .topindex01c, .topindex01d{
	text-align: center;
	background-size: 100px auto;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 90px;
	font-size: 17px;
	font-weight: bold;
}

.topindex01a{
	background-image: url("../../images/topicon01n.png");
}
.topindex01b{
	background-image: url("../../images/topicon02n.png");
}
.topindex01c{
	background-image: url("../../images/topicon03n.png");
}
.topindex01d{
	background-image: url("../../images/topicon04n.png");
}

.topindex01a a, .topindex01b a, .topindex01c a, .topindex01d a{
	color: #404040;
}
.topindex01a a:hover, .topindex01b a:hover, .topindex01c a:hover, .topindex01d a:hover{
	color: #ff0000;
}

.topindex02{
	margin-top: 10px;
}
.topindex02 ul{
	border-top: 1px dotted #999;
	/*border-top: 1px dotted #9ec359;*/
}
.topindex02 ul li{
	border-bottom: 1px dotted #999;
	/*border-bottom: 1px dotted #9ec359;*/
	padding: 5px 0 3px 16px;
	font-size: 100%;
	position: relative;
    display: block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.topindex02 ul li::before{
    position: absolute;
    top: 9px;
    bottom: 0;
    left: 2px;
    margin: 0 auto;
    content: "";
    vertical-align: top;
    width: 9px;
    height: 9px;
    background: #9ec359;
}

.topindex02.maintenance ul li::before{ background: #cfb99f; }
.topindex02.renovation ul li::before{ background: #ff9999; }
.topindex02.safety ul li::before{ background: #f5952a; }
.topindex02.curtainwall ul li::before{ background: #bebebf; }

.topindex02 ul li ul{
	border-top: none;
}
.topindex02 ul li ul li{
	border-bottom: none;
	padding: 5px 0 3px 16px;
	font-size: 100%;
	position: relative;
    display: block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.topindex02 ul li ul li::before{
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 2px;
    margin: 0 auto;
    content: "";
    vertical-align: top;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background: #9ec359;
}

.topindex02.maintenance ul li ul li::before{ background: #cfb99f; }
.topindex02.renovation ul li ul li::before{ background: #ff9999; }
.topindex02.safety ul li ul li::before{ background: #f5952a; }
.topindex02.curtainwall ul li ul li::before{ background: #bebebf; }


.toptopic{
	/*border-top: 1px solid #c9c9c9;*/
	border-top: 1px dotted #999;
	margin-bottom: 8px;
	margin-top: 30px;
}
.toptopic-topic{
	display: table;
	width: 100%;
	/*border-bottom: 1px solid #c9c9c9;*/
	border-bottom: 1px dotted #999;
}
.toptopic-topic a{
	color: #404040;
}.toptopic-topic a:hover{
	color: #ff0000;
}
.toptopic-date{
	display: table-cell;
	width: 90px;
	color: #999;
	padding: 8px 5px;
}
.toptopic-ctgry{
	display: table-cell;
	width: 100px;
	padding: 8px 5px;
}
.toptopic-body{
	display: table-cell;
	width: 680px;
	padding: 8px 5px;
	font-size: 108%;
}

.topicat{
	display: inline-block;
	width: 80px;
	text-align: center;
	padding: 2px 3px 1px 3px;
	color: #fff;
	background:  #9ec359;
	font-size: 93%;
}

.topicat.maintenance { background: #cfb99f; }
.topicat.renovation { background: #ff9999; }
.topicat.safety { background: #f5952a; }
.topicat.curtainwall { background: #bebebf; }
.topicat.seminar { background: #808080; }

/*.topicat01{
	display: inline-block;
	width: 80px;
	text-align: center;
	padding: 2px 3px 1px 3px;
	color: #fff;
	background:  #9ec359;
	font-size: 93%;
}

.topicat02{
	display: inline-block;
	width: 80px;
	text-align: center;
	padding: 2px 3px 1px 3px;
	color: #fff;
	background: #808080;
	font-size: 93%;
}

.topicat03{
	display: inline-block;
	width: 80px;
	text-align: center;
	padding: 2px 3px 1px 3px;
	color: #fff;
	background:  #b3b3b3;
	font-size: 93%;
}*/


.toptopic-more{
 	display: inline-block;
	float: right;
	margin-bottom: 30px;
}



.topindex-area2{
	margin: 50px 0;
	background: #e2edcd;
	padding: 30px 0;
}

.topindex-area2-inner{
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	width: 850px;
	margin: 0 auto;
}



/*.topindex-area2-box{
	width: 198px;
	background: #fff;
	border: 1px solid #9ec359;
	border-radius: 8px;
}*/

.topindex-area2-box {
	text-align: center;
}

.topindex-area2-box .topindex-area2-wrap{
	width: 198px;
  height: 96px;
	background: #fff;
	border: 1px solid #9ec359;
	border-radius: 8px;
	text-align: center;
}

/*.topindex-area2-box a{
	color: #404040;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 5px 20px 50px;
	vertical-align: middle;
}*/

.topindex-area2-box .topindex-area2-wrap a{
	color: #404040;
	font-size: 14px;
	font-weight: bold;
	padding: 50px 5px 8px 5px;
	vertical-align: middle;
}

/*.topindex-area2-box a span{
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0px ;
	letter-spacing: -0.1em;	
}*/

.topindex-area2-box a span{
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0px ;
	letter-spacing: -0.1em;	
}

/*.topindex-area2-box a:hover{
	-moz-opacity:0.75;
	opacity:0.75;
}*/

.topindex-area2-box a:hover{
	-moz-opacity:0.75;
	opacity:0.75;
}

/*.topindex-area2-idx01 a{
	display: block;
	background-image: url("../../images/topicon-s-01.png");
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: 4px center;
}*/

.topindex-area2-idx01 a{
	display: block;
	background-image: url("../../images/topicon-s-01.png");
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: center 6px;
}

/*.topindex-area2-idx02 a{
	display: block;
	background-image: url("../../images/topicon-s-02.png");
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: 4px center;
}*/

.topindex-area2-idx02 a{
	display: block;
	background-image: url("../../images/topicon-s-02.png");
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position:center 6px;
	padding-top: 60px;
}

/*.topindex-area2-idx03 a{
	display: block;
	background-image: url("../../images/topicon-s-03.png");
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: 4px center;
}*/

.topindex-area2-idx03 a{
	display: block;
	background-image: url("../../images/topicon-s-03.png");
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: center 6px;
}

/*.topindex-area2-idx04 a{
	display: block;
	background-image: url("../../images/topicon-s-04.png");
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: 4px center;
}*/

.topindex-area2-idx04 a{
	display: block;
	background-image: url("../../images/topicon-s-04.png");
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: center 6px;
	padding-top: 60px;
}



/* ~~ メールマガジン/メールレター ~~ */

.mailtbl{
	display: table;
	border-top: 1px solid #c9c9c9;
	margin: 10px 0;
	width: 100%;
}

.mailtbl-tr{
	display: table-row;
}
.mailtbl-td1{
	display: table-cell;
	border-bottom: 1px solid #c9c9c9;
	background: #e1ecce;
	vertical-align: middle;
	padding: 10px 20px 10px 10px;
	font-size: 108%;
	width: 28%;
}
.mailtbl-td2{
	display: table-cell;
	border-bottom: 1px solid #c9c9c9;
	vertical-align: middle;
	padding: 10px 10px 10px 20px;
}
.mailtbl-td2b{
	display: table-cell;
	border-bottom: 1px solid #c9c9c9;
	vertical-align: middle;
	padding: 10px 10px 10px 20px;
	font-size: 116%;
}


.hissu{
	display: inline-block;
	padding: 1px 4px;
	margin-right: 3px;
	background: #ff0000;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
}

.mail-finish{
	margin: 25px 0;
	border: 1px solid #c9c9c9;
	text-align: center;
	padding: 100px 0;
	font-size: 116%;
}

.form-bg {
	padding:15px 15px;
	background:#e1ecce;
	margin-bottom:18px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}



/* ~~ 検索 ~~ */

select {
	height: 30px;
	background: #fff;
	font-size:108%;
	border: 1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin: 6px 0;
}
input {
	height: 26px;
	background: #fff;
	padding: 4px 8px 2px;
	font-size:116%;
	border: 1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin: 6px 0;
}

.input-01{
	width: 400px;
}
.input-02{
	width: 100px;
}

.checkbox{
	margin: 6px 0;
}
.checkbox-input{
	display: none;
}
.checkbox-parts{
	padding-left: 27px;
	position:relative;
	margin-right: 27px;
}
.checkbox-parts::before{
	content: "";
	display: block;
	position: absolute;
	background: #fff;
	top: -2px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.checkbox-input:checked + .checkbox-parts{
}
.checkbox-input:checked + .checkbox-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	left: 4px;
	width: 9px;
	height: 13px;
	transform: rotate(40deg);
	border-bottom: 4px solid #4d8142;
	border-right: 4px solid #4d8142;
}

.submit-btn{
	width:100%;
	text-align:center;
}
.submit-btn a{
	font-size:120%;
	display:inline-block;
	padding:5px 5px 3px;
	width:100px;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#fff;
	white-space:nowrap;
	margin:10px 10px;
	background: #70ac42;
}
.submit-btn a:hover{
	opacity:0.8;
}


.kensaku-btn2{
}
.kensaku-btn2 a{
	font-size:108%;
	display:inline-block;
	padding:5px 5px 3px;
	width:80px;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#fff;
	white-space:nowrap;
	margin-top:10px;
	background: #70ac42;
}
.kensaku-btn2 a:hover{
	opacity:0.8;
}





.resulttbl{
	margin: 10px 0;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	width: 100%;
}
.resulttbl td, .resulttbl th{
	border-bottom: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	padding: 3px 4px;
}
.resulttbl th{
	background: #9ec359;
	font-size: 93%;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.result-td1{
	font-size: 93%;
	white-space: nowrap;
}
.result-td2{
	font-weight: bold;
}

.result-td5{
	white-space: nowrap;
}










/* ~~ ▼▼▼汎用スタイル▼▼▼ ~~ */

.ban-area-center{
	text-align: center;
}

/* ~~ リンクバナー単独 ~~ */
.linkbanner01{
	margin:15px 0;
}


.linkbanner01 a{
	display: inline-block;
	position:relative;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #000d5a;
	padding:12px 18px 12px 25px;
	color:#404040;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(70%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 35%, #f5f5f5 70% );
	background:-ms-linear-gradient( top, #ffffff 35%, #f5f5f5 70% );
	background-color:#f5f5f5;
	font-size:131%;
}

.linkbanner01 a:hover{
	background:#fff;
}

.linkbanner01 a::before,
.linkbanner01 a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.linkbanner01 a::before{
	left: 10px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #000d5a;
	border-right: 2px solid #000d5a;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.linkbanner02{
	margin:10px 0;
}


.linkbanner02 a{
	display: inline-block;
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #e20000;
	padding:15px 50px;
	color:#404040;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(70%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 35%, #f5f5f5 70% );
	background:-ms-linear-gradient( top, #ffffff 35%, #f5f5f5 70% );
	background-color:#f5f5f5;
	font-size:138.5%;
}

.linkbanner02 a:hover{
	background:#fff;
}



/* ~~ リンクボタン横並び ~~ */
.linkbtn01{
	margin:0;
}

.linkbtn01 li{
	display:inline-block;
	margin:3px 2px;
}

.linkbtn01 li span{
	white-space:nowrap;
}

.linkbtn01 li a{
	position:relative;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #92a424;
	padding:4px 7px 4px 16px;
	color:#404040;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(70%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 35%, #f5f5f5 70% );
	background:-ms-linear-gradient( top, #ffffff 35%, #f5f5f5 70% );
	background-color:#f5f5f5;
}

.linkbtn01 li a:hover{
	background:#fff;
}

.linkbtn01 li a::before,
.linkbtn01 li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.linkbtn01 li a::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #92a424;
	border-right: 2px solid #92a424;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ~~ リンクボタン横並び（スマホで横長ボタン） ~~ */
.linkbtn01b{
	margin:0;
}

.linkbtn01b li{
	display:inline-block;
	margin:3px 2px;
}

.linkbtn01b li span{
	white-space:nowrap;
}

.linkbtn01b li a{
	position:relative;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #92a424;
	padding:4px 7px 4px 16px;
	color:#404040;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(35%, #ffffff), color-stop(70%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 35%, #f5f5f5 70% );
	background:-ms-linear-gradient( top, #ffffff 35%, #f5f5f5 70% );
	background-color:#f5f5f5;
}

.linkbtn01b li a:hover{
	background:#fff;
}


.linkbtn01b li a::before,
.linkbtn01b li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.linkbtn01b li a::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #92a424;
	border-right: 2px solid #92a424;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ~~ リンクテキスト横並び ~~ */
.linktxt01{
	margin:5px 0;
}

.linktxt01 li{
	display:inline-block;
	margin:0;
}

.linktxt01 li span{
	white-space:nowrap;
}

.linktxt01 li a{
	position:relative;
	padding:3px 10px 3px 16px;
}

.linktxt01 li a::before,
.linktxt01 li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.linktxt01 li a::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #92a424;
	border-right: 2px solid #92a424;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ~~ リンクテキスト改行 ~~ */
.linktxt02{
	margin:5px 0;
}

.linktxt02 li{
	display:block;
	margin:0;
}

.linktxt02 li span{
	white-space:nowrap;
}

.linktxt02 li a{
	display: inline-block;
	position:relative;
	padding:3px 10px 3px 16px;
}

.linktxt02 li a::before,
.linktxt02 li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.linktxt02 li a::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #92a424;
	border-right: 2px solid #92a424;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}




/* ~~ ●付リスト ~~ */

.list-disk-grn {
    border-top: 1px solid #c9c9c9;
}
.list-disk-grn li {
    border-bottom: 1px solid #c9c9c9;
    padding: 6px 8px 6px 24px;
    position: relative;
}
.list-disk-grn li::after {
    display: block;
    content: '';
    position: absolute;
    top: 0.8em;
    left: 0.5em;
    width: 10px;
    height: 10px;
    background-color: #c8d381;
    border-radius: 100%;
}

.list-disk-grn-dot {
    border-top: 1px dotted #999;
}
.list-disk-grn-dot li {
    border-bottom: 1px dotted #999;
    padding: 6px 8px 6px 24px;
    position: relative;
}
.list-disk-grn-dot li::after {
    display: block;
    content: '';
    position: absolute;
    top: 0.8em;
    left: 0.5em;
    width: 10px;
    height: 10px;
    background-color: #c8d381;
    border-radius: 100%;
}
.list-disk-grn-dot li ul li {
    border-bottom: none;
    padding: 3px 8px 2px 16px;
    position: relative;
}
.list-disk-grn-dot li ul li::after {
    display: block;
    content: '';
    position: absolute;
    top: 0.6em;
    left: 0.1em;
    width: 8px;
    height: 8px;
    background-color: #a9a9a9;
    border-radius: 100%;
}

/* ~~ コラム ~~ */


.column-y{
	background: #fff0df;
	margin: 30px 0;
	padding: 15px;
}


.column-bg-gy{
	background:#f0f0f0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:15px;
	margin:15px 0;
}

.column-bg-grn{
	background:#f5f7ea;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:15px;
	margin:15px 0;
}

.column-line-red{
	border:1px solid #ff0000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:15px;
	margin:15px 0;
}

.column-line-blue{
	border:1px solid #000d5a;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:15px;
	margin:25px 0;
}

.column-line-green {
    border: 1px solid #70ac42;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    margin: 25px 0;
}


/*----- びっくりマーク -----*/
.caution{
	background:url(../../img/caution.png) no-repeat;
	padding:0 0 0 42px;
}



/* ~~ 画像オンマウス ~~ */
.highlight a:hover *{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/* ~~ 画像オンマウス逆 ~~ */
.highlight-r a *{
filter: alpha(opacity=80);
-moz-opacity:0.7;
opacity:0.7;
}
.highlight-r a:hover *{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}




/*----- 数字リスト -----*/

.ol01{
	list-style-type:decimal;
	padding-left:0.5em;
	margin-left:1.5em;
}

.ol01 li{
	padding-left:0em;
	margin-bottom:4px;
}


/*----- テーブル -----*/

.stdtbl{
	border-top:1px #c9c9c9 solid;
	border-left:1px #c9c9c9 solid;
}
.stdtbl td{
	padding: 5px 8px;
	border-right:1px #c9c9c9 solid;
	border-bottom:1px #c9c9c9 solid;
	vertical-align:top;
}
.stdtbl-hr{
	border-top:1px #c9c9c9 solid;
}
.stdtbl-hr td{
	padding: 10px 8px;
	border-bottom:1px #c9c9c9 solid;
	vertical-align:top;
}
.stdtbl-nb{
}
.stdtbl-nb td{
	padding: 5px 8px;
	vertical-align:top;
}


/*----- テーブル2 -----*/

.stdtbl2{
	border-top:1px #c9c9c9 solid;
	border-left:1px #c9c9c9 solid;
	margin-bottom:15px;
	width: 100%;
}
.stdtbl2-td1{
	padding: 5px 8px;
	border-right:1px #c9c9c9 solid;
	border-bottom:1px #c9c9c9 solid;
	vertical-align:middle;
	white-space:nowrap;
	background-color:#f5f7ea;
	width: 75px;
}
.stdtbl2-td2{
	padding: 5px 8px;
	border-right:1px #c9c9c9 solid;
	border-bottom:1px #c9c9c9 solid;
	vertical-align:middle;
	white-space:nowrap;
	background-color:#f0f0f0;
	width: 55px;
}
.stdtbl2-td3{
	padding: 5px 8px;
	border-right:1px #c9c9c9 solid;
	border-bottom:1px #c9c9c9 solid;
}
.stdtbl2-td3 strong{
	font-size:116%;
	color: #92a424;
}
.stdtbl2-td3 span{
	color: #b27f7f;
}



/* ~~ ページトップへ ~~ */
#page-top {
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size:93%;
	z-index:10;
	opacity:0.8;
}
#page-top a {
	background: #999999;
	text-decoration: none;
	color: #fff;
	padding: 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #a9a9a9;
}