/*---------------------------------------------------- ギャラリー用スタイル ----------------------------------------------------*/ html { background:url(../img/bg_wood.jpg) center top;} body { background:none;} .container { background:url(../img/bg_left_top.png) no-repeat left top; height:90px; padding-left:20px; margin:0 auto; max-width:1260px; min-width:1040px; margin-bottom:0; zoom:1; } #header { background:url(../img/bg_right_top.png) no-repeat right top;height:90px; margin-bottom:0;} #header ul { display:block; position:absolute; right:0; top:40px; } #header ul li { display:inline; margin-right:40px;} .wrap { background:none; position:relative; padding:0; max-width:1260px; min-width:1040px; padding:0 10px; overflow:hidden;} .contents_left { background:url(../img/bg_left_shadow.png) repeat-y left top; width:10px; position:absolute; left:0; top:0; padding-bottom: 32768px; margin-bottom: -32768px;} .contents_main { background-color:#fff; width:100%; padding-bottom: 32768px; margin-bottom: -32768px;} .contents_right { background:url(../img/bg_right_shadow.png) repeat-y right top; width:10px; position:absolute; right:0; top:0; padding-bottom: 32768px; margin-bottom: -32768px;} .socialbutton { margin:0 auto; max-width:1270px; min-width:1050px; padding-right:10px; padding-top:7px;} #visual { height:100px; background: url(../img/bg_visual.gif) repeat-x left top;} #genre { background-color:#000; padding:10px 30px 5px 30px; zoom:1; *padding-bottom:15px; /* IE7 */} #genre li { display:block; width:200px; float:left; margin-bottom:10px;} #genre li a { display:block;width:175px;height:20px;color:#fff;padding-left:25px;} #genre li a:hover { background-position:left bottom; } #narrow { background:url(../img/bg_narrow.gif) repeat-x left bottom #fff; text-align:center; padding:20px 0 20px 30px ; margin-bottom:20px; } .narrow_inner_l { width:48%; float:left; text-align:left; border-right:1px dotted #999999; margin-right:2%;} .narrow_inner_r { width:48%; float:left; text-align:left; margin-left:1%; } .nar_w { background:url(../img/ico_narrow_w.png) no-repeat left center; padding-left:25px; color:#fff; margin-bottom:10px; font-size:14px; } .nar_g { background:url(../img/ico_narrow_g.png) no-repeat left center; padding-left:25px; color:#7ba71b; margin-bottom:5px; font-size:14px; } .nar_b { background:url(../img/ico_narrow_b.png) no-repeat left center; padding-left:25px; color:#5077b5; margin-bottom:5px; font-size:14px; } #genre li a { background-position:left top; background-repeat:no-repeat; } #genre .btn_child a { background-image:url(../img/btn_child.png);} #genre .btn_wedding a { background-image:url(../img/btn_wedding.png);} #genre .btn_travel a { background-image:url(../img/btn_travel.png);} #genre .btn_anthology a { background-image:url(../img/btn_anthology.png);} #genre .btn_train a { background-image:url(../img/btn_train.png);} #genre .btn_pet a { background-image:url(../img/btn_pet.png);} #genre .btn_portrait a { background-image:url(../img/btn_portrait.png);} #genre .btn_event a { background-image:url(../img/btn_event.png);} #genre .btn_family a { background-image:url(../img/btn_family.png);} #genre .btn_illustration a { background-image:url(../img/btn_illustration.png);} #genre .btn_building a { background-image:url(../img/btn_building.png);} #genre .btn_mountain a { background-image:url(../img/btn_mountain.png);} #genre .btn_sports a { background-image:url(../img/btn_sports.png);} #genre .btn_school a { background-image:url(../img/btn_school.png);} #genre .btn_underwater a { background-image:url(../img/btn_underwater.png);} #genre .btn_etc a { background-image:url(../img/btn_etc.png);} .container.footer_top { background:url(../img/bg_left_top_w.png) no-repeat left top; height:20px; display:block;} .container.footer_bottom { background:url(../img/bg_left_bottom.png) no-repeat left top; height:20px; height:100%;} .container.footer_top .footer { background:url(../img/bg_right_top_w.png) no-repeat right top;height:20px; margin-bottom:0; zoom:1; height:100%;} .container.footer_bottom .footer { background:url(../img/bg_right_bottom.png) no-repeat right top;height:20px; margin-bottom:0;} option { width:170px; ;} select { margin-right:10px; } #fnav li.mac { display:none;} /* win用 */ /*---------------------------------------------------- パンくずリスト ----------------------------------------------------*/ #topicpath { background: url(../img/topicpath/bg_topicpath2.gif) repeat-x right top; height:30px; } #topicpath li { display:block; height:23px; padding:7px 20px 0 10px; background: url(../img/topicpath/li_bg_topicpath2.gif) no-repeat right top; float:left; } /*---------------------------------------------------- 見出し部分（検索件数表示含む）スタイル ----------------------------------------------------*/ h1.top { float:left; margin:7px 0px 0px 20px; color:#ffffff;} h2 { background:url(../img/bg_title_right.gif) no-repeat right top; font-weight:normal; height:30px; position:relative; margin-bottom:20px; } h2 p { height:28px; background:url(../img/bg_title_left.gif) no-repeat left top; padding-top:7px; padding-left:20px;} h2 p span { margin-right:2em; } .komidashi_waku { margin:auto;width:750px; } .komidashi { margin:30px 0 30px 0px; text-align:left; font-size:13px;} .main { padding:0 30px; } h2 span.date { position:absolute; right:20px; top:7px; color:#358cb9;} /*---------------------------------------------------- サムネイル表示部分 （吹き出しによる見開き表示含む）スタイル ----------------------------------------------------*/ .list { margin-bottom:20px; } .list div { width:170px; margin:0 1%; margin-bottom:10px; position:relative; float:left;} .list .cover_area { width:170; height:130px; background:url(../img/bg_list.gif) no-repeat left bottom; position:relative; margin-bottom:0;} .list .cover_area img { position:absolute;left:9px;bottom:14px; border-top: 1px solid #f8f8f8;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #d8d8d8;border-left: 1px solid #f8f8f8;} .list div p { display:block; text-align:center; } .list a { color:#000; } /* 吹き出し部分 */ .list .tooltip { position:absolute; left:0; top:0; z-index:100; } .tooltip .tipbox { background:url(../img/bg_tooltip_top.png) no-repeat left top; width:130px; text-align:center; margin:0; padding:15px 0 5px 0;} /*---------------------------------------------------- ページ送りスタイル ----------------------------------------------------*/ .navcnt { text-align:center; margin-bottom:20px;} .navcnt span, .navcnt a { display:inline-block; padding:2px 6px 0 6px; margin:0 2px; border: 1px solid #e5e5e5; zoom:1;} .navcnt a:hover { background-color:#e3f6ff;} .navcnt span {background-color:#f5f5f5; color:#b5b5b5;} .totop { margin-bottom:20px; margin-bottom:20px; padding-right:10px; } #privacymark { right:30px; top:20px; background-image:none; } #fnav li a { color:#3867b0; font-weight:normal;} #fnav ul { padding-right:300px; padding-left:30px;} /*---------------------------------------------------- 各ブックタイプのユーザー作品 ----------------------------------------------------*/ .box4 {background-color:#fdfbda; padding:20px 15px;} .box4 h2 {text-align:center; font-size:22px; margin-bottom:10px;} .user div { float:left; width:20%; height:160px; text-align:center; margin-bottom:5px; margin-top:px;} .user div img { margin-bottom:5px;} .box4.b_gray { background-color:#fff; border:1px solid #e5e5e5;} .user div p {text-align:center;}