@charset "UTF-8";
/* CSS Document */

body{
	/*background:url(/images/styledesign/american/american_bg.jpg) repeat-y 50% 0;*/
}

#wrapper {
 width:1128px;
 margin:0 auto;
}

#swd_head h1 {
 font-size:1.2em;
 line-height:1.25;
 color:#86222c;
 padding:2px 0 8px 12px;
}

#logo {
 margin-left:12px;
}

#freedial {
 text-align:right;
 margin-top:-96px;
}

#linknavi {
 float:right;
 margin:4px 85px 0 0;
}

#linknavi li {
 float:left;
 margin-left:16px;
}

#linknavi li a {
 display:block;
 width:145px;
 height:35px;
 background:url(../../images/styledesign/american/american_navi.png) no-repeat 0 0;
 font-size:1.2em;
 line-height:1.25;
 padding-top:11px;
 text-align:center;
 color:#fff;
 text-decoration:none;
}

img.aligncenter{
 margin:0 auto;
 display:block;
}

.main_photo {
 margin:52px 0 11px 0;
}

.aligncenter {
 text-align:center;
}

p.readtxt {
 text-align:center;
}

p.readtxt.top {
 font-size:1.6em;
 line-height:1.5;
 text-align:center;
 margin-top:18px;
 color:#474747;
}

#styleimg {
 margin:58px 100px 0 100px;
}

.styleimages {
 clear:both;
 padding-left:66px;
 margin-bottom:42px;
}

.styleimages.even {
 padding-left:212px;
}

.styleimages dt {
 float:left;
}

.styleimages dd {
  margin-left:280px;
  padding:12px 0 0 0;
  width:600px;
}

.styleimages.odd dd {
 width:512px;
}

.styleimages dd h3{
	margin-bottom: 12px;
	
}

.styleimages dt img {
	border: 5px solid #fff;
}

.styleimages dd p {
 font-size:1.6em;
 line-height:1.5;
 color:#474747;
}

#value {
 clear:both;
 width:928px;
 height:88px;
 background:url(/images/styledesign/american/american_title03.jpg) no-repeat 0 0;
 margin:0 auto;
 text-align:left;
}

#value h3 {
 font-size:1.6em;
 line-height:1.5;
 font-weight:700;
 color:#86222c;
 padding:12px 0 0 24px;
}

#value p {
 font-size:1.3em;
 line-height:1.5;
 color:#2b2323;
 padding:4px 0 0 16px;
}

#valuTypes {
 width:928px;
 margin:0 auto;
}

#valuTypes h4 {
 font-size:1.5em;
 font-weight:700;
 line-height:1.25;
 color:#472D2F;
 background:url(../../images/styledesign/american/title4_fab_bg.png) no-repeat 0 0;
 padding:16px 0 0 34px;
 margin:44px 0 2px 42px;
 height:42px;
}

#valuTypes h5 {
 font-size:1.6em;
 line-height:1.5;
 color:#474747;
 margin:0 0 0 108px;
}

#valuTypes p.m_image {
  margin-left:56px;
}

#valuTypes p.txt {
 font-size:1.4em;
 line-height:1.5;
 color:#472D2F;
}

#exp p.txt {
 width:680px;
 margin:18px 0 18px 138px;
}

#exp p.image {
 margin-left:68px;
}

#builtin {
 margin:-110px 0 68px 460px;
 width:426px;
}

#porch {
 margin:-78px 0 68px 360px;
 width:450px;
}

.submain_img {
 margin:24px 0 18px 146px;
}

#specbox {
 clear:both;
 position:relative;
 background:url(../../images/styledesign/american/specbox_bg.png) no-repeat 0 0;
 width:952px;
 height:230px;
 margin:40px 85px 44px 89px;
 padding:10px 0;
}
#specbox::after {
	display: block;
	width: 100%;
	height: 20px;
	content:'';
	background:url(../../images/styledesign/american/american_spac_bt.png) no-repeat 0 bottom;
}
#specbox h3 {
 font-size:1.8em;
 white-space: nowrap;
 line-height:1.25;
 color:#3c3130;
 padding:10px 58px 4px 48px;
 margin-left: 10px;
 width:277px;
 height:60px;
 background:url(../../images/styledesign/american/specbox_title.png) no-repeat 0 0;
}

