@charset "utf-8";


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
html{
	overflow: scroll;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
	}
ul,ol,li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
hr {
	display:none;
	}
a {
	color:#4d4d4d;
	text-decoration: none;
	
}
a:hover {
	text-decoration: underline;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
img{
	vertical-align: bottom;
}

img{	
	max-width:100%;
	height:auto;
}
.ie8 img{width:auto;}

.shadow{
	-webkit-box-shadow: 0px 0px 3px 2px #c3c3c3;
	-moz-box-shadow: 0px 0px 3px 2px #c3c3c3;
	box-shadow: 0px 0px 3px 2px #c3c3c3;
	background:#fff;
	position:relative;
	text-align:left;
}


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

.clearfix {display: inline-block;}/*IE7用*/

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


/* Androidでpタグの横幅が狭まるバグ対策 */
p {background-image:url(image);}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
	padding : 0 0 0 0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:16px;
	line-height: 1.6em;
	color:#4d4d4d;
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	width : 100%;
	overflow:hidden;
	background:url(../../img/common/back_main.png) ;
}


/*　ヘッダー　*
----------------------------------------------------------*/
#header{
	width:100%;
	background:#ffffff;
}
.header_inner{
	width:90%;
	max-width:579px;
	padding-top:5px;
	margin:auto;
}
.header_inner h1{
	font-size:11px;
	line-height:1.2em;
}
.stop img{
	width:100%;
}



/*　メニュー　*
----------------------------------------------------------*/

/*　モーダルウィンドウ　*/
.lock {
    overflow:hidden;
}

.modal-content {
/*    position: relative; */
    display:none;
    width:100%;
    margin: 0;
    padding:0 0px;
    background:#fff;
}

.modal-content p {
    margin:0;
    padding:0;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(182,245,252,0.75);
}

.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}
.modal-open {
}
.modal-open:hover {
    cursor:pointer;
}
.modal-close {
}
.modal-close:hover {
    cursor:pointer;
}


/*　メニューACCORDION　*/
nav.accordion li.pcmenu,
nav.accordion li.close a {
  display: block;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  background-color: #42b9d0;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
nav.accordion p.bar a,
nav.accordion > ul > li > a {
  display: block;
  font-size: 17px;
  text-decoration: none;
  background-color: #ffffff;
  border-bottom: 1px solid #42b9d0;
  cursor: pointer;
  padding: 10px 15px 10px 45px;
  position: relative;
}
nav.accordion > ul > li > a:hover{
  background-color: #dfdfdf;
}
nav.accordion > ul > li > a:after, 
nav.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #2f7f99;
}

nav.accordion > ul > li  > a:after{
/*  content:"▼"; */
  content:"";
}
nav.accordion > ul > li  > a.active:after{
/*  content:"▲"; */
  content:"";
}
nav.accordion > ul > li.tog  > a:after{
/*  content:"▼"; */
  content: url(../img/common/icon_arrow_dwn.png);
}
nav.accordion > ul > li.tog  > a.active:after{
/*  content:"▲"; */
  content: url(../img/common/icon_arrow_up.png);
}


nav.accordion > ul > li > ul {
  display: none;
}
nav.accordion > ul > li > ul > li > a{
  display: block;
  font-size: 17px;
  background-color: #ffffff;
  border-bottom: 1px solid #42b9d0;
  padding: 6px 12px 6px 45px;
  position: relative;
}
nav.accordion > ul > li > ul > li > a:hover{
  background-color: #dfdfdf;
  text-decoration:none;
}


.ic_mail{
	background-image:url(../img/common/icon_mail.png);
	background-repeat:no-repeat;
	background-position: 5px center;
}
.ic_sp{
	background-image:url(../img/common/icon_sp.png);
	background-repeat:no-repeat;
	background-position: 5px center;
}
.ic_pc{
	background-image:url(../img/common/icon_pc.png);
	background-repeat:no-repeat;
	background-position: 5px center;
}

.subname{
	font-size:14px;
	color:#42b9d0;
}









/*　フッターのメニューACCORDION 2　*/
nav#con2.accordion li.close a,
nav#con2.accordion > ul > li > a.f_menu{
  display: block;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  background-color: #88c23f;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
nav#con2.accordion li.close a:hover,
nav#con2.accordion > ul > li > a.f_menu:hover{
  background-color: #88c23f;
}
nav#con2.accordion > ul > li > a {
  display: block;
  font-size: 17px;
  text-decoration: none;
  background-color: #ffffff;
  border-bottom: 1px solid #88c23f;
  cursor: pointer;
  padding: 10px 15px 10px 45px;
  position: relative;
}
nav#con2.accordion > ul > li > a:hover{
  background-color: #dfdfdf;
}
nav#con2.accordion > ul > li > ul > li > a:after, 
nav#con2.accordion > ul > li > ul > li > a.active:after,
nav#con2.accordion > ul > li > a:after, 
nav#con2.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #2f7f99;
}

