@charset "utf-8";

#container {
    width: 960px;
    /* margin: 118px auto 0px; */
    margin: 0 auto 0px;
    padding: 10px 0;
	font-size: 84%;

}

/* 左エリア */
#container .left {
	width: 710px;
	float: left;
	line-height: 1.8;
}
#container .left .mainArea {
	width: 100%;
	box-shadow: 0px 0px 4px 1px #ccc;
	background: #FFF;
	padding: 30px 25px 30px;
	margin-bottom: 50px;
	position: relative; /* CSS3 PIE */

}

#container .left .mainArea2 {

	/*box-shadow: 0 0 6px 1px rgba(51,51,51,0.2);*/
	box-shadow: 0px 0px 4px 1px #ccc;
	background: #FFF;
	/*padding: 65px 25px 40px;*/
	padding: 30px 25px 30px;
	margin-bottom: 50px;
	position: relative; /* CSS3 PIE */
	behavior: url(./PIE.htc);
}

#container .mainArea2 .title{
    position: absolute;
    top: -13px;
    left: 20px;
}

.btnLeft {
    float: left;

}

.btnRight {
    float: right;

}

.btnGr{
	width:80%;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}

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

.center {
    text-align: center;
}

/*	セミナーレポート
-------------------------------------------------------- */

body#report .left1 {
	width: 65%;
	float: left;
}
body#report .left1 img {
	margin-bottom: 30px;
}
body#report .left1 p {
	margin-bottom: 20px;
}

body#report .right1 {
	width: 30%;
	float: right;
	font-size:	85%;
	line-height:	1.5em;
}
body#report .right1 p {
	margin-top: 5px;
}

body#report .afterword {
	width: 100%;
	background: #ebf3f4;
	padding: 15px;
	margin-bottom: 15px;
}

body#report .afterPhoto {
	width: 100%;
	margin: 50px 0 0 0;
	overflow: hidden;
	zoom: 1;
}
body#report .afterPhoto2 {
	width: 100%;
	margin: 15px 0 50px 0;
	overflow: hidden;
	zoom: 1;

}
body#report .afterPhoto li,
body#report .afterPhoto2 li {
	width: 32.3%;
	margin: 0 1.5% 0 0;
	float: left;
	font-size:	85%;
	line-height:	1.5em;
	display: inline;
}
body#report .afterPhoto li img,
body#report .afterPhoto2 li img {
	margin-bottom: 5px;
}

body#report .afterPhoto .end,
body#report .afterPhoto2 .end {
	margin-right: 0;
}



body#report .cap {
	margin: 5px 0 0;
	font-size:85%;
}

/* 右エリア */
#container .right {
	width: 220px;
	float: right;
}
#container .right .mainAreaSide {
	width: 100%;
	box-shadow: 0px 0px 4px 1px #ccc;
	background: #f3f3f3;
	padding: 25px 10px 10px;
	border: #FFF 5px solid;
	margin-bottom: 30px;
	position: relative; /* CSS3 PIE */
	behavior: url(./PIE.htc);
}

#container .right .mainAreaSide2 {
	width: 100%;
	box-shadow: 0px 0px 4px 1px #ccc;
	background: #fff;
	padding: 10px 10px 10px;
	border: #FFF 5px solid;
	margin-bottom: 30px;
	position: relative; 

	font-size:	85%;
	line-height:	1.5em;
}



#container .right .dot {
	width: 190px;
	height: 1px;
	border-bottom:  #CCC 1px dotted;
	margin: 15px 0 20px;
}

#container .mainAreaSide .title {
    position: absolute;
    top: -13px;
    left: 5px;
}

/*	右エリア　リフォームQ&A
--------------------------------------------------------------------------------------- */

.qa {
	border-bottom: #999 1px dotted;
	margin-bottom: 20px;
	padding: 5px 0 20px;
	font-size:	85%;
	line-height:	1.5em;
}
.qa .txt {
	font-weight: bold;
	margin-bottom: 15px;
}
.qa dl dt {
	background: url(../../common/img/icn_q.png) top left no-repeat;
	padding-left: 22px;
	margin-bottom: 5px;
}
.qa dl dd {
	background: url(../../common/img/icn_a.png) top left no-repeat;
	padding-left: 22px;
}
.btnMore {
	width: 184px;
	height: 27px;
	margin: 0 auto 0;
}


/*	マージン
--------------------------------------------------------------------------------------- */

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}


/* -------------------- tablet  -------------------- */

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

#container {
    width:auto;
}

#container > .left {
    width: 93.5%;
    margin: 0 3.25%;
}
	
#container > .right {
    width: 93.5%;
    margin: 0 3.25%;
}
	
#container .right .mainAreaSide2 img{
	float: left;
	margin-right: 15px;
	width: 30%;
	
}
	
#container .right .dot {
    width: 100%;
	clear: both;

}
	
}

/* -------------------- smart phone  -------------------- */

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

	
#container .left .mainArea {
    padding: 15px 15px;
    margin-bottom: 30px;
}

#container .left .mainArea img {
	width: 100%;
}
	
	#container .left .mainArea p{
		font-size: 110% !important;
	}
	
.btnGr{
	width:100%;

}	
	
.btnLeft {
	width: 48%;
}
	
.btnRight {
	width: 48%;
}

body#report .left1 {
	width: 100%;

}

body#report .right1 {
	width: 80%;
	margin: 0 10%;

}
	
#container .left .mainArea2 {
    padding: 15px 15px;

}
	
}

/*---------------*/