@charset "UTF-8";

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

General Page CSS

for auro-jp.net
coded by ryo at 2013-05-20
imported to /purpose/*.html

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

@import url(default.css);
@import url(base.css);


p.top{
	clear:both;
}
#main-block div.purpose > .blockp{
	margin-left:5%;
}
#main-block{
	background:url(../img/top/bg.jpg) left top repeat-y;
}
#main-block > h1{
	width:100%;
	overflow:hidden;
	position:relative;
}
#main-block > h1 span{
	position:absolute;
	top:0px;
	left:0;
	background:rgba(35,24,21,0.5);
	font-size:120%;
	line-height:2.2em;
	padding:0 3% 0 3%;
	color:#FFF;
	font-weight:normal;
	letter-spacing:1px;
}


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

General Page CSS
imported to ifloor.html

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

.floor #main h2{
	padding:11% 0 0 0;
	background:url(../img/purpose/floor/bg-tittle.png) 0 0 no-repeat;
	background-size:100%;
	height:197px;
	color:#FFF;
	text-align:center;
	font-size:190%;

	behavior:url(PIE.htc);
}
.floor #main ul.nav{
	margin:-45px auto 50px auto;
	border:#FFFFCC solid 1px;  
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */ 
	background:#FFFFCC;
	padding:20px 0 10px 0;
	width:480px;
	font-size:140%;

	behavior:url(PIE.htc);
}
.floor #main ul.list li{
	color:#7C5034;
	margin:0 0 15px 0;
}
.floor #main ul.nav li{
	margin:0 0 10px 25px;
}
.floor #main ul.nav li a{
	color:#7C5034;
}
.floor #main ul.list li span{
	color:#83AD28;
}
.floor #main ul.nav li span{
	font-size:120%;
}
.floor #main section.blockp h3{
	background:url(../img/purpose/floor/bg-tittle2.png) 0 0 no-repeat;
	background-size:100%;
	padding:14px 0 0 20px;
	height:72px;
	color:#FFF;
	font-size:200%;

	behavior:url(PIE.htc);
}
.floor #main section.blockp p.talk{
	margin:-40px 0 40px 0;
}
.floor #main section.blockp p.talk img{
	width:100%;
}
.floor #main section.blockp dl.floor{
	margin:0px 0 30px 0;
	border:#FFFFCC solid 1px;  
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */ 
	background:#FFFFCC;
	padding:30px 4% 20px 4%;
	width:39%;
	float:left;

	behavior:url(PIE.htc);
}
.floor #main section.blockp dl.floor:nth-of-type(1){
	margin:0px 4% 30px 0;
}
.floor #main section.blockp dl.floor dt{
	margin:0 auto 20px auto;
	background:url(../img/purpose/floor/bg-floor.png) 0 0 no-repeat;
	width:230px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:170%;
}
.floor #main section.blockp dl.floor dd ul.list li img{
	margin:5px 0 0 0;
	width:100%;
}
.floor #main section.blockp section.wax{
	overflow:hidden;
}
.floor #main section.blockp section.wax h4{
	margin:0 auto;
	background:url(../img/purpose/floor/bg-effect.png) 0 0 no-repeat;
	width:378px;
	height:49px;
	line-height:49px;
	font-size:180%;
	text-align:center;
}
.floor #main section.blockp section.wax h4 span{
	color:#FF6600;
	font-size:120%;
}
.floor #main section.blockp section.wax dl:nth-of-type(1){
	margin-left:0;
}
.floor #main section.blockp section.wax dl{
	margin:15px 0 45px 3%;
	padding:15px 0;
	background:#FFFFCC;
	width:31%;
	float:left;
}
.floor #main section.blockp section.wax dl dt{
	margin:0 7% 10px 7%;
	background:url(../img/purpose/floor/bg-effects.png) no-repeat bottom left;
	padding-bottom:4px;
	font-size:180%;
}
.floor #main section.blockp section.wax dl dt span{
	color:#FF6600;
}
.floor #main section.blockp section.wax dl dd{
	margin:0 7% 0 7%;
	line-height:1.4;
}
.floor #main section.blockp section.wood{
	border:#B9A07B 1px solid;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */ 
	padding:25px 3% 20px 3%;
	width:93%;
	overflow:hidden;

	behavior:url(PIE.htc);
}
.floor #main section.blockp section.wood h4{
	width:94%;
}
.floor #main section.blockp section.wood h4 img{
	width:100%;
}
.floor #main section.blockp section.wood p.sentence{
	margin:-100px 0 0 25px;
	width:60%;
	float:left;
}
.floor #main section.blockp section.wood p.photo{
	margin:10px 0 0 0;
	width:31%;
	float:right;
}
.floor #main section.blockp section.wood p.photo img{
	margin:0 0 4px 0;
}
.floor #main section.blockp section.find h4{
	margin-bottom:10px;
	background:url(../img/purpose/floor/bg-wax.png) no-repeat 0 0;
	background-size:100%;
	height:61px;
	line-height:61px;
	text-align:center;
	font-size:190%;

	behavior:url(PIE.htc);
}
.floor #main section.blockp section.find div.block{
	width:48%;
	float:left;
}
.floor #main section.blockp section.find div.a{
	margin-right:4%;
}
.floor #main section.blockp section.find div p{
	text-align:center;
}
.floor #main section.blockp section.find div.block ul.state,
.floor #main section.blockp section.find div.block div{
	margin:10px 0;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */ 
	padding:10px 25%;
	min-height:80px;
	list-style-type:disc;
	position:relative;

	behavior:url(PIE.htc);
}
.floor #main section.blockp section.find div.a ul.state,
.floor #main section.blockp section.find div.block div.a{
	border:#E8EFBA 1px solid;
	background:#E8EFBA;
}
.floor #main section.blockp section.find div.b ul.state,
.floor #main section.blockp section.find div.block div.b{
	border:#FBE9BB 1px solid;
	background:#FBE9BB;
}
.floor #main section.blockp section.find div.block div.a,
.floor #main section.blockp section.find div.block div.b{
	margin-bottom:50px;
}
.floor #main section.blockp section.find div.block > ul li:nth-of-type(1){
	list-style-type:none;
	font-size:130%;
	position:absolute;
	top:7px;
	left:8%;
}
.floor #main section.blockp section.find div.a ul li:nth-of-type(1){
	color:#1B913B;
}
.floor #main section.blockp section.find div.b ul li:nth-of-type(1){
	color:#EB651A;
}
.floor #main section.blockp section.find div.block div{
	padding:10px 5%;
}
.floor #main section.blockp section.find div.block div p.balloon{
	padding:10px 0 0 95px;
	height:80px;
	text-align:left;
}
.floor #main section.blockp section.find div.block div p.balloon1{
	background:url(../img/purpose/floor/balloon1.png) no-repeat 0 0;
}
.floor #main section.blockp section.find div.block div p.balloon2{
	background:url(../img/purpose/floor/balloon2.png) no-repeat 0 0;
}
.floor #main section.blockp section.find div.block div p.balloon3{
	background:url(../img/purpose/floor/balloon3.png) no-repeat 0 0;
}
.floor #main section.blockp section.find div.block div p.balloon4{
	background:url(../img/purpose/floor/balloon4.png) no-repeat 0 0;
}
.floor #main section.blockp section.find div.block div p.balloon5{
	background:url(../img/purpose/floor/balloon5.png) no-repeat 0 0;
}
.floor #main section.blockp section.find div.block div p.balloon6{
	background:url(../img/purpose/floor/balloon6.png) no-repeat 0 0;
}
.floor #main section.blockp section.find div.block div ul{
	margin-bottom:10px;
	border:#FFF 1px solid;
	background:#FFF;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */ 
	overflow:hidden;

	behavior:url(PIE.htc);
}
.floor #main section.blockp section.find div.block div ul li{
	padding:6px 0;
	width:45%;
	float:left;
	text-align:center;
	color:#000;
}
.floor #main section.blockp section.find div.block div ul li:nth-of-type(2){
	margin-top:35px;
	width:10%;
}
.floor #main section.blockp section.find div.block div ul li:nth-of-type(4){
	margin:0 5% 0 5%;
	width:90%;
	float:none;
	clear:both;
	color:#EA6000;
	text-align:left;
}
.floor #main section.blockp section.find div.c{
	margin-top:30px;
	float:none;
	width:100%;
	overflow:hidden;
}
.floor #main section.blockp section.find div.c div{
	width:48%;
	padding:0;
	margin:0;
	float:left;
}
.floor #main section.blockp section.find div.c div:nth-of-type(1){
	margin-right:4%;
}
.floor #main section.blockp section.find div.block div p.photo{
	border:#E8EFBA 1px solid;
	background:#E8EFBA;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */ 

	behavior:url(PIE.htc);
	min-height:150px;
	padding:10px 0;
	margin-top:-15px;
}
.floor #main section.blockp section.find div.block div.no421 p.photo{
	border:#FFF9BB 1px solid;
	background:#FFF9BB;
}






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

