#h2{
position:relative;
margin:0 10px}

h2#midashi{
color:#231815;
line-height:1.2;
border-bottom:1px solid #666666;
margin-bottom:0;
margin-top:0;
padding-top:0;


}
.small{
font-size:0.7em}
.small2{
font-size:0.85em}
#kouki{
font-weight:bold;
color:#231815;
border:1px solid #231815;
text-align:center;
padding:5px 4px;
position:absolute;
right:0;
top:0;
font-size:1.4em
}
#h2 p.kmb{
color:#231815;
line-height:1.3;
font-size:1.15em;
margin: 4px;
font-weight:700;
}
 #details{
 margin:10px;
 margin-top:0;
 clear:both;
}
 p.smalltxt{
 font-size:0.85em}
 
 .pack{
 background-color:#E50012;
width:6em;
font-size:1.2em;
padding:5px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
border-radius:5px;
margin-bottom:5px}
 /*　　　仮リンクボタン　　　　*/



 #details ul#navbtn{
 text-align:center;
 margin:10px auto;}
 #details #navbtn li{

	margin:1%;
	float:left;
	font-size:0.9em;
	width:48%;
	max-width:180px;

	}
	 #details #navbtn li.fs1em{
	 font-size:0.9em}
 #details #navbtn li a{
	display: block;
	position: relative;
	z-index: 2;
	text-align:center;
	   background: #15489E;
	color: #fff;
text-shadow: 0px 1px 2px rgba(129, 110, 117, 0.78);
font-weight:700;
	text-decoration:none;
	  overflow: hidden;
border-radius:4px;
 width:100%;
    height:45px;
	line-height:47px;
	text-indent:1.3em;
}
 #details #navbtn li.ml0{
 margin-left:0}




 


 #details #navbtn li a:before {          
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	left:5px;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: #fff;
}
 #details #navbtn li a:after {        
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 48%;
	left:0px;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: #15489E;
}


/*▲▲▲▲▲仮リンクボタン*▲▲▲▲▲*/



  
 /*　　　見出し関係　　　　*/
  #details h3{
  clear:both;
	position: relative;
	padding: .65em 1em .5em .8em;
/* box-shadow */
box-shadow:rgba(76, 79, 82, 0.419608) -1px 1px 1px 1px;
-webkit-box-shadow:rgba(76, 79, 82, 0.419608) -1px 1px 1px 1px;
-moz-box-shadow:rgba(76, 79, 82, 0.419608) -1px 1px 1px 1px;
		color:#333;
		font-size:1.25em;
		background: -webkit-linear-gradient(top, #ededed 0%, #fff 100%);
	background: linear-gradient(to bottom,#ededed  0%, #fff 100%);
		height:auto !important ;
		margin:20px 0
}
  #details h3::after {
	position: absolute;
	top: .4em;
	left: .3em;
	content:url(../img/bb.png);
	width: 6px;
/*	height: -webkit-calc(100% - 0.8em);
	height: calc(100% - 0.8em);
	background-color: #29aae1;
	border-radius: 1px;*/
}
 


  #details h4{
  margin:10px 0;
background-color:#3BB483;
  padding:8px 10px;
  font-size:1.2em;
    /*  text-shadow: 1px 1px 2px rgba(10,10,10,0.7);*/
	  color:#FFFFFF;
	  line-height:1.2;
	  border-bottom:none !important}
  
  
  
  
.radow{
color:#000;
font-weight:bold;
margin:15px 10px;

padding:3px;

font-size:1.3em;
border-bottom:3px solid #ED785E !important ;



}

.radow2{
color:#000;
font-weight:bold;
margin:15px 10px;

padding:3px;

font-size:1.3em;
border-bottom:3px solid #ED785E


}

#details h5{
background-color:#3071B7;
	color:#fff;
	font-weight:bold;
	border-radius:4px 4px 0 0;
	font-size:1.1em;
	text-align:center;
	margin:0 
}

  #details h7{

	position: relative;
	padding: .5em 1em .5em .8em;
/* box-shadow */

		color:#333;
		font-size:1.1em;
	
		height:auto !important ;
		margin:8px 5px;
		font-weight:bold;
		
}
  #details h7::after {
	position: absolute;
	top: .4em;
	left: .1em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 0.8em);
	height: calc(100% - 0.8em);
	background-color: #3071B7;
	border-radius: 3px;
}
 
/*▲▲▲▲▲見出し*▲▲▲▲▲*/




	.fl{
	float:left;
	width:50%;
	margin:0 
	}
	.linep{
	line-height:1.6;
	font-size:1.1em}


