header { background: url('/image/pc/header/bg_header_top.png?658e8dc0') repeat-x; }
header #header .inner { height: 369px; }
header #header .inner #top_photo { clear: both; height: 200px; background: #ffffff; }
header #header .inner #top_photo li { float: left; }
header #header .inner #top_photo li a { display: block; width: 100px; height: 100px; }
header #header .inner #top_photo li a img { width: 100px; height: 100px; }
header #header .inner #top_photo li:first-child a { width: 280px; height: 200px; overflow: hidden; }
header #header .inner #top_photo li:first-child a img { width: 280px; height: 200px; }

.login header { background: url('/image/pc/header/bg_header_top_login.png?658e8dc0') repeat-x bottom; }

#header nav { background: url('/image/pc/navi/bg_gnv_top.png?658e8dc0') no-repeat; }

#top_content { background: #fafafa; }
#top_content .inner { width: 980px; margin: auto; padding: 28px 0 24px; overflow: hidden; *zoom: 1; }
#top_content .inner .top_content_left { float: left; width: 666px; }
#top_content .inner .top_content_right { float: right; width: 300px; }

#top_content #login { float: left; width: 278px; padding-top: 28px; background: url('/image/pc/top/txt_enjoy.png?658e8dc0') no-repeat 4px 4px; }
#top_content #login li a { display: block; width: 268px; height: 70px; text-indent: -9999px; }
#top_content #login li:first-child a { background: url('/image/pc/top/btn_login.png?658e8dc0') no-repeat; }
#top_content #login li:last-child a { background: url('/image/pc/top/btn_signup.png?658e8dc0') no-repeat; }
#top_content #login li:first-child a:hover, #top_content #login li:last-child a:hover { background-position: 0 -70px; }
#top_content #intro { clear: both; width: 666px; height: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e7eff8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #e7eff8; }
#top_content #intro h1 { margin: 4px 18px; padding: 6px 0 2px 29px; background: url('/image/pc/top/pt_intro.png?658e8dc0') no-repeat; color: #454545; text-shadow: 0 1px #ffffff; }
#top_content #intro h1 b { font-weight: bold; }
#top_content #intro .intro_prev, #top_content #intro .intro_next { float: left; width: 18px; text-indent: -9999px; }
#top_content #intro .intro_prev a, #top_content #intro .intro_next a { display: block; width: 18px; height: 62px; }
#top_content #intro ul { float: left; width: 628px; overflow: hidden; margin-left: 18px; }
#top_content #intro ul li { float: left; width: 310px; height: 62px; margin-right: 8px; text-indent: -9999px; }
#top_content #intro ul li a { display: block; width: 310px; height: 62px; }
#top_content #intro ul li:nth-child(2n) { margin-right: 0; }
#top_content #intro ul li.intro_storage { background: url('/image/pc/top/intro_storage.png?658e8dc0') no-repeat; }
#top_content #intro ul li.intro_twitter { background: url('/image/pc/top/intro_twitter.png?658e8dc0') no-repeat; }

#news { float: right; width: 388px; margin-bottom: 10px; padding: 1px 1px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 10px 11px; }
#news.news_login { float: none; width: 978px; margin: 0 0 4px 2px; padding: 8px 8px 6px 12px; overflow: hidden; *zoom: 1; }
#news.news_login dt, #news.news_login dd { float: left; margin-right: 10px; }
#news h1 { height: 22px; margin-bottom: 10px; border-bottom: 1px solid #abaeb1; background: url('/image/pc/top/title_photozou_news.png?658e8dc0') no-repeat 0 1px; text-indent: -9999px; }
#news dl.top { margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px dotted #cccccc; }
#news dt { padding: 5px 0 7px 72px; font-size: 12px; }
#news dt.news { background: url('/image/pc/top/pt_news.png?658e8dc0') no-repeat; }
#news dt.regular { background: url('/image/pc/top/pt_regular.png?658e8dc0') no-repeat; }
#news dd { font-size: 14px; line-height: 1.4em; }

