@charset "UTF-8";

html,body { height: 100%;}

@font-face { font-family: 'IPAex明朝'; src: url('ipaexm.ttf') format('truetype');}
a:hover 					{ filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }

/*body                          { color:#000; font-size: 16px; line-height: 1.8em; font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "IPAex明朝", serif;}*/
body                          { color:#000; font-size: 16px; line-height: 1.8em; font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;}

body                          { background-color:#FFF; margin: 0;padding: 0;}
body			              { text-align: justify; text-justify: inter-ideograph;}

.pc                           { display: block; }
.sp                           { display: none; }
.br                           { display: block; }

a                             { color: #333;}
a:hover                       { color: #F00;}
a.arw:before                  { content:"› "; color: #F00; }

.gotop a     { color:#fff; background-color: #000; text-align: center; line-height: 50px; width: 50px; display: block; position: fixed; bottom: 0; right: 0; z-index: 1000; transform: rotate(-90deg);}

.red { color: #F00; }

/* common */
.wrap                         { width: 980px; margin:auto; overflow:hidden;}
.clear                        { width: 100%; overflow:hidden;}
.btn a                        { line-height: 40px; background-color: #000; color: #FFF; padding: 0px 30px 0px 25px; display: inline-block; margin: auto;position:relative;}
.c2_700                       { width: 700px; overflow: hidden; margin-left: auto; margin-right: auto; }
.c2_700 li                    { width: 340px; float: left; }
.c2_700 li:last-child         { width: 340px; float:right; }
.c2_700 li img                { width: 100%; }


/* ヘッダー */
header                        { width: 1000px; margin: auto; position: relative;}
header h1 a                   { background: url(../images/logo.png); width: 215px; height: 50px; display: block; font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; top: 25px; left: 50%; margin-left: -107px; z-index: 100;}
header p.mail a               { background: url(../images/hd_mail.png) #000; width: 134px; height: 35px; font-size: 0; line-height: 0; text-indent: -9999px; display: block; position: absolute; top: 0; right: 220px;}
header p.tel                  { background: url(../images/hd_tel.png) #000; width: 209px; height: 35px; font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; top: 0; right: 0;}
header p.mail- a              { background: url(../images/hd_mail.gif) #000; width: 209px; height: 35px; font-size: 0; line-height: 0; text-indent: -9999px; display: block; position: absolute; top: 36px; right: 0;}

header nav                    { padding: 100px 0 15px 0; letter-spacing: 0.1em; position: relative;}
header nav ul                 { width: 1000px; overflow: hidden; border-right: 1px solid #000;}
header nav ul li              { float: left; border-left: 1px solid #000;}
header nav ul li:nth-child(2) { width: 105px; text-align: center;}
header nav ul li:nth-child(3) { width: 192px; text-align: center;}
header nav ul li:nth-child(4) { width: 158px; text-align: center;}
header nav ul li:nth-child(5) { width: 105px; text-align: center;}
header nav ul li:nth-child(6) { width: 240px; text-align: center;}
header nav ul li:nth-child(7) { width: 194px; text-align: center;}
header nav ul li ul           { width: auto; border-right: 0px; position: absolute;}
header nav ul li ul li        { float: none; background-color: #000; border-bottom: 1px solid #FFF; border-left: 0px; padding: 0 17px;}
header nav ul li ul li:nth-child(1),
header nav ul li ul li:nth-child(2),
header nav ul li ul li:nth-child(3),
header nav ul li ul li:nth-child(4),
header nav ul li ul li:nth-child(5),
header nav ul li ul li:nth-child(6),
header nav ul li ul li:nth-child(7) { width: auto; text-align: left; }
header nav ul li ul li a      { color: #FFF }
header nav .s1                { left: 0; display: none; }
header nav .s2                { left: 106px; display: none;}
header nav .s3                { left: 299px; display: none;}
header nav .s4                { left: 458px; display: none;}
header nav .s5                { left: 564px; width: 247px; display: none;}
header nav .s6                { left: 805px; width: 196px; display: none;}
header nav .s7                { display: none;}


/* フッター */
footer                        { background-color: #333; padding-bottom: 50px; position: relative;}
footer nav                    { background: url(../images/bg_wave.png); padding: 30px 0; margin-bottom: 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
footer nav ul                 { width: 1000px; overflow: hidden; display: table; margin: auto;}
footer nav ul li              { display: table-cell; padding: 0 10px; vertical-align: top; border-left: 1px solid #FFF; font-size: 0.95em;}
footer nav ul li:first-child  { padding-left: 0; border-left: 0px; }
footer nav ul li:last-child   { padding-right: 0; }
footer nav ul li ul           { width: auto; display: block; border-right: 0px;}
footer nav ul li ul li        { display: block; border-left: 0px; padding: 0;}
footer nav a:before           { content:"› "; }
footer nav strong a:before    { content:""; }
footer dl,
footer article                { width: 1000px; margin: auto; color: #FFF; overflow: hidden; }
footer dt                     { background: url(../images/ft_logo.png); width: 215px; height: 50px; display: block; font-size: 0; line-height: 0; text-indent: -9999px; float: left;}
footer dd                     { float: right; width: 750px;}
footer article                { border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 30px 0; margin: 30px auto;}
footer article .ctl           { width: 500px; float: left; }
footer article .ctr           { width: 500px; float: right;}
footer .copy                  { width: 1000px; margin: auto; color: #FFF; }
footer .fb a                  { background: url(../images/ft_facebook.png); width: 120px; height: 34px; font-size: 0; line-height: 0; text-indent: -9999px; display: block; position: absolute; right: 50%; margin-right: -350px;}
footer .ig a                  { background: url(../images/ft_insta.png); width: 120px; height: 34px; font-size: 0; line-height: 0; text-indent: -9999px; display: block; position: absolute; right: 50%; margin-right: -500px;}


h2.ttl                        { background: url(../images/bg_wave.png); text-align: center; padding: 40px 0; font-size: 2.3em; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}


#contents                     { width: 1000px; margin: auto; padding-top: 50px; padding-bottom: 100px; }


/* トップページ */
.p_home header                        { width: 100%; margin: auto; position: relative; z-index: 1000 !important;}
.p_home .fullSlideShow.bg             { position: fixed; z-index: -10;}
.p_home header h1 a                   { background: url(../images/ft_logo.png); width: 215px; height: 50px; font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; top: 25px; left: 50px; display: block; margin-left: 0px;}
.p_home header p.mail a               { background: url(../images/hd_mail.png) #000; width: 134px; height: 35px; font-size: 0; line-height: 0; text-indent: -9999px; display: block; position: absolute; top: 0; right: 270px;}
.p_home header p.tel                  { background: url(../images/hd_tel.png) #000; width: 209px; height: 35px; font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; top: 0; right: 50px;}
.p_home header p.mail- a              { background: url(../images/hd_mail.gif) #000; width: 209px; height: 35px; font-size: 0; line-height: 0; text-indent: -9999px; display: block; position: absolute; top: 0; right: 270px;}


.p_home header nav                    { padding: 100px 0 15px 0; letter-spacing: 0.1em; position: relative;}
.p_home header nav ul                 { width: 1000px; margin: auto; overflow: hidden; border-right: 1px solid #FFF;}
.p_home header nav ul li              { float: left; border-left: 1px solid #FFF; }
.p_home header nav ul li ul           { width: auto; border-right: 0px; position: absolute;}
.p_home header nav ul li ul li        { width: auto; float: none; background-color: transparent; border-bottom: 0px; border-left: 0px;}


.p_home header nav ul li a      { color: #FFF }
.p_home header nav .s1                { left: 50%; margin-left: -500px; display: none; }
.p_home header nav .s2                { left: 50%; margin-left: -390px; display: none;}
.p_home header nav .s3                { left: 50%; margin-left: -200px; display: none;}
.p_home header nav .s4                { left: 50%; margin-left: -40px; display: none;}
.p_home header nav .s5                { left: 50%; margin-left: 63px; width: 247px; display: none;}
.p_home header nav .s6                { left: 50%; margin-left: 312px; width: 191px; display: none;}

.p_home .white                        { background-color: #fff; padding: 50px 0 100px;}
.p_home h2                    { font-size: 1.8em; font-weight: bold; text-align: center; }
.p_home img                   { width: 100%; height: auto; }
.p_home #miniikou             { border: 5px solid #000; width: 930px; padding: 30px; margin: auto; background-color: #fff;}
.p_home #miniikou h3          { border-bottom: 1px solid #000; font-size: 1.2em; padding-bottom: 0.3em; margin-bottom: 0.5em;}
.p_home #miniikou h3:before   { content: "○ "; }
.p_home #miniikou h4          { font-size: 1em; font-weight: bold;margin-bottom: 0.5em; color: #C24A18;}

.p_home #miniikou ul          { width: 930px; overflow: hidden; margin-top: 30px;}
.p_home #miniikou ul li       { width: 450px; float: left; }
.p_home #miniikou ul li:last-child { float: right; }
.p_home #miniikou ul dl       { width: 450px; overflow: hidden; position: relative;}
.p_home #miniikou ul dl:hover { filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }
.p_home #miniikou ul dt       { width: 210px; height: 140px; background-color: #E5E5E5; float: left; }
.p_home #miniikou ul dd       { width: 220px;float: right; }
.p_home #miniikou ul dd a     { text-indent: -9999px; line-height: 0; font-size: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.p_home #cms                  { background-color: #F5F5F5; border-top: 1px solid #CCC; border-bottom: 1px solid #ccc; padding: 30px 0; margin-top: 80px; position: relative;}
.p_home #cms ul               { width: 930px; overflow: hidden; margin: 30px auto;}
.p_home #cms ul li            { width: 450px; height: 10em; float: left; overflow: auto;}
.p_home #cms ul dl            { width: 430px; overflow: hidden; border-top: 1px dotted #000; padding-top: 0.3em;}
.p_home #cms ul dd            { border-bottom: 1px dotted #000; padding-left: 6em; padding-bottom: 0.3em; margin-bottom: 0.3em; margin-top: -1.8em; position: relative;}
.p_home #cms ul li p a        { background-color: #000; color: #FFF; font-size: 0.8em; -webkit-border-radius: 3px; border-radius: 3px; padding: 0px 10px; position: absolute; top: 30px;}
.p_home #cms ul li p a:before { content:"› "; }
.p_home #cms ul li:last-child            { float: right;}
.p_home #cms ul li:last-child p a        { right: 50%; margin-right: -465px;}
.p_home #cms ul li:last-child dl         { width: 430px; position: relative;}
.p_home #cms ul li:last-child dl:hover   { color: #f00; }

.p_home #cms ul li:last-child dt         {display: none; }
.p_home #cms ul li:last-child dd         { width: auto; margin-top: 0px; margin-left: 0px; min-height: auto; padding-left: 0;}
.p_home #cms ul li:last-child dd h3      { font-size: 1em; font-weight: bold;margin-bottom: 0.5em; color: #C24A18;}

/* 
.p_home #cms ul li:last-child dt         { display: none; }
.p_home #cms ul li:last-child dd         { width: auto; padding-left: 0; border-bottom: 0px;}
 */

.p_home #cms ul li:last-child dd a       { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; line-height: 0; text-indent: -9999px; display: block; }
.p_home #cms ul li::-webkit-scrollbar        { width: 5px;}
.p_home #cms ul li::-webkit-scrollbar-track  { background: #CCC;}
.p_home #cms ul li::-webkit-scrollbar-thumb  { background: #333;}

.p_home #example                   { padding: 80px 0; position: relative;}
.p_home #example ul                { width: 930px; overflow: hidden; margin: auto; margin-top: 30px ;}
.p_home #example ul li             { width: 210px; float: left; position: relative; margin-left: 30px;}
.p_home #example ul li:first-child { margin-left: 0; }
.p_home #example ul li a           { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; line-height: 0; text-indent: -9999px; display: block; }
.p_home #example ul li:hover       { filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }
.p_home #example p a               { background-color: #000; color: #FFF; font-size: 0.8em; -webkit-border-radius: 3px; border-radius: 3px; padding: 0px 10px; position: absolute; top: 80px; right: 50%; margin-right: -465px;}
.p_home #example p a:before        { content:"› "; }
.p_home #example ul li p           { font-size: 0.8em; color: #999 }
.p_home #example ul li h3          { line-height: 1.3em; }

.p_home #voice                     { border: 5px solid #000; width: 945px; padding: 30px 30px 0 15px; margin: auto;}
.p_home #voice ul                  { width: 945px; overflow: hidden; margin-top: 20px;}
.p_home #voice ul li               { width: 300px; height: 350px; margin-left: 15px; float: left; }
.p_home #voice ul li h3            { font-size: 1em;}
.p_home #voice ul li h3 br         { display: none; }
.p_home #voice ul li p             { font-size: 0.8em; color: #999 }

.p_home .bnr                       { width: 1000px; overflow: hidden; margin: 80px auto 100px;}
.p_home .bnr li                    { width: 485px; float: left; }
.p_home .bnr li:last-child         { float: right; }



/* セカンドレイヤー共通 */
.second #contents h3                  { text-align: center; font-size: 1.8em; margin-bottom: 20px; }
.second #contents h4                  { border-bottom: 1px solid #000; font-size: 1.2em; padding-bottom: 0.3em; margin-bottom: 0.5em;}
.second #contents h4:before           { content: "○ "; }

.second #contents article             { width: 930px; margin: auto; margin-top: 80px; }

.second #contents dl.pts              { overflow: hidden; margin-top: 80px;}
.second #contents dl.pts dd           { width: 550px; }
.second #contents dl.pts dt           { width: 450px; }




/* カネダイの家造り */
.second.policy #contents dl.ct01 dt       { float: right; }
.second.policy #contents dl.ct01 dd       { float: left; }
.second.policy #contents dl.ct01 dd h4    { padding-left: 20px;}
.second.policy #contents dl.ct01 dd p     { padding-left: 20px;}

.second.policy #contents dl.ct02 dt       { float: left; }
.second.policy #contents dl.ct02 dd       { float: right; }
.second.policy #contents dl.ct02 dt p     { padding-right: 20px;}

.second.policy #contents p         { padding-bottom: 1em;}
.second.policy #contents article   { width: 700px;}
.second.policy #contents article img  { width: 100%; height: auto;}
.second.policy #contents ul        { width: 700px; overflow: hidden; }
.second.policy #contents ul li     { width: 340px; float: left; }
.second.policy #contents ul li:last-child  { float:right; }
.second.policy #contents ul li img { width: 100%; height: auto; }




/* 東濃ひのきの家 */
.second.tono #contents article     { width: 700px; margin-top: 0 !important;}
.second.tono #contents p           { padding-bottom: 1em;}
.second.tono #contents article p   { padding-bottom: 1.5em; }
.second.tono #contents #ct01 dd    { float: right;}
.second.tono #contents #ct01 dt    { float: left;}
.second.tono #contents #ct01 dt h4 { padding-right: 20px;}
.second.tono #contents #ct01 dt p  { padding-right: 20px;}

.second.tono #contents #ct02 dd    { width: 366px; float: right; }
.second.tono #contents #ct02 dt    { width: 634px; float: left; }
.second.tono #contents #ct02 dt p  { padding-right: 20px;}

.second.tono #contents #ct03       { margin-top: -250px; }
.second.tono #contents #ct03 dd    { width: 366px; float: left; }
.second.tono #contents #ct03 dt    { width: 634px; float: right; padding-top: 320px;}
.second.tono #contents #ct03 dt h4 { padding-left: 20px;}
.second.tono #contents #ct03 dt p  { padding-left: 20px;}

.second.tono #contents #ct04 dd    { width: 366px; float: right; }
.second.tono #contents #ct04 dt    { width: 634px; float: left; }
.second.tono #contents #ct04 dt p  { padding-right: 20px;}

.second.tono #contents #ct05       { margin-top: -80px; }
.second.tono #contents #ct05 dd    { float: left; }
.second.tono #contents #ct05 dt    { float: right; padding-top: 150px;}
.second.tono #contents #ct05 dt h4 { padding-left: 20px;}
.second.tono #contents #ct05 dt p  { padding-left: 20px;}

.second.tono #contents #ct06 dd    { width: 366px; float: right; }
.second.tono #contents #ct06 dt    { width: 634px; float: left; }
.second.tono #contents #ct06 dt p  { padding-right: 20px;}





/* 会社案内 */
.second.corporate #contents article       { width: 700px; margin: auto; margin-bottom: 80px;}
.second.corporate #contents dl            { border-top: 1px dotted #000; padding-top: 0.5em; }
.second.corporate #contents dd            { padding-left: 11em; margin-top: -1.8em; border-bottom: 1px dotted #000; padding-bottom: 0.5em; margin-bottom: 0.5em; }
.second.corporate #contents .fl_r         { float: right; margin-left: 20px; }





/* スタッフ紹介 */
.second.staff #contents h3 { margin-top: 80px; }
.second.staff #contents dl                { width: 700px; margin: auto; overflow: hidden; margin-bottom: 50px; padding-top: 20px; border-top: 3px solid #000;}
.second.staff #contents dt                { width: 200px; float: left; }
.second.staff #contents dt img            { width: 100%;}
.second.staff #contents dd                { width: 480px; float: right;}
.second.staff #contents dd h3             { font-size: 1em; margin-bottom: 1em; margin-top: 0; border-bottom: 1px dotted #ccc;}
.second.staff #contents dd h3 span        { font-size: 1.5em; margin-left: 15px; }


.second.staff #contents ul                       { width: 840px; margin: auto; padding-right: 20px; overflow: hidden; }
.second.staff #contents ul li                    { width: 190px; float: left; margin-left: 20px; text-align: left; line-height: 1.3em; margin-top: 30px;}
.second.staff #contents ul li img                { width: 100%; }
.second.staff #contents ul li span               { margin-left: 10px; font-size: 0.8em; }




/* 家づくりの流れ */
.second.flow #contents  dl.flow                 { width: 700px; margin: auto; margin-bottom: 80px; overflow: hidden;}
.second.flow #contents .flow dt                 { width: 40px; height: 40px; float: left; color: #FFF; font-size: 1.2em; text-align: center; line-height: 40px; background-color: #000; -webkit-border-radius: 20px; border-radius: 20px;}
.second.flow #contents .flow dd                 { width: 640px; float: left; margin-left: 20px; margin-bottom: 50px;}
.second.flow #contents h3                       { text-align: left; font-size: 1.5em; line-height: 40px;}
.second.flow #contents .flow dd ul              { width: 640px; overflow: hidden; margin-top: 1em;}
.second.flow #contents .flow dd ul li           { width: 310px; float: left; }
.second.flow #contents .flow dd ul li:last-child{ float: right; }
.second.flow #contents .flow dd ul li img       { width: 100%; height: auto; }
.second.flow #contents .taikan                  { width: 700px; overflow: hidden; margin: auto; margin-top: 50px;}
.second.flow #contents .taikan img              { float: right; margin-left: 20px;}
.second.flow #contents .box                     { border: 5px solid #000; width: 630px; padding: 30px; margin: auto; background-color: #fff;}





/* モデルハウス */
.second.modelhouse #contents article       { width: 700px; margin: auto; margin-bottom: 80px;}
.second.modelhouse #contents ul            { margin-top: 2em; margin-bottom: 2em; }
.second.modelhouse #contents .btn          { text-align: center; margin-top: 30px;}





/* お問い合わせ */
.second.contact #contents                  { width: 800px; }
.second.contact #contents dl               { margin: auto; padding-top: 1em; margin-top: 1em; border-top: 1px dotted #999; width: 800px;}
.second.contact #contents dt               { width: 225px; float: left;}
.second.contact #contents dd               { padding-left: 260px; border-bottom: 1px dotted #999; margin-bottom: 1em; padding-bottom: 1em;}
.second.contact #contents .box             { border: 5px solid #000; text-align: center; width: 730px; padding: 30px; margin: auto; background-color: #fff; margin-bottom: 30px;}
.second.contact #contents .box span        { font-size: 1.5em; font-weight: bold; }
.second.contact #contents .submit          { line-height: 40px; background-color: #000; color: #FFF; padding: 0px 50px; font-size: 1em; border: 0px; display: inline-block; margin: auto;position:relative;}
.second.contact #contents label            { margin-right: 1em; }
.second.contact #contents h3               { margin-top: 50px; }

.second.contact.send #contents             { width: 650px; }
.second.contact.send #contents .box        { width: auto; text-align: left; }
.second.contact.send #contents h3          { margin-top: 0px; }

.second.privacy #contents                  { width: 650px; }
.second.privacy #contents h3               { text-align: left; margin-top: 50px; font-size: 1.3em; font-weight: bold; border-bottom: 1px dotted #999; padding-bottom: 0.5em; margin-bottom: 0.5em;}