#specbox h4 {
 font-size:1.8em;
 line-height:1.25;
 color:#fff;
 background:url(../../images/styledesign/american/hemp_bg.png) no-repeat 0 0;
 margin:16px 0 0 52px;
 padding:16px 16px 0 22px;
 width:242px;
 height:30px;
}

#specbox p.readtxt {
 font-size:1.8em;
 line-height:1.75;
 font-weight:700;
 color:#be3607;
 text-align:left;
 padding:48px 0 0 68px;
}

#specinfo {
 position:relative;
 padding-left:188px;
 margin:-20em 0 0 328px;
 height:208px;
 background:url(../../images/styledesign/american/american_illust20161222lt.png) no-repeat 0 bottom;
}

#specinfo dl {
 position:absolute;
 clear:both;
 height:2.0em;
}

#specinfo dt {
 font-size:1.5em;
 font-weight:700;
 line-height:1.5;
 color:#472d2f;
 padding-right:1em;
 float:left;
}

#specinfo dd {
 font-size:1.4em;
 line-height:1.25;
 color:#472d2f;
 white-space:nowrap;
}

#specinfo dl.no1 {
 top:28px;
 left:195px;
}

#specinfo dl.no2 {
 top:55px;
 left:195px;
}

#specinfo dl.no3 {
 top:80px;
 left:195px;
}

#specinfo dl.no4 {
 top:116px;
 left:195px;
}

#specinfo dl.no5 {
 top:141px;
 left:193px;
}

#specinfo dl.no6 {
 top:166px;
 left:195px;
}

#specinfo dl.no7 {
 top:191px;
 left:195px;
}

#specbox p.lastpara {
 font-size:1.6em;
 font-weight:700;
 color:#6B360F;
 line-height:1.5;
 position:absolute;
 left:68px;
 bottom:18px;
}

#othspec {
 position:absolute;
 left:636px;
 top:24px;
}

#othspec dt {
 font-size:1.5em;
 font-weight:700;
 color:#2f1818;
 display:block;
 width:223px;
 height:50px;
 padding:18px 0 0 72px;
}

#def_box {
 width:960px;
 margin:88px 0 68px 106px;
 padding:0 0 62px 0;
 background:url(../../images/styledesign/american/amc_defBox_bt.png) no-repeat 0 bottom;
}

#def_box div {
 padding:0 0 0 45px;
 background:url(../../images/styledesign/american/amc_defBox_bd.png) repeat-y 0 0;
}

#def_box .boxHeader {
 background:url(../../images/styledesign/american/amc_defBox_hd.png) no-repeat 0 0;
 position:relative;
 top:-25px;
 margin-bottom:-25px;
 padding-top:58px;
}

#def_box h3 {
 font-size:1.8em;
 line-height:1.5;
 font-weight:700;
 color:#fff;
 background:url(../../images/styledesign/american/hemp02_bg.png) no-repeat 0 0;
 padding:18px 0 0 46px;
 height:44px;
}

#def_box dl {
 float:left;
 width:430px;
 padding:32px 14px 0 0;
}

#def_box dt {
 font-size:1.6em;
 font-weight:700;
 line-height:1.25;
 color:#006934;
 padding:0 0 6px 0;
}

#def_box dd.txt {
 font-size:1.3em;
 line-height:1.5;
 color:#330000;
 float:left;
 width:160px;
 padding:8px 12px 0 12px;
}

#def_box dd.txt p {
	padding-bottom: 1em;
}


#basic_box {
 clear:both;
 width:923px;
 margin:32px auto;
 background:url(../../images/styledesign/american/amc_basicBox_bt.png) no-repeat left bottom;
 padding-bottom:32px;
}

#basic_box h3 {
  font-size:2.0em;
  line-height:1.25;
  font-weight:700;
  color:#6A3906;
  text-align:center;
  background:url(../../images/styledesign/american/amc_basicBox_hd.png) no-repeat 0 0;
  padding-top:32px;
}

#basic_box div {
 background:url(../../images/styledesign/american/amc_basicBox_bd.png) repeat-y 0 0;
 padding-left:42px;
}