#top_main_content { padding-bottom: 367px; }
#top_main_content .inner { width: 980px; margin: auto; padding-top: 10px; }
#top_main_content .h1_bg { height: 45px; background: #e8e8e8; color: #454545; }
#top_main_content .h1_bg a { text-decoration: none; color: #454545; }
#top_main_content .h1_bg a:hover { text-decoration: underline; }
#top_main_content .h1_bg h1 { font-size: 20px; font-weight: bold; }
#top_main_content .btn_top { margin-top: 8px; text-align: right; }
#top_main_content .btn_top a { display: inline-block; padding: 9px 10px 8px 18px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url('/image/pc/link/pt_link_bottom.png?658e8dc0') no-repeat 9px; color: #2677a1; font-size: 13px; font-weight: bold; text-decoration: underline; padding: 10px 10px 9px 18px; }
#top_main_content .btn_top a:hover { text-decoration: underline; }
#top_main_content .h2_bg { height: 20px; padding-bottom: 5px; margin: 5px 0; border-bottom: 1px solid #abaeb1; color: #454545; font-size: 16px; font-weight: bold; }
#top_main_content .h2_bg h2 { float: left; }
#top_main_content .h2_bg h2 a { text-decoration: none; color: #333333; }
#top_main_content .h2_bg h2 a:hover { text-decoration: underline; }
#top_main_content .h2_bg .btn_top { float: right; margin: 0; }
#top_main_content .h2_bg .btn_top a { padding: 0px 0px 0px 18px; }

.login #top_main_content { border-top: none; }

#pickup .h1_bg { margin: 14px 0 10px 2px; }
#pickup .h1_bg h1 { float: left; padding: 14px 0 10px 46px; background: url('/image/pc/top/pt_pickup.png?658e8dc0') no-repeat 9px 3px; }
#pickup .h1_bg p { float: right; }
#pickup .h1_bg p a { text-decoration: underline; }

#themetag .h1_bg h1 { float: left; padding: 14px 0 10px 48px; background: url('/image/pc/top/pt_themetag.png?658e8dc0') no-repeat 5px 4px; }
#themetag .h1_bg p { float: right; font-weight: bold; margin-top: 13px; padding: 3px 10px 7px 24px; background: url('/image/pc/top/ico_period.png?658e8dc0') no-repeat; }

#ranking .h1_bg h1 { float: left; padding: 14px 0 10px 54px; background: url('/image/pc/top/pt_ranking.png?658e8dc0') no-repeat 4px 6px; }
#ranking .h1_bg p { float: right; font-weight: bold; }
#ranking .h1_bg p a { display: block; margin-top: 13px; padding: 3px 10px 7px 44px; background: url('/image/pc/top/ico_ranking_camera.png?658e8dc0') no-repeat; text-decoration: underline; }

#topic .h1_bg h1 { float: left; padding: 14px 0 10px 47px; background: url('/image/pc/top/pt_topic.png?658e8dc0') no-repeat 6px 6px; }
#topic .h1_bg p { float: right; font-weight: bold; }

#top_main_content .top_box { margin-bottom: 10px; padding: 1px 1px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 320px; }