nav#con2.accordion > ul > li  > a:after{
/*  content:"▼"; */
  content:"";
}
nav#con2.accordion > ul > li  > a.active:after{
/*  content:"▲"; */
  content:"";
}
nav#con2.accordion > ul > li.tog  > ul > li.tog  > a:after ,
nav#con2.accordion > ul > li.tog  > a:after{
/*  content:"▼"; */
  content: url(../img/common/icon_arrow_dwn.png);
}
nav#con2.accordion > ul > li.tog  > ul > li.tog   > a.active:after,
nav#con2.accordion > ul > li.tog  > a.active:after{
/*  content:"▲"; */
  content: url(../img/common/icon_arrow_up.png) ;
}


nav#con2.accordion > ul > li > ul > li > ul ,
nav#con2.accordion > ul > li > ul {
  display: none;
}
nav#con2.accordion > ul > li > ul > li > ul > li > a,
nav#con2.accordion > ul > li > ul > li > a{
  display: block;
  font-size: 17px;
  background-color: #ffffff;
  border-bottom: 1px solid #88c23f;
  padding: 6px 12px 6px 45px;
  position: relative;
}
nav#con2.accordion > ul > li > ul > li > ul > li > a:hover,
nav#con2.accordion > ul > li > ul > li > a:hover{
  background-color: #dfdfdf;
  text-decoration:none;
}
.subname2{
	font-size:14px;
	color:#88c23f;
}








/*　フッター　*
----------------------------------------------------------*/
#footer{
	width:100%;
	background-image:url(../img/common/f_back.png);
	background-repeat:no-repeat;
	background-position: 50% -7%  ;
	color:#ffffff;
}
.footer_inner{
	width:90%;
	max-width:579px;
	margin:auto;
	text-align:center;
}
.copy{
	text-align:center;
	font-size:11px;
	line-height:1.2em;
	padding:20px 0 ;
}

.f_contact{
	max-width:502px;
	margin:5% auto;
	text-align:center;
	background-color: #42b9d0;
	padding:3%;
}



/*　コンテンツ　*
----------------------------------------------------------*/
.s_contents{
	width:96%;
	max-width:540px;
	margin:30px auto;
}
.waku_news{
	background-color:#ffffff;
	border:solid 1px #29a7de;
	border-radius:20px 20px;
	-moz-border-radius:20px 20px;
	-webkit-border-radius:20px 20px;
	padding:3%;
	margin:20px auto;	
}
.list_soudan{
	margin:10px 0;
}
.list_soudan li{
	max-width:500px;
	line-height:1.2em;
	margin-bottom:7px;
}
.ttl_jirei{
	width:90%;
	margin:0 auto 10px;
	background-color:#29a7de;
	border-radius:10px 10px;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	text-align:center;
	color:#ffffff;
	font-size:130%;
	line-height:1em;
	padding:2%;	
}

/*　解体スライダー　*/
#idMediaWrap{
	width:360px;
	height:230px;
	margin: auto;
}
#lineupItem{
	width:280px;
	float:left;
	padding:0;
	text-align: center;
}
#lineupItem li{
	float:left;
	display:inline;
	width:240px;
	height:230px;
	padding-right:30px;
	text-align:center;
	font-size:14px;
	line-height:1.3em;
}
#lineupItem li img{
	margin-bottom:10px;
	max-height:165px;
	max-width:235px;
}