#basic_box dl {
 float:left;
 width:248px;
 padding:8px 0 6px 0;
 margin:0 14px 16px 14px;
 background:url(../../images/styledesign/american/amc_spacbox_bt.png) no-repeat 0 bottom;
}

#basic_box dt {
 font-size:1.5em;
 line-height:1.25;
 color:#fff;
 padding:4px 0 6px 14px;
 background:url(../../images/styledesign/american/amc_spacbox_hd.png) no-repeat 0 0;
}

#basic_box dt span {
	font-size: 0.8em;
}

#basic_box dd {
 font-size:1.4em;
 line-height:1.5;
 color:#fff;
 padding:0 0 0 28px;
 background:url(../../images/styledesign/american/amc_spacbox_bd.png) repeat-y 0 0;
}

#basic_box .atten_box {
	margin-top: -90px;
}
#basic_box p.attention {
	width: 248px;
	font-size: 1.2em;
	line-height: 1.25;
	color:#555;
	margin-left:300px;
	padding-bottom: 0.2em;
}
#basic_box .attention:nth-of-type(1)::before {
	content:'(＊1)';
	display: block;
	height: 2em;
	width: 2.8em;
	float: left;
}
#basic_box .attention:nth-of-type(2)::before {
	content:'(＊2)';
	display: block;
	height: 2em;
	width: 2.8em;
	float: left;
}
#basic_box .attention:nth-of-type(3)::before {
	content:'(＊3)';
	display: block;
	height: 2em;
	width: 2.8em;
	float: left;
}
#basic_box p.linknavi {
 margin:0 0 0 568px;
 padding-top:18px;
}

#f_planBox {
 background:url(../../images/styledesign/provance/pvc_plan_ecplain.png) no-repeat 0 0;
 width:917px;
 height:577px;
 margin:0 auto;
}

#f_planBox h3 {
 font-size:2.0em;
 font-weight:700;
 line-height:1.5;
 color:#331803;
 text-align:center;
 padding:57px 0 12px 0;
}

#f_planBox div {
 padding:0 0 0 78px;
}

#f_planBox dl {
 float:left;
 width:220px;
 padding-right:48px;
}

#f_planBox dt {
 font-size:1.5em;
 font-weight:700;
 line-height:1.25;
 color:#480600;
 text-align:center;
 background:url(../../images/styledesign/provance/prv_explain_title_bg.png) no-repeat 0 0;
}

#f_planBox dd {
 font-size:1.2em;
 line-height:1.5;
 padding:8px 0 0 22px;
}

#f_planBox p.readtxt {
 clear:both;
 font-size:1.6em;
 line-height:1.5;
 color:#331803;
 padding:48px 65px 0 104px;
}

#othspec dt.no1 {
background:url(/images/styledesign/american/door_bar.png) no-repeat 0 0;
}

#othspec dt.no2 {
background:url(/images/styledesign/american/wall_bar.png) no-repeat 0 0;
}

#othspec dt.no3 {
 background:url(/images/styledesign/american/flooring_bar.png) no-repeat 0 0;
}

#othspec dt.no4 {
background:url(/images/styledesign/american/stair_bar.png) no-repeat 0 0;
}

#othspec dd {
 font-size:1.3em;
 line-height:1.5;
 font-weight:600;
 color:#333333;
 margin:-32px 0 18px 0;
 padding-left:72px;
}

#specbox p.atten {
 float:right;
 font-size:1.2em;
 font-weight:700;
 line-height:1.5;
 color:#444444;
 margin-top:-58px;
}

#specbox p.atten span,
#othspec dd span {
 color:#990000;
}

#oth_list {
 width:962px;
 height:224px;
 margin:10px auto;
 background:url(../../images/styledesign/american/other_frm.jpg) no-repeat 0 0;

}

#oth_list h3 {
 font-size:1.6em;
 font-weight:700;
 color:#3c2109;
 text-align:center;
 padding:30px 0 0 0;
}

#oth_list ul {
 padding:8px 0 8px 50px;
}

#oth_list li {
 float:left;
 margin-right:25px;
}

#oth_list li .title {
 font-size:1.1em;
 line-height:1.25;
 display:block;
 width:96px;
 text-align:center;
 padding:4px 10px;
}

#oth_list li a {
 color:#3c2109;
 text-decoration:none;
}