General Page CSS
imported to wax_paint.html

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

.wax_paint #main-block .purpose{
	max-width:1500px;
}
.wax_paint #main-block .purpose .blockp:nth-of-type(1){
	background:url(../img/purpose/wax_paint/step1.png) 0 0 no-repeat;
}
.wax_paint #main-block .purpose .blockp:nth-of-type(2){
	background:url(../img/purpose/wax_paint/step2.png) 0 0 no-repeat;
}
.wax_paint #main-block .purpose .blockp:nth-of-type(3){
	background:url(../img/purpose/wax_paint/step3.png) 0 0 no-repeat;
}
.wax_paint #main-block .purpose .blockp:nth-of-type(4){
	background:url(../img/purpose/wax_paint/step4.png) 0 0 no-repeat;
}
.wax_paint #main-block .purpose .blockp:nth-of-type(5){
	background:url(../img/purpose/wax_paint/step5.png) 0 0 no-repeat;
}
.wax_paint #main-block .purpose .blockp:nth-of-type(6){
	background:url(../img/purpose/wax_paint/step6.png) 0 0 no-repeat;
}
.wax_paint #main-block .purpose .blockp:nth-of-type(7){
	background:url(../img/purpose/wax_paint/step7.png) 0 0 no-repeat;
}
.wax_paint #main-block .purpose .blockp{
	background-size:3.7% !important;
	margin-top:32px;
	padding-top:0.8%;
	margin-bottom:5%;
}
.wax_paint #main-block .purpose .blockp:nth-last-of-type(1){
	margin-bottom:9%;
}
.wax_paint #main-block > h1{
	width:100%;
	overflow:hidden;
	position:relative;
}
.wax_paint #main-block > h1 span{
	position:absolute;
	top:0px;
	left:0;
	background:rgba(35,24,21,0.5);
	font-size:120%;
	line-height:2.2em;
	padding:0 3% 0 3%;
	color:#FFF;
	font-weight:normal;
	letter-spacing:1px;
}
.wax_paint #main-block .purpose .blockp h1{
	font-size:240%;
	font-weight:normal;
	margin-bottom:0.7%;
	padding-left:5.4%;
}
.wax_paint #main-block .purpose .blockp p{
	font-size:110%;
	color:#575757;
	line-height:1.7;
	margin-bottom:2%;
	padding-left:6.5%;
}
.wax_paint #main-block .purpose .blockp ul{
	overflow:hidden;
}
.wax_paint #main-block .purpose .blockp ul li{
	max-width:1500px;
	width:29.6%;
	margin-right:5.4%;
	float:left;
}
.wax_paint #main-block .purpose .blockp ul li:nth-last-of-type(1){
	margin-right:0;
}







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

