/* Theme Name: Theme URI: Author: Author URI: Version: 1.0 */ @charset "UTF-8"; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} .clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } .clearfix{ display: inline-block; } /* Hides from IE Mac */ * html .clearfix{ height: 1%; } .clearfix{ display:block; } body { color: #333; font-family:"ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; font-weight: normal; } a, a:visited { color: #333; text-decoration: underline; } a:hover { text-decoration: none; } img { vertical-align: middle; } a img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; } a:hover img { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } #overview-body { width: 980px; margin: 0 auto;} #overview-body .left-img { float: left; width: 350px;} #overview-body .left-img img { width: 100%;} #overview-body table { width: 600px; float: right; font-size: 14px;} #overview-body th { text-align: left; padding: 20px; background: #F9F9F9; border: solid 1px #E2E2E2; width: 20%;} #overview-body td { text-align: left; padding: 20px; border: solid 1px #E2E2E2; width: 80%; line-height: 1.8em;} #overview-body {} .footer-menu { text-align: center; font-size: 14px; padding: 20px 0 18px; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; margin-top: 40px;} .footer-menu a { text-decoration: none;} .footer-menu a:hover { color: #4081BE;} .footer-body { text-align: center; background: #ACACAC; color: #FFFFFF; padding: 20px 0;} .footer-body p { font-size: 12px; margin: 10px 0;} .footer-body p span { font-size: 26px; margin-left: 0.5em;} #footer-bottom { padding:15px 0; background: #ACACAC; border-top: solid 1px #DDDDDD;} #footer-bottom p { text-align:center; font-weight:bold; font-size:0.8em; color: #FFFFFF;} #g-menu { padding: 13px 0 10px; border-bottom: solid 2px #DCDCDC; border-top: solid 2px #DCDCDC;} #g-menu ul { width: 980px; margin: 0 auto;} #g-menu ul li:first-child { border-left: solid 2px #DCDCDC; margin-left: -2px;} #g-menu ul li { float: left; text-align: center; width: 20%; font-weight: bold; line-height: 1.2em; border-right: solid 2px #DCDCDC; margin-right: -2px; padding: 5px 0; font-size: 14px;} #g-menu ul li span { font-size: 12px; font-weight: normal;} #g-menu ul li a { text-decoration: none;} #g-menu ul li a:hover { color: #4081BE;} .top-four { margin-top: 50px;} .top-four ul { width: 980px; margin: 0 auto;} .top-four ul li { width: 24%; margin-right: 1.3%; float: left;} .top-four ul li:nth-child(4) { margin-right: 0;} .top-four ul li img { width: 100%; height: auto;} .top-four ul li img:hover { opacity: 0.6;} #top { width:100%; margin:0 auto;} #top-slide { position:relative; width:100%;} #top-slide .top-text { position:absolute; top:50%; left:22.5%;} #top-slide .top-rogo { position:absolute; top:3%; left:2%;} #top-slide .map{ position:absolute; top:5%; right:10%;} #top-slide .gaiyou{ position:absolute; top:5%; right:2%;} #top-slide ul bxslider { width:100%;} .top-three { width:1000px; margin:0 auto; margin-top:40px;} .top-three img { float:left;} #top-text{ width:980px; margin:0 auto; font-size:0.8em; margin-top:40px; line-height:1.5em;} #top-text .red { color: #F81216; font-weight: bold;} #navi { background-image:url(images/navi-bg.png); width:100%;} #navi .inner { width:1000px; margin:0 auto;} #navi .inner img {} #navi .consept {background: url("images/navi-CONSEPT.png") no-repeat; float:left;} #navi .consept a {width: 200px;height: 47px;background: url("images/navi-CONSEPT.png") no-repeat;display: block;text-indent: -9999px;} #navi .consept a:hover {background-image: url("images/navi-CONSEPT-bg.png");} #navi .design {background: url("images/navi-DESIGN.png") no-repeat; float:left;} #navi .design a {width: 200px;height: 47px;background: url("images/navi-DESIGN.png") no-repeat;display: block;text-indent: -9999px;} #navi .design a:hover {background-image: url("images/navi-DESIGN-bg.png");} #navi .roomplan {background: url("images/navi-ROOMPLAN.png") no-repeat; float:left;} #navi .roomplan a {width: 200px;height: 47px;background: url("images/navi-ROOMPLAN.png") no-repeat;display: block;text-indent: -9999px;} #navi .roomplan a:hover {background-image: url("images/navi-ROOMPLAN-bg.png");} #navi .equipment {background: url("images/navi-equipment.png") no-repeat; float:left;} #navi .equipment a {width: 200px;height: 47px;background: url("images/navi-equipment.png") no-repeat;display: block;text-indent: -9999px;} #navi .equipment a:hover {background-image: url("images/navi-equipment-bg.png");} #navi .modelroom {background: url("images/navi-MODELROOM.png") no-repeat; float:left;} #navi .modelroom a {width: 200px;height: 47px;background: url("images/navi-MODELROOM.png") no-repeat;display: block;text-indent: -9999px;} #navi .modelroom a:hover {background-image: url("images/navi-MODELROOM-bg.png");} #navi .access {background: url("images/navi-access.png") no-repeat; float:left;} #navi .access a {width: 200px;height: 47px;background: url("images/navi-access.png") no-repeat;display: block;text-indent: -9999px;} #navi .access a:hover {background-image: url("images/navi-access-bg.png");} #navi .overview {background: url("images/navi-OVERVIEW.png") no-repeat; float:left;} #navi .overview a {width: 200px;height: 47px;background: url("images/navi-OVERVIEW.png") no-repeat;display: block;text-indent: -9999px;} #navi .overview a:hover {background-image: url("images/navi-OVERVIEW-bg.png");} #contents { margin-top:20px;} #contents .inner { width:1000px; margin:0 auto;} #contents .infomation{ float:left; width:400px; border-top:#d8d8d8 solid 3px; margin-left:60px;} #contents .infomation h1 { font-size:13px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; padding-top:10px; padding-bottom:13px;} #contents .infomation h2 { color:#940000; font-size:30px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; margin-bottom:12px;} #contents .infomation p { font-size:18px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; line-height:1.5em;} #contents .infomation2 { width:400px; border-top:#d8d8d8 solid 1px; margin-top:20px;} #contents .infomation2 p { font-size:10px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; line-height:1.5em; margin-top:5px;} #contents .pickup { float:right; width:400px; border-top:#d8d8d8 solid 3px; margin-right:60px;} #contents .pickup h1 { font-size:13px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; padding-top:10px; padding-bottom:13px;} #contents .pickup-contents {} #contents .pickup-left { float:left;} #contents .pickup-right { float:right;} #contents .button { width:400px; height:55px; background-color:#e4e4e4; margin-top:20px;} #contents .buttonimg { padding:12px 0 0 35px;} #top-force{ width:1000px; margin:0 auto; margin-top:40px;} #top-force .inner {} #top-force img { float:left;} #top-force img:nth-child(2) { padding-left:9px; padding-right:9px;} #top-force img:nth-child(3) { padding-right:9px; padding-left:0px;} #footer-navi { background-image:url(images/footer-navi-bg.png); margin-top:40px;} #footer-navi .inner { width:1000px; margin:0 auto;} #footer-navi img {} #footer-navi .consept {background: url("images/footer-navi-consept.png") no-repeat; float:left;} #footer-navi .consept a {width: 200px;height: 27px;background: url("images/footer-navi-consept.png") no-repeat;display: block;text-indent: -9999px;} #footer-navi .consept a:hover {background-image: url("images/footer-navi-consept-bg.png");} #footer-navi .design {background: url("images/footer-navi-design.png") no-repeat; float:left;} #footer-navi .design a {width: 200px;height: 27px;background: url("images/footer-navi-design.png") no-repeat;display: block;text-indent: -9999px;} #footer-navi .design a:hover {background-image: url("images/footer-navi-design-bg.png");} #footer-navi .roomplan {background: url("images/footer-navi-roomplan.png") no-repeat; float:left;} #footer-navi .roomplan a {width: 200px;height: 27px;background: url("images/footer-navi-roomplan.png") no-repeat;display: block;text-indent: -9999px;} #footer-navi .roomplan a:hover {background-image: url("images/footer-navi-roomplan-bg.png");} #footer-navi .equipment {background: url("images/footer-navi-equipment.png") no-repeat; float:left;} #footer-navi .equipment a {width: 200px;height: 27px;background: url("images/footer-navi-equipment.png") no-repeat;display: block;text-indent: -9999px;} #footer-navi .equipment a:hover {background-image: url("images/footer-navi-equipment-bg.png");} #footer-navi .modelroom {background: url("images/footer-navi-modelroom.png") no-repeat; float:left;} #footer-navi .modelroom a {width: 200px;height: 27px;background: url("images/footer-navi-modelroom.png") no-repeat;display: block;text-indent: -9999px;} #footer-navi .modelroom a:hover {background-image: url("images/footer-navi-modelroom-bg.png");} #footer-navi .access {background: url("images/footer-navi-access.png") no-repeat; float:left;} #footer-navi .access a {width: 200px;height: 27px;background: url("images/footer-navi-access.png") no-repeat;display: block;text-indent: -9999px;} #footer-navi .access a:hover {background-image: url("images/footer-navi-access-bg.png");} #footer-navi .overview {background: url("images/footer-navi-overview.png") no-repeat; float:left;} #footer-navi .overview a {width: 200px;height: 27px;background: url("images/footer-navi-overview.png") no-repeat;display: block;text-indent: -9999px;} #footer-navi .overview a:hover {background-image: url("images/footer-navi-overview-bg.png");} #footer { height:140px; border-bottom:solid #dddddd 2px;} #footer .inner { width:1000px; margin:0 auto;} #footer .left { float:left; padding-top:45px;} #footer .left img:hover { opacity:0.4;} #footer .right { float:right; padding-top:38px;} #footer img { opacity:0.7;} /*下層ページ*/ #header { margin-top:30px; margin-bottom:20px;} #header .inner { width:980px; margin:0 auto;} #header .left {} #header .right2 {} #header .right2 img {} .wifi { text-align: center; padding: 15px 0; font-size: 14px; color: #373737; font-weight: bold;} .wifi img { width: 50px; margin-right: 15px;} #page-explain { border-bottom:#dfdfdf 6px solid; margin-bottom:50px;} #page-explain .inner { width:980px; margin:0 auto;} #page-explain .inner img { width: 100%;} #kitchen { margin-bottom:50px;} #kitchen .inner { width:1000px; margin:0 auto;} #kitchen .title { width:1000px; margin:0 auto;} #kitchen .title p { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:25px; margin-bottom:40px; margin-top:30px; color:#1a8400; text-align:center; letter-spacing:0.5em;} #kitchen .leftimg { float:right;} #kitchen .rightimg {width:440px; float:left; } #kitchen .table02 { width:220px; float:left; padding-right:10px;} #kitchen .table02 .title { color:#a4cc98; font-size:1em; padding:10px 0 5px 0; text-align:center; letter-spacing:0.2em;} #kitchen .table02 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #kitchen .table03 { width:220px; float:right; padding-left:10px;} #kitchen .table03 .title { color:#a4cc98; font-size:1em; padding:10px 0 5px 0; text-align:center; letter-spacing:0.2em;} #kitchen .table03 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #kitchen .table04 { width:440px; float:left; margin-top:17px;} #kitchen .table04 .title { color:#a4cc98; font-size:1em; padding:5px 0 5px 0; text-align:center; letter-spacing:0.2em;} #kitchen .table04 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #washroom { margin-bottom:50px;} #washroom .inner { width:1000px; margin:0 auto;} #washroom .title { width:1000px; margin:0 auto;} #washroom .title p { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:25px; margin-bottom:40px; margin-top:30px; color:#1a8400; text-align:center; letter-spacing:0.5em;} #washroom .leftimg { float:left;} #washroom .rightimg {width:440px; float:right;} #washroom .table02 { width:220px; float:left; padding-right:10px;} #washroom .table02 .title { color:#a4cc98; font-size:1em; padding:10px 0 5px 0; text-align:center; letter-spacing:0.2em;} #washroom .table02 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #washroom .table03 { width:220px; float:right; padding-left:10px;} #washroom .table03 .title { color:#a4cc98; font-size:1em; padding:10px 0 5px 0; text-align:center; letter-spacing:0.2em;} #washroom .table03 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #washroom .table04 { width:396px; float:left; margin-top:17px;} #washroom .table04 .title { color:#a4cc98; font-size:1em; padding:5px 0 5px 0; text-align:center; letter-spacing:0.2em;} #washroom .table04 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #bathroom { margin-bottom:50px;} #bathroom .inner { width:1000px; margin:0 auto;} #bathroom .title { width:1000px; margin:0 auto;} #bathroom .title p { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:25px; margin-bottom:40px; margin-top:30px; color:#1a8400; text-align:center; letter-spacing:0.5em;} #bathroom .leftimg { float:right;} #bathroom .rightimg {width:440px; float:left;} #bathroom .table02 { width:220px; float:left; padding-right:10px;} #bathroom .table02 .title { color:#a4cc98; font-size:1em; padding:10px 0 5px 0; text-align:center; letter-spacing:0.2em;} #bathroom .table02 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #bathroom .table03 { width:220px; float:right; padding-left:10px;} #bathroom .table03 .title { color:#a4cc98; font-size:1em; padding:10px 0 5px 0; text-align:center; letter-spacing:0.2em;} #bathroom .table03 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #bathroom .table04 { width:396px; float:left; margin-top:17px;} #bathroom .table04 .title { color:#a4cc98; font-size:1em; padding:5px 0 5px 0; text-align:center; letter-spacing:0.2em;} #bathroom .table04 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #strage { margin-bottom:50px;} #strage .inner { width:1000px; margin:0 auto;} #strage .title { width:1000px; margin:0 auto;} #strage .title p { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:25px; margin-bottom:40px; margin-top:30px; color:#1a8400; text-align:center; letter-spacing:0.5em;} #strage .leftimg { float:left;} #strage .rightimg {width:440px; float:right;} #strage .table02 { width:440px; float:left; margin-top:0px;} #strage .table02 .title { color:#a4cc98; font-size:1em; padding:10px 0 5px 0; text-align:center; letter-spacing:0.2em;} #strage .table02 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #strage .table04 { width:396px; float:left; margin-top:30px;} #strage .table04 .title { color:#a4cc98; font-size:1em; padding:10px 0 5px 0; text-align:center; letter-spacing:0.2em;} #strage .table04 td { font-size:0.8em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.1em; line-height:1.8em; text-align:center; } #footer-button {} #footer-button .inner { width:1000px; margin:0 auto; background-image:url(images/footer-buttonbg.png); text-align:center;} #footer-button .inner img { padding:10px 0;} #design-title { margin-bottom:50px;} #design-title .inner { width:1000px; margin:0 auto; text-align:center;} #design-main { margin-bottom:50px;} #design-main .inner { width:1000px; margin:0 auto;} #design-contents { margin-bottom:50px;} #design-contents .inner { width:1000px; margin:0 auto;} #design-contents .left { float:left;padding-left:55px;} #design-contents .right { float:right;padding-right:55px;} #roomimg {} #roomimg .inner{ width:1000px; margin:0 auto;} #roomimg .inner img { float:left;} .fadeInDown { -webkit-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -ms-animation-duration:1s; animation-duration:1s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; visibility: visible !important; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } #modelroom-slide { width:1000px; margin:0 auto;} .modelroom-slides { width:1000px; margin:0 auto;} #equip-page {} #equip-page .inner { width: 1000px; margin: 0 auto;} #equip-page .text { text-align: center; padding: 40px 0;} #equip-page .text img { width: 700px; margin-bottom: 15px;} #equip-page {} #equip-page dl { width: 32%; margin-right: 2%; float: left; margin-bottom: 80px;} #equip-page dl:nth-child(3n) { margin-right: 0;} #equip-page dt { text-align: center; font-weight: bold; margin-bottom: 15px; font-size: 18px;} #equip-page dt img { width: 100%; height: auto; margin-bottom: 10px;} #equip-page dd { font-size: 13px; line-height: 1.8em;} #equip-page {} #equip-page {} #consept-top {} #consept-top .inner{ width:1000px; margin:0 auto;} #consept-explain { margin-top:90px; margin-bottom:60px;} #consept-explain .inner{ width:1000px; margin:0 auto; text-align:center;} #consept-explain h3 img { width: 700px; height: auto;} #consept-explain .explain { color:#8E8E8E; font-weight:bold; line-height:2em; margin-top:25px; font-size:14px; letter-spacing:0.1em;} #consept-contents1 {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.3em; color:#FF0004; padding-top:20px;} #consept-contents2 {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; letter-spacing:0.3em;} #consept-contents1 { margin-top:60px;} #consept-contents1 .inner{ width:1000px; margin:0 auto;} #consept-contents1 .right { float:right; padding:150px 0 0 0; width:520px;} #consept-contents1 .left { float:left;} #consept-contents1 h1 { margin-bottom:20px; font-size:1.5em; margin-top:50px; color:#24743a; letter-spacing:0.2em;} #consept-contents1 p { font-size:1.3em; line-height:1.6em; color:#858585;} #consept-contents2{ margin-top:60px;} #consept-contents2 .inner{ width:1000px; margin:0 auto;} #consept-contents2 .left { float:left; padding:150px 0 0 0; width:520px;} #consept-contents2 .right { float:right;} #consept-contents2 h1 { margin-bottom:20px; font-size:1.5em; margin-top:50px; color:#24743a; letter-spacing:0.2em;} #consept-contents2 p { font-size:1.3em; line-height:1.6em; color:#858585;} #roomimg { margin-bottom:40px;} #overview-table { margin-bottom:40px;} #overview-table .inner { width:1000px; margin:0 auto;} #overview-table table.over {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; font-size:1.1em;} #overview-table table.over th { width:300px; text-align:center; height:30px; padding-top:13px; background-color:#237338; border: 2px #dfdfdf solid; color:#FFFFFF;} #overview-table table.over td { width:700px; text-align:center; height:30px; padding-top:13px; border: 2px #dfdfdf solid; } #overview-main { width:1000px; margin:0 auto; margin-bottom:40px;} #location-top { width:1000px; margin:0 auto;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:20px;} #location-top .explain { margin-bottom:40px;} #location-top .explain h1 { font-weight:bold; font-size:1.8em; text-align:center;; letter-spacing:0.2em; margin:40px 0; padding-top: 20px;} #location-top .explain p {font-weight:bold; line-height:2em;　font-size:14px; text-align:center; letter-spacing:0.2em;} #location {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;} #location p { margin-top:20px; font-weight:bold; text-align:center;} #location h2 {font-weight:bold; font-size:1.8em; letter-spacing:0.2em; text-align:center; margin-bottom: 30px;} #location .inner { width:980px; margin:0 auto;} #location .inner ul {} #location .inner ul li { float: left; width: 25%; text-align: center; margin-bottom: 15px;} #location .inner ul li img { width: 97%;} #location .right { float:left; width:300px; padding:20px 0;} #location .left { float:left; width:300px; padding:20px 0;} #location .middle { float:left; width:300px; padding:20px 0px; margin:0 50px;} #location .info { margin:40px 0;} #map { width:1000px; margin:0 auto; height:600px; margin-top:80px;} #map img { width:100%;} #map h2 {font-weight:bold; font-size:1.8em; letter-spacing:0.2em; text-align:center; margin-bottom: 30px;} #googlemap { width:1000px; margin:0 auto; padding-bottom:50px;} #reserce-table { padding-bottom:40px;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;} #reserce-table .inner { width:1000px; margin:0 auto;} #reserce-table .inner h1 { font-size:1.3em; text-align:center; padding:10px 0; background-color:#237338; color:#FFFFFF; letter-spacing:0.1em;} #reserce-table .inner p { padding:20px 0; font-size:1.1em;} #reserce-table table.sample-table { font-weight:bold; font-size:1.1em; width:80%; margin:0 auto;} #reserce-table table.sample-table th {text-align:center; background-color:#329e4f; border: 2px #dfdfdf solid; color:#FFFFFF; vertical-align:middle;} #reserce-table table.sample-table td {border: 2px #dfdfdf solid; vertical-align:middle;padding:10px 0 10px 20px;} #reserce-table table input { height:30px; font-size:1em;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;} #mainform-submit { text-align:center;padding-top:10px; margin-top:30px;} #mainform-submit input#submit_button {width:70%; background-color:#237338; padding:15px 0px; font-size: 1.2em;color: #fff;border-style: none;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold;}