.kadomaru{
border-radius:4px}


  #details #default table{
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 5px;
	width:100%
}
  #details #default th{
	
	font-size: 100%;
	background-color: #eeeeee;
	padding: 5px 2px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 150%;
	font-weight: bold;
	text-align: center;
}
  #details #default td{
	background-color: #FFFFFF;
	padding: 10px 8px;

	font-size: 100%;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align:center;
	vertical-align:middle;
	font-weight:bold

}


  #details #default .bdnone{
border:0;
width: 10%;
padding-right:0;
	border-bottom: 1px #CCCCCC solid;
	
}
  #details #default .bdlnone{
border-left:0;
}

.price2 {
padding:0 2px;
}

.price2 .heading{
font-weight:bold;
font-size:80%;
/*padding-right:3px;*/
}

.price2 .amt {
font-weight:bold;
font-size:140%;
padding:5px 0;
}

.price2 .en {
font-weight:bold;
padding-left:3px;
font-size:80%;
}
.Rred{
margin-top:3px;

color:#FF0000;
font-size:0.95em}

ul.plist{
/*text-align:center;*/
margin:0 auto}

ul.plist li{
display:inline-block;
width: 279px;
margin:4px 4px 0 4px;


border-radius:5px;
}

@media screen and (max-width: 600px) {
ul.plist li{
margin:5px auto;

width:100%;

}
}






ul#slist{
text-align:center;
margin:0 auto;
 width:100%}

ul#slist li{
float:left;
width: 48%;
height:179px;
margin:0 1%;
/*padding:4px 3px;
border: 1px solid #ccc;
border-radius:4px;*/
box-sizing:border-box;
}
ul#slist li.slistLast{
/*width:98%;
height: auto;
padding:8px 5px*/

}
@media screen and (max-width: 600px) {
ul#slist li{
margin:5px 0;

width:100%;
height:auto;
/*padding:8px 5px;
border-radius:4px;border: 1px solid #ccc;*/
box-sizing:border-box;
}

}
.cl{
clear:both}


	
	@media screen and (max-width: 480px) {
.fl{
float:none;
margin:0 0 2px 0;
width:100%
}
.linep{
	line-height:1.3;
	font-size:1em;
	margin-bottom:10px}
}




ul#olist{

margin:0 auto;
 width:100%}

ul#olist li{/*
float:left;
width: 48%;
height:260px;
margin:1%;
padding:4px 3px;
border: 1px solid #ccc;
border-radius:4px;*/
box-sizing:border-box;
margin-bottom:5px
}
ul#olist li.olistLast{
width:48%;
height: auto;
/*padding:8px 5px*/

}
@media screen and (max-width: 600px) {
ul#olist li{
margin:5px 0;

width:100%;
height:auto;

box-sizing:border-box;
/*border: 1px solid #ccc;padding:8px 5px;*/}
ul#olist li.olistLast{
width:100%;
height: auto;
/*padding:8px 5px*/

}
}

p.opp{text-align:center; font-weight:bold; padding:5px; border:1px solid #000; margin:5px 0; font-size:1.25em}

.aright{
text-align:right}
.mt5{
margin-top:5px}
.mt10{
margin-top:10px}
.mb10{
margin-bottom:10px}
.center{
text-align:center}
.m2p{
margin:2%}
.m108{
margin:10px 8px}



/*　　カーポート追記部分　　*/
	
	
#hyou{
    width: 100%;

    overflow-x: scroll;
    overflow-y: hidden;
	margin-top:5px}
	
	.hyou{
    width: 100%;

    overflow-x: scroll;
    overflow-y: hidden;
	margin-top:2px}
	
	
.hyouR{
position:relative}
.hyouR .hyouHead{
position: absolute; top:0; left:0}


p.yajirusi{
margin-top:3px;
background-image:url(../img/carport/yajirusi.png);
background-position:left center;
background-repeat:no-repeat;
padding-left:37px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;

font-size:1.1em}	
	
	
	.button a {
max-width:300px;
  width:90%;
  background-color: #29aae1;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(0,126,170,1);
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 10px 0;
background-image:url(../img/carport/arow.png);
background-position: 4% 50%;
background-repeat:no-repeat;

  
}
.button a:hover {
 
}
.button a:before{
/*content:">>";
color:#FFFFFF;*/

}

	
.spBox{
display:inline-block;
width: 278px;
margin:4px 4px 0 4px;


border-radius:4px;
border:1px solid #CCC;
padding-bottom:1%;
box-sizing:border-box
}

@media screen and (max-width: 600px) {
.spBox{
margin:5px auto;

width:100%;
border-radius:4px;
border:1px solid #CCC;
padding-bottom:1%
}
}
.cspBox{
width:98%;
margin:2% 1%;
border-radius:4px;
border:1px solid #ccc;
box-sizing:border-box;
padding:10px 8px

}