General Page CSS
imported to wall_paint.html

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

.wall_paint #main-block .purpose{
	max-width:1500px;
}
.wall_paint #main-block .purpose .blockp:nth-of-type(1){
	background:url(../img/purpose/wax_paint/step1.png) 0 0 no-repeat;
}
.wall_paint #main-block .purpose .blockp:nth-of-type(2){
	background:url(../img/purpose/wax_paint/step2.png) 0 0 no-repeat;
}
.wall_paint #main-block .purpose .blockp:nth-of-type(3){
	background:url(../img/purpose/wax_paint/step3.png) 0 0 no-repeat;
}
.wall_paint #main-block .purpose .blockp:nth-of-type(4){
	background:url(../img/purpose/wax_paint/step4.png) 0 0 no-repeat;
}
.wall_paint #main-block .purpose .blockp:nth-of-type(5){
	background:url(../img/purpose/wax_paint/step5.png) 0 0 no-repeat;
}
.wall_paint #main-block .purpose .blockp:nth-of-type(6){
	background:url(../img/purpose/wax_paint/step6.png) 0 0 no-repeat;
}
.wall_paint #main-block .purpose .blockp:nth-of-type(7){
	background:url(../img/purpose/wax_paint/step7.png) 0 0 no-repeat;
}
.wall_paint #main-block .purpose .blockp{
	background-size:3.7% !important;
	margin-top:32px;
	padding-top:0.8%;
	margin-bottom:5%;
}
.wall_paint #main-block .purpose .blockp:nth-last-of-type(1){
	margin-bottom:20%;
}
.wall_paint #main-block > h1{
	width:100%;
	overflow:hidden;
	position:relative;
}
.wall_paint #main-block > h1 span{
	position:absolute;
	top:0px;
	left:0;
	background:rgba(35,24,21,0.5);
	font-size:120%;
	line-height:2.2em;
	padding:0 3% 0 3%;
	color:#FFF;
	font-weight:normal;
	letter-spacing:1px;
}
.wall_paint #main-block .purpose .blockp h1{
	font-size:240%;
	font-weight:normal;
	margin-bottom:0.7%;
	padding-left:5.4%;
}
.wall_paint #main-block .purpose .blockp p{
	font-size:110%;
	color:#575757;
	line-height:1.7;
	margin-bottom:2%;
	padding-left:6.5%;
}
.wall_paint #main-block .purpose .blockp p.kome{
	margin-top:2%;
	margin-bottom:4%;
}
.wall_paint #main-block .purpose .blockp ul{
	overflow:hidden;
}
.wall_paint #main-block .purpose .blockp ul li{
	max-width:1500px;
	width:29.6%;
	margin-right:5.4%;
	float:left;
}
.wall_paint #main-block .purpose .blockp ul li:nth-last-of-type(1){
	margin-right:0;
}
.wall_paint #main-block .purpose .blockp dl{
	color:#575757;
	padding-left:6.5%;
}
.wall_paint #main-block .purpose .blockp dl dt{
	font-size:230%;
	margin-bottom:6px;
}
.wall_paint #main-block .purpose .blockp dl dd img{
	display:block;
	margin-top:-3%;
}
.wall_paint #main-block .purpose .blockp dl:nth-of-type(1) dd img{
	width:81%;
}
.wall_paint #main-block .purpose .blockp dl:nth-of-type(2) dd img{
	width:97%;
}


