@charset "UTF-8";
/* ***************** IMPORT *********************** */
/** _mixin.scss MIXIN demo file 2012.12.05 */
/* ************************************************ */
/* ************************************************************************************** common*/
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 { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 99%; line-height: 1.7; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; }

body { font-family: "Reimin Y10 Light",YuMincho,'Hiragino Mincho ProN', serif; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, textarea { margin: 0; padding: 0; }

ol, ul { list-style: none; margin: 0 0 40px; display: block; font-size: 110%; }

caption, th { text-align: left; }

a { text-decoration: none; color: black; }

.pbox { float: left; margin: 20px 0; }

p { font-size: 108%; width: 100%; display: block; float: left; margin: 10px 0; }

a:focus { outline: none; }

.hisu { color: #F00; font-size: 70%; }

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; /*짜*/ /*/
height: auto;
overflow: hidden;
/**/ }

.smaller { font-size: 90%; }

img { max-width: 100%; }

.redsmall { font-size: 90%; color: #F00; }

.red { color: #F00; display: inline; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; }

.countine_text { font-size: 90%; margin: 5px 0 0 0; display: block; line-height: 1.4; float: left; width: 100%; }

table { border-collapse: collapse; table-layout: fixed; border-spacing: 0; width: 100%; margin: 0 0 30px; color: #333; text-align: center; }
table tr th { text-align: center; background: #DDD; border: #A0A0A0 solid 1px; padding: 10px 0; width: 30%; }
table tr td { cursor: pointer; text-align: left; width: 57%; border: #A0A0A0 solid 1px; padding: 10px 0.5% 10px 3.5%; }
table tr td :hover { background: #2c5f26; color: #FFF; }

h1 { width: 100%; font-size: 200%; text-align: center; line-height: 1; margin: 0 0 80px 0; padding: 0 0 0 0; }
h1 .h1text { font-weight: bold; padding: .0 1.5em .7em; position: relative; margin: 15px auto; }
h1 .h1text:before, h1 .h1text:after { content: ""; position: absolute; top: -2px; bottom: -2px; width: 20px; border: 1px solid #838383; z-index: 1; }
h1 .h1text:before { left: -2px; border-right: none; border-radius: 2px 0 0 2px; }
h1 .h1text:after { right: -2px; border-left: none; border-radius: 0 2px 2px 0; }
h1 .h1singletext { font-weight: bold; padding: 0 0.7em .1em; position: relative; margin: 15px auto; }
h1 .h1singletext:before, h1 .h1singletext:after { content: ""; position: absolute; top: -2px; bottom: -2px; width: 15px; border: 1px solid #838383; z-index: 1; }
h1 .h1singletext:before { left: -2px; border-right: none; border-radius: 2px 0 0 2px; }
h1 .h1singletext:after { right: -2px; border-left: none; border-radius: 0 2px 2px 0; }
h1 .small { display: block; width: 100%; font-size: 50%; margin: 0 0 0 0; line-height: .7; }

h2 { width: 100%; font-size: 160%; font-weight: bold; float: left; margin: 20px 0 0 0; line-height: 1.8; padding: 0 0 0 0; text-indent: 2.5em; border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0; -moz-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; background-image: url(img/tree5.svg); background-repeat: no-repeat; background-position: left top; background-size: 50px; }
h2 img { margin: 0 auto; }
h2 span { font-size: 60%; }

.subp { margin: 0 0 40px 0; }

.h2circle { font-size: 140%; background-image: url(img/tree5.svg); background-size: 26px; line-height: 1.4; text-indent: 1.4em; border-bottom: 1px solid #8e8e8e; margin: 0 0 1px 0; padding: 0 0 3px 0; }

h3 { width: 100%; font-size: 110%; margin: 0; }
h3 span { font-size: 80%; }

h4 { width: 100%; font-size: 100%; margin: 0px 0 10px 0; }

.both { clear: both; }

.inline_block { display: inline-block; *display: inline; *zoom: 1; }

.boxes { width: 27%; padding: 3%; float: left; }

.greenbox { background: #015931; color: #FFF; border-radius: 2px; }

.button a { display: inline-block; background-origin: border-box; position: relative; font-weight: bold; text-shadow: 1px -1px rgba(0, 0, 0, 0.1); background-color: #2c5f26; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF34712D', endColorstr='#FF2C5F26'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34712d), color-stop(100%, #2c5f26)); background-image: -webkit-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: -moz-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: -o-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: linear-gradient(#34712d 0%, #2c5f26 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: rgba(0, 0, 0, 0.1) -2px 2px 2px inset, rbga(255, 255, 255, 0.2) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.1) -2px 2px 2px inset, rbga(255, 255, 255, 0.2) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.1) -2px 2px 2px inset, rbga(255, 255, 255, 0.2) -1px 1px 0; color: rgba(255, 255, 255, 0.9); text-align: center; font-size: 16px; padding: 0 32px; height: 48px; line-height: 48px; }
.button a i { font-size: 130%; margin-right: 5px; color: rgba(255, 255, 255, 0.5); }
.button a:hover { background-color: #34712d; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3D8335', endColorstr='#FF34712D'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3d8335), color-stop(100%, #34712d)); background-image: -webkit-linear-gradient(#3d8335 0%, #34712d 100%); background-image: -moz-linear-gradient(#3d8335 0%, #34712d 100%); background-image: -o-linear-gradient(#3d8335 0%, #34712d 100%); background-image: linear-gradient(#3d8335 0%, #34712d 100%); text-decoration: none; color: white; }
.button a:hover i { color: white; }
.button a:active { background-color: #2c5f26; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF34712D', endColorstr='#FF2C5F26'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34712d), color-stop(100%, #2c5f26)); background-image: -webkit-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: -moz-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: -o-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: linear-gradient(#34712d 0%, #2c5f26 100%); top: 1px; }

.backallow a { float: left; font-size: 110%; background: url("img/allow-left.svg"); background-repeat: no-repeat; background-size: 32px; background-position: left 10px; padding: 16px 20px 16px 46px; margin: 0 0 0 0; text-decoration: underline; }

.frontallow a { float: right; font-size: 110%; background: url("img/allow.svg"); background-repeat: no-repeat; background-position: right 10px; background-size: 32px; padding: 16px 46px 16px 20px; margin: 0 0 0 0; text-decoration: underline; }

.note { background: #fcfcfc; padding: 8px 18px; margin: 15px 0; }

.tags { font-size: 98%; background-color: #dadad9; float: left; margin: 0 7px 5px 0; padding: 2px 5px; border-radius: 2px; }

.note p { margin: 0; padding: 4px 0; }

.links { background: #2c5f26 url(img/hicon-w.svg) 0 center no-repeat; background-size: auto 130%; font-size: 90%; width: 100%; text-indent: 3em; padding: 15px 0; float: left; margin: 10px 0 0; border-radius: 2px; cursor: pointer; text-align: center; }
.links a { color: #FFF; font-weight: bold; font-size: 120%; }

.mouseon { background: rgba(44, 95, 38, 0.8) url(img/hicon-w.svg) 0 center no-repeat; background-size: auto 140%; }

#estimete_area { display: none; }

.finished { width: 100%; background: #FFF; display: block; }
.finished .finnote { width: 70%; margin: 10px 5% 5px; padding: 10px 10%; font-size: 120%; font-weight: bold; line-height: 1.8; text-align: center; display: block; }
.finished .disnote { width: 90%; margin: 5px 5%; padding: 5px 0; font-size: 94%; line-height: 1.2; display: block; }
.finished .bignote { width: 70%; margin: 0 5% 10px; padding: 10px 10%; line-height: 1.8; border: 1px solid #000; display: block; }
.finished #endsend { margin: 5px 10% 5px 10%; width: 70%; display: block; color: #FFF; font-weight: bold; padding: 2px 5%; line-height: 36px; background: #2C5F26; text-decoration: underline; }

/************************************************************************************************ common end */
/* **************************************************************************************common header start */
#gheader { padding: 20px 0 20px 0; background-color: #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; background-image: url(http://niwa-show.com/img/texture.png); }

@keyframes logoanime { 0% { opacity: 0.7; }
  100% { opacity: 1; } }

#sitelogo { text-align: center; margin: 0 auto; width: 200px; }
#sitelogo img { padding: 0 0 0 0; }
#sitelogo img :hover { animation-name: logoanime; animation-duration: 1s; animation-timing-function: ease-in; animation-delay: 0; animation-iteration-count: 1; animation-direction: alternate; }

nav#gnav ul { width: 100%; margin: -54px 0 0 0; }
nav#gnav ul li { width: 138px; }
nav#gnav ul li a { color: #000; letter-spacing: -0.08em; font-weight: bold; font-size: 130%; line-height: 1.2; text-decoration: none; }
nav#gnav ul li a span.small { font-size: 65%; width: 100%; display: block; letter-spacing: -0.08em; }

.nav_left { float: left; text-align: center; margin-left: 20%; display: block; }

.nav_right { float: right; text-align: center; margin-right: 20%; display: block; }

#simple-menu { position: fixed; top: 10px; left: 10px; width: 40px; height: 16px; background-color: #E5E7DF; background-image: url(img/three-bars.svg); background-repeat: no-repeat; background-size: auto 30px; background-position: 9px 0; text-align: center; font-size: 60%; padding: 24px 0 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: none; z-index: 999; }

/* ************************************************************************************** common header end*/
/* ************************************************************************************** common layout start*/
.main { padding: 80px 0 80px 0; width: 100%; float: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; }

.full { width: 100%; float: left; }

.wrap { width: 960px; display: block; margin: 0 auto; padding: 0; }

.gy { background-color: #EEEFEA; background-image: url(http://niwa-show.com/img/texture.png); }

.wh { background-color: #FFF; background-image: url(http://niwa-show.com/img/texture.png); }

.ft { background-color: #C9BC9C; background-image: url(http://niwa-show.com/img/texture.png); }

.img_left { float: left; width: 30%; margin: 0 20px 0 0; }

.text_right { float: right; width: 65%; }

.img_right { float: right; width: 30%; }

.text_left { float: left; width: 65%; }

.content2 { width: 46%; margin: 0 2% 0; float: left; }

.content2-6 { width: 56%; margin: 30px 2% 0; }

.content2-4 { width: 36%; margin: 30px 2% 0; }

.leftmain { float: left; }
.leftmain img { float: right; }

.rightmain { float: right; }

.centerinput { text-align: center; width: 100%; margin: 20px 0 0 0; }
.centerinput input { width: 200px; color: #FFF; height: 60px; padding: 10px; background: #2C5F26; }

.thumbbox { margin: 5px 0 0 0; float: left; width: 100%; }
.thumbbox .banner { width: 31%; margin: 1% 1% 0; float: left; }
.thumbbox .banner img { width: 100%; float: left; }
.thumbbox .banner span { text-align: center; font-size: 90%; }
.thumbbox .works_thumb3 { width: 31.33%; margin: 1% 1% 0; float: left; }
.thumbbox .works_thumb3 img { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.thumbbox .works_thumb3 span { text-align: center; font-size: 90%; line-height: 1.0; }
.thumbbox .works_thumb2 { width: 48%; margin: 1%; float: left; }
.thumbbox .works_thumb2 span { text-align: center; }

span#beforecontact { background: #2E595F; width: 90%; margin: 0 3% 4%; text-align: center; padding: 5px 1%; font-size: 96%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: none; }
span#beforecontact a { padding: 0; }

.flick { position: relative; display: block; float: left; }

/* ************************************************************************************** common layout end*/
/* ************************************************************************************** index start*/
@keyframes anime { 0% { opacity: 1; }
  100% { opacity: 0.6; } }

#topindex .top-catch_bg { width: 100%; float: left; padding: 0 0 0 0; background: #dddddd url(img/top_bg.jpg) 0 0 no-repeat; border-bottom: 1px solid #CCC; }
#topindex .top_img { width: 40%; float: right; }
#topindex .top_img img { margin: 5% 10% 5% 0; }
#topindex .describe { width: 60%; float: left; padding: 150px 0 0 0; }
#topindex .describe h1 { font-size: 190%; font-weight: bold; letter-spacing: -0.05em; text-indent: 0; text-align: left; margin: 0 0 10px 0; padding: 0 0 10px 0; line-height: 50px; text-shadow: 1px -1px rgba(0, 0, 0, 0.2); }
#topindex .describe h1 br { display: none; }
#topindex .describe h2 { font-size: 105%; text-indent: 0; font-weight: normal; margin: 0 0 15px 0; background-image: none; }
#topindex .topbox { float: left; margin: 0 15px 0 0; font-size: 80%; font-weight: bold; text-align: center; }
#topindex .top_thumb { width: 100px; }
#topindex .top_thumb img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
#topindex .top_thumb:hover { width: 100px; }
#topindex .top_thumb:hover img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; animation-name: anime; animation-duration: 2s; animation-timing-function: ease; animation-delay: 0; animation-iteration-count: infinite; animation-direction: alternate; }
#topindex .content2 { width: 44%; margin: 0 3%; float: left; text-align: center; line-height: 1.8em; font-size: 100%; }
#topindex .content2 img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 5px 10%; width: 80%; }
#topindex .content2 p { border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0; -moz-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; margin: 5px 10% 50px; width: 80%; padding: 0 0 10px 0; }
#topindex .content2 h1 { font-size: 160%; line-height: 1.8; margin: 0 10%; width: 80%; text-align: left; text-indent: 0.65em; background-image: url(img/tree5.svg); background-repeat: no-repeat; background-position: left top; background-size: auto 38px; }
#topindex .content2 h2 { width: 75%; float: left; font-size: 110%; letter-spacing: -0.14em; text-align: left; font-weight: bold; padding: 12px 0 0 0; text-indent: 0; background-image: none; }
#topindex .circle { width: 74px; -webkit-border-radius: 37px; -moz-border-radius: 37px; -ms-border-radius: 37px; -o-border-radius: 37px; border-radius: 37px; padding: 22px 0 0 0; height: 52px; line-height: 1.3em; color: #FFF; display: block; font-size: 85%; font-weight: normal; background: #2C5F26; float: right; }
#topindex .circle a { color: #FFF; text-decoration: none; }
#topindex .top-news { padding: 0 0 30px 0; }
#topindex .top-news .content2 { float: left; width: 49%; margin: 0 0.5%; padding: 15px 0; border-bottom: 1px solid #FADFD4; }
#topindex .top-news h2 { font-size: 100%; width: 100%; margin: 2px 0; text-indent: 0em; line-height: 1.4; background-image: none; }
#topindex .top-news h2 a { font-weight: bold; }
#topindex .top-news .content2-6 { width: 56%; margin: 0 2%; }
#topindex .top-news .content2-4 { width: 36%; margin: 0 2%; }
#topindex .top-news .leftmain { float: left; }
#topindex .top-news .leftmain img { float: right; }
#topindex .top-news .rightmain { float: right; }
#topindex .top-news .centerinput { text-align: center; width: 100%; margin: 20px 0 0 0; }
#topindex .top-news img { height: 120px; }
#topindex .top-news span.tagsdate { font-size: 80%; float: left; width: 100%; margin: 0 7px 0 0; padding: 0 5px 1px 0; }
#topindex .top-news span.tags { font-size: 70%; }
#topindex .top-news h1 { width: 100%; font-size: 200%; font-weight: bold; text-align: center; line-height: 1; margin: 0 0 40px 0; padding: 0 0 0 0; }
#topindex .top-news h1 img { height: 100%; margin: 10px 10px 0px 10px; }
#topindex .top-news dl { font-size: 120%; width: 100%; float: left; margin: 12px 0; line-height: 1.4; }
#topindex .top-news dl dd { width: 80px; margin: 0 20px 0 0; float: left; text-align: right; }
#topindex .top-news dl dt { width: 70%; float: left; }

/* ************************************************************************************** index end*/
/* ************************************************************************************** service*/
#service table { width: 100%; margin: 0 0 30px; color: #333; text-align: center; }
#service table th { background: #DDD; text-align: center; border: #A0A0A0 solid 1px; padding: 5px 0; }
#service table td { text-align: center; border: #A0A0A0 solid 1px; padding: 5px 0.5%; color: #37762F; width: 6%; }

/* ************************************************************************************** service end*/
/* ************************************************************************************** simulator*/
.modal { display: none; }

.modalBK { position: fixed; z-index: 999; height: 100%; width: 100%; background: #FFF; opacity: 0.7; margin: 0 0 0 0; filter: alpha(opacity=70); -moz-opacity: 0.70; }

.flickhelp { display: none; }

#simulator .discribe_sim,#newslist .discribe_sim{ width: 84%; margin: 0 10% 10px 6%; padding: 10px 1%; background-color: #FFF; border-radius: 5px; position: relative; }
#simulator .discribe_sim h2 { width: 99%; height: 40px; margin: 0 0 0 1%; color: #6E331C; padding: 0 0 0 0; font-size: 120%; text-align: left; }
#simulator .discribe_sim span { display: block; width: 30%; font-size: 105%; background-color: #EEE; float: left; line-height: 1.4em; margin: 0 0.3% 5px 0.3%; padding: 10px 1%; text-align: left; border-radius: 2px; }
#simulator .discribe_sim span#flickpoint { width: 60px; display: block; height: 60px; border-radius: 30px; padding: 0 0 0 0; background-color: #B2532E; color: #FFF; text-align: center; font-weight: normal; line-height: 60px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); font-size: 110%; position: absolute; cursor: pointer; top: -30px; right: -30px; }
#simulator .discribe_sim p { margin: 0 0 0 0; text-align: right; width: 100%; }
#simulator .prog { width: 80%; margin: 0 10% 10px; }
#simulator table { width: 84%; margin: 0 8%; }
#simulator table tr th { text-align: center; background: #DDD; border: #A0A0A0 solid 1px; padding: 10px 0; width: 30%; }
#simulator table tr td { cursor: pointer; text-align: center; width: 57%; border: #A0A0A0 solid 1px; padding: 10px 0; }
#simulator table tr td :hover { background: #2c5f26; color: #FFF; }
#simulator table#teikarikomi, #simulator table#kusakari { margin: 0 20%; width: 60%; }
#simulator h2 { text-align: center; background-image: none; text-indent: 0; margin: 50px 0 20px 0; box-shadow: none; border-bottom: 0; }
#simulator p { font-size: 90%; margin: 0 0; width: 84%; margin: 0 8%; }
#simulator p .leftp { text-align: left; }
#simulator p.shorttable { float: left; display: block; width: 60%; margin: 0 20%; }
#simulator .selected { background: #2c5f26; color: #FFF; cursor: pointer; }
#simulator #fullview { width: 100%; height: 100%; background: rgba(238, 238, 238, 0.9); position: fixed; float: left; top: 0; left: 100%; margin-right: 0; margin-top: 0; margin-bottom: 0; margin-left: -100px; z-index: 1000; }
#simulator #fullview span#openclose { border: 1px solid #ccc; color: #FFF; position: absolute; top: 80px; left: -70px; width: 90px; line-height: 40px; height: 40px; display: block; float: left; margin: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background: #2c5f26; padding: 1px 2px; font-size: 90%; text-align: center; cursor: pointer; }
#simulator #fullview #results_warp { width: 100px; height: 100%; background: rgba(38, 73, 78, 0.2); text-align: center; position: absolute; left: 0; box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.4); padding: 0 0 0 0; top: 0; }
#simulator #fullview #results_warp #estimateSum { width: 100%; padding: 0 0; float: left; margin: 0 0 0 0; }
#simulator #fullview #results_warp #estimateSum #estreset { float: left; line-height: 40px; font-size: 100%; width: 100%; height: 40px; padding: 0 0 0 0; color: #FFF; background: #2C5F26; margin: 0 0 0 0; }
#simulator #fullview #results_warp #estimateSum #estreset span#resetcookie { color: #2C5F26; background: #FFF; display: block; width: 22px; line-height: 1; float: right; margin: 9px 5px 9px 0; padding: 0 0 0 0; letter-spacing: -0.1em; font-size: 70%; cursor: pointer; text-align: center; }
#simulator #fullview #results_warp #esfirst { width: 100%; float: left; background: #FFF; margin: 0 0 10px 0; padding: 5px 2px; }
#simulator #fullview #results_warp #esfirst span.beforeprice { color: #F00; font-size: 120%; display: block; float: left; line-height: 1.0; font-weight: bold; width: 100%; }
#simulator #fullview #results_warp #esfirst span.afterprice { color: #F00; font-weight: bold; font-size: 120%; display: block; line-height: 1.0; float: left; width: 100%; }
#simulator #fullview #results_warp .estimate { padding: 0 0 0 0; margin: 0 0 0 0; float: left; overflow: auto; width: 100%; height: 80%; font-weight: bold; font-size: 100%; }
#simulator #fullview #results_warp .estimate p { width: 90px; text-align: center; margin: 0 4px 2px; line-height: 1.2; padding: 1px 1px; background: rgba(238, 239, 234, 0.5); background: white; float: left; display: block; }
#simulator #fullview #results_warp .estimate p .p_title { font-size: 76%; display: block; background: #B2532E; color: #FFF; }
#simulator #fullview #results_warp .estimate p .p_height { font-size: 100%; background: #CCC; }
#simulator #fullview #results_warp .estimate p .P_count { font-size: 100%; }
#simulator #fullview #results_warp .estimate p .p_price { display: block; color: #F00; font-weight: normal; font-size: 66%; }
#simulator #fullview #sendform { position: absolute; background: #FFF; width: 320px; margin: 100px 0 0 -160px; left: 50%; height: 320px; }
#simulator #fullview #sendform span#backs { line-height: 38px; width: 70px; margin: 0; padding: 0; color: #2c5f26; text-align: center; font-size: 100%; height: 38px; border: 1px solid #2c5f26; position: absolute; right: 0px; display: block; top: 0px; z-index: 1001; background: #FFF; cursor: pointer; }
#simulator #fullview #sendform h1 { width: 100%; font-size: 100%; height: 30px; background: #2C5F26; text-align: left; text-indent: 1em; margin: 0 0 0 0; line-height: 30px; padding: 5px 0; color: #FFF; }
#simulator #fullview #sendform ul { width: 320px; margin: 0 0px; padding: 0; background: #FFF; float: left; }
#simulator #fullview #sendform ul li { width: 98%; font-size: 100%; margin: 0 0; padding: 8px 0 5px 2%; float: left; background: #FFF; border-top: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0 inset; -moz-box-shadow: white 0 1px 0 inset; box-shadow: white 0 1px 0 inset; }
#simulator #fullview #sendform ul li label { display: block; float: left; font-size: 90%; }
#simulator #fullview #sendform ul span.estimate_title { display: block; float: left; width: 100%; font-weight: bold; margin: 0 0 0 0; font-size: 92%; text-indent: 0; line-height: 1.2em; }
#simulator #fullview #sendform ul span.mwform-tel-field { line-height: 1.2em; font-size: 100%; height: 21px; }
#simulator #fullview #sendform ul span.estimate_input { display: block; float: left; width: 90%; margin: 0 0; height: 93px; padding: 5px 0 0px; font-size: 100%; line-height: 1.2em; }
#simulator #fullview #sendform ul span.estimate_input input { margin: 0 3px 0 0; }
#simulator #fullview #sendform ul span.estimate_input label { height: 22px; margin: 0 7px 0; }
#simulator #fullview #sendform span#comfid input { margin: 2px 0 2px 10px; width: 35%; height: 36px; color: #FFF; font-weight: bold; background: #2C5F26; }
#simulator #fullview #sendform span#comfid p { width: 60%; font-size: 80%; margin: 0 0 0 0; padding: 0 0 0 0; display: block; float: right; }
#simulator #flickarea { position: fixed; width: 400px; background: #F6F6F6; height: 360px; padding: 5px; margin: 100px  0 0 -210px; left: 50%; z-index: 10000; }
#simulator #flickarea h3 { font-size: 100%; }
#simulator #flickarea .tabs { width: 100%; float: left; margin: 0 0 1px 0; height: 40px; padding: 0 0 0 0; }
#simulator #flickarea .tabs a { display: block; float: left; padding: 0 0 0 0; text-align: center; font-size: 100%; text-decoration: none; width: 31.33%; text-align: center; color: #FFF; height: 30px; margin: 5px 1%; background: #2E5F34; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.70; }
#simulator #flickarea .tabs a.active { background-color: #005930; padding: 0 0 0 0; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }
#simulator #flickarea .swiper-container-comment { width: 100%; margin: 0; padding: 8px 0 0 0; height: 100px; float: left; font-size: 90%; line-height: 1.2; }
#simulator #flickarea .swiper-container-before { width: 100%; height: 247px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
#simulator #flickarea .swiper-slide { width: 100%; background: none; line-height: 1.4; color: black; font-size: 100%; }
#simulator #flickarea .content-slide { padding: 0px; line-height: 1.2; }

/* ************************************************************************************** simulator end*/
/* ************************************************************************************** works start*/
#works h2 { line-height: 1.4; background-image: none; text-indent: 0em; margin: 0 0 0 0; }
#works .tabs { width: 100%; float: left; margin: 30px 0 1px 0; height: 100%; padding: 0 0 0 0; }
#works .tabs a { display: block; float: left; margin: 0 1% 0 1%; padding: 0 0 0 0; text-align: center; font-size: 25px; text-decoration: none; }
#works .tabs a img { width: 90px; padding: 0 0 0 0; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#works .tabs a.active { padding: 0 0 0 0; }
#works .tabs a.active img { border: 1px solid #E5E7DF; padding: 0 0 0 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#works .datalist { height: 70px; float: left; margin: 10px 0 0 0; }
#works .datalist span { font-size: 92%; display: block; float: left; background-color: #ddd; margin: 3px; padding: 2px 8px; border-radius: 2px; }
#works .swiper-container-comment { width: 100%; margin: 0; padding: 0 0 0 0; height: 50px; float: left; }
#works h3.beforelogo { z-index: 9000; display: block; float: left; width: 60px; margin: 10px 0 0 10px; position: absolute; }
#works h3.afterlogo { z-index: 9000; display: block; float: left; width: 60px; margin: 10px 0 0 10px; position: absolute; }
#works h3.swipelogo { z-index: 9000; display: block; float: left; width: 50px; right: 0; bottom: 0; margin: 0 10px 10px 0; position: absolute; }
#works p { font-size: 106%; line-height: 1.4; }
#works .swiper-container-before { width: 100%; display: block; margin: 0 0 0 0; }
#works .swiper-container-after { width: 100%; display: block; margin: 0 0 0 0; }
#works .swiper-slide { width: 100%; background: none; color: black; }
#works .content-slide { padding: 0px; line-height: 1.2; }
#works .content-slide img { padding: 0; margin: 0; box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; -webkit-box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; -moz-box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; }
#works #nav-below { float: left; width: 100%; }

/* ************************************************************************************** works end*/
/* ************************************************************************************** sitemap start*/
#sitemap p { display: block; width: 100%; }
#sitemap p a { color: #3C5899; text-decoration: underline; }
#sitemap ul { width: 100%; float: left; margin: 0 0 50px 0; }
#sitemap ul li { width: 11%; height: 90px; float: left; display: table; text-align: center; margin: 10px 0.5%; padding: 1%; background-color: #98b195; }
#sitemap ul li a { color: #FFF; }
#sitemap ul li > * { display: table-cell; vertical-align: middle; }
#sitemap ul li span { display: block; width: 100%; color: #FFF; float: left; text-align: center; font-size: 80%; }
#sitemap ul li span a { color: #FFF; }
#sitemap ul li:hover { background-color: #2C5F26; }
#sitemap ul.newsul { width: 100%; float: left; margin: 0 0 50px 0; }
#sitemap ul.newsul li { width: 30%; height: 90px; float: left; display: table; text-align: center; margin: 10px 0.5%; padding: 1%; background-color: #98b195; }
#sitemap ul.newsul li a { color: #FFF; }
#sitemap ul.newsul li > * { display: table-cell; vertical-align: middle; }
#sitemap ul.newsul li span { display: block; width: 100%; color: #FFF; float: left; text-align: center; font-size: 80%; }
#sitemap ul.newsul li span a { color: #FFF; }
#sitemap ul.newsul li:hover { background-color: #2C5F26; }

/* ************************************************************************************** sitemap end*/
/* ************************************************************************************** news start*/
#news h1 { font-size: 120%; text-align: left; margin: 0 0 20px 0; }
#news .news_list { width: 50%; margin: 10px 0; float: left; }
#news .news_list img { width: 17%; margin: 0 10px 0 0; }
#news .news_list span { border-left: 3px solid #2c5f26; padding: 0 0 0 7px; }
#news .news_comment { width: 74%; margin: 10px 10% 60px 10%; padding: 2% 3% 2% 3%; font-size: 100%; line-height: 1.4; background: rgba(0, 0, 0, 0.03); }
#news .news_comment h3 { font-weight: bold; }
#news .content2 { float: left; width: 99%; font-size: 110%; margin: 0 0.5%; padding: 10px 0 20px; border-bottom: 1px solid #FADFD4; }
#news .content2 .content2-6 { float: left; width: 60% -20px; padding: 10px; margin: 0; }
#news .content2 .content2-4 { width: 40%; margin: 0; float: left; }
#news .content2 .content2-4 img { width: 300px; height: auto; margin: 0 auto; }

/* ************************************************************************************** news end*/
/* ************************************************************************************** newslist start*/
#newslist .content2 { float: left; width: 49%; margin: 0 0.5%; padding: 10px 0 20px; border-bottom: 1px solid #FADFD4; }
/*#newslist .content2 .content2-6 { float: left; }
#newslist .content2 .content2-4 { float: left; }*/
  #newslist .content2 .content2-6 { width: 94%; margin: 0 3%; }
  #newslist .content2 .content2-4 { width: 94%; margin: 0 3%; }
#newslist .content2 .content2-4 img { width: 100%; height: auto; }
#newslist .content2 .content2-4 .thumblist img { width: 100%; height: auto; }
#newslist h2 { font-size: 120%; width: 100%; margin: 0 0 2px; text-indent: 0em; line-height: 1.4; background-image: none; }
#newslist h2 a { font-weight: bold; }
#newslist span.tags { font-size: 70%; }

/* ************************************************************************************** newslist end*/
/* ************************************************************************************** future start*/
#future #history ul { margin: 0 0 0 30px; }
#future #history ul li { margin: 40px 0; font-weight: bold; line-height: 1.7; }
#future #history ul li span { font-size: 90%; background: #eeefea; border-radius: 2px; padding: 5px; margin: 3px 0; }
#future #history ul li span#main_works { font-size: 90%; text-indent: 2em; color: #555555; background: none; padding: 5px; margin: 3px 0; }
#future #history ul h4 { margin: 10px 0; font-size: 110%; border-radius: 2px; width: 100%; color: #FFF; }
#future h2 { text-indent: 2.5em; background-image: url(img/tree5.svg); background-repeat: no-repeat; background-position: left top; background-size: 50px; }
#future h3 { text-indent: 1em; padding: 5px 0; font-weight: bold; line-height: 1.4; background-image: url(img/tree5.svg); background-repeat: no-repeat; background-position: left top; background-size: 50px; }
#future .content2-4 .cutcircle { float: left; width: 346px; height: 346px; margin: 30px 0 0 0; border-radius: 346px; display: block; background-image: url(img/teraguchi_profile.jpg); background-repeat: no-repeat; background-size: 100%; background-position: 50% 10%; }
#future .content2-4 p { float: left; text-align: left; }
#future .content2-4 img.ftel { float: left; text-align: left; }

/* ************************************************************************************** future end*/
/* ************************************************************************************** inquiry start*/
#inquiry table { width: 80%; margin: 0 10%; }
#inquiry table label { margin: 0 14px 0 0; display: block; float: left; }
#inquiry table input { line-height: 1.6; }
#inquiry table span.error { display: block; width: 100%; float: left; }
#inquiry table #name, #inquiry table #kana, #inquiry table #adrress, #inquiry table #mail, #inquiry table #mail_conform { width: 80%; }
#inquiry table #age { width: 50px; }
#inquiry table #contents { width: 90%; }

/* ************************************************************************************** inquiry end*/
/* ************************************************************************************** privacy start*/
#privacy { font-size: 100%; }
#privacy h2 { text-indent: 0; background-image: none; font-size: 140%; }

/* ************************************************************************************** privacy end*/
/* ************************************************************************************** footer start*/
#footerbg { width: 100%; margin: 0 0 0 0; padding: 30px 0; background-color: #C9BC9C; background-image: url(http://niwa-show.com/img/texture.png); }
#footerbg .footertop { float: left; width: 100%; margin: 0 0 0 0; }

ul#footermenu { width: 100%; float: left; }
ul#footermenu li { float: left; border-right: 1px solid #eee; padding: 2px 20px; margin: 0px 0 6px 0; text-decoration: underline; }

.footerend { width: 25%; margin: 0 5% 0 0; float: left; }
.footerend img { float: left; width: 99%; margin: 0 1% 0 0; }

.footer_news { width: 68%; margin: 0 0 0 2%; font-size: 100%; float: left; }
.footer_news h2 { margin: 0 0 0 0; background-image: none; text-indent: 0; }
.footer_news h2 a { font-size: 100%; font-weight: bold; }
.footer_news ul li { font-size: 85%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0; -moz-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; margin: 0 0; padding: 10px 0; display: block; line-height: 1.4; }
.footer_news ul li :hover { background-color: rgba 255, 255, 255, 0.2; display: block; width: 100%; }
.footer_news ul li a { display: block; width: 100%; font-size: 100%; font-weight: bold; }
.footer_news ul li a:hover { text-decoration: underline; }
.footer_news ul li .tags { font-weight: bold; color: #335A60; background: none; margin: 0 2em 0 0.5em; padding: 0; font-size: 80%; line-height: 24px; }

ul#bottomfooter { border-top: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0 inset; -moz-box-shadow: white 0 1px 0 inset; box-shadow: white 0 1px 0 inset; width: 65%; margin: 0 0 0 0; float: left; font-size: 90%; }
ul#bottomfooter li { float: left; padding: 2px 1em 2px 0; margin: 2px 0; }
ul#bottomfooter li a { text-decoration: underline; font-size: 96%; }

.copy { border-top: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0 inset; -moz-box-shadow: white 0 1px 0 inset; box-shadow: white 0 1px 0 inset; display: block; width: 35%; float: left; margin: 0px 0 2px 0; padding: 5px 0 0 0; font-size: 80%; float: left; text-align: right; }

/* *********************************************************************************** footer end*/
/*1024************************************************************************************************************************************************************************************/
@media screen and (max-width: 1024px) { .wrap { width: 90%; display: block; margin: 0 auto; padding: 0; }
  .main { padding: 80px 0 80px 0; width: 100%; float: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; }
  #topindex { /* *************************************************************************** 1024index start*/ }
  #topindex .describe { width: 57%; padding: 120px 0 0 0; }
  #topindex .top_img { width: 43%; float: right; }
  #topindex .top_img img { width: 341px; margin: 5% 10% 5% 0; }
  /* ************************************************************************************* 1024index end*/
  /* **************************************************************************************  1024future start*/
  #future .content2-4 .cutcircle { float: left; width: 280px; height: 280px; margin: 0 auto; border-radius: 280px; display: block; background-image: url(img/teraguchi_profile.jpg); background-repeat: no-repeat; background-size: 100%; background-position: 50% 10%; }
  /* ************************************************************************************** 1024future end*/
  /* ************************************************************************************** 1024news start*/
  #news h1 { font-size: 120%; text-align: left; margin: 0 0 20px 0; }
  #news .news_list { width: 50%; margin: 10px 0; float: left; }
  #news .news_list img { width: 17%; margin: 0 10px 0 0; }
  #news .news_list span { border-left: 3px solid #2c5f26; padding: 0 0 0 7px; }
  #news .news_comment { width: 74%; margin: 10px 10% 60px 10%; padding: 2% 3% 2% 3%; font-size: 100%; line-height: 1.4; background: rgba(0, 0, 0, 0.03); }
  #news .news_comment h3 { font-weight: bold; }
  #news .content2 { float: left; width: 99%; font-size: 110%; margin: 0 0.5%; padding: 10px 0 20px; border-bottom: 1px solid #FADFD4; }
  #news .content2 .content2-6 { float: left; width: 60% -20px; padding: 10px; margin: 0; }
  #news .content2 .content2-4 { width: 40%; margin: 0; float: left; }
  #news .content2 .content2-4 img { width: 300px; height: auto; margin: 0 auto; }
  /* ************************************************************************************** 1024news end*/
  /* ************************************************************************************** 1024newslist start*/
  #newslist .content2 { float: left; width: 49%; margin: 0 0.5%; padding: 10px 0 20px; border-bottom: 1px solid #FADFD4; }
  #newslist .content2 .content2-6 { margin-top: 15px; }
  #newslist .content2 .content2-4 .thumblist img { width: 100%; height: auto; }
  #newslist h2 { font-size: 120%; width: 100%; margin: 0 0 2px; text-indent: 0em; line-height: 1.4; background-image: none; }
  #newslist h2 a { font-weight: bold; }
  #newslist span.tags { font-size: 70%; }
  /* ************************************************************************************** 1024newslist end*/ }
/*860**************************************************************************************************************************************************************************************/
@media screen and (max-width: 860px) { .wrap { width: 100%; display: block; margin: 0 auto; padding: 0; }
  .main { padding: 40px 0 20px 0; width: 100%; float: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; }
  .content2 { margin: 10px 0; }
  .content2 img { margin: 0 auto; float: none; text-align: center; width: 100%; }
  .content2-6 { margin: 10px 0; padding: 0 1%; }
  .content2-6 img { margin: 0 auto; float: none; text-align: center; width: 100%; }
  .content2-4 { margin: 10px 0; padding: 0 1%; }
  .content2-4 img { margin: 0 auto; float: none; text-align: center; width: 100%; }
  h1 { font-size: 190%; margin: 0 0 50px 0; }
  #gheader { padding: 10px 0 10px 0; background-color: #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; }
  #simple-menu { display: block; }
  nav#gnav { display: none; }
  nav#gnav ul { margin: -50px 0 0 0; }
  nav#gnav ul li { width: 138px; }
  nav#gnav ul li a { color: #000; letter-spacing: -0.08em; font-weight: bold; font-size: 130%; line-height: 1.4; text-decoration: none; }
  nav#gnav ul li a span.small { font-size: 65%; width: 100%; display: block; letter-spacing: -0.08em; }
  .wrap { width: 90%; display: block; margin: 0 auto; padding: 0; }
  .main { padding: 60px 0 40px 0; width: 100%; float: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 2px inset, rbga(255, 255, 255, 0.7) -1px 1px 0; }
  /* ************************************************************************************** 860news start*/
  #news h1 { font-size: 120%; text-align: left; margin: 0 0 20px 0; }
  #news .news_list { width: 50%; margin: 10px 0; float: left; }
  #news .news_list img { width: 17%; margin: 0 10px 0 0; }
  #news .news_list span { border-left: 3px solid #2c5f26; padding: 0 0 0 7px; }
  #news .news_comment { width: 74%; margin: 10px 10% 60px 10%; padding: 2% 3% 2% 3%; font-size: 100%; line-height: 1.4; background: rgba(0, 0, 0, 0.03); }
  #news .news_comment h3 { font-weight: bold; }
  #news .content2 { float: left; width: 99%; font-size: 110%; margin: 0 0.5%; padding: 10px 0 20px; border-bottom: 1px solid #FADFD4; }
  #news .content2 .content2-6 { float: left; width: 60% -20px; padding: 10px; margin: 0; }
  #news .content2 .content2-4 { width: 40%; margin: 0; float: left; }
  #news .content2 .content2-4 img { width: 300px; height: auto; margin: 0 auto; }
  /* ************************************************************************************** 860news end*/
  /* ************************************************************************************** 860common end*/
  /* ************************************************************************************** 860index start*/
  #topindex .top-catch_bg { width: 100%; float: left; padding: 0 0 0 0; background: #dddddd url(img/top_bg.jpg) 0 0 no-repeat; border-bottom: 1px solid #CCC; }
  #topindex .top_img { width: 45%; float: right; }
  #topindex .top_img img { width: 274px; right: 0; margin: 5% 0 5% 0; float: right; }
  #topindex .describe { width: 55%; float: left; padding: 70px 0 0 0; }
  #topindex .describe h1 { font-size: 190%; font-weight: bold; letter-spacing: -0.05em; text-indent: 0; text-align: left; margin: 0 0 10px 0; padding: 0 0 10px 0; line-height: 30px; text-shadow: 1px -1px rgba(0, 0, 0, 0.2); }
  #topindex .describe h1 br { display: block; }
  #topindex .describe h2 { font-size: 105%; text-indent: 0; line-height: 1.4; font-weight: normal; margin: 0 0 15px 0; background-image: none; }
  #topindex .top_thumb { width: 80px; }
  #topindex .top_thumb img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
  #topindex .top_thumb:hover { width: 80px; }
  #topindex .top_thumb:hover img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; animation-name: anime; animation-duration: 2s; animation-timing-function: ease; animation-delay: 0; animation-iteration-count: infinite; animation-direction: alternate; }
  #topindex .content2 { width: 48%; margin: 0 1%; text-align: center; line-height: 1.8em; float: left; display: block; }
  #topindex .content2 img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0 5%; width: 90%; }
  #topindex .content2 p { border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0; -moz-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; padding: 0 0 10px 0; line-height: 1.4; margin: 0 5% 30px; font-size: 90%; width: 90%; }
  #topindex .content2 h1 { font-size: 19px; display: block; margin: 0 5%; width: 90%; }
  #topindex .circle { width: 74px; -webkit-border-radius: 37px; -moz-border-radius: 37px; -ms-border-radius: 37px; -o-border-radius: 37px; border-radius: 37px; padding: 22px 0 0 0; height: 52px; line-height: 1.3em; color: #FFF; display: block; font-size: 85%; font-weight: normal; background: #2C5F26; float: right; }
  #topindex .circle a { color: #FFF; text-decoration: none; }
  #topindex .top-news { padding: 0 0 30px 0; }
  #topindex .top-news .content2 { float: left; width: 49%; margin: 0 0.5%; padding: 15px 0; border-bottom: 1px solid #FADFD4; }
  #topindex .top-news h2 { font-size: 100%; width: 100%; margin: 2px 0; text-indent: 0em; line-height: 1.4; background-image: none; }
  #topindex .top-news h2 a { font-weight: bold; }
  #topindex .top-news .content2-6 { width: 56%; margin: 0 2%; }
  #topindex .top-news .content2-4 { width: 36%; margin: 0 2%; }
  #topindex .top-news .leftmain { float: left; }
  #topindex .top-news .leftmain img { float: right; }
  #topindex .top-news .rightsub { float: right; margin-top: 30px; }
  #topindex .top-news .leftsub { float: left; margin-top: 30px; }
  #topindex .top-news .rightmain { float: right; }
  #topindex .top-news .centerinput { text-align: center; width: 100%; margin: 20px 0 0 0; }
  #topindex .top-news img { height: 120px; }
  #topindex .top-news span.tagsdate { font-size: 80%; float: left; width: 100%; margin: 0 7px 0 0; padding: 1px 5px 1px 0; }
  #topindex .top-news span.tags { font-size: 70%; }
  #topindex .top-news h1 { width: 100%; font-size: 200%; font-weight: bold; text-align: center; line-height: 1; margin: 0 0 40px 0; padding: 0 0 0 0; }
  #topindex .top-news h1 img { height: 100%; margin: 10px 10px 0px 10px; }
  #topindex .top-news dl { font-size: 120%; width: 100%; float: left; margin: 12px 0; line-height: 1.4; }
  #topindex .top-news dl dd { width: 80px; margin: 0 20px 0 0; float: left; text-align: right; }
  #topindex .top-news dl dt { width: 70%; float: left; }
  /* ************************************************************************************** 860index end*/
  /* ************************************************************************************** 860future start*/
  #future h2 { text-indent: 2.5em; background-image: url(img/tree5.svg); background-repeat: no-repeat; background-position: left top; background-size: 50px; }
  #future .content2-6 { width: 100%; }
  #future .content2-4 { width: 100%; }
  #future .content2-4 .cutcircle { float: left; width: 300px; height: 300px; margin: 0 auto; border-radius: 300px; display: block; background-image: url(img/teraguchi_profile.jpg); background-repeat: no-repeat; background-size: 100%; background-position: 50% 10%; }
  #future .content2-4 .links { float: left; width: 240px; margin: 10px 0 10px 30px; }
  #future .content2-4 img.ftel { width: 300px; }
  /* ************************************************************************************** 860future end*/
  /* ************************************************************************************** 860service start*/
  #service .links { width: 80%; margin: 20px 10%; }
  #service .content2 { width: 100%; margin: 0 0; }
  #service .content2-4 { width: 100%; }
  #service .content2-4 .ftel { width: 300px; margin: 0 0 0 0; padding: 0 0 0 0; }
  #service .content2-6 { width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; }
  #service .content2-6 table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 0 30px; color: #333; text-align: center; table-layout: fixed; }
  #service .content2-6 table th { text-align: center; background: #DDD; border: #A0A0A0 solid 1px; width: 16%; }
  #service .content2-6 table td { text-align: center; width: 6%; border: #A0A0A0 solid 1px; padding: 5px 0.5%; }
  /* ************************************************************************************** 860service end*/
  /* ************************************************************************************** 860simulator*/
  #simulator .flickhelp { display: block; }
  #simulator .discribe_sim br { display: none; }
  #simulator .discribe_sim span { width: 95%; }
  #simulator .discribe_sim span#flickpoint { width: 60px; display: block; height: 60px; border-radius: 30px; padding: 0 0 0 0; background-color: #B2532E; color: #FFF; font-weight: normal; line-height: 60px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); font-size: 110%; position: absolute; cursor: pointer; top: -30px; right: 0px; }
  #simulator .pinned { position: absolute; left: 0; top: 0; width: 16%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #A0A0A0; border-left: none; }
  #simulator .pinned table { border-right: none; border-left: none; width: 100%; margin: 0 0 0 0; }
  #simulator .pinned table th, #simulator .pinned table td { white-space: nowrap; padding: 10px 0.5% 10px 0.5%; }
  #simulator .pinned td:last-child { border-bottom: 0; }
  #simulator div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: none; float: left; width: 84%; margin: 0 8%; }
  #simulator div.table-wrapper div.scrollable table { margin: 0 0 0 16%; width: 100%; }
  #simulator div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; width: 100%; }
  #simulator table.responsive td, #simulator table.responsive th { position: relative; white-space: nowrap; width: 25%; border: 1px solid #A0A0A0; padding: 10px 0.5% 10px 0.5%; text-align: center; overflow: hidden; }
  #simulator table.responsive th:first-child, #simulator table.responsive td:first-child, #simulator table.responsive td:first-child, #simulator table.responsive.pinned td { display: none; }
  #simulator th.table_top { margin: 0 0 0 0; border: 1px solid #A0A0A0; }
  #simulator .prog { width: 100%; margin: 0 0 10px; }
  #simulator #fullview { width: 100%; height: 100%; left: 0; top: 100%; position: fixed; margin-right: 0; margin-top: -100px; margin-bottom: 0; margin-left: 0; border-top: 1px solid #DDD; }
  #simulator #fullview span#openclose { position: absolute; top: -30px; left: 10px; width: 90px; line-height: 30px; height: 30px; margin: 0; transform: none; background: #2c5f26; padding: 1px 2px; font-size: 90%; text-align: center; cursor: pointer; }
  #simulator #fullview #results_warp { width: 100%; height: 100px; background: rgba(38, 73, 78, 0.2); text-align: center; position: absolute; left: 0; box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.4); padding: 0 0 0 0; top: 0; }
  #simulator #fullview #results_warp #estimateSum { width: 40%; padding: 0 0; float: left; height: 26px; margin: 0 0 0 0; }
  #simulator #fullview #results_warp #estimateSum #estreset { float: left; line-height: 26px; font-size: 100%; width: 100%; height: 26px; padding: 0 0 0 0; color: #FFF; background: #2C5F26; margin: 0 0 0 0; }
  #simulator #fullview #results_warp #estimateSum #estreset span#resetcookie { color: #2C5F26; background: #FFF; display: block; width: 22px; line-height: 1; float: right; margin: 2px 5px 2px 0; padding: 0 0 0 0; letter-spacing: -0.1em; font-size: 70%; cursor: pointer; text-align: center; }
  #simulator #fullview #results_warp #esfirst { width: 60%; float: left; background: #FFF; margin: 0 0 0 0; padding: 5px 0; height: 16px; }
  #simulator #fullview #results_warp #esfirst span.beforeprice { color: #F00; font-size: 120%; display: block; float: left; text-align: right; line-height: 1.0; font-weight: bold; width: 50%; }
  #simulator #fullview #results_warp #esfirst span.afterprice { color: #F00; font-weight: bold; font-size: 120%; text-align: left; display: block; line-height: 1.0; float: left; width: 50%; }
  #simulator #fullview #results_warp .estimate { width: 100%; padding: 0 0 0 0; margin: 2px 0 0 0; float: right; overflow: scroll; font-weight: bold; font-size: 100%; }
  #simulator #fullview #results_warp .estimate p { width: 88px; text-align: center; margin: 0 2px 2px; padding: 1px 1px; background: rgba(238, 239, 234, 0.5); background: white; float: left; display: block; }
  #simulator #fullview #results_warp .estimate p .p_height { font-size: 100%; background: #CCC; }
  #simulator #fullview #results_warp .estimate p .P_count { font-size: 100%; }
  #simulator #fullview #results_warp .estimate p .p_price { display: block; color: #F00; font-weight: normal; font-size: 66%; }
  /* ************************************************************************************** 860simulator end*/
  #topindex { /* *************************************************************************** 860index start*/ }
  #topindex .describe { width: 57%; padding: 120px 0 0 0; }
  #topindex .top_img { width: 43%; float: right; }
  #topindex .top_img img { width: 341px; margin: 5% 10% 5% 0; }
  /* ************************************************************************************* 860index end*/
  /* **************************************************************************************  860future start*/
  #future .content2-4 .cutcircle { float: left; width: 280px; height: 280px; margin: 0 auto; border-radius: 280px; display: block; background-image: url(img/teraguchi_profile.jpg); background-repeat: no-repeat; background-size: 100%; background-position: 50% 10%; }
  /* ************************************************************************************** 860future end*/
  /* ************************************************************************************** 860newslist start*/
  #newslist .content2 { float: left; width: 49%; margin: 0 0.5%; padding: 10px 0 20px; border-bottom: 1px solid #FADFD4; }
  #newslist .content2 .content2-6 { width: 94%; margin: 0 3%; }
  #newslist .content2 .content2-4 { width: 94%; margin: 0 3%; }
  #newslist .content2 .content2-4 img { width: 100%; }
  #newslist .content2 .content2-4 .thumblist { width: 100%; }
  #newslist .content2 .content2-4 .thumblist img { width: 100%; }
  #newslist h2 { font-size: 120%; width: 100%; margin: 0 0 2px; text-indent: 0em; line-height: 1.4; background-image: none; }
  #newslist h2 a { font-weight: bold; }
  #newslist span.tags { font-size: 70%; }
  /* ************************************************************************************** 860newslist end*/
  /* ************************************************************************************** 860sitemap start*/
  #sitemap ul li { width: 22%; height: 90px; text-align: center; margin: 10px 0.5%; padding: 1%; }
  #sitemap ul.newsul li { width: 47%; }
  /* ************************************************************************************** 860sitemap end*/
  /* ************************************************************************************** 860inquiry start*/
  #inquiry table { width: 96%; margin: 0 2%; }
  #inquiry table th { width: 40%; }
  #inquiry table td { width: 60%; }
  #inquiry table label { margin: 0 14px 0 0; display: block; float: left; }
  #inquiry table input { line-height: 1.6; }
  #inquiry table span.error { display: block; width: 100%; float: left; }
  #inquiry table #name, #inquiry table #kana, #inquiry table #adrress, #inquiry table #mail, #inquiry table #mail_conform { width: 80%; }
  #inquiry table #age { width: 50px; }
  #inquiry table #contents { width: 90%; }
  /* ************************************************************************************** 860inquiry end*/ }
/* 645************************************************************************************************************ */
@media screen and (max-width: 645px) { /* ************************************************************************************** 645common start*/
  .links { width: 100%; margin: 10px 0; padding: 15px 0; text-align: center; }
  .thumbbox .banner { width: 48%; }
  .h2circle { font-size: 140%; background-image: url(img/aobuchi13.svg); background-size: 26px; line-height: 1.4; text-indent: 1.4em; border-bottom: 1px solid #8e8e8e; margin: 0 0 1px 0; padding: 0 0 3px 0; }
  h3 { width: 100%; font-size: 110%; margin: 0; }
  h3 span { font-size: 80%; }
  h4 { width: 100%; font-size: 100%; margin: 0px 0 10px 0; }
  .both { clear: both; }
  .inline_block { display: inline-block; *display: inline; *zoom: 1; }
  .boxes { width: 27%; padding: 3%; float: left; }
  .greenbox { background: #015931; color: #FFF; border-radius: 2px; }
  .button a { display: inline-block; background-origin: border-box; position: relative; font-weight: bold; text-shadow: 1px -1px rgba(0, 0, 0, 0.1); background-color: #2c5f26; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF34712D', endColorstr='#FF2C5F26'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34712d), color-stop(100%, #2c5f26)); background-image: -webkit-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: -moz-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: -o-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: linear-gradient(#34712d 0%, #2c5f26 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: rgba(0, 0, 0, 0.1) -2px 2px 2px inset, rbga(255, 255, 255, 0.2) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.1) -2px 2px 2px inset, rbga(255, 255, 255, 0.2) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.1) -2px 2px 2px inset, rbga(255, 255, 255, 0.2) -1px 1px 0; color: rgba(255, 255, 255, 0.9); text-align: center; font-size: 16px; padding: 0 32px; height: 48px; line-height: 48px; }
  .button a i { font-size: 130%; margin-right: 5px; color: rgba(255, 255, 255, 0.5); }
  .button a:hover { background-color: #34712d; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3D8335', endColorstr='#FF34712D'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3d8335), color-stop(100%, #34712d)); background-image: -webkit-linear-gradient(#3d8335 0%, #34712d 100%); background-image: -moz-linear-gradient(#3d8335 0%, #34712d 100%); background-image: -o-linear-gradient(#3d8335 0%, #34712d 100%); background-image: linear-gradient(#3d8335 0%, #34712d 100%); text-decoration: none; color: white; }
  .button a:hover i { color: white; }
  .button a:active { background-color: #2c5f26; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF34712D', endColorstr='#FF2C5F26'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34712d), color-stop(100%, #2c5f26)); background-image: -webkit-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: -moz-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: -o-linear-gradient(#34712d 0%, #2c5f26 100%); background-image: linear-gradient(#34712d 0%, #2c5f26 100%); top: 1px; }
  .pbox { float: left; margin: 20px 0; padding: 0 1%; line-height: 1.4; }
  .backallow a { float: left; font-size: 110%; background: url("img/allow-left.svg"); background-repeat: no-repeat; background-size: 32px; background-position: left 10px; padding: 16px 20px 16px 46px; margin: 0 0 0 0; text-decoration: underline; }
  .frontallow a { float: right; font-size: 110%; background: url("img/allow.svg"); background-repeat: no-repeat; background-position: right 10px; background-size: 32px; padding: 16px 46px 16px 20px; margin: 0 0 0 0; text-decoration: underline; }
  .note { background: #fcfcfc; padding: 8px 18px; margin: 15px 0; }
  .tags { font-size: 90%; background-color: #e5dece; float: left; margin: 0 7px 0 0; padding: 2px 5px; border-radius: 2px; }
  .note p { margin: 0; padding: 4px 0; }
  .mouseon { background: rgba(44, 95, 38, 0.8) url(img/hicon-w.svg) 0 center no-repeat; background-size: auto 140%; }
  /* ************************************************************************************** 645common end*/
  /* ************************************************************************************** 645common header start*/
  #sitelogo { text-align: center; margin: 0 auto; width: 100%; float: left; }
  #sitelogo img { width: 30%; padding: 0 0 0 0; }
  #sitelogo img:hover { animation-name: logoanime; animation-duration: 1s; animation-timing-function: ease-in; animation-delay: 0; animation-iteration-count: 1; animation-direction: alternate; }
  nav#gnav ul { margin: -50px 0 0 0; }
  nav#gnav ul li { width: 25%; }
  nav#gnav ul li a { color: #000; letter-spacing: -0.08em; font-weight: bold; font-size: 80%; line-height: 1.2; text-decoration: none; }
  nav#gnav ul li a span.small { font-size: 65%; width: 100%; display: block; letter-spacing: -0.08em; }
  .nav_left { float: left; text-align: center; margin-right: 0; }
  .nav_left, .nav_right { display: block; }
  .nav_right { float: left; text-align: center; margin-left: 0; }
  /* ************************************************************************************** 645common header end*/
  #topindex { /* ************************************************************************************** 645index start*/ }
  #topindex .top-catch_bg { width: 100%; float: left; background: #dddddd url(img/top_bg.jpg) 0 0 no-repeat; border-bottom: 1px solid #CCC; background-size: auto 100%; }
  #topindex .describe { width: 90%; margin: 0 5%; float: left; padding: 0 0 0 0; }
  #topindex .describe h1 { font-size: 160%; font-weight: bold; letter-spacing: -0.05em; margin: 40px 0 0 0; padding: 0 0 0 0; line-height: 50px; text-shadow: 1px -1px rgba(0, 0, 0, 0.2); background-image: none; }
  #topindex .describe h1 br { display: none; }
  #topindex .describe h2 { font-size: 90%; text-indent: 0; margin: 0 0 5px 0; background-image: none; }
  #topindex .describe h2 br { display: none; }
  #topindex .top_img { width: 100%; margin-top: 0px; float: right; position: relative; }
  #topindex .top_img img { width: 50%; }
  #topindex .topbox { width: 100%; float: left; margin: 20px 15px 0 0; font-size: 50%; font-weight: bold; text-align: left; }
  #topindex .topbox .top_thumb { width: 120px; }
  #topindex .topbox .top_thumbtitle { font-size: 13px; }
  #topindex .content2 { width: 49%; margin: 0 0 0 0; text-align: center; line-height: 1.8em; float: left; display: block; }
  #topindex .content2 img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0 5%; width: 90%; }
  #topindex .content2 p { border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0; -moz-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; padding: 0 0 10px 0; margin: 0 5% 30px; width: 90%; }
  #topindex .content2 h1 { font-size: 19px; display: block; margin: 0 5%; width: 90%; }
  #topindex .topbox2 { width: 90%; margin: 0 5%; text-align: center; line-height: 1.8em; font-size: 100%; }
  #topindex .topbox2 img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 5px 0; }
  #topindex .topbox2 p { border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0; -moz-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 90%; line-height: 1.6em; }
  #topindex .topbox2 h1 { font-size: 160%; line-height: 50px; height: 40px; margin: 10px 0 0 0; text-align: left; text-indent: 1.6em; background-image: url(img/aobuchi2.svg); background-repeat: no-repeat; background-position: left top; background-size: 36px; }
  #topindex .topbox2 h1 img { margin: 10px 5px 0 0; padding: 5px 0 0 0; float: left; }
  #topindex .topbox2 h2 { width: 70%; float: left; font-size: 100%; letter-spacing: -0.14em; text-align: left; font-weight: bold; padding: 12px 0 0 0; text-indent: 0; background-image: none; }
  #topindex .circle { width: 74px; -webkit-border-radius: 37px; -moz-border-radius: 37px; -ms-border-radius: 37px; -o-border-radius: 37px; border-radius: 37px; padding: 22px 0 0 0; height: 52px; line-height: 1.3em; color: #FFF; display: block; font-size: 85%; font-weight: normal; background: #2C5F26; float: right; }
  #topindex .circle a { color: #FFF; text-decoration: none; }
  #topindex .top-news { padding: 0 0 30px 0; }
  #topindex .top-news .content2 { float: left; width: 90%; margin: 0 5%; padding: 15px 0; border-bottom: 1px solid #FADFD4; }
  #topindex .top-news h2 { font-size: 100%; width: 100%; margin: 2px 0; text-indent: 0em; line-height: 1.4; background-image: none; }
  #topindex .top-news h2 a { font-weight: bold; }
  #topindex .top-news .content2-6 { width: 100%; margin: 0 0%; }
  #topindex .top-news .content2-4 { width: 100%; margin: 0 0%; }
  #topindex .top-news .leftmain { float: left; }
  #topindex .top-news .leftmain img { float: right; }
  #topindex .top-news .rightsub { float: right; margin-top: 30px; }
  #topindex .top-news .leftsub { float: left; margin-top: 30px; }
  #topindex .top-news .rightmain { float: right; }
  #topindex .top-news .centerinput { text-align: center; width: 100%; margin: 20px 0 0 0; }
  #topindex .top-news img { height: auto; margin: 0 0 10px 0; }
  #topindex .top-news span.tagsdate { font-size: 80%; float: left; width: 100%; margin: 0 7px 0 0; padding: 1px 5px 1px 0; }
  #topindex .top-news span.tags { font-size: 70%; }
  #topindex .top-news h1 { width: 100%; font-size: 200%; font-weight: bold; text-align: center; line-height: 1; margin: 0 0 40px 0; padding: 0 0 0 0; }
  #topindex .top-news h1 img { height: 100%; margin: 10px 10px 0px 10px; }
  #topindex .top-news dl { font-size: 120%; width: 100%; float: left; margin: 12px 0; line-height: 1.4; }
  #topindex .top-news dl dd { width: 80px; margin: 0 20px 0 0; float: left; text-align: right; }
  #topindex .top-news dl dt { width: 70%; float: left; }
  /* ************************************************************************************** 645index end*/
  /* ************************************************************************************** 645service start*/
  #service table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 0 30px; color: #333; text-align: center; table-layout: fixed; }
  #service table th { text-align: center; background: #DDD; border: #A0A0A0 solid 1px; width: 16%; }
  #service table td { text-align: left; width: 100px; border: #A0A0A0 solid 1px; padding: 15px 0.5% 15px 0.5%; }
  #service table.responsive { margin-bottom: 0; table-layout: fixed; }
  #service .pinned { position: absolute; left: 0; top: 0; width: 110px; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
  #service .pinned table { border-right: none; border-left: none; width: 100%; }
  #service .pinned table th, #service .pinned .pinned table td { white-space: nowrap; padding: 10px 0.5% 10px 0.5%; }
  #service .pinned td:last-child { border-bottom: 0; }
  #service div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; float: left; width: 100%; }
  #service div.table-wrapper div.scrollable table { margin: 0 0 0 110px; width: 100%; }
  #service div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; width: 100%; }
  #service table.responsive td, #service table.responsive th { position: relative; white-space: nowrap; width: 60px; padding: 10px 0; text-align: center; overflow: hidden; }
  #service table.responsive th:first-child, #service table.responsive td:first-child, #service table.responsive td:first-child, #service table.responsive.pinned td { display: none; }
  /* ************************************************************************************** 645service end*/
  /* ************************************************************************************** 645works start*/
  #works .content2 { width: 80%; margin: 0 10%; float: left; }
  #works .tabs { width: 100%; float: left; margin: 10px 0 1px 0; height: 100%; padding: 0 0 0 0; }
  #works .tabs a { display: block; float: left; margin: 0 1% 0 1%; padding: 0 0 0 0; text-align: center; font-size: 25px; text-decoration: none; }
  #works .tabs a img { width: 90px; padding: 0 0 0 0; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
  #works .tabs a.active { padding: 0 0 0 0; }
  #works .tabs a.active img { border: 1px solid #E5E7DF; padding: 0 0 0 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
  #works .datalist { height: 70px; float: left; margin: 10px 0 0 0; }
  #works .datalist span { font-size: 92%; display: block; float: left; background-color: #ddd; margin: 3px; padding: 2px 8px; border-radius: 2px; }
  #works .swiper-container-comment { width: 100%; margin: 0; padding: 0 0 0 0; height: 50px; float: left; }
  #works h3.beforelogo { z-index: 9000; display: block; float: left; width: 60px; margin: 10px 0 0 10px; position: absolute; }
  #works h3.afterlogo { z-index: 9000; display: block; float: left; width: 60px; margin: 10px 0 0 10px; position: absolute; }
  #works h3.swipelogo { z-index: 9000; display: block; float: left; width: 50px; right: 0; bottom: 0; margin: 0 10px 10px 0; position: absolute; }
  #works p { font-size: 106%; line-height: 1.4; }
  #works .swiper-container-before { width: 100%; display: block; margin: 0 0 0 0; }
  #works .swiper-container-after { width: 100%; display: block; margin: 0 0 0 0; }
  #works .swiper-slide { width: 100%; background: none; color: black; }
  #works .content-slide { padding: 0px; line-height: 1.2; }
  #works .content-slide img { padding: 0; margin: 0; box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; -webkit-box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; -moz-box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; }
  #works #nav-below { float: left; width: 100%; }
  /* ************************************************************************************** 645works end*/
  /* ************************************************************************************** 645simulator*/
  #simulator div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: none; float: left; width: 100%; margin: 0 0; }
  #simulator div.table-wrapper div.scrollable table { margin: 0 0 0 16%; width: 100%; }
  #simulator div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; width: 100%; }
  #simulator table.responsive td, #simulator table.responsive th { position: relative; white-space: nowrap; width: 120px; border: 1px solid #A0A0A0; padding: 10px 0.5% 10px 0.5%; text-align: center; overflow: hidden; }
  #simulator .prog { width: 90%; margin: 0 5% 10px; }
  #simulator table#teikarikomi, #simulator table#kusakari { margin: 0 5%; width: 90%; }
  #simulator p { font-size: 90%; margin: 0 0; width: 100%; margin: 0 0; }
  #simulator p .leftp { text-align: left; }
  #simulator p p.shorttable { float: left; display: block; width: 90%; margin: 0 5%; }
  #simulator h2 { text-align: center; text-indent: 0; margin: 50px 0 30px 0; }
  #simulator h2 img { margin: 0 10px -8px 10px; }
  #simulator ul { width: 80%; margin: 0 10%; float: left; font-size: 96%; }
  #simulator ul li { float: left; width: 5%; padding: 0.5%; }
  #simulator ul .firstli { width: 21%; background: #ddd; }
  #simulator ul .firstlow { background: #ddd; }
  /* ************************************************************************************** 645simulator end*/
  /* ************************************************************************************** 645future start*/
  #future h2 { text-indent: 2.5em; background-image: url(img/tree5.svg); background-repeat: no-repeat; background-position: left top; background-size: 50px; }
  #future .content2-6 { float: left; }
  #future .content2-4 { float: left; }
  #future .content2-4 .cutcircle { float: left; width: 360px; height: 360px; margin: 0 auto; border-radius: 360px; display: block; background-image: url(img/teraguchi_profile.jpg); background-repeat: no-repeat; background-size: 100%; background-position: 50% 0%; }
  #future .content2-4 .link { float: left; width: 40%; margin: 0 5%; padding: 0 0 0 0; }
  /* ************************************************************************************** 645future end*/
  /* ************************************************************************************** 645sitemap start*/
  #sitemap ul li { width: 29.33%; height: 90px; text-align: center; margin: 10px 1%; padding: 1%; }
  #sitemap ul.newsul li { width: 97%; }
  /* ************************************************************************************** 645sitemap end*/
  /* ************************************************************************************** 645company start*/
  #company table th { padding: 3px; font-size: 80%; }
  #company table td { font-size: 80%; padding: 3px; line-height: 1.2; }
  #company table td span.zipcode { display: block; width: 100%; }
  /* ************************************************************************************** 645company end*/
  /* ************************************************************************************** 645inquiry start*/
  #inquiry table { width: 90%; margin: 0 5%; }
  #inquiry table th { width: 40%; font-size: 80%; padding: 10px; }
  #inquiry table td { width: 60%; font-size: 90%; padding: 10px; }
  #inquiry table label { margin: 0 14px 0 0; display: block; float: left; }
  #inquiry table input { line-height: 1.6; }
  #inquiry table span.error { display: block; width: 100%; float: left; }
  #inquiry table #name, #inquiry table #kana, #inquiry table #adrress, #inquiry table #mail, #inquiry table #mail_conform { width: 80%; }
  #inquiry table #age { width: 50px; }
  #inquiry table #contents { width: 90%; }
  /* ************************************************************************************** 645inquiry end*/
  /* ************************************************************************************** 645footer start */
  #footerbg { border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; box-shadow: rgba(0, 0, 0, 0.05) -2px 2px 2px inset, rbga(255, 255, 255, 0.8) -1px 1px 0; width: 100%; margin: 0 0 0 0; padding: 10px 0; background: #C9BC9C; }
  #footerbg .footertop { float: left; margin: 0 0 10px 0; }
  .footerend { width: 100%; margin: 0 0 0 0; float: left; }
  .footer_news { width: 100%; margin: 0 0 0 0; font-size: 100%; float: left; }
  .footer_news h2 { margin: 0 0 0 0; background-image: none; text-indent: 0; }
  .footer_news h2 a { font-size: 100%; font-weight: bold; }
  .footer_news ul li { font-size: 85%; margin: 10px 0; padding: 0 0 0 0; line-height: 1.4; }
  .footer_news ul li a { font-size: 100%; text-decoration: underline; }
  ul#bottomfooter { width: 100%; }
  ul#bottomfooter li { padding: 2px 0.5em 2px 0; text-align: center; }
  .copy { text-align: center; width: 100%; }
  img.flogo { width: 35%; margin: 10px 5%; }
  img.ftel { width: 50%; margin: 10px 0; }
  /* ************************************************************************************** 645footer end */ }
/*460************************************************************************************************************************************************************************************/
@media screen and (max-width: 460px) { h1 { font-size: 165%; }
  h1 .h1text { padding: .0 0.5em .7em; }
  h1 .h1text:before, h1 .h1text:after { width: 10px; }
  #topindex { /* ************************************************************************************** 460index start*/ }
  #topindex .describe h1 { line-height: 1.4; font-size: 160%; font-weight: bold; letter-spacing: -0.05em; margin: 40px 0 0 0; padding: 0 0 0 0; text-shadow: 1px -1px rgba(0, 0, 0, 0.2); background-image: none; }
  #topindex .describe h1 br { display: block; }
  #topindex .describe h2 { font-size: 90%; text-indent: 0; margin: 0 0 5px 0; background-image: none; }
  #topindex .describe h2 br { display: none; }
  #topindex .top_img { width: 100%; margin: 30px 0; float: right; position: relative; }
  #topindex .top_img img { width: 80%; margin: 0 10%; }
  #topindex .topbox { width: 50%; float: left; margin: 20px 0 0 0; font-size: 50%; font-weight: bold; text-align: left; }
  #topindex .topbox .top_thumb { width: 80%; margin: 0 10%; }
  #topindex .topbox .top_thumbtitle { font-size: 13px; text-align: center; }
  #topindex .content2 { width: 96%; margin: 0 2%; text-align: center; line-height: 1.8em; float: left; display: block; }
  #topindex .content2 img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0 5%; width: 90%; }
  #topindex .content2 p { border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0; -moz-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; padding: 0 0 10px 0; line-height: 1.4; margin: 0 5% 30px; font-size: 90%; width: 90%; }
  #topindex .content2 h1 { font-size: 19px; display: block; margin: 0 5%; width: 90%; }
  /* ************************************************************************************** 460service start*/
  #service .links { width: 80%; margin: 20px 10%; }
  #service .content2 { width: 100%; margin: 0 0; }
  #service .content2-4 { width: 100%; }
  #service .content2-4 .ftel { width: 300px; margin: 0 0 0 0; padding: 0 0 0 0; }
  #service .content2-6 { width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; }
  /* ************************************************************************************** 460service end*/
  /* ************************************************************************************** 460simulator start*/
  #simulator .discribe_sim ,#newslist .discribe_sim{ width: 96%; margin: 0 1% 10px 1%; padding: 10px 1%; }
  #simulator .discribe_sim br { display: none; }
  #simulator .discribe_sim span { width: 95%; }
  #simulator table#teikarikomi, #simulator table#kusakari { margin: 0 0; width: 100%; }
  #simulator p.shorttable { float: left; display: block; width: 100%; margin: 0 0%; }
  #simulator #flickarea { position: fixed; width: 300px; background: #FFF; height: 320px; padding: 10px; margin: 0  0 0 -160px; left: 50%; z-index: 10000; }
  #simulator #flickarea h3 { font-size: 90%; padding: 0 0 0 0; }
  #simulator #flickarea .tabs { width: 100%; float: left; margin: 10px 0 1px 0; height: 40px; padding: 0 0 0 0; }
  #simulator #flickarea .tabs a { display: block; float: left; padding: 0 0 0 0; text-align: center; font-size: 100%; text-decoration: none; width: 31.33%; text-align: center; color: #FFF; height: 30px; margin: 5px 1%; background: #2E5F34; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.70; }
  #simulator #flickarea .tabs a.active { background-color: #005930; padding: 0 0 0 0; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }
  #simulator #flickarea .swiper-container-comment { width: 100%; margin: 0; padding: 0 0 0 0; height: 50px; float: left; font-size: 90%; line-height: 1.2; }
  #simulator #flickarea .swiper-container-before { width: 100%; height: 215px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; }
  #simulator #flickarea .swiper-slide { width: 100%; background: none; color: black; }
  #simulator #flickarea .content-slide { padding: 0px; line-height: 1.2; }
  #simulator .flick { position: relative; width: 100%; display: block; float: left; }
  /* ************************************************************************************** 460simulator end*/
  /* ************************************************************************************** 480works start*/
  #works .content2 { width: 90%; margin: 0 5%; float: left; }
  #works .tabs { width: 100%; float: left; margin: 10px 0 1px 0; height: 100%; padding: 0 0 0 0; }
  #works .tabs a { display: block; float: left; margin: 0 1% 0 1%; padding: 0 0 0 0; text-align: center; font-size: 25px; text-decoration: none; }
  #works .tabs a img { width: 80px; padding: 0 0 0 0; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
  #works .tabs a.active { padding: 0 0 0 0; }
  #works .tabs a.active img { border: 1px solid #E5E7DF; padding: 0 0 0 0; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
  #works .datalist { height: auto; float: left; margin: 10px 0 0 0; }
  #works .datalist span { font-size: 92%; display: block; float: left; background-color: #ddd; margin: 3px; padding: 2px 8px; border-radius: 2px; }
  #works .swiper-container-comment { width: 100%; margin: 0; padding: 0 0 0 0; height: 50px; float: left; }
  #works h3.beforelogo { z-index: 9000; display: block; float: left; width: 60px; margin: 10px 0 0 10px; position: absolute; }
  #works h3.afterlogo { z-index: 9000; display: block; float: left; width: 60px; margin: 10px 0 0 10px; position: absolute; }
  #works h3.swipelogo { z-index: 9000; display: block; float: left; width: 50px; right: 0; bottom: 0; margin: 0 10px 10px 0; position: absolute; }
  #works p { font-size: 106%; line-height: 1.4; }
  #works .swiper-container-before { width: 100%; display: block; margin: 0 0 0 0; }
  #works .swiper-container-after { width: 100%; display: block; margin: 0 0 0 0; }
  #works .swiper-slide { width: 100%; background: none; color: black; }
  #works .content-slide { padding: 0px; line-height: 1.2; }
  #works .content-slide img { padding: 0; margin: 0; box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; -webkit-box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; -moz-box-shadow: rgba(113, 135, 164, 0.57) 0px 0px 3px 0px; }
  #works #nav-below { float: left; width: 100%; }
  /* ************************************************************************************** 480works end*/
  /* ************************************************************************************** 460newslist start*/
  #newslist .content2 { float: left; width: 100%; margin: 0 0; padding: 10px 0 20px; border-bottom: 1px solid #FADFD4; }
  #newslist .content2 .content2-4 .thumblist img { width: 100%; }
  #newslist h2 { font-size: 120%; width: 100%; margin: 0 0 2px; text-indent: 0em; line-height: 1.4; background-image: none; }
  #newslist h2 a { font-weight: bold; }
  #newslist span.tags { font-size: 70%; }
  /* ************************************************************************************** 460newslist end*/
  /* ************************************************************************************** 460sitemap start*/
  #sitemap ul li { width: 46%; height: 90px; text-align: center; margin: 10px 1%; padding: 1%; }
  /* ************************************************************************************** 460sitemap end*/
  /* ************************************************************************************** 460inquiry start*/
  #inquiry table { width: 98%; margin: 0 1%; }
  #inquiry table label { margin: 0 14px 0 0; display: block; float: left; }
  #inquiry table input { line-height: 1.6; }
  #inquiry table span.error { display: block; width: 100%; float: left; }
  #inquiry table #name, #inquiry table #kana, #inquiry table #adrress, #inquiry table #mail, #inquiry table #mail_conform { width: 80%; }
  #inquiry table #age { width: 50px; }
  #inquiry table #contents { width: 90%; }
  /* ************************************************************************************** 460inquiry end*/ }
/* ************************************************************************************** 460footer end*/
/*320************************************************************************************************************************************************************************************/
@media screen and (max-width: 320px) { .thumbbox .banner { width: 90%; margin: 10px 5%; }
  span#beforecontact { display: block; }
  /* ************************************************************************************** 320newslist start*/
  #newslist .content2 { width: 96%; margin: 0 2%; }
  #newslist .content2-6, #newslist .content2-4 { width: 100%; margin: 0; }
  /* ************************************************************************************** 320newslist end*/
  /* ************************************************************************************** 320future start*/
  #future h2 { text-indent: 2.5em; background-image: url(img/tree5.svg); background-repeat: no-repeat; background-position: left top; background-size: 50px; }
  #future .content2-4 { padding: 0 0 0 0; }
  #future .content2-4 .cutcircle { float: left; width: 280px; height: 280px; margin: 0 10px; border-radius: 280px; display: block; background-image: url(img/teraguchi_profile.jpg); background-repeat: no-repeat; background-size: 100%; background-position: 50% 10%; }
  #future .content2-4 img.ftel { width: 280px; }
  #future .content2-4 p { float: left; margin: 0 0 0 0; text-align: left; }
  #future .content2-4 .link { float: left; width: 40%; margin: 0 5%; padding: 0 0 0 0; }
  /* ************************************************************************************** 320future end*/
  /* ************************************************************************************** 320simulator*/
  #simulator #fullview span#openclose { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  #simulator h1 { font-size: 150%; }
  #simulator .prog { width: 90%; margin: 0 5% 10px; }
  #simulator .selected { background: #2c5f26; color: #FFF; cursor: pointer; }
  #simulator h2 { text-align: center; text-indent: 0; margin: 50px 0 30px 0; }
  #simulator h2 img { margin: 0 10px -8px 10px; }
  #simulator ul { width: 80%; margin: 0 10%; float: left; font-size: 96%; }
  #simulator ul li { float: left; width: 5%; padding: 0.5%; }
  #simulator ul .firstli { width: 21%; background: #ddd; }
  #simulator ul .firstlow { background: #ddd; }
  #simulator table { width: 98%; margin: 0 1%; color: #333; table-layout: fixed; text-align: center; }
  #simulator table th, #simulator table td { text-align: center; border: #A0A0A0 solid 1px; padding: 15px 0; line-height: 1.0; cursor: pointer; }
  #simulator table th { background: #DDD; }
  #simulator table td { color: #37762F; padding: 0 0.5%; }
  #simulator table .table_top { color: #F00; border-bottom: #A0A0A0 1px solid; background: #dcdddd; color: #333; }
  #simulator table .secondth { width: 10%; }
  /* ************************************************************************************** 320simulator end*/
  /* ************************************************************************************** 320sitemap start*/
  #sitemap ul li { width: 96%; height: 90px; text-align: center; margin: 10px 1%; padding: 1%; }
  /* ************************************************************************************** 320sitemap end*/
  /* ************************************************************************************** 320inquiry start*/
  #inquiry table { width: 98%; margin: 0 1%; }
  #inquiry table label { margin: 0 14px 0 0; display: block; float: left; }
  #inquiry table input { line-height: 1.6; }
  #inquiry table span.error { display: block; width: 100%; float: left; }
  #inquiry table #name, #inquiry table #kana, #inquiry table #adrress, #inquiry table #mail, #inquiry table #mail_conform { width: 100%; }
  #inquiry table #age { width: 50px; }
  #inquiry table #contents { width: 90%; }
  /* ************************************************************************************** 320inquiry end*/
  /* ************************************************************************************** 320footer start*/
  #bottomfooter { width: 100%; }
  #bottomfooter li { width: 47%; padding: 2px 1% 2px 1%; text-align: center; }
  .copy { text-align: center; width: 100%; }
  img.flogo { width: 35%; margin: 10px 0; }
  img.ftel { width: 55%; margin: 10px 0 10px 5%; }
  /* ************************************************************************************** 320footer end*/ }
@media only screen and (orientation: landscape) and (max-width: 860px) { /* ************************************************************************************** landnews start*/
  #news h1 { font-size: 120%; text-align: left; margin: 0 0 20px 0; }
  #news .news_list { width: 50%; margin: 10px 0; float: left; }
  #news .news_list img { width: 17%; margin: 0 10px 0 0; }
  #news .news_list span { border-left: 3px solid #2c5f26; padding: 0 0 0 7px; }
  #news .news_comment { width: 74%; margin: 10px 10% 60px 10%; padding: 2% 3% 2% 3%; font-size: 100%; line-height: 1.4; background: rgba(0, 0, 0, 0.03); }
  #news .news_comment h3 { font-weight: bold; }
  #news .content2 { float: left; width: 99% -1px; font-size: 110%; margin: 0 0.5%; padding: 10px 0 20px; border-bottom: 1px solid #FADFD4; }
  #news .content2 .content2-6 { float: left; width: 100%; padding: 0px; margin: 0; }
  #news .content2 .content2-4 { width: 100%; margin: 0; float: left; }
  #news .content2 .content2-4 img { width: 300px; height: auto; margin: 0 auto; }
  /* ************************************************************************************** landnews end*/
  /* ************************************************************************************** landsimulator*/
  #simulator .prog { width: 80%; margin: 0 10% 10px; }
  #simulator .selected { background: #2c5f26; color: #FFF; cursor: pointer; }
  #simulator div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: none; float: left; width: 80%; margin: 0 20% 0 0; }
  #simulator div.table-wrapper div.scrollable table { margin: 0 0 0 16%; width: 100%; }
  #simulator div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; width: 100%; }
  #simulator p { font-size: 90%; margin: 0 0; width: 80%; margin: 0 20% 0 0; }
  #simulator p .leftp { text-align: left; }
  #simulator #fullview { width: 100%; height: 100%; background: rgba(238, 238, 238, 0.8); position: fixed; float: left; top: 0; left: 100%; margin-right: 0; margin-top: 0; margin-bottom: 0; margin-left: -100px; z-index: 1000; }
  #simulator #fullview span#openclose { border: 1px solid #ccc; color: #FFF; position: absolute; top: 80px; left: -70px; width: 90px; line-height: 40px; height: 40px; display: block; float: left; margin: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background: #2c5f26; padding: 1px 2px; font-size: 90%; text-align: center; cursor: pointer; }
  #simulator #fullview #results_warp { width: 100px; height: 100%; background: rgba(38, 73, 78, 0.2); text-align: center; position: absolute; left: 0; box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.4); padding: 0 0 0 0; top: 0; }
  #simulator #fullview #results_warp #estimateSum { width: 100%; padding: 0 0; float: left; height: 40px; margin: 0 0 0 0; }
  #simulator #fullview #results_warp #estimateSum #estreset { float: left; line-height: 40px; font-size: 100%; width: 100%; height: 40px; padding: 0 0 0 0; color: #FFF; background: #2C5F26; margin: 0 0 0 0; }
  #simulator #fullview #results_warp #estimateSum #estreset span#resetcookie { color: #2C5F26; background: #FFF; display: block; width: 22px; line-height: 1; float: right; margin: 9px 5px 9px 0; padding: 0 0 0 0; letter-spacing: -0.1em; font-size: 70%; cursor: pointer; text-align: center; }
  #simulator #fullview #results_warp #esfirst { width: 100%; float: left; height: auto; background: #FFF; margin: 0 0 10px 0; padding: 5px 2px; }
  #simulator #fullview #results_warp #esfirst span.beforeprice { color: #F00; font-size: 120%; display: block; float: left; text-align: center; line-height: 1.0; font-weight: bold; width: 100%; }
  #simulator #fullview #results_warp #esfirst span.afterprice { color: #F00; font-weight: bold; font-size: 120%; text-align: center; display: block; line-height: 1.0; float: left; width: 100%; }
  #simulator #fullview #results_warp .estimate { padding: 0 0 0 0; margin: 0 0 0 0; float: left; overflow: scroll; height: 80%; font-weight: bold; font-size: 100%; }
  #simulator #fullview #results_warp .estimate p { width: 90px; text-align: center; margin: 0 4px 2px; line-height: 1.2; padding: 1px 1px; background: rgba(238, 239, 234, 0.5); background: white; float: left; display: block; }
  #simulator #fullview #results_warp .estimate p .p_title { font-size: 76%; display: block; background: #B2532E; color: #FFF; }
  #simulator #fullview #results_warp .estimate p .p_height { font-size: 100%; background: #CCC; }
  #simulator #fullview #results_warp .estimate p .P_count { font-size: 100%; }
  #simulator #fullview #results_warp .estimate p .p_price { display: block; color: #F00; font-weight: normal; font-size: 66%; }
  #simulator #fullview #sendform { position: absolute; background: #FFF; width: 320px; margin: 0 0 0 -100px; left: 50%; height: 320px; }
  #simulator #fullview #sendform span#backs { line-height: 38px; width: 70px; margin: 0; padding: 0; color: #2c5f26; text-align: center; font-size: 100%; height: 38px; border: 1px solid #2c5f26; position: absolute; right: 0px; display: block; top: 0px; z-index: 1001; background: #FFF; cursor: pointer; }
  #simulator #fullview #sendform h1 { width: 100%; font-size: 100%; height: 30px; background: #2C5F26; text-align: left; text-indent: 1em; margin: 0 0 5px 0; line-height: 30px; padding: 5px 0; color: #FFF; }
  #simulator #fullview #sendform ul { width: 320px; margin: 0 0px; padding: 0; background: #FFF; float: left; }
  #simulator #fullview #sendform ul li { width: 100%; font-size: 110%; margin: 3px 0; padding: 10px 0 5px 0; float: left; background: #FFF; border-top: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: white 0 1px 0 inset; -moz-box-shadow: white 0 1px 0 inset; box-shadow: white 0 1px 0 inset; }
  #simulator #fullview #sendform ul li label { display: block; float: left; width: 100%; font-size: 90%; }
  #simulator #fullview #sendform ul span.estimate_title { display: block; float: left; width: 100%; font-weight: normal; margin: 0 0 0 0; font-size: 90%; text-indent: 0.2em; line-height: 1.2em; }
  #simulator #fullview #sendform ul span.estimate_input { display: block; float: left; width: 90%; margin: 0 5%; padding: 5px 0 0px; font-size: 100%; line-height: 1.2em; }
  #simulator #fullview #sendform ul span.estimate_input input { margin: 0 0 0 0; }
  #simulator #fullview #sendform ul span.estimate_input label { height: 20px; }
  #simulator #fullview #sendform span#comfid input { margin: 5px 10% 2px 10%; width: 80%; height: 40px; color: #FFF; font-weight: bold; background: #2C5F26; }
  #simulator #fullview h2 { text-align: center; background-image: none; text-indent: 0; margin: 50px 0 30px 0; }
  #simulator #fullview h2 img { margin: 0 10px -8px 10px; }
  #simulator #fullview p { width: 80%; margin: 10px 10%; }
  #simulator #fullview p.leftp { text-align: left; font-size: 90%; margin: 0 10%; }
  /* ************************************************************************************** landsimulator end*/ }


      p#textline:first-line {
      	width: 100%;
       	font-size: 140%;
      	font-weight: bold;
      	padding: 0 0 0 0;
		 line-height: 1.4;
		text-indent: 0em;
		margin: 0 0 0 0;
      	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      	-webkit-box-shadow: white 0 1px 0;
      	-moz-box-shadow: white 0 1px 0;
      	box-shadow: white 0 1px 0;
      	display: none;

    }