#pickup { overflow: hidden; *zoom: 1; margin-bottom: 30px; }
#pickup #pickup_top { float: left; width: 650px; text-align: center; }
#pickup #pickup_top #pickup_photo img { max-width: 618px; margin: auto; padding: 10px; -moz-box-shadow: 0 0 4px 0 #eeeeee; -webkit-box-shadow: 0 0 4px 0 #eeeeee; box-shadow: 0 0 4px 0 #eeeeee; border: 1px solid #d5d5d5; background: #ffffff; }
#pickup #pickup_top .pickup_wrapper { margin-top: 10px; text-align: left; overflow: hidden; *zoom: 1; }
#pickup #pickup_top .pickup_wrapper .user_icon { float: left; width: 90px; }
#pickup #pickup_top .pickup_wrapper .user_icon a { display: block; text-decoration: none; }
#pickup #pickup_top .pickup_wrapper .user_icon a:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#pickup #pickup_top .pickup_wrapper .user_icon a img { width: 80px; height: 80px; -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; margin: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box { float: left; width: 552px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box h2 { margin: 2px 0 6px; font-size: 17px; font-weight: bold; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box h2 a { text-decoration: none; color: #333333; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box h2 a:hover { text-decoration: underline; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box .user_info { float: left; width: 192px; color: font-color-lighten; font-size: 13px; line-height: 1.3em; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box .user_info .count_box { margin-top: 5px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box .user_info .count_box li { display: inline-block; color: #666666; font-size: 12px; line-height: 1em; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box .user_info .count_box li.favorite { padding: 3px 0 1px 16px; background: url('/image/pc/main/ico_favorite.png?658e8dc0') no-repeat; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box .user_info .count_box li.comment { padding: 3px 0 1px 14px; background: url('/image/pc/main/ico_comment.png?658e8dc0') no-repeat 0 1px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box .user_info .count_box li.footprint { padding: 3px 0 1px 12px; background: url('/image/pc/main/ico_footprint.png?658e8dc0') no-repeat 0 1px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box #pickup_comment { float: right; width: 360px; height: 55px; margin-top: 2px; background: url('/image/pc/top/bg_comment.png?658e8dc0') no-repeat 0 2px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box #pickup_comment p { float: left; width: 286px; padding: 8px 10px; line-height: 1.6em; font-size: 12px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box #pickup_comment .user_icon { float: right; width: 42px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box #pickup_comment .user_icon a { display: block; text-decoration: none; color: #666666; font-size: 10px; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box #pickup_comment .user_icon a:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#pickup #pickup_top .pickup_wrapper .pickup_info_box #pickup_comment .user_icon a:hover { text-decoration: underline; }
#pickup #pickup_top .pickup_wrapper .pickup_info_box #pickup_comment .user_icon a img { width: 40px; height: 40px; -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; margin: 2px 0 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#pickup .pickup_top_right_box { float: right; }
#pickup .pickup_top_right_box #pickup_recent { width: 320px; margin-bottom: 10px; padding: 1px 1px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px 0 16px; }
#pickup .pickup_top_right_box #pickup_recent h3 { padding: 7px 0 5px 30px; border-bottom: 1px solid #abaeb1; background: url('/image/pc/top/ico_pickup_recent.png?658e8dc0') no-repeat; color: #454545; font-weight: bold; }
#pickup .pickup_top_right_box #pickup_recent ul.pickup_list { margin: 9px 0 -6px; }
#pickup .pickup_top_right_box #pickup_recent ul.pickup_list li { display: inline-block; width: 93px; height: 98px; }
#pickup .pickup_top_right_box #pickup_recent ul.pickup_list li:nth-child(3n) { width: 90px; }
#pickup .pickup_top_right_box #pickup_recent ul.pickup_list li a { display: block; text-decoration: none; }
#pickup .pickup_top_right_box #pickup_recent ul.pickup_list li a:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#pickup .pickup_top_right_box #pickup_recent ul.pickup_list li a img { width: 90px; height: 90px; -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; }

#themetag { overflow: hidden; *zoom: 1; margin-bottom: 30px; }
#themetag .themetag_description { clear: both; margin: 9px 2px; color: #454545; font-size: 12px; }
#themetag .themetag_description b { font-weight: bold; }
#themetag .themetag_photo_large { float: left; width: 130px; margin: 0 9px 0 11px; }
#themetag .themetag_photo_large .themetag_photo img { width: 130px; height: 130px; margin-bottom: 7px; }
#themetag .themetag_photo_large .themetag_photo a { display: block; text-decoration: none; }
#themetag .themetag_photo_large .themetag_photo a:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#themetag .themetag_photo_large .themetag_photo a img { -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; }
#themetag .themetag_photo_large h3 { line-height: 1.2em; font-weight: bold; }
#themetag .themetag_photo_large h3 a { text-decoration: none; color: #333333; }
#themetag .themetag_photo_large h3 a:hover { text-decoration: underline; }
#themetag .themetag_photo_large .user_name { margin: 5px 0 6px; line-height: 1.2em; font-size: 11px; }
#themetag .themetag_photo_large .count_box li { display: inline-block; color: #666666; font-size: 12px; color: font-color-lighten; font-size: 11px; }
#themetag .themetag_photo_large .count_box li.favorite { padding: 3px 0 1px 16px; background: url('/image/pc/main/ico_favorite.png?658e8dc0') no-repeat; }
#themetag .themetag_photo_large .count_box li.comment { padding: 3px 0 1px 14px; background: url('/image/pc/main/ico_comment.png?658e8dc0') no-repeat 0 1px; }
#themetag .themetag_photo_large .count_box li.footprint { padding: 3px 0 1px 12px; background: url('/image/pc/main/ico_footprint.png?658e8dc0') no-repeat 0 1px; }
#themetag ul.themetag_list { float: left; width: 160px; margin-bottom: 6px; }
#themetag ul.themetag_list li { display: inline-block; width: 50px; height: 54px; }
#themetag ul.themetag_list li:nth-child(3n) { width: 48px; }
#themetag ul.themetag_list li a { display: block; text-decoration: none; }
#themetag ul.themetag_list li a:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#themetag ul.themetag_list li a img { width: 48px; height: 48px; -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; }