p#cspTxt{
line-height:1.4;
margin-top:5px;
margin-right:3px}

p.txtbody{
line-height:1.4;
margin:5px}
p.txtbody2{
line-height:1.4;
margin:10px 8px}

.exteria{
margin:5px auto;

width:100%;

border:2px solid #0D3387;
padding:0;
box-sizing:border-box;


}
img#eximg{
width:48%;
margin-left:3px
}
@media screen and (max-width: 480px) {
img#eximg{

width:100%;
margin-bottom:5px


}}


.bdtxt{
line-height:1.4;
margin:5px 8px;
border:1px solid #000;
padding:5px}


/*　　ジーポートNeo　*/
#gp{
border:1px solid #666666;
padding: 8px;
margin:5px}
#gp h2 {
font-weight:bold;
font-size:1.3em;
margin:0;
padding:0;
margin-bottom:8px;
line-height:1.3}
#gp p{
margin-bottom:.8em;
line-height:1.4}
#gp p.undl{
text-decoration:underline;
margin-bottom:3px}
#gp p.tright{
text-align:right;
margin-bottom:0}
p.tright{
text-align:right;
margin-bottom:0}
/*--------- ▲　　ジーポートNeo　▲ ---------　　*/


.red{
color:#FF0000;
font-weight:bold}

/*    一覧全国対応160419    */

/* 以下、et_lattice.html特有のtableのCSS記述　ここから */		
		
		
.dt-content-overlay-over table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}

.dt-content-overlay-over td, th {
    padding: 3px;
    width: 30px;
    height: 25px;
    font-weight: inherit;
}

.dt-content-overlay-over td {
    background-color: #599e6c !important;
    padding: 0px !important;
}

.dt-content-overlay-over th.light-green {
    background-color: #e2f0e4 !important;
    font-size: 80%;
}

.dt-content-overlay-over th.light-green-cancel {
    background-color: #e2f0e4 !important;
    font-size: 80%;
}

.dt-content-overlay-over th {
}

.dt-content-overlay-over {
    bottom: 0px;
    right: 0px;	

}

.dt-content-overlay-over table {
font-size:1em;
width:100%

}
.m5{
margin:5px}
.dt-content-overlay-over p {
    text-align:right;
}

.dt-content-overlay-over .amt {
    font-size: 130% !important;
    font-weight: bold;
}
.dt-content-overlay-over th.tright{
text-align:right}
.dt-content-overlay-over .en {
    font-weight: bold;
    padding-left: 0px !important;
    font-size: 70%;
}

.dt-content-overlay-over .tax {

    margin-left: -12px !important;
    margin-top: -1px !important;
}

.dt-content-overlay-over td.lattice-table-slant {

	}
	
.dt-content-overlay-over .lattice-table-slant-img {
    position: absolute;
    top: 8px;
    left: 3px;
}

.dt-content-overlay-over .nakabone-p1 {

}

.dt-content-overlay-over td.bgFFF{
background-color:#FFFFFF !important;
text-align:center;
padding:5px 0 !important}
.dt-content-overlay-over .bggray{
background-color:#E6E6E7 !important;
text-align:center}
.dt-content-overlay-over th.Mgreen{
text-align:center;
color:#FFFFFF;
font-weight:bold;
background-color:#3BB483;
font-size:1.5em}
/* 以下、et_lattice.html特有のtableのCSS記述　ここまで */	
	
ul#pointlist{
/*text-align:center;*/
margin:0 auto}

ul#pointlist li{
display:inline-block;
width: 279px;
margin:4px 4px 0 4px;

border:1px solid #CCC;
border-radius:5px;
box-sizing:border-box;
text-align:center
}
div.point{
margin:0 ;
	padding:7px 10px;
	font-size:1.4em;
	background-color:#3BB483;
	color:#FFFFFF;
	font-weight:bold;

		border-radius:4px 4px 0 0;
		text-align:left;
		height:auto !important;
		text-indent:0
}
		ul#pointlist li img.exImg{
		/*width:90%;*/
		margin:10px;
		height:auto}
		ul#pointlist li img.arowImg{
		position:absolute;
		right:8px;
		top:6px}
@media screen and (max-width: 600px) {
ul#pointlist li{
margin:5px auto;

width:100%;
box-sizing:border-box;
border:1px solid #CCC;
border-radius:5px;
text-align:center
}
}
p.et-content-p2 {
    border: 1px solid #000;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px !important;
}
p.tleft{
text-align:left !important}
.bold{
font-weight:bold}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}