@charset "utf-8";

/* ==================================================================
	beginner.css
	
=================================================================== */

.contents h2{
	margin-bottom:23px;
}


.contents .main section h2{
	margin-left:4px;
}


.contents .main section h3{
	margin-left:4px;
}

.contents section .estimateLink{
	margin:7px 42px 20px 0;
	text-align:right;
}


.contents .left-photo{
	float:left;
	margin-right: 20px;
}


.contents .main section p.txt{
	font-size: 116%;
    margin-bottom: 5%;
}

.contents .main section .point{
	clear:both;
	border:3px solid #ff985d;
	border-radius: 5px;		/* CSS3‘�ˆÄ */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome—p */
	-moz-border-radius: 5px;	/* Firefox—p */
	margin:3% auto 6%;
}

.contents .main section .point h5{
	background-color:#ff985d;
	color:#FFF;
	text-align:center;
	padding:5px;
	background-image: none;
    border-bottom: none;
	margin-bottom: 10px;
}

.contents .main section .point dl{
	padding: 2%;
    margin-bottom: 2%;
}

.contents .main section .point dl dt{
	color: #ff985d;
    margin: 0;
    display: inline-block;
	font-size: 150%;
    font-weight: bold;
}

.contents .main section .point dl dd{
}


.contents .main section .point .left-photo{
	float:left;
	margin:15px 15px 25px;
}

.contents .main section .consultation{
	overflow: hidden;
}

.contents .main section .box{
	padding: 2%;
    margin-bottom: 2%;
	overflow: hidden;
}

.contents .main .drawing{
	clear:both;
	overflow:hidden;
	zoom:1;
}

.contents .main .drawing p.subtitle{
	text-align:center;
	margin-bottom:20px;
}

.contents .main .drawing .drawing-list1{
	margin-left:20px;
}

.contents .main .drawing .drawing-list1 li{
	width:auto;
	float:left;
	display:inline;
	margin-right:10px;
	margin-bottom:20px;
}

.contents .main .drawing .drawing-list2{
	clear:both;
	margin-left:20px;
}

.contents .main .drawing .drawing-list2 li{
	width:auto;
	float:left;
	display:inline;
	margin-right:10px;
}

.contents .main .drawing .drawing-list2 li.end{
	margin-right:0;
}


.contents .main .scarea{
	clear:both;
	overflow:hidden;
	zoom:1;
}

.contents .main .scarea dl.scbox{
	width:316px;
	float:left;
	display:inline;
	margin-right: 20px;
    margin-left: 29px;
}

.contents .main .scarea dl.scbox dt{
	margin-bottom:15px;
}

.contents .main .scarea dl.scbox dd.text{
	margin-bottom:20px;
}


.contents .main .constructionbox p.subtitle{
	text-align:center;
}

.contents .main .constructionbox p.img{
	text-align:center;
	margin-bottom:40px;
}

@media only screen and
(max-width : 640px) {
 
.contents .main section#building img{
	max-width:100%;
}
 
.contents .main section#building{
	margin: 0 3% 30px;
}

.contents .main section .point .left-photo,
.contents .left-photo {
    float: none;
    margin-right: 0;
    display: block;
    margin: 4% auto;
}
.contents .main .drawing .drawing-list1,
.contents .main .drawing .drawing-list2{
	overflow:hidden;
	margin:0 0 5% 0;
}

.contents .main .drawing .drawing-list1 li,
.contents .main .drawing .drawing-list2 li{
	width: 47%;
    float: none;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 4%;
}
.contents .main .drawing .drawing-list1 li:last-child,
.contents .main .drawing .drawing-list2 li:nth-child(2n){
	margin-right:0;
}

.contents .main .scarea dl.scbox {
	margin-bottom: 10%;
    display: block;
    margin: 4% auto;
	float: none;
}