/* テキスト */ body { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px; /* 基準のフォントサイズ */ line-height:1.84; /* 基準に基づいた行間 1em=文字の高さ */ letter-spacing:0.025em; /* 基準に基づいた文字間 1em=文字の高さ */ color:#f3f3f3; /* 基準の文字色 */} /* ↓テキスト関連のデザイン */ p {text-align:justify; text-justify:inter-ideograph;} a {color:#d4d4d4;} strong { /* 重要なキーワードのデザインを統制する */ font-size:100%;} b { /* 重要なキーワードのデザインを統制する */ font-size:100%; font-weight:normal; color:#d62020;} address { /* 連絡先を表すテキスト */ font-size:100%; font-style:normal;} .black {color:#1c1c1c;} .red {color:#d62020;} .yellow {color:#cfc484;} .orange {color:#df9b49;} .green {color:#71c64f;} .blue {color:#81bddc;} .purple {color:#8961b7;} /* 大まかなデザイン */ body {background-color:#1c1c1c; text-align:center;} .reset {clear:both;} /* header */ #headerOuter {background:#0f0f0f url(../share/headerBg.png) bottom repeat-x;} #headerInner { margin:0 auto; width:914px; height:72px;} #headerInner h1 {float:left; display:inline;} #headerInner div#siteNav {float:right; display:inline; position:relative; width:697px; height:70px;} #headerInner div#siteNav ul {position:absolute; right:0; top:0;} #headerInner div#siteNav ul li {float:left; display:inline; margin:0 0 0 2px;} #headerInner div#siteNav div {position:absolute; right:1px; bottom:0;} #headerInner div#siteNav div p {float:right; display:inline; color:#d4d4d4; font-size:10px; line-height:16px; letter-spacing:0em;} #headerInner div#siteNav div a {float:right; display:inline; padding:4px 10px 0 20px; vertical-align:middle;} #headerInner div#siteNav div p a {float:none; display:inline; padding:0 2px; vertical-align:baseline;} #headerInner div#siteNav div span {float:right; display:inline; background:#f3f3f3; height:20px; padding:3px; margin-top:3px;} #headerInner div#siteNav div span .text {float:left; display:inline; color:#939393; width:156px; height:18px; border:1px solid #333; background:#ffffff; margin-right:4px; vertical-align:middle;} #headerInner div#siteNav div span .button {float:left; display:inline; cursor:pointer; background: url(../share/header_siteSearch.png) top no-repeat; width:47px; height:20px; border:none; } #globalNav { margin:0 auto; width:914px; float:none;} #globalNav ul {padding:20px 0 26px;} #globalNav ul * {height:42px;} #globalNav ul li {float:left; display:inline; position:relative;} #globalNav ul li * {display:block; position:absolute; left:0; top:0;} #globalNav ul li.list1 , #globalNav ul li.list1 * {width:194px;} #globalNav ul li.list2 , #globalNav ul li.list2 * {width:180px;} #globalNav ul li.list3 , #globalNav ul li.list3 * {width:180px;} #globalNav ul li.list4 , #globalNav ul li.list4 * {width:180px;} #globalNav ul li.list5 , #globalNav ul li.list5 * {width:180px;} #globalNav ul li a span {background:url(../share/nav.gif) left top no-repeat; cursor:pointer;} #globalNav ul li.list1 a span {background-position:0px 0px;} #globalNav ul li.list2 a span {background-position:-194px 0px;} #globalNav ul li.list3 a span {background-position:-374px 0px;} #globalNav ul li.list4 a span {background-position:-554px 0px;} #globalNav ul li.list5 a span {background-position:-734px 0px;} #globalNav ul li.list1 a span:hover {background-position:0px -42px;} #globalNav ul li.list2 a span:hover {background-position:-194px -42px;} #globalNav ul li.list3 a span:hover {background-position:-374px -42px;} #globalNav ul li.list4 a span:hover {background-position:-554px -42px;} #globalNav ul li.list5 a span:hover {background-position:-734px -42px;} /* 2017年新年のあいさつ */ #index #aisatu2017 {} #index #aisatu2017Inner {padding:50px 0 70px;} /* 右列 */ #right { position:fixed; right:6px; top:50px;} #right a { display:block; margin:0 0 6px;} #right a:hover {opacity:0.7;} /* main_visual */ #main_visualOuter {background: url(../share/mainImgBg.png) repeat-x top;} #index #main_visualOuter {background:none;} #main_visualInner {width:914px; margin:0 auto ; position:relative; overflow:hidden;} /* sub_Navgation */ #main_visualInner ul.clearfix {background:#525252;} #main_visualInner ul.clearfix li {float:left; display:inline;} #main_visualInner ul.clearfix li a {color:#f3f3f3; font-size:0.84em; line-height:26px; text-decoration:none; padding:0 19px 0 32px; background:url(../share/arrowRight_w_g.png) 21px center no-repeat;} #main_visualInner ul.clearfix li a:hover {text-decoration:underline;} .technology #main_visualInner ul.clearfix li a {padding:0 0 0 32px;} #index #main_visualInner {height:407px;} #main_visualInner h2 {position:absolute; right:35px; top:84px; z-index:99;} #main_visualInner ul {position:relative; z-index:1;} #main_visualBottom {width:914px; margin:0 auto; position:relative;} #main_visualBottom #mainImg-pager {position:absolute; right:0; top:6px; z-index:200;} #main_visualBottom #mainImg-pager a {float:left; display:inline; width:14px; height:14px; overflow:hidden; text-indent:-50px; background:url(../img/aisatu2015_pager.gif) left top no-repeat;} #main_visualBottom #mainImg-pager a.selected {background-position:right top;} #main_visualBottom h4 {font-size:18px; font-weight:normal; margin:35px 0 10px;} #main_visualBottom p {width:440px; color:#d4d4d4;} #main_visualBottom p.list02 {margin:-133px 0 0 470px;} /* contents */ #contentsOuter {background: url(../kari/bg_con.jpg) center top repeat-x ;} #contentsInner { width:914px; margin:50px auto 58px;} #contentsInner #mainContents {width:594px; float:left; display:inline;} #contentsInner #subContents {width:295px; float:right; display:inline;} #contentsInner #underContents {float:none; clear:both;} #index #contentsInner { width:914px; margin:0px auto;} /* 採用情報 */ #recruit #contentsInner #mainContents {width:410px; float:right; margin-bottom:65px; background-color:rgba(102,102,102,1); padding:15px;} #recruit #contentsInner #subContents {width:440px; float:left; margin-bottom:65px;} #recruit #contentsInner #subContents h4 {font-size:16px; line-height:26px; color:#df9b49; font-weight:normal;} #recruit #contentsInner #subContents p {margin-bottom:15px;} #recruit #contentsInner #subContents p.topText {padding:10px 0; font-size:2em;} #recruit #contentsInner .recruitSection h3 {font-size:16px; margin-bottom:15px;} #recruit #contentsInner #underContents {float:none; clear:both; background-color:#ededed; padding:30px 50px 35px;} #recruit #contentsInner #underContents .main_contents {width:366px; float:left; display:inline;} #recruit #contentsInner #underContents .main_contents p {padding-top:1em;} #recruit #contentsInner #underContents .sub_contents {width:401px; float:right; display:inline; padding-top:40px;} #recruit #contentsInner #underContents .sub_contents h4 {margin-bottom:15px;} #recruit #contentsInner #underContents .sub_contents ul li {padding-bottom:12px;} /* 採用情報(改良版) */ #recruit #contentsInner .recruitguidelines {width:410px; float:right; display:inline; margin-bottom:65px; background-color:rgba(102,102,102,1); padding:15px;} #recruit #contentsInner .recruitoutline {width:440px; float:left; display:inline; margin-bottom:65px;} #recruit #contentsInner .recruitoutline h4 {font-size:16px; line-height:26px; color:#df9b49; font-weight:normal;} #recruit #contentsInner .recruitoutline p {margin-bottom:15px;} #recruit #contentsInner .recruitoutline p.topText {padding:10px 0; font-size:2em;} #recruit #contentsInner .recruitguidelines2 {width:410px; margin-bottom:65px; background-color:rgba(102,102,102,1); padding:15px;} /* h3見出しデザイン */ /* 下線付見出し */ #contentsInner h3.simpleLine {padding:0 0 10px 11px; border-bottom:1px solid #fff;} /* 白box */ #contentsInner h3.floatLeft {float:left; display:inline;} /* 概要 */ #contentsInner .outline p {font-size:1.17em; padding-bottom:48px;} #contentsInner .outline img {display:block; margin:0 auto 0 0;} /* テクノロジー */ .technology #contentsInner .outline {padding-bottom:48px;} .technology #contentsInner .outline p {font-size:1.5em; padding:6px 0 38px;} /* テクノロジー　天然無垢素材 */ #tennen #contentsOuter { background:url(../contents/technology/tennen/mainImgBg.jpg) center 50px no-repeat;} #tennen #contentsInner .outline {padding-bottom:48px; overflow:visible;} #tennen #contentsInner .outline h2 {display:inline;} #tennen #contentsInner .outline h2 img {float:left; display:inline; margin:-20px 0 0 -20px; position:relative;} #tennen #contentsInner .outline p.top {font-size:1.17em; line-height:2.5; padding-top:101px;} #tennen #contentsInner .outline ul {position:relative; clear:both; width:120%;} #tennen #contentsInner .outline ul li {float:left; display:inline; width:209px; margin-right:25px;} #tennen #contentsInner .outline ul p {font-size:1.0em;} #tennen #contentsInner .outline ul p strong {font-size:1.34em; line-height:3.0; display:block; white-space:nowrap;} /* 画像の上にテキストを配置 */ #contentsInner .textCover {position:relative;} #contentsInner .textCover img {position:absolute; left:0; top:0;} #contentsInner .textCover div {position:absolute;} /* テクノロジー */ .technology #contentsInner .textCover div {text-align:left;} .technology #contentsInner .textCover div h3 {font-size:1.34em; line-height:30px; font-weight:normal;} .technology #contentsInner .textCover div p {padding-bottom:1.8em;} .technology #contentsInner .textCover div small {} /* リストデザイン */ /* 白boxリストli */ #contentsInner ul.boxList {float:right; display:inline; width:514px;} #contentsInner ul.boxList li {float:left; display:inline; background-color:#f3f3f3; width:232px; height:191px; margin:0 0 24px 25px;} #contentsInner ul.boxList li a {display:block; text-align:center; height:178px; padding:13px 0 0 16px;} #contentsInner ul.boxList li a img {float:left; display:inline; margin-bottom:13px;} /* 白boxリストdiv.section */ #contentsInner {overflow:hidden;} #contentsInner div.floatBoxList { position:relative; width:120%;} #contentsInner div.floatBoxList .section {float:left; display:inline; position:relative; width:248px; padding:0 19px; margin:30px 25px 0 0; border:1px solid #f3f3f3;} #contentsInner div.floatBoxList a.bottom {display:block; text-align:center; width:286px; position:absolute; left:0; bottom:25px;} /* テクノロジー */ .technology #contentsInner div.floatBoxList .section {padding:21px 25px 0; width:236px; height:422px;} .technology #contentsInner div.floatBoxList .section p {padding-top:12px; line-height:22px;} /* 展示場案内　ゲストハウス結 */ #exhibition_yui div.floatBoxList {margin-top:50px;} #exhibition_yui div.floatBoxList .section {position:relative; height:412px; text-align:left; padding-top:51px;} #exhibition_yui div.floatBoxList .section h3 {position:absolute; left:0; top:0;} #exhibition_yui div.floatBoxList .section img.photoFace {float:left; margin:0 14px 12px 0;} #exhibition_yui div.floatBoxList .section p.text {font-size:16px; line-height:22px; padding:16px 0; } #exhibition_yui div.floatBoxList .section p.name {font-weight:bold;} #exhibition_yui div.floatBoxList .section dl, #exhibition_yui div.floatBoxList .section ul {width:100%; clear:both;} #exhibition_yui div.floatBoxList .section dl *, #exhibition_yui div.floatBoxList .section ul * {font-size:10px; line-height:16px;} #exhibition_yui div.floatBoxList .section dl dt {float:left; display:inline;} #exhibition_yui div.floatBoxList .section dl dd {margin-left:51px;} #exhibition_yui div.floatBoxList .section img.tips {position:absolute; left:19px; bottom:22px;} /* リストデザイン */ /* 2clum */ #contentsInner .detailText table .section {width:auto;} #contentsInner .detailText table .section h3 {margin:40px 0 24px;} #contentsInner .detailText table .section h3 img {float:none; margin:0;} #contentsInner .detailText table .section h4 img {float:none; margin:0 0 37px;} #contentsInner .detailText table .section h5 img {float:none; margin:0 0 7px;} #contentsInner .detailText table .section p {margin-top:-0.3em; position:relative;} #contentsInner .detailText table .section img {float:right; display:inline; margin-left:22px;} /* 2clum */ .technology #contentsInner .detailText table .section h3 {margin:40px 0 24px; padding:0 0 7px;} .technology #contentsInner .detailText table .big .section {width:914px;} .technology #contentsInner .detailText table .big .section h3 {margin:0 0 24px;} .technology #contentsInner .detailText table .big .section p {padding-bottom:1.8em;} #dannetsu #contentsInner .detailText table .section h3 {border-color:#c53300;} #w_sassi #contentsInner .detailText table .section h3 {border-color:#39899d;} #kucho #contentsInner .detailText table .section h3 {border-color:#0e974b;} #sikkui #contentsInner .detailText table .section h3 {border-color:#034cc2;} #kouzou #contentsInner .detailText table .section h3 {border-color:#954e00;} /* 3カラムテキスト画像 */ #contentsInner div.detail3column span, #contentsInner div.detail3column img {float:left; display:inline;} #contentsInner div.detail3column img {margin-left:25px;} #contentsInner div.detail3column.reverse span, #contentsInner div.detail3column.reverse img {float:right;} #contentsInner div.detail3column.reverse img {margin-right:25px; margin-left:0;} /* テクノロジー　デザイナー */ #designer #contentsInner div.detail3column {width:710px; padding:47px 0 46px; margin:0 auto; border-bottom:1px solid #f3f3f3;} #designer #contentsInner div.detail3column span {display:block; width:290px;} #designer #contentsInner div.detail3column span span a { font-size:10px; letter-spacing:0;} #designer #contentsInner div.detail3column span img {margin:0;} #designer #contentsInner div.detail3column span span {float:right; display:inline; width:168px; font-size:20px; line-height:24px; font-weight:normal; text-align:left;} #designer #contentsInner div.detail3column span span img {float:none; margin:14px 0 7px;} #designer #contentsInner div.detail3column.reverse span span {float:left; text-align:right;} #designer #contentsInner div.detail3column span p {clear:both; font-size:0.84em; line-height:2; padding:1em 0 0;} /* テーブルデータ */ #contentsInner table.dataList { width:393px; margin-top:23px; line-height:1.7em; } #contentsInner table.dataList tr th, #contentsInner table.dataList tr td { padding:5px 0; border-bottom:#444444 solid 1px; } /* リストギャラリー */ #contentsInner ul#gallery li {float:left; display:inline;} /* 内観ギャラリー */ #interiorGallery #contentsInner {overflow:visible;} #interiorGallery #contentsInner ul#gallery {background:url(../contents/gallery/img/Bg.png) -7px -7px repeat; width:916px; padding-bottom:1px;} #interiorGallery #contentsInner ul#gallery li {padding:11px 10px 10px;} /* テーブルギャラリー */ #contentsInner #gallery {margin-top:50px; overflow:hidden;} #contentsInner #gallery table {width:940px;} #contentsInner #gallery table col {width:235px;} #contentsInner #gallery table tr td {text-align:left;} #contentsInner #gallery table tr td p {color:#d4d4d4; padding:6px 25px 20px 0;} /* 研修旅行 */ #travel #contentsInner #gallery {padding-left:10px; margin-bottom:50px;} #travel #contentsInner #gallery table {width:930px;} #travel #contentsInner #gallery table col {width:310px;} #travel #contentsInner #gallery table tr td p {padding-top:16px;} #travel #h24 {margin-top:60px;} #travel #h24 ul {padding:18px 0 0 10px;} #travel #h24 li {float:left; display:inline;} #travel #h26 {margin-top:60px;} #travel #h26 ul {padding:18px 0 0 10px;} #travel #h26 li {float:left; display:inline;} #travel #h27 {margin-top:60px;} #travel #h27 ul.ulul {padding:18px 0 0 10px; float:left; display:inline; margin-right:10px;} #travel #h27 ul {padding:0; float:left; display:inline;} #travel #h27 li {float:left; display:inline; margin:0;} #travel #h27 p {width:320px; letter-spacing:0.05em;} /* e-book */ #contentsInner .eBook {height:264px; padding:0 60px; margin:0 auto;} #contentsInner .eBook p {height:139px; padding:0 181px 0 163px; margin-top:-139px; position:relative; line-height:2.17;} #contentsInner .eBook a {display:block; margin-top:7px;} /* テクノロジーカタログ */ .technology #contentsInner .eBook {padding:36px 34px 0 29px;} .technology #contentsInner .eBook p {padding-left:327px; padding-right:350px; margin-top:-163px;} /* メイン画像 */ #contentsInner .mainImg {margin-bottom:53px;} #kouzou #contentsInner .mainImg {margin-bottom:0px;} #designer #contentsInner .mainImg {margin-bottom:0px;} /* index */ #index #contentsInner {padding-top:45px; margin-top:0; margin-bottom:50px;} #index #contentsInner .top_contents { margin-bottom:41px; } #index #contentsInner .sub_contents { float:right; width:275px; } #index #contentsInner .main_contents { float:left; width:575px; text-align:left; } #index #contentsInner .bottom_contents { border-top:#ffffff solid 1px; padding-top:32px; width:914px;} #index #contentsInner #gallery { margin-bottom: 47px;} #index #contentsInner #gallery ul { margin-top: 14px;} #index #contentsInner #gallery ul li { float: left;} #index #contentsInner #exhibition { margin-bottom:15px;} #index #contentsInner #exhibition table { margin-top:34px;} #index #contentsInner #exhibition table td { padding-bottom:20px;} #index #contentsInner #exhibition a img { padding-bottom:2px; display:block;} #index #contentsInner #exhibition a { text-decoration: none;} #index #contentsInner #exhibition a p { width:175px; font-size:10px; line-height:1.6em;} #index #contentsInner #exhibition a:hover p { text-decoration: underline;} #index #contentsInner #pickup-news {padding:20px 0 0;} #index #contentsInner #pickup-news div h3 {margin:0 0 10px;} #index #contentsInner #pickup-news #pickup {float:left; display:inline; width:364px; height:382px;} #index #contentsInner #pickup-news #news {float:right; display:inline; width:531px; height:382px;} #index #contentsInner .sub_contents .banner2 {padding:1px 0 0;} #index #contentsInner .sub_contents .banner2 img {padding:0 0 1px;} #index #contentsInner .sub_contents table tr td { border:1px solid #6e6e6e;} #index #contentsInner .bottom_contents div.menu { float:left; width:339px; font-size:10px; } #index #contentsInner .bottom_contents div.menu ul { width:145px; margin-bottom:20px; } #index #contentsInner .bottom_contents div.menu ul li { background:url(../img/li_icon.gif) no-repeat 2px 4px ; padding-left:10px; } #index #contentsInner .bottom_contents div.banner { float: right; width:575px;} #index #contentsInner .bottom_contents div.banner img { margin-bottom:25px;} #index table.r_banner a:hover {filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} #index #contentsInner #banner_planning { padding-bottom:65px;} /* 2012年グラウンドホーム感謝祭 */ #index a.eventBunner {width:914px; height:220px; background:url(../img/eventBunner.jpg) center no-repeat; margin:0 0 50px; display:block;} #index a.eventBunner p.eventBunner_p {color:#d4d4d4; padding:80px 0 0 550px; line-height:2;} #index a.eventBunner p.eventBunner_p b {color:#d4d4d4; font-size:1.33em; font-weight:bold;} /* FURUSATO Series LineUP */ #index ul.furusato_lineup {width:574px; margin:30px 0 50px;} #index ul.furusato_lineup li {margin:0 2px 2px 0; float:left; display:inline;} #index ul.furusato_lineup li.no_margin {margin-right:0;} /* イメージソング */ #index #isoyama {padding:0 0 30px; position:relative;} #index #isoyama iframe {display:block; /*width:268px; height:201px;*/ position:absolute; left:18px; top:100px;} #index #isoyama ul li {display:inline; float:left;} /* BGM(威風堂々) */ #indexAudio {position:fixed; left:10px; bottom:10px; padding:10px 0 0; opacity:0.8;} #indexAudio audio { width:300px; height:30px;} /* 商品ラインナップ */ .lineup #contentsInner {text-align:center;} .lineup #contentsInner .outline {font-size:1.17em; padding-bottom:48px;} .lineup #contentsInner .section {width:791px; height:264px; margin:0 auto;} .lineup #contentsInner .section p {height:139px; padding:0 181px 0 163px; margin-top:-139px; position:relative; line-height:2.17;} .lineup #contentsInner .section a {display:block; margin-top:7px;} .lineup #contentsInner .section p a {display:inline; margin:0 2px;} /* イベント情報 */ #event #contentsInner {padding-top:11px; margin-top:0;} #event #contentsInner .clearfix {text-align:left; margin-top:61px;} #event #contentsInner .clearfix img {float:left; display:inline; margin-right:50px;} #event #contentsInner .clearfix div {overflow:hidden; zoom:1;} #event #contentsInner .clearfix div h3 {font-size:1.5em; line-height:1.23; font-weight:normal; padding:0 0 8px; border-bottom:1px solid #fff;} #event #contentsInner .clearfix div p {padding:10px 0 37px;} /* 進行中の現場 */ #during #contentsInner {margin-top:40px;} #during #contentsInner table {width:914px;} #during #contentsInner table col.col1 {width:489px;} #during #contentsInner table col.col2 {width:425px;} #during #contentsInner thead h3 {font-size:1.17em; line-height:1.58; font-weight:normal; background-color:#f3f3f3; color:#1c1c1c; padding:8px 10px 7px; margin:32px 0 40px;} #during #contentsInner tbody img {margin:0 0 10px 10px;} #during #contentsInner tbody ul.clearfix li {float:left; display:inline;} #during #contentsInner tfoot p {padding:0 0 1.8em 10px;} /* 展示場のご案内 */ .exhibition #contentsInner {margin-bottom:25px;} .exhibition #contentsInner h3 {margin-bottom:34px;} .exhibition #contentsInner ul.subNav {border:1px solid #d4d4d4; width:150px; padding:10px 0;} .exhibition #contentsInner ul.subNav li {text-align:left;} .exhibition #contentsInner ul.subNav li a {color:#f3f3f3; line-height:18px; text-decoration:none; padding:10px 0 10px 30px; display:block; background:url(../share/arrowRight_w_b.png) 19px center no-repeat;} .exhibition #contentsInner ul.subNav li a:hover {text-decoration:underline;} .exhibition #contentsInner ul.subNav_page {width:914px; height:60px; margin:30px auto; background:#2e2e2e;} .exhibition #contentsInner ul.subNav_page li {text-align:left; float:left; display:inline;} .exhibition #contentsInner ul.subNav_page li a {height:60px; display:block; color:#f3f3f3; line-height:5; text-decoration:none; padding:0 10px 0 30px; background:url(../share/arrowRight_w_b.png) 19px center no-repeat;} .exhibition #contentsInner ul.subNav_page li a:hover {text-decoration:underline;} #exhibition_top #contentsInner ul {float:left; display:inline;} #exhibition_top #contentsInner ul.clearfix {width:762px;} #exhibition_top #contentsInner ul.clearfix li {float:left; display:inline; width:229px; height:256px; margin-left:25px; text-align:left;} #exhibition_top #contentsInner ul.clearfix li img {display:block; margin-bottom:8px;} #exhibition_top #contentsInner ul.clearfix li a {font-size:10px; line-height:14px; color:#d4d4d4; text-decoration:none;} #exhibition_top #contentsInner ul.clearfix li a:hover {text-decoration:underline;} .exhibition #contentsInner #head {height:375px; position:relative; text-align:left;} .exhibition #contentsInner #head img {position:absolute; right:0; top:0;} .exhibition #contentsInner #head span {} .exhibition #contentsInner #head span * {color:#d4d4d4;} .exhibition #contentsInner #head span img {position:relative; display:block; margin-bottom:12px;} .exhibition #contentsInner #head span p {font-size:1.17em; line-height:1.65; margin-bottom:-0.32em; position:relative;} .exhibition #contentsInner #head a.ebookbanner {width:330px; height:170px; display:block; position:absolute; left:0; bottom:0;} .exhibition #contentsInner #map {border:1px solid #f3f3f3; margin-top:40px;} #exhibition_yui #box4 {padding:20px 0 40px;} #exhibition_yui #box4 .section h3 {margin:40px 0 10px;} /* 施工事例 */ .enforce #contentsInner {margin-top:74px;} .enforce #contentsInner .boxList { width:801px; margin-right:0; } .enforce #contentsInner .boxList li { position:relative; height:264px; margin-left:35px; margin-bottom:7px;} .enforce #contentsInner .boxList li a div.mainPhoto { width:200px; height:132px; background:#d9d9d9; text-align:center; overflow:hidden; margin-bottom:13px; } .enforce #contentsInner .boxList li a div.mainPhoto img { height:132px; display:block; float:none; margin:0 auto; } .enforce #contentsInner .boxList li a { color:#1c1c1c; text-decoration:none; padding-right:16px; } .enforce #contentsInner .boxList li a p img { float:right; } .enforce #contentsInner .boxList li a p span { display:block; padding-bottom:5px; font-size:10px; } .enforce #contentsInner .boxList li img.detailBtn { position:absolute; top:156px; left:132px;　} /* newIcon */ .enforce #contentsInner .boxList li img.newIcon { position:absolute; top:5px; left:-5px; display:none;} .enforce #contentsInner .boxList li.new img.newIcon { display:block;} .enforce #contentsInner div.pager { width:795px; padding-left:119px;} .enforce #contentsInner div.pager a { display: inline-block; margin: 0 0 20px 30px; font-size:14px;} /* 施工事例 詳細*/ .enforce.detail #contentsInner img.detail {float:right; display:inline; margin-bottom:12px;} .enforce.detail #contentsInner div.article { width:834px; float:right;} .enforce.detail #contentsInner div.article .pl25 { padding-left:25px;} .enforce.detail #contentsInner div.article p.title { font-size:16px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:1.5; margin-top:-4px;} .enforce.detail #contentsInner div.article p.area { padding-top:35px; } .enforce.detail #contentsInner div.article div.PhotoOuter { margin-top:-14px; width:834px; height:450px; position:relative;} .enforce.detail #contentsInner div.article div.PhotoOuter img.gaikan { position:absolute; left:732px; top:355px;} .enforce.detail #contentsInner div.article div.Photo { width:570px; height:375px; background:#000; text-align:center; overflow:hidden; margin-bottom:13px; margin-left:264px; } .enforce.detail #contentsInner div.article div.Photo img { height:375px; display:block; float:none; margin:0 auto; } .enforce.detail #contentsInner div.article ul { display:inline; width:834px;} .enforce.detail #contentsInner div.article ul li { padding:0 0 60px 25px; width:392px; height:450px; float:left;} .enforce.detail #contentsInner div.article ul li div.Photo { width:392px; height:256px; margin:0;} .enforce.detail #contentsInner div.article ul li div.Photo img { height:256px; } .enforce.detail #contentsInner div.article ul li p { padding-top:16px;} .enforce.detail #contentsInner div.article ul li div.cap { margin:-26px 0 0 15px; height:33px; text-align:left;} .enforce.detail #contentsInner div.article ul li div.cap p { display: inline; background:#f3f3f3; color:#1c1c1c; padding:10px 7px; font-size:14px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; } /* 施工事例 upしたら消す */ #enforce_top #contentsInner #subContents p {float:left; display:inline; width:146px; color:#cbcbcb; font-size:0.84em; line-height:2.4; padding-top:0.59em;} .enforce.detail #contentsInner img.detail {float:right; display:inline; margin-bottom:12px;} .enforce.detail #contentsInner table {float:right; display:inline; width:834px;} .enforce.detail #contentsInner table td {padding-left:25px;} .enforce.detail #contentsInner table td img {margin:40px 0 0;} .enforce.detail #contentsInner table td p {padding-top:12px;} /* 施工事例 upしたら消す */ /* 会社案内 */ #groundhome.first #contentsInner { margin-bottom:20px;} #groundhome.first #contentsInner div.text_photo p {float: right; width:679px;} #groundhome.first #contentsInner div.text_photo img { float:left; width:210px;} #groundhome.first #contentsInner div.text p { width:914px;} #groundhome.first #contentsInner div.text p strong { font-weight:normal; color:#b03d1e;} #groundhome.first #contentsInner div.text_photo,#groundhome.first #contentsInner div.text { margin-bottom:50px;} #groundhome.first #contentsInner div.column div.taki div { width:444px; float: left; } #groundhome.first #contentsInner div.column p.doushi strong { font-size:133%; font-weight:bold; color:#f3f3f3; } #groundhome.first #contentsInner div.column div h3 { border-left:#f3f3f3 solid 5px; font-size:133%; padding-left:10px; line-height:1.4em; margin-bottom:5px; } #groundhome.first #contentsInner div.column div p { margin-bottom:28px; } #groundhome.first #contentsInner div.column div.dream { margin-top:26px; } #groundhome.first #contentsInner div.column div.dream img { float:left;} #groundhome.first #contentsInner div.column div.dream p { width:809px; float:right; font-size:116%; margin-top:-4px; } #groundhome.first #contentsInner h4 {height:54px; padding-left:35px; font-size:24px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:lighter; vertical-align:baseline;} #groundhome.first #contentsInner h4.largenumber {padding-left:62px;} #groundhome.companyname #contentsInner div { background:url(../contents/groundhome/img/companyname/com02.jpg) bottom left no-repeat;} #groundhome.companyname #contentsInner div img { float: right; margin-top: 17px;} #groundhome.companyname #contentsInner div p { width:457px; margin-top: 23px; float:left;} #groundhome.outline #contentsInner { margin-bottom:80px} #groundhome.outline #contentsInner div.ground { width:457px; float:left;} #groundhome.outline #contentsInner div.ground h4 { margin:46px auto 6px ;} #groundhome.outline #contentsInner div.ground p.aisatsu { margin-top:23px; margin-bottom:60px;} #groundhome.outline #contentsInner div.ground p.aisatsu img { float: right; margin:5px 0 25px 25px; } #groundhome.outline #contentsInner div.ground table { margin-top:23px; margin-bottom:20px; font-size:10px; } #groundhome.outline #contentsInner div.ground table tr td , #groundhome.outline #contentsInner div.ground table tr td p { text-align: center; } #groundhome.outline #contentsInner div.about { width:393px; float:right;} #groundhome.policy #contentsInner h3 { margin-top:60px; } #groundhome.policy #contentsInner .shimei{ width:430px; float:left; } #groundhome.policy #contentsInner .shimei h4 { padding-top:36px; margin-bottom:6px;} #groundhome.policy #contentsInner .future { width:420px; float:right; } #groundhome.policy #contentsInner .future p { padding-top:36px; height:454px; font-size:14px; background:url(../contents/groundhome/img/policy/poli_08.jpg) no-repeat bottom;} #groundhome.media #contentsInner p { font-size:14px; margin-top:23px;} #groundhome.media #contentsInner ul { background:url(../contents/groundhome/img/media/bg.gif) top repeat-y; overflow:hidden; width:939px;} #groundhome.media #contentsInner ul li { width:131px; height:300px; padding-right:25px; float:left; display: block; position:relative; text-align:center; } #groundhome.media #contentsInner ul li p { width:131px; height:61px; font-size:12px; line-height:1.4em; text-align:center; display:block; position:absolute; bottom:0; left:0; } #groundhome.media #contentsInner ul li img { position:absolute; bottom:71px; left:0; } #groundhome.festival #contentsInner p { font-size:18px; } #groundhome.festival #contentsInner div p { font-size:12px; width:641px; float:right; margin-top:-3px; margin-bottom:13px;} #groundhome.festival #contentsInner div img { float: left;} #groundhome.festival #contentsInner table { float:right;} #groundhome.festival #contentsInner div.photo { margin-top:26px; margin-bottom:60px;} #groundhome.festival #contentsInner div.title { height:162px; padding-top:60px; border-top: #FFF 1px solid;} #groundhome.festival #contentsInner div table tr th { vertical-align:bottom;} /* 採用情報 */ #recruit #contentsInner #subContents strong {display:block; margin:0 0 1em;} #recruit #contentsInner #subContents table {margin:1em 0 0;} #recruit #contentsInner #subContents table tr td {border:1px solid #000;} #recruit #contentsInner #subContents table tr th {padding-bottom:3px;} /* 研修旅行 */ #travel #contentsInner .section p {padding:15px 0 0 10px; overflow:hidden;} #travel #contentsInner .section div {float:left; padding-left:10px;} #travel #contentsInner .section div img {margin:18px 15px 0 0;} /* お問い合せ・資料請求 */ #inquiry #contentsInner {margin-top:74px;} #inquiryForm { background:#f3f3f3; width:818px; padding:25px 48px 38px; color:#1c1c1c; position:relative;} #inquiryForm b {padding:0 1px;} #inquiryForm h3 {font-size:1.5em; font-weight:normal; padding-bottom:18px;} #inquiryForm table {width:100%; margin:33px 0 0;} #inquiryForm table tr th, #inquiryForm table tr td {padding:10px 0 10px 18px; border:1px solid #f3f3f3;} #inquiryForm table tr th {background:#1c1c1c; color:#fff; width:184px;} #inquiryForm table tr.spacer th { border-top-width:20px; text-align:center;} #inquiryForm table tr td {background:#ffffff; color:#1c1c1c;} #inquiryForm table tr td small {font-size:0.84em;} #inquiryForm table tr td input {border-top:1px solid #bebebe; border-left:1px solid #bebebe; border-right:0; border-bottom:0; background-color:#f3f3f3; height:18px; vertical-align:middle; margin:1px 0.2em 0 0;} #inquiryForm table tr td label {cursor:pointer;} #inquiryForm table tr td input.radio {border:none; background:none;} #inquiryForm table tr td input.checkbox {vertical-align:middle;} #inquiryForm table tr td select {border:1px solid #bebebe; background-color:#f3f3f3;} #inquiryForm table tr td textarea {width:465px; height:127px; border-top:1px solid #bebebe; border-left:1px solid #bebebe; border-right:0; border-bottom:0; } #inquiryForm div p {text-align:center; padding-top:27px;} #inquiryForm div input {border:none; margin-top:18px;} #inquiryForm div input { vertical-align:top;} #inquiryForm div a img { cursor:pointer;} /* 内容確認画面 */ #inquiryForm table tr td span.error { color:#d62020; background:#fbd1d1; padding:0 8px;} /* プレゼント */ #present .section div {background:url(../contents/present/img/textBg.jpg) 27px 42px no-repeat; height:165px; padding:40px 0 48px 252px; position:relative;} #present .section div h4 {padding-bottom:14px;} #present .section div p {position:absolute; left:252px; bottom:41px; font-size:1.17em; line-height:25px; white-space:nowrap;} #present #inquiryForm {padding-top:25px;} #present #inquiryForm table.box1 {margin:18px 0 28px;} #present #inquiryForm table.box2 {margin:12px 0 0;} .inquiry #contentsInner #inquiryForm p a { color:#d62020;} /* プレゼント */ #privacy .section {text-align:left;} #privacy .section img {margin:40px 0 14px;} #privacy .section p {padding-bottom:8px;} #privacy .section ol li {font-size:1.17em;} #privacy .section ol li h4 {padding:31px 0 9px;} #privacy .section h3 img, #privacy .section ol li h4 img {margin:0;} /* キャンペーン */ #campaign .section .clearfix {padding:40px 0 0 10px;} #campaign .section .clearfix p {padding-top:1.0em; width:553px;} #campaign .section .clearfix p a {color:#b60005;} #campaign .section .clearfix img {float:right;} #campaign .section .clearfix h4 img {float:none;} /* サイトマップ */ #sitemap #contentsInner {margin-top:74px; margin-bottom:0;} #sitemap #contentsInner table tr td { padding-bottom:20px;} #sitemap #contentsInner a { text-decoration:none; color:#f3f3f3;} #sitemap #contentsInner a:hover { text-decoration: underline;} #sitemap #contentsInner ul { margin:10px 0 20px 5px; line-height:30px;} #sitemap #contentsInner ul li { background:url(../img/li_icon.gif) no-repeat 2px 10px; padding-left:14px; } #sitemap #contentsInner ul li.Inner { background: url(../contents/sitemap/img/site_i.gif) no-repeat 14px 10px; padding-left:30px; } /* オーガニックハウス改 - フランク・ロイド・ライトとは -*/ .lineup #contentsInner .wright_top {background:url(../img/org_wrighttop.jpg) left top no-repeat; height:224px; text-align:left; margin-bottom:93px; padding:160px 0 0 37px;} .lineup #contentsInner .wright_detail .wright_detail00 h2, .lineup #contentsInner .wright_detail .wright_detail00 p {text-align:center;} .lineup #contentsInner .wright_detail .wright_detail00 h2 {font-size:21px; font-weight:normal; color:#bab7b6; line-height:2.4; margin-bottom:25px;} .lineup #contentsInner .wright_detail .wright_detail00 p {margin-bottom:100px;} .lineup #contentsInner .wright_detail .wright_detail01 h4, .lineup #contentsInner .wright_detail .wright_detail02 h4, .lineup #contentsInner .wright_detail .wright_detail03 h4 {font-size:18px; font-weight:normal;} .lineup #contentsInner .wright_detail .wright_detail01 p, .lineup #contentsInner .wright_detail .wright_detail02 p, .lineup #contentsInner .wright_detail .wright_detail03 p {color:#bab7b6; margin-bottom:12px;} .lineup #contentsInner .wright_detail .wright_detail01, .lineup #contentsInner .wright_detail .wright_detail02, .lineup #contentsInner .wright_detail .wright_detail03 {position:relative; margin-bottom:20px;} .lineup #contentsInner .wright_detail .wright_detail01 {height:340px;} .lineup #contentsInner .wright_detail .wright_detail02 {height:348px; margin-bottom:0;} .lineup #contentsInner .wright_detail .wright_detail03 {height:375px;} .lineup #contentsInner .wright_detail .detailtext {position:absolute; z-index:10;} .lineup #contentsInner .wright_detail .wright_detail01 .detailtext {width:430px; top:0; left:40px;} .lineup #contentsInner .wright_detail .wright_detail02 .detailtext {width:458px; top:0; right:40px;} .lineup #contentsInner .wright_detail .wright_detail03 .detailtext {width:515px; top:30px; left:40px;} .lineup #contentsInner .wright_detail .wright_detail01 img {width:518px; height:321px; position:absolute; bottom:0; right:0; z-index:1;} .lineup #contentsInner .wright_detail .wright_detail02 img {width:534px; height:398px; position:absolute; top:0; left:0; z-index:1;} .lineup #contentsInner .wright_detail .wright_detail03 img {width:475px; height:335px; position:absolute; top:0; right:0; z-index:1;} .lineup #contentsInner .wright_works .div_package {clear:both;} .lineup #contentsInner .wright_works {text-align:left; background:url(../img/org_worksBG.jpg) left top no-repeat #242323; padding:50px 40px 45px;} .lineup #contentsInner .wright_works .wright_works01 {margin-bottom:55px;} .lineup #contentsInner .wright_works .wright_works01 .works_H01 {width:376px; height:22px; background:url(../img/org_worksHBG.png) left top no-repeat; margin-bottom:25px; padding:25px 0 0 31px;} .lineup #contentsInner .wright_works .wright_works01 .workstext {width:407px; float:right; display:inline;} .lineup #contentsInner .wright_works .wright_works02 img {width:446px; height:237px; float:right; display:inline; margin-bottom:35px;} .lineup #contentsInner .wright_works .wright_works02 .workstext {width:360px;} .lineup #contentsInner .wright_works .div_package .packageL {width:400px;} .lineup #contentsInner .wright_works .div_package .packageR {width:405px; float:right; display:inline;} .lineup #contentsInner .wright_works .wright_works03 .workstext, .lineup #contentsInner .wright_works .wright_works04 .workstext {width:185px;} .lineup #contentsInner .wright_works .wright_works03 .workstext {float:right; display:inline;} .lineup #contentsInner .wright_works .wright_works04 .workstext h4, .lineup #contentsInner .wright_works .wright_works04 .workstext p {text-align:right;} .lineup #contentsInner .wright_works .wright_works03 {margin-bottom:33px;} .lineup #contentsInner .wright_works .wright_works04 img {width:200px; height:149px; float:right; display:inline; margin-bottom:13px;} .lineup #contentsInner .wright_works h3.works_H02 {width:524px; height:23px; margin:0 0 40px 279px; padding:27px 31px 0 0; clear:both; background:url(../img/org_worksHBG.png) right top no-repeat;} .lineup #contentsInner .wright_works h3.works_H03 {width:510px; height:22px; margin-bottom:35px; padding:28px 0 0 54px; background:url(../img/org_worksHBG.png) left top no-repeat;} .lineup #contentsInner .wright_works .wright_works06 .workstext {width:406px;} .lineup #contentsInner .wright_works .wright_works06 img {width:400px; height:297px; float:right; display:inline;} .lineup #contentsInner .wright_works .wright_works06 {height:297px; margin-bottom:12px;} .lineup #contentsInner .wright_works .wright_works07 {height:305px;} .lineup #contentsInner .wright_works .wright_works07 .workstext {width:510px; float:right;} .lineup #contentsInner .wright_works .wright_works08 {height:300px; margin-bottom:30px;} .lineup #contentsInner .wright_works .wright_works08 img {width:400px; height:297px; float:right;} .lineup #contentsInner .wright_works .wright_works08 .workstext {width:405px; padding-top:155px;} .lineup #contentsInner .wright_works h3.works_H04 {width:397px; height:22px; margin:0 0 15px 401px; padding:0 36px 28px 0; background:url(../img/org_worksHBG.png) right bottom no-repeat;} .lineup #contentsInner .wright_works .wright_works09 {height:237px; margin-bottom:42px;} .lineup #contentsInner .wright_works .wright_works09 .workstext {width:360px; float:right; display:inline;} .lineup #contentsInner .wright_works .wright_works10 {height:297px;} .lineup #contentsInner .wright_works .wright_works10 img {width:400px; height:297px; float:right;} .lineup #contentsInner .wright_works .wright_works10 .workstext {width:315px;} .lineup #contentsInner .wright_works .workstext h4 {font-size:18px; font-weight:normal; line-height:1.5; margin-bottom:25px;} .lineup #contentsInner .wright_works .workstext h4 small {font-size:12px;} .lineup #contentsInner .wright_foundation {width:834px; height:397px; background:url(../img/org_foundationBG.jpg) left top no-repeat; margin-top:30px; padding:22px 40px 0; text-align:left; color:#211c1c;} .lineup #contentsInner .wright_foundation img.foundation_photo {width:218px; height:294px; margin-top:28px;} .lineup #contentsInner .wright_foundation p {margin:-150px 0 0 240px;} /* オーガニックハウス改 LINE UP */ .lineup #contentsInner .org_lineup {height:1128px; background:url(../img/org_lineupBG.jpg) left top repeat;} .lineup #contentsInner .org_lineup ul.lineup_list {width:874px; height:1009px; background:url(../img/org_lineup_ulBG.jpg) left top no-repeat; padding-left:40px;} .lineup #contentsInner .org_lineup ul.lineup_list li {width:437px; height:328px; float:left; display:inline;} .lineup #contentsInner .org_lineup ul.lineup_list li.list_bottom {height:353px;} .lineup #contentsInner .lineup_bottom {background:url(../contents/lineup/organic/images/lineupBottombg.jpg) left top no-repeat; width:914px; height:333px; position:relative;} .lineup #contentsInner .lineup_bottom img, .lineup #contentsInner .lineup_bottom h3 {position:absolute;} .lineup #contentsInner .lineup_bottom h3 {width:239px; height:48px; right:0; top:80px; z-index:5;} .lineup #contentsInner .lineup_bottom img.lineuplist07 {width:316px; height:177px; left:387px; top:59px; z-index:1;} .lineup #contentsInner .lineup_bottom img.lineuplist08 {width:320px; height:156px; right:40px; bottom:24px; z-index:4;} .lineup #contentsInner .lineup_bottom img.lineuplist09 {width:347px; height:260px; left:40px; top:59px; z-index:3;} .lineup #contentsInner .lineuplist p.lineup08 {position:absolute; left:70px; top:139px; color:#221815; font-size:13px; line-height:1.84em;} /* オーガニックハウス改 CONCEPT */ .lineup #contentsInner .org_concept {height:1927px; background:url(../img/org_lineupBG.jpg) left top repeat; color:#242323;} .lineup #contentsInner .org_concept h2 {width:914px; height:144px; background:url(../img/org_conceptHBG.jpg) left top no-repeat; padding-top:83px; text-align:right;} .lineup #contentsInner .org_concept .concept_text p {letter-spacing:0.06em; margin-bottom:1em;} .lineup #contentsInner .org_concept .concept01 {height:713px; background:url(../img/org_concept01BG.jpg) left top no-repeat; text-align:right;} .lineup #contentsInner .org_concept .concept01 .concept_text {width:415px; margin-left:50px;} .lineup #contentsInner .org_concept .concept_text h3 {margin-bottom:15px;} .lineup #contentsInner .org_concept .concept01 .concept_text h4 {margin-top:45px;} .lineup #contentsInner .org_concept .concept01 .concept_text p {width:400px; margin-left:8px;} .lineup #contentsInner .org_concept .concept01 img.concept_photo {width:422px; height:595px; margin-top:-572px;} .lineup #contentsInner .org_concept .concept02 {height:652px; background:url(../img/org_concept02BG.jpg) left top no-repeat; text-align:left;} .lineup #contentsInner .org_concept .concept02 .concept_text {width:460px; margin-left:396px;} .lineup #contentsInner .org_concept .concept02 .concept_image {width:402px; height:244px; margin:20px 0 0 38px;} .lineup #contentsInner .org_concept .concept02 img.concept_photo {width:354px; height:592px; margin-top:-561px;} .lineup #contentsInner .org_concept .concept03 {height:335px; background:url(../img/org_concept03BG.jpg) left top no-repeat; text-align:right;} .lineup #contentsInner .org_concept .concept03 .concept_text {width:417px; margin-left:40px;} .lineup #contentsInner .org_concept .concept03 .concept_text p {width:390px;} .lineup #contentsInner .org_concept .concept03 img.concept_photo {width:607px; height:256px; margin-top:-176px;} /* オーガニックハウス改 認定証 */ .lineup #contentsInner .nintei_main h2 {width:684px; height:62px; margin:70px auto 90px;} .lineup #contentsInner .nintei_main .main_text {width:472px; float:right; display:inline;} .lineup #contentsInner .nintei_main .main_text p.text_first {padding-bottom:16px; margin:15px 0 36px; border-bottom:1px solid #44413a;} .lineup #contentsInner .nintei_main .main_text p.text_second {font-size:13px; margin:16px 0 45px;} .lineup #contentsInner .nintei_main .ownersplate {width:384px;} .lineup #contentsInner .nintei_main .ownersplate h4, .lineup #contentsInner .nintei_main .ownersplate p , .lineup #contentsInner .nintei_main .oh_diploma .diploma_list h4, .lineup #contentsInner .nintei_main .oh_diploma .diploma_list p {text-align:center; line-height:1.5;} .lineup #contentsInner .nintei_main .oh_diploma {width:914px; height:600px; background:url(../img/org_ninteiBG.jpg) left top no-repeat; padding-top:57px; clear:both;} .lineup #contentsInner .nintei_main .oh_diploma h3 {width:392px; height:66px; margin:0 auto 50px;} .lineup #contentsInner .nintei_main .oh_diploma ul {width:750px; margin:0 auto;} .lineup #contentsInner .nintei_main .oh_diploma ul li {width:250px; height:340px; float:left; display:inline;} .lineup #contentsInner .nintei_main .oh_diploma .diploma_list h4, .lineup #contentsInner .nintei_main .ownersplate h4 {font-size:16px; margin-bottom:5px;} .lineup #contentsInner .nintei_main .oh_diploma .diploma_list h4 {margin-top:17px;} /* オーガニックハウス */ .lineup #contentsInner .organicPage01 {height:622px; background-image:url(../contents/lineup/organic/images/bg02.jpg); color:#000; text-align:left;} .lineup #contentsInner .organicPage01 img.lineupImage {margin-left:292px;} .lineup #contentsInner .organicPage01 p {margin:-433px 0 0 50px; font-size:10px; line-height:1.6;} .lineup #contentsInner .organicPage01 p span {font-size:13px; font-weight:bold; line-height:1.8;} .lineup #contentsInner .organicPage01 img.threedesign {margin:35px 0 0 50px;} .lineup #contentsInner .organicPage02 {height:608px; background-image:url(../contents/lineup/organic/images/bg02.jpg); padding:0 0 0 43px;} .lineup #contentsInner .organicPage02 ul li {width:260px; height:240px; margin:30px 8px; float:left;} .lineup #contentsInner .organicPage03a {height:175px; background-color:#4a5257;} .lineup #contentsInner .organicPage03b {height:225px; background-color:#4a5257; padding:0 38px; font-size:10px; line-height:1.6; letter-spacing:0.1em;} .lineup #contentsInner .organicPage03b p { margin-top:10px;} .lineup #contentsInner .organicPage03a img {margin:30px auto; clear:both;} .lineup #contentsInner .organicPage03b .floatLeft {float:left;} .lineup #contentsInner .organicPage03b .floatRight {float:right;} .lineup #contentsInner .organicPage03b div.floatLeft {width:315px;} .lineup #contentsInner .organicPage03b div.floatRight {width:482px;} .lineup #contentsInner .organicPage03b div.floatRight p {width:232px;} .lineup #contentsInner .organicPage03b div.floatRight p span {font-size:13px;} .lineup #contentsInner .organicPage04 {height:180px; background-color:#9a0011;} .lineup #contentsInner .organicPage04 ul {width:855px; margin:0 auto; padding-top:20px;} .lineup #contentsInner .organicPage04 ul li {height:150px; ; float:left;} .lineup #contentsInner .organicPage04 ul li p {font-size:8px; font-weight:bold; text-align:center; line-height:1.1; margin-top:3px; letter-spacing:0.05em;} .lineup #contentsInner .organicPage04 ul li p.li_p {font-size:9px;} .lineup #contentsInner .lineuplist {height:1100px; background:url(../contents/lineup/organic/images/lineupBG.jpg) center top repeat-y; color:#000; line-height:1.4; position:relative;} .lineup #contentsInner .lineuplist h2, .lineup #contentsInner .lineuplist h3, .lineup #contentsInner .lineuplist p, .lineup #contentsInner .lineuplist img.lineup_Small, .lineup #contentsInner .lineuplist img.lineup_Medium, .lineup #contentsInner .lineuplist img.lineup_Large2, .lineup #contentsInner .lineuplist img.lineup_Large3, .lineup #contentsInner .lineuplist img.lineup_Large {position:absolute;} .lineup #contentsInner .lineuplist h2 {left:66px; top:54px;} .lineup #contentsInner .lineuplist h3 {left:66px; top:719px;} .lineup #contentsInner .lineuplist p {left:73px; top:780px; z-index:10;} .lineup #contentsInner .lineuplist p.lineup07 {left:70px; top:137px; font-size:13px; line-height:1.8em;} .lineup #contentsInner .lineuplist img.lineup_Small {right:389px; top:216px;} .lineup #contentsInner .lineuplist img.lineup_Medium {right:60px; top:87px;} .lineup #contentsInner .lineuplist img.lineup_Large {right:15px; bottom:0px; z-index:1;} .lineup #contentsInner .lineuplist img.lineup_Large2 {right:15px; bottom:0px; z-index:2;} .lineup #contentsInner .lineuplist img.lineup_Large3 {right:0; top:216px; z-index:1;} .lineup #contentsInner .lineuplist .mainImg-Outer {position:absolute; left:135px; top:130px; width:642px; height:564px;} .lineup #contentsInner .lineuplist #mainImg-slide {width:642px; height:449px;} .lineup #contentsInner .lineuplist #mainImg-pager { position:absolute; right:0; bottom:0;} .lineup #contentsInner .lineuplist #mainImg-pager a {width:140px; height:98px; margin-left:17px; float:left; display:inline; background:url(../contents/lineup/organic/images/1_1.jpg) left top no-repeat; background-size:cover; text-indent:-999px; overflow:hidden; opacity:0.5;} .lineup #contentsInner .lineuplist #mainImg-pager a.selected {opacity:1;} .lineup #contentsInner .lineuplist #mainImg-pager a:nth-child(2) {background-image:url(../contents/lineup/organic/images/1_2.jpg);} .lineup #contentsInner .lineuplist #mainImg-pager a:nth-child(3) {background-image:url(../contents/lineup/organic/images/1_3.jpg);} .lineup #contentsInner .lineuplist #mainImg-pager a:nth-child(4) {background-image:url(../contents/lineup/organic/images/1_4.jpg);} .lineup #contentsInner .lineuplist #mainImg-2 #mainImg-pager a:nth-child(1) {background-image:url(../contents/lineup/organic/images/2_1.jpg);} .lineup #contentsInner .lineuplist #mainImg-2 #mainImg-pager a:nth-child(2) {background-image:url(../contents/lineup/organic/images/2_2.jpg);} .lineup #contentsInner .lineuplist #mainImg-2 #mainImg-pager a:nth-child(3) {background-image:url(../contents/lineup/organic/images/2_3.jpg);} .lineup #contentsInner .lineuplist #mainImg-2 #mainImg-pager a:nth-child(4) {background-image:url(../contents/lineup/organic/images/2_4.jpg);} .lineup #contentsInner .lineuplist #mainImg-3 #mainImg-pager a:nth-child(1) {background-image:url(../contents/lineup/organic/images/3_1.jpg);} .lineup #contentsInner .lineuplist #mainImg-3 #mainImg-pager a:nth-child(2) {background-image:url(../contents/lineup/organic/images/3_2.jpg);} .lineup #contentsInner .lineuplist #mainImg-3 #mainImg-pager a:nth-child(3) {background-image:url(../contents/lineup/organic/images/3_3.jpg);} .lineup #contentsInner .lineuplist #mainImg-3 #mainImg-pager a:nth-child(4) {background-image:url(../contents/lineup/organic/images/3_4.jpg);} .lineup #contentsInner .lineuplist #mainImg-4 #mainImg-pager a:nth-child(1) {background-image:url(../contents/lineup/organic/images/4_1.jpg);} .lineup #contentsInner .lineuplist #mainImg-4 #mainImg-pager a:nth-child(2) {background-image:url(../contents/lineup/organic/images/4_2.jpg);} .lineup #contentsInner .lineuplist #mainImg-4 #mainImg-pager a:nth-child(3) {background-image:url(../contents/lineup/organic/images/4_3.jpg);} .lineup #contentsInner .lineuplist #mainImg-4 #mainImg-pager a:nth-child(4) {background-image:url(../contents/lineup/organic/images/4_4.jpg);} .lineup #contentsInner .lineuplist #mainImg-5 #mainImg-pager a:nth-child(1) {background-image:url(../contents/lineup/organic/images/5_1.jpg);} .lineup #contentsInner .lineuplist #mainImg-5 #mainImg-pager a:nth-child(2) {background-image:url(../contents/lineup/organic/images/5_2.jpg);} .lineup #contentsInner .lineuplist #mainImg-5 #mainImg-pager a:nth-child(3) {background-image:url(../contents/lineup/organic/images/5_3.jpg);} .lineup #contentsInner .lineuplist #mainImg-5 #mainImg-pager a:nth-child(4) {background-image:url(../contents/lineup/organic/images/5_4.jpg);} .lineup #contentsInner .lineuplist #mainImg-6 #mainImg-pager a:nth-child(1) {background-image:url(../contents/lineup/organic/images/6_1.jpg);} .lineup #contentsInner .lineuplist #mainImg-6 #mainImg-pager a:nth-child(2) {background-image:url(../contents/lineup/organic/images/6_2.jpg);} .lineup #contentsInner .lineuplist #mainImg-6 #mainImg-pager a:nth-child(3) {background-image:url(../contents/lineup/organic/images/6_3.jpg);} .lineup #contentsInner .lineuplist #mainImg-6 #mainImg-pager a:nth-child(4) {background-image:url(../contents/lineup/organic/images/6_4.jpg);} .lineup #contentsInner .lineuplist #mainImg-9 #mainImg-pager a:nth-child(1) {background-image:url(../contents/lineup/organic/images/9_1.jpg);} .lineup #contentsInner .lineuplist #mainImg-9 #mainImg-pager a:nth-child(2) {background-image:url(../contents/lineup/organic/images/9_2.jpg);} .lineup #contentsInner .lineuplist #mainImg-9 #mainImg-pager a:nth-child(3) {background-image:url(../contents/lineup/organic/images/9_3.jpg);} .lineup #contentsInner .lineuplist #mainImg-9 #mainImg-pager a:nth-child(4) {background-image:url(../contents/lineup/organic/images/9_4.jpg);} .ohNav {background:#9b0012 url(../contents/lineup/organic/ohnav.jpg) 8px 7px no-repeat; height:56px;} .ohNav ul {padding-left:54px;} .ohNav ul li {list-style-image:url(../contents/lineup/organic/images/Navicon.jpg); list-style-position:inside; padding:0 1em 0 10px; float:left;} .ohNav ul a {color:#fff; font-size:15px; line-height:56px; text-decoration:none; white-space:nowrap;} .ohNav ul a:hover {text-decoration:underline;} .ohNavShort ul {padding-top:8px; padding-right:200px;} .ohNavShort ul a {font-size:13px; line-height:20px;} /* footer */ #footerOuter { border-top: 1px solid #cbcbcb;} #footerInner {width:914px; height:94px; margin:0 auto; position:relative; text-align:left;} #footerInner a { position:absolute; right:2px; top:0; } #footerInner p {font-size:10px; line-height:14px; letter-spacing:0; color:#fcfcfc; padding:10px 0 9px;} #footerInner p img {vertical-align:text-bottom; margin-right:10px;} /* index ピックアップiframe */ body#pickup {background:#3b3b3b; text-align:left;} body#pickup div.flexcroll {width:308px; height:262px; overflow:auto; margin:28px 0 0 28px;} body#pickup div.container {background:url(../img/new_line.gif) bottom repeat-x; padding:0 0 20px; margin:0 8px 15px 0;} body#pickup div.container:last-child {background:none; padding:0 0 19px; margin-bottom:0;} body#pickup h2 { font-size:14px; padding-bottom:10px; line-height:1.42em;} body#pickup img { float:left; display:inline; margin:4px 21px 15px 0;} body#pickup div.text {padding:0 0 15px; overflow:hidden; zoom:1;} /*body#pickup a.link_detail {display:block; position:absolute; right:28px; bottom:28px;}*/ body#pickup a.link_detail {display:block; clear:both; text-align:center; width:133px; height:30px; margin:0 auto;} body#pickup a.link_detail img {float:none; margin:0;} /* index 新着情報iframe */ body#new { background:#3b3b3b; text-align:left;} body#new dl {margin-top:-11px; position:relative; padding-right:10px;} body#new dl * {line-height:22px; text-align:left;} body#new dl dd { background:url(../img/new_line.gif) repeat-x bottom;} body#new dl dt {float:left; font-size:12px; padding:11px 0 0 0;} body#new dl dd {padding:11px 10px 11px 6em; font-size:14px; font-weight:bold; text-decoration:underline;} body#new dl dd a {text-decoration:underline;} body#new div.flexcroll {width:475px; height:262px; overflow:auto; position:relative; margin:24px 0 0 28px;} /* 本体？ */ .scrollgeneric {font-size:1px; line-height:1px; position:absolute; top:0; left:0;} /* 縦スクロール範囲 */.vscrollerbase {width:8px; background:#1c1c1c /*url(../img/new_scrollBg.png)*/; /*padding:1px;*/} /* 縦スクロールバー */.vscrollerbar {width:8px; background:#818181; /*padding:18px 0 21px; border-bottom:1px solid #000; border-right:1px solid #000; border-left:1px solid #3d3d3d; border-top:1px solid #3d3d3d;*/} /* 横スクロール範囲 */.hscrollerbase {height:8px; background:#1c1c1c;} /* 横スクロールバー */.hscrollerbar {height:8px; background:#ffffff;} /* 縦横スクロールバー */ .scrollerjogbox {width:8px; height:8px; background-color:#fff; top:auto; left:auto; bottom:0; right:0;} /* index 施工事例新着iframe */ #index #enforce iframe { width:575px; height:264px; margin-top:34px; margin-bottom:42px;} #new_enforce table {} #new_enforce table tr td.link_Btn { background:#f3f3f3; width:80px; height:264px; padding:0; } #new_enforce table tr td { background:#f3f3f3; width:190px; height:238px; padding:13px 16px; border-right:#1c1c1c solid 26px; } #new_enforce table tr td p { width:190px; color:#424242; font-size:10px; margin-bottom:6px; } #new_enforce table tr td img { margin-bottom:6px; } #new_enforce table tr td div.mainPhoto { width:190px; height:125px; background:#d9d9d9; text-align:center; overflow:hidden; margin-bottom:8px; } #new_enforce table tr td div.mainPhoto img { height:125px; display:block; float:none; margin:0 auto; } /* iframeの方upしたら消す　index 施工事例新着 */ #index #contentsInner #enforce table { margin-top:34px; margin-bottom:42px;} #index #contentsInner #enforce table tr td div { background:#f3f3f3; width:190px; height:238px; padding:13px 16px; } #index #contentsInner #enforce table tr td div p { width:190px; color:#424242; font-size:10px; margin-bottom:6px; } #index #contentsInner #enforce table tr td div img { margin-bottom:6px; } /* iframeの方upしたら消す　index 施工事例新着 */ /* index メインイメージすぐしたバナー */ #index #lineupBanner {overflow:hidden;} #index #lineupBanner ul {width:950px;} #index #lineupBanner li {float:left; display:inline; margin:0 15px 30px 0;} #index #lineupBanner li.c02 {background:url(../img/banner_lineup02_ro.jpg) left top no-repeat; margin-bottom:30px;} #index #lineupBanner li.c02 a {display:block;width:450px; height:178px;} #index #lineupBanner li.c03 {background:url(../img/banner_lineup03_ro.jpg) left top no-repeat;} #index #lineupBanner li.c03 a {display:block;width:449px; height:178px;} #index #lineupBanner li.c04 {background:url(../img/banner_lineup04_ro.jpg) left top no-repeat;} #index #lineupBanner li.c04 a {display:block;width:450px; height:178px;} #index #lineupBanner li.c08 {background:url(../img/banner_lineup05_ro.jpg) left top no-repeat; margin-bottom:30px;} #index #lineupBanner li.c08 a {display:block;width:449px; height:178px;} /* イベント情報 */ #newCampaign #contentsInner {padding-top:11px; margin-top:0;} #newCampaign #contentsInner .clearfix {text-align:left; margin-top:61px;} #newCampaign #contentsInner .clearfix img {float:left; display:inline; margin-right:50px;} #newCampaign #contentsInner .clearfix div {overflow:hidden; zoom:1;} #newCampaign #contentsInner .clearfix div h3 {font-size:1.5em; line-height:1.23; font-weight:normal; padding:0 0 8px; border-bottom:1px solid #fff;} #newCampaign #contentsInner .clearfix div p {padding:10px 0 37px;} /* 薪ストーブ */ .lineup #contentsInner .stove_outline {padding:70px 0; border-bottom:solid 1px #ffffff;} .lineup #contentsInner .stove_outline h2 {margin-bottom:95px;} .lineup #contentsInner .stove_outline .stove_outline01, .lineup #contentsInner .stove_outline .stove_outline02, .lineup #contentsInner .stove_outline .stove_outline03, .lineup #contentsInner .stove_lineup .stove_lineup01, .lineup #contentsInner .stove_lineup .stove_lineup02 {width:914px; position:relative;} .lineup #contentsInner .stove_outline .stove_outline01 p, .lineup #contentsInner .stove_outline .stove_outline02 p, .lineup #contentsInner .stove_outline .stove_outline03 p, {font-size:14px; line-height:1.92em;} .lineup #contentsInner .stove_outline .stove_outline01 p span, .lineup #contentsInner .stove_outline .stove_outline02 p span, .lineup #contentsInner .stove_outline .stove_outline03 p span {font-size:18px; line-height:2.1em;} .lineup #contentsInner .stove_outline .stove_outline01 img.mainPhoto, .lineup #contentsInner .stove_outline .stove_outline01 h3, .lineup #contentsInner .stove_outline .stove_outline01 p, .lineup #contentsInner .stove_outline .stove_outline02 img.mainPhoto, .lineup #contentsInner .stove_outline .stove_outline02 h3, .lineup #contentsInner .stove_outline .stove_outline02 p, .lineup #contentsInner .stove_outline .stove_outline03 img.mainPhoto, .lineup #contentsInner .stove_outline .stove_outline03 h3, .lineup #contentsInner .stove_outline .stove_outline03 p, .lineup #contentsInner .stove_lineup .stove_lineup01 h3, .lineup #contentsInner .stove_lineup .stove_lineup02 h3, .lineup #contentsInner .stove_lineup .stove_lineup01 .lineupInner, .lineup #contentsInner .stove_lineup .stove_lineup02 .lineupInner {position:absolute;} .lineup #contentsInner .stove_outline .stove_outline01, .lineup #contentsInner .stove_outline .stove_outline03 {height:351px;} .lineup #contentsInner .stove_outline .stove_outline02 {height:359px;} .lineup #contentsInner .stove_outline .stove_outline01 img.mainPhoto {width:536px; height:351px; right:0; top:0; z-index:5;} .lineup #contentsInner .stove_outline .stove_outline01 h3 {width:378px; height:49px; left:0; top:98px; z-index:1;} .lineup #contentsInner .stove_outline .stove_outline01 p {left:0; bottom:45px; z-index:10;} .lineup #contentsInner .stove_outline .stove_outline02 img.mainPhoto {width:312px; height:359px; left:0; top:0; z-index:5;} .lineup #contentsInner .stove_outline .stove_outline02 h3 {width:240px; height:52px; left:312px; top:87px; z-index:1;} .lineup #contentsInner .stove_outline .stove_outline02 p {left:353px; bottom:60px; z-index:10;} .lineup #contentsInner .stove_outline .stove_outline03 img.mainPhoto {width:536px; height:351px; right:0; top:0; z-index:5;} .lineup #contentsInner .stove_outline .stove_outline03 h3 {width:378px; height:51px; left:0; top:127px; z-index:1;} .lineup #contentsInner .stove_outline .stove_outline03 p {left:0; bottom:13px; z-index:10;} .lineup #contentsInner .stove_lineup {margin:53px 0 70px; font-size:12px; line-height:1.75em; border-bottom:solid 1px #ffffff;} .lineup #contentsInner .stove_lineup .lineupInner p {margin-top:10px;} .lineup #contentsInner .stove_lineup .stove_lineup01 {height:609px;} .lineup #contentsInner .stove_lineup .stove_lineup01 h3 {width:338px; height:609px; right:0; top:0;} .lineup #contentsInner .stove_lineup .stove_lineup01 .lineupInner {width:576px; height:576px; left:0; top:21px;} .lineup #contentsInner .stove_lineup .stove_lineup02 {height:593px;} .lineup #contentsInner .stove_lineup .stove_lineup02 h3 {width:338px; height:593px; left:0; top:0;} .lineup #contentsInner .stove_lineup .stove_lineup02 h3 img {width:398px; margin-left:-60px;} .lineup #contentsInner .stove_lineup .stove_lineup02 .lineupInner {width:576px; height:500px; right:0; top:41px;} /* KOHLER */ .kohlerNav {background:url(../contents/lineup/kohler/Navbg.jpg) left top no-repeat; height:60px;} .kohlerNav ul {padding-left:212px;} .kohlerNav ul li {list-style-image:url(../contents/lineup/kohler/kohnav_dot.jpg); list-style-position:inside; padding:0 35px 0 10px; float:left;} .kohlerNav ul a {color:#fff; font-size:13px; line-height:60px; text-decoration:none; white-space:nowrap;} .kohlerNav ul a:hover {text-decoration:underline;} .lineup #contentsInner .kohlerTop {height:249px; margin:55px 0;} .lineup #contentsInner .kohlerOutline {height:650px; position:relative;} .lineup #contentsInner .kohlerOutline .kohlerHistory, .lineup #contentsInner .kohlerOutline img.k_bath, .lineup #contentsInner .kohlerOutline img.k_kitchen, .lineup #contentsInner .kohlerOutline img.k_designcenter {position:absolute;} .lineup #contentsInner .kohlerOutline .kohlerHistory {width:359px; font-size:12px; line-height:1.83em; right:0; top:0;} .lineup #contentsInner .kohlerOutline .kohlerHistory p {margin-top:12px;} .lineup #contentsInner .kohlerOutline img.k_bath {width:308px; height:308px; left:202px; top:15px;} .lineup #contentsInner .kohlerOutline img.k_kitchen {width:194px; height:510px; left:0; top:15px;} .lineup #contentsInner .kohlerOutline img.k_designcenter {width:308px; height:237px; left:202px; top:333px;} .lineup #contentsInner .kohlerlineupOuter .imagePhoto ul li {width:233px; height:233px; margin-right:8px; float:left; display:inline;} .lineup #contentsInner .kohlerlineupOuter .imagePhoto ul li.large {width:432px; margin:0;} .lineup #contentsInner .kohlerlineupOuter {margin:55px 0;} .lineup #contentsInner .kohlerlineupOuter .kohlerlineup {position:relative;} .lineup #contentsInner .kohlerlineupOuter .kohlerlineup img, .lineup #contentsInner .kohlerlineupOuter .kohlerlineup .outlineText {position:absolute;} .lineup #contentsInner .kohlerlineupOuter .k_bathroom {height:636px;} .lineup #contentsInner .kohlerlineupOuter .k_kitchen {height:658px;} .lineup #contentsInner .kohlerlineupOuter .kohlerlineup img.lineupTop {width914px; height:345px; left:0; top:0; z-index:1;} .lineup #contentsInner .kohlerlineupOuter .kohlerlineup img.lineupImage {left:457px; bottom:0; z-index:10;} .lineup #contentsInner .kohlerlineupOuter .kohlerlineup .outlineText {left:0; bottom:25px;} .lineup #contentsInner .kohlerlineupOuter .kohlerlineup h4 {font-size:22px; line-height:1.36em; font-weight:lighter; margin-bottom:10px;} /* 空調管理システム　下部分 */ .kuchoText2 .aircleanerOutline {text-align:left;} .kuchoText2 .aircleanerOutline h3 {border-bottom:solid 1px #ffffff; margin:50px 0 45px;} .kuchoText2 .aircleanerOutline ul.detail {height:840px;} .kuchoText2 .aircleanerOutline ul.detail li {width:432px; float:left; display:inline; margin:0 40px 0 10px;} .kuchoText2 .aircleanerOutline ul.detail li:nth-child(even) {margin:0;} .kuchoText2 .aircleanerOutline ul.detail li .detailinner {background-color:#3c3c3c; padding:0 31px 25px;} .kuchoText2 .aircleanerOutline ul.detail li p {color:#f3f3f3; margin-bottom:22px;} .kuchoText2 .aircleanerOutline ul.detail li .detailinner p {margin:9px 0 9px;} .kuchoText2 .aircleanerOutline ul.detail li h4 {margin-bottom:14px;} .kuchoText2 .aircleanerOutline ul.detail li .detailinner img {margin-top:20px;} .kuchoText2 .aircleanerOutline div.detail {width:399px;} .kuchoText2 .aircleanerOutline img.floatRight {width:464px; height:277px; float:right; display:inline;} /* 注文住宅(20150501) */ #order #contentsInner .innerTop {width:914px; height:559px; position:relative; background:url(../contents/order/img/topBG.jpg) left top no-repeat;} #order #contentsInner .innerTop p {width:405px; position:absolute; left:0; top:255px; font-size:12px; line-height:22px; letter-spacing:0.08em; color:#d4d4d4;} #order #contentsInner .innerTop h3 {width:630px; height:204px; position:absolute; left:0; top:0; z-index:10;} #order #contentsInner .innerTop h4 {width:599px; position:absolute; left:0; top:221px; font-size:16px; font-weight:normal; letter-spacing:0.08em;} #order #contentsInner .innerTop img.Photo {width:599px; height:383px; position:absolute; right:0; bottom:0; z-index:5;} #order #contentsInner .innerList h4 {font-size:15px; line-height:22px; letter-spacing:0.08em; font-weight:normal; margin:0 0 10px 47px; padding-top:17px; color:#ffffff;} #order #contentsInner .innerList p {font-size:12px; line-height:22px; letter-spacing:0.08em; color:#d4d4d4; font-weight:normal;} #order #contentsInner .innerList ul li {background:url(../contents/order/img/list_1.jpg) left top no-repeat; width:284px; height:350px; float:left; display:inline; margin:0 31px 15px 0;} #order #contentsInner .innerList ul li.list4, #order #contentsInner .innerList ul li.list5 {width:442px; margin-right:30px; margin-bottom:0;} #order #contentsInner .innerList ul li.list4 h4, #order #contentsInner .innerList ul li.list5 h4 {padding-top:30px; margin-bottom:15px;} #order #contentsInner .innerList ul li.list2 {background-image:url(../contents/order/img/list_2.jpg);} #order #contentsInner .innerList ul li.list3 {background-image:url(../contents/order/img/list_3.jpg); margin-right:0;} #order #contentsInner .innerList ul li.list4 {background-image:url(../contents/order/img/list_4.jpg);} #order #contentsInner .innerList ul li.list5 {background-image:url(../contents/order/img/list_5.jpg); margin-right:0;} /* まちかどモデルハウス */ .exhibition .matikado {padding:10px 25px; text-align:left;} .exhibition .matikado dl dt, .exhibition .matikado dl dd {height:36px; line-height:36px; float:left; display:inline;} .exhibition .matikado dl dt {width:90px; clear:both; font-weight:bold;} .exhibition .matikado dl dd {width:200px; font-size:13px;} .exhibition .matikado dl dd:nth-child(2) {width:200px; font-size:18px;} /* 社会福祉施設 */ #welfare #contentsInner .text p {font-size:12px; line-height:22px; letter-spacing:0.025em; text-align:justify; color:#d4d4d4;} #welfare #contentsInner .text h4 {font-size:18px; line-height:22px; letter-spacing:0.025em; font-weight:normal;} #welfare #contentsInner .detail01 {height:375px; text-align:left; margin:24px 0 41px;} #welfare #contentsInner .detail01 .text {width:270px; float:right; display:inline;} #welfare #contentsInner .detail01 .text p {width:268px; margin:3px 0 0 2px;} #welfare #contentsInner .detail02 {height:242px; text-align:right; margin:66px 0 61px;} #welfare #contentsInner .detail02 .text {width:482px; float:left; display:inline;} #welfare #contentsInner .detail02 .text h4 {margin-top:3px;} #welfare #contentsInner .detail02 .text p {width:482px; margin-top:17px;} #welfare #contentsInner .detail03 {height:439px; text-align:left; margin:61px 0 10px;} #welfare #contentsInner .detail03 .text {width:607px; float:right; display:inline;} #welfare #contentsInner .detail03 .text p {width:607px; margin:17px 0 37px;} #welfare #contentsInner .detail03 .text h4 {margin-top:10px;} /* 古民家再生 */ /* 共通部分 */ #oldhouse #tag {margin-top:35px; padding:55px 0 20px; border-top:solid 1px rgba(255,255,255,0.4);} #oldhouse #tag ul li {width:443px; margin-bottom:30px; float:left; display:inline;} #oldhouse #tag ul li a {display:block; width:443px; height:142px; margin:15px 0;} #oldhouse #tag ul li p {font-size:13px; line-height:22px; text-align:center; color:#d4d4d4; letter-spacing:0.08em;} #oldhouse #tag ul li:first-child {margin-right:28px;} #oldhouse #tag .tag_bottom h4 {text-align:center;} #oldhouse #tag .tag_bottom a {text-align:center; margin:15px 0; display:block;} #oldhouse #tag .tag_bottom p {font-size:13px; line-height:22px; text-align:center; color:#d4d4d4; letter-spacing:0.08em;} /* 古民家再生トップ */ #oldhouse h4 {font-size:15px; line-height:24px; letter-spacing:0.08em; font-weight:normal;} #oldhouse p {font-size:12px; line-height:22px; letter-spacing:0.08em; color:#d4d4d4;} #oldhouse .oldhouseTheme {width:914px; position:relative; text-align:left; margin:24px 0 33px; border-bottom:solid 1px rgba(255,255,255,0.4);} #oldhouse .oldhouseTheme img.mainImg {margin:0; width:599px; height:720px; float:left; display:inline;} #oldhouse .oldhouseTheme .text {width:288px; float:right; display:inline;} #oldhouse .oldhouseTheme .text p {margin-top:20px; margin-left:4px;} #oldhouse .oldhouseTheme:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height: 0;} #oldhouse .oldhouseconcept {height:274px;} #oldhouse .oldhouseconcept ul li {width:284px; float:left; display:inline; margin-right:31px;} #oldhouse .oldhouseconcept ul li:last-child {margin-right:0;} #oldhouse .oldhouseconcept ul li h4 {margin-top:8px; margin-bottom:10px;} /* 古民家再生　現在進行中 */ #oldhouse .phase01, #oldhouse .phase02, #oldhouse .phase03, #oldhouse .phase04, #oldhouse .phase05, #oldhouse .phase06, #oldhouse .phase07, #oldhouse .phase08, #oldhouse .phase09, #oldhouse .phase10, #oldhouse .phase11, #oldhouse .phase12, #oldhouse .phase13, #oldhouse .phase14, #oldhouse .phase15, #oldhouse .phase16, #oldhouse .phase17, #oldhouse .phase18, #oldhouse .phase19, #oldhouse .phase20 {text-align:left; clear:both;} #oldhouse .phasedetail p {margin-top:10px;} #oldhouse .phasedetail {width:691px; float:right; display:inline;} #oldhouse .phasedetail ul li {width:333px; min-height:284px; padding-bottom:20px; float:left; display:inline;} #oldhouse .phasedetail ul li:nth-child(odd) {margin-right:25px;} /* 古民家再生 竣工写真 */ #oldhouse .completion01 {} #oldhouse .completiondetail {width:914px;} #oldhouse .completiondetail ul li {width:442px; min-height:320px; padding-bottom:30px; float:left; display:inline;} #oldhouse .completiondetail ul li:nth-child(odd) {margin-right:30px;} #oldhouse .completiondetail h4 {margin-top:10px;} #oldhouse .completiondetail .photo {width:442px; height:290px; position:relative;} #oldhouse .completiondetail .photo img.rupe {width:37px; height:37px; position:absolute; bottom:3px; right:3px; z-index:3;} /* 申込制度について */ .planningAbout h3 { font-size:1.42em; line-height:54px; font-weight:normal;} .planningAbout b { color:#e1b41a;} .planningAbout p { width:442px; color:#d4d4d4;} .planningAbout .left { float:left; display:inline;} .planningAbout .right { float:right; display:inline;} .planningPlice { margin:24px 0 56px; background:#4d4d4d;} .planningPlice strong { margin:0 30px 0 60px; float:left; display:inline;} .planningPlice p { padding:25px 0 0; font-size:1.25em; line-height:1.5;} .planningPlice p small { display:block; font-size:0.866em;} .planningImg { } .planningImg-1 { float:left; display:inline;} .planningImg-2 { float:right; display:inline;} /* 自粛要請時 */ .self-restraint .textOuter h2 { padding-left:65px !important; position:relative; } .self-restraint .textOuter h2 > b { width:50px; height:50px; font-size: 0.9em; color:#d4d4d4; display: flex; flex-flow:row wrap; justify-content: center; align-items: center; position: absolute; top:10px; left:0; border: solid 2px #d4d4d4; border-radius: 50%; } .self-restraint-detail { width:80%; padding:50px 10% 60px; } .self-restraint-detail > h2 { margin:0 auto 30px; padding: 0 0 20px; font-size:2em; letter-spacing: 0.1em; text-align:center; border-bottom:double 4px #646464; } .self-restraint-detail > p , .self-restraint-detail > dl { font-size:1.2em; letter-spacing: 0.1em; } .self-restraint-detail > p:nth-of-type(2) { margin:20px 0 0; } .self-restraint-detail > dl { text-align:left; } .self-restraint-detail > dl dt { width:97%; margin:20px 0 10px; padding:3px 0 3px 3%; background:#505050; } .self-restraint-detail > dl dd {} /* 25周年決算キャンペーン */ body.campaign25 #contentsInner { overflow:visible;} #campaign25_main { overflow:visible; position:relative;} #campaign25_main p img { display:block; margin:0 auto 25px;} #campaign25_main .flexcroll { overflow:auto; width:914px; margin:0;} #campaign25_main .flexcroll span { display:block; height:890px; position:relative;} #campaign25_main .flexcroll a { display:block; width:414px; height:365px; position:absolute; left:0; top:145px;} #campaign25_main .flexcroll a.campaign25_main0 { width:695px; height:461px; left:5px; top:418px;} #campaign25_main .flexcroll a.campaign25_main2 { left:715px; top:510px;} #campaign25_main .flexcroll a.campaign25_main5 { left:1553px;} #campaign25_main .flexcroll a.campaign25_main6 { left:1553px; top:510px;} #campaign25_main .flexcroll a.campaign25_main8 { left:1970px; top:510px;} #campaign25_main .flexcroll a#campaign25_chirashi_d { width:910px; height:600px; padding:135px 0 0; color:#fff; font-size:14px; display:none;} #campaign25_main #campaign25_main-left { position:absolute; left:-55px; top:0; z-index:99; width:55px; height:100%;} #campaign25_main #campaign25_main-right { position:absolute; right:-55px; top:0; z-index:99; width:55px; height:100%;} #campaign25_btn { padding:60px 0;} #campaign25_btn a { margin:0 10px;} #campaign25_btn a.campaign25_backtop { display:block; text-align:left; margin:-30px 0 30px; font-size:15px;} /* 下層ページ */ body.campaign25 #contentsInner.campaign25_contents { margin-top:0;} body.campaign25 #contentsInner.campaign25_contents h3 { margin-bottom:50px;} /* フッター修正版 */ #footerInner { font-size:11px; line-height:16px; padding:10px 0;} #footerInner h4 {background:#333; padding:2px 5px; font-weight:normal;} #footerInner dl {width:914px; margin-bottom:20px;} #footerInner dl.office {margin:20px 0; border:none;} #footerInner dl dt {padding:8px 5px; width:80px; float:left; display:inline;} #footerInner dl dd {float:left; display:inline; width:800px; padding:8px 5px; } #footerInner dl.office dt {width:120px; padding:2px 5px; margin-bottom:2px; background:#333; text-align:center; float:left; display:inline; clear:both;} #footerInner dl.office dd {float:left; display:inline; width:750px; padding:2px 10px; } /* --- 来場予約 --- */ body.reserve #contentsInner p a { color:#f39938;} /* トップ */ #reserveTop h2 img { display:block; margin:0 auto 1em;} #reserveTop p { padding-top:1em; text-align:center;} @media only screen and (max-width:640px){ #reserveTop p {text-align:left;} #reserveTop p br {display:none;} } .reserveTop-section { margin-top:2em; padding-bottom:30px; background:url(../contents/reserve/img/top_h3.gif) left 20px no-repeat;} .reserveTop-section h3 { float:left; display:inline; padding:0 0.5em; margin:0 0 10px 10px; font-size:1.33em; line-height:48px; font-weight:normal; background:#1c1c1c;} .reserveTop-section ul.clearfix { width:950px; clear:both;} .reserveTop-section a.bottom { display:block; width:460px; margin:0 auto; font-size:1.33em; line-height:2.75;} @media only screen and (max-width:640px){ .reserveTop-section a.bottom {width:600px;} .reserveTop-section ul {width:640px;} } #reserveTop-event ul.clearfix li { width:442px; margin:0 30px 30px 0; float:left; display:inline;} #reserveTop-event ul.clum3 li {width:284px;} #reserveTop-event ul.clearfix li a { margin-bottom:5px;} #reserveTop-event ul.clearfix li img { display:block; width:100%; margin-bottom:5px;} #reserveTop-event .newEvent { clear:both;} @media only screen and (max-width:640px){ #reserveTop-event ul li, #reserveTop-event ul.clum3 li {width:600px; margin:0 0 40px;} #reserveTop-event ul li img {width:280px; margin:0 20px 0 0; float:left; display:inline;} #reserveTop-event ul li a {width:280px; overflow:hidden;} } #reserveTop-exhibition ul li { position:relative; float:left; display:inline; overflow:hidden; width:438px; height:220px; margin:0 30px 30px 0; line-height:1.6; border:2px solid #fff; box-shadow:0 0 0 2px #1c1c1c inset,0 0 0 3px #fff inset;} #reserveTop-exhibition ul li img.main { float:right; display:inline; width:150px; margin:18px 18px 0 0;} #reserveTop-exhibition ul li .textOuter { position:relative; overflow:hidden; padding:14px 18px; color:#fff;} #reserveTop-exhibition ul li .textOuter h4 { font-size:1.33em;} #reserveTop-exhibition ul li .textOuter p { padding-top:0.5em;} #reserveTop-exhibition ul li .textOuter p br { display:none;} #reserveTop-exhibition ul li .textOuter p.address { color:#d4d4d4; font-size:0.91em; line-height:1.4;} #reserveTop-exhibition ul li .textOuter p.address br { display:block;} #reserveTop-exhibition ul li ul.btn { padding:0 0 0 8px;} #reserveTop-exhibition ul li ul.btn li { float:left; display:inline; width:197px; margin:0 0 0 10px; border:none; box-shadow:none;} @media only screen and (max-width:640px){ #reserveTop-exhibition ul li { float:none; display:block; width:596px; height:auto;} #reserveTop-exhibition ul li img.main { width:250px;} #reserveTop-exhibition ul li ul.btn { padding:20px 0;} #reserveTop-exhibition ul li ul.btn li { width:270px; margin-left:20px;} #reserveTop-exhibition ul li .textOuter p { color:#d4d4d4; font-size:0.91em; line-height:1.4;} #reserveTop-exhibition ul li .textOuter p.address { display:none;} } /* メールフォーム　※新卒採用エントリーフォームへの追記CSS */ body.reserve #inquiryForm table tr td img { display:block; width:250px; margin:0 0 10px;}