/* テキスト */ 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;} /* 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 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:186px;} #globalNav ul li.list2 , #globalNav ul li.list2 * {width:157px;} #globalNav ul li.list3 , #globalNav ul li.list3 * {width:149px;} #globalNav ul li.list4 , #globalNav ul li.list4 * {width:159px;} #globalNav ul li.list5 , #globalNav ul li.list5 * {width:142px;} #globalNav ul li.list6 , #globalNav ul li.list6 * {width:121px;} #globalNav ul li a span {background:url(../share/globalNav.png) left top no-repeat; cursor:pointer;} #globalNav ul li.list1 a span {background-position:0px 0px;} #globalNav ul li.list2 a span {background-position:-186px 0px;} #globalNav ul li.list3 a span {background-position:-343px 0px;} #globalNav ul li.list4 a span {background-position:-492px 0px;} #globalNav ul li.list5 a span {background-position:-651px 0px;} #globalNav ul li.list6 a span {background-position:-793px 0px;} #globalNav ul li.list1 a span:hover {background-position:0px -42px;} #globalNav ul li.list2 a span:hover {background-position:-186px -42px;} #globalNav ul li.list3 a span:hover {background-position:-343px -42px;} #globalNav ul li.list4 a span:hover {background-position:-492px -42px;} #globalNav ul li.list5 a span:hover {background-position:-651px -42px;} #globalNav ul li.list6 a span:hover {background-position:-793px -42px;} /* main_visual */ #main_visualOuter {background: url(../share/mainImgBg.png) repeat-x top ;} #index #main_visualOuter {background: url(../share/indexmainImgBg.png) repeat-x bottom ;} #main_visualInner {width:914px; margin:0 auto ;} /* 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;} /* 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; margin-bottom:65px;} #recruit #contentsInner #subContents {width:455px; margin-bottom:65px;} #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;} /* 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:411px;} .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;} /* 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 43px;} #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;} /* 商品ラインナップ */ .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;} /* イベント情報 */ #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;} .exhibition #contentsInner ul.subNav li {text-align:left;} .exhibition #contentsInner ul.subNav li a {color:#f3f3f3; line-height:38px; text-decoration:none; padding:0 0 0 30px; background:url(../share/arrowRight_w_b.png) 19px center no-repeat;} .exhibition #contentsInner ul.subNav 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 {display:block; position:absolute; left:0; bottom:0;} .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 #map {border:1px solid #f3f3f3; margin-top:25px;} #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:18px; 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.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 {padding-bottom:22px;} #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 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 input.radio {border:none; background:none;} #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;} /* プレゼント */ #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; } /* 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:0px; background-color:#eee;} /* 横スクロールバー */.hscrollerbar {height:0px; background-color:#900;} /* 縦横スクロールバー */ .scrollerjogbox {width:0; height:0; 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 施工事例新着 */