@charset "utf-8"; /* 2009.09.10 - Yano */ h4 a, h4 span, h5 span, h6 span { line-height : 35px !important; } /* ===================================================================== definition ====================================================================== */ div#shell { font-size : 1.3em; text-align : center; } div#header, div#core, div#footer { clear : both; margin : 0 auto; text-align : left; width : 960px; } div#header { height : 155px; } div#core div#contents { float : left; width : 660px; } div#core div#utilities { float : right; width : 270px; } div#footer { height : 140px; } /* ___________________________________________________________ document */ h1 { overflow : hidden; text-align : left; line-height : 30px; height : 30px; } h2 { overflow : hidden; text-align : left; width : 250px; height : 45px; height: 69px; } h2 a { display : block; text-indent : -2000px; height : 45px; height: 69px; } h3,h4,h5,h6 { overflow : hidden; margin-bottom : 10px; padding-left : 10px; font-weight : bold; line-height : 35px; height : 35px; } h3 a { line-height : 35px; } h4 *,h5 *,h6 * { font-weight : bold; } h4 { background-image: none !important; background-color: #008cd6; color: #fff; } h5 { } h6 { } ul { margin : 0 0 15px 0; list-style : none; list-style-position : outside; } ol { margin : 0 0 15px 30px; list-style-position : outside; } ul li { padding : 0.3em 0 0.3em 21px; min-height : 1%; _height : 1%; } ol li { padding : 4px 0 4px 0; } dl { margin : 6px 6px 10px 6px; } dl dl { margin : 0; } dl dt { margin : 20px 0 10px 0; padding : 3px 2px 5px 2px; border-top : 1px dotted #dddddd; border-bottom : 1px dotted #dddddd; background : #f7f7f7; text-indent : 5px; } dl dd { margin : 10px 11px; } strong { font-weight : bold; } em { font-weight : bold; } p { margin : 0 0 15px 0; /* margin : 0 0 10px 0;*/ line-height : 1.5; } dl dd p { margin-bottom : 5px; } address { margin : 10px 10px 20px 10px; padding : 10px; border : 1px solid #dddddd; } address p { margin-bottom : 5px; } img { vertical-align : bottom; } *:first-child+html .thumbs_right, *:first-child+html .thumbs_left { margin : 0; } img.thumbs_center { display : block; margin : 0 auto 5px auto; } hr { clear : both; visibility : hidden; } div#shell hr { display : block; margin : -10px 0 0 0; height : 1px; } caption { margin-bottom: 0.3em; text-align : left; font-size : 1em !important; font-weight : bold; line-height : 20px; } table.thumbs_center { margin-right : auto; margin-left : auto; } table.thumbs_center p { text-align : left; margin-left : 0; } td { line-height : 1.2; } td p { line-height : 1.2 !important; margin : 0 !important; padding : 0 !important; } td dl dt:first-child { margin-top: 10px; } address.summary { margin : 0 0 0 210px; } p.sign { text-align : right; } backquote,cite { display : block; margin : 0 0 20px 0; padding : 20px 40px; border : 1px solid #d2d2d2; background : url(./images/backquote.png) no-repeat 0 0; } /* ___________________________________________________________ form */ form { margin : 0 0 20px 0; } input:focus, select:focus, textarea:focus { background : #f5f5f5; } input { padding : 1px; border : 1px solid #cccccc; } textarea { padding : 1px; border : 1px solid #cccccc; } p label { padding : 0 20px 0 5px; } div#utilities form { padding : 15px 20px 20px 20px; border : 1px solid #DDD; _padding-bottom : 0; } *:first-child+html div#utilities form { padding-bottom : 1px; } input.submit, input#imageField { margin : 0 0 0 2px; border : none; background-color : #ff6600; vertical-align : top; color : #ffffff; text-align : center; width : 50px !important; line-height : 23px; height : 25px; } div#utilities input#search { width : 160px; height : 21px; background-color : #FFF; } /* ___________________________________________________________ form lodgment_search */ .lodgment_search select { border : 1px solid #d2d2d2; } .lodgment_search .thumbs_center { clear : both; margin : 0; padding : 0; text-align : left; } input#imageField { padding : 0 0.5em; _margin-top : 20px; width : auto !important; } #contents .lodgment_search { position : relative; margin : 0 0 20px 0; height : 11.5em; min-height : 145px; _height : 150px; } #contents .lodgment_search * { margin : 0 !important; padding : 0 !important; } #contents .lodgment_search h3 { padding : 0 !important; background : none !important; text-indent : 10px !important; color : #fff !important; } #contents .lodgment_search form { position : absolute; top : 30px; left :10px; background : #fff; width : 640px; height : 8.5em; min-height : 105px; _height : 105px; } #contents .lodgment_search form dl { margin : 8px !important; } #contents .lodgment_search form dl dt { margin : 0 185px 0 0 !important; padding : 5px 0 !important; border-top : 0; background : #f9f9f9; text-indent : 10px; } #contents .lodgment_search form dl dd { margin : 0 185px 0 0 !important; padding : 25px 20px !important; background : #f9f9f9; } #contents .lodgment_search form p.thumbs_center { position : absolute; top : 56px; left : 257px; } #contents .lodgment_search form dl dd select { background : #fff; } #contents .lodgment_search form p.thumbs_center input { width : 150px !important; } #contents .lodgment_search ul { position : absolute; top : 30px; right : 10px; padding-top : 5px !important; width : 180px; } #contents .lodgment_search ul li { text-indent : 20px; padding : 2px 0 !important; background-position : 0 0.2em !important; } #contents .lodgment_search ul li a { font-size : 11px !important; } #contents .quick_summary { clear : both; _height : 1%; } .home #contents .quick_summary { min-height : 1px; } #utilities .lodgment_search { margin : 0 0 20px 0; padding : 10px; } #utilities .lodgment_search h3 { padding : 0; background : none !important; color : #fff; } #utilities .lodgment_search form, #utilities .lodgment_search ul { margin : 0; padding : 10px; background : #fff; } #utilities .lodgment_search ul { padding-top : 0; } #utilities .lodgment_search ul li { margin : 0; padding-top : 3px; padding-bottom : 3px; border : 0; background-position : 0 5px; } #utilities .lodgment_search ul li a { font-size : 0.8em; } #utilities .lodgment_search dl, #utilities .lodgment_search dt, #utilities .lodgment_search dd { margin : 0; padding : 0; border : 0; background : none; } #utilities .lodgment_search dt { padding : 0 0 3px 0; text-indent : 0; } #utilities .lodgment_search dd { margin-bottom : 10px; } #utilities .lodgment_search p.thumbs_center { text-align : center; margin : 0; padding : 0; } /* ___________________________________________________________ table */ table { margin : 0 0 20px 0; border : 1px solid #dddddd; border-collapse : collapse; } table th { padding : 5px; border : 1px solid #dddddd; background : #f7f7f7; font-weight : bold; text-align : center; } table td { padding : 5px; border : 1px solid #dddddd; } table td * { margin-bottom : 5px !important; } table.active td { padding: 0 !important; } table.active td * { margin-bottom : 0!important; } caption { font-size : 1.1em; } /* ===================================================================== header ====================================================================== */ div#header { position : relative; margin-bottom : 10px; } div#header h1 { margin-bottom : 7px; } div#header h2 { position : absolute; left : 0; top : 50px; } div#header ul li { margin : 0; padding : 0; background : none; } div#header ul.guide { text-align : right; margin-bottom : 15px !important; } div#header ul.guide li { display : inline; margin : 0; padding : 0 4px; border-right : 1px solid #CCC; } div#header ul.guide li.break { border : 0; padding-right : 0; } div#header ul.font_size { position : absolute; top : 70px; right : 0; width :176px; height : 30px; } div#header ul.font_size li { overflow : hidden; position : absolute; top : 0; margin : 0; padding : 0; border : 0; text-align : left; text-indent : -2000px; width : 30px; height : 30px; } div#header ul.font_size li.small { right : 70px; } div#header ul.font_size li.default { right : 36px; } div#header ul.font_size li.large { right : 0; } div#header ul.font_size { background : #ccc !imporant; height : 100px; } div#header ul.font_size li a { display : block; width : 30px; height : 30px; } div#header ul.font_size li a:hover, div#header ul.font_size li.selected a { background-position : 0 -30px !important; } div#header ul.navigation { overflow : hidden; position : absolute; top : 110px; width : 960px; height : 45px; } div#header ul.navigation li { float : left; height : 45px; } div#header ul.navigation li a { display : block; text-indent : -2000px; height : 45px; } div#header ul.navigation li a:hover, div#header ul.navigation li.stay a { background-position : 0 -45px !important; } /* ===================================================================== intro ====================================================================== */ /* ___________________________________________________________ credit */ div#intro p { margin : 0; } div#intro p.credit { overflow : hidden; text-indent : -2000px; width : auto; height : 120px; } .home div#intro p.credit, div#intro .slideshow { height : 260px; } /* ===================================================================== column ====================================================================== */ .column { float : left; margin-right : 15px; padding : 0; } .turn { margin-right : 0 !important; } /* ___________________________________________________________ intro */ div#intro div { margin-top : 10px; } div#intro div.column { float : left; margin : 0 15px 20px 0; padding : 0; } div#intro div.column4 div.column { /* width : px;*/ } #intro .column3 { min-height : 150px; _height : 1%; } div#intro div.column3 div.column { width : 310px; } div#intro div.column2 div.column p, div#intro div.column3 div.column p { float : none; width : auto; } div#intro div.column2 div.column p.thumbs_left, div#intro div.column3 div.column p.thumbs_left { float : left; } div#intro div.column2 div.column p.thumbs_right, div#intro div.column3 div.column p.thumbs_right { float : right; } div#intro div.column2 div.column { /* width : px;*/ } div#intro div.column3 div.column p.more { margin-top : 10px !important; } /* ___________________________________________________________ contents */ div#contents .column2 .column { margin-right : 20px; width : 320px; } div#contents .column2 div.column { margin-right : 20px; min-height : 100px; } div#contents .column2 .column ul { margin : 0; padding : 0; } div#contents .column3 .column { width : 210px; } div#contents .column3 div.column { min-height : 100px; } div#contents .column4 .column { margin-right : 20px; width : 150px; } div#contents .column4 div.column { margin-right : 20px; min-height : 100px; } /* ===================================================================== core ====================================================================== */ /* ___________________________________________________________ topic_path */ ul.topic_path { margin : 5px 0 5px 0; padding : 0 0 0 10px; } ul.topic_path li { display : inline; margin : 0; padding : 0; background : none; line-height : 20px; } .more { text-align : right; } /* ===================================================================== contents ====================================================================== */ /* ___________________________________________________________ thumbs */ .thumbs_left { float : left; padding : 0 10px 0 0; background-color : transparent; text-align : center; } .thumbs_right { float : right; padding : 0 0 0 10px; background-color : transparent; text-align : center; } img.thumbs_left, img.thumbs_right { margin-bottom : 10px; } img.thumbs_left { _margin-right : 10px; } img.thumbs_right { _margin-left : 10px; } .thumbs_center { text-align : center; } /* ___________________________________________________________ detail */ p.date { text-align : right; margin : -6px 0 4px 0; padding : 0; } div#contents p.navigation { clear: both; text-align : center; } /* ___________________________________________________________ active */ ul.active li { display : inline; padding : 0; background : none !important; } dt.active { border : none; text-align : right; } dd.active { margin : 0; padding : 3px 0 0 0; text-align : right; } #contents p.return_top { position : relative; padding : 0 0 15px 0; } /* ___________________________________________________________ apply */ p.apply { overflow : hidden; margin : 20px 0 25px 205px; padding : 0; text-align : center; width : 250px; height : 55px; } /* ___________________________________________________________ socialmedia_button */ #utilities ul.socialmedia_button, #contents div.section ul.socialmedia_button { margin : 0 0 20px 0; padding : 0; } #utilities ul.socialmedia_button li, #contents div.section ul.socialmedia_button li { display : block; float : left; list-style : none; background : none; border : none; margin : 0 10px 0 0; padding : 0; width : auto; height : 30px; line-height : 30px; vertical-align : top !important; } #utilities ul.socialmedia_button li a, #contents div.section ul.socialmedia_button li a { margin : 0; padding : 0; } #utilities ul.socialmedia_button li a img, #contents div.section ul.socialmedia_button li a img { vertical-align : baseline !important; } #utilities ul.socialmedia_button li.hatena a img, #contents div.section ul.socialmedia_button li.hatena a img { margin-bottom : 2px; } /* ===================================================================== update ====================================================================== */ div#contents div.update { margin : 0 0 20px 0; } div#contents div.update h4 { overflow : hidden; position : relative; } div#contents div.update h4 a.feed { overflow : hidden; position : absolute; top : 10px; right : 10px; display : block; background : url(./images/rss.png) no-repeat 0 0; line-height : 60px; width : 16px; height : 16px; text-indent : -2000px; } div#contents div.update dl { position : relative; margin : 0 0 0 0; } div#contents div.update dl dt { position : absolute; left : 0; margin : 0; padding : 0.6em 0 0.6em 0; border : none; background-color : #ffffff; width : 12.2em; text-indent : 20px; } div#contents div.update dl dd { margin : 0; padding : 0.6em 0 0.6em 12.2em; border : 0; /*height : 100%;*/ _height : 1%; } /* ___________________________________________________________ column2 */ div#shell.home div#contents div.column2 div.update { float : left; margin-right : 10px; width : 260px; } div#shell.home div#contents div.column2 div.turn { margin-right : 0; } div#contents div.column2 div.update dl dt { padding : 0.6em 0 0 0; position : relative; width : auto; } div#contents div.column2 div.update dl dd { padding : 0.6em 0 0.6em 1.5em; } /* ___________________________________________________________ simple_category */ div#contents div.simple_category dl dt { padding : 0.6em 0 0 0; position : relative; width : auto; } div#contents div.simple_category dl dd { padding : 0.6em 0 0.6em 1.5em; } /* ___________________________________________________________ simple_summary */ div#contents div.simple_summary dl dt { padding : 0.6em 0 0 0; position : relative; width : auto; } div#contents div.simple_summary dl dd { padding : 0.6em 0 0.6em 1.5em; } /* ___________________________________________________________ thumbnail_left */ div#contents div.thumbnail_left div.column2 p.thumbs_left { float : left; margin-right : 5px; } /* ___________________________________________________________ thumbnail_right */ div#contents div.thumbnail_right p.more { text-align : left; } /* ___________________________________________________________ thumbnail_both */ div#contents div.thumbnail_both p.left { text-align : left; } /* ___________________________________________________________ thumbs_text */ div#contents div.thumbs_text p.thumbs_center { margin-bottom : 5px; } /* ___________________________________________________________ title_thumbs */ div#contents div.title_thumbs p.thumbs_center { margin-bottom : 5px; } /* ___________________________________________________________ category */ div#contents div.category ul.column2 li { float : left; margin-right : 10px; width : 260px; } div#contents div.category ul.column2 li.turn { float : none; margin-right : 0; margin-left : 270px; } div#contents div.category ul.column3 li { float : left; margin-right : 10px; width : 170px; } div#contents div.category ul.column3 li.turn { float : none; margin-left : 360px; } /* ___________________________________________________________ category_list */ div#contents div.category_list div.column { margin-bottom : 10px; } /* ===================================================================== utilities ====================================================================== */ div#utilities div.guide { margin-bottom : 15px !important; padding-bottom : 0 !important; min-height : 60px; _height : 1%; } div#utilities div.guide h3 { margin-bottom : 0; } div#utilities div.guide ul { padding-top : 5px; } div#utilities div.guide ul, div#utilities div.guide form { margin-bottom : 0 !important; padding-bottom : 8px !important; } div#utilities div.guide form { padding-bottom : 15px !important; } div#utilities div.navigation { text-align : left !important; } div#utilities div.qr { margin : 10px 0 20px 0; background : url(./images/bg_qr.gif) no-repeat 0 0; width : 270px; height : 125px; } div#utilities div.qr p { text-indent : -4000px; } div#utilities div.qr p.thumbs_left { clear : both; margin : 0 0 0 0; padding : 1px 0 0 1px; text-indent : 0; } div#utilities div.qr p.thumbs_left { margin-top : 0; } /* ===================================================================== search ====================================================================== */ p.navigation, div.navigation { text-align : center; } .navigation form { display : inline; text-align : center; } .navigation form select { border : 1px solid #cccccc; } .navigation form option { padding : 1px 4px; } /* ___________________________________________________________ sitemap */ .sitemap h5, .sitemap h6 { _padding-top : 8px; } *+html .sitemap h5 a, *+html .sitemap h6 a { display : block; padding-top : 8px; } *+html>/**/body .sitemap h5, *+html>/**/body .sitemap h6 { padding-top : 0; } /* ___________________________________________________________ div */ div#shell div#contents .section { margin-bottom : 10px; } /* ___________________________________________________________ image */ body#image { margin : 0; padding : 0; } body#image h1 { margin : 0 0 5px 0; padding : 0; font-size : 10px; font-weight : normal; text-align : right; line-height : 12px; } body#image p { margin : 0 0 10px 0; padding : 0; text-align : center; } /* ___________________________________________________________ comments */ body#comments dt img { padding-right : 6px; } body#comments fieldset { margin : 0 auto 20px auto; border-left : 3px solid #DDDDDD !important; background : #F7F7F7; } body#comments fieldset dt { float : left; margin : 0; padding: 0.5em 0 1em 0.5em; border : none; background : transparent; width : 150px; height : auto; font-weight : normal; } body#comments fieldset dd { margin : 0 0 0 150px; padding: 0.5em 0 1em 0.5em; border : none; background : #ffffff; } body#comments fieldset input, body#comments fieldset select, body#comments fieldset textarea { padding : 2px 0; border : 1px solid #d5d5d5; } body#comments fieldset input:hover, body#comments fieldset select:hover, body#comments fieldset textarea:hover { border : 1px solid #a5a5a5; } body#comments fieldset input:focus, body#comments fieldset select:focus, body#comments fieldset textarea:focus { border : 1px solid #a5a5a5; background : #fcfcfc; } body#comments fieldset dl dd input { width : auto; } body#comments fieldset dl dd p { padding : 0 0 5px 0; } body#comments fieldset dl dd p.append { margin : 0 0 5px 0; padding : 3px 0; border-botom : 1px solid #d5d5d5; } body#comments fieldset p#submit input { border : none; color : #fff; width : 65px; } body#comments fieldset p#submit input#preview, body#comments fieldset p#submit input#post { background-color : #ee6f13; } body#comments fieldset p#submit input#cancel { background-color : #999999; } /* ___________________________________________________________ text-decoration */ div#contents .section span.red, div#contents .section span.red strong { color : #CF114D; } div#contents .section span.orange, div#contents .section span.orange strong { color : #FF9319; } div#contents .section span.blue, div#contents .section span.blue strong { color : #00A8E5; } div#contents .section strong span, div#contents .section th span, div#contents .section strong big, div#contents .section th big { font-weight : bold; } p.pdf { margin : 10px 0; padding : 0 20px 0 60px; border : 1px solid #DDD; background : url(../images/pdf.gif) no-repeat 10px 10px #F7F7F7; line-height : 60px; height : 60px; } /* ___________________________________________________________ dl default */ div#shell div#core div#contents dl.def { position : relative; margin : 0 0 0 0; } div#shell div#core div#contents dl.def dt { position : relative; float : none; width : auto; margin : 20px 0 10px 0; padding : 3px 2px 5px 2px; border-top : 1px dotted #dddddd; border-bottom : 1px dotted #dddddd; background : #f7f7f7; text-indent : 5px; } div#shell div#core div#contents dl.def dd { float : none; margin : 10px 11px; padding : 0; } /* ___________________________________________________________ simple */ div#shell div#core div#contents dl.simple { position : relative; margin : 0 0 20px 0; } div#shell div#core div#contents dl.simple dt { margin: 0; padding: 0.5em 0 0.2em 0em; border : none; background : transparent !important; text-indent : 0; font-weight: bold; } div#shell div#core div#contents dl.simple dd { margin: 0; padding: 0.2em 0 0.5em 1em; border-bottom : 1px dotted #CCCCCC; } /* ___________________________________________________________ table.hisotry */ div#shell div#core div#contents table.history { border-width: 0; } div#shell div#core div#contents table.history th, div#shell div#core div#contents table.history td { text-align: left; vertical-align: top; border-style: dashed; border-width: 1px 0; background: transparent; } div#shell div#core div#contents table.border_top0 th, div#shell div#core div#contents table.border_top0 td { border-top-width: 0 !important; } div#shell div#core div#contents table.border_2px th, div#shell div#core div#contents table.border_2px td { border-top-width: 2px; border-bottom-width: 2px; } div#shell div#core div#contents table.border_3px th, div#shell div#core div#contents table.border_3px td { border-top-width: 3px; border-bottom-width: 3px; } div#shell div#core div#contents table.border_gray th, div#shell div#core div#contents table.border_gray td, div#shell div#core div#contents table.border_gray1 th, div#shell div#core div#contents table.border_gray1 td { border-color: #cccccc !important; } div#shell div#core div#contents table.border_gray2 th, div#shell div#core div#contents table.border_gray2 td { border-color: #999999 !important; } div#shell div#core div#contents table.border_gray3 th, div#shell div#core div#contents table.border_gray3 td { border-color: #666666 !important; } div#shell div#core div#contents table.border_gray4 th, div#shell div#core div#contents table.border_gray4 td { border-color: #333333; } div#shell div#core div#contents table.border_white th, div#shell div#core div#contents table.border_white td { border-color: #ffffff !important; } div#shell div#core div#contents table.border_black th, div#shell div#core div#contents table.border_black td { border-color: #000000 !important; } div#shell div#core div#contents table.solid th, div#shell div#core div#contents table.solid td { border-style: solid !important; } div#shell div#core div#contents table.dashed th, div#shell div#core div#contents table.dashed td { border-style: dashed !important; } div#shell div#core div#contents table.dotted th, div#shell div#core div#contents table.dotted td { border-style: dotted !important; } /* ___________________________________________________________ hisotry */ div#shell div#core div#contents dl.history { position : relative; margin : 0 0 20px 0; } div#shell div#core div#contents dl.history dt { position : absolute; left : 0; margin : 0; padding : 0.7em 0; border : none; background : transparent !important; width : 8em; text-indent : 0; } *html div#shell div#core div#contents dl.history dt { width : 11em; } div#shell div#core div#contents dl.history dd { margin : 0; padding : 0.7em 0 0.7em 8.5em; height : 100%; border-bottom : 1px dotted #CCCCCC; } /* ___________________________________________________________ hisotry border-none */ div#shell div#core div#contents dl.history.border-none dt { padding : 0.4em 0 !important; } div#shell div#core div#contents dl.history.border-none dd { padding : 0.4em 0 0.4em 8.5em !important; border-bottom-width: 0 !important; } /* ___________________________________________________________ hisotry s */ div#shell div#core div#contents dl.s dt { width : 6.5em; text-indent : 0em; } *html div#shell div#core div#contents dl.s dt { width : 8.5em; } div#shell div#core div#contents dl.s dd { padding : 0.7em 0.7em 0.7em 7em; } /* ___________________________________________________________ hisotry m */ div#shell div#core div#contents dl.m dt { width : 10.5em; text-indent : 0.7em; } *html div#shell div#core div#contents dl.m dt { width : 13.5em; } div#shell div#core div#contents dl.m dd { padding : 0.7em 0.7em 0.7em 11em; } /* ___________________________________________________________ hisotry l */ div#shell div#core div#contents dl.l dt { width : 18em; text-indent : 0.7em; } *html div#shell div#core div#contents dl.l dt { width : 19em; } div#shell div#core div#contents dl.l dd { padding : 0.7em 0.7em 0.7em 19.5em; } /* ___________________________________________________________ hisotry menu */ div#shell div#core div#contents dl.menu dt { width : 40em; text-indent : 0.7em; } *html div#shell div#core div#contents dl.menu dt { width : 40em; } div#shell div#core div#contents dl.menu dd { padding : 0.7em 0.7em 0.7em 40em; text-align : right; } /* ___________________________________________________________ hisotry menu_m */ div#shell div#core div#contents dl.menu_m dt { width : 17.5em !important; text-indent : 0.7em; } *html div#shell div#core div#contents dl.menu_m dt { width : 20.5em; } div#shell div#core div#contents dl.menu_m dd { padding : 0.7em 0.7em 0.7em 18em; text-align : right; } /* ___________________________________________________________ menu */ ul.menu_list li, ol.menu_list li, ul.menu_list3 li, ol.menu_list3 li { float : left; width : 176px; _width : 208px; margin-left : 10px; } ul.menu_list2 li, ol.menu_list2 li { float : left; width : 280px; _width : 312px; margin-left : 10px; } ul.menu_list4 li, pl.menu_list4 li { float : left; width : 120px; _width : 152px; margin-left : 10px; } ul.button li, ol.button li, ul.menu_list.button li, ol.menu_list.button li, ul.menu_list3.button li, ol.menu_list3.button li, ul.menu_list2.button li, ol.menu_list2.button li, ul.menu_list4.button li, pl.menu_list4.button li { margin: 3px; padding: 8px 8px 8px 28px; background-color: #eee !important; background-position: 8px center; } ul.button li .thumbs_left, ol.button li .thumbs_left, ul.menu_list.button li .thumbs_left, ol.menu_list.button li .thumbs_left, ul.menu_list3.button li .thumbs_left, ol.menu_list3.button li .thumbs_left, ul.menu_list2.button li .thumbs_left, ol.menu_list2.button li .thumbs_left, ul.menu_list4.button li .thumbs_left, pl.menu_list4.button li .thumbs_left { margin-bottom: 0; padding-right: 5px; } /* ___________________________________________________________ table.menu */ div#shell div#core div#contents table.menu { border-width: 0; } div#shell div#core div#contents table.menu th, div#shell div#core div#contents table.menu td { padding: 10px; border-style: dashed; border-width: 1px 0; background: transparent; } div#shell div#core div#contents table.menu th { text-align: left; vertical-align: top; } div#shell div#core div#contents table.menu td { text-align: right; vertical-align: bottom; } /* ___________________________________________________________ table.gallery */ div#shell div#core div#contents table.gallery { border: 0; } div#shell div#core div#contents table.gallery th, div#shell div#core div#contents table.gallery td { padding: 0; border: 0; background: transparent; width: 33.333%; text-align: center; font-weight: normal; vertical-align: middle; } div#shell div#core div#contents table.gallery th { padding-bottom: 20px; } div#shell div#core div#contents table.gallery.column1 th, div#shell div#core div#contents table.gallery.column1 td { width: 100%; } div#shell div#core div#contents table.gallery.column2 th, div#shell div#core div#contents table.gallery.column2 td { width: 50%; } div#shell div#core div#contents table.gallery.column3 th, div#shell div#core div#contents table.gallery.column3 td { width: 33.333%; } div#shell div#core div#contents table.gallery.column4 th, div#shell div#core div#contents table.gallery.column4 td { width: 25%; } div#shell div#core div#contents table.gallery.column5 th, div#shell div#core div#contents table.gallery.column5 td { width: 20%; } /* ___________________________________________________________ qna */ div#contents dl.qna { margin: 10px 0 20px; } div#contents dl.qna dt, div#contents dl.qna dd { margin: 10px 0; padding: 10px 10px 10px 52px; min-height: 30px; height: auto !important; height: 30px; background: url(./images/qna_q.gif) 10px 10px no-repeat transparent; border-width: 0; text-indent: 0; } div#contents dl.qna dt { background-color: #f1f1f1; } div#contents dl.qna dd { background-image: url(./images/qna_a.gif); } /* ___________________________________________________________ box */ div.box { margin-bottom: 20px; padding: 8px; border: 1px solid #ccc; } div.box p { margin-bottom: 0; } .border-none, table.border-none, table.border-none tr, table.border-none tr th, table.border-none tr td { border: 0; } /* ___________________________________________________________ bg_color */ .bg_gray, .bg_gray1 { background-color: #f7f7f7 !important; } .bg_gray2 { background-color: #cccccc !important; } .bg_gray3 { background-color: #999999 !important; } .bg_gray4 { background-color: #666666 !important; } .bg_white { background-color: #ffffff !important; } .bg_black { background-color: #000000 !important; } /* ___________________________________________________________ boder */ .border_gray, .border_gray, .border_gray1, .border_gray1 { border-color: #cccccc !important; } .border_gray2, .border_gray2 { border-color: #999999 !important; } .border_gray3, .border_gray3 { border-color: #666666 !important; } .border_gray4, .border_gray4 { border-color: #333333; } .border_white, .border_white { border-color: #ffffff !important; } .border_black, .border_black { border-color: #000000 !important; } .solid { border-style: solid !important; } .dashed { border-style: dashed !important; } .dotted { border-style: dotted !important; } table.border_none, table.border_none th, table.border_none td { border-width: 0 !important; } /* ___________________________________________________________ hr */ hr.solid { margin: 25px 0px !important; visibility: visible; border-bottom: 1px solid #ccc !important; border-width: 0 0 1px 0 !important; } hr.dashed { margin: 25px 0px !important; visibility: visible; border-bottom: 1px dashed #ccc !important; border-width: 0 0 1px 0 !important; } hr.dotted { margin: 25px 0px !important; visibility: visible; border-bottom: 1px dotted #ccc !important; border-width: 0 0 1px 0 !important; } hr.width_2px { border-bottom-width: 2px !important; } hr.width_3px { border-bottom-width: 3px !important; } /* ___________________________________________________________ align */ .align_left { text-align: left !important; } .align_right { text-align: right !important; } .align_center { text-align: center !important; } /* ___________________________________________________________ catalog */ .catalog .item { margin : 0 0 10px 0; } .catalog .item h5, .catalog .item p { margin-left : 160px !important; } .catalog .item .thumbs_left { margin-left : 0 !important; padding-right : 0; background : #FFF; } .catalog .item h5 a { line-height : 24px; } .catalog .item .thumbs_left img { border : solid 1px #DDD; } .catalog .item h5 { padding : 0; margin : 0 0 5px 0; line-height : 20px; height : 25px !important; } .catalog .item p { line-height : 1.5; } .catalog .item p.more { margin : -10px 0 10px 0; } .catalog .thumbs_left img { border : solid 1px #DDD; } div#shell.catalog .detail .thumbs_left + p { margin-left : 212px; } /* ___________________________________________________________ google map */ .adr { margin : 0 0 15px ; } .gmap { padding : 10px 0 6px 10px; border : 1px solid #DDD; } ul.active { clear : both; } /* ___________________________________________________________ margin fix */ #contents ul + p { margin-top : -10px; } #contents hr + h4, #contents hr + h5, #contents hr + h6 { margin-top : 15px; } #contents table + p { /* margin-top : -20px;*/ } /* ___________________________________________________________ twitter */ div#utilities div.twitter { position : relative; margin-bottom : 15px; background : url(./images/twitter/bg.gif) no-repeat 0 0; min-height : 50px; _height : 1%; } div#utilities div.twitter p.thumbs_left { margin-bottom : 24px; padding : 13px 0 0 13px; } div#utilities div.twitter p.title { position : absolute; top : 22px; left : 80px; color : #000; } div#utilities div.twitter ul { clear : both; margin : 0 0 0 0; padding : 0 20px; border : 0; background : none !important; } div#utilities div.twitter ul li { padding-left : 0; padding-bottom : 5px; background : none; font-size : 0.9em; word-wrap: break-word; color : #000; } div#utilities div.twitter ul li a { text-decoration : none; color : #2276bb; } div#utilities div.twitter ul li span { display : block; color : #999; text-align : right; font-size : 0.9em; } div#utilities div.twitter ul li a:hover { text-decoration : underline !important; } div#utilities div.twitter ul li a:visited { text-decoration : none; color : #2276bb; } div#utilities div.twitter p.archive { margin : 0; padding : 0 !important; background : url(./images/twitter/more.gif) no-repeat left bottom !important; text-align : right; height : 40px; } div#utilities div.twitter p.archive a { position : absolute; right : 10px; bottom : 6px; padding-left : 14px; background : url(./images/twitter/arrow.gif) no-repeat 0 1px; text-decoration : none; font-size : 0.9em; color : #2276bb; } div#utilities div.twitter p.archive a:hover { text-decoration : underline !important; } /* ===================================================================== column3 layout ====================================================================== */ body.layout_column3 div#core { position : relative; } body.layout_column3 div#intro { width : 470px; margin-bottom : 15px; height : 160px; } body.layout_column3 div#intro .slideshow { height : 160px; } body.layout_column3 div#core div#contents { float : right; width : 660px; } body.layout_column3 div#core div#contents div.section { float : left; width : 470px; } body.layout_column3 div#core div#contents div#modules { float : right; width : 160px; } body.layout_column3 div#core div#utilities { float : left; width : 270px; } body.layout_column3 div#core div#modules div.banner p { margin-bottom : 10px; } body.layout_column3 div#core div#modules div.qr p.thumbs_left { float : none; } /* ___________________________________________________________ column */ body.layout_column3 div#core .column2 .column { width : 225px; } /* ===================================================================== layout_right ====================================================================== */ body.layout_right div#core div#contents { float : right; } body.layout_right div#core div#utilities { float : left; } /* ===================================================================== common_footer ====================================================================== */ .common_footer, .common_footer_global, .common_footer_large_global { clear: both; margin-top: 20px; } .common_footer_large_global { text-align: center; } /* ===================================================================== heyacoco ====================================================================== */ div.heyacoco div#contents { float: none; width: 960px; } div.heyacoco div#contents td input { margin: 0 5px 0 0 !important; padding: 3px 5px; } div.heyacoco div#contents select { margin: 0 5px 0 0 !important; padding: 3px; border: solid 1px #ccc; } div.heyacoco div#contents table { margin-bottom: 40px; width: 958px; } div.heyacoco div#contents table th, div.heyacoco div#contents table td { padding: 10px; } div.heyacoco div#contents table.search th { min-width: 100px; } div.heyacoco div#contents table.search td { min-width: 330px; } div.heyacoco div#contents table.search td.room label { margin: 0; padding: 0; float: left; width: 5em; } div.heyacoco #estate_search p input { display: block; margin: 0 auto; border: 0; background: url(./images/heyacoco/input_es_search.gif) no-repeat 0 0; font-weight: bold; font-size: 1.2em; color: #fff; width: 180px; height: 40px; } div.heyacoco div.page { position: relative; height: 35px; } div.heyacoco div.page p.count_selector { position: absolute; top: 0; right: 0; } div.heyacoco div#contents table.listing td { text-align: center; } div.heyacoco div#contents table.listing td span.price, .sublist p.price { color: #f60; font-size: 1.1em; font-weight: bold; } div.heyacoco div#contents table.listing td.image * { margin: 0 !important; padding: 0 !important; } div.heyacoco div#contents table.listing td a.apply_detail, .sublist p.button a { display: block; padding: 5px 8px; background: #ff9934; text-decoration: none; text-align: center; color: #fff; font-weight: bold; } div.heyacoco div#contents table.listing td a.apply_detail:hover, .sublist p.button a:hover { background: #ffaa43 } .home div.listing2 div.sublist { float: left; margin-right: 12px !important; margin-bottom : 20px; padding: 10px; background: #eee; } .home div.listing2 .sublist p { margin-bottom: 0; padding-bottom: 0; } .home div.column4 div.sublist { width: 136px; _width: 156px; } .home div.column3 div.sublist { margin-right: 18px !important; width: 188px; _width: 208px; } .home div#contents div.listing2 div.turn { margin-right: 0 !important; } .home .sublist p.button a { margin: 10px 10px 0 10px; } .home sup { font-size: 0.8em; } div.twtr-hd h3, div.twtr-hd h4 { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } div.twtr-hd h3 { line-height: 12px !important; height: 12px !important; } div.twtr-hd h4 { line-height: 26px !important; height: 26px !important; } div#Viewer div#rakutenTr_360searchForm {display:none;}