#oth_list li a img {
 border:1px solid #fff;
}

#oth_list li a:hover {
 color:#8bc8d5;
}

#oth_list li a:hover img {
 border:1px solid #8bc8d5;
}

#cont_read {
 width:962px;
 margin:36px auto;
 font-size:1.8em;
 font-weight:700;
 line-height:1.5;
 color:#382a1d;
 text-align:center;
}

#prefooter {
	clear:both;
	position: relative;
	bottom:0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	margin:0 auto 30px auto;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}
#prefooter .cbox {
	width: 922px;
	height: 66px;
	margin: 0 auto;
	background: #fffde6;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2);
	box-shadow: 0px 0px 4px rgba(0,0,0,.2);
}
#prefooter ul {
	overflow: hidden;
	padding: 5px 0px 4px 8px;
}

#prefooter p {
	float: right;
}
#prefooter li {
	float: left;
	width: 162px;
	height: 53px;
}
#prefooter li:nth-of-type(-n+3) {
	margin-right: 6px;
}
#prefooter li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

#prefooter li img {
	position: absolute;
	display: block;
	top:0;
	z-index: 1;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
}
#prefooter li img:nth-of-type(1) {
	z-index: 2;
	-webkit-transition: z-index 0s .1s;
	transition: z-index 0s .1s;
}
#prefooter li img:nth-of-type(2) {
	z-index: 1;
	-webkit-transition: z-index 0s .1s;
	transition: z-index 0s .1s;
}
#prefooter li:hovre img:nth-of-type(1) {
	z-index: 1;
	-webkit-transition: z-index 0s .2s;
	transition: z-index 0s .2s
}
#prefooter li:hover img:nth-of-type(2) {
	z-index: 2;
	-webkit-transition: z-index 0s .2s;
	transition: z-index 0s .2s
}
/*
#prefooter li:nth-of-type(2n+1):hover {
	-webkit-animation-name: rubber_band;
	animation-name: rubber_band;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
*/

#prefooter li a{
	-webkit-transform:perspective(600px) rotateY(0deg);
	transform:perspective(600px) rotateY(0deg);
	-webkit-transition: -webkit-transform .3s;
	transition:transform .3s;
}
#prefooter li:hover a{
	-webkit-transform:perspective(600px) rotateY(180deg);
	transform:perspective(600px) rotateY(180deg);
	-webkit-transition: -webkit-transform .5s .1s;
	transition:transform .5s .1s;
}

#prefooter.fixed {
	position: fixed;
	bottom:0;
	left:0;
	margin-bottom: 0;
	z-index: 80;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}
#footer {
 width:1110px;
 height:148px;
 background:#363636 url(/images/styledesign/american/footer_logo.png) no-repeat 98% 4px;
 position:relative;
 margin:8px auto 0 auto;
}

#footer ul {
 padding:20px 0 0 16px;
}

#footer li {
 float:left;
 padding-right:11px;
 margin-right:11px;
 border-right:1px solid #b8b8b7;
}

#footer li a {
 color:#b8b8b8;
 text-decoration:none;
}

#copyright {
 position:absolute;
 bottom:0%;
 right:0%;
 color:#b8b8b7;
 font-weight:700;
}


#stylebnr {
	width: 968px;
	padding-left: 8px;
	margin: 40px auto;
}

.attention_box {
	width: 968px;
	margin: 0 auto;
}

.attention_box p {
	font-size: 1.3em;
	color: #555;
	text-align: right;
}

.attention_box p:before {
	content:'＊';
	display: inline;
}

#stylebnr h3 {
font-size:1.5em;
font-weight:700;
color:#fff;
padding:12px 0 4px 26px;
width: 938px;
height:20px;
background:url(/images/styledesign/style_bnr_title_bg.jpg) repeat-x 0 0;
}


/* ---- Clear fix setting ---*/

.styleimages,
dl.values,
#def_box,
#def_box div,
#basic_box div {
 zoom:1;
}

.styleimages:after,
dl.values:after,
#def_box:after,
#def_box div:after,
#basic_box div:after {
 content:'';
 display:block;
 clear:both;
 height:0;
 overflow:hidden;
}

* html .styleimages,
* html dl.values,
* html #def_box,
* html #def_box div,
* html #basic_box div {
height:1px;
}