/*  操作ボタン */
.prevBtn{
	float:left;
	width:40px;
	height:40px;
	text-align:center;
	padding-top:89px;
}
.prevBtn a:hover{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
.nextBtn{
	float:right;
	width:40px;
	height:40px;
	text-align:center;
	padding-top:89px;
}
.nextBtn a:hover{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
/*　解体スライダー  ここまで　*/


table.top_cate{
	width:91%;
	margin:15px auto;
}
.hitobito{
	background-color:#ffffff;
	border-radius:10px 10px;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	width:90%;
	padding:3%;
	margin:15px auto;
}

.ttl_hito{
	color:#00a0e9;
	font-size:140%;
	line-height:1.3em;
	margin-bottom:2%;
	font-weight:bold;
}

.btn_green a{
	display:block;
	max-width:350px;
	margin:15px auto;
	background-color:#4bb400;
	color:#ffffff;
	text-align:center;
    box-shadow:1px 1px 1px 1px #6A6A6A;
}
.btn_green a:hover{
	background-color:#82db5d;
	text-decoration:none;
}
.ttl_midori{
	margin:0 auto 10px;
	background-color:#88c23f;
	border-radius:10px 10px;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	text-align:center;
	color:#ffffff;
	font-size:130%;
	line-height:1.2em;
	padding:2%;	
}
.waku_siro{
	background-color:#ffffff;
	padding:3%;
}
.waku_osirase{
	width:100%;
}
dl.top_news {
  width:100%;
}
dl.top_news dt {
  float:left;
}
dl.top_news dd {
  margin-left:22%;
}

.ttl_ao{
	background-color:#42b9d0;
	border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	text-align:center;
	color:#ffffff;
	font-size:130%;
	line-height:1.2em;
	padding:2%;
	margin:0;	
}
.ttl_ao_sankaku{
	text-align:center;
	margin-bottom:5px;
}
.ttl_ao_sankaku img{
	vertical-align:top;
}
.waku_sinrai{
	margin:0 auto 3%;
	background-color:#ffffff;
	padding:3%;
	border:solid 1px #42b9d0;
}
.ttl_akasi{
	color:#88c23f;
	font-size:110%;
	line-height:1.3em;
	font-weight:bold;
}
ul.osusume{margin-bottom:10px;}
ul.osusume li {
  display: inline-block;
  vertical-align: middle;
}


/*　お問い合わせ　*
----------------------------------------------------------*/
table.sformTable{
	width:100%;
	background-color:#ffffff;
	border:solid 1px #42b9d0;
}
table.sformTable th{
	background-color:#63bdeb;
	color:#ffffff;
	padding:1% 5%;
}
table.sformTable td{
	padding:3% 5%;
}

.btn{
	background: url(../img/common/btn_sousin.png);
	width:253px;
	height:69px;
	border:0px solid;
	cursor:pointer;
}
.length_l{
	width:90%;
	padding:5px;
}
.length_m{
	width:50%;
	padding:5px;
}
.length_s{
	width:30%;
	padding:5px;
}
.naiyou{
	width:90%;
	height:100px;
	padding:5px;
}


/*　会社概要　*
----------------------------------------------------------*/

.bac_beige{
	background-color:#fff6d3;
	border-radius:10px 10px;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	padding:2% 3%;
	margin:2% 0;
}
.bac_turqu{
	background-color:#42b9d0;
	padding:3%;
	color:#ffff00;
}
.waku_kimidori{
	background-color:#e4f9bd;
	padding:3%;
}
.ttl_blue_b{
	color:#2e318e;
	font-size:120%;
	font-weight:bold;
}
table.bosyu{
	width:100%;
	background-color:#ffffff;
}
table.bosyu td{
	border:solid 1px #888888;
	vertical-align:top;
	padding:2%;
}
.ttl_kyubo{
	padding:2%;
	background-color:#2e318e;
	color:#ffffff;
	font-size:120%;
	text-align:center;
	margin-bottom:10px;
}

/*　選ばれる理由　*
----------------------------------------------------------*/
.ttl_riyuu{
	color:#42b9d0;
	font-size:110%;
	line-height:1.3em;
	font-weight:bold;
}
.ttl_teian{
	width:90%;
	margin:0 auto 5px;
	background-color:#29a7de;
	border-radius:10px 10px;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	text-align:center;
	color:#ffffff;
	line-height:1em;
	padding:1%;	
}
.waku_kurosen{
	border:solid 1px #666666;
	border-radius:20px 20px;
	-moz-border-radius:20px 20px;
	-webkit-border-radius:20px 20px;
	padding:10px;
}
.waku_aosen{
	border:solid 1px #42b9d0;
	border-radius:20px 20px;
	-moz-border-radius:20px 20px;
	-webkit-border-radius:20px 20px;
	padding:10px;
}
.rea_contact{
	margin:auto;
	text-align:center;
	background-color: #42b9d0;
	padding:3%;
}


/*　解体の流れ　*
----------------------------------------------------------*/
.sagaku_koji{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 2px #42b9d0;
	padding-bottom:3px;
	margin-bottom:5px;
}
.waku_after{
	padding: 5%;
	background-color:#ffffcc;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}


/*　滋賀県　*
----------------------------------------------------------*/
.waku_yellow{
	background-color:#ffffdf;
	padding:3%; 
}
.waku_tuyomi{
	background-image:url(../img/shigaken/back_tuyomi.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	padding:5%;
	color:#ffffff;
	margin-bottom:15px;
}
.ttl_orange{
	background-color:#f7ac3b;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	text-align:center;
	font-size:120%;
	line-height:1.3em;
	color:#ffffff;
	padding:3px 0;
}
.waku_dandara{
	background-image:url(../img/shigaken/back_gray.png);
	background-repeat:repeat-x;
	background-position:  center bottom ;
	background-size: auto 90%;
	padding:5% 3%;
}
.bac_shigaarea{
	background-color:#fff6d3;
	border-radius:10px 10px;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	padding:2% 3%;
	margin:0;
}































/*-----------------------------------------------------	*/
/*	for - 374px					*/
/*-----------------------------------------------------	*/

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

.spmin{
	display:none;
}





















}