.wall_paint #main-block .purpose .step1 ul li{
	width:98%;
}
.wall_paint #main-block .purpose .step2 p.kome{
	margin-top:-2%;
}
.wall_paint #main-block .purpose .step2 p.photo{
	width:90.5%;
}
.wall_paint #main-block .purpose .step5 ul li{
	margin-right:0;
	width:34.4%;
}
.wall_paint #main-block .purpose .step5 ul li:nth-of-type(3){
	width:28.8%;
}






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

General Page CSS
imported to review.html

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

.review #main-block .purpose a{
	font-size:12px !important;
	color:#595757;
}
#cboxLoadedContent .content{
	overflow:auto;
	height:100%;
}
.review #main-block .purpose{
	max-width:1500px;
	overflow:hidden;
}
.review #main-block > p{
	position:relative;
}
.review #main-block > p a:hover{
	opacity:0.7;
}
.review #main-block > p a{
	padding:3px 0;
	background:#80a500;
	width:260px;
	text-align:center;
	font-size:20px;
	font-weight:normal;
	color:#FFF;
	display:block;
	position:absolute;
	margin-top:-1%;
	margin-left:2.7%;
}
.review #main-block .purpose .waku{
	background:#ccc;
	max-width:1500px;
	margin-left:0%;
}
.review #main-block .purpose .flow{
	overflow:hidden;
	padding-top:2.3%;
	margin:0 0 0 3.4%;
	width:100%;
}
.review #main-block .purpose .flow > div{
	width:2000%;
}
.review #main-block .purpose .waku > ul{
	clear:both;
	margin:0 1% 0 2%;
	padding:8px 0 10px 0;
	overflow:hidden;
}
.review #main-block .purpose .waku > ul li{
	color:#FFF;
	font-size:14px;
	width:120px;
	cursor:pointer;
}
.review #main-block .purpose .waku > ul li:hover{
	opacity:0.7;
}
.review #main-block .purpose .waku > ul li.back{
	float:left;
}
.review #main-block .purpose .waku > ul li.back img{
	width:28px;
	margin-right:20px;
}
.review #main-block .purpose .waku > ul li.next{
	float:right;
}
.review #main-block .purpose .waku > ul li.next img{
	width:28px;
	margin-left:20px;
}
.review #main-block .itemm{
	margin-right:15px;
	padding:15px 15px 10px 15px;
	background:#FFF;
	width:230px;
	float:left;
}
.review #main-block .itemm:hover{
	opacity:0.7;
}
.review #main-block .itemm p{
	margin-bottom:8px;
	line-height:20px;
	font-size:100%;
}
.review #main-block .itemm p{
	margin-bottom:7px;
}
.review #main-block .itemm h1{
	background:url(https://www.auro.co.jp/review/wp-content/themes/preview/img/kiji/bg-wood.jpg) 0 0 no-repeat;
	padding:0 0 0 34px;
	line-height:31px;
	color:#1a1a1a;
	font-size:130%;
	font-weight:normal;
}
.review #main-block .itemm dl{
	margin:5px 0 5px 0;
	overflow:hidden;
}
.review #main-block .itemm dl dt{
	float:left;
	width:25%;
	margin-top:5px;
}
.review #main-block .itemm dl dd{
	border-left:solid 1px #cccccc;
	padding-left:3%;
	float:left;
	width:71%;
}
.review #main-block .itemm p.expression{
	text-align:right;
	color:#ff801e;
}
.review #main-block .itemm p.expression span{
	margin-left:5px;
	display:inline-block;
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.review #main-block .itemm dl dd li{
	margin-bottom:2px;
}
.review #main-block .itemm dl dd p.s{
	display:none;
}
.content{
	padding:2% 2.6% 0% 7%;
	height:97%;
}
.come{
	margin-bottom:100px;
	color:#4d4d4d;
	line-height:22px;
	font-size:110%;
}
.content .come p{
	font-size:110%;
}
.content .tl{
	font-size:90%;
	margin-bottom:2%;
}
.content .come .ps-screen{
	margin-bottom:45px;
}
.content .come h2{
	margin-bottom:30px;
	background:url(https://www.auro.co.jp/review/wp-content/themes/preview/img/kiji/bg-wood.png) 0 0 no-repeat;
	padding:0 0 0 40px;
	line-height:34px;
	font-weight:normal;
	font-size:140%;
	font-family:mplus-2p-regular;
}
.content .come .m_img1,
.content .come .m_img2,
.content .come .m_img3,
.content .come .m_img4{
	margin-top:10px;
	margin-bottom:30px;
	overflow:hidden;
}
.content .come .img1,
.content .come .img2,
.content .come .img3,
.content .come .img4{
	margin-top:25px;
	margin-bottom:10px;
	overflow:hidden;
}
.content .come .img3 img,
.content .come .m_img3 img{
	width:33.3%;
	float:left;
}
.content .come .img4 img,
.content .come .m_img4 img,
.content .come .img2 img,
.content .come .m_img2 img{
	width:50%;
	float:left;
}
.content .come .img1 img,
.content .come .m_img1 img{
	width:100%;
}


.review #main-block .matome{
	overflow:hidden;
	margin-top:4%;
}
.review #main-block .matome:nth-last-of-type(1){
	margin-bottom:8em;
}
.review #main-block .matome:hover{
	opacity:0.7;
}
.review #main-block .matome h1{
	font-size:180%;
	font-weight:normal;
	margin-bottom:1%;
}
.review #main-block .matome h1 img{
	width:37%;
	display:block;
	margin-bottom:0.5%;
}
.review #main-block .matome a p.bun{
	line-height:1.6em;
	width:54%;
	float:left;
	font-size:120%;
	color:#3e3a39;
}
.review #main-block .matome p.photo{
	width:35.8%;
	margin:-7.7% 7% 0 0;
	float:right;
}