/*tatemono.officedb.jp*/ /* ------------------------------------ contentsbox ------------------------------------ */ #l_side {width: 178px; float:left;} #r_side {width: 484px; float:left; margin-right:32px;} #r_side_index {width: 494px; float:left; margin-right:10px;} /* ------------------------------------ font ------------------------------------ */ h4 {font-size: 2.0em;/*20px*/font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;line-height: 140%; padding-bottom: 15px; letter-spacing:-0.02em} h5 {font-size: 1.154em;/*17px*/font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} .txt_d01 {font-size:0.88em;/*13px*/ font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; line-height:2em;} h5.lineh {line-height:1.7;} /* ------------------------------------ layout ------------------------------------ */ #l_side h3 img {margin-top:5px} /*tatemono navigation */ #tatemononavi {margin-top: 123px; font-size:12px; display:block;} #tatemononavi li { margin-top:26px;} #tatemononavi li a {color:#666666;} #tatemononavi li a:hover {color:#000000;} #tatemononavi li.on a {color:#000000;} #tatemononavi .sub {font-size: 8px; line-height:1.4em; display: block; padding-left:12px;} #tatemononavi_sub {margin-top: 47px; font-size:12px; display:block; color:#666666;} #tatemononavi_sub ul { padding-left:12px;} #tatemononavi_sub li { margin-top:20px;} #tatemononavi_sub li a {color:#666666;} #tatemononavi_sub li a:hover{color:#000000;} #tatemononavi_sub li.on a {color:#000000;} #tatemononavi_sub .sub {font-size: 8px; line-height:1.4em; display: block; padding-left:12px;} /*tatemono navigation 20140.1.07*/ /*navgation*/ #tatenav {margin-top:65px; width:155px; display:block;} #tatenav li {width:122px; display:block;} #tatenav a {background: url(../images/glovalnavi.png) no-repeat top left;display:block; text-indent:-9999px; height:12px; margin-top:27px;} #tatenav a.asakadai {background-position: 0 0; margin-top:0;} #tatenav a.syn {background-position: 0 -12px;} #tatenav a.hato {background-position: 0 -24px;} #tatenav a.muku {background-position: 0 -36px;} #tatenav a.mabi {background-position: 0 -48px;} #tatenav a.dsdc {background-position: 0 -60px;} #tatenav a.hibiki {background-position: 0 -72px;} #tatenav a.subaru {background-position: 0 -84px;} #tatenav a.nwine {background-position: 0 -96px;} #tatenav a.ntsuru {background-position: 0 -108px;} #tatenav a.nmuseum {background-position: 0 -120px;} #tatenav a.snav_asak {background:url(../images/navi_asakadai.png) no-repeat 0 0; height:12px; display:block; text-indent:0; margin:5px 0 0 11px; width:130px; text-indent:-9999px;} #tatenav a:hover.asakadai {background-position: -122px 0; margin-top:0;} #tatenav a:hover.syn {background-position: -122px -12px;} #tatenav a:hover.hato {background-position: -122px -24px;} #tatenav a:hover.muku {background-position: -122px -36px;} #tatenav a:hover.mabi {background-position: -122px -48px;} #tatenav a:hover.dsdc {background-position: -122px -60px;} #tatenav a:hover.hibiki {background-position: -122px -72px;} #tatenav a:hover.subaru {background-position: -122px -84px;} #tatenav a:hover.nwine {background-position: -122px -96px;} #tatenav a:hover.ntsuru {background-position: -122px -108px;} #tatenav a:hover.nmuseum {background-position: -122px -120px;} #tatenav a:hover.snav_asak {background:url(../images/navi_asakadai.png) no-repeat -130px 0; height:12px; display:block; text-indent:0; margin:5px 0 0 11px; width:130px; text-indent:-9999px;} #asaka #tatenav a.asakadai {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px 0; margin-top:0;} #syn #tatenav a.syn {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -12px;} #hato #tatenav a.hato {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -24px;} #muku #tatenav a.muku {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -36px;} #mabi #tatenav a.mabi {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -48px;} #dsdc #tatenav a.dsdc {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -60px;} #hibiki #tatenav a.hibiki {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -72px;} #subaru #tatenav a.subaru {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -84px;} #wine #tatenav a.nwine {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -96px;} #tsuru #tatenav a.ntsuru {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -108px;} #museum #tatenav a.nmuseum {background: url(../images/glovalnavi.png) no-repeat top left; background-position: -122px -120px;} #asakapage #tatenav a.snav_asak {background:url(../images/navi_asakadai.png) no-repeat -130px 0; height:12px; display:block; text-indent:0; margin:5px 0 0 11px; width:130px; text-indent:-9999px;} /*content */ .tatecontents {padding:0 44px 0 0;} .tatemonomt {margin-top:16px;} .midashi_tatemono {background:url(../images/midashi_tatemono.gif) no-repeat top left; display:block; text-indent:-9999px; border:1px solid #979797; height:122px; width:638px;} .toiawase_tatemono { width:623px; border:1px solid #979797; padding : 1em 5px } /*section*/ .section {margin-top:40px;} /*tatemono_btn*/ #tatemono_btn a {font-size:0.700em;/*10.5px*/ color:#333333;} #tatemono_btn a:hover {opacity:0.8;} #tatemono_btn .cs {pointer-events:none;} .menu_pc li,.menu_sake li {margin-right:25px; float:left; margin-top:47px; display:block;} .menu_pc li.r,.menu_sake li.r {margin-right:0;} /*画像サイズ*/ .menu_pc img.tsukuri {width:306px; height:232px;} .menu_pc img {width:139px; height:232px;} .menu_sake img {width:139px; height:188px;} /*nakanopage*/ .casebox {margin-top:40px;} .casebox2 {margin-top:40px;} .casebox3 {margin-top:15px;} .casebox4 {margin-top:30px;} .casebox5 {margin-top:30px; background-image:url(../images/kikakusekei01.jpg); background-position:100% 35%; background-repeat: no-repeat;} .casebox6 {margin-top:30px; background-image:url(../images/kihonsekei01.jpg); background-position:100% 39%; background-repeat: no-repeat;} .casebox7 {margin-top:30px; background-image:url(../images/zitisekei01.jpg); background-position:100% 31%; background-repeat: no-repeat;} .case {font-size: 1.231em;/*18px*/ margin-right:15px;} #caption_tatemono {font-size:0.88em;/*13px*/ width:100%; line-height:1.9; margin-top:20px; } #caption_tatemono2 {font-size:0.88em;/*13px*/ width:100%; line-height:1.9; margin-top:10px; } .caption_tatemono {line-height:2.3;} .tatemono_guide {margin-top:20px;} .tatemono_guide li { position:relative;} .tatemono_guide li div { position: absolute; left:59px; top:0} .tablewaku3 {margin:0 0 10px 0;} .tablewaku3 td {width:212px; padding-bottom:10px;} .tablewaku3 td img {width:201px; height:auto} .logocenter {margin-bottom:20px; text-align:center} /*--------------------------------------------- スライダーpeger ---------------------------------------------*/ .cycle-slideshow_t {width:464px; height:317px; overflow:hidden; margin:0 0 30px 0} .cycle-slideshow_t img { padding: 0; margin:0} /* pager */ .pager { text-align: right; margin:-20px 0 0 0; padding-right:0; display:block;} .pager span { font-size: 2.5em;/*37px*/ width: 11px; height: 10px; display: inline-block; color: #ddd; cursor: pointer; margin:-40px 0 30px 0;} .pager span.cycle-pager-active { color: #D69746;} .pager > * { cursor: pointer;} /*--実例紹介ページ---*/ .tatemono_box { border: solid 1px #000000; text-align:justify; text-justify:inter-ideograph;} .tatemono_box .inbox { padding:66px 20px 20px 140px;} .jitsureititle {font-weight:bold; margin: 45px 0 25px 6px; font-size: 1.400em;/*21px*/} .jitsureititle2 {font-weight:bold; margin: 0 0 25px 6px; font-size: 1.400em;/*21px*/} .gyo { line-height: 1.7;} .dlhyou {margin-top:5px;} .dlhyou dt.icon {background: url(../../images/icon_shikaku.gif) no-repeat center left; padding-left:13px;} .dlhyou dt {width:55px; display:block; float:left} .dlhyou dd {width:406px;display:block; float:left} .yajirusi {background:url(../images/yajirusi.jpg) no-repeat top left; display:block; width:54px; height:98px; margin:0 auto; margin-top:10px; text-indent:-9999px;} /*実例 ナビゲーション*/ #jitsurei_nav {width:616px;/*636px*/ display:block; padding-left:28px;} #jitsurei_nav li {width:87px; float:left; display:block; margin-bottom:15px; line-height:0;} #jitsurei_nav a {background: url(../../images/jitsurei_nav.png) no-repeat top left; text-indent:-9999px; height:12px; display:block; } #jitsurei_nav a.hajime {background-position: 0 -12px;} #jitsurei_nav a.kikaku {background-position: -97px -12px;} #jitsurei_nav a.kihon {background-position: -194px -12px;} #jitsurei_nav a.jisshi {background-position: -291px -12px;} #jitsurei_nav a.mitsumori {background-position: -388px -12px;} #jitsurei_nav a.sekou {background-position: -485px -12px;} #jitsurei_nav a.iji {background-position: -585px -12px; } #jitsurei_nav a:hover.hajime {background-position: 0 0;} #jitsurei_nav a:hover.kikaku {background-position: -97px 0;} #jitsurei_nav a:hover.kihon {background-position: -194px 0;} #jitsurei_nav a:hover.jisshi {background-position: -291px 0;} #jitsurei_nav a:hover.mitsumori {background-position: -388px 0;} #jitsurei_nav a:hover.sekou {background-position: -485px 0;} #jitsurei_nav a:hover.iji {background-position: -585px 0; } #jitsurei_nav a.hajime_on {background: url(../../images/jitsurei_nav.png) no-repeat top left; text-indent:-9999px; height:12px; display:block; background-position: 0 0;} #jitsurei_nav a.kikaku_on {background: url(../../images/jitsurei_nav.png) no-repeat top left; text-indent:-9999px; height:12px; display:block; background-position: -97px 0;} #jitsurei_nav a.kihon_on {background: url(../../images/jitsurei_nav.png) no-repeat top left; text-indent:-9999px; height:12px; display:block; background-position: -194px 0;} #jitsurei_nav a.jisshi_on {background: url(../../images/jitsurei_nav.png) no-repeat top left; text-indent:-9999px; height:12px; display:block; background-position: -291px 0;} #jitsurei_nav a.mitsumori_on {background: url(../../images/jitsurei_nav.png) no-repeat top left; text-indent:-9999px; height:12px; display:block; background-position: -388px 0;} #jitsurei_nav a.sekou_on {background: url(../../images/jitsurei_nav.png) no-repeat top left; text-indent:-9999px; height:12px; display:block; background-position: -485px 0;} #jitsurei_nav a.iji _on {background: url(../../images/jitsurei_nav.png) no-repeat top left; text-indent:-9999px; height:12px; display:block; background-position: -585px 0; }