@charset "utf-8"; /* ---------------------------------------------------------------------------- トップページ index.html ---------------------------------------------------------------------------- */ /* ------------------- content ------------------- */ div#content { margin: 8px auto 0; } /* main */ div#content div#main { width:690px; float:left; padding-bottom:40px; } div#content div#main div#flaBox { width:686px; height:348px; padding:4px 2px 6px; margin-bottom:8px; background: url(../img_top/bg_flash.jpg) no-repeat 0 0; } div#content div#main div.box { width:690px; padding:10px 0 0; background: url(../img_top/bg_mainbox_h.jpg) no-repeat 0 0; } div#content div#main div#topics.box {margin-bottom:7px;} div#content div#main div#works.box {margin-bottom:10px;} div#content div#main div.box div.wrap { width:690px; padding:0 0 12px; background: url(../img_top/bg_mainbox_f.jpg) no-repeat 0 bottom; } div#content div#main div.box div.inner { width:690px; background: url(../img_top/bg_mainbox_r.gif) repeat-y 0 0; position:relative; } div#content div#main div#topics.box div.inner {min-height:126px;_height:126px;} div#content div#main div#works.box div.inner {min-height:182px;_height:182px;} div#content div#main div#topics.box div.inner p.btn { width:99px; height:26px; position: absolute; bottom:8px; left:15px; } div#content div#main div#topics.box h2 { width:98px; float:left; padding:11px 0 0 20px; } div#content div#main div#topics.box ul { width:500px; float: right; padding:13px 20px 0 0; } div#content div#main div#topics.box li { width:500px; padding:0 0 6px; font-size:68%; line-height:0; } div#content div#main div#topics.box li strong { padding-right:8px; line-height: normal; } div#content div#main div#topics.box li a {color: #333333; line-height:1.4;} div#content div#main div#topics.box li a:link {color: #333333;} div#content div#main div#topics.box li a:visited {color: #444444;} div#content div#main div#topics.box li a:hover {color: #333333;} div#content div#main div#topics.box li a:active {color: #444444;} div#content div#main div#works.box div.inner p.btn01 { width:129px; height:26px; position: absolute; bottom:35px; left:9px; } div#content div#main div#works.box div.inner p.btn02 { width:129px; height:26px; position: absolute; bottom:5px; left:9px; } div#content div#main div#works.box h2 { width:87px; float:left; padding:18px 0 0 20px; } div#content div#main div#works.box ul { width:527px; float: right; padding:25px 0 0 0; } div#content div#main div#works.box li { width:162px; padding:0 13px 0 0; position:relative; float:left; line-height:0; } div#content div#main div#works.box li p.icn { width:50px; height:40px; position: absolute; top:-19px; left:-11px; z-index:20; } div#content div#main div#works.box li p.img { width:160px; border:1px solid #CCC; position: absolute; top:0; left:0; z-index:19; } div#content div#main div#works.box li p.img a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } div#content div#main div#works.box li p.tit { width:160px; padding:125px 0 0 1px; } div#content div#main div#works.box li p.tit a { font-size:75%; line-height:1.4; font-weight:bold; } div#content div#main ul#contentsBox { width:690px; clear:both; } div#content div#main ul#contentsBox li { width:340px; padding:10px 10px 0 0; float:left; font-size:0; } div#content div#main ul#contentsBox li.right { padding:10px 0 0 0; } div#content div#main ul#contentsBox2 { width:690px; } div#content div#main ul#contentsBox2 li { width:340px; padding:10px 10px 0 0; float:left; font-size:0; } div#content div#main ul#contentsBox2 li.right { padding:10px 0 0 0; } div#content div#main ul#bukkenBnrBox { width:960px; clear:both; margin-top:15px; } div#content div#main ul#bukkenBnrBox li { margin-bottom:11px; font-size:0; line-height:0; vertical-align:0; float:left; } div#content div#main ul#bukkenBnrBox li.mrgR10 { margin-right:10px;} /* side */ div#content div#side { width:240px; float: right; padding-bottom:40px; } div#content div#side p#sideBnr01 { width:240px; padding:0 0 1px; } div#content div#side ul#blogBtn { width:247px; margin-left:-7px; } div#content div#side ul#blogBtn li { width:247px; font-size:0; } div#content div#side div#pickupBox { width:240px; padding:0 0 12px; background: url(../img_top/bg_sidebox_f.jpg) no-repeat 0 bottom; } div#content div#side div#pickupBox h2 { width:240px; } div#content div#side div#pickupBox div.inner { width:238px; padding:14px 0 4px; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; } div#content div#side div#pickupBox li { width:218px; padding:0 8px 8px 12px; } div#content div#side div#pickupBox li p.img { width:58px; height:58px; padding:3px; background: url(../img_top/bg_pickupimg.jpg) no-repeat 0 0; float:left; } div#content div#side div#pickupBox li p.img a { width:58px; height:58px; display:block; overflow:hidden; text-align:center; } div#content div#side div#pickupBox li p.img a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } div#content div#side div#pickupBox li dl { width:147px; padding-top:6px; float: right; } div#content div#side div#pickupBox li dt { padding-bottom:8px; font-size:75%; display:block; font-weight:bold; } div#content div#side div#pickupBox li dt img { padding-left:4px; } div#content div#side div#pickupBox li dd { float: right; font-size:62%; line-height:1.4; } div#content div#side div#pickupBox p.btn { width:218px; padding:0 10px; } div#content div#side p#sideBnr02 { width:240px; padding:1px 0 0; } /* bnrBox */ div#content ul#bnrBox { width:950px; padding:21px 0 0px 10px; background: url(../img_common/bg_bnrline.gif) repeat-x 0 0; } div#content ul#bnrBox02 { width:950px; padding:10px 0 0px 10px; } div#content ul#bnrBox li { width:180px; height:50px; padding-right:10px; float:left; font-size:0; } div#content ul#bnrBox li a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } div#content ul#bnrBox02 li { width:180px; height:50px; padding-right:10px; float:left; font-size:0; } div#content ul#bnrBox02 li a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }