@charset "Shift_JIS";

/* --------------------------------
top.css
-------------------------------- */
img {vertical-align: bottom;}

#topContent {float: left;width: 653px;}
#topSub {float: right;width: 209px;}
.box {clear: both;padding: 7px 0 13px 0;border-top: 1px solid #CCC;}
.box2 {padding: 7px 0 13px 0;border-top: 1px solid #CCC;}
#topContent .ttl, #topSub .ttl {padding-bottom: 20px;font-size: 1px;line-height: 1px;}
* html#topContent .ttl, * html #topSub .ttl {height: 12px;}
#topContent li {padding-bottom: 13px;}

/* --------------------------------
#topHeader
-------------------------------- */
#topHeader {height: 480px;}
#topHeader h1 {float: left;}
#topHeader ul {float: right;width: 209px;}

#topHeader a {display: block;}

#topHeader li {height: 117px;}
#topHeader li a {height: 104px;overflow: hidden;text-decoration: none;}
/*#topHeader li a span {position:relative;top: -73px;display: block;padding-left: 11px;font-size: 11px;line-height: 1.5;}*/
#topHeader li a span {position:relative;top: -73px;display: block;padding: 0 11px;font-size: 11px;line-height: 1.5;}

#topHeader h1 a {background: url(/ie/top/img/mainimage_over.jpg) no-repeat 0 0;}

#topLinkm a {background: url(/ie/top/img/message_over.gif) no-repeat 0 0;}
#topLink01 a {background: url(/ie/top/img/top_link01_over.jpg) no-repeat 0 0;}
#topLink02 a {background: url(/ie/top/img/top_link02_over.jpg) no-repeat 0 0;}
#topLink03 a {background: url(/ie/top/img/top_link03_over.jpg) no-repeat 0 0;}

#topLinkkouza a {background: url(/ie/top/img/top_link_kouza_over.jpg) no-repeat 0 0;}
#topLinkques a {background: url(/ie/top/img/top_link_ques_over.jpg) no-repeat 0 0;}
#topLinkcase a {background: url(/ie/top/img/top_link_case_over.jpg) no-repeat 0 0;}
#topLinkimana a {background: url(/ie/top/img/top_link_imana_over.jpg) no-repeat 0 0;}
#topLinkieni a {background: url(/ie/top/img/top_link_ieni_over.jpg) no-repeat 0 0;}
#topLinksumai a {background: url(/ie/top/img/top_link_sumai_over.jpg) no-repeat 0 0;}
#topLinkcamp a {background: url(/ie/top/img/top_link_camp_over.jpg) no-repeat 0 0;}
#topLinkcamp2 a {background: url(/ie/top/img/top_link_camp2_over.jpg) no-repeat 0 0;}
#topLinklife a {background: url(/ie/top/img/top_link_life_over.jpg) no-repeat 0 0;}
#topLinkkaion a {background: url(/ie/top/img/top_link_kaion_over.jpg) no-repeat 0 0;}
#topLinkdanchi a {background: url(/ie/top/img/top_link_danchi_over.jpg) no-repeat 0 0;}
#topLinkmitaka a {background: url(/ie/top/img/top_link_mitaka_over.jpg) no-repeat 0 0;}
#topLinksenri a {background: url(/ie/top/img/top_link_senri_over.jpg) no-repeat 0 0;}
#topLinkaoyama a {background: url(/ie/top/img/top_link_aoyama_over.jpg) no-repeat 0 0;}
#topLinktate a {background: url(/ie/top/img/top_link_tate_over.jpg) no-repeat 0 0;}
#topLinktate2 a {background: url(/ie/top/img/top_link_tate2_over.jpg) no-repeat 0 0;}
#topLinkur a {background: url(/ie/top/img/top_link_UR_over.jpg) no-repeat 0 0;}
#topLinkdiy a {background: url(/ie/top/img/top_link_diy_over.jpg) no-repeat 0 0;}
#topLinkchinpun a {background: url(/ie/top/img/top_link_chinpun_over.jpg) no-repeat 0 0;}

* html #topHeader a:hover {background-color: #fff;}
#topHeader a:hover img {visibility:hidden;}

/* --------------------------------
#topContent
-------------------------------- */
/* --------------------------------
#topIe
-------------------------------- */
#topIe li.ki {float: left;width: 222px;}
#topIe li.ki a {width: 209px;}
#topIe li.mado {float: left;width: 209px;}
#topIe li.tate {float: right;width: 209px;}
/* --------------------------------
#topDetail
-------------------------------- */
#topDetail li {float: left;width: 222px;}
#topDetail li.last {width: 209px;}
#topDetail li a img {border: 1px solid #CCC;}
#topDetail li a:hover img {border: 1px solid #7F0019;}
/* --------------------------------
#topCase
-------------------------------- */
#topCase li {float: left;width: 222px;}
#topCase li a {width: 209px;}
#topCase li.last {width: 209px;}
/* --------------------------------
#topProject
-------------------------------- */
#topProject {float: left;width: 315px;}
#topProject li {float: left;width: 148px;}
/* --------------------------------
#topMonitor
-------------------------------- */
#topMonitor {float: right;width: 315px;}
#topMonitor li {float: left;width: 148px;}
/* --------------------------------
#topInfo
-------------------------------- */
#topInfo .ttl {padding-bottom: 15px;}
#topInfoRSS {float: right;}
#topInfoRSS li {float: left;padding-left: 25px;}
#topInfoRSS img {vertical-align: middle;}
#topInfoRSS a {text-decoration: none;}
#topInfoData li {padding-bottom: 10px;}
#topInfoData li {clear: both;}
#topInfoData li a {text-decoration: none;}
#topInfoData li strong {display: block;float: left;width: 80px;font-weight: normal;}
#topInfoData li span {display: block;float: right;width: 573px;}

/* --------------------------------
#topSub
-------------------------------- */
/* --------------------------------
#topModelhouse
-------------------------------- */
#topModelhouse {padding-top: 0;}
#topModelhouseMap .ttl {padding-top: 0;}
#topModelhouseMap .ttl img {border-top: 7px solid #FFF;}

#topModelhouseMap {background: url(/ie/top/img/modelhousebg.gif) no-repeat 0 0;}
#topModelhouseMap .link {padding: 12px 0 46px 29px;}


#topModelhouseMap .link a {width: 155px;background: url(/ie/top/img/mh_link_over.gif) no-repeat 0 0;}
#mhInfo01 a {background: url(/ie/top/img/infolink01_over.gif) no-repeat 0 0;}
#mhInfo02 a {background: url(/ie/top/img/infolink02_over.gif) no-repeat 0 0;}
#mhInfo03 a {background: url(/ie/top/img/infolink03_over.gif) no-repeat 0 0;}
/*140801_cam*/
#mhInfo140801 a {background: url(/ie/top/img/zenkoku_issei_over.gif) no-repeat 0 0;}
/**//**/

#topModelhouseInfo .inBox {padding: 15px 15px 10px 15px;border-bottom: 3px solid #FFF;background: #F2F2F2;}
#topModelhouseInfo .link {padding-bottom: 7px;line-height: 0;}
#topModelhouseInfo .photo {float: left;margin: 3px 6px 0 0;}
#topModelhouseInfo .text {line-height: 1.6;}
#topModelhouseInfo li {padding: 5px 0;border-top: 1px solid #DFDFDF;}
#topModelhouseInfo li a {text-decoration: none;}
#topModelhouseInfo li,
#topModelhouseInfo li .date {color: #333;font-size: 10px;}
#topModelhouseInfo p .date {font-size: 10px;}
#topModelhouseInfo #nr {padding: 15px 0 5px 15px;}
#topModelhouseInfo #nr .link {padding-bottom: 0;line-height: 0;}
#topModelhouseInfo #nr p.text {padding: 10px 0 7px 0;background: url(/ie/top/img/dfdfdf.gif) no-repeat 0 100%;}
#topModelhouseInfo #nr p.text.last {background: none;}
#topModelhouseInfo #nr p .date {/font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;}

#topModelhouseInfo #nr a {display: block;text-decoration:none;}

/* --モデルハウスオープン-- */
#matsumoto a {background: url(/ie/top/img/photomatsumoto_over.jpg) no-repeat 0 3px;}
#hakata a {background: url(/ie/top/img/photohakata_over.jpg) no-repeat 0 3px;}
#yurakucho a {background: url(/ie/top/img/photoyurakucho_over.jpg) no-repeat 0 3px;}
#urawa a {background: url(/ie/top/img/photourawa_over.jpg) no-repeat 0 3px;}
#okazaki a {background: url(/ie/top/img/photookazaki_over.jpg) no-repeat 0 3px;}
#hachioji a {background: url(/ie/top/img/photohachioji_over.jpg) no-repeat 0 3px;}
#chibaminami a {background: url(/ie/top/img/photochibaminami_over.jpg) no-repeat 0 3px;}
#osaka a {background: url(/ie/top/img/photoosaka_over.jpg) no-repeat 0 3px;}
#miyazaki a {background: url(/ie/top/img/photomiyazaki_over.jpg) no-repeat 0 3px;}
#osakaminami a {background: url(/ie/top/img/photoosakaminami_over.jpg) no-repeat 0 3px;}
#shizuoka a {background: url(/ie/top/img/photoshizuoka_over.jpg) no-repeat 0 3px;}
#kumamoto a {background: url(/ie/top/img/photokumamoto_over.jpg) no-repeat 0 3px;}

* html #topModelhouseInfo #nr a:hover {background-color: #F2F2F2;}
#topModelhouseInfo #nr a:hover img {visibility:hidden;}
/*
#topModelhouseInfo #nr a:hover span.date,
#topModelhouseInfo #nr a:active span.date{color: #191919;}
#topModelhouseInfo #nr a:hover strong,
#topModelhouseInfo #nr a:active strong{color: #7F0019;}
*/
/* --------------------------------
#topEx, #topEx2
-------------------------------- */
#topEx3 .inBox {padding: 0 15px 10px 15px;background: #FFF;}
#topEx .inBox, #topEx2 .inBox {padding: 0 15px 10px 15px;background: #F2F2F2;}
#topEx .link, #topEx2 .link {padding: 15px 0 5px 0;line-height: 0;}
#topEx .text img, #topEx2 .text img {margin-top: 3px;}
#ex01 a {background: url(/ie/top/img/linkex01_over.gif) no-repeat 0 0;}
#ex02 a {background: url(/ie/top/img/linkex02_over.gif) no-repeat 0 0;}
#ex03 a {background: url(/ie/top/img/linkex03_over.gif) no-repeat 0 0;}
#ex04 a {background: url(/ie/top/img/linkex04_over.gif) no-repeat 0 0;}

/* --------------------------------
#topBanner 120807追加
-------------------------------- */
#topBanner .link {padding: 3px 0 10px 0;line-height: 1.6;}

/* --------------------------------
link
-------------------------------- */
#topMonitor li a,
#topProject li a,
#topCase li a,
#topIe li a,
#topSub .link a {display: block;}
* html #topSub .link a:hover {background-color: #f2f2f2;}
* html #topMonitor li a:hover,
* html #topProject li a:hover,
* html #topCase li a:hover,
* html #topIe li a:hover,
* html #topModelhouseMap .link a:hover {background-color: #fff;}

#topMonitor li a:hover img,
#topProject li a:hover img,
#topCase li a:hover img,
#topIe li a:hover img,
#topSub .link a:hover img {visibility:hidden;}

#topIe .concept a {background: url(/ie/top/img/iekangaeru_over.jpg) no-repeat 0 0;}
#topIe .ki a {background: url(/ie/top/img/ieki_over.jpg) no-repeat 0 0;}
#topIe .mado a {background: url(/ie/top/img/iemado_over.jpg) no-repeat 0 0;}
#topIe .tate a {background: url(/ie/top/img/ietate_over.jpg) no-repeat 0 0;}
#topCase .case01 a {background: url(/ie/top/img/case1_over.jpg) no-repeat 0 0;}
#topCase .case02 a {background: url(/ie/top/img/case2_over.jpg) no-repeat 0 0;}
#topCase .case03 a {background: url(/ie/top/img/case3_over.jpg) no-repeat 0 0;}
#topProject .project01 a {background: url(/ie/top/img/project1_over.gif) no-repeat 0 0;}
#topProject .project02 a {background: url(/ie/top/img/project10_over.jpg) no-repeat 0 0;}
#topMonitor .monitor01 a {background: url(/ie/top/img/monitor1_over.gif) no-repeat 0 0;}
#topMonitor .monitor02 a {background: url(/ie/top/img/monitor2_over.jpg) no-repeat 0 0;}
#topMonitor .monitor03 a {background: url(/ie/top/img/monitor3_over.jpg) no-repeat 0 0;}

/* --------------------------------
clearfix
-------------------------------- */
#topInfo li:after,.box:after,#fNav:after,#fNavMap:after,#fNavMenu:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
*html #topInfo li,* html .box,* html #fNav,* html #fNavMap,* html #fNavMenu{height:1%;}
#topInfo li,.boxm,#fNav,#fNavMap,#fNavMenu{zoom:1;}






















}