#themetag_center { margin: 0 10px; }

#ranking { overflow: hidden; *zoom: 1; margin-bottom: 30px; }
#ranking #ranking_daily, #ranking #ranking_weekly, #ranking #ranking_monthly { width: 320px; float: left; }
#ranking #ranking_daily .top_box, #ranking #ranking_weekly .top_box, #ranking #ranking_monthly .top_box { padding: 10px 10px 0; }
#ranking #ranking_weekly { margin: 0 10px; }
#ranking .ranking_period { margin: 8px 0 6px; color: #454545; font-size: 13px; text-align: right; }
#ranking .ranking_list li { overflow: hidden; *zoom: 1; display: table; padding: 8px 0 7px; border-bottom: 1px dotted #cccccc; }
#ranking .ranking_list li .rank_num { display: table-cell; width: 49px; color: #e3025c; font-size: 15px; font-weight: bold; text-align: center; vertical-align: middle; }
#ranking .ranking_list li .rank_num b { font-family: "Arial Black"; font-size: 26px; letter-spacing: 1px; }
#ranking .ranking_list li .rank_photo { display: table-cell; padding: 0 10px 0 8px; vertical-align: middle; }
#ranking .ranking_list li .rank_photo a { display: block; text-decoration: none; }
#ranking .ranking_list li .rank_photo a:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#ranking .ranking_list li .rank_photo a img { width: 80px; height: 80px; -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; }
#ranking .ranking_list li .rank_txt { display: table-cell; width: 150px; vertical-align: middle; }
#ranking .ranking_list li .rank_txt h3 { font-weight: bold; line-height: 1.2em; }
#ranking .ranking_list li .rank_txt h3 a { text-decoration: none; color: #333333; }
#ranking .ranking_list li .rank_txt h3 a:hover { text-decoration: underline; }
#ranking .ranking_list li .rank_txt .user_name { margin: 3px 0 5px; line-height: 1.2em; font-size: 11px; }
#ranking .ranking_list li .rank_txt .count_box li { border-bottom: none; display: inline-block; color: #666666; font-size: 12px; color: font-color-lighten; font-size: 11px; }
#ranking .ranking_list li .rank_txt .count_box li.favorite { padding: 3px 0 1px 16px; background: url('/image/pc/main/ico_favorite.png?658e8dc0') no-repeat; }
#ranking .ranking_list li .rank_txt .count_box li.comment { padding: 3px 0 1px 14px; background: url('/image/pc/main/ico_comment.png?658e8dc0') no-repeat 0 1px; }
#ranking .ranking_list li .rank_txt .count_box li.footprint { padding: 3px 0 1px 12px; background: url('/image/pc/main/ico_footprint.png?658e8dc0') no-repeat 0 1px; }
#ranking .ranking_list li:first-child .rank_num { padding-top: 22px; background-position: 0 12px; background-repeat: no-repeat; }
#ranking .ranking_list li:first-child .rank_photo a img { width: 100px; height: 100px; -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; }
#ranking .ranking_list li:first-child .rank_txt { width: 130px; }
#ranking .ranking_list li:nth-child(2) .rank_num { padding-top: 24px; background-position: 0 9px; background-repeat: no-repeat; }
#ranking .ranking_list li:nth-child(2) .rank_photo a img { width: 90px; height: 90px; -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; }
#ranking .ranking_list li:nth-child(2) .rank_txt { width: 140px; }

