@font-face{font-family:'UIfont';src:url(../font/03SmartFontUI.eot);src:url(../font/03SmartFontUI.eot?#iefix) format("embedded-opentype"),url(../font/03SmartFontUI.woff) format("woff"),url(../font/03SmartFontUI.ttf) format("truetype")}#custom-show-hide-example{margin:0;padding:0;width:205px}@media screen and (max-width: 768px){#custom-show-hide-example{margin:0;padding:0;width:100%}}#custom-show-hide-example h4{margin:0;padding:5px 0 5px 8px;background-color:#aaa;font-family:'UIfont';font-size:14px;color:#fff}#custom-show-hide-example h4:hover{background-color:#333}#custom-show-hide-example h4 a{display:block;background:url(../images/sy.png) 180px 4px no-repeat;color:#fff}#custom-show-hide-example h4 a:hover{display:block;background:url(../images/sy_over.png) 180px 4px no-repeat;color:#fff}#custom-show-hide-example h4:open,#custom-show-hide-example h4.open a{display:block;background:url(../images/sy_over.png) 180px 4px no-repeat;color:#fff}#custom-show-hide-example h4.open{background-color:#333}#custom-show-hide-example h4.open a{display:block;background:url(../images/sy_over.png) 180px 4px no-repeat;color:#fff}.css3-animated-example,.nav_box{margin:0;padding:0}.css3-animated-example h5,.nav_box h5{padding:13px 0 3px 28px;margin:0 0 10px 10px;font-family:'UIfont';font-size:16px;color:#000;opacity:.5}h5.side_single,h5.side_single_over{background:url(../images/icon_single.gif) 0 10px no-repeat}h5.side_soku,h5.side_soku_over{background:url(../images/icon_soku.gif) 0 10px no-repeat}h5.side_kagu,h5.side_kagu_over{background:url(../images/icon_kagu.gif) 0 10px no-repeat}h5.side_eki,h5.side_eki_over{background:url(../images/icon_eki.gif) 0 10px no-repeat}h5.side_family,h5.side_family_over{background:url(../images/icon_family.gif) 0 10px no-repeat}h5.side_designers,h5.side_designers_over{background:url(../images/icon_designers.gif) 0 10px no-repeat}h5.side_renovation,h5.side_renovation_over{background:url(../images/icon_renovation.gif) 0 10px no-repeat}h5.side_location,h5.side_location_over{background:url(../images/icon_kankyo.gif) 0 10px no-repeat}h5.side_sepa,h5.side_sepa_over{background:url(../images/icon_sepa.gif) 0 10px no-repeat}h5.side_new,h5.side_new_over{background:url(../images/icon_new.gif) 0 10px no-repeat}h5.side_office,h5.side_office_over{background:url(../images/icon_office.gif) 0 10px no-repeat}h5.side_soho,h5.side_soho_over{background:url(../images/icon_office.gif) 0 10px no-repeat}h5.side_c6,h5.side_c7,h5.side_c9,h5.side_c8,h5.side_c10,h5.side_c12,h5.side_c15,h5.side_c20,h5.side_c25,h5.side_c25a,.nav_boxh5.side_c6_over,h5.side_c8_over,h5.side_c10_over,h5.side_c12_over,h5.side_c15_over,h5.side_c20_over,h5.side_c25_over,h5.side_c25a_over,h5.side_a01,h5.side_a01_over,h5.side_a02,h5.side_a02_over,h5.side_a03,h5.side_a03_over,h5.side_a04,h5.side_a04_over,h5.side_a05,h5.side_a05_over,h5.side_a06,h5.side_a06_over,h5.side_a07,h5.side_a07_over,h5.side_a08,h5.side_a08_over{padding:13px 0 3px}h5.side_c6::before,h5.side_c8::before,h5.side_c10::before,h5.side_c12::before,h5.side_c15::before,h5.side_c20::before,h5.side_c25::before,h5.side_c25a::before,.nav_boxh5.side_c6_over::before,h5.side_c8_over::before,h5.side_c10_over::before,h5.side_c12_over::before,h5.side_c15_over::before,h5.side_c20_over::before,h5.side_c25_over::before,h5.side_c25a_over::before{font-family:FontAwesome;content:"\f0d6";font-size:1.6rem;margin:0 10px 0 0;padding:0}h5.side_c7::before{font-family:FontAwesome;content:"\f1b9";font-size:1.6rem;margin:0 10px 0 0;padding:0}h5.side_c9::before{font-family:FontAwesome;content:"\f239";font-size:1.6rem;margin:0 10px 0 0;padding:0}h5.side_a01::before,h5.side_a01_over::before,h5.side_a02::before,h5.side_a02_over::before,h5.side_a03::before,h5.side_a03_over::before,h5.side_a04::before,h5.side_a04_over::before,h5.side_a05::before,h5.side_a05_over::before,h5.side_a06::before,h5.side_a06_over::before,h5.side_a07::before,h5.side_a07_over::before,h5.side_a08::before,h5.side_a08_over::before{font-family:FontAwesome;content:"\f0f2";font-size:1.6rem;margin:0 10px 0 0;padding:0}.css3-animated-example h5 a,.nav_box h5 a{color:#000}.css3-animated-example h5:hover,.nav_box h5:hover{color:#000;opacity:1}h5.side_c7:hover,h5.side_c9:hover{opacity:.5}.css3-animated-example h5.open,.nav_box h5.side_single_over,.nav_box h5.side_soku_over,.nav_box h5.side_kagu_over,.nav_box h5.side_eki_over,.nav_box h5.side_family_over,.nav_box h5.side_designers_over,.nav_box h5.side_renovation_over,.nav_box h5.side_location_over,.nav_box h5.side_sepa_over,.nav_box h5.side_new_over,.nav_box h5.side_office_over{padding:13px 0 3px 28px;margin:0 0 5px 10px;font-family:'UIfont';font-size:16px;color:#000;opacity:1}h5.side_c6.open,h5.side_c8.open,h5.side_c10.open,h5.side_c12.open,h5.side_c15.open,h5.side_c20.open,h5.side_c25.open,h5.side_c25a.open,.nav_box h5.side_c6_over,.nav_box h5.side_c8_over,.nav_box h5.side_c10_over,.nav_box h5.side_c12_over,.nav_box h5.side_c15_over,.nav_box h5.side_c20_over,.nav_box h5.side_c25_over,.nav_box h5.side_c25a_over,.nav_box h5.side_c6_over a,.nav_box h5.side_c8_over a,.nav_box h5.side_c10_over a,.nav_box h5.side_c12_over a,.nav_box h5.side_c15_over a,.nav_box h5.side_c20_over a,.nav_box h5.side_c25_over a,.nav_box h5.side_c25a_over a,.nav_box h5.side_c6_over a:hover,.nav_box h5.side_c8_over a:hover,.nav_box h5.side_c10_over a:hover,.nav_box h5.side_c12_over a:hover,.nav_box h5.side_c15_over a:hover,.nav_box h5.side_c20_over a:hover,.nav_box h5.side_c25_over a:hover,.nav_box h5.side_c25a_over a:hover,h5.side_a01.open,h5.side_a02.open,h5.side_a03.open,h5.side_a04.open,h5.side_a05.open,h5.side_a06.open,h5.side_a07.open,h5.side_a08.open,.nav_box h5.side_a01_over,.nav_box h5.side_a02_over,.nav_box h5.side_a03_over,.nav_box h5.side_a04_over,.nav_box h5.side_a05_over,.nav_box h5.side_a06_over,.nav_box h5.side_a07_over,.nav_box h5.side_a08_over,.nav_box h5.side_a01_over a,.nav_box h5.side_a02_over a,.nav_box h5.side_a03_over a,.nav_box h5.side_a04_over a,.nav_box h5.side_a05_over a,.nav_box h5.side_a06_over a,.nav_box h5.side_a07_over a,.nav_box h5.side_a08_over a,.nav_box h5.side_a01_over a:hover,.nav_box h5.side_a02_over a:hover,.nav_box h5.side_a03_over a:hover,.nav_box h5.side_a04_over a:hover,.nav_box h5.side_a05_over a:hover,.nav_box h5.side_a06_over a:hover,.nav_box h5.side_a07_over a:hover,.nav_box h5.side_a08_over a:hover{padding:13px 0 3px;color:#000;opacity:1}.css3-animated-example h5.open a,.nav_box h5.side_single_over a,.nav_box h5.side_soku_ove a,.nav_box h5.side_kagu_over a,.nav_box h5.side_eki_over a,.nav_box h5.side_family_over a,.nav_box h5.side_designers_over a,.nav_box h5.side_renovation_over a,.nav_box h5.side_location_over a,.nav_box h5.side_sepa_over a,.nav_box h5.side_new_over a,.nav_box h5.side_office_over a,{color:#000}.css3-animated-example h5.open a:hover,.nav_box h5.side_single_over a:hover,.nav_box h5.side_soku_ove a:hover,.nav_box h5.side_kagu_over a:hover,.nav_box h5.side_eki_over a:hover,.nav_box h5.side_family_over a:hover,.nav_box h5.side_designers_over a:hover,.nav_box h5.side_renovation_over a:hover,.nav_box h5.side_location_over a:hover,.nav_box h5.side_sepa_over a:hover,.nav_box h5.side_new_over a:hover,.nav_box h5.side_office_over a:hover{color:#000}#custom-show-hide-example h4 + div{padding:5px 0 10px;background-color:#fff}#custom-show-hide-example h4+div,.css3-animated-example h5+div{display:none}.css3-animated-example h5 + div{height:0;padding:0;overflow:hidden;display:block!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.css3-animated-example .side_cat{padding:0 10px 0 0;margin:0;text-align:right}.css3-animated-example h5.open + div{height:auto}.css3-animated-example .side_cat h6,.nav_box .side_cat h6{padding:5px 15px 2px;margin:0;font-size:16px;text-align:left;font-family:'UIfont'}.css3-animated-example .side_cat h6.sch6_t,.nav_box .side_cat h6.sch6_t{color:#012063}.css3-animated-example .side_cat h6.sch6_o,.nav_box .side_cat h6.sch6_o{color:#b7be21}.css3-animated-example .side_cat p,.nav_box .side_cat p{padding:0 15px;margin:0;font-size:16px;line-height:150%;text-align:left;font-family:'UIfont'}.css3-animated-example .side_cat p a,.nav_box .side_cat p a{color:#000}.css3-animated-example .side_cat p a:hover,.nav_box .side_cat p a:hover{color:#7f7f7f}