@charset "utf-8";

/*-------------------------------------------------------------------
	Version.												1.4.1.2;
	Author.												Kenta Aga(admin)

	PROGRAM-ID.									"funiture"
-------------------------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/

/*-------------------------------------------------------------------
	Version.												1.4.1.2;
	Author.												Kenta Aga(admin)
	Aptx.													4.8.6.9;

	PROGRAM-ID.									"ACCESS"
-------------------------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/

/*------------------------------------------------
	common
------------------------------------------------*/

.division{
	zoom											: 1;
	margin-bottom							: 20px;
	overflow										: hidden;
}


.contents .image{
	display										: inline;
	margin										: 0;
}

.image.smooth{
	float												: right;
	margin-left									: 26px;
}
.image.rough{
	float												: left;
	margin-right								: 26px;
}

/* introduction
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
.contents .main {
    display: inline;
    float: right;
    width: 696px;
}

section#introduction{
	position:relative;
	margin-bottom:0;
}

section#introduction p.contact{
	position:absolute;
	top:325px;
	left:140px;
}

section#introduction div.intro_q{
	position:relative;
}

section#introduction div.intro_q p.serif{
	padding:30px 0 10px;
	margin-bottom:0;
	
}

section#introduction div.intro_q p.tomobile{
	position:absolute;
	top:10px;
	right:30px;
}



/* about
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
section#about{
	position:relative;
	margin-bottom:40px;
	background-color:#dcf2ff;
}

section#about h3{
	margin:0 0 5px ;
	padding:0;
	border:none;
}

section#about h3 img{
	margin-top:-15px;
}


section#about p.toarea{
	margin:0 auto;
	text-align:center;
}


section#about div.point{
	background-color:#fff;
	margin:10px 20px 20px;
	padding:20px;
	text-align:center;
}

section#about h4{
	text-align:center;
	font-size:183%;
	color:#333;
	border-bottom:3px solid #0165a3;
	margin-bottom:20px;
	padding-bottom:5px;
}

section#about div.point ul{
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	width:100%;
	margin-bottom:10px;
}


section#about div.point ul li{
	float:left;
	width:33.333%;
}




section#about div.effect{
	clear:both;
	background-color:#fff;
	margin:10px 20px 20px;
	padding:20px;

}

section#about div.effect ul{
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	margin-left: -13px;
}

section#about div.effect ul li{
	float:left;
	margin-left: 16px;
	margin-bottom:12px;
}


section div#price{
	text-align:center;
	margin:0 auto;
}

section div#price h3{
	padding:20px 0;
}

section div#price p.price-contact{
	text-align:center;
	margin:0 auto;
	padding-bottom:40px;
	
}

/* mobile
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
section#mobile{
	position:relative;
	margin:0 auto;
	text-align:center;
	margin-bottom:40px;
}
section#mobile h3{
	background-color:#1f77ae;
	font-size:183%;
	color:#fff;
	padding: 10px 0;
    margin-bottom: 18px;
    border-bottom: none;
}

section#mobile p{
	margin:0 auto 15px;
	text-align:center;
}



section#mobile p.mobile-caution{
	margin-bottom:10px;
}


/* voice
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
section#voice{
	position:relative;
	margin:0 auto;
}

section#voice div.subsection{
	position:relative;
	margin:0 auto;
	background-color:#f5f5f5;
	padding:30px 20px;
	margin-bottom:40px;
}

section#voice h3{
	text-align:center;
	background-color:#1f77ae;
	font-size:183%;
	color:#fff;
	padding: 10px 0;
    margin-bottom: 18px;
    border-bottom: none;
}

section#voice ul.voicearea{
	margin-left:-20px;
}

section#voice ul.voicearea li{
	width:262px;
	background-color:#fff;
	padding:15px 25px;
	margin-left:20px;
	float:left;
}
section#voice ul.voicearea li dl dt{
	display:inline-block;
	font-weight:700;
	color:#fff;
	padding:5px 10px;
	vertical-align:middle;
	margin-right:5px;
}

section#voice ul.voicearea li dl dt.s-kaigo{
	background-color:#6bb842;
}

section#voice ul.voicearea li dl dt.s-shika{
	background-color:#00a4e7;
}

section#voice ul.voicearea li dl dd.name{
	display:inline-block;
	vertical-align:middle;
	font-weight:700;
}

section#voice ul.voicearea li dl dd.name span{
	font-size:93%;
	display:inline-block;
	vertical-align:middle;
}

section#voice ul.voicearea li dl dd.text{
	display:block;
	border-top:1px dotted #333;
	margin-top:5px;
	padding:5px 10px 0;
}


section#voice p.price-contact{
	text-align:center;
	margin:0 auto;
}




section ul.price-contact{
	position:relative;
	margin-bottom:40px;
	text-align: center;
}
section ul.price-contact li.btn{
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-216px;
}





/* smartPhone */
@media screen and (max-width: 640px) {
	
.contents .main {
    display: inline;
    float: none;
    width: auto;
}
	
section#voice div.subsection{
	margin-bottom:10%;
}

section#introduction div.intro_q{
	display:none;
}

section#introduction p.contact {
    position: absolute;
    top: 75%;
    left: 50%;
    margin-left: -28%;
    width: 60%;

}

section#about div.effect ul {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
section#about div.effect ul li{
    margin: 0;
}

section#mobile h3 {
    font-size: 150%;
}

section#about h4{
	    font-size: 133%;
}
section#about div.effect ul li {
    float: none;
	width:100%;
	padding-bottom:3%;
}
section#about div.effect ul li img{
	width:100%;
}

section#voice ul.voicearea li {
    width: auto;
    float: none;
	margin-bottom: 5%;
}

section div#price h3 {
	margin:0 3%;
}

section ul.price-contact li.bg{
	display:none;
}


section#mobile p.mobile-contact{
	margin:0 3%;
    text-align: center;
}


section ul.price-contact li.btn {
	position:static;
	text-align:center;
	margin:0 3%;
}
section ul.price-contact li.btn img{
}
}