@charset "utf-8"; /* ============================================ index.html ============================================ */ #worksListWrap { margin-top: 40px; } #worksListWrap ul { overflow: hidden; *zoom: 1; } #worksListWrap ul li { margin: 0 21px 40px 0; float: left; width: 207px; } #worksListWrap ul li .fig { margin-bottom: 20px; border: 3px solid #1f2668; position: relative; width: 201px; height: 132px; text-align: center; } #worksListWrap ul li .fig span { position: absolute; right: 0px; _right: -2px; bottom: 0px; /bottom: -3px; } #worksListWrap ul li dl { padding-top: 20px; background: url(/aaJP/img/works/works_bg_line.gif) no-repeat left top; } #worksListWrap ul li dl dt { display: block; clear: left; float: left; width: 3.5em; background: url(/aaJP/img/works/works_bg_colon.gif) no-repeat right center; font-weight: bold; color: #000; } #worksListWrap ul li dl dd { overflow: hidden; *zoom: 1; margin-bottom: 5px; margin-left: 4em; } #worksListWrap ul li .ttl { margin-bottom: 8px; font-weight: bold; color: #000; } #worksListWrap ul li dl dd span { overflow: hidden; display: inline-block; *display: inline; *zoom: 1; margin-left: 5px; width: 22px; height: 16px; vertical-align: middle; } #worksListWrap ul li dl dd span.america { background: url(/aaJP/img/works/ico_america.gif) no-repeat;} #worksListWrap ul li dl dd span.austria { background: url(/aaJP/img/works/ico_austria.gif) no-repeat;} #worksListWrap ul li dl dd span.canada { background: url(/aaJP/img/works/ico_canada.gif) no-repeat;} #worksListWrap ul li dl dd span.china { background: url(/aaJP/img/works/ico_china.gif) no-repeat;} #worksListWrap ul li dl dd span.germany { background: url(/aaJP/img/works/ico_germany.gif) no-repeat;} #worksListWrap ul li dl dd span.italy { background: url(/aaJP/img/works/ico_italy.gif) no-repeat;} #worksListWrap ul li dl dd span.japan { background: url(/aaJP/img/works/ico_japan.gif) no-repeat;} #worksListWrap ul li dl dd span.nederland { background: url(/aaJP/img/works/ico_nederland.gif) no-repeat;} #worksListWrap ul li dl dd span.hongkong { background: url(/aaJP/img/works/ico_hongkong.gif) no-repeat;} #worksListWrap ul li dl dd span.thailand { background: url(/aaJP/img/works/ico_thai.gif) no-repeat;} /* ============================================ カテゴリトップ ============================================ */ #worksListWrap ul#category { *margin-bottom: 40px; } #worksListWrap ul#category li .fig { margin-bottom: 30px; } #worksListWrap ul#category li { width: 319px; } #worksListWrap ul#category li .fig { width: 313px; height: 208px; } #worksListWrap ul#category li dl { padding-top: 30px; } #worksListWrap ul#category li dl dt { margin-bottom: 5px; margin-right: 10px; display: block; clear: left; float: left; width: 4.5em; background: url(/aaJP/img/works/works_bg_colon.gif) no-repeat right center; font-weight: bold; color: #000; } #worksListWrap ul#category li dl dd { margin-bottom: 5px; margin-left: 5em; zoom: 1; } .paginationWrap { border-top: 1px solid #d9d9d9; text-align: center; } .pagination { margin: 40px auto; font-size: 14px; line-height: 13px; } .pagination span, .pagination a { display: inline-block; /display: inline; /zoom: 1; margin: 0 10px 0 0; text-decoration: none; width: 30px; height: 30px; line-height: 2.3; color: 666666; background: url(/aaJP/img/works/pagenation_link.gif) no-repeat; font-weight: bold; } .pagination a:hover { background: url(/aaJP/img/works/pagenation_current.gif) no-repeat; color: #fff; } .pagination .current { background: url(/aaJP/img/works/pagenation_current.gif) no-repeat; color: white; } .pagination .prev, .pagination .next, .pagination .last { width: 60px; background: url(/aaJP/img/works/pagenation_prev.gif) no-repeat; } .pagination a:hover.prev, .pagination a:hover.next, .pagination a:hover.last { background: url(/aaJP/img/works/pagenation_prev_over.gif) no-repeat; } #imageAreaInner { background: url(/aaJP/works/detail_template/img/line01.gif) left bottom repeat-x; padding: 0 0 45px 0; height: 508px; overflow: hidden; } #imageAreaInner p.txt { margin: 45px 0 0 0 !important; } .thumbWrap { width: 663px; overflow: hidden; margin: 30px 0 0 0; } .thumb { width: 680px; } .thumb li { float: left; margin: 0 17px 17px 0; } .thumb li a { overflow: hidden; float: left; } .thumb li a.active, .thumb li a:hover { border: 3px solid #1f2668; } .thumb li a.active img, .thumb li a:hover img { margin: -3px; } .detail_data { overflow: hidden; zoom: 1; } .detail_dataL { float: left; width: 320px; border-top: 1px solid #d9d9d9; margin: 15px 0 0 0; padding: 25px 0 0 0; } .detail_dataL dl dt { clear: both; float: left; color: #000000; font-weight: bold; margin: 0 0 8px 0; } .detail_dataL dl dd { float: left; margin: 0 0 8px 0; } .detail_dataR { float: right; width: 320px; border-top: 1px solid #d9d9d9; margin: 15px 0 0 0; padding: 25px 0 0 0; } /* =side navi -------------------------------------------------------------- */ .p_01 #lNav01 a img, .p_02 #lNav02 a img, .p_03 #lNav03 a img, .p_04 #lNav04 a img, .p_05 #lNav05 a img, .p_06 #lNav06 a img, .p_07 #lNav07 a img, .p_08 #lNav08 a img, .p_09 #lNav09 a img { margin-left:-217px; } .p_01 #lNav01 a:hover img, .p_02 #lNav02 a:hover img, .p_03 #lNav03 a:hover img, .p_04 #lNav04 a:hover img, .p_05 #lNav05 a:hover img, .p_06 #lNav06 a:hover img, .p_07 #lNav07 a:hover img, .p_08 #lNav08 a:hover img, .p_09 #lNav09 a:hover img { margin-left:0px; }/* iis7 .co m */