#ranking_daily li:first-child .rank_num { background-image: url('/image/pc/top/ico_ranking_daily_gold.png?658e8dc0'); }
#ranking_daily li:nth-child(2) .rank_num { background-image: url('/image/pc/top/ico_ranking_daily_silver.png?658e8dc0'); }

#ranking_weekly li:first-child .rank_num { background-image: url('/image/pc/top/ico_ranking_weekly_gold.png?658e8dc0'); }
#ranking_weekly li:nth-child(2) .rank_num { background-image: url('/image/pc/top/ico_ranking_weekly_silver.png?658e8dc0'); }

#ranking_monthly li:first-child .rank_num { background-image: url('/image/pc/top/ico_ranking_monthly_gold.png?658e8dc0'); }
#ranking_monthly li:nth-child(2) .rank_num { background-image: url('/image/pc/top/ico_ranking_monthly_silver.png?658e8dc0'); }

#topic { overflow: hidden; *zoom: 1; }
#topic #topic_top { margin-bottom: 10px; padding: 1px 1px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; padding: 14px 10px 0 15px; }
#topic #topic_top li.topic_photo { display: inline-block; width: 102px; vertical-align: top; }
#topic #topic_top li.topic_photo:nth-child(9) { width: 94px; }
#topic #topic_top li.topic_photo a { display: block; text-decoration: none; margin: 2px; }
#topic #topic_top li.topic_photo a:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#topic #topic_top li.topic_photo a img { width: 90px; height: 90px; -moz-transform: 0.3s ease-in; -ms-transform: 0.3s ease-in; -webkit-transform: 0.3s ease-in; transform: 0.3s ease-in; }
#topic #topic_top li.topic_photo .count_box li { display: inline-block; color: #666666; font-size: 12px; font-size: 11px; }
#topic #topic_top li.topic_photo .count_box li.favorite { padding: 3px 0 1px 16px; background: url('/image/pc/main/ico_favorite.png?658e8dc0') no-repeat; }
#topic #topic_top li.topic_photo .count_box li.comment { padding: 3px 0 1px 14px; background: url('/image/pc/main/ico_comment.png?658e8dc0') no-repeat 0 1px; }
#topic #topic_top li.topic_photo .count_box li.footprint { padding: 3px 0 1px 12px; background: url('/image/pc/main/ico_footprint.png?658e8dc0') no-repeat 0 1px; }
#topic .topic_description { margin: 9px 2px; color: #454545; font-size: 12px; }

#top_social_plugins { margin-top: 40px; overflow: hidden; *zoom: 1; }
#top_social_plugins #side_tw { float: left; height: 210px; margin: 0 20px 0 0; border: 1px solid #c6cbce; background: white; }
#top_social_plugins #side_tw #side_tw_tweet { min-height: 90px; margin: 12px auto 9px; }
#top_social_plugins #side_tw #side_tw_tweet p { max-height: 92px; overflow: hidden; text-overfllow: ellipsis; }
#top_social_plugins #side_tw #side_tw_follow { padding-top: 12px; }
#top_social_plugins #top_fb_lb { float: left; width: 660px; height: 210px; border: 1px solid #c6cbce; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: white; }
#top_social_plugins #top_fb_lb h1 { height: 12px; margin-bottom: -3px; padding: 7px 4px 7px 29px; border-bottom: 1px solid #b5bdc7; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; background-color: #c3cbe6; background-image: url('/image/pc/top/ico_facebook.png?658e8dc0'); background-repeat: no-repeat; background-position: 6px 4px; font-size: 13px; }
#top_social_plugins #top_fb_lb h1 a { text-decoration: none; color: #333333; }
#top_social_plugins #top_fb_lb h1 a:hover { text-decoration: underline; }
