/* PHOTOHITO CSS - 07/09/2020

    Table of Contents:
    Reset
    Typography
    Positioning
    Anything with a PNG on a background!

*/


/* Reset
---------------------------------------------------------------------------------------- */

@import "reset.css";

* {
    margin: 0;
    padding: 0;
}

/* now I'm working with a clean slate! */

/* Typography
---------------------------------------------------------------------------------------- */

body {
    font-family: "Lucida Grande", Arial, Helvetica, sans serif;
    font-size: 12px;
    color: black;
}

.normal { font-size: 12px; font-weight: normal; }
.large { font-size: 120%;}
.small {
    font-size: 11px; /* モダンブラウザ向け */
}
*+html .small, * html .small {
    font-size: 75% !important; /* IE 7向け */
    font-size: 75%; /* IE 6以下 */
}
# html>/**/body .small {
      font-size /*\**/: 12px\9;   /* IE 8向け */
  }
:root .small {
    　　 font-size: 75%;/* IE 9向け */
}

body:not(:small) {
    font-size: 75%; /* IE 9向け */
}

.italic { font-style: italic;}
.bold { font-weight: bold; }


span.user_popular_ranking, table#ranking_table span, span.user_popular_ranking {
    font-size: 9px;
}

table#license_table, ul.photo_list cite, .form_notice, div#photo_vote span, div.kakaku_api p.kakaku_api_rating_comment a, div#photo_header p span, ul#footer_links, p.kakaku_api_maker, p.kakaku_api_price_title {
    font-size: 10px;
}


div.photo_view_description_edit textarea, #photo_view_photo strong span, table#ranking_table th, a#intro_owner, form#register_form label.title span, form#register_form, ul#search_form_type, ul.side_subsection_list, div.kakaku_api p.kakaku_api_rating_comment, div#search_form_content, form#maker_search p, table#ranking_table td, table#model_table th, ul#main_popular li a, div#header_description, ul#login_tools, div#photo_header p, ul#previous_next, table#data_table {
    font-size: 12px;
}

div#profile_text div textarea, div#profile_text div input, div#profile_text, form.inplaceeditor-form textarea, div.photo_view_description_edit button, div.photo_view_title_edit button, form#login_form fieldset input, fieldset.edit_fieldset legend, div#number_people_container p, form#register_form input, p#search_form_input input, form#add_tag input, form#side_search input, form#maker_search select *, input#postcode_search_1, input#postcode_search_2, p#maker_select_desc, table#model_table td.model_table_model {
    font-size: 14px;
}

div#error_title p, div#sub_content_container h2, p#map_explain, fieldset.edit_fieldset label.main_label, fieldset.edit_fieldset input, fieldset.edit_fieldset textarea, div#model_popular_container table#ranking_table td, div#title_box, div#info_box, div#sub_breadcrumb, li#previous_next_stats strong, p.kakaku_api_name, h3.hex_bullet, h3.category_bullet, h4.hex_bullet_side, table#model_table td.model_table_price {
    font-size: 16px;
}

#photo_view_photo strong, div#photo_rotate span, div#people_num, div#number_people_container p strong, ul#previous_next li.empty p strong, p.kakaku_api_price, p.kakaku_api_rating {
    font-size: 20px;
}

div.photo_view_title_edit input, p.intro_short, div#error_title h1 {
    font-size: 25px;
}

div#photo_vote {
    font-size: 30px;
}
ul.side_subsection_list li.level_0 a {
    font-size: 110%;
    color: #a1e5ff;
    font-weight: bold;
}
ul.side_subsection_list li.level_1 a {
    font-size: 170%;
    color: #5dc3e9;
    font-weight: bold;
}
ul.side_subsection_list li.level_2 a {
    font-size: 230%;
    color: #2f9bc3;
}
ul.side_subsection_list li.level_3 a {
    font-size: 280%;
    color: #7cd0ef;
    letter-spacing: -0.1em;
}
ul.side_subsection_list li.level_4 a {
    font-size: 300%;
    color: #64c0e3;
    letter-spacing: -0.1em;
}
ul.side_subsection_list li.level_5 a {
    font-size: 310%;
    color: #2aa7d7;
    letter-spacing: -0.1em;
}
ul.side_subsection_list li a {
    line-height: 90%;
    text-decoration: none;
}
ul.side_subsection_list li a:hover {
    color: #ffffff;
    background: #2aa7d7;
}

a {
    color: #3399cc;
    overflow:hidden;
    outline:none;
}

a:hover {
    color: #003366;
}

div#photo_rotate span, li#previous_next_stats, div#upload_form_inner, a#slideshow_link {
    color: #CCC;
}

label.main_label span, p.login_alt, div#error_title p, a.add_item_link, a.delete, div#profile_text div, ul#photo_tools li.none a:hover, ul#photo_view_comments li ul.comment_tools li a, p#map_explain, ul#photo_tools li a, ul#photo_tools li.voted a:hover, ul#user_subnav li a, fieldset.edit_fieldset legend, a#slideshow_link:hover, ul#previous_next li.empty p, h3.category_bullet span, span.user_popular_votes, div#title_box, div#upload_form_inner h2, div#upload_form_inner label, form#register_form label.title span, li#previous_next_stats strong, div#photo_vote span, ul.side_subsection_list.tags li a, p.kakaku_api_price_title, form#maker_search p, table#ranking_table td, ul#main_popular li a, ul#footer_links a, ul#footer_links, table#data_table, ul#previous_next a em, div#header_description, ul#user_subnav li span, div#photo_header p span, div.photo_view_comments_text, p#maker_select_desc {
    color: #696969;
}

div#sub_breadcrumb.results, ul.photo_list a span, fieldset.edit_fieldset span.explanation, #photo_view_photo strong span {
    color: #696969;
}

a.delete:hover, ul#photo_view_comments li ul.comment_tools li a:hover, p#map_explain strong, ul#photo_tools li a:hover, ul#user_subnav li a:hover, ul#user_subnav li.current_item a, ul.photo_list a:hover span, a.user_badge, table#ranking_table td, form#register_form label, ul.side_subsection_list.tags li a:hover, ul#main_popular li a:hover, div#header_description p, ul#previous_next a:hover em, table#data_table th {
    color: #333;
}

table#license_table th, table.profile_table th, input.editor_ok_button, p.submit_link a, p.submit button, #photo_view_photo strong, p#form_submit_button button, div#number_people_container p, div#basic_profile, body#slideshow, table#ranking_table th, a#intro_owner, ul#search_form_type li.current_item a, div#photo_vote, table#map a, ul#pagination li.current_item a, ul#pagination li.current_item a:hover, p.kakaku_api_rating, form#search_form h4, ul#top_nav li.current_item a, p#final_footer, table#model_table th, table#ranking_table span {
    color: white;
}

label.unpublished, label.decline, div#people_num, table#model_table td.model_table_price a, p.form_notice, span.user_popular_ranking {
    color: #ff6666;
}

.photo-comment label.decline {
    color: #666666;
}

div#sub_breadcrumb.map {
    color: #425d69;
}

div#title_box h2, div#sub_content_container h2 span {
    color: #3399cc;
}

div#number_people_container p strong {
    color: #225764;
}

div#error_desc {
    color: #666600;
}

div#people_num span, div#photo_vote span, form#search_form h4, div#header_description h2, h4.hex_bullet_side, label.main_label span {
    font-weight: normal;
}

table.profile_table th, fieldset#edit_photo_side_panel label, p#upload_button, a.user_badge, fieldset.edit_fieldset label.main_label, div#photo_rotate span, div#people_num, div#number_people_container p strong, div#basic_profile, div#login_text_container, span.user_popular_ranking, ul#intro_list, div#sub_breadcrumb, li#previous_next_stats strong, div#photo_vote, table#data_table th, table#model_table td.model_table_price, table#model_table td.model_table_model {
    font-weight: bold;
}

a.add_item_link, a.delete, p.submit_link a, ul#photo_view_comments li ul.comment_tools li a, ul#photo_tools li a, ul.photo_list a, p#slideshow_close a, a#intro_owner, a.user_badge, ul#search_form_type li a, ul.side_subsection_list.tags li a, table#map a, ul#main_popular li a, ul#top_nav li a, ul#user_subnav a, ul#previous_next a, ul#pagination li a {
    text-decoration: none;
}

a.add_item_link:hover, table#map a:hover, ul.side_subsection_list.tags li a:hover, a.user_badge:hover {
    text-decoration: underline;
}

table#ranking_table td.ranking_table_rank {
    text-align: left;
}

form#list_order, div#number_people_container p, div#login_text_container, p#login_text, div#photo_header p, table#data_table th, form#search_form label, td.ranking_table_rank p, form#maker_search {
    text-align: right;
}

table#license_table th, table#license_table td, p.submit_link a, table.profile_table th, table.profile_table td, div#people_num, ul#previous_next li.empty p, p.intro_short, table#ranking_table th, li#previous_next_stats, p#search_form_input, table#map td.map_ken, ul.photo_list, p.kakaku_api_rating, ul#main_popular li a, ul#previous_next em, p#final_footer, table#model_table, table#model_table th, table#ranking_table td {
    text-align: center;
}

div.photo_view_description, div#info_box, div#title_box, p.intro_short, div#basic_profile {
    line-height: 1.4em;
}

div#error_desc {
    line-height: 1.7em;
}

h3.hex_bullet, h3.category_bullet {
    line-height: 28px;
}

h4.hex_bullet_side {
    line-height: 24px;
}

a.user_badge {
    line-height: 36px;
}

p.kakaku_api_rating {
    line-height: 62px;
}

div#people_num {
    line-height: 142px;
}

a.add_item_link {
    line-height: 20px;
}

/*===========================================================================================

                                                                              common elements

 ===========================================================================================*/

/* エラーメッセージ */
div.form_error {
    margin: 5px 0 0 0; padding: 2px 0 5px 25px;
    color: #FF6666;
    font-size: 12px;
    background: url(../images/icons/icon_error.png) no-repeat 0 0;
    _background: url(../images/icons/icon_error.gif) no-repeat 0 0;
}
/* 文字数カウンター */
p.counter {
    margin: 5px 0 5px 0;
    color:#999999;
    text-align:right;
}

/* clearfix ----------------------------------------------- */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
br.brclear {
    display /**/: none; /* IE 6以外 */
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

h2#photo_view_title {
    clear: both;
    position: relative;
    margin: 0 0 20px 0; padding: 20px 0 0 0;
    font-size: 24px;
    font-weight: normal;
}
/*===========================================================================================

                                                                                  Positioning

 ===========================================================================================*/
body, html, .center-box { height: 100%;}
body {
    background: url(../images/bg_photohito_gradation.jpg) repeat-x left top;
}
.clear { clear: both;}
ol, ul { list-style: none;}

/* スマホ、PC切り替え----------------------------------------- */

a.switch-view {
    display: block;
    margin: 20px auto; padding: 0.5em;
    width: 80%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 #777;
    text-decoration: none;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
@include box-shadow(rgba(0, 0, 0, .15) 0 0 2px);
}


/* HEADER AREA ----------------------------------------------- */

div.center_box {
    width: 1000px;
    margin: 0 auto;
}
div#header {
    position: relative;
    width: 100%;
    z-index: 1001;
    background: #c1c1c1;
}
div#header-content {
    margin: 0 auto;
    width: 1000px; height: 60px;
}
#header_logo {
    float: left;
    margin: 5px 0 0 0;
    width: 180px; height: 47px;
}
#header_logo a {
    display: block;
}
div#header_description {
    float: left;
    margin: 22px 0 0 10px;
    width: 165px; height: 29px;
    text-indent: -9999em;
    background: url(../images/photohito_sholdermessage.gif) no-repeat;
}
/* 一時的に表示 */
div#header .information {
    float: left;
    margin: 5px 0 0;
    width: 150px; height: 51px;
}
/* /一時的に表示 */

/* Global Navigation --------------------------------------------------------------- */
#navigation{
    float: left;
    margin: 15px 0 0 0; padding: 0;
    width: 515px;
}
ul#top_nav li {
    float: left;
    margin-left: 20px;
    height: 23px;
}
ul#top_nav li a {
    display: block;
    padding-top: 5px;
    height: 18px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 -1px 0 #979797;
}
ul#top_nav li a:active {
    background-image: none;
}

ul#top_nav li.photo-search { width: 6em;}
ul#top_nav li.dictionaly { width: 4em;}
ul#top_nav li.photo-search a { background: url("../images/icons/icons.gif") no-repeat scroll 65px -310px;}
ul#top_nav li.dictionaly a { background: url("../images/icons/icons.gif") no-repeat scroll 42px -310px;}

ul#top_nav li.mypage a { color : #3399cc; text-shadow: 0 1px 0 #e0e0e0;}
ul#top_nav li a:hover { color: #000; text-shadow: none;}
ul#top_nav li.current_item { border-bottom: 3px solid #ddd;}

ul#top_nav.sf-menu ul {
    width: 147px; /* IE6でのプルダウンちらつき防止 */
    z-index: 1000000;
    background: #dedede;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0, .4);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
}
ul#top_nav li.sfHover li,
ul#top_nav.sf-menu ul li,
ul#top_nav.sf-menu ul li a,
ul#top_nav li.photo-search.sfHover a {
    float: none;
    display: block;
}
ul#top_nav li.sfHover ul { padding: 0;}
ul#top_nav li.sfHover ul li {
    margin: 0; padding: 0;
    height: 40px;
}
ul#top_nav li.sfHover ul li a {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #333;
    text-shadow: 0 1px 0 #eee;
    background-image: none;
    border-bottom: 1px dotted #fff;
}
ul#top_nav li.sfHover ul li.photo-search-new a { border-radius: 5px 5px 0 0;}
ul#top_nav li.sfHover ul li.photo-search-gallery a { border-radius: 0 0 5px 5px; border-bottom: 0;}
ul#top_nav li.dictionaly ul li.dictionaly-top a { border-radius: 5px 5px 0 0;}
ul#top_nav li.dictionaly ul li.dictionaly-bottom a { border-radius: 0 0 5px 5px;border-bottom: 0;}

ul#top_nav li.sfHover ul a:hover { background: #cbcbcb;}
ul#top_nav li.info-num { display: none;}

/* SEARCH FORM --------------------------------------------------------------- */
div#search_form_content {
    float: left;
    margin: 13px 0 0 0;
}

div#search_form_content ul {
    position: relative;
    margin: 0; padding: 0;
    width: 205px;
    background: #fff;
    border-radius: 12px;
}
div#search_form_content ul li {
    position: absolute;
    margin: 0; padding: 0;
}
div#search_form_content ul li a {
    display: block;
    text-indent: -9999em;
}
div#search_form_content ul li.keyword,
div#search_form_content ul li.user,
div#search_form_content ul li.text-form a.search-option {
    font-size: 10px;
}
div#search_form_content ul li.keyword {
    position: absolute;
    left: 5px; top: 5px;
    margin: 0; padding: 0;
}
div#search_form_content ul li.keyword a {
    width: 17px;
    height:15px;
    background-image: url(../images/icons/icon_photo_detail.png);
    background-repeat: no-repeat;
    background-position: left -911px;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
div#search_form_content ul li.keyword a.current_item,
div#search_form_content ul li.keyword a:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
div#search_form_content ul li.user {
    position: absolute;
    left: 23px; top: 5px;
    margin: 0; padding: 0;
}
div#search_form_content ul li.user a {
    width: 20px;
    height: 15px;
    background-image: url(../images/icons/icon_photo_detail.png);
    background-repeat: no-repeat;
    background-position: left -971px;
    filter: alpha(opacity=40);
    -moz-opacity:0.4;
    opacity:0.4;
}
div#search_form_content ul li.user a.current_item,
div#search_form_content ul li.user a:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
div#search_form_content ul li.text-form {
    left: 40px; top: 0;
    position: relative;
    width: 200px;
}

div#search_form_content ul li.text-form input {
    float: left;
    margin: 0; padding: 0 0 0 2px;
    width: 135px; height: 23px;
    line-height: 25px; /* IEでのズレ解消 */
    border: 1px solid #fff;
}
div#search_form_content ul li.text-form button {
    position: absolute;
    left: 142px; top: 4px;
    display: block;
    margin: 0;
    width: 25px;
    height: 18px;
    text-indent: -9999em;
    background: url(../images/icons/icon_header_global.png) left top no-repeat;
    border: none;
}
div#search_form_content ul li.text-form a.search-option {
    position: absolute;
    right: 0; top: 4px;
    display: block;
    width: 30px;
    font-size: 10px;
}

/* LOG IN --------------------------------------------------------------- */
div#login {
    float: right;
    margin: 10px 0 0 0; padding: 0;
    width: 100px;
}
div#login ul#login_tools {
    position: relative;
    float: right;
    margin: 0; padding: 0;
}
div#login ul#login_tools li {
    float: left;
    margin: 0; padding: 0;
    text-align: right;
}
div#login ul#login_tools li a:active {
    background: none;
}
div#login ul#login_tools li.user {
    position: relative;
    margin: 0; padding: 0;
    text-align: left;
}
div#login ul#login_tools li.upload {
    margin: 0; padding: 0;
    text-indent: -9999px;
    text-align: left;
}
div#login ul#login_tools li.info-num {
    position: absolute;
    left: 28px; top: -6px;
    padding: 2px 5px 1px 5px;
    text-indent: none;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background: #3399cc;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 1000000000;
}
div#login ul#login_tools li.user a {
    display: block;
    padding-top: 4px;
    width: 50px; height: 25px;
    background: url(../images/icons/icons.gif) 39px -306px no-repeat;
}
div#login ul#login_tools li.sfHover a {
    padding-top: 4px;
    background: url(../images/bg_header_131217.gif) 0 top no-repeat;
}
div#login ul#login_tools li.sfHover ul,div#login ul#login_tools li.sfHover li {margin: 0; padding: 0;}
div#login ul#login_tools li.user img {
    float: right;
    margin: 0 15px 0 0;
    width: 23px; height: 23px;
}

/* ユーザー設定　プルダウン部 */
div#login ul#login_tools li.user ul { width: 86px;}
div#login ul#login_tools li.user ul li {
    float: none;
    text-indent: -9999em;
    text-align: left;
}
div#login ul#login_tools li.user ul li a {
    display: block;
    padding: 0;
    width: 84px;
    background-image: url(../images/bg_header_131217.gif);
    background-repeat: none;
}
div#login ul#login_tools li.user ul li.user-setting a { background-position: left -30px; height: 36px;}
div#login ul#login_tools li.user ul li.user-help a { background-position: left -66px; height: 33px;}
div#login ul#login_tools li.user ul li.user-logout a { background-position: left -99px; height: 38px;}
div#login ul#login_tools li.user ul li.user-setting a:hover { background-position: -124px -30px;}
div#login ul#login_tools li.user ul li.user-help a:hover { background-position: -124px -66px;}
div#login ul#login_tools li.user ul li.user-logout a:hover { background-position: -124px -99px;}

div#login ul#login_tools li.upload {
    margin-top: 4px; padding: 0;
}
div#login ul#login_tools li.upload a {
    display: block;
    width: 45px; height: 24px;
    text-indent: -9999em;
    background: url(../images/icons/icon_header_global.png) 13px -58px no-repeat;
}


div#login ul#login_tools li.bigginer,
div#login ul#login_tools li.login,
div#login ul#login_tools li.help,
div#login ul#login_tools li.register {
    float: right;
    width: auto;
    padding-top: 11px;
}

div#login ul#login_tools li.bigginer a,
div#login ul#login_tools li.login a,
div#login ul#login_tools li.help a,
div#login ul#login_tools li.register a,
div#login ul#login_tools li.bigginer a:active,
div#login ul#login_tools li.login a:active,
div#login ul#login_tools li.help a:active,
div#login ul#login_tools li.register a:active  {
    display: block;
    font-size: 11px;
    text-decoration: none;
}
div#login ul#login_tools li.register a {
    margin: 0 0 0 3px; padding: 0 0 0 7px;
    background: url(../images/icons/icons.gif) no-repeat left 0;
}

div#login ul#login_tools li.bigginer a,
div#login ul#login_tools li.login a,
div#login ul#login_tools li.help a {
    color: #fff;
    text-shadow: 0 -1px 0 #A4A4A4;
}
div#login ul#login_tools li.bigginer a:active,
div#login ul#login_tools li.login a:active,
div#login ul#login_tools li.help a:active {
    color: #000;
}
div#login ul#login_tools li.register a {
    color: #3399CC;
}
div#login ul#login_tools li.register a:hover {
    color: #003366;
}

/* WELCOME AREA ----------------------------------------------- */
div#breadcrumb-welcome {
    width: 100%; height: 40px;
    text-align: center;
    background: #ebebeb;
}

/* Breadcrumb ----------------------------------------------- */
#main_breadcrumb {
    margin: 10px auto 20px auto;
    padding-bottom: 5px;
    width: 1000px;
    height: 20px;
    font-size: 11px;
    color: #777;
    text-align: left;
    z-index: 100;
    border-bottom: solid 1px #ccc;
}
#main_breadcrumb a {
    color: #999;
}

/* MAIN CONTENT AREA ----------------------------------------------- */

div#main_content {
    margin: 0 auto;
    width: 1000px;
}
div#main_content:after {
    content:""; display: block; height: 0; visibility: hidden; clear: both;
}

div#main_content_main_panel, div#main_content_side_panel {
    position: relative;
    width: 685px;
    float: left;
    margin-bottom: 35px;
    display: inline;
    overflow: hidden;
}
div#main_content_side_panel {
    width: 300px;
    margin-left: 15px;
}

/* Footer --------------------------------------------------------------- */
#footer {
    margin-top: 75px; padding: 20px 0;
    width: 100%;
    background: #ebebeb;
}
#footer #footer-inner {
    margin: 0 auto;
    width: 1000px;
}
#footer #footer-inner .about-photohito {
    float: left;
    margin-right: 50px;
    width: 350px;
}
#footer #footer-inner .about-photohito p {
    margin-top: 16px;
    line-height: 150%;
    color: #666;
}
#footer #footer-inner dl {
    float: left;
    margin: 15px 0; padding : 0;
    width: 120px;
}
#footer #footer-inner dl dt {
    margin: 0 0 20px 0; padding : 0;
}
#footer #footer-inner dl dd {
    margin: 0 0 10px 0; padding : 0;
}

#footer #footer-inner dl.official-page {
    margin-left: -20px;
    width: 140px;
}
#footer #footer-inner dl.official-page img {
    margin-right: 5px;
    vertical-align: text-bottom;
}
#footer #footer-inner #final_footer {
    clear: both;
    margin: 0; padding: 10px 0;
    color: #666;
    text-align: left;
    background-image: url(../images/dotline_darkgray.gif);
    background-repeat: repeat-x;
    background-color: #ebebeb;
}
#footer #footer-inner #final_footer p {
    margin: 0; padding: 0;
}
#footer #footer-inner #final_footer p.copyright {
    float: left;
    width: 400px;
}
#footer #footer-inner #final_footer p.switch-language {
    float: left;
    width: 400px;
    text-align: left;
    border: none;
}

/*===========================================================================================

                                                                               common element

 ===========================================================================================*/
input,
select,
textarea {
    border-width: 1px;
    margin-bottom: 0px;
    padding: 2px 3px;
}
input.button, button {
    margin: 0; padding: 0;
    cursor: pointer;
    text-align: center;
    border: none;
    color: #ffffff;
}
input.button-submit,
button.button-submit,
p#form_submit_button button {
    text-shadow: 0 -1px 0 #376F8A;
    font-weight: bold;
    background: #5092B1;
    border-radius: 2px;
}
input.button-clear,
button.button-clear {
    text-shadow: 0 -1px 0 #ccc;
    font-weight: bold;
    background: #bbb;
    border-radius: 2px;
}
p#form_submit_button span{
    display: block;
    width: 150px; height: 30px;
    text-align: center;
}
p#form_submit_button button{
    width: 150px; height: 30px;
    text-align: center;
    font-size: 14px;
    text-shadow: 0 -1px 0 #376F8A;
    background: #5092B1;
    border-radius: 2px;
}
select,
textarea {
    border-top: 1px solid #999999;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #999999;
}
#main_content .pagetop{ margin: 10px 0; text-align: right;}
#main_content .pagetop a{ color: #999999; background: none;}

#main_content a.user_badge {
    float: left;
    padding-left: 28px;
    height: 43px;
    cursor: pointer;
    background: url(../images/user_bubble_left.gif) no-repeat 0 0;
}
#main_content a.user_badge span {
    display: inline;
    float: left;
    margin-left: 8px; padding-right: 8px;
    height: 43px;
    background: url(../images/user_bubble_right.gif) no-repeat right top;
}

/*===========================================================================================

                                                 　　　　　　　　　通常ページの共通レイアウト

 ===========================================================================================*/

/************************************************************************************ title */
#page-title {
    margin: 20px 0 20px 0;
    min-height: 50px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 50px; /* Hack for IE6, min-height */
    background: url("../images/bg_title_gradation_dotline.jpg") repeat-x left bottom;
    border: 0 none;
}
#page-title h1 {
    margin: -20px auto 0;
    width: 1000px;
    font-size: 16px;
    line-height: 50px;
    min-height: 50px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 50px; /* Hack for IE6, min-height */
}
#page-title h1:first-letter {
    color: #999;
}
#page-title h1 span {
    display: inline-block;
    float: left;
    width: 755px;
}
#page-title h1.tag{
    background: url(../images/icons/icon_photo_detail.png) left -1199px no-repeat;
    padding-left: 20px;
    width: 980px;
}
#page-title h1 span a {
    color: #000;
    text-decoration: none;
}
#page-title h1.dictionaly-title img {
    margin-top: 16px;
}
#page-title h1 p#num_results {
    display: inline-block;
    float: right;
    width: 200px;
    text-align: right;
    margin-top: 15px;
}

/*===========================================================================================

                                                 写真が一覧で表示されるページの共通レイアウト

 ===========================================================================================*/

/************************************************************************************ title */

div#sub_breadcrumb {
    clear: both;
    margin-bottom: 5px; padding-bottom: 5px;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
}
div#sub_breadcrumb:after, div#sub_breadcrumb_user_tag:after {
    content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
div#sub_breadcrumb.category {
    padding: 5px 0 0 0 !important;
}
div#sub_breadcrumb_user_tag {
    clear: both;
    margin-top: 0;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
    border: none;
}

div#sub_breadcrumb h1,
div#sub_breadcrumb_user_tag h1,
div#sub_breadcrumb h2.shoot {
    float: left;
    margin: 0;
    width: 415px;
}
div#sub_breadcrumb_user_tag h1 {
    margin-top: 0;
}
div#sub_breadcrumb h1 a,
div#sub_breadcrumb_user_tag h1 a,
div#sub_breadcrumb h2.shoot a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}
div#sub_breadcrumb h1 a:hover,
div#sub_breadcrumb_user_tag h1 a:hover,
div#sub_breadcrumb h2.shoot a:hover {
    color: #999999;
    text-decoration: none;
}
div#sub_breadcrumb h1:after, div#sub_breadcrumb_user_tag h1:after, div#sub_breadcrumb h2.shoot:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
div#sub_breadcrumb h1.camera { float: none; width: 686px; min-height: 28px; height: auto !important; /* Hack for IE6, min-height */
    height: 28px; /* Hack for IE6, min-height */}
div#sub_breadcrumb h1.lens { float: none; width: 686px; min-height: 28px; height: auto !important; /* Hack for IE6, min-height */
    height: 28px; /* Hack for IE6, min-height */}
div#sub_breadcrumb h1.map { width: 395px;}
div#sub_breadcrumb h1.search { width: 510px;}
div#sub_breadcrumb h1.fan-newly-photo,
div#sub_breadcrumb h1.fan,
div#sub_breadcrumb h1.photo-comment,
div#sub_breadcrumb h1.gallery-comment,
div#sub_breadcrumb h1.profile,
div#sub_breadcrumb h1.profile-edit,
div#sub_breadcrumb h1.usericon-upload,
div#sub_breadcrumb h2.shoot  { margin-top: 0;}
div#sub_breadcrumb h1.genre-top span.model-name { font-size: 16px; font-weight: bold;}

div#sub_breadcrumb h1 img,
div#sub_breadcrumb h2.shoot img,
div#sub_breadcrumb_user_tag h1 img {
    float: left;
    margin: 0 5px 0 0;
    width: 31px; height: 27px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: 0 2px;
}
div#sub_breadcrumb h1.camera img { background-image: url(../images/camera/icon_camera_category_title.gif);}
div#sub_breadcrumb h1.lens img { background-image: url(../images/lens/icon_lens_category_title.gif);}
div#sub_breadcrumb h1 span.category-name,
div#sub_breadcrumb h2.shoot span.category-name,
div#sub_breadcrumb_user_tag h1 span.category-name {
    display: block;
    margin-right: 5px;
    color: #000000;
    font-size: 16px;
}
div#sub_breadcrumb h1 span.model-name,
div#sub_breadcrumb_user_tag h1 span.model-name {
    display: block;
    padding: 5px 0;
    font-size: 15px;
    line-height: 110%;
    font-weight: normal;
    color: #000000;
}
div#sub_breadcrumb h1 span.category-name a,
div#sub_breadcrumb_user_tag h1 span.category-name a,
div#sub_breadcrumb h1 span.model-name a,
div#sub_breadcrumb_user_tag h1 span.model-name a {
    background-color: #ffffff;

}

div#sub_breadcrumb h1.map img { background-position: left -50px; width: 35px;}
div#sub_breadcrumb h1.map-oversea img { background-position: left -104px; width: 35px;}
div#sub_breadcrumb h1.tag img { background-position: -55px -50px; width: 30px;}
div#sub_breadcrumb h1.search img { background-position: -106px -50px; width: 31px;}
div#sub_breadcrumb h1.search-user img { background-position: -150px -50px; width: 42px;}
div#sub_breadcrumb h1.gallery img { background-position: -306px -50px; width: 26px;}
div#sub_breadcrumb h1.photo img { background-position: -355px -50px; width: 28px;}
div#sub_breadcrumb_user_tag h1.user-tag img { background-position: -250px -50px; width: 36px;}
div#sub_breadcrumb h1.contact-violation img { background-position: -404px -50px; width: 31px;}
div#sub_breadcrumb h1.photohito img { background-position: -456px -50px; width: 31px;}

/* userpage */
div#sub_breadcrumb h1.fan-newly-photo img { background-position: -52px -110px; width: 35px; height: 25px;}
div#sub_breadcrumb h1.fan img { background-position: -98px -112px; width: 35px; height: 25px;}
div#sub_breadcrumb h1.photo-comment img,
div#sub_breadcrumb h1.gallery-comment img {
    margin: -3px 5px 0 0;
    width: 35px; height: 28px;
    background: url(../images/ico_commentedit_photo.gif) no-repeat 0 0;
}
div#sub_breadcrumb h1.profile img {
    width: 20px; height: 25px;
    background: url(../images/tit_side_subsection.gif) left -584px no-repeat;
}
div#sub_breadcrumb h2.shoot img {
    width: 25px; height: 25px;
    background: url(../images/tit_side_subsection.gif) left -619px no-repeat;
}
div#sub_breadcrumb h1.usericon-upload img { background-position: -148px -108px; width: 36px; height: 28px;}



div#sub_breadcrumb p#num_results,
div#sub_breadcrumb_user_tag p#num_results {
    float: right;
    margin: 0; padding: 0;
    width: 160px;
    text-align: right;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
}
div#sub_breadcrumb_user_tag p#num_results {
    margin: 0;
}
div#sub_breadcrumb form#sub_breadcrumb_form {
    float: right;
    margin: 0; padding: 0;
    width: 250px;
    color: #666666;
    text-align: right;
}
div#sub_breadcrumb form#sub_breadcrumb_form select {
    padding: 0 0 0 3px;
    width: 200px;
}
div#sub_breadcrumb form#sub_breadcrumb_form input {
    margin: 0; padding: 0;
    width: 40px; height: 19px;
    color: #ffffff;
    cursor: pointer;
    vertical-align: top;
    text-indent: -9999em;
    background: url(../images/icons/icon_category_title.png) -195px -60px no-repeat;
    _background: url(../images/icons/icon_category_title.gif) -195px -60px no-repeat;
    border: 0;
}

/********************************************** photo thumbnail sort area (photo view page) */

/* EXCEPT USER PAGE */


.thumbnailSort {
    clear: both;
    position:relative;
    top: 0;
    margin: 0; padding: 0;
    width: 100%;
    text-align:right;
    border: 0;
    z-index: 100;
}
.thumbnailSort:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
.thumbnailSort_shorter { /* except MY PAGE */
    position: static;
    top: 0;
    margin-top: 5px; padding: 3px 0px;
    width: 100%;
    text-align:right;
    border: 0;
}


/* for JQuery */
.thumbnailSort div.selectbox-wrapper {
    position: absolute;
    overflow: hidden;
    width: 199px;
    margin: 0px 0 0 1px; padding: 0;
    /*     height: 310px; */
    /*   *height: 310px;  */ /*IE6 fix */
    text-align: left;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.thumbnailSort div.selectbox-wrapper ul {
    list-style-type: none;
    margin: 0; padding: 0 0 5px 0;
    background: url(../images/selectbox-wrapper.jpg) right bottom no-repeat;
}
.thumbnailSort div.selectbox-wrapper ul li.selected {
    background: #e0e0e0;
}
.thumbnailSort div.selectbox-wrapper ul li.current {
    background: #e0e0e0;
}
.thumbnailSort div.selectbox-wrapper ul li {
    list-style-type: none;
    display: block;
    padding: 5px 0 5px 3px;
    width: 193px;
    cursor: pointer;
}
.thumbnailSort div.selectbox-wrapper ul li,  x:-moz-any-link  { width: 193px;} /* firefoxのみ適用 */
.thumbnailSort div.selectbox-wrapper ul li { /width: 193px;} /* IE6、7のみ適用 */
.thumbnailSort div.selectbox-wrapper ul li { width:193px\9; } /* IE8のみ適用 */
.thumbnailSort .selectbox{ /* look&fell of  select box*/
    display : block;
    margin: 0 0 0 1px; padding: 5px 1px 3px 0;
    text-align: left;
    vertical-align: bottom;
    cursor: pointer;
    color: #333333;
    font-size: 12px;
    background: url('../images/bg_sortbox.gif') right no-repeat;
    border: 0;
}
.thumbnailSort select#photo-order-select,
.thumbnailSort input#photo-order-select_input {
    width : 206px;
}
.thumbnailSort option {
    background: #f8f8f8;
}


/* End for JQuery */

.thumbnailSort.short dl.sortbox {
    background: #fff;
}
.thumbnailSort dl.sortbox {
    float: right;
    margin: 0 0 0 22px; padding: 0 0 0 8px;
    color: #666;
    z-index: 100;
}
.fan .thumbnailSort dl.sortbox {

}
.thumbnailSort dl.sortbox dt {
    float: left;
    margin-right: 5px; padding: 6px 0 0 0;
}
.thumbnailSort dl.sortbox dd {
    float: left;
}
.thumbnailSort dl.sortbox dd a {
    display: block;
    padding: 2px 5px;
    color: #999;
    text-decoration: underline;
}
.thumbnailSort dl.sortbox dd a:hover {
    text-decoration: none;
    color: #e2e2e2;
    background: #666;
}
.thumbnailSort dl.sortbox dd.by-popular {
    margin-left: 5px; padding-left: 5px;
    border-left: 1px solid #cccccc;
}
.thumbnailSort dl.sortbox dd.selected em {
    display: block;
    padding: 2px 5px;
    color: #fff;
    background: #333333;
}

.thumbnailSort dl.change-size {
    float: right;
    margin: 0 0 0 22px; padding: 0 0 0 8px;
    color: #666;
    z-index: 100;
}
.thumbnailSort dl.change-size dt {
    float: left;
    padding-top: 5px; padding-right: 5px;
}
.thumbnailSort dl.change-size dd {
    float: left;
    display: block;
    margin: 0 0 0 10px; padding: 0;
    height: 20px;
    text-indent: -9999em;
    text-align: left;
    background-image: url(../images/icon_photo_select_size.gif);
    background-repeat: no-repeat;
}
.thumbnailSort dl.change-size dd a {
    display: block;
    margin: 0; padding: 0;
    height: 20px;
    text-indent: -9999em;
    text-align: left;
    background-image: url(../images/icon_photo_select_size.gif);
    background-repeat: no-repeat;
}
.thumbnailSort dl.change-size dd.s-size { width: 57px;  background-position: left top;}
.thumbnailSort dl.change-size dd.s-size a { background-position: left bottom;}
.thumbnailSort dl.change-size dd.s-size a:hover { background-position: left top; text-align: left;}
.thumbnailSort dl.change-size dd.l-size { width: 53px;  background-position: right top;}
.thumbnailSort dl.change-size dd.l-size a { background-position: right bottom;}
.thumbnailSort dl.change-size dd.l-size a:hover { background-position: right top;}
.thumbnailSort dl.change-size dd.line {
    padding-top: 2px;
    font-size: 15px;
    color: #e2e2e2;
}

/* user-tag page */
.thumbnailSort a.show_all {
    display: block;
    float: right;
    margin-top: 0;
    padding: 10px 0 0 16px;
    font-weight: normal;
    font-size: 11px;
    color: #999999;
    background: url(../images/ico_usertag.gif) left 8px no-repeat;
    border: 0;
}

/************************************************* all-photo view page full wide */

.full-wide ul.photo_list_centering li.photo-container-wrapper {
    margin: 0 52px 30px 0;
}
.full-wide ul.photo_list_centering li.last {
    margin: 0 0 30px 0;
}
.full-wide ul.photo_list_centering li.date {
    float: left;
    margin-top: 5px;
    color: #999999;
}

/********************************************** photo thmbnail view page (default=Small size) */
ul.photo_list_centering {
    clear: both;
    float: left;
    margin-top: 40px;
    width: 100%;
}

ul.photo_list_centering li.photo-container-wrapper,
.full-wide .userpage ul.photo_list_centering li.photo-container-wrapper,
.full-wide ul.photo_list_centering.favs li.photo-container-wrapper,
.full-wide .phototomo_newly_photo ul.photo_list_centering li.photo-container-wrapper {
    float: left;
    display: inline;
    margin: 0 17px 30px 0;
    width: 158px;
    min-height: 210px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 210px; /* Hack for IE6, min-height */
}
*:first-child+html ul.photo_list_centering li.photo-container-wrapper { /* Hack for IE7, margin-bottom */
    padding-bottom: 0;
}
ul.photo_list_centering li a {
    color: #000000;
    cursor: pointer;
}
ul.photo_list_centering li a:hover { color: #999999;}

ul.photo_list_centering.small-size li ul {
    margin: 0; padding: 0;
    width: 158px;
}
ul.photo_list_centering li ul li.photo-container {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    margin: 0;
    width: 158px; height: 158px;
    text-align: center;
    background: url(../images/contest/contest01/bg_contest01_result.gif) repeat;
}

ul.photo_list_centering li ul li.photo-container a img{
    max-height: 158px;
    max-width: 158px;
}

/* Begin Hack for IE : Centering (horizontally and vertically) an image in a photo-container */
ul.photo_list_centering li ul li.photo-container * {
    vertical-align: middle;
}
/*\*//*/
ul.photo_list_centering li ul li.photo-container {

    display: block;
}
ul.photo_list_centering li ul li.photo-container span {
    display: inline-block;
    width: 1px; height: 100%;
}
/**/
/* End Hack for IE : Centering (horizontally and vertically) an image in a photo-container */

ul.photo_list_centering li ul li.photo-container span {
    display: inline-block;
    height: 100%;
}
ul.photo_list_centering li ul li.photo-title {
    margin: 10px 0 0 0;
    width: 158px; height: auto;
    text-align: left;
}
ul.photo_list_centering li.private ul li.photo-title {
    padding: 0 0 3px 18px;
    background: url(../images/gallery/ico_gallery_private.gif) no-repeat left top;
}
ul.photo_list_centering.small-size li ul li.photo-title,
ul.photo_list_centering.large-size li ul li.photo-title {
    margin: 10px 0;
}
ul.photo_list_centering li ul li.photo-title a {
    display: block;
    width: 158px;
    text-decoration: none;
    word-wrap:break-word; /** for IE （英数字が連続した際のカラム落ち防止） **/
}
ul.photo_list_centering li ul li.user-name {
    float: left;
    margin: 0; padding: 0;
    width: 130px;
}
ul.photo_list_centering li ul li.user-name a {
    color: #3399cc;
}
/********************************************** all-photo view page Large Image */

ul.photo_list_centering.large-size .photo_list-row {
    width: 685px;
}
ul.photo_list_centering.large-size li.photo-container-wrapper,
.full-wide .userpage ul.photo_list_centering.large-size li.photo-container-wrapper {
    margin: 0 12px 0 0; padding-bottom: 30px;
    width: 220px;
}
ul.photo_list_centering.large-size li ul li.photo-container {
    width: 220px; height: 220px;
}
ul.photo_list_centering.large-size li ul li.photo-title {
    width: 220px;
    font-weight: bold;
}
ul.photo_list_centering.large-size li ul li.photo-title a {
    width: 220px;
}
ul.photo_list_centering.large-size li ul li.model {
    margin: 0 0 2px 20px; padding-left: 24px;
    width: 175px;
    line-height: 125%;
    background-repeat: no-repeat;
    background-position: left 2px;
}

ul.photo_list_centering.large-size li ul li.camera-name { background-image: url(../images/ico_camera_small.gif);}
ul.photo_list_centering.large-size li ul li.lens-name { background-image: url(../images/ico_lens_small.gif);}
ul.photo_list_centering.large-size li ul li.model a {
    color: #999999;
    text-decoration: underline;
}
ul.photo_list_centering.large-size li ul li.model a:hover { color: #666666;}

ul.photo_list_centering li.last,
ul.photo_list_centering.large-size li.last,
.full-wide .userpage ul.photo_list_centering li.last,
.full-wide .userpage ul.photo_list_centering.large-size li.last,
.full-wide ul.photo_list_centering.favs li.last,
.full-wide .phototomo_newly_photo ul.photo_list_centering li.last {
    margin-right: 0;
}
ul.photo_list_centering.large-size li ul li.photo-container a img {
    max-height: 220px;
    max-width: 220px;
}
/********************************************** all-photo view page not centering */

ul.photo_list {
    clear:both;
    float:left;
    padding:15px 0pt 0pt;
    width:100%;
}
ul.photo_list li {
    display:inline;
    float:left;
    margin:0pt 17px 20px 0pt;
    width:158px;
}
ul.photo_list a span {
    background:#E8E8E8 url(../images/button_dither_grey.gif) repeat-x scroll left bottom;
    display:block;
    height:1.4em;
    margin-bottom:5px;
    overflow:hidden;
    padding:5px;
    color:#696969;
}
ul.photo_list li.last {
    margin-right:0pt;
}
ul.photo_list li img {
    display:block;
}
ul.photo_list li span {
    margin-bottom:1px;
}
ul.photo_list cite {
    display: block;
}

/******************************************************************************* Pagenation */

div#pagination_container {
    clear:both;
    float:left;
    margin-top:15px;
    width:100%;
}
/******************************************************************************* Pagenation */
div#pagination_container {
    position:relative;
    overflow:hidden;
    clear:both;
    margin: 30px 0;
    width:100%;
}
ul#pagination {
    clear: both;
    position:relative;
    left: 50%;
    float:left;
    margin: 0 auto;
}
ul#pagination li {
    position:relative;
    left:-50%;
    float:left;
}
ul#pagination li.current_item span {
    display: block;
    margin-left: 10px; padding: 5px 10px;
    color:white;
    font-size: 14px;
    font-weight: bold;
    text-decoration:none;
    background: #343434;
}
ul#pagination li a {
    font-weight: bold;
    font-size: 14px;
    display: block;
    background: #CCCCCC;
    margin: 0 0 5px 10px;
    padding: 5px 10px;
    color: #fff;
}


form#list_order {
    float: right;
}

div#number_people_container {
    border: 1px solid #EEE;
    height: 180px;
    background: transparent url(../images/number_people.jpg);
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}

div#number_people_container p {
    padding: 65px 0 0 10px;
    width: 130px;
}

div#people_num {
    position: absolute;
    top: 17px;
    right: 22px;
    height: 142px;
    width: 125px;
}

/*===========================================================================================

                                                                                     TOP PAGE

 ===========================================================================================*/

/* common */
#top-page {
    margin: 20px auto 0 auto;
    width: 1000px;
}
#top-page div#main-photo {
    display: table-cell;
    float: left;
    position: relative;
    vertical-align: middle;
    margin: 0;
    width: 690px; height: 460px;
    text-align: center;
}
#top-page div#main-photo img {
    max-width: 690px; max-height: 460px;
}

#top-page div#main-photo p a img.spacer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


/* Begin Hack for IE : Centering (horizontally and vertically) an image in a photo-container */
#top-page div#main-photo * {
    vertical-align: middle;
}

/*\*//*/
#top-page div#main-photo {
    display: block;
}
#top-page div#main-photo span {
    display: inline-block;
    width: 1px; height: 100%;
}

/**/
/* End Hack for IE : Centering (horizontally and vertically) an image in a photo-container */

/*
#top-page div#main-photo span {
    display: inline-block;
    height: 100%;
}
*/
#top-page #top-page-side {
    float: right;
    margin: 0;
    width: 300px;
}
#top-page div#main-photo a {
    display: inline-block;
}
#top-page #top-page-side #Recommend {
    margin: 10px 0 0 0;
    height: 193px;
    border: 3px solid #e5e5e5;
}
#top-page #top-page-side #Recommend a {
    display: block;
    padding-bottom: 1px;
    background: url(../images/dotline_gray_x.gif) left bottom repeat-x;
}
#top-page #top-page-side #Recommend #newArrival_table {
    margin: 0; padding: 10px 16px 0 16px;
    color: #666;
}
#top-page #top-page-side #Recommend #newArrival_table a {
    display: inline;
    color: #666;
    background: none;
}
#top-page #top-page-side #Recommend #newArrival_table .cell {
    margin-top: 5px;
}
#top-page #top-page-side #Recommend #newArrival_table .cell span {
    margin-right: 5px;
}
#top-page #top-page-side #Recommend #newArrival_table h3 {
    display: inline-block;
    float: left;
    margin: 0; padding: 0;
    width: 131px;
    vertical-align: text-bottom;
}
#top-page #top-page-side #Recommend #newArrival_table h3 img { vertical-align: text-bottom;}

#top-page #pickup-content {
    clear: both;
    padding: 15px 0 20px 0;
    color: #666;
}
#top-page #pickup-content ul {
    margin: 0; padding: 0;
}
#top-page #pickup-content ul li {
    position: relative;
    height: 130px;
}
#top-page #pickup-content ul li h2 {
    display: inline-block;
    margin: 0 0 10px 0; padding: 0;
    width: 175px; height: 20px;
    text-indent: -9999em;
}
#top-page #pickup-content ul li.camera-lens h2 { float: left;
    background: url(../images/title_top_pickup_content_camera_lens.gif) left top no-repeat;}
#top-page #pickup-content ul li.trend-word h2 { background: url(../images/title_top_pickup_content_trend_word.gif) left top no-repeat;}
#top-page #pickup-content ul li.official-tag h2 { background: url(../images/title_top_pickup_content_official_tag.gif) left top no-repeat;}
#top-page #pickup-content ul li p.pickup-content-image {
    position: absolute;
    left: 0; bottom: 0;
    margin: 0; padding: 0;
    height: 59px;
}
#top-page #pickup-content ul li p.pickup-content-image a,
#top-page #pickup-content ul li p.camera-lens a {
    float: left;
    display: block;
}
#top-page #pickup-content ul li span.multiple {
    color: #ccc;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}

#top-page #pickup-content ul li.camera-lens {
    float: left;
    width: 345px;
}
#top-page #pickup-content ul li.camera-lens span.see-more {
    float: left;
    display: block;
    width: 90px; height: 20px;
    line-height: 20px;
}
#top-page #pickup-content ul li.camera-lens div {
    clear: both;
    margin: 0;
}

#top-page #pickup-content ul li.camera-lens div a.camera {
    width: 105px;
}
#top-page #pickup-content ul li.camera-lens div a.lens {
    width: 210px;
}
#top-page #pickup-content ul li.camera-lens div img {
    margin-right: 5px;
    width: 40px;
    vertical-align: text-bottom;
}
#top-page #pickup-content ul li.camera-lens div span{
    display: inline-block;
    overflow: hidden;
}
#top-page #pickup-content ul li.camera-lens div a.camera,
#top-page #pickup-content ul li.camera-lens div a.lens { display: inline-block;}
#top-page #pickup-content ul li.camera-lens div a.camera span{
    width: 50px; height: 2.5em;
    word-wrap: break-word;
}
#top-page #pickup-content ul li.camera-lens div a.lens span{
    width: 150px; height: 2.5em;
    word-wrap: break-word;
}
#top-page #pickup-content ul li.camera-lens div span.multiple {
    display: inline-block;
    height: 2em;
}
#top-page #pickup-content ul li.camera-lens p.pickup-content-image img {
    margin: 0;
    width: 59px;
}
#top-page #pickup-content ul li.trend-word {
    float: left;
    width: 320px;
}
#top-page #pickup-content ul li.trend-word div {
    margin-top: -4px; padding-left: 20px;
    font-size: 14px;
    background: url(../images/icons/icon_photo_detail.png) left -251px no-repeat;
}
#top-page #pickup-content ul li.official-tag {
    float: right;
    width: 300px;
}
#top-page #pickup-content ul li.official-tag div {
    padding-left: 20px;
    font-size: 14px;
    background: url(../images/icons/icon_photo_detail.png) left -1216px no-repeat;
}


.top-photos {
    width: 100%;
    background: #f1f1f1;
}
.top-photos h2 {
    margin: 0 auto 5px auto; padding: 15px 0 0 0;
    width: 1000px;
    color: #999;
    font-size: 24px;
}
.top-photos ul.top-photos-nav {
    margin: 0 auto; padding: 0;
    width: 1000px;
}
.top-photos ul.top-photos-nav li {
    float: left;
    margin: 0;
    padding: 0;
    width: 333px;
    text-align: center;
}
.top-photos ul.top-photos-nav li a {
    display: block;
    padding: 10px;
    margin: 0 60px;
    font-size: 20px;
    color: #999;
    text-decoration: none;
}
.top-photos ul.top-photos-nav li a:hover,
.top-photos ul.top-photos-nav li.current a {
    color: #fff;
    border-radius: 2px;
    background: #999;
}
.top-photos-container {
    background: #f1f1f1;
}

p.link-all-photos {
    margin: 0 auto; padding: 75px 0 75px 300px;
    width: 700px;
}
p.link-all-photos a {
    display: block;
    width: 400px; height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    border-radius: 2px;
    background: #999;
}


/*===========================================================================================

                                                                          トレンドフォトページ

 ===========================================================================================*/
#dictionaly-head.trend-photos {
    margin-top: 0; padding-top: 20px;
    min-height: 40px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 40px; /* Hack for IE6, min-height */
}
#dictionaly-head.trend-photos h1 {
    margin-left: 30px;
    font-size: 15px;
}
#dictionaly-head.trend-photos h1 a {
    text-decoration: none;
    color: #000;
}
#dictionaly-head.trend-photos h1 a img {
    float: left;
    display: block;
    margin: 0 5px 0 0;
    width: 28px; height: 25px;
    vertical-align: top;
    background: url("../images/icons/icon_category_title.png") no-repeat -355px -60px;
}

/*===========================================================================================

                                                                               写真詳細ページ

 ===========================================================================================*/

/*------------------------------------------------------------------------- PHOTO VIEW PAGE */
a#photo_view_avatar {
    position: absolute;
    top: 0;
    left: 0;
}

ul#user_subnav.no-column {
    right: 325px;
}

#main_content div#user_subnav_container ul#user_subnav li {
    float: left;
    margin-right: 5px;
}
#main_content div#user_subnav_container ul#user_subnav li a {
    float: left;
    padding: 7px 20px;
    border: 1px solid #CCC;
    background: white;
    background: white url(../images/dither_smalltab.gif) bottom left repeat-x;
}
#main_content div#user_subnav_container ul#user_subnav li.current_item a,
#main_content div#user_subnav_container ul#user_subnav li.current_item a:hover {
    border: 1px solid #CCC;
    border-color: #CCC #CCC white #CCC;
    background: white;
}
#main_content div#user_subnav_container ul#user_subnav li a,
#main_content div#user_subnav_container ul#user_subnav li span {
    margin-bottom: -1px;
    padding: 10px;
    padding: 9px;
}
#main_content div#user_subnav_container ul#user_subnav li span {
    display: block;
    padding-left: 48px;

}

/* photo title edit */
#main_content div.photo_view_title_edit {
    margin-bottom: 15px;
    display: none;
    position: relative;
}
#main_content div.photo_view_description_edit {
    width: 680px;
    position: relative;
    display: none;
}
#main_content div.photo_view_title_edit input,
#main_content div.photo_view_description_edit textarea {
    background: #FFFFCC;
    width: 260px;
}

#main_content div.photo_view_description_edit textarea {
    width: 678px;
    height: 50px;
    margin-bottom: 5px;
}
#main_content div.photo_view_description_edit a {
    right: 160px;
    margin-top: 5px;
    position: absolute;
}

#main_content div.photo_view_title_edit p.submit {
    margin-right: 260px;
}

#main_content div.photo_view_title_edit a {
    position: absolute;
    left: 435px;
    top: 9px;
}
#main_content h1.photo_view_title.editable, div.photo_view_description.editable {
    background: #FFFFCC;
}


#main_content ul#photo_tools {
    float: left;
    margin: 0 10px 0 0; padding: 0;
    width: 20px; height: 25px;
}
#main_content ul#photo_tools li.photo_fav a {
    width: 20px; height: 25px;
    text-indent: -9999em;
    background: url(../images/icons/tools/26.png) left center no-repeat;
}
#main_content ul#photo_tools li.voted a {
    width: 20px; height: 25px;
    text-indent: -9999em;
    background: url(../images/icons/tools/26_voted.png) left center no-repeat;
}
#main_content ul#photo_tools li.photo_fav_nologin a {
    width: 20px; height: 25px;
    text-indent: -9999em;
    background: url(../images/icons/tools/26.png) left center no-repeat;
}
#main_content h1.photo_view_title {
    float: left;
    margin: 0 0 5px 0;
    width: 655px; min-height: 25px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 25px; /* Hack for IE6, min-height */
    font-size: 21px;
    background: white;
}

/* photo */
#main_content .photo-view
{
    clear: both;
    display: inline-block;
    position: relative;
    padding-bottom: 8px;
}
#main_content .photo-view img {
    max-width: 685px; max-height: 685px;
}
#main_content .photo-view:before, #main_content .photo-view:after {
    -webkit-box-shadow: 0 15px 5px rgba(0,0,0, .4);
    -moz-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 22px;
    z-index: -1;
    width: 50%;
    height: 20%;
    content: "";
    background: rgba(0, 0, 0, 0.4);
}
/*右側のドロップシャドウを回転*/
#main_content .photo-view:after {
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    right: 5px;
    left: auto;
}
/*左側のドロップシャドウを右側とは逆側に回転*/
#main_content .photo-view:before {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    right: auto;
    left: 5px;
}

#main_content a.featured-dictionaly {
    display: inline-block;
    margin: 0 10px 10px 0; padding: 5px 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #d8d8d8;
}


#main_content ul#photo_tools.photo-edit {
    float: right;
    position: relative;
    margin: 0 0 10px 250px;
    width: 430px;
    z-index: 100;
}
#main_content ul#photo_tools.photo-edit li {
    display: inline-block;
    padding: 0 10px 0 0;
}
#main_content ul#photo_tools.photo-edit li a {
    display: inline-block;
    padding-top: 1px;
    min-height: 16px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 16px; /* Hack for IE6, min-height */
    color: #999;
    background-image: url(../images/icons/icon_photo_edit.png);
    background-repeat: no-repeat;
}
#main_content ul#photo_tools.photo-edit li.photo_details a { padding-left: 30px; background-position: left top;}
#main_content ul#photo_tools.photo-edit li.photo_map a { padding-left: 32px; background-position: left -65px;}
#main_content ul#photo_tools.photo-edit li.photo_map.none a { padding-left: 32px; background-position: left -65px;}
#main_content ul#photo_tools.photo-edit li.photo_rotate a { padding-left: 35px; background-position: left -130px;}
#main_content ul#photo_tools.photo-edit li.photo_blog a { padding-left: 30px; background-position: left -260px;}
#main_content ul#photo_tools.photo-edit li.photo_delete a { padding-left: 32px; background-position: left -195px;}

/* embbeding blog page */
h4#blogThis.hex_bullet_side {
    background:url(../images/past_url_icon.gif)  no-repeat 0pt;
}
#main_content ul#photo_tools.photo-edit #pastelist {
    float:left;
    position: absolute;
    top: 25px; left: 95px;
    padding: 0 15px 15px 15px;
    width: 300px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0, .2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#main_content ul#photo_tools.photo-edit #pastelist li.pasteBack {
    width: 300px;
    margin-bottom:-5px;
    margin-top:3px;
    background:none;
}
#main_content ul#photo_tools.photo-edit #pastelist li.pasteBack a {
    display:block;
}
#main_content ul#photo_tools.photo-edit #pastelist li {
    line-height:1.5;
    padding: 0;
}
#main_content ul#photo_tools.photo-edit ul#pastelist li,
#main_content ul#photo_tools.photo-edit ul#pastelist li {
    padding: 3px 0;
}
#main_content ul#photo_tools.photo-edit ul#pastelist .pasteTitle {
    float: left;
    margin-top: 5px;
    width: 80px;
    font-weight: bold;
    color: #666;
}
#main_content ul#photo_tools.photo-edit ul#pastelist li.pasteTitleMiddle {
    clear: both;
    padding: 5px 0 0 0;
    width: 300px;
    background: url(../images/dotline_gray_x.gif) left top repeat-x;
}
#main_content ul#photo_tools.photo-edit ul#pastelist li input#htmlurl {
    clear: both;
    float: none;
    font-size: 12px;
}
#main_content ul#photo_tools.photo-edit ul#pastelist .pasteCont {
    margin-top: 5px;
    float:right;
}
#main_content ul#photo_tools.photo-edit ul#pastelist .pasteCont input {
    vertical-align: middle;
    margin-right: 5px;
}
#main_content ul#photo_tools.photo-edit ul#pastelist li a {
    background-image:none !important;
    padding:0px;
    border:0 !important;
}
#main_content ul#photo_tools.photo-edit ul#pastelist li input.textBox {
    background-color:#eeeeee;
    padding: 3px 5px;
    width: 290px;
    font-size: 12px;
}

#main_content form.inplaceeditor-form {
    width: 535px;
}
#main_content form.inplaceeditor-form textarea {
    margin-bottom: 5px;
    width: 533px; height: 55px;
    background: #eeeeee;
    border-width: 1px solid #999999;
}
#main_content div#photo_header p {
    position: absolute;
    top: 2px;
    right: 0;
}
#main_content div#photo_header p span {
    display: block;
}
#main_content #link-to-sns img {
    margin-top: 5px;
}



#main_content ul#photo_tools li {
    float: left;
}
#main_content ul#photo_tools li a {
    float: left;
    padding: 0;
}
#main_content ul#photo_tools li.none a {
    cursor: default;
}


/** 非公開画像のみ適用 **/
#main_content ul#photo_tools li.photo_blog_unpublic span,
#main_content ul#photo_tools li.photo_rotate_unpublic span {
    display: inline-block;
    padding-top: 1px;
    min-height: 16px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 16px; /* Hack for IE6, min-height */
    color: #999999;
    filter: alpha(opacity=50); /* IE */
    -moz-opacity: 0.5; /* Firefox */
    opacity: 0.5; /* Opera, Safari */
    background-image: url("../images/icons/icon_photo_edit.png");
    background-repeat: no-repeat;
}
#main_content ul#photo_tools li.photo_blog_unpublic span { padding-left: 30px;　background-position: left -260px;}
#main_content ul#photo_tools li.photo_rotate_unpublic span { padding-left: 35px; background-position: left -130px;}
/****/

#main_content #photo_view_photo {
    clear: both;
    position: relative;
}
#main_content #photo_view_photo strong {
    position: absolute;
    background: black;
    padding: 10px;
    top: 0;
    left: 0;
}

#main_content #photo-information {
    margin-top: 20px; padding-top: 10px;
    background: url(../images/dotline_lightgray.gif) left top repeat-x;

}
#main_content #photo-information ul {
    float: right;
    margin: 0 0 15px 0;
}
#main_content #photo-information ul li {
    float: left;
    margin: 0 0 0 10px; padding-left: 10px;
    color: #999;
    border-left: 1px solid #cccccc;
}
#main_content #photo-information ul li.photo-date {
    border: none;
}
#main_content #photo-information ul li.photo-map a {
    display: block;
    padding: 1px 0 2px 20px;
    background: url("../images/icons/tools/7.png") no-repeat left top;
}

#main_content .photo_view_description {
    clear: both;
    margin: 10px 0 25px 0;
    width: 675px;
    line-height: 150%;
    color: #666;
}


#main_content form.inplaceeditor-form {
    float: left;
    margin-bottom: 10px;
    width: 655px;
}
#main_content form.inplaceeditor-form:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#main_content form.inplaceeditor-form textarea {
    margin-bottom: 5px;
    width: 647px; height: 2em;
    font-size: 20px;
    font-weight: bold;
    background: #eeeeee;
    border-top: 1px solid #999999;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #999999;
}
#main_content form.inplaceeditor-form input {
    float: right;
    width: 96px; height: 23px;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
#main_content form.inplaceeditor-form input.editor_ok_button {
    margin: 0 0 0 5px;
    background: #66cccc;
    border: 1px solid #94dbdb;
}
#main_content form.inplaceeditor-form input.editor_cancel_button {
    background: #c3c3c3;
    border: 1px solid #afafaf;
}
#main_content form.inplaceeditor-form a.editor_cancel {
    padding-top: 3px;
    float: left;
}

#main_content h2.hex_bullet,
#main_content h3.hex_bullet {
    clear:both;
    margin-bottom: 15px; padding: 4px 0 0 32px;
    height: 28px;
    font-size: 16px;
    background: url(../images/hex_bullet_black.gif) no-repeat  0 0;
}
#main_content h2.subtitle_photo_view_comments,
#main_content h3.subtitle_photo_view_comments {
    clear: both;
    margin-bottom: 20px; padding: 0;
    height: 18px;
}
#main_content h3.subtitle_photo_view_comments img {
    display: block;
    margin-right: 10px;
}

#main_content ul#photo_view_comments {
    margin-bottom: 50px; padding: 0;
}
#main_content ul#photo_view_comments li {
    clear: both;
    margin-bottom: 30px;
}
#main_content ul#photo_view_comments li p.usericon {
    float: left;
    width: 39px;
}
#main_content ul#photo_view_comments li p.usericon img {
    display: block;
    margin-top: 3px;
    width: 39px; height: 39px;
}
#main_content ul#photo_view_comments li p.username {
    float: left;
    margin: 0 0 10px 20px;
    width: 400px;
}
#main_content ul#photo_view_comments li div.photo_view_comments_text {
    float: left;
    margin: 0 0 5px 20px;
    width: 625px;
    line-height: 140%;
}
#main_content ul#photo_view_comments li ul.comment-permalink {
    float: left;
    margin: 5px 0 0 60px;
    list-style: none;
}
#main_content ul#photo_view_comments li ul.comment-permalink li {
    display: inline; margin: 0; padding: 0;
}


#main_content ul#photo_view_comments li ul.comment_tools {
    float: right;
    margin: 0; padding: 0;
}
#main_content ul#photo_view_comments li ul.comment_tools li {
    clear: none;
    float: left;
    display: inline;
    margin: 0; padding: 0;
    width: 95px;
}
#main_content ul#photo_view_comments li ul.comment_tools li.edit {
    margin-right: 10px;
}
#main_content ul#photo_view_comments li ul.comment_tools li a {
    display: block;
    margin: 0; padding: 0;
    width: 95px; height: 20px;
    text-indent: -9999em;
}
#main_content ul#photo_view_comments li ul.comment_tools li.edit a { background: url(../images/gallery/input_gallery_edit.gif) no-repeat left top;}
#main_content ul#photo_view_comments li ul.comment_tools li.delete a { background: url(../images/gallery/input_gallery_delate.gif) no-repeat left top #A3A3A3;}



#main_content ul#photo_view_comments form.inplaceeditor-form {
    float: right;
    margin: 0 0 20px 0;
    padding: 0;
    width: 626px;
}
#main_content ul#photo_view_comments form.inplaceeditor-form textarea {
    margin: 0 2px 5px 0;
    width: 618px; height: 95px;
    font-size: 12px;
    font-weight: normal;
    background: #eeeeee;
    border-top: 1px solid #999999;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #999999;
}
#main_content ul#photo_view_comments form.inplaceeditor-form input {
    display: block;
    padding: 0;
    width: 95px; height: 20px;
    cursor: pointer;
    color: #ffffff;
}
#main_content ul#photo_view_comments form.inplaceeditor-form input.editor_ok_button {
    float: left;
    margin: 0 10px 0 426px;
    _margin: 0 10px 0 213px;
    background: #5092B1;
    border: none;
    border-radius: 2px;
}
#main_content ul#photo_view_comments form.inplaceeditor-form input.editor_cancel_button {
    float: left;
    margin: 0;
    background: #c3c3c3;
    border: none;
    border-radius: 2px;
}

#main_content ul#photo_view_comments li ul.comment-permalink li.comment-date,
#main_content ul#photo_view_comments li ul.comment-permalink li.permalink a {
    color: #999;
}
#main_content ul#photo_view_comments li ul.comment-permalink li.permalink {
    margin-left: 5px; padding-left: 5px;
    border-left: 1px solid #cccccc;
}

a.delete {
    margin: 0;
}
/* comment decline */
#main_content #comment-decline {
    margin-top: 20px;
    text-align: center;
    color: #999999;
}
/* comment post */
#main_content #comment_post {
    margin-top: 20px;
}
#main_content #comment_post h3 {
    display: block;
    width: 208px; height: 22px;
    text-indent: -9999em;
    background: url(../images/bg_photo_detail_post_comment.gif) no-repeat;
}
#main_content #comment_post form#add_comment {
    float: right;
    padding: 20px 0 0 0;
    width: 625px;
    text-align: right;
    border: none;
}
#main_content #comment_post form#add_comment:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
#main_content #comment_post form#add_comment textarea {
    margin-bottom:10px;
    width: 625px; height:145px;
    text-align: left;
    font-size: 12px;
    background: #eeeeee none repeat scroll 0% 0%;
    border-top: 1px solid #999999;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #999999;
}
#main_content #comment_post form#add_comment p#comment_submit {
    width: 625px;
}
#main_content #comment_post form#add_comment p#comment_submit #comment_submit_button {
    display: block;
    float: right;
    margin: 0; padding: 0;
    width: 200px; height: 30px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    text-shadow: 0 -1px 0 #376F8A;
    font-weight: bold;
    background: #5092B1;
    border-radius: 2px;
}
/* button */
p.submit_link span {
    float: right;
    padding: 1px;
    width: 150px;
    text-align: center;
    background: #3B6E22;
}
p.submit_link a {
    float: right;
    padding: 4px 0pt;
    width: 150px;
    cursor: pointer;
    text-shadow: 0 -1px 0 #376F8A;
    font-weight: bold;
    border: 1px solid #95BF82;
    background: #67A54B;
}

/*-------------------------------------------------------------------- side-bar */
#main_content_side_panel.photo-view-page {
    margin-top: 30px;
}
#main_content_side_panel.photo-view-page #previous-next {
    margin: 20px 0;
    background: url("../images/dotline_darkgray.gif") repeat-x left bottom;
}
#main_content_side_panel.photo-view-page #previous-next h3 {
    float: left;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal;
    color: #333;
}
#main_content_side_panel.photo-view-page #previous-next p {
    float: right;
    display: inline-block;
    margin-bottom: 5px;
    color: #666;
}
#main_content_side_panel.photo-view-page #previous-next .previous-next-photo {
    clear: both;
    margin: 0; padding: 9px 0;
    background: url("../images/dotline_darkgray.gif") repeat-x left top;
}
#main_content_side_panel.photo-view-page #previous-next .previous-next-photo a {
    display: inline-block;
    float: left;
}
#main_content_side_panel.photo-view-page #previous-next .previous-next-photo a.this-photo {
    margin-top: -3px; padding: 2px 0 2px 0;
    border: 1px solid #000;
}
#main_content_side_panel.photo-view-page #previous-next .previous-next-photo img {
    margin: 0 2px;
    width: 55px; height: 55px;
}

#main_content_side_panel.photo-view-page #about-photo {
    background: url("../images/dotline_darkgray.gif") repeat-x left bottom;
}
#main_content_side_panel.photo-view-page #about-photo h3 {
    float: left;
    width: 150px;
    text-indent: none;
}
#main_content_side_panel.photo-view-page #about-photo #link-to-sns {
    float: right;
    width: 150px;
}
#main_content_side_panel.photo-view-page #about-photo #link-to-sns li {
    float: right;
    margin-left: 10px;
    width: 16px;
}
#main_content_side_panel.photo-view-page #about-photo #link-to-sns li a img {
    margin: 0;
}
#main_content_side_panel.photo-view-page #about-photo #link-to-sns li span img {
    margin: 0;
    cursor: pointer;
}
#main_content_side_panel.photo-view-page #about-photo #photo-activity {
    clear: both;
    position: relative;
    margin: 0 0 10px 0; padding: 0;
    min-height: 35px;
    height: auto !important;
    height: 35px;
    background: url("../images/dotline_darkgray.gif") repeat-x left top;
}
#main_content_side_panel.photo-view-page #about-photo #photo-activity p {
    display: inline-block;
    float: left;
    position: absolute;
    width: 60px;
    color: #999999;
    font-size: 16px;
    background-image: url("../images/icons/icon_photo_detail.png");
    background-repeat: no-repeat;
}
#main_content_side_panel.photo-view-page #about-photo #photo-activity p.like {
    left: 20px; top: 15px;
    padding-left: 20px;
    background-position: left 3px;
}

#main_content_side_panel.photo-view-page #about-photo #photo-activity p.comment {
    left: 125px; top: 15px;
    padding-left: 24px;
    background-position: left -30px;
}
#main_content_side_panel.photo-view-page #about-photo #photo-activity p.view {
    left: 225px; top: 15px;
    padding-left: 20px;
    background-position: left -60px;
}
#main_content_side_panel.photo-view-page #about-photo ul#featured {
    margin: 10px 0 0 0; padding: 0;
}
#main_content_side_panel.photo-view-page #about-photo ul#featured li {
    margin: 0 20px; padding: 0 0 10px 20px;
    background: url("../images/icons/icon_photo_detail.png") no-repeat left -1155px;
}
#main_content_side_panel.photo-view-page #about-photo ul#featured li span.report-difference {
    margin-left: 5px;
    color: #666;
}
#main_content_side_panel.photo-view-page #about-photo ul#featured li span.report-difference a {
    color: #666;
}

/* tag-list */
#main_content_side_panel.photo-view-page .photo_tag {
    padding: 5px 0 15px 0;
    background: url("../images/dotline_darkgray.gif") repeat-x left bottom;
}
#main_content_side_panel.photo-view-page .photo_tag ul#taglist {
    margin: 0; padding: 0 20px 0 0;
}
#main_content_side_panel.photo-view-page .photo_tag ul#taglist li {
    margin: 10px 0 0 20px;
}
#main_content_side_panel.photo-view-page .photo_tag ul#taglist li.tag {
    display: inline-block;
}
#main_content_side_panel.photo-view-page .photo_tag ul#taglist li.tag img {
    display: inline-block;
    margin-right: 5px;
    width: 15px; height: 15px;
    vertical-align: top;
    background: url("../images/icons/icon_photo_detail.png") no-repeat left -97px;
}
#main_content_side_panel.photo-view-page .photo_tag ul#taglist li span.tag-name {
    display: inline-block;
}
#main_content_side_panel.photo-view-page .photo_tag ul#taglist li span.tag-name a {
    padding: 0;
    text-decoration: none;
}
#main_content_side_pane.photo-view-pagel .photo_tag ul#taglist li span.tag-name a:hover {
    border-bottom: 1px dotted #003399;
}
#main_content_side_panel.photo-view-page .photo_tag ul#taglist li span.tag-remove a {
    margin-left: 5px;
    color: #999999;
    border: none;
}
#main_content_side_panel.photo-view-page .photo_tag ul#taglist li span.tag-remove a:hover {
    color: #333333;
    text-decoration: underline;
}

#main_content_side_panel.photo-view-page .photo_tag form#add_tag {
    margin: 20px 0 0 0; padding: 0 10px 0 40px;
    width: 285px;
    border: none;
    background: url(../images/icons/icon_photo_detail.png) no-repeat 20px -86px;
}
#main_content_side_panel.photo-view-page .photo_tag form#add_tag input {
    float: left;
    margin: 0; padding: 0;
    width: 188px; height: 22px;
    line-height: 22px;
    background: #eee;
    border-top: 1px solid #999999;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #999999;
}
#main_content_side_panel.photo-view-page .photo_tag form#add_tag p.change {
    float: left;
    margin: 0 0 0 5px;
    width: 60px;
}
#main_content_side_panel.photo-view-page .photo_tag form#add_tag p.change button {
    width: 60px;
    font-size: 11px;
    eont-weight: bold;
}

#main_content_side_panel.photo-view-page .photo_tag ul.epexegesis-icon {
    clear: both;
    margin-top: 1px; padding: 5px 0 5px 10px;
    color: #999999;
    background: #ececec;
}
#main_content_side_panel.photo-view-page .photo_tag ul.epexegesis-icon li {
    margin: 0;
}
#main_content_side_panel.photo-view-page .photo_tag ul.epexegesis-icon img {
    margin-right: 5px;
    vertical-align: middle;
}

/* photo-data */
#main_content_side_panel.photo-view-page div.photo-information {
    margin: 0 0 15px 0; padding-bottom: 10px;
    width: 300px;
    background: url("../images/dotline_darkgray.gif") repeat-x left bottom;
}
#main_content_side_panel.photo-view-page div.photo-information h3,
#main_content_side_panel.photo-view-page div.photo_gallery h3 {
    margin: 20px 20px 0 20px;
    background: url("../images/dotline_darkgray.gif") repeat-x left bottom;
}
#main_content_side_panel.photo-view-page div.photo-information table {
    margin: 5px 20px 0 20px;
    width: 260px;
    color: #666;
    border: none;
    font-size: 12px;
}
#main_content_side_panel.photo-view-page div.photo-information table th {
    padding: 5px 10px;
}
#main_content_side_panel.photo-view-page div.photo-information table th span {
    font-weight: bold;
    color: #ffffff;
}
#main_content_side_panel.photo-view-page div.photo-information table td {
    padding: 8px 0 0 0;
    vertical-align: top;
    text-align: right;
}
#main_content_side_panel div.photo-information table td.spec-name {
    width: 120px;
    text-align: left;
}
#main_content_side_panel div.photo-information table td.model-name,
#main_content_side_panel div.photo-information table td.area-name {
    padding-top: 3px;
}


#main_content_side_panel.photo-view-page div.photo-information table td p.submit {
    float: right;
    margin: 0 10px 10px 0;
}
#main_content_side_panel.photo-view-page div.photo-information table.photo-data ul {
    margin: 0 0 5px 5px;
    width: 160px;
}
#main_content_side_panel.photo-view-page div.photo-information table.photo-data ul li {
    float: left;
    background: none;
}
#main_content_side_panel.photo-view-page div.photo-information table.photo-data ul li span {
    display: block;
    width: 59px; height: 59px;
    background: url(../images/gallery/bg_gallery_simple_title.gif) repeat-y left top;
}

#main_content_side_panel.photo-view-page div.photo-information table.photo-data ul li a {
    text-decoration: none;
}

#main_content_side_panel.photo-view-page div.photo-information table td.map {
    padding: 8px 0 7px 0;
}
#main_content_side_panel.photo-view-page div.photo-information table td.map img {
    margin: 0 0 3px 0;
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
    border: 1px solid #e7e7e7;
}
#main_content_side_panel.photo-view-page div.photo-information table td.map a:hover img {
    filter: alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
    border: 1px solid #999999;
}
#main_content_side_panel.photo-view-page div.photo-information table td.map a {
    text-decoration: none;
}
#main_content_side_panel.photo-view-page div.photo-information table td.map a span {
    border-bottom: 1px dotted #3399CC;
}
#main_content_side_panel.photo-view-page div.photo-information ul {
    margin-top: 2px; padding: 0;
}

/* gallery */
#main_content_side_panel .photo_gallery {
    margin-bottom: 10px; padding-bottom: 5px;
    background: url("../images/dotline_darkgray.gif") repeat-x left bottom;
}
#main_content_side_panel .photo_gallery div {
    margin: 10px 20px;
}
#main_content_side_panel .photo_gallery a.toggle {
    clear: both;
    float: left;
    display: inline-block;
    padding-top: 1px;
    width: 10px; height: 10px;
}
#main_content_side_panel .photo_gallery a.toggle img {
    vertical-align: top;
}
#main_content_side_panel .photo_gallery h5 {
    float: left;
    display: inline-block;
    margin: 0; padding: 0;
    width: 240px;
    font-weight: normal;
}
#main_content_side_panel .photo_gallery h5 a { text-decoration: none;}

#main_content_side_panel .photo_gallery ul.gallery-next {
    clear: both;
    padding-bottom: 5px;
    width: 260px;
    background: url(../images/gallery/bg_gallery_simple_title.gif) repeat left top;
}

#main_content_side_panel .photo_gallery ul.gallery-next li {
    float: left;
    margin: 15px 0 0 0;
    width: 90px;
    text-align: center;
}
#main_content_side_panel .photo_gallery ul.gallery-next li a {
    display: block;
    color: #999999;
    text-decoration: none;
}
#main_content_side_panel .photo_gallery ul.gallery-next li a:hover { color: #333333;}
#main_content_side_panel .photo_gallery ul.gallery-next li p {
    position: relative;
    margin-bottom: 10px;
    width: 80px; height: 60px;
}
#main_content_side_panel .photo_gallery ul.gallery-next li em {
    display: block;
    padding: 0;
    width: 60px; height: 60px;
    color: #333;
    text-align: center;
}
#main_content_side_panel .photo_gallery ul.gallery-next li a img {
    position: relative;
    width: 60px;
    vertical-align: middle;
}
#main_content_side_panel .photo_gallery ul.gallery-next li a img.link-icon {
    display: inline-block;
    margin: 0; padding: 0;
    width: 11px;
    vertical-align: middle;
}
#main_content_side_panel .photo_gallery ul.gallery-next li.previous img {
    float: right;
}
#main_content_side_panel .photo_gallery ul.gallery-next li.previous a img.link-icon { margin: 21px 5px 0 0;}
#main_content_side_panel .photo_gallery ul.gallery-next li.next a img.link-icon { margin-left: 5px;}
#main_content_side_panel .photo_gallery ul.gallery-next li.previous p {
    margin-left: 10px;
}

#main_content_side_panel .photo_gallery ul.gallery-next li.this-photo img {
    margin: 1px;
    width: 40px;
    border: 1px solid #000;
}
#main_content_side_panel .photo_gallery ul.gallery-next li.next {
    float: right;
}
#main_content_side_panel .photo_gallery ul.gallery-next li.next p {
    margin-right: 10px;
}
#main_content_side_panel .photo_gallery .all-gallery {
    clear: both;
    margin-top: 10px;
    padding: 2px 0 0 0;
    text-align: right;
    background: url(../images/dotline_gray_x.gif) repeat-x left top;
}
#main_content_side_panel .photo_gallery .all-gallery  a {
    padding: 0 0 5px 20px;
    text-decoration: none;
    background:transparent url(../images/ico_link_out_gray.gif) no-repeat scroll left top;
}


/* 違反報告 */
#main_content_side_panel.photo-view-page p#contact-violation {
    margin: 0 0 20px 0; padding: 15px 0;
    text-align: center;
    color: #999999;
}
#main_content_side_panel.photo-view-page p#contact-violation a {
    display: inline-block;
    padding: 0 0 0 20px;
    min-height: 16px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 16px; /* Hack for IE6, min-height */
    color: #666666;
    background: url(../images/icons/icons.gif) left -474px no-repeat;
}
#main_content_side_panel.photo-view-page p#contact-violation a:hover {
    color: #333333;
}
#main_content_side_panel.photo-view-page p#contact-violation span {
    display: inline-block;
    padding: 0 0 0 20px;
    min-height: 16px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 16px; /* Hack for IE6, min-height */
    color: #999999;
    background: url(../images/icons/icons.gif) left -474px no-repeat;
}

/* ボタン */
#main_content_side_panel p.change {
    margin: 5px 0 10px 0; padding: 0;

    width: 165px; height: 25px;
    background: none;
    border: none;
}
#main_content_side_panel p.change button {
    float: right;
    margin: 0; padding: 0;
    width: 80px; height: 24px;
    cursor: pointer;
    color: #ffffff;
    text-shadow: 0 -1px 0 #376F8A;
    font-size: 11px;
    font-weight: bold;
    background: #5092B1;
    border-radius: 2px;
}
#main_content_side_panel div.photo-information table td  form {
    clear: both;
    margin-top: 10px; padding: 10px 0 0 0;
    background: url(../images/dotline_gray_x.gif) repeat-x left top;
}
#main_content_side_panel div.photo-information table td  form select {
    margin: 0; padding: 0;
    width: 165px;
}
/*===========================================================================================

                                                               写真オリジナルサイズ閲覧ページ

 ===========================================================================================*/
#photo-view-original {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #333;
}
#photo-view-original.white {
    background: #fff;
}

#photo-view-original #header-logo {
    display: inline-block;
    float: left;
    width: 120px; height: 60px;
    text-align: left;
}
#photo-view-original #header-logo img {
    display: inline-block;
    margin: 10px 0 0 10px;
    width: 120px;
    background: url(../images/logo_photohito_mono.png) no-repeat;
}

#photo-view-original.gray #header-logo img { background: url(../images/logo_photohito_mono.png) no-repeat;}
#photo-view-original.white #header-logo img { background: url(../images/logo_photohito_global_s.png) no-repeat;}
#photo-view-original #background {
    display: inline-block;
    float: right;
    margin: 10px 10px 0 0;
    width: 120px;
    color: #999;
}
#photo-view-original #background a {
    text-decoration: none;
    font-size: 14px;
}
#photo-view-original #background a.white { color: #fff;}
#photo-view-original.white #background a.white { color: #fff; text-shadow: 0 0 1px #000;}
#photo-view-original #background a.gray { color: #666;}

#photo-view-original #wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -60px;
}
#photo-view-original #container {
    position: relative;
    clear: both;
    display: none;
    vertical-align: middle;
    text-align: center;
}
#photo-view-original #container img.spacer {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    cursor: pointer;
}
body:first-of-type #photo-view-original #container img.spacer {
    cursor: url(../images/icons/icon_zoom.cur), text;
}

#photo-view-original #loading {
    position: absolute;
    left: 50%; top: 20%;
    margin-left: -30px;
}
#photo-view-original #push,
#photo-view-original #footer {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #ccc;
}
#photo-view-original #footer { background: #333;}
#photo-view-original.white #footer {
    color: #666;
    background: #fff;
}

/*===========================================================================================

                                                                           写真詳細編集ページ

 ===========================================================================================*/

#photo_edit_display .photo-edit-title {
    position: absolute;
    right: 0; top: 0;
    width: 450px; height: ;

}
h1#photo_view_title {
    clear: both;
    position: relative;
    margin: 0 0 20px 0; padding: 0;
    font-size: 24px;
    font-weight: normal;
}
h1#photo_view_title span {
    font-size: 20px;
    font-weight: bold;
}
div#photo_edit_display {
    margin: 0 0 30px 0;
    color: #666666;
    background: url(../images/dotline_darkgray.gif) left bottom repeat-x;
}
div#photo_edit_display input,
div#photo_edit_display select {
    font-size: 12px;
}
div#photo_edit_display p.lead {
    margin: 0 0 20px 0;
}

div#photo_edit_display fieldset span.notice {
    margin-left: 5px;
    color: #999999;
}
div#photo_edit_display ol#edit-container {
    width: 685px;
}
div#photo_edit_display ol#edit-container li {
    margin: 0 0 15px 0;
}
div#photo_edit_display ol#edit-container li h3 {
    margin: 0 0 5px 0; padding: 0 0 5px 20px;
    width: 685px;
    font-weight: normal;
    color: #000000;
    background: url(../images/bg_photo_detail_edit.gif) left bottom no-repeat;
}

div#photo_edit_display ol#edit-container li select {
    color: #777777;
}

div#photo_edit_display ol#edit-container li.photo-rotate {
    margin: 0;
}
div#photo_edit_display ol#edit-container li.photo-rotate .edit-photo-container {
    float: left;
    width: 200px; height: 200px;
    margin: 0 40px 10px 0;
}
div#photo_edit_display ol#edit-container li.photo-rotate .edit-photo-container p {
    display: table-cell;
    position: relative;
    width: 200px; height: 200px;
    text-align: center;
    vertical-align: middle;
}
div#photo_edit_display ol#edit-container li.photo-rotate .edit-photo-container p * {
    vertical-align: middle;
}
div#photo_edit_display ol#edit-container li.photo-rotate span {
    display: inline-block;
    height: 100%;
}

div#photo_edit_display ol#edit-container li.photo-rotate h3 {
    float: left;
    margin-top: 105px;
    width: 325px;
}
div#photo_edit_display ol#edit-container li.photo-rotate ul {
    float: right;
    margin: 5px 0 0 0;
    width: 330px;
}
div#photo_edit_display ol#edit-container li.photo-rotate ul li {
    margin: 5px 0 0 0;
}
div#photo_edit_display ol#edit-container li.photo-rotate input {
    vertical-align: middle;
}

div#photo_edit_display ol#edit-container li.photo-rotate label img {
    margin: 0 5px;
    width: 20px; height: 15px;
    vertical-align: bottom;
    background-image: url(../images/icons/icons.gif);
    background-repeat: no-repeat;
}

div#photo_edit_display ol#edit-container li.photo-rotate label.photo-rotate-90 img { background-position: left -378px;}
div#photo_edit_display ol#edit-container li.photo-rotate label.photo-rotate-180 img { background-position: left -426px;}
div#photo_edit_display ol#edit-container li.photo-rotate label.photo-rotate-270 img { background-position: left -402px;}
div#photo_edit_display ol#edit-container li.photo-rotate label.photo-rotate-0 img { background-position: left -450px;}

div#photo_edit_display ol#edit-container li.edit-information {
    clear: both;
    float: none;
}
div#photo_edit_display ol#edit-container li.photo-title input,
div#photo_edit_display ol#edit-container li.photo-comment textarea,
div#photo_edit_display ol#edit-container li.photo-tag input {
    width: 679px;
    padding: 2px 3px;
    vertical-align: text-top;
    border: 0;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background: #eeeeee;
}
div#photo_edit_display ol#edit-container li.photo-comment textarea {
    height: 90px;
}
div#photo_edit_display ol#edit-container li.photo-rotate input,
div#photo_edit_display ol#edit-container li.photo-published input,
div#photo_edit_display ol#edit-container li.photo-comment input,
div#photo_edit_display ol#edit-container li.photo-creative-commons input {
    margin-right: 5px;
    vertical-align: middle;
}
/* 回転 */
div#photo_edit_display ol#edit-container li.photo-rotate-select ul li {
    float: left;
    margin: 0 30px 0 0;
}
div#photo_edit_display ol#edit-container li.photo-rotate-select ul li input {
    vertical-align: text-top;
    margin-right: 5px;
}

/* タイトル */
div#photo_edit_display ol#edit-container li.photo-title {
    margin-bottom: 0;
}
/* プライバシー設定 */
div#photo_edit_display ol#edit-container li.photo-published {
    margin-top: 20px;
}
div#photo_edit_display ol#edit-container li.photo-published label {
    margin-right: 10px;
}
/* 公開場所 */
div#photo_edit_display ol#edit-container li dl.field-help {
    margin: 10px 0 0 0;
    width: 685px;
    background: url("../images/bg_field_help.gif") no-repeat right top;
}
div#photo_edit_display ol#edit-container li dl.field-help dt,
div#photo_edit_display ol#edit-container li dl.field-help dd {
    margin: 0 15px; padding-top: 10px;
    line-height: 150%;
}
div#photo_edit_display ol#edit-container li dl.field-help dd dl dt {
    float: left;
    margin: 0; padding-top: 5px;
    width: 60px;
}
div#photo_edit_display ol#edit-container li dl.field-help dd dl dd {
    padding: 5px 0 0 60px;
}
div#photo_edit_display ol#edit-container li dl.field-help dd.link-to-help {
    display: block;
    margin: 5px 0 0 0;
    padding: 0 15px 10px 0;
    width: 670px;
    text-align: right;
    background: url("../images/bg_field_help.gif") no-repeat right bottom;
}
div#photo_edit_display ol#edit-container li dl.field-help dd.link-to-help a {
    padding: 0 0 5px 23px;
    background: url("../images/icon_question.gif") no-repeat left 0 ;
}
div#photo_edit_display ol#edit-container li dl.field-help dd.link-to-help img {
    margin-right: 5px;
    vertical-align: middle;
}

div#photo_edit_display ol#edit-container li.photo-published dl.licence-select.disabled dt {
    color: #CCCCCC;
}
div#photo_edit_display ol#edit-container li.photo-published dl.licence-select.disabled dd {
    color: #CCCCCC;
    background: url("../images/bg_photoedit_licence_select_bottom_disabled.gif") no-repeat scroll right bottom;
}
div#photo_edit_display ol#edit-container li.photo-published dl.licence-select.disabled dd div {
    background: url("../images/bg_photoedit_licence_select_disabled.gif") no-repeat scroll right top transparent;
}
div#photo_edit_display ol#edit-container li.photo-published dl.licence-select dd input {
    margin-top: 16px;
}
div#photo_edit_display ol#edit-container li.photo-published dl.licence-select dd label {
    margin: 15px 0 0 0;
}

/* コメント受け付け */
div#photo_edit_display ol#edit-container li.photo-comment {
    margin-bottom: 20px;
}
div#photo_edit_display ol#edit-container li.photo-comment label {
    margin-right: 10px;
}
/* カテゴリー */
div#photo_edit_display ol#edit-container li.photo-category select {
    width: 220px;
}
/* タグ */
div#photo_edit_display ol#edit-container li.photo-tag {
    margin-top: 35px;
}

/* カテゴリータグ */
div#photo_edit_display ol#edit-container li.photo-tag #category-tag {
    position: relative;
    margin: 0; padding: 0 32px 15px 0;
    width: 685px; min-height: 82px;
    height: auto !important;
    height: 82px;
    background: url(../images/bg_batch_official_tag.png) no-repeat left bottom;

}
div#photo_edit_display ol#edit-container li.photo-tag #category-tag .ui-widget {
    padding: 8px 0 0 22px;
    background: url(../images/bg_batch_official_tag.png) no-repeat left top;
}
div#photo_edit_display ol#edit-container li.photo-tag #category-tag .ui-widget p {
    padding-left: 27px;
    text-shadow: 0 1px 1px #fff;
    line-height: 110%;
    background: url(../images/icon_official_tag.gif) no-repeat left top;
}
div#photo_edit_display ol#edit-container li.photo-tag #category-tag #not_found {
    position: absolute;
    left: 48px; top: 66px;
    padding: 1px 0 2px 23px;
    color: #FF6666;
    background: url(../images/icons/icon_error.png) no-repeat left top;
}
div#photo_edit_display ol#edit-container li.photo-tag #category-tag input.ui-autocomplete-input {
    margin: 7px 0 5px 0; padding: 1px 2px 0 25px;
    width: 685px; height: 20px;
    line-height: 20px;
    background: url("../images/bg_batch_official_tag_input.jpg") no-repeat left top;
    border: medium none;
}
div#photo_edit_display ol#edit-container li.photo-tag #category-tag .category_pack {
    float: left;
    margin: 0 0 0 22px; padding: 15px 0 0 75px;
    width: 487px;
    background: url(../images/bg_batch_official_tag_taglist.jpg) no-repeat left top;
}
div#photo_edit_display ol#edit-container li.photo-tag #category-tag .category_pack select {
    margin-right: 10px;
}

div#photo_edit_display ol#edit-container li.photo-tag #category-tag .get_tag {
    float: left;
    width: 70px; height: 42px;
}
div#photo_edit_display ol#edit-container li.photo-tag #category-tag .get_tag input {
    display: block;
    width: 70px; height: 43px;
    text-indent: -9999em;
    background: url(../images/btn_batch_official_tag_input.jpg) no-repeat;
    border: none;
    cursor: pointer;
}

/* カメラ */
div#photo_edit_display ol#edit-container ul.refinement li.cameratype {
    width: 350px;
}

div#photo_edit_display ol#edit-container ul.refinement li.cameratype .cameratype-item {
    display: inline-block;
    width: 140px;
}

div#photo_edit_display ol#edit-container ul.refinement li.cameratype label {
    margin: 0 10px 0 0;
}
/* カメラ・レンズ */
div#photo_edit_display ol#edit-container ul.refinement li select {
    margin-top: 5px;
}
div#photo_edit_display ol#edit-container li.photo-camera h3,
div#photo_edit_display ol#edit-container li.photo-lens h3 {
    margin-bottom: 0;
    background: url(../images/bg_photo_detail_edit.gif) left bottom no-repeat #ffffff;
}
div#photo_edit_display ol#edit-container li.photo-camera h3.refinement-model,
div#photo_edit_display ol#edit-container li.photo-lens h3.refinement-model {
    margin: 5px 0 0 0; padding: 0;
    background: url(../images/bg_photo_detail_edit.gif) left top no-repeat;
}
div#photo_edit_display ol#edit-container li.photo-camera h3.refinement-model div,
div#photo_edit_display ol#edit-container li.photo-lens h3.refinement-model div {
    margin: 0 0 0 5px; padding: 15px 0 0 10px;
    width: 17em;
    background: url(../images/bg_photo_detail_edit.gif) right -70px no-repeat;
}
div#photo_edit_display ol#edit-container li ul.refinement {
    margin: 0 0 10px 0; padding: 0;
    width: 685px;
    background: #e8e8e8;
}
div#photo_edit_display ol#edit-container ul.refinement li {
    float: left;
    margin: 0 0 15px 0; padding: 15px 0;
}
div#photo_edit_display ol#edit-container ul.refinement li span.title {
    font-weight: normal;
    color: #000000;
}
div#photo_edit_display ol#edit-container ul.refinement li input {
    margin: 0 3px 0 0;
    vertical-align: middle;
}
div#photo_edit_display ol#edit-container ul.refinement li.maker span.title,
div#photo_edit_display ol#edit-container ul.refinement li.maker select {
    margin-left: 15px;
    margin-right: 25px;
    width: 180px;
}
div#photo_edit_display ol#edit-container ul.refinement li.mount span.title,
div#photo_edit_display ol#edit-container ul.refinement li.mount select {
    min-width: 220px;
}
div#photo_edit_display ol#edit-container ul.refinement li.lenstype {
    margin-left: 20px;
    min-width: 150px;
}
div#photo_edit_display ol#edit-container ul.refinement li.lenstype span.title,
div#photo_edit_display ol#edit-container ul.refinement li.lenstype select {
    width: 165px;
}
div#photo_edit_display ol#edit-container li.photo-camera select#camera-model,
div#photo_edit_display ol#edit-container li.photo-lens select#lens-model {
    margin: 0; padding: 2px 3px;
    width: 684px;
    border: 1px solid #cccccc;
}

div.photo-edit p#form_submit_button span {
    margin: 0 auto;
    height: 3.5em; width: 300px;
}
div.photo-edit p#form_submit_button button {
    height: 3em; width: 300px;
    text-shadow: 0 -1px 0 #376F8A;
    font-weight: bold;
    border-radius: 2px;
    background: #5092B1;
}
div.photo-edit p#form_submit_button .is-disabled {
    color: #999;
    background: #666;
    text-shadow: none;
}

/*===========================================================================================

                                                                              位置情報ページ

 ===========================================================================================*/
/* MAP PAGE --------------------------------------------------------------------- */
div.map .map-edit {
    margin: -20px 0 0 0;
    height: 20px;
    text-align: right;
}
div.map .map-edit a {
    padding: 0 0 3px 0;
}
div.map .map-edit img {
    margin-right: 5px;
    vertical-align: middle;
}

div.map div#google_map_container {
    clear: both;
    margin: 0 0 5px 0;
    border: 1px solid #cccccc;
}

div#google_map {
    height: 500px;
    width: 100%;
}



div#google_map.edit {
    height: 380px;
}

div#google_map.view {
    height: 480px;
}

p#map_explain {
    padding: 15px 0 0 0;
}

p#map_explain.edit {
    padding: 27px 0 0 0;
}

img.map_image_edit {
    float: left;
    margin: 15px 10px 0 0;
}

div#area_select_container {
    margin: 15px 0 0 0;
    background: #F8F8F8;
    padding: 5px;
}

/* MAP EDIT PAGE --------------------------------------------------------------------- */
div.map p.lead,
div.map form,
div.map h3 span {
    color: #666666;
    line-height: 140%;
}
div.map h3 {
    margin: 15px 0 10px 0; padding: 0 0 5px 0;
    background: url(../images/dotline_gray.gif) repeat-x left bottom;
}
div.map h3 span {
    display: block;
    margin: 0 0 0 0; padding: 0 0 0 20px;
    font-weight: normal;
    background: url(../images/bg_photo_detail_edit.gif) no-repeat left -179px;
}
div.map form.map-search {
    margin: 0 0 7px 20px;
}
div.map form.map-search input {
    vertical-align: top;
    background: #EEEEEE;
    border-color: #666666 #E3E3E3 #E3E3E3 #666666;
    border-style: solid;
    border-width: 1px;
}
div.map form.map-search button {
    padding: 0 5px;
    min-height: 22px;
    height: auto !important;
    height: 22px;
    font-weight: bold;
    line-height: 22px;
    background: #5092B1;
    border: none;
    border-radius: 2px;
}
div.map form.map-search span {
    color: #999999;
}
div.map p.delete-link {
    margin: 0 0 35px 0;
    text-align: right;
}
div.map p.delete-link a {
    display: inline-block;
    padding: 0 0 5px 32px;
    background: url("../images/icons/icon_photo_edit.png") left -195px no-repeat;
}

div.map .information br {
    font-size: 5px;
}
div.map .information img {
    vertical-align: middle;
}
div.map .information img.spacer {
    height: 10px;
}
div.map .information input {
    vertical-align: middle;
    margin-right: 3px;
}
div.map .information .photo {
    text-align: center;
}
div.map .information .notice {
    text-align: center;
    font-weight: bold;
    color: #000000;
}
div.map .information .select-area {
    padding: 0 10px;
    color: #000000;
    border: 1px dotted #cccccc;
}
div.map .information .select-area ul li {
    text-indent: 0;
}
div.map .information .link-to-map {
    clear: both;
    text-align: center;
}
div.map .information .info-delete {
    text-align: right;
}
div.map .information .info-delete a {
    display: inline-block;
    padding: 0 0 5px 32px;
    background: url("../images/icons/icon_photo_edit.png") left -195px no-repeat;
}
div.map .information .info-delete img {
    display: none;
}
div.map .information .link-to-map img {
    vertical-align: bottom;
}
div.map .information .info-back {
    text-align: right;
}
div.map .information .info-back a {
    display: inline-block;
    text-decoration: none;
}
/* 位置情報登録中 */
div.map .info-area-select {
    color: #000000;
}
div.map .info-area-select .select-area {
    color: #666666;
}
div.map .information .select-area > span {
    display: block;
}

div.map .information .button-area {
    margin: 0 auto;
    text-align: center;
}
div.map .information #update_area img + .button-area {
    margin-top: 10px;
}
div.map .information .button-submit {
    display: inline;
}
div.map .information .button-cancel {
    display: inline;
}
div.map .information .button-submit button {
    padding: 1px 5px;
    background: #5092B1;
    border: 0;
    border-radius: 2px;
}
div.map .information .button-cancel button {
    padding: 1px 5px;
    background: #cccccc;
    border: 0;
    border-radius: 2px;
}

/*===========================================================================================

                                                                              違反報告ページ

 ===========================================================================================*/
div#contact-violation {
    margin: 0 auto; padding: 10px 0 0 0;
    width: 685px;
}
div#contact-violation h1 {
    margin-bottom: 20px;
}
div#contact-violation h1 img { width: 160px;}
div#contact-violation p {
    margin: 30px 0 0 0; padding: 0 0 20px 0;
    line-height: 140%;
    background: url(../images/dotline_darkgray.gif) left bottom repeat-x;
}
div#contact-violation #header_logo {
    margin: 10px 0 0 0; padding: 0;
    width: 53px; height: 51px;
    background: none;
}
div#contact-violation #header_logo a {
    display: block;
}
div#contact-violation #header_logo img {
    width: 253px; height: 51px;
}
div#contact-violation ul {
    margin: 0 ; padding: 30px 0;
    width: 685px;
    background: url(../images/bg_contact_violation.gif) left top repeat-y;
}
div#contact-violation ul li.contact-violation-photo {
    float: left;
    width: 200px;

    min-height: 158px;
    height: auto !important;/* Hack for IE6,min-height */
    height: 158px;/* Hack for IE6,min-height */
    text-align: center;
}
div#contact-violation ul li.contact-violation-photo img {
    max-height: 158px;
    max-width: 158px;
}
div#contact-violation ul li.contact-violation-photo-title,
div#contact-violation ul li.contact-violation-list {
    float: left;
    margin: 0 0 20px 0; padding: 0 0 0 25px;
    width: 460px;
}
div#contact-violation ul li.contact-violation-list textarea {
    font-size: 100%;
    max-width: 420px;
}
div#contact-violation ul li select {
    border-color: #999999 #E3E3E3 #E3E3E3 #999999;
    border-style: solid;
    border-width: 1px;
    background: #ffffff;
}
div#contact-violation ul li h4 {
    margin: 0 0 9px -25px; padding: 1px 10px 0 25px;
    min-height: 15px;
    height: auto !important;/* Hack for IE6,min-height */
    height: 15px;/* Hack for IE6,min-height */
    color: #333333;
    background: url(../images/gallery/ico_gallery_promotion.gif) no-repeat left top;
}
div#contact-violation ul li span {
    color: #666666;
}
div#contact-violation dl {
    margin: 0 0 40px 0; padding: 20px 0 0 0;
    color: #666666;
    line-height: 140%;
    background: url(../images/dotline_darkgray.gif) left top repeat-x;
}
div#contact-violation dl dt {
    margin: 0 0 10px 0;
}
div#contact-violation dl dd {
    margin: 0; padding: 0 0 0 1em;
    text-indent: -1em;
}
div#contact-violation form input.button-submit {
    display: block;
    margin: 0 auto 30px auto;
    width: 250px; height: 30px;
    font-size: 14px;
}
div#contact-violation a#window-close {
    clear: both;
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
    cursor: pointer;
}
div#contact-violation #footer {
    clear: both;
    margin: 0; padding: 10px;
    width: 665px;
    color: #ffffff;
    text-align: center;
    background: #3BB0DA none repeat 0 0;
}
/*===========================================================================================

                                                                              CAMERA TOP PAGE

 ===========================================================================================*/
div.model-search-top { margin-bottom: 40px; }
div.model-search-top h1 {
    margin: 0; padding: 4px 0 0 40px;
    min-height: 28px;
    height: auto !important;
    height: 28px;
}
div.model-search-camera h1,
div.model-search-lens h1 {
    font-size: 17px;
    color: #333;
}
div.model-search-camera h1:first-letter,
div.model-search-lens h1:first-letter {
    color: #3399cc;
}


div.model-search-camera h1 { background: url(../images/camera/icon_camera_category_title.gif) no-repeat left 2px;}
div.model-search-lens h1 { background: url(../images/lens/icon_lens_category_title.gif) no-repeat left 2px;}
div.model-search-top h1 img {
    display: block;
    float: left;
}
div.model-search-top h1 p {
    float: right;
    width: 800px;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
}
div.model-search-top h1 p a {
    display: inline-block;
    margin: -10px 0 7px;
}
/* 人気の写真トップ5 */
div.model-search-top ul#populer-photo,
div.model-search-top ul#portfolio-base {
    margin: 0 0 15px 0;
    border-top: 1px solid #000;
}
div.model-search-top ul#populer-photo li,
div.model-search-top ul#portfolio-base li {
    float: left;
    position: relative;
    width: 200px; height: 142px;
}
div.model-search-top ul#populer-photo li img,
div.model-search-top ul#portfolio-base li img {
    width: 200px; height: 142px;
}
/* 人気の写真トップ5 JQuery*/
div.model-search-top ul#portfolio-base li a.model-name {

    display: block;
    position: absolute;
    left: 0; bottom: 0;
    overflow: hidden;
    padding-top: 2px;
    width: 200px; height: 18px;
    text-align: center;
    color: #fff;
    text-decoration: underline;
    vertical-align: text-bottom;
    z-index: 100;
    background: url(../images/bg_populer-photo.png);
}

/* Jqueryリリース後に削除 */
div.model-search-top ul#populer-photo {
    margin: 0 0 15px 0;
    border-top: 1px solid #000;
}
div.model-search-top ul#populer-photo li {
    float: left;
    position: relative;
    width: 200px; height: 142px;
}
div.model-search-top ul#populer-photo li img {
    width: 200px; height: 142px;
}
div.model-search-top ul#populer-photo li span.model-name {
    display: block;
    position: absolute;
    left: 0; bottom: 0;
    overflow: hidden;
    padding-top: 2px;
    width: 200px; height: 18px;
    text-align: center;
    color: #fff;
    text-decoration: underline;
    vertical-align: text-bottom;
    background: url(../images/bg_populer-photo.png);
}
/* /Jqueryリリース後に削除 */

/* メーカーから探す、カメラタイプから探す、カメラサイズから探す */
div.model-search-top div.model-search-list {
    float: left;
    margin-bottom: 15px;
    width: 750px;
}
div.model-search-top div.model-search-list h2,
div.model-search-top div#cross-search h2 {
    margin: 0 0 5px 0;
    height: 23px;
    background: url(../images/dotline_darkgray.gif) left 15px repeat-x;
}
div.model-search-top div.model-search-list ul {
    width: 750px;
}
div.model-search-top div.model-search-list ul div {
}
div.model-search-top div.model-search-list ul li {
    float: left;
    margin: 0; padding: 0 0 7px 20px;
    width: 165px; min-height: 1.3em;
    height: auto !important; /* Hack for IE6, min-height */
    height: 1.3em; /* Hack for IE6, min-height */
    color: #666;
    background: url(../images/icon_link_black.gif) left 4px no-repeat;
}
div.model-search-top div.model-search-list ul li a {
    margin: 0 5px 0 0; padding: 0 0 0 0;
}

/* メーカーから探す */
div.model-search-top div#maker-list h2 {
    width: 750px;
}

/* 複合検索 */
div.model-search-top div#cross-search {
    float: right;
    width: 220px;
}
div.model-search-top div#cross-search .banner {
    margin-top: 10px;
}
div.model-search-top div#cross-search form {
    padding: 10px 15px 15px 15px;
    background: #f5f5f5;
}
div.model-search-top div#cross-search form span {
    line-height: 110%;
    color: #999;
}
div.model-search-top div#cross-search ul li {
    margin: 0 0 10px 0;
    line-height: 150%;
    color: #666;
}
div.model-search-top div#cross-search ul li input {
    margin-right: 5px;
    vertical-align: middle;
}
div.model-search-top div#cross-search ul li h3 {
    margin: 0 0 5px 0;
}
div.model-search-top div#cross-search ul li select {
    width: 189px;
    color: #666;
    border: 1px solid #ccc;
}
div.model-search-top div#cross-search p {
    margin: 10px 0 0 0; padding-top: 10px;
    background: url(../images/dotline_gray.gif) left top repeat-x;
}
div.model-search-top div#cross-search p input {
    display: block;
    width: 192px; height: 20px;
    text-indent: -9999em;
    cursor: pointer;
    border: 0;
    background: url(../images/camera/button_photo_search_sidebar.gif) ;
}

/***** 関する情報 *****/
div.model-search-top div#model-information {
    clear: both;
    padding-top: 5px;
}
div.model-search-top div#model-information h1 {
    margin-bottom: 12px;
    border-bottom: 1px solid #000;
}
div.model-search-top div#model-information h1 img { float: none;}
div.model-search-top div#model-information h2 {
    margin: 0 0 5px 0;
    height: 23px;
    background: url(../images/dotline_darkgray.gif) left 15px repeat-x;
}
div.model-search-top div#model-information h2 img {
    float: left;
}
div.model-search-top div#model-information h2 span {
    float: right;
    margin-top: 2px;
    font-weight: normal;
    color: #666;
}
div.model-search-top div#model-information ol li {
    background-repeat: no-repeat;
    background-position: left 3px;
}
div.model-search-top div#model-information ol li.no1 { background-image: url(../images/icon_number_no1.gif);}
div.model-search-top div#model-information ol li.no2 { background-image: url(../images/icon_number_no2.gif);}
div.model-search-top div#model-information ol li.no3 { background-image: url(../images/icon_number_no3.gif);}
div.model-search-top div#model-information ol li.no4 { background-image: url(../images/icon_number_no4.gif);}
div.model-search-top div#model-information ol li.no5 { background-image: url(../images/icon_number_no5.gif);}

/* ランキング */
div.model-search-top div#model-information div#model-ranking {
    float: right;
    width: 220px;
}
div.model-search-top div#model-information div#model-ranking ol li.no1,
div.model-search-top div#model-information div#model-ranking ol li.no2,
div.model-search-top div#model-information div#model-ranking ol li.no3,
div.model-search-top div#model-information div#model-ranking ol li.no4,
div.model-search-top div#model-information div#model-ranking ol li.no5 { margin-bottom: 5px;}
div.model-search-top div#model-information div#model-ranking ol li ul { margin-left: 20px;}
div.model-search-top div#model-information div#model-ranking ol li ul img { width: 50px;}
div.model-search-top div#model-information div#model-ranking ol li ul li.photo {
    float: left;
    width: 58px;
}
div.model-search-top div#model-information div#model-ranking ol li ul li.model-name {
    padding: 5px 0 3px 0;
}
div.model-search-top div#model-information div#model-ranking ol li ul li.model-name,
div.model-search-top div#model-information div#model-ranking ol li ul li.number {
    float: left;
    width: 130px;
    color: #666;
}
div.model-search-top div#model-information div#model-ranking ol li ul li.model-name span {
    margin-left: 10px;
    white-space: pre;
}
div.model-search-top div#model-information div#model-ranking ol.camera li ul li.model-name span { /* カメラのみ人数が改行されるように指定 */
    display: block;
    margin-left: 0;
}

/* 最近発売された */
div.model-search-top div#model-information div#newly-model {
    float: left;
    margin-left: -20px;
    width: 770px;
}
div.model-search-top div#model-information div#newly-model h2 { margin: 0 0 5px 20px; width: 750px;}
div.model-search-top div#model-information div#newly-model ul {
    float: left;
    margin: 0 0 0 20px; padding: 0 0 20px 0;
    width: 365px;
    background: url("../images/bg_gradation_gray_dot.jpg") repeat-x left bottom;
}
div.model-search-top div#model-information div#newly-model ul li.model-image {
    float: left;
    width: 100px; min-height: 80px;
    height: auto !important;
    height: 80px;
}
div.model-search-top div#model-information div#newly-model ul li.model-image img {
    width: 80px;
}
div.model-search-top div#model-information div#newly-model ul li.model-name {
    float: right;
    margin: 5px 0 0 0;
    width: 250px;
}
div.model-search-top div#model-information div#newly-model ul li.release-date {
    float: right;
    margin: 3px 0 5px 0;
    width: 250px;
    color: #999;
}
div.model-search-top div#model-information div#newly-model ul li.rating {
    float: right;
    width: 200px;
    color: #666;
}
div.model-search-top div#model-information div#newly-model ul li.rating {
}
div.model-search-top div#model-information div#newly-model ul li.example {
    clear: both;
    width: 360px;
}
div.model-search-top div#model-information div#newly-model ul li.example dl {
    padding: 0;
}
div.model-search-top div#model-information div#newly-model ul li.example dl dt {
    margin: 0 0 5px 0;
}
div.model-search-top div#model-information div#newly-model ul li.example dl dd {
    margin: 0 0 0 -1px;
}
div.model-search-top div#model-information div#newly-model ul li.example dl dd.more-example {
    float: right;

}
div.model-search-top div#model-information div#newly-model ul li.example dl dd.more-example a {
    display: block;
    margin: 0; padding: 0 0 0 20px;
    background: url("../images/icon_link_black.png") no-repeat scroll left center transparent;
}
div.model-search-top div#model-information div#newly-model ul li.example dl dd img {
    margin-left: 1px;
    width: 59px;
}

/* 新製品ニュース */
div.model-search-top div#model-information div#news h2 {
    margin: 0 0 5px 0;
}
div.model-search-top div#model-information div#news ul.news-list {
    margin: 0 -43px 0 0;
    width: 1043px;
    overflow: hidden;
    _zoom: 1;
}
div.model-search-top div#model-information div#news ul.news-list li.news {
    float: left;
    margin: 0 43px 10px 0; padding: 0 0 15px 0;
    width: 475px; min-height: 5.6em;
    height: auto !important;
    height: 5.6em;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
}
div.model-search-top div#model-information div#news ul.news-list li.news ul li {
    float: left;
}
div.model-search-top div#model-information div#news ul.news-list li.news ul li.image {
    width: 65px;
}
div.model-search-top div#model-information div#news ul.news-list li.news ul li.image img {
    width: 50px;
    border: 1px solid #ccc;
}
div.model-search-top div#model-information div#news ul.news-list li.news ul li.title {
    margin: 0 0 3px 0;
    width: 410px;
}
div#model-information div#news ul.news-list li.news ul li.category {
    color: #999;
}
div.model-search-top div#model-information div#news ul.news-list li.news ul li.text {
    margin: 5px 0 0 0;
    width: 410px;
}
div.model-search-top div#model-information div#news ul.news-list li.news ul li.text a {
    text-decoration: none;
    color: #666;
}

/*===========================================================================================

                                                                            MAKER SEARCH PAGE

 ===========================================================================================*/
div.model-search-attribute h1 p a {
    padding-left: 20px;
    background: url(../images/icon_link_black.gif) left center no-repeat;
}
div.model-search-attribute #model-list {
    float: left;
    width: 810px;
}
div.model-search-attribute #model-list h2 {
    margin: 0 0 10px 0;
    background: url(../images/dotline_darkgray.gif) left 15px repeat-x;
}
div.model-search-attribute #model-list h2 span {
    padding: 0 5px 0 0; height: 17px;
    font-size: 15px;
    background: #fff;
}

/* 絞り込み条件 */
div.model-search-attribute #model-list #search-option {
    margin-bottom: 5px;
    background: url(../images/bg_model_search_option.gif) left bottom no-repeat;
}
div.model-search-attribute #model-list #search-option p {
    height: 16px;
    text-indent: -9999em;
    background: url(../images/bg_model_search_option_top.gif) left top no-repeat;
}
div.model-search-attribute #model-list #search-option dl {
    margin: 0 20px 0 20px;
    _zoom: 1;
    overflow: hidden;
    line-height: 150%;


}
div.model-search-attribute #model-list #search-option dl dt {
    float: left;
    margin: -1px; padding: 6px 0 10px 0;
    width: 90px;
    color: #666;
    background: url(../images/dotline_gray.gif) left top repeat-x;
}
div.model-search-attribute #model-list #search-option dl dd {
    float: left;
    margin-top: -1px; padding: 6px 0 10px 0;
    width: 680px;
    background: url(../images/dotline_gray.gif) left top repeat-x;
}
div.model-search-attribute #model-list #search-option dl dd ul {
    _zoom: 1;
    overflow: hidden;
}
div.model-search-attribute #model-list #search-option dl dd ul li {
    line-height: 150%;
    float: left;
    margin-left: -1px; padding: 0 10px;
    background: url(../images/line_gray_y.gif) left center no-repeat;
}
div.model-search-attribute #model-list #search-option dl dd ul li a {
    white-space: nowrap;
}
div.model-search-attribute #model-list #search-option dl dd ul li.current a {
    color: black;
    text-decoration: none;
    background: #d8d8d8;
}
div.model-search-attribute #model-list #search-option dl dd ul li a:hover {
    background: #d8d8d8;
}


div.model-search-attribute div#thumbnailSort p {
    float: left;
    padding-left: 20px;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    color: #666;
    background: url(../images/icon_photo_small.jpg) no-repeat left center;
}
div.model-search-attribute #model-list dl.sortbox {
    float: right;
}
div.model-search-attribute #model-list dl.sortbox dt {
    float: left;
    margin-right: 5px; padding: 4px 0 0;
}
div.model-search-attribute #model-list dl.sortbox dd {
    float: left;
}
div.model-search-attribute #model-list dl.sortbox dd select {
    width: 160px;
}


div.model-search-attribute #model-list table {
    clear: both;
    margin: 10px 0 0 0;
    width: 810px;
    _zoom: 1;
    overflow: hidden;
    color: #666;
    text-align: center;
    border-bottom: 20px solid #F0F0F0;
}

div.model-search-attribute #model-list table th {
    padding: 5px 0;
    text-align: center;
    font-weight: bold;
    background: url(../images/dotline_darkgray_y.gif) left top repeat-y;
    border-bottom: 1px dotted #ccc;
}
div.model-search-attribute #model-list table th a {
    color: #666;
}
div.model-search-attribute #model-list table th.current a {
    color: #000;
}
div.model-search-attribute #model-list table tr.background td {
    background: #f7f7f7 url(../images/dotline_darkgray_y.gif) left top repeat-y;
}
div.model-search-attribute #model-list table td {
    padding: 8px 0 10px 0;
    background: url(../images/dotline_darkgray_y.gif) left top repeat-y;
    vertical-align: middle;
}
div.model-search-attribute #model-list table .model-name {
    padding-left: 5px;
    width: 500px;
    text-align: left;
    background: none;
}
div.model-search-attribute #model-list table tr.background td.model-name { background-image: none;}
div.model-search-attribute #model-list table .model-type,
div.model-search-attribute #model-list table .model-maker,
div.model-search-attribute #model-list table .model-size { width: 85px;}
div.model-search-attribute #model-list table .photos { width: 75px;}
div.model-search-attribute #model-list table .user { width: 60px;}
div.model-search-attribute #model-list table .date { width: 70px;}

div.model-search-attribute #sidebar {
    float: right;
    width: 170px;
}
div.model-search-attribute #sidebar .sidebar-box {
    margin-bottom: 10px; padding: 10px;
    color: #666;
    background: #f5f5f5;

}
div.model-search-attribute #sidebar .sidebar-box h2 {
    margin: 0 0 10px -10px;
}
div.model-search-attribute #sidebar .sidebar-box h3 {
    margin: 5px 0; padding: 0 0 5px 0;
    background: url(../images/dotline_darkgray.gif) left bottom repeat-x;
}
div.model-search-attribute #sidebar .sidebar-box select {
    margin: 0 0 5px 0; padding: 0;
    width: 148px;
    border: 1px solid #ccc;
}
div.model-search-attribute #sidebar .sidebar-box select .default { color: #999;}
div.model-search-attribute #sidebar .sidebar-box form p {
    margin-top: 5px; padding-top: 10px;
}
div.model-search-attribute #sidebar .sidebar-box form p input {
    display: block;
    width: 150px; height: 20px;
    text-indent: -9999em;
    cursor: pointer;
    border: 0 none;
}

/*選択しているカメラ条件*/
div.model-search-attribute #sidebar .selected-search-option dl dt {
    margin: 0 0 10px 0;
}
div.model-search-attribute #sidebar .selected-search-option dl dd dl dt {
    padding-left: 8px;
    color: #939393;
    background: url(../images/icon_tree_list.gif) no-repeat left 4px;
}
div.model-search-attribute #sidebar .selected-search-option dl dd dl dd {
    margin-left: 7px; padding-left: 8px;
    line-height: 150%;
    background: url(../images/icon_inside_list.gif) no-repeat left center;
}
div.model-search-attribute #sidebar .selected-search-option dl dd dl dd input {
    margin-right: 5px;
    vertical-align: middle;
}
div.model-search-attribute #sidebar .selected-search-option dl dd dl dd select {
    width: 133px;
}
div.model-search-attribute #sidebar .selected-search-option p {
    background: url("../images/dotline_darkgray.gif") repeat-x left top;
}
div.model-search-attribute #sidebar .selected-search-option form p input {
    background: url("../images/button_selected_search_option_sidebar.gif") repeat scroll 0 0 transparent;
}

/*条件を追加して検索*/
div.model-search-attribute #sidebar .add-search-option p.selected-option {
    padding-bottom: 1.2em;
    color: #000;
    background: url(../images/icon_plus.gif) left bottom no-repeat;
}

div.model-search-attribute #sidebar .add-search-option ul li.keyword input {
    padding: 0 5px;
    width: 138px;
    border: 0;
    background: url(../images/bg_add_search_option_sidebar_keyword.jpg) left top;
}
div.model-search-attribute #sidebar .add-search-option ul li.category div {
    line-height: 150%;
}
div.model-search-attribute #sidebar .add-search-option ul li.category div input {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
div.model-search-attribute #sidebar .add-search-option ul li.area { padding-top: 5px;}
div.model-search-attribute #sidebar .add-search-option form p input {
    background: url("../images/button_add_search_option_sidebar.gif") repeat scroll 0 0 transparent;
}

/* 注目の */
div.model-search-attribute #sidebar #ranking { margin-top: 15px;}
div.model-search-attribute #sidebar #ranking h2,
div.model-search-attribute #sidebar #camera-search h2 {
    margin-bottom: 10px; padding-bottom: 5px;
    color: #999;
    border-bottom: 1px solid #000;
}
div.model-search-attribute #sidebar #ranking h2 span {
    margin-left: 25px;
    line-height: 90%;
}
div.model-search-attribute #sidebar #ranking ol li {
    margin: 0 0 2px 5px; padding: 0 0 0 20px;
    color: #666;
    background-repeat: no-repeat;
    background-position: left 3px;
}
div.model-search-attribute #sidebar #ranking ol li.no1 { background-image: url(../images/icon_number_no1.gif);}
div.model-search-attribute #sidebar #ranking ol li.no2 { background-image: url(../images/icon_number_no2.gif);}
div.model-search-attribute #sidebar #ranking ol li.no3 { background-image: url(../images/icon_number_no3.gif);}
div.model-search-attribute #sidebar #ranking ol li.no4 { background-image: url(../images/icon_number_no4.gif);}
div.model-search-attribute #sidebar #ranking ol li.no5 { background-image: url(../images/icon_number_no5.gif);}

/* ～から写真を探す */
div.model-search-attribute #sidebar #camera-search {
    margin-top: 15px;
    color: #666;
}
div.model-search-attribute #sidebar #camera-search dl {
    margin-bottom: 15px;
}
div.model-search-attribute #sidebar #camera-search dl dt {
    margin-bottom: 5px;
}
div.model-search-attribute #sidebar #camera-search dl dd {
    margin-bottom: 5px; padding-left: 10px;
    background: url(../images/icon_inside_list.gif) no-repeat left center;
}
div.model-search-attribute #sidebar #camera-search dl dd span {
    white-space: pre;
}

div.model-search-attribute #sidebar .current {
    background: url;
}
div.model-search-attribute #sidebar .current a {
    color: #000;
    text-decoration: none;
    background: #ccc;
}
div.model-search-attribute #sidebar #camera-search dl dd.current {
    background: url(../images/icon_checked.png) no-repeat left center;
}

/*===========================================================================================

                                                                                   MODEL PAGE

 ===========================================================================================*/
div.model-search-model h1 {
    margin-bottom: 10px; padding-left: 0;
    font-size: 18px;
    border-bottom: 1px solid #000;
}
div.model-search-model h1:first-letter {
    color: #3399CC;
}
div.model-search-model h1 p {
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #999;
}
div.model-search-model h1 p span {
    margin-left: 5px;
    color: #000;
    font-size: 12px;
    font-weight: normal;
}

div.model-search-model dl#model-spec {
    margin-bottom: 15px;
}
div.model-search-model dl#model-spec dt {
    float: left;
    width: 125px;
}
div.model-search-model dl#model-spec dt img {
    width: 100px;
}
div.model-search-model dl#model-spec dd.spec-information {
    float: left;
    width: 240px;
}
div.model-search-model dl#model-spec dd ul li.spec-name a {
    text-decoration: none;
    color: #333;
}
div.model-search-model dl#model-spec dd ul li.spec-name a:hover {
    text-decoration: underline;
}
div.model-search-model dl#model-spec dd ul li.date {
    margin-right: 10px;
}
div.model-search-model dl#model-spec dd ul li.date,
div.model-search-model dl#model-spec dd ul li.maker {
    display: inline;
    color: #999;
}
div.model-search-model dl#model-spec dd ul li.user {
    margin-top: 5px;
}
div.model-search-model dl#model-spec dd ul li.user,
div.model-search-model dl#model-spec dd ul li.point {
    color: #666;
}
div.model-search-model dl#model-spec dd ul li.point a.small {
    color: #999;
    text-decoration: none;
}
div.model-search-model dl#model-spec dd ul li.point a.small:hover {
    text-decoration: underline;
}
div.model-search-model dl#model-spec dd.spec {
    float: right;
    width: 620px;
    border: 1px dotted #ccc;
}
div.model-search-model dl#model-spec dd.spec ul {
    margin: 7px 10px 9px 0;
    width: 600px;
}
div.model-search-model dl#model-spec dd.spec ul li {
    float: left;
    margin: 0 0 0 10px; padding: 0;
    color: #999;
    white-space: pre;
    line-height: 150%;
}

div.model-search-model .thumbnailSort {
    margin-top: 0;
}
div.model-search-model div#thumbnailSort p {
    padding-left: 0;
    background: none;
}
div.model-search-model div#thumbnailSort p img {
    margin-right: 5px;
    vertical-align: top;
}

/* 写真一覧 */
div.model-search-model div#photo-list {
    float: left;
    width: 810px;
}
div.model-search-model ul#photo-list-container {
    margin: 20px -5px 0 0;
    width: 815px;
    _zoom: 1;
    overflow: hidden;
}
div.model-search-model ul#photo-list-container li.photo-container-wrapper {
    float: left;
    margin-right: 5px;
    width: 158px; height: 222px;
}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.photo-container {
    text-align: center;
}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.photo-title {
    margin-top: 7px;
}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.photo-title,
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.user-name {
    text-align: center;
    color: #666666;
    text-align: center;
}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.photo-title a,
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.user-name a {
    text-decoration: none;
    color: #666666;
}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.camera-name { margin: 10px 0 3px 0;}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.camera-name a,
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.lens-name a {
    display: block;
    padding-left: 20px;
    color: #999;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left 2px;
}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.camera-name a { background-image: url(../images/ico_camera_small.gif);}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.lens-name a { background-image: url(../images/ico_lens_small.gif);}
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.photo-title a:hover,
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.user-name a:hover,
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.camera-name a:hover,
div.model-search-model ul#photo-list-container li.photo-container-wrapper li.lens-name a:hover {
    text-decoration: underline;
    color: #333;
}

div.model-search-model div.pager10 ul {
    margin: 0 auto;
    text-align: center;
}
div.model-search-model div.pager10 ul li {
    display: inline;
    zoom: 1;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-weight: bold;
}
html>/**/body div.model-search-model div.pager10 ul li { display: inline-block;} /* IE6,7以外に適用 */
div.model-search-model div.pager10 ul li a {
    display: block;
    margin-left: 5px; padding: 4px 10px 6px;
    font-size: 13px;
    text-decoration: none;
    color: #999999;
}
div.model-search-model div.pager10 ul li.current_item span,
div.model-search-model div.pager10 ul li a:hover {
    display: block;
    margin-left: 5px; padding: 4px 10px 6px;
    color: #FFFFFF;
    background: none repeat scroll 0 0 #333333;
}

div.model-search-model #sidebar #ranking h2 {
    margin-bottom: 0;
}
div.model-search-model #sidebar #ranking h3 {
    margin: 10px 5px 5px 5px;
    color: #999;
}
div.model-search-model #sidebar #ranking ol {
    margin: 0 5px;
}
div.model-search-model #sidebar #ranking ol li {
    margin-left: 0; padding: 0;
    background-position: 52px 8px;
}
div.model-search-model #sidebar #ranking ol li ul {
    margin-top: -1px;
    background: url(../images/dotline_darkgray_x.gif) left top repeat-x;
}
div.model-search-model #sidebar #ranking ol li ul li.photo {
    float: left;
    padding-top: 5px;
    width: 65px;
}
div.model-search-model #sidebar #ranking ol li ul li.photo img {
    width: 50px;
}
div.model-search-model #sidebar #ranking ol li ul li.model-name {
    float: left;
    padding-top: 5px;
    width: 70px;
}
div.model-search-model #sidebar #ranking ol li ul li.model-name span {
    display: block;
}

/*===========================================================================================

                                                                             被写体・シーン別

 ===========================================================================================*/
div.scenery-photo {
    margin-bottom: 50px;
}
div.scenery-photo h1 {
    margin-bottom: 20px; padding: 23px 0 15px 0;
    background: url(../images/bg_title_gradation_dotline.jpg) repeat-x left bottom;
    border: 0;
}
div.scenery-photo h1 img {
    float: left;
}
div.scenery-photo h1 p {
    float: left;
    margin: 2px 0 0 0; padding: 0;
    width: 750px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}
div.scenery-photo ul#photo-list-container li.photo-container-wrapper {
    height: 272px;
}
div.scenery-photo #sidebar #ranking {
    margin: 0 0 20px 0;
}

div.scenery-photo #sidebar #ranking ol {
    margin-top: 5px;
}
div.scenery-photo #sidebar #ranking ol li ul {
    padding-bottom: 5px;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
}

/*===========================================================================================

                                                                              MAKER TOP PAGE


 ===========================================================================================*/

button.vote_button {
    background: transparent url(../images/button_star.gif);
    width: 114px;
    float: left;
    margin: 13px 0 0 0;
}

ul#side_tags {
    background: white;
    float: left;
    padding: 15px;
    margin: 15px 0 0 0;
    width: 238px;
    display: inline;
}

ul#side_tags li {
    float: left;
    margin-right: 8px;
    display: inline;
}

div.clear {
    clear: both;
}

div#main_popular_container {
    position: relative;
    margin: 16px 0 15px 0;
}

/*--- old version ---*/
/* ul#main_popular { */
/*     background: #343434 url(../images/dither_black_long.gif) top left repeat-x; */
/*     padding: 20px 0 0 20px; */
/*     margin: 13px 0 15px 0; */
/*     float: left; */
/*     display: inline; */
/*     z-index: 1; */
/* } */
/* ul#main_popular li, ul#main_popular li a { */
/*     float: left; */
/* } */
/*  */
/* ul#main_popular li { */
/*     margin-bottom: 0 !important; */
/*     padding-bottom: 20px;     */
/* } */
/*  */
/* ul#main_popular li a { */
/*     width: 204px; */
/*      margin: 0 15px 20px 0;  */
/*     margin: 0 15px 0 0; */
/*     padding-bottom: 0; */
/*     border: 1px solid #333; */
/*     display: inline; */
/* } */
/*  */
/* ul#main_popular li a img { */
/*     display: block; */
/* } */
/*  */
/* ul#main_popular li a span { */
/*     display: block; */
/*     background: #e8e8e8 url(../images/button_dither_grey.gif) bottom left repeat-x; */
/*     padding: 5px; */
/*     margin-bottom: 0 !important; */
/* } */
/*  */
/* ul#main_popular li a em { */
/*     display: block; */
/*     height: 1px; */
/*     width: 204px; */
/*     position: absolute; */
/* } */

/*--- new version ---*/
ul#main_popular {
    display:inline;
    float:left;
    margin: 13px 0 10px 0; padding: 0 0 12pt 20px;
    background:#343434 url(../images/dither_black_long.gif) repeat-x scroll left top;
}

ul#main_popular li {
    float:left;
    margin:12pt 15px 0px 0pt;
}

ul#main_popular li a {
    border: 1px solid #333333;
    border-bottom-width: 0px;
    display: block;
    width: 204px;
    position: relative;
}

ul#main_popular li a img {
    display: block;
}

ul#main_popular li a span {
    background:#e8e8e8 url(../images/button_dither_grey.gif) repeat-x scroll left bottom;
    display:block;
    padding:5px 0px;
    width:204px;
    text-align:center;
}

ul#main_popular li a em {
    display:block;
    width:204px;
    position:absolute;
}

ul#main_popular li a {
    text-decoration:none;
    color:#888888;
}

ul#main_popular li a:hover {
    color: #000000;
    cursor: pointer;
}

ul#main_popular a span {
    cursor: pointer;
}

ul#main_popular li a.link_title {
    border-width: 0px 1px 1px 1px;
}

h2#main_community_title {
    width: 183px;
    height: 32px;
    background: transparent url(../images/community_badge.gif) top left repeat-x;
    position: absolute;
    right: 2px;
    top: -11px;
    z-index: 2;
}

h2#main_community_title span {
    display: none;
}

div#maker_select_container {
    position: relative;
    height: 50px;
    margin-bottom: 10px;
}
div#chart_2 { margin-bottom: 10px;}
p#maker_select_desc {
    margin: -15px 0 0 30px;
}

form#maker_search {
    position: absolute;
    right: 0;
    top: -2px;
    width: 400px;
}

form#maker_search select {
    margin: 0 0 5px 0;
}

div.maker_graph {
    margin-top: 15px;
    border: 1px solid #EEE;
    height: 300px;
    width: 683px;
    overflow: hidden;
}

div.maker_graph.graph1 {
    background: transparent url(../images/graph_design_1.gif);
}

div.maker_graph.graph2 {
    background: transparent url(../images/graph_design_2.gif);
}

form#search_form h4 {
    float: left;
    margin: 0 0 -3px 20px;
    display: inline;
}

input.search_form_text, select.search_form_select, form#search_form label {
    float: left;
    width: 140px;
    display: inline;
}

form#search_form label {
    width: 80px;
    margin-right: 5px;
}

/*===========================================================================================

                                                                             MAKER BRAND PAGE

 ===========================================================================================*/

table#model_table, table#ranking_table {
    margin: 10px 0 10px 2px;
    width: 99%;
}

table#model_table th {
    /*     padding: 12px 15px; */
    padding: 8px;
    background: #343434 url(../images/dither_black_medium.gif) top left repeat-x;
    border: 1px solid #CCC;
}

table#model_table tr td {
    border: 1px solid #CCC;
    padding: 5px;
}

td.model_table_model {
    text-align: left !important;
}

table#ranking_table td, table#ranking_table th {
    border: 1px solid #CCC;
    padding: 8px;
}

table#ranking_table th {
    background: #343434 url(../images/dither_black.gif) top left repeat-x;
    border-width: 1px 1px 3px 1px;
    border-color: #999 #999 black #999;
}

table#model_table td img, table#ranking_table td.ranking_table_rank img {
    display: block;
    margin: 13px auto;
}

table#ranking_table td {
    background: #F8F8F8;
}

table#ranking_table td.ranking_table_rank {
    background: white url(../images/corner_flag_blue.gif) -2px -2px no-repeat;
}

table#ranking_table td.ranking_table_rank span {
    margin: -6px 0 0 5px;
    position: absolute;
    left: 0;
}


/*===========================================================================================

                                                                             MAKER MODEL PAGE

 ===========================================================================================*/

/* sidebar */
#main_content_side_panel h3#information {
    margin-top: 10px;
}
#main_content_side_panel div.product-information {
    margin: 5px 0 10px 0;
    width: 298px;
    border: 1px solid #d3d3d3;
}
#main_content_side_panel div.product-information div {
    padding: 15px 0 12px 0;
    text-align: center;
    background: url(../images/bg_gradation_gray.jpg) left bottom no-repeat;
}
#main_content_side_panel div.product-information h5 {
    margin: 12px 20px 0 20px;
    font-weight: normal;
    text-align: center;
}
#main_content_side_panel div.product-information h5 a {
    text-decoration: none;
    line-height: 130%;
    border-bottom: 1px dotted #7ecbfe;
}
#main_content_side_panel div.product-information table {
    margin: 2px 0 0 0;
    width: 298px;
}
#main_content_side_panel div.product-information table th {
    padding: 0 10px;
    min-height: 25px;
    height: auto !important;/* Hack for IE6,min-height */
    height: 25px;/* Hack for IE6,min-height */
    background: #d5d5d5;
}
#main_content_side_panel div.product-information table th span {
    float: left;
    font-weight: 500;
}
#main_content_side_panel div.product-information table th a {
    float: right;
    padding-right: 20px;
    min-height: 16px;
    height: auto !important;/* Hack for IE6,min-height */
    height: 16px;/* Hack for IE6,min-height */
    text-align: right;
    text-decoration: none;
    background: url(../images/ico_link_out_gyay.png) right top no-repeat;
}
#main_content_side_panel div.product-information table td {
    padding: 8px 0 8px 10px;
    color: #666666;
    background: url(../images/dotline_gray.gif) left top repeat-x;
}
#main_content_side_panel div.product-information table td.spec-name {
    padding: 8px 10px 8px 0;
    text-align: right;
    color: #333333;
    background: url(../images/dotline_gray.gif) left top repeat-x #f8f8f8;
}
#main_content_side_panel div.product-information table td.top-row {
    background-image: none;
}
#main_content_side_panel div.product-information ul {
    margin-top: 2px; padding: 0;
}
#main_content_side_panel div.product-information ul:after {
    content: " "; display: block; height: 0; visibility: hidden
}
#main_content_side_panel div.product-information ul li {
    float: left;
    width: 149px; height: 35px;
    background: url(../images/bg_gradation_gray.jpg) right top no-repeat;
}
#main_content_side_panel div.product-information ul li.kuchikomi { text-align: right;}
#main_content_side_panel div.product-information ul li a {
    padding: 0 10px;
}
#main_content_side_panel div.product-information ul li img {
    width: 97px; height: 27px;
}
#main_content_side_panel div.product-information p {
    padding: 3px 10px 0 0;
    text-align: right;
    color: #ffffff;
    background: #d5d5d5;
}

/* Yahoo!へのリンク */
#main_content_side_panel div.auction-information {
    border: 1px solid #D3D3D3;
    margin: 5px 0 10px;
    width: 298px;
}
#main_content_side_panel div.auction-information div {
    margin: 1px; padding: 15px 20px 12px 20px;
    background: url(../images/bg_gradation_gray.jpg) left bottom no-repeat;
}
#main_content_side_panel div.auction-information h5 {
    margin: 5px 0 10px 0;
    color: #666666;
    font-weight: normal;
}
#main_content_side_panel div.auction-information a {
    display: block;
    padding-left: 20px;
    text-decoration: none;
    background: url(../images/ico_link_out_gyay.gif) left top no-repeat;
}
#main_content_side_panel div.auction-information a span {
    line-height: 140%;
    border-bottom: 1px dotted #7ecbfe;
}
#main_content_side_panel div.auction-information p {
    padding: 3px 10px 0 0;
    text-align: right;
    color: #ffffff;
    background: #d5d5d5;
}

/*  PHOTHOITO facebookページLike box */
#main_content_side_panel h3.share-facebook {
    padding: 0 0 5px 0;
    background: url(../images/dotline_gray_x.gif) left bottom repeat-x;
}
#main_content_side_panel h3.share-facebook img {
    margin-left: -25px;
}
#main_content_side_panel .photohito-facebookpage {
    overflow: hidden;
    margin: 5px 0 20px 10px; padding: 10px 0 10px 10px;
    position: relative;
    width: 260px; height: 166px;
    border: none;
    background: url(../images/dotline_gray_x.gif) left bottom repeat-x;
}
#main_content_side_panel .photohito-facebookpage iframe {
    position: absolute;
    left: -1px; top: -1px;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  MAP PAGE

 ===========================================================================================*/
/**** Index ****/
div.map h2 {
    margin: 10px 0; padding-bottom: 5px;
    font-size: 16px;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}
div.map h2#main_community_title { margin: 0; padding: 0;}

table#map {
    width: 100%;
}

table#map td.map_ken {
    padding: 5px 3px;
    border: 1px solid white;
}

td.map_ken.hokkaido, td.map_ken.tohoku, td.map_ken.kanto, td.map_ken.chubu, td.map_ken.kinki, td.map_ken.chugoku, td.map_ken.shikoku, td.map_ken.kyushu {
    background: #EEE;
}

td.map_ken.hokkaido {
    background: #68ce51;
}

td.map_ken.tohoku {
    background: #88f26f;
}

td.map_ken.kanto {
    background: #53cb37;
}

td.map_ken.chubu {
    background: #46ad2e;
}

td.map_ken.kinki {
    background: #68b557;
}

td.map_ken.chugoku {
    background: #96d986;
}

td.map_ken.kyushu {
    background: #46ad2e;
}

td.map_ken.shikoku {
    background: #45c627;
}

div#map_container {
    border: 1px solid #a9d2e5;
    background: white url(../images/map_back.jpg) 0 0 no-repeat;
    margin-top: 15px;
}

div#map_container_inner {
    margin: 10px;
    position: relative;
}

form#postcode_search {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid #EEE;
    padding: 20px 115px 20px 10px;
    background: white;
}

p#postcode_search_icon {
    background: transparent url(../images/post.gif) 0 center no-repeat;
    padding-left: 25px;
}

form#postcode_search button {
    position: absolute;
    top: 20px;
    left: 170px;
}

input#postcode_search_1 {
    width: 30px;
}

input#postcode_search_2 {
    width: 80px;
}

div#main_content_main_panel .results {
    background: url(../images/grey_back.jpg) 0 0 no-repeat;
    border:1px solid #EEEEEE;
}

/* Begin IE7以下向けhack */
*:first-child+html div#main_content_main_panel .user_tag {margin-top: 0;}
* html div#main_content_main_panel .user_tag {margin-top: 0;}
/* End IE7以下向けhack */

.user_tag p#results {
    display: inline;
    margin-left: 20px;
    font-weight: normal;
    font-size: 14px;
}

div.map div#sub_breadcrumb form#sub_breadcrumb_form {

}
/* --- 160617 Flash無効化対応 --- */
#map h2 + .area_block {
    margin-top: -10px;
}
#map .area_block {
    padding: 15px 5px;
    border-bottom: dotted 1px #ccc;
}
#map .area_block:nth-child(even) {
    background: #f9f9f9;
}
#map .area_block h3 {
    width: 90px;
    background: none;
    padding: 2px 0 0;
    margin: 0;
    float: left;
    clear: left;
}
#map .area_block ul {
    padding-left: 100px;
}
#map .area_block li {
    width: 60px;
    display: inline-block;
}
#map .area_block a {
    text-decoration: none;
}
#map .area_block a:hover {
    text-decoration: underline;
}
/* FOOTER AREA -------------------------------------------------------------- */

ul#footer_links {
    clear: both;
    padding: 0 0 30px 0;
    border: none;
}

ul#footer_links li {
    display: inline;
}

p#final_footer {
    background: #3bb0da;
    padding: 10px;
    clear: both;
}


/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　 VISUAL DICTIONALY POPUP PAGE

 ===========================================================================================*/
#all-category {
    margin: 0 auto;
    width: 960px;
}


/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　 VISUAL DICTIONALY TOP PAGE

 ===========================================================================================*/
div.visual-dictionaly {
    position: relative;
}
div.visual-dictionaly #masonry-container {
    float: left;
    position: relative;
    margin: 0 0 200px -5px;
    overflow: none;
    width: 1005px;
}

/* TOP */
h1.dictionaly-title {
    background: url("../images/bg_title_gradation_dotline.jpg") repeat-x scroll left bottom transparent;
    border: 0 none;
}
h1.dictionaly-title img {
    float: left;
}
h1.dictionaly-title p {
    float: left;
    margin: 15px 0 0 10px;　padding: 0;
    width: 750px;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}
#page-title .dictionaly-title p span {
    color: #333333;
    font-size: 19px;
    font-weight: bold;
    margin-left: -10px;
    width: 280px;
}
div.visual-dictionaly #masonry-container.two-col { width: 810px;}

div.visual-dictionaly #masonry-container .item{
    float: left;
    margin: 0 0 3px 5px;
    display: inline;  /* IE6 fix */
}
div.visual-dictionaly #masonry-container .item .item-photo {
    position: relative;
}
div.visual-dictionaly #masonry-container .item .item-photo img {
    margin-right: 10px;
    vertical-align: middle;
}
div.visual-dictionaly #masonry-container .item .item-photo a {
    display: block;
}
div.visual-dictionaly #masonry-container .item .item-photo a:hover {
    background: #000;
}
div.visual-dictionaly #masonry-container .item .item-photo a:hover img {
    opacity: 0.3;
    filter: Alpha(opacity=30);
}

/* 写真に影を付ける */
div.visual-dictionaly #masonry-container .item img
{
    margin-bottom: 2px;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
div.visual-dictionaly #masonry-container .item img:before,
div.visual-dictionaly #masonry-container .item img:after {
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
div.visual-dictionaly #masonry-container .item img:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}


.col1 { width: 245px; }
.col2 { width: 495px; }
.col3 { width: 245px; }
.col4 { width: 535px; }
.col5 { width: 265px; }

.col1 img { max-width: 245px; }
.col2 img { max-width: 495px; }
.col3 img { max-width: 245px; }
.col4 img { max-width: 535px;}
.col5 img { max-width: 265px;}

/* Infinite Scroll loader */
#infscr-loading {
    z-index: 10000;
    position: fixed;
    left: 45%; bottom: 200px;
    padding: 10px;
    width: 200px;
    opacity: 0.8;
    color: #FFF;
    text-align: center;
    background: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.visual-dictionaly #masonry-container .col4 h3{
    padding-top: 17px;
    height: 45px;
    text-align: center;
    font-size: 13px;
    text-shadow: 0px 1px 1px #fff;
    background: url(../images/bg_dictionaly_name_large.jpg) no-repeat;
}
div.visual-dictionaly #masonry-container .col5 h3{
    padding-top: 17px;
    height: 45px;
    text-align: center;
    font-size: 13px;
    background: url(../images/bg_dictionaly_name_small.jpg) no-repeat;
}

/* Sidebar */
div.visual-dictionaly #sidebar {
    float: right;
    width: 170px;
}
div.visual-dictionaly #sidebar h2 {
    margin-bottom: 10px; padding: 0 0 5px 0;
    border-bottom: 1px solid #000;
}
div.visual-dictionaly #sidebar ul li {
    margin: 0; padding: 0;
    background: url(../images/icon_arrow_small.png) left center no-repeat;
}
div.visual-dictionaly #sidebar ul li a {
    display: block;
    margin-left: 5px; padding: 6px 4px 5px 4px;
    color: #666;
    text-decoration: none;
}
div.visual-dictionaly #sidebar ul li a:hover { background: #c6c6c6;}

/* 第一階層 */
h2.gallery-top {
    margin: 0 0 10px 0;
    font-size: 17px;
    color: #333;
}
h2.gallery-top:first-letter {
    color: #666;
}
#galerry-category01 {
    margin-bottom: 50px;
}
#galerry-category01 .gallery-category {
    float: left;
    margin: 0 5px 10px 5px;
    width: 240px; height: 370px;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px 2px #ccc;
    -moz-box-shadow: 0 3px 3px 2px #ccc;
    box-shadow: 0 3px 3px 2px #ccc;
}
#galerry-category01 .gallery-category a.gallery-photo {
    display: block;
    height: 240px;
    overflow: hidden;
}
#galerry-category01 .gallery-category img {
    min-width: 240px;
    max-width: 360px;
    min-height: 240px;
    max-height: 360px;
}
#galerry-category01 .gallery-category h3 {
    margin: 10px; padding: 0;
    font-size: 15px;
    font-weight: normal;
}
#galerry-category01 .gallery-category h3 a.gallery-photo {
    display: inline;
    height: 1em;
    text-decoration: none;
    color: #333;
}
#galerry-category01 .gallery-category h3 span {
    margin-left: 5px;
    font-size: 12px;
}
#galerry-category01 .gallery-category p.gallery-info {
    margin: 0 10px 10px 10px;
    font-size: 11px;
    line-height: 130%;
    color: #666;
}
#galerry-category01 .gallery-category a.gallery-link {
    display: inline-block;
    margin: 0 10px 10px 10px; padding: 0 0 0 9px;
    font-size: 12px;
    background: url(../images/icon_arrow_small.png) left 6px no-repeat;
}


/* Bottom */
#dictionaly-bottom {
    clear: both;
    position:relative;
    margin-top: 10px;
    padding: 25px 30px;
    background: url(../images/bg_dictionaly_bottom.jpg) left top repeat-y;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 -10px 4px -6px #ddd;
    -moz-box-shadow: 0 -10px 4px -6px #ddd;
    box-shadow: 0 -10px 4px -6px #ddd;
}
#dictionaly-bottom h3 {
    margin-bottom: 15px;
}
#dictionaly-bottom ul li {
    float: left;
    padding-right: 10px;
    width: 105px;
    min-height: 130px;
    height: auto !important;
    height: 130px;
    text-align: center;
    text-shadow: 0px 1px 1px #fff;
}
#dictionaly-bottom ul li img {
    display: block;
    margin: 0 auto 5px auto;
    width: 75px; height: 75px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #ccc;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　    VISUAL DICTIONALY PAGE

 ===========================================================================================*/
#dictionaly-head {
    margin-top: 20px; padding: 0;
    width: 100%;
    text-shadow: 0px 1px 1px #fff;
    background: url("../images/bg_title_gradation_dotline.jpg") repeat-x left bottom;
}
#dictionaly-head .dictionaly-head-inner {
    margin: 0 auto; padding: 0 0 0 25px;
    width: 975px;
}
#dictionaly-head img.cover {
    float: left;
    margin: 0 0 20px 0;
    border-top: 1px solid #ccc;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #ccc;
}
#dictionaly-head .branch-lead {
    float: right;
    padding-bottom: 10px;
    width: 800px;
}
#dictionaly-head #dictionaly-title {
    margin: 0 0 15px 0;
    width: 800px;
    border-bottom: 1px solid #ebebeb;
}
#dictionaly-head #dictionaly-title h1 {
    float: left;
    margin: -2px 0 7px 0;
    width: 650px;
    font-size: 15px;
    text-shadow: 0 1px 1px #fff;
}
#dictionaly-head #dictionaly-title a {
    float: right;
}
#dictionaly-title a img { margin-left: 10px;}
#dictionaly-title #link-to-sns {
    margin-right: -10px;
}
#dictionaly-title #link-to-sns a,
#dictionaly-title #link-to-sns div.google-plus {
    float: left;
}
#dictionaly-title #link-to-sns a img { margin-left: 0;}
#dictionaly-head p.wiki {
    margin: 10px 0;
    width: 800px;
    color: #666;
    text-shadow: 0 1px 1px #fff;
    line-height: 140%;
    word-break: break-all;
}
#dictionaly-head p.wiki span {
    display: block;
    margin-top: 5px;
    text-align: right;
}

#dictionaly-head .tag {
    margin: 0 0 20px 0;
    width: 800px;
}
#dictionaly-head .tag a {
    padding: 0 0 0 18px;
    line-height: 15px;
    display: inline-block;
    background: url(../images/icons/icon_photo_detail.png) left -1217px no-repeat;
}

#dictionaly-head .torisetsu {
    width: 800px;
    margin: 15px 0;
}
#dictionaly-head .torisetsu h2 {
    margin-bottom: 5px; padding: 0;
    width: 800px;
    color: #333;
    font-weight: normal;
}
#dictionaly-head .torisetsu ul li img {
    display: block;
    height: 30px;
}
#dictionaly-head .torisetsu ul li {
    float: left;
    padding-right: 20px;
}
#dictionaly-head .torisetsu ul li a {
    display: block;
    margin-bottom: 5px;
    color: #666;
}
#dictionaly-head .torisetsu ul li a img {
}
#dictionaly-head #dictionaly-bottom {
    margin: 15px 0 0 0; padding: 0;
    width: 800px;
    border: none;
    box-shadow: none;
    background: none;
}
#dictionaly-head #dictionaly-bottom h3 {
    margin-bottom: 10px; padding: 0 0 5px 0;
    font-size: 12px;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
}
#dictionaly-head #dictionaly-bottom ul {
    margin: 0 0 0 -5px; padding: 0;
}
#dictionaly-head #dictionaly-bottom ul li {
    float: left;
    margin: 0; padding-left: 5px;
    width: 95px;
    min-height: 85px;
    height: auto !important;
    height: 85px;
    text-align: left;
    line-height: 120%;
}
#dictionaly-head #dictionaly-bottom ul li a {
    display: block;
    width: 95px; height: 50px;
}
#dictionaly-head #dictionaly-bottom ul li img {
    margin: 0 0 5px 0;
    width: 45px; height: 45px;
}
#dictionaly-head #dictionaly-bottom .showmore_content {
    position: relative;
    overflow: hidden;
}
#dictionaly-head #dictionaly-bottom .showmore_trigger {
    margin: 10px 0 0 0;
}
#dictionaly-head #dictionaly-bottom .showmore_trigger span {
    padding: 0 5px;
    color: #fff;
    text-shadow: none;
    background: #bbb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#dictionaly-head #dictionaly-bottom .showmore_trigger span:hover {
    cursor: pointer;
}

.visual-dictionaly .slideshow {
    float: left;
    margin: 9px 0 0 1%;
}
.visual-dictionaly a.thickbox-dictionaly-head {
    display: block;
    float: right;
    margin: -2px 1% 0 0;
    width: 105px ;height: 25px;
    color: #666666;
    line-height: 25px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    font-size: 80%;
}
.visual-dictionaly #container {
    clear: both;
}

.grid {
    position: relative;
}
.grid .imgmeta {
    display: none;
}
.grid:hover .imgmeta {
    display: block;
    position: absolute;
    left: 0; bottom: 0;
    padding: 5px 2%;
    width: 96%;
    color: #fff;
    text-shadow: 0 1px 0 #333;
    word-wrap: break-word;
    background-color: rgba(0,0,0,0.5);
    *background-color: #000;
}
html*.grid:hover .imgmeta {
    background-color: #000;
    filter:alpha(opacity=75);
}
.grid .imgmeta .user-name {
    margin: 5px 0;
}
.grid .imgmeta a { color: #fff;}
.grid .imgmeta .favorite {
    float: left;
    display: inline-block;
    margin-right: 5px; padding: 0 0 0 20px;
    background: url(../images/icons/icon_photo_detail.png) left 2px no-repeat;
}
.grid .imgmeta .comment {
    float: left;
    display: inline-block;
    padding: 0 0 0 20px;
    background: url(../images/icons/icon_photo_detail.png) left -30px no-repeat;
}

/**  to topボタン  **/
.visual-dictionaly #back-top {
    position: fixed;
    right: 0; bottom: 30px;
}
.visual-dictionaly #back-top a {
    display: block;
    text-indent: -9999em;
    width: 50px; height: 48px;
    background: url(../images/button_to_top.png) no-repeat right top;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　   VISUAL DICTIONALY POP UP CATEGORY

 ===========================================================================================*/
.popup-category-list {
    float: left;
    margin-right: 10px;
    min-height: 40em;
    height: auto !important;
    height: 40em;
    min-width: 170px;
}
.popup-category-list a { color: #3399CC;}
.popup-category-list a:hover { color: #003366;}
.popup-category-list h2 {
    padding: 0 0 5px 0;
    min-width: 170px;
    background: url(../images/pressed_line_white.gif) left bottom repeat-x;
}
.popup-category-list ul {
    float: left;
    margin-top: 5px;
    max-height: 33em;
}
.popup-category-list ul li {
    padding: 0 0 5px 15px;
    width: 150px;
    background: url(../images/icon_arrow_small.png) left center no-repeat;
}

ul.popup-category-list-discription {
    float: left;
    width: 380px;
}
ul.popup-category-list-discription li{
    margin-bottom: 15px;
    color: #666;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　   CATEGORY PAGE

 ===========================================================================================*/

div.category_container {
    padding: 15px 0 0 0;
    position: relative;
    float: left;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
}
div.category_container.last { background: none;}
div.category_container h2 {
    float: left;
    width: 400px;
}
div.category_container h2 img {
    float: left;
    margin: 0 10px 0 0;
    width: 24px; height: 34px;
    vertical-align: top;
    background-image: url(../images/icons/icon_category_title.png);
    _background-image: url(../images/icons/icon_category_title.gif);
    background-repeat: no-repeat;
    border: 0;
}
div.category_container h2 span {
    float: left;
    display: block;
    padding-top: 10px;
    margin-right: 5px;
    color: #666666;
    font-size: 15px;
}
div.category_container h2.people img { background-position: -105px top;}
div.category_container h2.food img { background-position: -155px top;}
div.category_container h2.animal img { background-position: -205px top;}
div.category_container h2.train img { background-position: -255px top;}
div.category_container h2.house img { background-position: -305px top;}
div.category_container h2.plant img { background-position: -355px top;}
div.category_container h2.interior img { background-position: -405px top;}
div.category_container h2.landscape img { background-position: -455px top;}
div.category_container h2 span a {
    margin-right: 0.5em;
}

div.category_container a.category_view_all {
    float: right;
    padding: 14px 0 3px 15px;
    background: url(../images/icon_link_black.gif) left 18px no-repeat;
}

div.category_container ul.photo_list_centering {
    margin-top: 15px;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　　  RANKING PAGE

 ===========================================================================================*/
h1.ranking-title {
    margin-bottom: 0; padding: 23px 0 15px;
    font-size: 16px;
    background: url("../images/bg_title_gradation_dotline.jpg") repeat-x left bottom;
    border: 0 none;
}


/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　　  CONTEST PAGE

 ===========================================================================================*/
div#contest-top { color: #666666;}
div#contest-top .contest-type {
    clear: both;
    margin: 20px 0 0 0;
}

div#contest-top h2{
    margin: 0 0 15px 0; padding: 0;
    height: 20px;
    text-indent: -9999em;
    background-repeat: no-repeat;

    background-image: url(../images/bg_contest.jpg);
}
div#contest-top .open-contest h2 { background-position: left -100px;}
div#contest-top .close-contest h2 { background-position: left -130px;}
div#contest-top .open-contest .head {
    position: relative;
    width: 685px;
}
div#contest-top .open-contest .head h3,
div#contest-top .open-contest .head span {
    display: block;
    text-indent: -9999em;}
div#contest-top .open-contest p {
    margin: 10px 0 40px 0;
}
div#contest-top .open-contest .head a.link-to-contest-top {
    line-height: 200%;
    float: right;
    padding-left: 15px;
    background: url(../images/icons/icons.png) no-repeat left -126px;
}
#contest-top .close-contest h2 {
    margin-bottom: 0;
}
#contest-top .close-contest .detail {
    margin: -1px 0 0 0; padding: 20px 0 0 0;
    background: url(../images/dotline_gray.gif) left top repeat-x;
}
#contest-top .close-contest .detail .contest-information:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
div#contest-top .close-contest .detail ul.photo_list_centering {
    min-height: 300px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 300px; /* Hack for IE6, min-height */
}
#contest-top .close-contest .detail .contest-information h3 {
    float: left;
    padding: 0 10px 0 0;
    font-size: 14px;
    background: #ffffff;
}
#contest-top .close-contest .detail .contest-information h3 a {
    margin-left: 10px;
}
#contest-top .close-contest .detail .contest-information p {
    float: right;
    margin-bottom: 2px;
}
#contest-top .close-contest .detail ul.photo_list_centering {
    clear: both;
    margin-top: 15px;
}
#contest-top .close-contest .detail ul.photo_list_centering li.prize {
    margin-bottom: 5px;
    height: 13px;
    text-indent: -9999em;
    background-image: url(../images/bg_contest.jpg);
    background-repeat: no-repeat;
}
#contest-top .close-contest .detail ul.photo_list_centering.photo-yokohama li.photo-container-wrapper {
    height: 250px;
}
#contest-top .close-contest .detail ul.photo_list_centering.photo-yokohama li.prize {
    text-indent: 0;
    background: none;
}
#contest-top .close-contest .detail ul.photo_list_centering.photo-yokohama li.photo-container img {
    max-width: 220px;
    max-height: 220px;
}
#contest-top .close-contest .detail ul.photo_list_centering li.photo-container-wrapper {
    padding-bottom: 5px;
}
#contest-top .close-contest .detail ul.photo_list_centering li.first { background-position: left -161px;}
#contest-top .close-contest .detail ul.photo_list_centering li.second,
#contest-top .close-contest .detail ul.photo_list_centering li.third { background-position: -232px -161px;}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　　  特集ページ

 ===========================================================================================*/
#feature-topics .logo-container {
    margin: 0 auto; padding-bottom: 10px;
    width: 900px;
    border-bottom: 1px solid #000000;
}
#feature-topics #main_content {
    margin: 0 auto; padding: 0;
    width: 900px;
    color: #333333;
    line-height: 170%;
}
#feature-topics h3 {
    clear: both;
    margin: 0 0 15px 0; padding: 0;
    width: 900px;
    text-indent: -9999em;
    background-image: url(../images/contest/contest03/feature_topics/bg_feature_topics.jpg);
}
#feature-topics h3.subtitle01 {
    height: 37px;
    background-position: left -338px;
}
#feature-topics h3.subtitle02 {
    height: 75px;
    background-position: left -395px;
}
#feature-topics h3.subtitle03 {
    height: 27px;
    background-position: left -490px;
}
#feature-topics strong {
    font-weight: bold;
}
#feature-topics .head {
    margin: 20px 0 20px 0;
    width: 900px; height: 320px;
    text-indent: -9999em;
    background: url(../images/contest/contest03/feature_topics/bg_feature_topics.jpg) no-repeat;
}
#feature-topics .product-intro {
    margin: 20px 0 25px 0; padding: 5px;
    width: 890px;
    background: url(../images/contest/contest03/feature_topics/bg_feature_topics_item_information.jpg) repeat;
}
#feature-topics .product-intro h4 {
    margin: 0; padding: 15px 0;
    width: 890px; height: 28px;
    text-indent: -9999em;
    background-image: url(../images/contest/contest03/feature_topics/bg_feature_topics.jpg);
}
#feature-topics .product01 h4 {
    background-position: left -540px;
}
#feature-topics .product02 h4 {
    background-position: left -588px;
}
#feature-topics .product-intro ul {
    margin: 0; padding: 0;
}
#feature-topics .product-intro div {
    padding: 0 20px 10px 20px;
    background: #fbfbfb;
}
#feature-topics .product-intro ul li.item-image {
    float: left;
    margin: 0 10px 0 0;
    width: 260px; height: 207px;
}
#feature-topics .product01 ul li.item-image img {
    margin: 0;

    width: 258px; height: 207px;
}
#feature-topics .product02 ul li.item-image img {
    margin: 0;
    width: 259px; height: 142px;
}
#feature-topics .product01 ul li.item-image {
    height: 207px;
}
#feature-topics .product02 ul li.item-image {
    height: 152px;
}
#feature-topics .product-intro ul li.item-intro {
    float: left;
    width: 580px;
}
#feature-topics .product-intro ul li.item-intro span {
    color: #666666;
}

#feature-topics .product-intro ul li.item-information {
    float: left;
    margin: 0 10px 0 0;
    width: 260px;
    background: url(../images/contest/contest03/feature_topics/bg_feature_topics_item_information.jpg) repeat;
}
#feature-topics .product01 ul li.item-information {
    width: 260px;
}
#feature-topics .product02 ul li.item-information {
    width: 423px;
}
#feature-topics .product-intro ul li.item-information ul {
    margin: 0; padding: 0;
}
#feature-topics .product01 ul li.item-information ul {
    margin: 1px; padding: 10px 15px;
    width: 226px;
    border: 1px solid #ffffff;
}
#feature-topics .product02 ul li.item-information ul {
    margin: 1px; padding: 10px 15px;
    width: 389px;
    border: 1px solid #ffffff;
}
#feature-topics .product-intro ul li.item-information li {
    margin: 0 0 5px 0; padding: 0;
    line-height: 120%;
}
#feature-topics .product02 ul li.item-information ul li {
    margin: 10px 0 0 0; padding: 0 0 0 20px;
    background: url(../images/ico_link_out_gyay.png) no-repeat left top;
}
#feature-topics .product-intro ul li.item-information ul li.item-title {
    margin: 0 0 5px 0;
    height: 24px;
    text-indent: -9999em;
    background-image: url(../images/contest/contest03/feature_topics/bg_feature_topics.jpg);
}
#feature-topics .product01 ul li.item-information ul li.item-title {
    background-position: left -814px;
}
#feature-topics .product02 ul li.item-information ul li.item-title {
    background-position: left -856px;
}
#feature-topics .product-intro ul li.item-link {
    float: left;
    line-height: 120%;
}
#feature-topics .product01 ul li.item-link { width: 580px;}
#feature-topics .product02 ul li.item-link { width: 415px;}
#feature-topics .product-intro ul li.item-link ul {
    margin: -10px 0 0 0; padding: 0;
    background: none;
}
#feature-topics .product-intro ul li.item-link ul li {
    margin: 10px 0 0 0; padding: 0 0 0 20px;
    background: url(../images/ico_link_out_gyay.gif) no-repeat left top;
}

#feature-topics .product02 ul li.item-link ul li.item-link-title {
    margin: 29px 0 14px 0; padding: 0;
    background: none;
}
#feature-topics .product02 ul li.item-link ul li.item-link-title h5 {
    width: 415px; height: 15px;
    text-indent: -9999em;
    background: url(../images/contest/contest03/feature_topics/bg_feature_topics.jpg) left -655px;
}

#feature-topics .product02 ul li.item-information ul li strong,
#feature-topics .product02 ul li.item-link ul li strong {
    display: block;
    color: #333333;
    margin-bottom: 5px;
}


#feature-topics .topics01 {
    margin: 0 0 15px 0;
    background: url(../images/contest/contest03/feature_topics/img_contest03_feature_topics_02.jpg) right bottom no-repeat;
}
#feature-topics .topics01 p {
    margin: 0 0 10px 0;
    width: 750px;
}
#feature-topics .topics01 div {
    width: 750px;
    text-align: right;
    line-height: 120%;
}

#feature-topics .topics02 {
    margin: 0 0 0 90px;
}
#feature-topics .topics02 p {
    width: 720px;
}
#feature-topics .topics02 ol.flow {
    margin: 10px 0 0 0;
}
#feature-topics .topics02 ol.flow li {
    margin: 0 0 20px 0;
}
#feature-topics .topics02 ol.flow li h4 {
    margin: 0 0 5px 0; padding: 0 0 0 25px;
    height: 20px;
    background-image: url(../images/contest/contest03/feature_topics/bg_feature_topics.jpg);
}
#feature-topics .topics02 ol.flow li.flow01 h4 {
    background-position: left -705px;
}
#feature-topics .topics02 ol.flow li.flow02 h4 {
    background-position: left -730px;
}
#feature-topics .topics02 ol.flow li.flow03 h4 {
    background-position: left -755px;

}

#feature-topics .topics02 ol.flow li.flow04 h4 {
    background-position: left -780px;
}
#feature-topics .topics02 ol.flow li img {
    margin: 0 13px 0 0;
}
#feature-topics .topics02 ol.flow li p {
    line-height: 150%;
    font-size: 12px;
    background: url(../images/dotline_gray_y.gif) repeat;
}

#feature-topics .topics03 p {
    float: left;
    margin: 0 0 0 5px;
    width: 570px;
    color: #666666;
}
#feature-topics .topics03 div {
    float: right;
}
#feature-topics .topics04 {
    margin: 25px 0; padding: 15px 20px;
    background: url(../images/contest/contest03/feature_topics/bg_feature_topics_item_information.jpg) repeat;
}
#feature-topics .topics04 a {
    padding: 0 0 0 20px;
    background: url(../images/ico_link_out_gyay.png) no-repeat left top;
}
#feature-topics p.link-to-sponsor {
    margin: 50px 0;
    text-align: center;
}
#feature-topics #final_footer {
    margin: 10px auto 0 auto;
    width: 900px;
}
/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　フォト・ヨコハマ

 ===========================================================================================*/
#photo-yokohama {
    margin: 0 auto;
    width: 1000px;
    font-size: 14px;
    background: url("../images/dotline_gray_x.gif") repeat-x left top;
}
#photo-yokohama .head {
    margin-top: 15px;
    width: 1000px; height: 240px;
    background: url("../images/contest/contest_photoyokohama/header_photo_yokohama_2013_result.jpg") no-repeat left top;
}
#photo-yokohama .head h2 {
    text-indent: -9999em;
}

#photo-yokohama h1 {
    margin: 20px 0; padding: 10px 0;
    font-size: 19px;
    font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
    border-bottom: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
}
#photo-yokohama .paragraph {
    margin: 20px 0;
    line-height: 160%;
}
#photo-yokohama .paragraph p {
    margin: 1em 0;
    color: #333;
}

#photo-yokohama .official-information {
    margin: 10px 0 5px; padding: 15px 30px 30px 30px;
    border: 5px solid #ECECEC;
    background: #F8F8F8;
}
#photo-yokohama .official-information h3 {
    margin: 25px 0; padding-bottom: 5px;
    font-size: 16px;
    border-bottom: 2px solid #ECECEC;
}
#photo-yokohama .official-information div {
    padding: 25px 0 0 25px;
    background: url("../images/bg_quotation.jpg") no-repeat left top;
}
#photo-yokohama .official-information div p {
    padding: 0 25px 25px 0;
}
#photo-yokohama .official-information div p.text-bottom {
    marin: 0;
    background: url("../images/bg_quotation.jpg") no-repeat right bottom;
}
#photo-yokohama .official-information .link-to-photo-yokohama {
    margin: 25px 0 0 0; padding: 25px 0 0 0;
    background: url("../images/dotline_gray_x.gif") repeat-x left top;
}
#photo-yokohama .official-information .link-to-photo-yokohama img {
    float: left;
    margin-right: 25px;
}

#photo-yokohama ul.contest-information li {
    margin: 0 0 10px 0;
}
#photo-yokohama ul.contest-information li h3 {
    float: left;
    width: 85px; height: 25px;
}
#photo-yokohama ul.contest-information li p {
    float: right;
    width: 895px; line-height: 25px;
}
#photo-yokohama ul.contest-information li p.select-information {
    font-size: 12px;
    line-height: 140%;
    color: #666;
}
#photo-yokohama ul.contest-information li p span {
    display: block;
}
#photo-yokohama ul.contest-information li ol {
    float: right;
    width: 913px;
}
#photo-yokohama ul.contest-information li ol li {
    float: left;
    margin-left: 15px;
}
#photo-yokohama ul.contest-information li ol li img {
    margin-bottom: 5px;
}
#photo-yokohama ul.contest-information li ol li div {
    float: left;
    color: #333;
}
#photo-yokohama ul.contest-information li ol li div.color-photo-plate { width: 180px;}
#photo-yokohama ul.contest-information li ol li a {
    display: block;
    padding: 2px 0 0 20px;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    background: url("../images/ico_link_out_gyay.gif") no-repeat left top;
}

#photo-yokohama #contest-main ul.entry-photo {
    background-position: left top;
    background-repeat: no-repeat;
}
#photo-yokohama #contest-main ul.entry-photo01 { background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_01.jpg); }
#photo-yokohama #contest-main ul.entry-photo02 { background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_02.jpg); }
#photo-yokohama #contest-main ul.entry-photo li {
    float: left;
    margin-right: 1px;
    width: 110px; height: 110px;
}
#photo-yokohama #contest-main ul.entry-photo li img {
    width: 110px; height: 110px;
}

#photo-yokohama #contest-main #map-yokohama {
    position: relative;
    width: 998px; height: 605px;
    background: url(../images/contest/contest_photoyokohama/bg_photo_yokohama.jpg) no-repeat left top;
}
#photo-yokohama #contest-main #map-yokohama a {
    position: absolute;
    line-height: 33px;
}
#photo-yokohama #contest-main #map-yokohama a.aoba { left: 35px; top: 78px; padding-left: 85px;}
#photo-yokohama #contest-main #map-yokohama a.midori { left: 35px; top: 150px; padding-left: 65px;}
#photo-yokohama #contest-main #map-yokohama a.asahi { left: 35px; top: 214px; padding-left: 65px;}
#photo-yokohama #contest-main #map-yokohama a.seya { left: 35px; top: 251px; padding-left: 85px;}
#photo-yokohama #contest-main #map-yokohama a.izumi { left: 35px; top: 346px; padding-left: 65px;}
#photo-yokohama #contest-main #map-yokohama a.totsuka { left: 35px; top: 380px; padding-left: 85px;}
#photo-yokohama #contest-main #map-yokohama a.konan { left: 35px; top: 412px; padding-left: 85px;}
#photo-yokohama #contest-main #map-yokohama a.sakae { left: 35px; top: 473px; padding-left: 65px;}
#photo-yokohama #contest-main #map-yokohama a.tsuzuki { left: 710px; top: 87px; padding-left: 100px;}
#photo-yokohama #contest-main #map-yokohama a.kohoku { left: 710px; top: 136px; padding-left: 100px;}
#photo-yokohama #contest-main #map-yokohama a.tsurumi { left: 710px; top: 174px; padding-left: 100px;}
#photo-yokohama #contest-main #map-yokohama a.kanagawa { left: 710px; top: 221px; padding-left: 120px;}
#photo-yokohama #contest-main #map-yokohama a.hodogaya { left: 710px; top: 258px; padding-left: 130px;}
#photo-yokohama #contest-main #map-yokohama a.nishi { left: 710px; top: 293px; padding-left: 80px;}
#photo-yokohama #contest-main #map-yokohama a.minami { left: 710px; top: 330px; padding-left: 80px;}
#photo-yokohama #contest-main #map-yokohama a.naka { left: 710px; top: 369px; padding-left: 80px;}
#photo-yokohama #contest-main #map-yokohama a.isogo { left: 710px; top: 421px; padding-left: 100px;}
#photo-yokohama #contest-main #map-yokohama a.kanazawa { left: 710px; top: 501px; padding-left: 100px;}

#photo-yokohama #contest-main #map-yokohama .map-yokohama {
    position: absolute;
    left: 243px; top: 0;
    width: 483px; height: 605px;
    background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama.jpg);
}
#photo-yokohama #contest-main #map-yokohama #aoba-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_aoba.jpg);}
#photo-yokohama #contest-main #map-yokohama #midori-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_midori.jpg);}
#photo-yokohama #contest-main #map-yokohama #asahi-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_asahi.jpg);}
#photo-yokohama #contest-main #map-yokohama #seya-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_seya.jpg);}
#photo-yokohama #contest-main #map-yokohama #izumi-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_izumi.jpg);}
#photo-yokohama #contest-main #map-yokohama #totsuka-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_totsuka.jpg);}
#photo-yokohama #contest-main #map-yokohama #konan-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_kounan.jpg);}
#photo-yokohama #contest-main #map-yokohama #sakae-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_sakae.jpg);}
#photo-yokohama #contest-main #map-yokohama #tsuzuki-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_tsuduki.jpg);}
#photo-yokohama #contest-main #map-yokohama #kohoku-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_kouhoku.jpg);}
#photo-yokohama #contest-main #map-yokohama #tsurumi-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_tsurumi.jpg);}
#photo-yokohama #contest-main #map-yokohama #kanagawa-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_kanagawa.jpg);}
#photo-yokohama #contest-main #map-yokohama #hodogaya-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_hodogaya.jpg);}
#photo-yokohama #contest-main #map-yokohama #nishi-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_nisi.jpg);}
#photo-yokohama #contest-main #map-yokohama #minami-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_minami.jpg);}
#photo-yokohama #contest-main #map-yokohama #naka-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_naka.jpg);}

#photo-yokohama #contest-main #map-yokohama #isogo-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_isogo.jpg);}
#photo-yokohama #contest-main #map-yokohama #kanazawa-map {background-image: url(../images/contest/contest_photoyokohama/fig_photo_yokohama_kanazawaa.jpg);}

#photo-yokohama #contest-main #ranking {
    display: none;
}

#photo-yokohama #contest-main .ward {
    padding: 10px 0 15px 0;
    width: 996px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: url("../images/dotline_gray_x.gif") repeat-x left bottom;
}
#photo-yokohama #contest-main .ward h4 {
    margin: 0 0 0 -8px; padding: 8px 30px 0 30px;
    height: 28px;
    color: #fff;
    font-size: 16px;
    background: url("../images/contest/contest_photoyokohama/bg_name_ward.jpg") no-repeat left top;
}
#photo-yokohama #contest-main .ward .information {
    float: left;
    padding: 10px 25px;
    width: 628px;
}
#photo-yokohama #contest-main .ward .information p {
    margin-bottom: 10px;
    line-height: 140%;
    color: #333;
}
#photo-yokohama #contest-main .ward .photo {
    float: left;
    width: 300px;
}
#photo-yokohama #contest-main .ward .photo img {
    width: 298px;
}
#photo-yokohama #contest-main .ward .photo ol {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 5px 0 0 0;
}
#photo-yokohama #contest-main .ward .photo ol li {
    float: left;
    width: 140px;
}
#photo-yokohama #contest-main .button-share {
    padding: 50px 0;
    width: 996px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#photo-yokohama #contest-main .button-share a {
    display: block;
    margin: 0 auto;
    width: 338px; height: 56px;
}

#photo-yokohama #contest-main #notice {
    padding: 10px 50px 50px 50px;
    width: 896px;
    color: #000;
    line-height: 140%;
    text-shadow: 0 1px 1px #efefef;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #ccc;
}
#photo-yokohama #contest-main #notice h3 {
    margin: 25px 0 15px 0; padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}
#photo-yokohama #contest-main #notice ul {
    margin: 0; padding: 0;
    list-style: disc inside;
}
#photo-yokohama #contest-main #notice ul li {
    margin-bottom: 5px;
    padding-left: 15px;
    text-indent: -15px;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　フォト・ヨコハマ結果発表

 ===========================================================================================*/
#photo-yokohama-result {
    margin: 0 auto;
    width: 1000px;
    font-size: 14px;
    background: url("../images/dotline_gray_x.gif") repeat-x left top;
}
#photo-yokohama-result .head {
    margin-top: 15px;
    width: 1000px; height: 240px;
    background: url("../images/contest/contest_photoyokohama/header_photo_yokohama_2013_result.jpg") no-repeat left top;
}
#photo-yokohama-result .head h1 {
    text-indent: -9999em;
}

#photo-yokohama-result ul.nav,
#photo-yokohama ul.nav {
    margin: 15px 0;
}
#photo-yokohama-result ul.nav li,
#photo-yokohama-result ul.nav li a,
#photo-yokohama ul.nav li,
#photo-yokohama ul.nav li a {
    display: block;
    margin: 0; padding: 0;
    width: 480px; height: 45px;
    text-indent: -9999em;
    background-image: url(../images/contest/contest_photoyokohama/bg_photo_yokohama_2013_result.jpg);
}
#photo-yokohama-result ul.nav li.guideline,#photo-yokohama ul.nav li.guideline { float: left;}
#photo-yokohama-result ul.nav li.result, #photo-yokohama ul.nav li.result { float: right;}
#photo-yokohama-result ul.nav li.guideline a, #photo-yokohama ul.nav li.guideline a { background-position: left top;}
#photo-yokohama-result ul.nav li.result a, #photo-yokohama ul.nav li.result a { background-position: -515px -155px;}
#photo-yokohama-result ul.nav li.guideline, photo-yokohama-result ul.nav li.guideline a:hover,
#photo-yokohama ul.nav li.guideline, photo-yokohama ul.nav li.guideline a:hover { background-position: left -155px;}
#photo-yokohama-result ul.nav li.result, photo-yokohama-resul ul.nav li.result a:hover,
#photo-yokohama ul.nav li.result, photo-yokohama ul.nav li.result a:hover { background-position: -515px top;}
#photo-yokohama-result .paragraph {
    margin: 20px 0;
    line-height: 160%;
}
#photo-yokohama-result .paragraph p {
    margin: 1em 0;
    color: #333;
}

#photo-yokohama-result .prizebox {
    margin: 0 0 20px 0;
}
#photo-yokohama-result .prizebox .prizebox-title {
    margin: 5px 0 15px 0; padding: 9px 50px;
    font-size: 12px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: url("../images/contest/contest02/ico_result_no2.jpg") left 7px no-repeat;
}
#photo-yokohama-result .prizebox .prizebox-title img {
    margin-bottom: 3px;
}
#photo-yokohama-result .prizebox dl {
    float: left;
}
#photo-yokohama-result .prizebox dl dd.title a:hover {
    color: #666;
}
#photo-yokohama-result .prizebox dl.winner {
    width: 400px;
}
#photo-yokohama-result .prizebox dl.second {
    margin-left: 20px;
    width: 278px;
}
#photo-yokohama-result .prizebox dl dt img.prize-title {
    margin-bottom: 12px;
}
#photo-yokohama-result .prizebox dl dd.title a {
    margin-left: 0;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
#photo-yokohama-result .prizebox dl dd.title {
    margin: 10px 0;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
#photo-yokohama-result .prizebox dl dd {
    float: left;
}
#photo-yokohama-result .prizebox dl.winner dd { width: 400px;}
#photo-yokohama-result .prizebox dl.second dd { width: 275px;}
#photo-yokohama-result .prizebox dl dd a {
    font-weight: normal;
    margin-left: 0.5em;
}
#photo-yokohama-result .prizebox dl dd.user {
    margin: 0;
    color: #999999;
    font-weight: bold;
    font-size: 12px;
}
#photo-yokohama-result .prizebox dl dd.commentary {
    margin: 20px 0;
    padding-top: 15px;
    font-size: 14px;
    line-height: 140%;
    color: #666;
    border-top: 1px solid #F4F4F4;
}
#photo-yokohama-result .prizebox dl.winner dd.commentary { width: 400px;}
#photo-yokohama-result .prizebox dl.second dd.commentary { width: 275px;}

#photo-yokohama-result h3.tit02 {
    margin-top: 50px;
}

#photo-yokohama-result .summary {
    margin-top: 50px;
    line-height: 140%;
    color: #666;
}
#photo-yokohama-result .summary h3 {
    margin: 0; padding: 0 0 5px;
    border-bottom: 1px solid #DDDDDD;
}
#photo-yokohama-result .summary p {
    margin-top: 10px;
}

#photo-yokohama-result .summary .exibi {
    margin: 25px 0;
    border: 1px solid #DDDDDD;
}
#photo-yokohama-result .summary .exibi h4 {
    margin: 10px 0 10px 20px;
}
#photo-yokohama-result .summary .exibi dl {
    margin: 10px 0 10px 20px; padding: 0;
}
#photo-yokohama-result .summary .exibi dl dt {
    clear: both;
    float: left;
    margin: 0 0 5px; padding: 0 0 0 20px;
    width: 100px;
    background: url("../images/ico_square_lightgray.gif") no-repeat scroll left 3px transparent;
}
#photo-yokohama-result .summary .exibi dl dd {
    float: left;
    margin: 0 0 5px;
    width: 500px;
}
#photo-yokohama-result .summary span {
    display: block;
    text-align: right;
    font-size: 12px;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　Facebook特集ページ

 ===========================================================================================*/
#facebook-thankyou {
    text-align: center;
}
.facebook-photos {
    display: inline-block;
    margin: 15px auto 0 auto;
    width: auto;
    color: #fff;
    text-align: left;
}
.facebook-photos img {
    max-width: 1000px;
}
.facebook-photos .comment {
    position: relative;
    padding: 10px 0;
    width: 100%; height: 6em;
    line-height: 140%;
    background: #333;
}
.facebook-photos .comment .date {
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    color: #666;
}
.facebook-photos .comment .date span {
    display: block;
    position: absolute;
}
.facebook-photos .comment .date span.month { left: 10px; top: 10px;}
.facebook-photos .comment .date span.slash { left: 21px; top: 20px;}
.facebook-photos .comment .date span.date  { left: 32px; top: 30px;}
.facebook-photos .comment .comment-text {
    position: absolute;
    top: 10px; left: 70px;
    margin-right: 10px;
}
.facebook-photos .comment p.link { margin-top: 10px;}
.facebook-photos .comment p.link a { color: #fff;}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　200万枚突破記念ページ

 ===========================================================================================*/
#twomillion {
    margin: 20px auto 0 auto;
    width: 1000px;
    font-size: 14px;
    line-height: 140%;
}
#twomillion .head h1 {
    margin: 0; padding: 0;
    width: 1000px; height: 500px;
    text-indent: 0;
}
#twomillion .paragraph {
}
#twomillion .paragraph p {
    margin: 20px 0;
}
#twomillion h2 {
    margin-bottom: 10px;
    width: 1000px; height: 48px;
    text-indent: -9999em;
    background-repeat: no-repeat;
}
#twomillion h2.title01 {
    background-image: url(../images/campaign/twomillion/title_twomillion_01.jpg);
}
#twomillion h2.title02 {
    background-image: url(../images/campaign/twomillion/title_twomillion_02.jpg);
}
#twomillion .present {
    margin-bottom: 40px; padding: 25px 30px;
    text-align: center;
    border: 1px solid #ccc;
}
#twomillion .present h3 {
    margin-bottom: 30px; padding: 5px 0 0 0;
    width: 900px;
    font-size: 24px;
}
#twomillion .present ul {
    margin: 0 0 30px 0; padding: 20px 25px 10px 25px;
    text-align: left;
    background: #ebebeb;
}
#twomillion .present ul li {
    margin-bottom: 10px;
}

#twomillion .campaign {
    margin-bottom: 40px;
}
#twomillion .campaign h3 {
    margin: 0 0 0 -8px;
    width: 1000px; height: 51px;
    text-indent: -9999em;
}
#twomillion .campaign01 h3 { background: url(../images/campaign/twomillion/title_twomillion_03.jpg) no-repeat;}
#twomillion .campaign02 h3 { background: url(../images/campaign/twomillion/title_twomillion_04.jpg) no-repeat;}
#twomillion .campaign03 h3 { background: url(../images/campaign/twomillion/title_twomillion_05.jpg) no-repeat;}

#twomillion .campaign h4 {
    width: 1000px; height: 22px;
    text-indent: -9999em;
    background-repeat: no-repeat;
}
#twomillion .campaign .galerry-category01 h4 { margin-bottom: 10px; background-image: url(../images/campaign/twomillion/subtitle_twomillion_01.jpg);}
#twomillion .campaign .galerry-category02 h4 { background-image: url(../images/campaign/twomillion/subtitle_twomillion_02.jpg);}
#twomillion .campaign .galerry-category03 h4 { background-image: url(../images/campaign/twomillion/subtitle_twomillion_03.jpg);}
#twomillion .campaign .galerry-category04 h4 { background-image: url(../images/campaign/twomillion/subtitle_twomillion_08.jpg);}
#twomillion .campaign p {
    margin: 10px 0 20px 0; padding: 0;
}
#twomillion .galerry-category01 {
    margin-bottom: 30px;
}
#twomillion .galerry-category01 .gallery-category {
    float: left;
    margin: 0 5px 5px 5px;
    width: 240px;　height: 370px;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px 2px #ccc;
    -moz-box-shadow: 0 3px 3px 2px #ccc;
    box-shadow: 0 3px 3px 2px #ccc;
}
#twomillion .galerry-category01 .gallery-category h5 {
    margin: 10px; padding: 0;
    font-size: 15px;
    font-weight: normal;
}
#twomillion .galerry-category01 .gallery-category h5 a {
    text-decoration: none;
    color: #333;
}
#twomillion .galerry-category01 .gallery-category h5 span {
    margin-left: 5px;
    font-size: 12px;
}
#twomillion .galerry-category01 .gallery-category p.gallery-info {
    margin: 0 10px 10px 10px;
    font-size: 11px;
    line-height: 130%;
    color: #666;
}
#twomillion .galerry-category01 .gallery-category a.gallery-link {
    display: inline-block;
    margin: 0 10px 10px 10px; padding: 0 0 0 9px;
    font-size: 12px;
    background: url(../images/icon_arrow_small.png) left 6px no-repeat;
}

#twomillion .campaign ol {

    margin: 0 0 0 24px; padding: 0;
}
#twomillion .galerry-category02 ol li {
    float: left;
    margin: 0 23px 0 0; padding: 10px 0 0 0;
    width: 300px;
}
#twomillion .galerry-category02 ol li h5 {
    width: 270px;
    font-weight: normal;
    color: #666;
}
#twomillion .galerry-category02,
#twomillion .galerry-category03 {
    margin: 30px 0;
}
#twomillion .galerry-category03 ol li,
#twomillion .galerry-category04 ol li {
    float: left;
    margin: 0 10px 0 0; padding: 5px 0 0 0;
    width: 180px;
}
#twomillion .galerry-category03 ol li h5,
#twomillion .galerry-category04 ol li h5 {
    font-weight: normal;
    color: #666;
}
#twomillion .tag {
    margin: 30px 0 30px 20px;
}
#twomillion .tag h4 {
    margin: 10px 0; padding: 0;
    width: 946px; height: 22px;
    text-indent: -9999em;
}
#twomillion .tag01 h4 { background: url(../images/campaign/twomillion/subtitle_twomillion_04.jpg) left top no-repeat;}
#twomillion .tag02 h4 { background: url(../images/campaign/twomillion/subtitle_twomillion_05.jpg) left top no-repeat;}
#twomillion .keyword01 h4 { background: url(../images/campaign/twomillion/subtitle_twomillion_06.jpg) left top no-repeat;}
#twomillion .keyword02 h4 { background: url(../images/campaign/twomillion/subtitle_twomillion_07.jpg) left top no-repeat;}
#twomillion .tag .year {
    float: left;
    width: 160px;
}
#twomillion .tag .year ol {
    margin: 0;
    list-style: inside decimal;
}
#twomillion .tag h5 {
    color: #666;
}
#twomillion .tag .year {
    float: left;
    width: 160px;
}


/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　　  SEARCH PAGE

 ===========================================================================================*/
p.page-description {
    margin: 20px 0 0 0;
}

form#select-option {
    clear: both;
    color: #666666;
}
form#select-option input.button {
    float: left;
    margin: 20px 0;
    height: 30px;
    font-size: 14px;
}
form#select-option input.button-submit {
    margin-left: 540px;
    width: 300px;
    text-shadow: 0 -1px 0 #376F8A;
    font-weight: bold;
    background: #5092B1;
    border-radius: 2px;
}
form#select-option input.button-clear {
    margin-left: 10px;
    width: 150px;
    text-shadow: 0 -1px 0 #999;
    font-weight: bold;
    background: #bbb;
    border-radius: 2px;
}

form#select-option ol#option-list {
    clear: both;
    padding-bottom: 1px;
    width: 1000px;
    background: url(../images/bg_search_option.gif) left top repeat-y;
}
form#select-option ol#option-list:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
form#select-option ol#option-list input {
    vertical-align: middle;
}
form#select-option ol#option-list label {
    margin: 0 12px 0 3px;
}
form#select-option ol#option-list li:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
form#select-option ol#option-list li h4 {
    clear: both;
    float: left;
    margin: 0; padding: 20px 0 20px 35px;
    width: 215px;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    background: url(../images/dotline_gray_x.gif) left top repeat-x;
}
form#select-option ol#option-list .search-criterion {
    float: left;
    margin: 0; padding: 20px 35px;
    width: 680px;
    vertical-align: top;
    background: url(../images/dotline_gray_x.gif) left top repeat-x;
}
form#select-option ol#option-list .search-criterion h5 {
    clear: both;
    float: left;
    margin: 0 0 15px 0; padding: 0;
    width: 150px;
    font-weight: normal;
    background: none;
}
form#select-option ol#option-list .search-criterion .camera-search-criterion {
    float: left;
    margin: 0 0 15px 0; padding: 0;
    width: 520px;
    background: none;
}
/* keyword */
form#select-option ol#option-list .search-criterion input#keyword-form {
    margin: 5px 0 3px 0; padding-top: 8px;

    width: 678px; height: 20px;
    width: 670px;
    font-size: 14px;
    background: #eeeeee;
    border-top: 1px solid #999999;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #999999;
}
/* camera,lens */
.camera-search-criterion .camera-search-type {
    display: inline-block;
    float: left;
}
form#select-option ol#option-list .search-criterion select {
    min-width: 110px;
}
form#select-option ol#option-list .search-criterion .camera-search-criterion select#model-name {
    margin: 0 0 3px 0; padding: 0;
    width: 535px;
    _width: 530px;
}
form#select-option ol#option-list .search-criterion .camera-search-criterion select#model-name option,
form#select-option ol#option-list .search-criterion .camera-search-criterion select#lens-model option {
    padding: 3px 5px;
}
form#select-option ol#option-list .search-criterion li.lens-model {
    margin-bottom: 40px;
}

form#select-option ol#option-list .search-criterion li.lens-model h5 {
    clear: both;
    margin-bottom: 5px;
}
form#select-option ol#option-list .search-criterion li.lens-model .camera-search-criterion,
form#select-option ol#option-list .search-criterion li.lens-model .camera-search-criterion select#lens-model {
    clear: both;
    float: none;
    width: 685px;
    _width: 680px;
}
form#select-option ol#option-list .search-criterion li.lens-model .camera-search-criterion select#lens-model {
    margin: 0 0 3px 0;
}
/* area */
form#select-option ol#option-list li:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
form#select-option ol#option-list select.prefectures {
    margin: 0 30px 0 0;
    width: 150px;
    vertical-align: text-top;
}
form#select-option ol#option-list select.area {
    margin: 0;
    width: 360px;
    vertical-align: text-top;
}
form#select-option ol#option-list span#area-form label {
    margin-right: 5px;
}

/* cc */
form#select-option ol#option-list li dl.search-criterion,
form#select-option ol#option-list li ul.search-criterion {
    width: 680px;
}
form#select-option ol#option-list li dl.search-criterion:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
form#select-option ol#option-list li dl.search-criterion dt {
    margin: 0 0 10px 0; padding: 0;
    width: 680px;
    background: none;
}
form#select-option ol#option-list li dl.search-criterion dd {
    float: left;
    margin: 0; padding: 0 0 0 15px;
    width: 200px;
    background: none;
}
form#select-option ol#option-list li ul.search-criterion li {
    margin: 0 0 10px 0; padding: 0 0 0 15px;
    background: none;
}
#main_content .user-search-title {
    font-size: 16px;
    margin: 100px 0 10px;
}
/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　  SEARCH RESULT PAGE

 ===========================================================================================*/
div#filter {
    clear: both;
    margin: 0 0 10px 0; padding: 10px 35px;
    background: url(../images/contest/contest01/bg_contest01_result.gif) repeat;
    border: 1px dotted #cccccc;
}
div#filter ul.keyword form#search_form li input {
    margin: 0 3px 0 0;
    vertical-align: text-bottom;
}
div#filter ul.keyword form#search_form label {
    float: none;
    vertical-align: top;
    margin: 0 15px 0 3px;
}
div#filter ul.keyword li input#keyword-form {
    display: block;
    float: left;
    margin: 3px 0;
    width: 563px;
}
div#filter ul.keyword li button {
    display: block;
    float: right;
    margin: 3px 0 0 0;
    width: 36px; height: 20px;
    text-indent: -9999em;
    background: url(../images/icons/icons.gif) no-repeat left bottom;
    border: none;
}
div#filter ul.keyword li span {
    display: block;
    clear: both;
    width: 575px;
    text-align: right;
}

div#filter p {
    margin: 10px 0; padding: 0 0 5px 0;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
}
div#filter ul {
    margin: 0; padding: 0;
}
div#filter ul:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
div#filter ul li.camera,
div#filter ul li.lens {
    float: left;
    margin: 0; padding: 0 0 0 20px;
    width: 280px;
    background-repeat: no-repeat;
    background-position: left 2px;
}
div#filter ul li.camera span,
div#filter ul li.lens span {
    margin-right: 0.5em;
}
div#filter ul li.camera { background-image: url(../images/ico_camera_small.gif);}
div#filter ul li.lens { background-image: url(../images/ico_lens_small.gif);}
div#filter ul li.lens-model,
div#filter ul li.view-all-criterion {
    clear: both; float: none;
    width: 615px;
}
div#filter ul li.view-all-criterion:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
div#filter ul li.view-all-criterion a#query-parameter {
    diasplay: block;
    float: right;
    margin: 10px 0 0 0; padding: 0 0 3px 22px;
    height: 20px;
    background: url(../images/icons/icons.gif) no-repeat left -88px;
}
div#filter ul li.view-all-criterion ul {
    margin: 0; padding: 0;
}
div#filter ul li.view-all-criterion ul:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
div#filter ul li.view-all-criterion ul li {
    float: left;
    margin: 0; padding: 0 0 0 20px;
    width: 280px;
    background: url(../images/icons/icons.gif) no-repeat left -169px;
}

p.filtercriteria {
    float: left;
    margin: 0 0 10px 0; padding: 0 0 15px 0;
    text-align: right;
    width: 100%;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
}
p.filtercriteria a {
    padding-left: 15px;
    background: url(../images/icon_link_black.gif) no-repeat left 3px;
}

.search-category {
    clear: both;
    margin-bottom: 25px; padding: 0 35px 15px 35px;
    background: url("../images/bg_dictionaly_bottom.jpg") repeat-y left top;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0 0 10px -6px #666;
    border-top: 1px solid #e7e7e7\9; /* IE8のみはこの表示 */
    *border-top: 1px solid #e7e7e7; /* IE6と7はこの表示 */
    _border-top: 1px solid #e7e7e7; /* IE6以下はこの表示 */
    border-bottom: 1px solid #e7e7e7\9; /* IE8のみはこの表示 */
    *border-bottom: 1px solid #e7e7e7; /* IE6と7はこの表示 */
    _border-bottom: 1px solid #e7e7e7; /* IE6以下はこの表示 */
}
.search-category h2 {
    margin: 15px 0 10px 0; padding-bottom: 5px;
    background: url("../images/pressed_line_white.gif") repeat-x left bottom;
}


/*===========================================================================================

                                                                                    LINK PAGE

 ===========================================================================================*/

#main_content_main_panel div.link-group {
    margin: 0 0 25px 0; padding: 0 0 25px 0;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}
#main_content_main_panel div.link-group h2 {
    margin: 0 0 0 25px; padding: 0 0 2px 25px;
    background: url(../images/gallery/ico_gallery_promotion.gif) no-repeat left 0;
}
#main_content_main_panel div.link-group ul {
    margin: 0 5px;
}
#main_content_main_panel div.link-group ul li {
    float: left;
    margin: 20px 0 0 20px; padding: 0;
    width: 310px;
    color: #666666;
}
#main_content_main_panel div.link-group ul li h5 {
    margin: 0 0 10px 0;
}
#main_content_main_panel img.spacer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/*===========================================================================================

                                                                              SITEPOLICY PAGE
                                         GUIDELINE PAGE

 ===========================================================================================*/
#main_content.sitepolicy {
    padding-bottom: 50px;
}
#main_content.sitepolicy h1 {
    margin-bottom: 20px;
    padding: 23px 0 15px;
    background: url("../images/bg_title_gradation_dotline.jpg") repeat-x scroll left bottom transparent;
    border: 0 none;
}
#main_content.sitepolicy .sitepolicy-main {
    float: left;
    padding: 0;
    width: 810px;
    color: #333;
}
#main_content.sitepolicy .sitepolicy-main p {
    margin-bottom: 10px;
    line-height: 150%;
    color: #666;
}
#main_content.sitepolicy .sitepolicy-main dl {
    margin: 30px 0 0 15px;
}
#main_content.sitepolicy .sitepolicy-main dl dt {
    float: left;
    margin-bottom: 10px; padding-bottom: 10px;
    width: 200px;
    background: url("../images/dotline_gray.gif") repeat-x scroll left bottom;
}
#main_content.sitepolicy .sitepolicy-main dl dd {
    float: left;
    margin-bottom: 10px; padding-bottom: 10px;
    width: 500px;
    background: url("../images/dotline_gray.gif") repeat-x scroll left bottom;
}

#main_content.sitepolicy #sidebar {
    float: right;
    width: 170px;
}
#main_content.sitepolicy #sidebar h2{
    margin-bottom: 10px;
    padding-bottom: 5px;

    color: #999999;
    border-bottom: 1px solid #000000;
}
#main_content.sitepolicy #sidebar dl dd {
    margin-bottom: 5px;
    padding-left: 10px;
    background: url("../images/icon_inside_list.gif") no-repeat scroll left center transparent;
}
#main_content.sitepolicy #sidebar dl dd.current {
    background: url("../images/icon_checked.png") no-repeat scroll left center transparent;
}
#main_content.sitepolicy #sidebar .current a {
    color: #000000;
    text-decoration: none;
    background: none repeat scroll 0 0 #CCCCCC;
}

#main_content .sitepolicy,
#main_content .guideline {
    padding-bottom: 35px;
}
#main_content.sitepolicy .sitepolicy-main h2.paragraph-title,
#main_content .guideline h2.paragraph-title {
    margin: 10px 25px 15px 25px; padding: 6px 0 4px 20px;
    color: #333333;
    background: #f0f0f0;
    border-left: 10px solid #3399cc;
}
#main_content.sitepolicy .sitepolicy-main .paragraph-group,
#main_content .guideline .paragraph-group {
    margin: 0 35px 20px 0; padding: 0 20px;
    color: #666666;
    line-height: 140%;
}
#main_content.sitepolicy .sitepolicy-main .paragraph-group ul,
#main_content .guideline .paragraph-group ul {
    margin: 0 0 0 2em;
    list-style-type: disc;
}
#main_content.sitepolicy .sitepolicy-main .paragraph-group ul li,
#main_content .guideline .paragraph-group ul li {
    margin: 0 0 15px 0;
}
#main_content.sitepolicy .sitepolicy-main .paragraph-group ul li dl {
    margin: 0 0 0 2em;
}
#main_content.sitepolicy .sitepolicy-main .paragraph-group ul li dl dt {
    clear: both;
    float: left;
    width: 200px;
}
#main_content.sitepolicy .sitepolicy-main .paragraph-group ul li dl dd {
    float: left;
    width: 550px;
}
#main_content.sitepolicy .sitepolicy-main .paragraph-group ol,
#main_content .guideline .paragraph-group ol {
    margin: 10px 0 10px 2em;
    list-style-type: decimal;
}
#main_content.sitepolicy .sitepolicy-main .paragraph-group ol li,
#main_content .guideline .paragraph-group ol li {
    margin: 0 0 5px 0;
}
#main_content.sitepolicy .sitepolicy-main　.paragraph-group p a {
    margin: 0 0 0 1em; padding: 2px 0 0 20px;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    background: url(../images/ico_link_out_gyay.gif) no-repeat left top;
}
#main_content.sitepolicy .sitepolicy-main p.created-date {
    margin: 0 35px; padding: 20px 0 0 0;
    text-align: right;
    line-height: 150%;
    background: url(../images/dotline_gray_x.gif) repeat-x left top;
}

#main_content .guideline .paragraph-group p {
    margin: 10px 0;
}
#main_content .guideline .paragraph-group dl {
    margin: 0 0 10px 0;
}
#main_content .guideline .paragraph-group dl dt {
    margin: 0 0 5px 0;
}
#main_content .guideline .paragraph-group dl li {
    margin: 0 0 2px 0;
}
/*===========================================================================================

                                                                                 SITEMAP PAGE

 ===========================================================================================*/
#main_content .sitemap {
    margin-bottom: 35px;
}
#main_content .sitemap h2 {
    margin: 20px 0 20px 25px; padding: 0 0 2px 25px;
    background: url(../images/gallery/ico_gallery_promotion.gif) no-repeat left 0;
}
#main_content .sitemap ul li a,
#main_content .sitemap ul li.category-top span {
    padding: 0 0 0 20px;
    background: url(../images/icon_link_black.gif) no-repeat left 3px;
}
#main_content .sitemap ul {
    margin: 0 0 0 50px; padding: 0 0 30px 0;
    background: url(../images/dotline_gray_x.gif) left bottom repeat-x;
}
#main_content .sitemap ul li.category-top {
    margin: 0 0 15px 0; padding: 0 0 20px 0;
    background: url(../images/dotline_gray_x.gif) left bottom repeat-x;
    font-weight: bold;
}
#main_content .sitemap ul li.category-top-nolist {
    float: left;
    margin: 0 0 20px 0;
    width: 290px;
    font-weight: bold;
}
#main_content .sitemap ul li.category-top ul {
    margin: 20px 0 0 50px; padding: 0;
    font-weight: normal;
    background: none;
}
#main_content .sitemap ul li.category-top ul li {
    float: left;
    margin: 0 0 10px 0;
}
#main_content .sitemap ul li.category-top ul.line-4 li { width: 200px;}
#main_content .sitemap ul li.category-top ul.line-3 { width: 650px;}
#main_content .sitemap ul li.category-top ul.line-2 li { width: 400px;}


/*===========================================================================================

                                                                                 LISTING PAGE

 ===========================================================================================*/
#main_content_main_panel iframe.ads-listing {
    clear: both;
    margin: 15px 0 0 0; padding: 0;
}
#main_content_main_panel iframe.ads-listing-userpage {
    margin: 50px 0 0 0;

}
div.listing {
    padding: 0;
    background: url(../images/dotline_gray_x.gif) repeat-x left top;
    border: none;
}
div.listing:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
div.listing p {
    margin: 0; padding: 5px 0;
}
div.listing p#list-top {
    padding-bottom: 8px;
}
div.listing p#list-bottom {
    padding-bottom: 8px;
}
div.listing p a {
    padding: 3px 0 3px 1px;
    text-decoration: none;
    color: #666666;
}

div.listing p a span.title {
    display: inline;

    margin: 0 10px 0 0;
    color: #3399CC;
    font-size: 12px;
    border-bottom: 1px dotted #3399cc;
}
div.listing p a span {
    display: inline;

    color: #999999;
    font-size: 11px;
}
div.listing p span.description {

    display: block;
    margin-top: 3px;
    font-size : 75%;
    color: #767676;
}
:root *> div.listing p span.description {
    font-size: 85%; /* IE8向け */
    color: #767676;
}
div.listing a.ads {
    display: block;
    position: absolute;
    right: 0; bottom: 11px;
    width: 100px;
    color: #999999;
    text-decoration: none;
    text-align: center;
    text-align: right;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  REGISTER

 ===========================================================================================*/
.all_regist_block {
    width:1000px;
    margin:0 auto;
    margin-top:20px;
    line-height: 160%;
}
.all_regist_title {
    font-size:120%;
    font-weight:bold;
    margin:10px 0px;
    background-color:#f8f8f8;
    padding:5px;
    border:solid 1px #bbbbbb;
}
.all_regist_pankuzu {
    margin:10px 0px;
}

.all_regist_lead {
    margin:10px;
}

p.regist_msg {
    margin: 15px auto;
    font-size: 16px;
    line-height: 1.5em;
}


form#register_form {
    width: 1000px;
    margin: 15px auto;
    font-size: 14px;
}
div.form_subsection {
    background: #eee;
    border-top: 1px solid #ddd;
    border-right: 2px solid #ddd;
    border-left: 2px solid #ddd;

}
#_csrf_token .form_subsection {
    padding: 15px;
}
div.form_subsection label.title {
    float: left;
    margin: 15px 0 15px 25px;
    width: 180px;
}
div.form_subsection .content {
    float: right;
    padding: 15px 0 15px 25px;
    width: 720px;
    background: #F8F8F8;
}
form#register_form .content input {
    margin-right: 5px;
    vertical-align: text-top;
}
div.form_subsection .content .form_notice {
    font-size: 12px;
}
div.form_subsection .content textarea {
    width: 670px;
    font-size: 14px;
}

form#register_form label.title {
    display: block;
}
form#register_form label#mail_label.title, form#register_form label#agreement_label.title {
    padding-left: 23px;
}
form#register_form p {
    margin-bottom: 3px;
}


textarea.kiyaku_text {
    border: 1px solid #FFCCCC;
    width: 500px;
}
form#register_form p#form_submit_button,
div.all_regist_block p#form_submit_button {
    margin: 25px 0 0 0; padding: 25px 0;
    background: #eee;
}
form#register_form p#form_submit_button button,
div.all_regist_block p#form_submit_button button {
    float: none;
    display: block;
    margin: 0 auto; padding: 8px 0;
    width: 450px; height: 40px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    background-image: none;
    background-color: #339999;
    background: -moz-linear-gradient(top,#66cccc 0%,#339999);
    background: -webkit-gradient(linear, left top, left bottom, from(#66cccc), to(#339999));
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
}
p.submit_link a {
    width: 120px;
}

div.all_regist_block p#form_submit_button button {
    margin: 25px 0;
}
div.all_regist_block p#form_submit_button button.button-submit {
    float: left;
    margin-left: 150px;
    width: 250px;
}

div#captcha {
    margin: 0 auto; padding: 25px 0 0 0;
    text-align: center;
    line-height: 200%;
    font-size: 14px;
    border: solid 2px #ddd;
}
div#captcha img { vertical-align: text-top;}
div#captcha p {
    margin-bottom: 10px;
}
div#captcha .captcha-image {
    margin: 0 auto;
    width: 450px;
}
div#captcha #error_for_recaptcha {
    margin: 0 auto;
    width: 425px;
    text-align: left;
    line-height: 100%;
}

/*===========================================================================================

                                                                               登録確認画面

 ===========================================================================================*/
.all_regist_block {
    font-size: 14px;
}
div.all_regist_block p#form_submit_button {
    margin: 10px 0 5px 0; padding: 0 25px;
    border: 2px solid #DDDDDD;
}
div.all_regist_block p#form_submit_button button.button-submit {
    margin-left: 0;
    width: 350px;
}
div.all_regist_block p#form_submit_button button.button-clear {
    float: right;
    margin-left: 15px;
    width: 250px;
    background-image: none;
    background-color: #999;
    background: -moz-linear-gradient(top,#ccc 0%,#999);
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
}

/*===========================================================================================

                                                                         around LOG IN PAGE

 ===========================================================================================*/

div#login_panel {
    margin: 20px auto; padding: 15px 0 30px 80px;
    width: 580px;

    background: #fcfcfc;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 20px solid #999999;
    border-left: 1px solid #e5e5e5;
}

form#login_form {
    margin: 0;
}
div#login_panel form#login_form h2 {
    margin: 0 0 0 0;
    width: 99px; height: 24px;
    text-indent: -9999em;
    background: url(../images/title_login.jpg) no-repeat;
}
div#login_panel form#login_form p.notice {
    margin: 1em 0; padding: 10px 10px 10px 50px;
    width: 435px;
    background: url(/images/icons/icon_error.gif) 25px center no-repeat;
    border: 1px solid #ff9999;
}

div#login_panel form#login_form fieldset {
    margin: 25px 0 0 0;
    color: #666666;
}
div#login_panel form#login_form #login-area {
    margin: 5px 0 5px 0; padding: 20px 27px;
    width: 470px;
    background: #e4e4e4;
}
div#login_panel form#login_form fieldset #login-area:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}

div#login_panel form#login_form #login-area label#login_label_username,
div#login_panel form#login_form #login-area label#login_label_password {
    display: block;
}
div#login_panel form#login_form #login-area #error_for_username,
div#login_panel form#login_form #login-area #error_for_password {
    margin-top: 3px; padding: 2px 0 0 20px;
    background: url(../images/gallery/ico_alert.gif) no-repeat;
}

div#login_panel form#login_form #login-area input#login_form_username,
div#login_panel form#login_form #login-area input#login_form_password {
    margin: 3px 0 10px 0; padding: 0;
    width: 100%; height: 23px;
    line-height: 23px;
    background: #ffffff;
    border: 1px solid #dcdcdc;
}
div#login_panel form#login_form #login-area input#autologin {
    margin: 0 5px 0 0; padding: 0;
}

div#login_panel form#login_form #login-area p#form_submit_button {
    clear: both;
    float: left;
    margin: 5px 0 15px 0;
    width: 100%;

}
div#login_panel form#login_form #login-area p#form_submit_button span {
    float: right;
    width: 150px;
    text-align: center;
}
div#login_panel form#login_form #login-area p#form_submit_button span button {
    float:right;
    width: 150px;
    cursor: pointer;
}

/* captcha */
div#login_panel form#login_form #login-area #captcha-login {
    margin: 20px 0 20px -27px; padding-left: 27px;
}
div#login_panel form#login_form #login-area #captcha-login p,
div#login_panel form#login_form #login-area #captcha-login .captcha-image {
    padding: 10px;
    color: #000;
    background: #ccc;
}
div#login_panel form#login_form #login-area #captcha-login p {
    padding-left: 40px;
    text-indent: -30px;
}
div#login_panel form#login_form #login-area #captcha-login p img { margin-right: 10px;}
div#login_panel form#login_form #login-area #captcha-login p {
    padding-top: 20px;
}
div#login_panel form#login_form #login-area #captcha-login p.refresh {
    padding-bottom: 20px;
    border-top: none;
}
div#login_panel form#login_form #login-area #captcha-login img {
    vertical-align: text-bottom;
}

/** Begin Open ID for photo-dev01 **/
div#login_panel form#login_form #login-area ul#open-id {
    clear: both;
    margin: 0; padding: 0;
    width: 300px;

}
div#login_panel form#login_form #login-area ul#open-id li.yahoo {
    float: left;
    width: 15em;
}
div#login_panel form#login_form #login-area ul#open-id li.mixi {
    float: right;
    width: 8em;
}
div#login_panel form#login_form #login-area ul#open-id li a {
    color: #999999;
    text-decoration: none;
}
div#login_panel form#login_form #login-area ul#open-id li a img { margin-right: 5px; vertical-align:text-bottom;}
div#login_panel form#login_form #login-area ul#open-id li a span { text-decoration: underline;}
/** End Open ID for photo-dev01 **/

div#login_panel form#login_form fieldset ul.login_alt {
    width: 524px;
    text-align: center;
    line-height: 1.5em;
}
div#login_panel form#login_form fieldset ul.login_alt:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
div#login_panel form#login_form fieldset ul.login_alt li {
    display: inline-block;
    padding: 10px 20px 0;
}
div#login_panel form#login_form fieldset ul.login_alt a {
    padding: 0 0 0 13px;
    background: url(../images/ico_link_gray.jpg) no-repeat left 2px;
}

/*===========================================================================================

                                                                         around UPLOAD PAGE

 ===========================================================================================*/
/*------------------------------------------------------------------------------ All page */
div.upload_form_inner {
    clear: both;
    margin: 0px auto; padding: 0 0 55px 0;
    background: url(../images/bg_upload.jpg) no-repeat left bottom;
    width: 1000px;
}
div.upload_form_inner textarea { padding: 0;}
div.upload_form_inner h1 {
    margin: 0; padding: 0;
    height: 47px;
    text-indent: -9999em;
    background: url(../images/title_upload.jpg) no-repeat left bottom;
}
div.upload_form_inner div.progress{
    margin: 0 30px 0 55px;
}
div.upload_form_inner h2 {
    margin: 0 0 25px 0; padding: 0;
    height: 35px;
    text-indent: -9999em;
    background-image: url(../images/bg_upload_csssplite.jpg);
    background-repeat: no-repeat;
}
div.upload_form_inner h2.progress01 { background-position: left top;}
div.upload_form_inner h2.progress02 { background-position: left -51px;}
div.upload_form_inner h2.progress03 { background-position: left -101px;}
div.upload_form_inner p.btn-select input {
    width: 234px; height: 23px;
    border: 0;
    cursor:pointer;
    text-indent: -9999em;
    background: url(../images/upload_btn_select.gif) no-repeat;
}

div.upload_form_inner .status-area {
    clear: both;
    margin: 0 0 50px 55px; padding: 20px 0;
    width: 901px;
    overflow: auto;
    color: #666666;
    background: url(../images/bg_upload_status_area.jpg) left top no-repeat;
}
div.upload_form_inner .status-area-bottom {
    margin-top: 20px;
    width: 901px; height: 5px;
    background: url(../images/bg_upload_status_area_bottom.jpg) no-repeat left bottom;
}
div.upload_form_inner p#upload_button {
    float: none;
    margin: 0 0 0 55px; padding: 20px 0 0 270px;
    width: 630px;
    background: url(../images/line_upload.gif) repeat-x left top;
}
div.upload_form_inner p#upload_button a,
div.upload_form_inner p#upload_button input,
div.upload_form_inner p#upload_button button {
    float: left;
    display: block;
    width: 154px; height: 42px;
    text-indent: -9999em;
    background-image: url(../images/bg_upload_csssplite.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
    _display: block;
}
div.upload_form_inner p#upload_button button:disabled {
    display: none;
    cursor: default;
}
div.upload_form_inner p#upload_button button[disabled]{
    display: none;
    cursor: default;
}
/*
div.upload_form_inner.step1 .status-area input.btn-upload,
div.upload_form_inner.step1 .status-area input#btnUpload {
    margin: 10px 10px 0 50px;
    width: 154px; height: 33px;
  text-indent: -9999em;
  background: url(/images/bg_upload_csssplite.jpg) -620px -223px no-repeat;
  border: none;
}
*/
div.upload_form_inner p#upload_button a.select-image { background-position: left -223px;}
div.upload_form_inner p#upload_button a.cancel { margin: 0 58px 0 0; background-position: -182px -223px;}
div.upload_form_inner p#upload_button .next { background-position: -338px -223px;}
div.upload_form_inner p#upload_button input#editbutton { background-position: -338px -223px; border: none;}
div.upload_form_inner p#upload_button input#editbutton.btn-submit-off { background-position: -338px -353px; border: none;}
div.upload_form_inner p#upload_button a.upload,
div.upload_form_inner p#upload_button button.upload { background-position: -802px -223px;}
div.upload_form_inner p#upload_button a:hover.select-image { background-position: left -266px;}
div.upload_form_inner p#upload_button a:hover.cancel { background-position: -182px -266px;}
div.upload_form_inner p#upload_button a:hover.next,
div.upload_form_inner p#upload_button button:hover.next { background-position: -338px -266px;}
div.upload_form_inner p#upload_button a:hover.upload,
div.upload_form_inner p#upload_button button.upload:hover { background-position: -802px -266px;}
div.upload_form_inner p#upload_button a:active.select-image { background-position: left -309px;}
div.upload_form_inner p#upload_button a:active.cancel { background-position: -182px -309px;}
div.upload_form_inner p#upload_button a:active.next,
div.upload_form_inner p#upload_button button:active.next { background-position: -338px -309px;}
div.upload_form_inner p#upload_button a:active.upload,
div.upload_form_inner p#upload_button button.upload:actived { background-position: -802px -309px;}

/*------------------------------------------------------------------------------ Step1 Page */

div.upload_form_inner.step1 {
    color: #999999;
}
div.upload_form_inner.step1 p.select-photo {
    padding: 0;
    height: 32px;
    background: none;
}
div.upload_form_inner p#form_query_button {

    float: none;
    margin: 0 0 0 55px; padding: 20px 0 0;
    width: 850px;
    background: url("../images/line_upload.gif") repeat-x scroll left top transparent;
}
div#flashUI1.upload_form_inner p#form_query_button {
    background: none;
}

div.upload_form_inner p#form_query_button input {
    display: block;
    float: left;
    padding: 0;
    width: 154px; height: 33px;
    text-indent: -9999em;
    background-image: url("../images/bg_upload_csssplite.jpg");
    background-repeat: no-repeat;
    border: none;
}
div.upload_form_inner p#form_query_button input.btn-upload { background-position: left -223px;}
div.upload_form_inner p#form_query_button input.btn-upload { background-position: left -223px;}

div.upload_form_inner.step1 ul {
    margin: 25px 50px 0 60px; padding: 0 0 25px 0;
}
div.upload_form_inner.step1 ul li {
    margin: 0 15px 3px 15px;
}
div.upload_form_inner.step1 .status-area {
    margin-bottom: 0;
}
div.upload_form_inner.step1 .status-area ul {
    margin: 0 0 25px 0; padding: 0 0 10px 0;
    width: 845px;
}
div.upload_form_inner.step1 .status-area ul li {
    float: left;
    margin: 0; padding: 0 40px 10px 0;
}
div.upload_form_inner.step1 .status-area-bottom {
    margin: 0 0 25px 55px;
}





div#info_box ol {
    margin: 15px 0 0 55px;
    list-style: none;
    color: #666666;
}
div#info_box ol li {
    margin: 0 0 10px 0; padding: 1px 0 1px 20px;
    background-repeat: no-repeat; background-position: 0 2px;
}
div#info_box ol li.no1 {  background-image:  url(../images/ico_flow_no1.gif);}
div#info_box ol li.no2 {  background-image:  url(../images/ico_flow_no2.gif);}
div#info_box ol li.no3 {  background-image:  url(../images/ico_flow_no3.gif);}
div#info_box ol li.no4 {  background-image:  url(../images/ico_flow_no4.gif);}
div#info_box ol li.nonumber {  background-image:  url(../images/ico_flow_nonumber.gif);}
div#info_box ol li p.supplement {
    margin: 0; padding: 0 0 5px 1em;
    color: #999999;
    line-height: 110%;
    text-indent: -1em;
}


div.upload_form_inner .status-area .flash {
    margin: 0;
    margin: 0 0 0 5px; padding: 15px 0 15px 25px;
    background: #ffffff;
    width: 840px;
}
div.upload_form_inner .status-area .fieldset .progressWrapper {
    overflow: hidden;
    float: left;
    width: 420px;
}
div.upload_form_inner .status-area .fieldset .progressContainer {
    overflow: hidden;
    float: left;
    position: relative;
    margin: 0 0 10px 0; padding-bottom: 0px;
    width: 420px;
    border-bottom: 0px;
}
div.upload_form_inner .status-area div.progressContainer a.progressCancel {
    display: block;
    float: left;
    margin-top: 2px;
    width: 11px; height: 11px;
    text-indent: -9999em;
    background: url(../images/upload_btn_close.gif) no-repeat;
}
div.upload_form_inner .status-area div.progressContainer .progressName {
    float: left;
    overflow: hidden;
    margin: 0; padding: 2px 0 1px 10px;
    width: 220px;　height: 14px;
    color: #666666;
    text-align: left;
    white-space: nowrap;
}
div.upload_form_inner .status-area div.progressContainer .progressBarStatus {
    float: left;
    margin: 0;
    text-align: right;
    font-size: 12px; font-family: Arial;
    white-space: nowrap;
}
div.upload_form_inner .status-area div.progressContainer .progressBarInProgress,
div.upload_form_inner .status-area div.progressContainer .progressBarComplete,
div.upload_form_inner .status-area div.progressContainer .progressBarError {
    clear: both;
    position: absolute;
    left: 0; top: 17px;
    font-size: 0;
    width: 0%; height: 10px;

}

div.upload_form_inner .status-area div.progressContainer .progressBarComplete {
    width: 100%;
    visibility: ;
}
div.upload_form_inner .status-area div.progressContainer .progressBarError {
    width: 100%;
    visibility: ;
}
/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #ffffff;
    overflow: hidden;
}
/* Error */
.red {
    background: url(../images/icons/icon_upload_error.gif) no-repeat left 2px;
}
.red .progressBarStatus {
    color: #a63012;
}
/* Current */
.green {
    background: #ffffff;
}
/* Complete */
.blue {
    background: url(../images/icons/icon_upload_success.gif) no-repeat left top;
}

div.upload_form_inner .status-area .status-progress-panel {
    clear: both;
    margin: 10px 25px 0 25px; padding: 15px 0 0 25px;
    border-top: 1px solid #f0f0f0;
}
div.upload_form_inner .status-area .status-progress-panel p {
    margin-bottom: 5px;
}
div.upload_form_inner .status-area .status-progress-panel p#uploadStatus {
    color: #000000;
}

div.upload_form_inner .status-area input.btn-upload,
div.upload_form_inner .status-area input.btn-cancel,
div.upload_form_inner .status-area input.btn-upload-off,
div.upload_form_inner .status-area input.btn-cancel-off {
    float: left;
    margin: 0 10px 0 0; padding: 0;
    width: 154px; height: 32px;
    background-image: url("../images/bg_upload_csssplite.jpg");
    background-repeat: no-repeat;
    border: none;
}

div.upload_form_inner .status-area input.btn-upload { background-position: -619px -223px;}
div.upload_form_inner .status-area input.btn-cancel { margin-left: 50px; background-position: -619px -400px;}
div.upload_form_inner .status-area input.btn-upload-off,
div.upload_form_inner .status-area input.btn-upload:disabled { background-position: -619px -349px;}
div.upload_form_inner .status-area input.btn-cancel-off,
div.upload_form_inner .status-area input.btn-cancel:disabled { margin-left: 50px; background-position: -619px -526px;}


/*
div.upload_form_inner .status-r p#uploadStatus {
    margin-top: 15px; padding: 0 10px 10px 15px;
  min-height: 20px;
    height: auto !important;
    height: 20px;
    color: #ff6666;
    font-weight: bold;
  background: url(../images/bg_around_upload.gif) -876px bottom no-repeat;
}
div.upload_form_inner .status-r .status-progress-panel #divStatus {
    margin: 0 10px 10px 15px;
}
div.upload_form_inner .status-r .status-progress-panel #divStatus span {
    margin-right: 10px; padding: 0 16px 1px 0;
  background: url(../images/icon_photo_select_size.gif) left -4px no-repeat;
}
*/

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
    vertical-align: top;
}

div.upload_form_inner p#form_submit_button {
    clear: both;
    margin: 0 0 20px 0; padding: 0;
    width: 258px;
}

/***** IEのみのmargin解釈バグ用hack ******/
*+html>/**/body div.upload_form_inner p#form_submit_button,
*:first-child+html div.upload_form_inner p#form_submit_button, {
    margin-bottom: 0;
}
div.upload_form_inner p#form_submit_button {
    _margin-bottom: 0;
}
/*****************************************/
div.upload_form_inner p#form_submit_button {
    float: right;
}
div.upload_form_inner p#form_submit_button input.btn-submit {
    margin: 0; padding: 0;
    width: 258px; height: 30px;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    cursor:pointer;
    border: none;
    background: url(../images/bg_button.gif) repeat-x left top;
}
div.upload_form_inner p#form_submit_button input.btn-submit-off {
    float: none;
    margin: 0; padding: 0;
    width: 258px; height: 30px;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    cursor:pointer;
    border: none;
    background: url(../images/bg_button.gif) repeat-x left -80px;
}
/********/

/*------------------------------------------------------------------------------ Error Page */

#divLoadingContent {
    margin: 10px auto;
    padding: 20px 20px 20px 60px;
    width: 860px;
    color: #333333;
    background: url(../images/indicator.gif) #ffffcc 20px 19px no-repeat;
}
#divLongLoading {
    margin: 10px auto;
    padding: 10px 20px 10px 60px;
    width: 860px;
    color: #333333;
    background: url(../images/upload_fig_warning.gif) #ffff99 20px 8px no-repeat;
}
/*------------------------------------------------------------------------------ Html Page */
div.upload_form_inner .status-area input#Filedata {
    margin-left: 10px;
    width: 385px;
}
p#form_submit_button span.btn-submit {
    clear: both;
    margin: 0; padding: 0;
    width: 258px; height: 30px;
    border: none;
}
p#form_submit_button span.btn-submit button {
    margin: 0; padding: 5px 0;
    width: 258px;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    border: 0;
    background: url(../images/bg_button.gif) repeat-x left top;
}
p#form_submit_button span.btn-submit button:disabled {
    background-position: bottom;
}
/*------------------------------------------------------------------------------ Step2 Page */
div.upload_form_inner.step2 .progress ol {
    margin: 0 0 10px 0;
}
div.upload_form_inner.step2 .progress ol p {
    margin: 10px 0 0 0; padding-left: 1em;
    text-indent: -1em;
    color: #666666;
}
div.upload_form_inner.step2 div#batch {
    position: relative;
    margin: 0 0 15px 46px; padding: 0 0 10px 0;
    width: 905px;
    color: #666666;
    background: url(../images/bg_upload_batch.jpg) left bottom no-repeat;
}
div.upload_form_inner.step2 div#batch p {
    margin-bottom: 5px;
}
div.upload_form_inner.step2 div#batch p:after {
    content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
div.upload_form_inner.step2 div#batch p.caption {
    margin: 0 0 10px 0; padding: 25px 0 0 40px;
    width: 865px;
    background: url(../images/bg_upload_batch.jpg) left top no-repeat;
}
div.upload_form_inner.step2 div#batch p.caption span { color: #999999;}

div.upload_form_inner.step2 div#batch p label {
    display: block;
    float: left;
    margin: 0; padding: 0 0 0 40px;
    width: 40px;
    line-height: 18px;
    text-align: left;
}
/* オフィシャルタグ */
div.upload_form_inner.step2 div#batch #batch-category-tag {
    float: left;
    margin: 0 0 0 77px; padding: 0 32px 15px 0;
    width: 685px; min-height: 82px;
    height: auto !important;
    height: 82px;
    background: url(../images/bg_batch_official_tag.jpg) no-repeat left bottom;

}
div.upload_form_inner.step2 div#batch #batch-category-tag .ui-widget {
    padding: 8px 0 0 22px;
    background: url(../images/bg_batch_official_tag.jpg) no-repeat left top;
}
div.upload_form_inner.step2 div#batch #batch-category-tag .ui-widget p {
    padding-left: 27px;
    line-height: 24px;
    background: url("../images/icon_official_tag.gif") no-repeat left top;
    text-shadow: 0 1px 1px #fff;
}
div.upload_form_inner.step2 div#batch #batch-category-tag input#category_keyword_pack {
    margin: 7px 0 5px 0; padding: 1px 2px 0 25px;
    width: 628px; height: 20px;
    line-height: 24px;
    background: url("../images/bg_batch_official_tag_input.jpg") no-repeat left top;
    border: medium none;
}
div.upload_form_inner.step2 div#batch #batch-category-tag #category_pack {
    float: left;
    margin: 0 0 0 22px; padding: 15px 0 0 75px;
    width: 480px;
    background: url(../images/bg_batch_official_tag_taglist.jpg) no-repeat left top;
}
div.upload_form_inner.step2 div#batch #batch-category-tag #category_pack select {
    margin-right: 10px;
}

div.upload_form_inner.step2 div#batch #batch-category-tag .get_tag {
    float: left;
    width: 70px; height: 42px;
}
div.upload_form_inner.step2 div#batch #batch-category-tag .get_tag input {
    display: block;
    width: 70px; height: 43px;
    text-indent: -9999em;
    background: url(../images/btn_batch_official_tag_input.jpg) no-repeat;
    border: none;
    cursor: pointer;
}

div.upload_form_inner.step2 div#batch p { float: left;}
div.upload_form_inner.step2 div#batch p.my-lens label { padding-left: 15px;}
div.upload_form_inner.step2 div#batch p input {
    padding: 0 0 0 5px;
    width: 671px; height: 18px;
    color: #666666;
    border-right: #dbdbdb;
    border-bottom: #dbdbdb;
}
div.upload_form_inner.step2 div#batch p input.ondes { color: #bbbbbb;}
div.upload_form_inner.step2 div#batch p select {
    margin: 0; padding: 0 0 0 5px;
    width: 678px; height: 20px;
    color: #666666;
    background: #ffffff;
}
div.upload_form_inner.step2 div#batch p select#batched-mycamera { width: 230px;}
div.upload_form_inner.step2 div#batch p select#batched-mylens { width: 393px;}
div.upload_form_inner.step2 div#batch p select option {
    color: #666666;
}

div.upload_form_inner.step2 div#batch button {
    position: absolute;
    right: 25px; top: 55px;
    width: 115px; height: 135px;
    color: #ffffff;
    text-indent: -9999em;
    background-image: url(../images/btn_upload_batch.jpg);
    background-color: transparent;
    background-repeat: no-repeat;
    _display: block;
    border: none;
}
div.upload_form_inner.step2 div#batch button:active {
    background-position: -520px -72px;
    outline: hidden;
}
div.upload_form_inner.step2 form {
    width: 895px;
}
div.upload_form_inner.step2 .status-area {
    padding: 0;
    overflow: hidden;
}
div.upload_form_inner.step2 .status-area fieldset {
    margin: -1px auto 0 auto; padding: 12px 0 15px 0;
    width: 845px;
    background: url(../images/dotline_darkgray.gif) repeat-x left top;
}
div.upload_form_inner.step2 .status-area div.uploaded_photo {
    float: left;
    margin: 6px 0 0 0; padding: 0;
    width: 220px;
}
div.upload_form_inner.step2 .status-area div.uploaded_options {
    float: right;
    margin: 0 0 0 0; padding: 5px 0 0 0;
    width: 600px;

    background: url(../images/dashline_y_white.gif) left top repeat-y;
}
div.upload_form_inner.step2 .status-area .uploaded_options option.guide-comment {
    color: #999999;
}
div.upload_form_inner.step2 .status-area .uploaded_options p,
div.upload_form_inner.step2 .status-area .uploaded_options dl {
    margin: 0 0 5px 0; padding: 0;
}
div.upload_form_inner.step2 .status-area .uploaded_options dt,
div.upload_form_inner.step2 .status-area .uploaded_options dd {
    float: left;
}
div.upload_form_inner.step2 .status-area .uploaded_options label {
    float: left;
    display: block;
    width: 75px;
    text-align: left;
    color: #666666;
}
div.upload_form_inner.step2 .status-area .uploaded_options input,
div.upload_form_inner.step2 .status-area .uploaded_options textarea,
div.upload_form_inner.step2 .status-area .uploaded_options select {
    float: left;
    margin: 0; padding: 0 3px;
    color: #666666;
}
div.upload_form_inner.step2 .status-area .uploaded_options .title input {
    width: 512px; height: 18px;
}
div.upload_form_inner.step2 .status-area .uploaded_options textarea {
    padding: 0;
    width: 520px; height: 83px;
    font-size: 12px;
}
div.upload_form_inner.step2 .status-area .uploaded_options select {
    padding: 0 1px 0 3px;
    width: 522px; height: 21px;
    background: #ffffff;
}

div.upload_form_inner.step2 .status-area .uploaded_options .category-tag {
    min-height: 146px;
    height: auto !important;
    height: 146px;
    background: url("../images/bg_official_tag.jpg") no-repeat right bottom;
}
div.upload_form_inner.step2 .status-area .uploaded_options .category-tag .ui-widget {
    float: none;
    margin: 0 0 0 75px; padding: 8px 0 0 20px;
    width: 490px;
    background: url("../images/bg_official_tag.jpg") no-repeat left top;
}
div.upload_form_inner.step2 .status-area .uploaded_options .category-tag .ui-widget p {
    padding-left: 27px;
    line-height: 110%;
    background: url("../images/icon_official_tag.gif") no-repeat left top;
    text-shadow: 0 1px 1px #fff;
}
div.upload_form_inner.step2 .status-area .uploaded_options .category-tag .ui-widget input {
    float: none;
    margin: 0 0 5px; padding: 1px 2px 0 25px;
    width: 459px; height: 20px;
    line-height: 24px;
    border: none;
    background: url("../images/bg_official_tag_input.jpg") no-repeat left top;
}
div.upload_form_inner.step2 .status-area .uploaded_options .category-tag div {
    float: left;
    margin: 0 0 0 95px; padding: 15px 0 0 75px;
    width: 325px;
    background: url("../images/bg_batch_official_tag_taglist.jpg") no-repeat left top;
}
div.upload_form_inner.step2 .status-area .uploaded_options .category-tag div select {
    margin: 0 10px 3px 0;
    width: 150px;
}
div.upload_form_inner.step2 .status-area .uploaded_options .category-tag div select#category_9902_3 {
    width: 310px;
}
div.upload_form_inner.step2 .status-area .uploaded_options .category-tag p.get_tag {
    float: left;
    margin-top: 15px;
    width: 82px; height: 43px;
}
div.upload_form_inner.step2 .status-area .uploaded_options .category-tag p.get_tag input {
    width: 80px; height: 43px;
    text-indent: -9999em;
    background: url(../images/btn_official_tag_input.jpg) no-repeat;
    border: none;
    cursor: pointer;
}

div.upload_form_inner.step2 .status-area .uploaded_options .tag input {
    width: 515px; height: 21px;
}
div.upload_form_inner.step2 .status-area .uploaded_options .ondes { color: #bbbbbb;}

div.upload_form_inner.step2 .status-area .uploaded_options .camera {
    clear: both;
}
div.upload_form_inner.step2 .status-area .uploaded_options p.publicity-select {
    margin: 10px 0; padding-top: 13px;
    background: url(../images/dotline_gray.gif) left top repeat-x;
}

div.upload_form_inner.step2 .status-area .uploaded_options .publicity-select input,
div.upload_form_inner.step2 .status-area .uploaded_options .comment input {
    padding: 0;
    vertical-align: top;
}
div.upload_form_inner.step2 .status-area .uploaded_options .publicity-select dd label,
div.upload_form_inner.step2 .status-area .uploaded_options .comment dd label {
    margin-left: 10px;
}
div.upload_form_inner.step2 .status-area .uploaded_options .field label.uncheckable {
    color: #a5a5a5;
}
div.upload_form_inner.step2 .status-area .uploaded_options .comment {
    margin-top: 10px;
}
div.upload_form_inner.step2 .status-area .uploaded_options  .publicity-select label.publicity-select,
div.upload_form_inner.step2 .status-area .uploaded_options  .comment label.comment-select {
    display: inline;
}
div.upload_form_inner.step2 .status-area .uploaded_options  .publicity-select label.publicity-select { width: 15em;}
div.upload_form_inner.step2 .status-area .uploaded_options  .comment label.comment-select { width: 7em;}
div.upload_form_inner.step2 .status-area .uploaded_options  .field label.field-select { width: 15em;}
div.upload_form_inner.step2 .status-area .uploaded_options .publicity-select label.unpublic {
    width: 380px;
}
div.upload_form_inner.step2 .status-area .uploaded_options input.privacy-radiobutton,
div.upload_form_inner.step2 .status-area .uploaded_options input.comment-radiobutton,

div.upload_form_inner.step2 .status-area .uploaded_options input.field-radiobutton  {
    display: inline;
    margin: 0 5px 0 0; padding: 0;
    width: 12px; height: 12px;
    vertical-align: top;
}

div.upload_form_inner.step2 .status-area .uploaded_options dl.field-help {
    margin: 0 0 0 75px;
    width: 525px;
    background: url(../images/bg_upload_licence.gif) right top no-repeat;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.field-help dt,
div.upload_form_inner.step2 .status-area .uploaded_options dl.field-help dd  {
    padding: 10px 15px 0 15px;
    float: none;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.field-help dd dl dt {
    float: left;
    padding: 5px 15px 0 0;
    width: 45px;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.field-help dd dl dd {
    padding: 5px 0 0 60px;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.field-help dd {
    line-height: 150%;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.field-help dd.link-to-help {
    margin: 0; padding: 5px 15px 8px 15px;
    display: block;
    background: url(../images/bg_upload_licence_bottom.gif) right bottom no-repeat;
    width: 495px;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.field-help dd.link-to-help a {
    display: block;
    padding: 0 0 0 23px;
    background: url(../images/icon_question.gif) left 0 no-repeat;
}


div.upload_form_inner.step2 .status-area .uploaded_options dl.licence-select.disabled {
    color: #ccc;
    background: url(../images/bg_licence_select_bottom_disabled.gif) right bottom no-repeat;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.licence-select.disabled dd div {
    background: url(../images/bg_licence_select_disabled.gif) right top no-repeat;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.licence-select.disabled dt label {
    color: #ccc;
}
div.upload_form_inner.step2 .status-area .uploaded_options dl.licence-select.disabled dd label {
    color: #ccc;
}

div.upload_form_inner p.agree-policy {
    margin: 0 0 15px 0;
    width: 1000px;
    text-align: center;
    color: #333333;
}
div.upload_form_inner p.agree-policy input {
    vertical-align: text-top;
}

div.upload_form_inner.step2 .notice {
    margin: 0 0 25px 0; padding: 14px 35px 14px 57px;
    border: 3px solid #ffcccc;
    background: url(../images/icons/icon_error.gif) 32px 14px no-repeat;
}


/*------------------------------------------------------------------------------ Step3 Page */
div.upload_form_inner.step3 .status-area {
    padding: 0;
}
div.upload_form_inner.step3 .status-area h3 {
    margin: 15px 0 10px 30px;
    width: 396px; height: 16px;
    text-indent: -9999em;
    background-repeat: no-repeat;
}
div.upload_form_inner.step3 .status-area h3.subtitle01 { background-image: url(../images/subtitle_upload_progress_03_01.gif);}
div.upload_form_inner.step3 .status-area h3.subtitle02 { margin-left: 0; height: 16px; background-image: url(../images/subtitle_upload_progress_03_02.gif);}
div.upload_form_inner.step3 .status-area .photo-list {
    overflow: hidden;
    padding-bottom: 67px;
    background: url(../images/bg_upload_progress_03_bottom.jpg) left bottom no-repeat;
}
div.upload_form_inner.step3 .status-area fieldset {
    float: left;
    margin: -1px 15px 0 30px; padding: 5px 0 6px 0;
    width: 390px;
    border-top: 1px solid #eeeeee;
}

div.upload_form_inner.step3 .status-area fieldset img {
    float: left;
}
div.upload_form_inner.step3 .status-area fieldset ul {
    float: left;
    margin: 5px 0 0 20px;
    width: 310px;
    line-height: 150%;
}
div.upload_form_inner.step3 .status-area fieldset ul input {
    float: left;
    margin: 0 5px 0 0;
}
:root *> div.upload_form_inner.step3 .status-area fieldset ul input { margin: 2px 5px 0 0;}
div.upload_form_inner.step3 .status-area fieldset ul lavel {
    margin: 0px 5px 0 0;
    vertical-align: text-bottom;
}

#function-explanation {
    margin: 0; padding: 0 30px 30px 30px;
    background: url(../images/bg_upload_progress_03_function_explanation_bottom.jpg) left bottom no-repeat;
}
#function-explanation table {
    margin-top: 5px;
}
#function-explanation table th {
    padding: 5px 0;
    text-align: center;
    border: 1px solid #eeeeee;
}
div.upload_form_inner.step3 .status-area #function-explanation table th.licence { width: 248px;}
div.upload_form_inner.step3 .status-area #function-explanation table th.explanation { width: 440px;}
div.upload_form_inner.step3 .status-area #function-explanation table th.posibility { width: 73px;}
div.upload_form_inner.step3 .status-area #function-explanation table th.contest { width: 73px;}
#function-explanation table .posibility { text-align: center;}
#function-explanation table .contest { text-align: center;}
#function-explanation table td {
    padding: 10px 15px;
    border: 1px solid #eeeeee;
}
div.upload_form_inner.step3 .status-area #function-explanation table td p {
    width: 390px;
}
#function-explanation table tr.background td {
    background: #f5f5f5;
}
#function-explanation table img {
    margin-right: 5px;
    vertical-align: text-bottom;
}
#function-explanation img.figure-function-explanation {
    float: right;
}
div.upload_form_inner.step3 .status-area #function-explanation p {
    margin: 0 0 10px 0;
    width: 595px;

    line-height: 150%;
}

/*------------------------------------------------------------------------------ Step4 Page */
div.upload_form_inner.step4 .status-area {
    margin-bottom: 0; padding: 30px 0 0 0;
    line-height: 150%;
    overflow: hidden;
}
div.upload_form_inner.step4 .status-area p.photo-upload {
    margin: 0 45px 10px 40px;
    color: #666;
}
div.upload_form_inner.step4 .status-area p.photo-upload span {
    padding-left: 20px;
    color: #000000;
    background: url(../images/icons/icon_upload_success.gif) left top no-repeat;
}
div.upload_form_inner.step4 .status-area p.facebook-upload {
    margin: 0 40px 10px 40px; padding: 15px 0 0 20px;
    color: #666;
    background: url(../images/dotline_darkgray.gif) left top repeat-x;
}
div.upload_form_inner.step4 .status-area p.facebook-upload span {
    display: block;
    margin-left: -20px; padding-left: 20px;
    color: #a63012;
    background: url(../images/icons/icon_upload_error.gif) left 2px no-repeat;
}
div.upload_form_inner.step4 .status-area .next-to-do h3 {
    margin: 30px 0 0 0;

}
div.upload_form_inner.step4 .status-area .next-to-do p {
    margin: 0 0 0 35px; padding: 15px 0 15px 50px;
    color: #666666;
    background: url(../images/bg_upload_progress_04.gif) repeat-y;
}
div.upload_form_inner.step4 .status-area .next-to-do img {
    display: block;
    margin: 0 0 0 35px;
}

/* petbnr 151105 sm1 */
div.upload_form_inner.step4 .status-area .next-to-do .bnrBox {
    width:760px;
    margin:0 auto;
}
div.upload_form_inner.step4 .status-area .next-to-do .bnrBox div{
    margin-top:10px;
}
div.upload_form_inner.step4 .status-area .next-to-do .bnrBox div img {
    margin:0;
}
div#main_content_side_panel .banner_mtop10 {
    margin-top:10px;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　　    FIELD HELP

 ===========================================================================================*/
div#field-help {
    padding: 20px 0 0 0;
    width: 980px;
    color: #666;
    line-height: 150%;
    background: url(../images/bg_field_help.png) left top no-repeat;
}
div#field-help h1 {
    margin: 0 0 45px 20px;

}
div#field-help h2 {
    margin: 0 0 15px 0;
    background: url(../images/dotline_gray.gif) right bottom repeat-x;
}
div#field-help .help {
    padding: 0 50px;
    margin: 0 0 25px 0;
}
div#field-help .help5 {
    margin-bottom: 0; padding-bottom: 50px;
    background: url(../images/bg_field_help_bottom.png) left bottom no-repeat;
}
div#field-help .help span.underline {
    text-decoration: underline;
}
div#field-help .help p{
    margin: 10px 0;
}
div#field-help .help ul {
    margin: 0 0 0 1em;
    list-style: disc;
}
div#field-help .help table {
    border: 1px solid #e8e8e8;
}
div#field-help .help table th,
div#field-help .help table td {
    border-left: 1px solid #e8e8e8;
    text-align: center;
}
div#field-help .help table th.field-name { width: 75px;}
div#field-help .help table th.detail { width: 460px;}
div#field-help .help table th.field { width: 82px;}
div#field-help .help table th.contest { width: 58px;}
div#field-help .help table th.group-site { width: 66px;}
div#field-help .help table th.blog-parts { width: 63px;}

div#field-help .help table td {
    padding: 15px 10px;
}
div#field-help .help table tr.background td {
    background: #f5f5f5;
}
div#field-help .help table td.detail {
    text-align: left;
}
div#field-help .help table td.detail dl {
    margin-top: 10px;
}
div#field-help .help table td.detail dl dd {
    padding-left: 0.5em;
    text-indent: -0.5em;
}

/*===========================================================================================

                         　　　　　　　　　　　　　　　　　　　　　　　　　　　     USER PAGE

 ===========================================================================================*/
/*---------------------------------------------------------------------------------- COMMON */

/* USER NAVIGATION */

div.full-wide div#user_subnav_container dl#user_subnav dd,
div#gallery div#user_subnav_container dl#user_subnav dd {
    width: 939px;
}

div#user_subnav_container {
    position: relative;
    margin: -20px 0 20px 0; padding-top: 10px;
    width: 100%;
    z-index: 1000;
    background: url(../images/bg_title_gradation_dotline.jpg) left bottom repeat-x;
}
div#user_subnav_container dl#user_subnav {
    position: relative;
    margin: 0 auto; padding: 0;
    width: 1000px; min-height: 50px;
    height: auto !important;

    height: 50px;
    border: none;
}
div#user_subnav_container dl#user_subnav dt {
    margin: 0; padding: 0 0 3px 0;
}
div#user_subnav_container dl#user_subnav dt a {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}
div#user_subnav_container dl#user_subnav dt a.usericon {
    display: block;
    position: absolute;
    left: 25px; top: 0;
    margin: 0;
    width: 39px; height: 39px;
}
div#user_subnav_container dl#user_subnav dt a img {
    width: 39px; height: 39px;
}
div#user_subnav_container dl#user_subnav dt a.username {
    position: absolute;
    left: 91px; top: 0;
    margin: 0;
}
div#user_subnav_container dl#user_subnav dt a span {
    font-weight: normal;

}
div#user_subnav_container dl#user_subnav dd {
    position: absolute;
    left: 91px; top: 15px;
    padding: 3px 0 0 0;
    width: 685px;
}
div#full-wide div#user_subnav_container dl#user_subnav dd {
    width: 939px;
}
div#user_subnav_container dl#user_subnav dd ul.sf-menu {
    width: 850px;
}
div#user_subnav_container dl#user_subnav dd ul li.top,
div#user_subnav_container dl#user_subnav dd ul li.photoall,
div#user_subnav_container dl#user_subnav dd ul li.gallery,
div#user_subnav_container dl#user_subnav dd ul li.favorite,
div#user_subnav_container dl#user_subnav dd ul li.fan,
div#user_subnav_container dl#user_subnav dd ul li.profile,
div#user_subnav_container dl#user_subnav dd ul li.administration,
div#user_subnav_container dl#user_subnav dd ul li.notice   {
    float: left;
    width: 104px; height: 23px;
    text-indent: -9999em;
    background-image: url(../images/bg_usernavi_130812.gif);
    background-repeat: no-repeat;
}
div#user_subnav_container dl#user_subnav dd ul li a.usernav-name {
    display: block;
    width: 103px; height: 23px;
    background-image: url(../images/bg_usernavi_130812.gif);
    background-repeat: no-repeat;
    border-right: 1px solid #ffffff;
}
div#user_subnav_container dl#user_subnav dd ul li span {display: none;}

div#user_subnav_container dl#user_subnav dd ul li.top,
div#user_subnav_container dl#user_subnav dd ul li.top a { background-position: left top; width: 77px;}
div#user_subnav_container dl#user_subnav dd ul li.photoall,
div#user_subnav_container dl#user_subnav dd ul li.photoall a { background-position: -77px top;}
div#user_subnav_container dl#user_subnav dd ul li.gallery,
div#user_subnav_container dl#user_subnav dd ul li.gallery a { background-position: -180px top; width: 106px;}
div#user_subnav_container dl#user_subnav dd ul li.favorite,
div#user_subnav_container dl#user_subnav dd ul li.favorite a { background-position: -286px top; width: 112px;}
div#user_subnav_container dl#user_subnav dd ul li.fan,
div#user_subnav_container dl#user_subnav dd ul li.fan a.usernav-name { background-position: -398px top; width: 104px;}
div#user_subnav_container dl#user_subnav dd ul li.profile,
div#user_subnav_container dl#user_subnav dd ul li.profile a { background-position: -502px top; width: 117px;}
div#user_subnav_container dl#user_subnav dd ul li.administration,
div#user_subnav_container dl#user_subnav dd ul li.administration a.usernav-name { background-position: -502px top; width: 104px;}
div#user_subnav_container dl#user_subnav dd ul li.notice,
div#user_subnav_container dl#user_subnav dd ul li.notice a { background-position: -620px top; width: 98px;}

div#user_subnav_container dl#user_subnav dd ul li.top a.current,
div#user_subnav_container dl#user_subnav dd ul li.top a:hover { background-position: -734px top; width: 77px;}
div#user_subnav_container dl#user_subnav dd ul li.photoall a.current,
div#user_subnav_container dl#user_subnav dd ul li.photoall a:hover { background-position: -811px top;}
div#user_subnav_container dl#user_subnav dd ul li.gallery a.current,
div#user_subnav_container dl#user_subnav dd ul li.gallery a:hover { background-position: -914px top; width: 106px;}
div#user_subnav_container dl#user_subnav dd ul li.favorite a.current,
div#user_subnav_container dl#user_subnav dd ul li.favorite a:hover { background-position: -1020px top; width: 112px;}
div#user_subnav_container dl#user_subnav dd ul li.fan a.current,
div#user_subnav_container dl#user_subnav dd ul li.fan a.usernav-name:hover { background-position: -1132px top; width: 104px;}
div#user_subnav_container dl#user_subnav dd ul li.administration a.current,
div#user_subnav_container dl#user_subnav dd ul li.administration a.usernav-name:hover { background-position: -1236px top; width: 104px;}
div#user_subnav_container dl#user_subnav dd ul li.notice a.current,
div#user_subnav_container dl#user_subnav dd ul li.notice a:hover { background-position: -1355px top; width: 104px;}

/* プルダウンメニュー*/
div#user_subnav_container dl#user_subnav dd ul.sf-menu li.administration ul {
    padding: 0;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0, .25);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
}

div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.fan-photo-all,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.fan-photo-all a { height: 46px; background-position: left top;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.fan-all,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.fan-all a { height: 32px; background-position: left -46px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.your-fan,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.your-fan a { height: 46px; background-position: left -78px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.blogparts ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.blogparts a { height: 32px; background-position: left -125px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.create-gallery ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.create-gallery a { height: 32px; background-position: left -157px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.photo-comment-edit ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.photo-comment-edit a { height: 31px; background-position: left -190px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.gallery-comment-edit ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.gallery-comment-edit a { height: 44px; background-position: left -221px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.photo-selfcomment ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.photo-selfcomment a { height: 32px; background-position: left -265px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.gallery-selfcomment  ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.gallery-selfcomment a { height: 43px; background-position: left -297px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.profile-edit ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.profile-edit a { height: 32px; background-position: left -340px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.my-dictionary ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.my-dictionary a { height: 45px; background-position: left -372px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.field-status ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.field-status a { height: 46px; background-position: left -417px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.field-photo ,
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.field-photo a { height: 44px; background-position: left -463px;}

/* プルダウンメニュー　マウスオーバー時 */
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.fan-photo-all a:hover { background-position: 104px top;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.fan-all a:hover { background-position: 104px -46px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.your-fan a:hover { background-position: 104px -78px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.blogparts a:hover { background-position: 104px -125px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.create-gallery a:hover { background-position: 104px -157px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.photo-comment-edit a:hover { background-position: 104px -190px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.gallery-comment-edit a:hover { background-position: 104px -221px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.photo-selfcomment a:hover { background-position: 104px -265px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.gallery-selfcomment a:hover { background-position: 104px -297px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.profile-edit a:hover { background-position: 104px -340px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.my-dictionary a:hover { background-position: 104px -372px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.field-status a:hover { background-position: 104px -417px;}
div#user_subnav_container dl#user_subnav dd ul.sf-menu li li.field-photo a:hover { background-position: 104px -463px;}


/* ページが空でもユーザーナビゲーションが正常に挙動するように */
ul.photo_list_centering,
ul#fan-list,
div.user-commentedit table.comment_table {
    min-height: 507px;
    height: auto !important;  /*モダンブラウザに適用*/
    height: 507px;  /*全ブラウザに適用*/
}

/*===========================================================================================

                                                                        around USER TOP PAGE

 ===========================================================================================*/

/*--------------------------------------------------------------------------- owner */
/* common */
.userpage .userpage-block {
    margin: 0 0 15px 0; padding: 0 0 5px 0;
    color: #666666;
    background: url(../images/bg_gradation_gray_dot.jpg) repeat-x left bottom;
}
.userpage h2 {
    margin-bottom: 10px;
    overflow: hidden;
    height: 15px;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}
.userpage .two-column h2 {
    width: 334px;
}
.userpage h3 img {
    float: left;
    height: 15px;
    background-image: url(../images/title_userpage_function.gif);
    background-repeat: no-repeat;
}
.userpage a.view-more {
    float: right;
    padding: 15px 5px 0 15px;
    background: url(../images/icons/icons.png) no-repeat left -115px;
    _background: url(../images/icons/icons.gif) no-repeat left -115px;
}

p.link-to-editpage a {
    display: block;
    float: right;
    padding: 8px 0 10px ;
    width: 250px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    background: url(../images/bg_button.gif) repeat-x left top;
}
p.link-to-editpage a:hover {
    background: url(../images/bg_button.gif) repeat-x left -80px;
}

/* news */
.userpage div#news {
    width: 685px;
}
.userpage div#news ul {
    margin: 0 15px 0 0;
}
.userpage div#news ul li {
    margin: 0 0 4px 0; padding: 0 0 5px 0;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}
.userpage div#news ul li.last {
    margin-bottom: 0; padding-bottom: 0;
    background: none;
}
.userpage div#news ul li .notice-box {
    padding: 10px 0;
    color: #999999;
    line-height: 140%;
}
.userpage div#news ul li .notice-box span.icon {
    float: left;
    margin-right: 10px;
    width: 25px; height: 25px;
    background-image:  url(../images/icons/icon_photo_detail.png);
    background-repeat: no-repeat;
}
.userpage div#news ul li.news-photo-favorite .notice-box span.icon { background-position: left top;}
.userpage div#news ul li.news-fan-upload .notice-box span.icon { background-position:  left -1094px;}
.userpage div#news ul li.news-photo-comment .notice-box span.icon { background-position:   left -30px;}
.userpage div#news ul li.news-add-fan .notice-box span.icon { background-position:   left -1033px;}
.userpage div#news ul li.news-photohito .notice-box img.photohito-icon {
    float: left;
    margin-right: 10px;
    width: 25px; height: 25px;
    background: url("../images/icons/icon_userpage_news_photohito.gif") no-repeat left top;
}
.userpage div#news ul li.news-photohito .notice {
    width: 730px;
}
.userpage div#news ul li.news-photohito .notice-box a {
    display: inline-block;
    margin-bottom: 5px;
}
.userpage div#news ul li .notice-box a.user-icon {
    display: block;
    float: left;
    width: 125px;
}
.userpage div#news ul li .notice-box .notice {
    float: left;
    width: 450px;
    line-height: 140%;
}
.userpage div#news ul li .notice-box .notice span.date {
    display: block;
    margin-top: 10px;
    width: 390px;
    color: #999;
}
.userpage div#news ul li .notice-box img.owner-photo {
    float: left;
}




.userpage div#news a.view-more {
    padding-top: 10px;
    background: url(../images/icons/icons.png) no-repeat left -120px;
    _background: url(../images/icons/icons.gif) no-repeat left -120px;
}

/* photo layout */
.userpage div.six-photos ul li {
    float: left;
    margin: 0 17px 0 0;
    width: 100px;
}
.userpage div.six-photos ul li a {
    text-decoration: none;
    color: #000000;
}
.userpage div.six-photos ul li a:hover {
    color: #999999;
}
.userpage div.six-photos ul li a img {
    margin-bottom: 10px;
}

.userpage div.four-photos ul.photo_list_centering {
    margin-top: 0;
}
.userpage div.four-photos ul.photo_list_centering li.photo-container-wrapper {
    margin-bottom: 0;
}
.userpage div.two-column {
    float: left;
    position: relative;
    width: 334px;
    min-height: 145px;
    height: auto !important;
    height: 145px;
}
.userpage div.two-column ul li {
    float: left;
    margin: 0;
    width: 59px;
}
.userpage div.two-column ul li.user-container {
    padding: 0;
    margin: 0 9px 0 0;
}
.userpage div.two-column ul li a img {
    display: block;
    width: 59px; height: 59px;
}
.userpage div.two-column a.view-more {
    display: block;
    float: none;
    position: absolute;
    right: 0; bottom: 5px;
    padding: 0 0 0 15px;
    background: url(../images/icons/icons.png) no-repeat left -130px;
    _background: url(../images/icons/icons.gif) no-repeat left -130px;
}
.userpage div.six-photos ul li.last,
.userpage div.two-column ul li.last {
    margin: 0;
}
/* each function */
.userpage div#liked-photograph {
    padding-bottom: 15px;
}
.userpage div#newly-your-fan {
    margin-left: 17px;

}
.userpage div#reccomend {
    clear: both;
}
.userpage div#reccomend h3 a {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

/*--------------------------------------------------------------------------- others */
/* common */
.userpage div#fan {
    margin-left: 17px;
}
/* newly-photo */
.userpage #newly-photo {
    margin-top: 7px;
}
.userpage #newly-photo ul li.photo-container-wrapper ul {
    padding-top: 18px;
}
.userpage #newly-photo ul li.photo-container-wrapper ul.mybest {
    background: url(../images/icons/icon_userpage_mybest.gif) no-repeat left top;
}
/* gallery */
.userpage #gallery ul.list-gallery-all {
    padding-top: 18px;
}
.userpage #gallery ul.mybest {
    background: url(../images/icons/icon_userpage_mybest.gif) no-repeat left top;
}
.userpage #gallery ul li.user-block {
    float: left;
    margin-right: 5px;
    width: 195px;
    min-height: 175px;
    height: auto !important;
    height: 175px;
    color: #999999;
    background: url(../images/bg_top_background.gif) no-repeat right -16px;
}
.userpage #gallery ul li.user-block ul.mybest {
    background: url(../images/icons/icon_userpage_mybest.gif) no-repeat left top;
}
.userpage #rgallery ul li.user-block ul li.title {
    margin: 0 0 5px 0;
}
.userpage #gallery ul li.user-block ul li.title img {
    width: 145px; height: 145px;
}
.userpage #gallery ul li.user-block ul li.title a.title-image {
    display: block;
    margin-bottom: 5px;
    height: 145px;
}
.userpage #gallery ul li.user-block ul li.title a,
.userpage #gallery ul li.user-block ul li.title a:visited {
    color: #000000;
    text-decoration: none;
}
.userpage #gallery ul li.user-block ul li.title a:hover { color: #666666;}
.userpage #gallery ul li.user-block ul li.user { margin: 0;}
.userpage #gallery ul li.user-block ul li.data { margin: 0;}
.userpage #gallery ul li.first { margin: 0; width: 195px;}
.userpage #gallery ul li.second { margin: 0 24px; width: 245px;}
.userpage #gallery ul li.third { margin: 0; width: 195px;}
.userpage #gallery ul li.first li.title { background: url(../images/bg_top_background.gif) no-repeat left -16px;}
.userpage #gallery ul li.first li.title img { margin-left: 50px;}
.userpage #gallery ul li.second li.title { background: url(../images/bg_top_background.gif) repeat-x left -16px;}
.userpage #gallery ul li.second li { padding-left: 30px;}
.userpage #gallery ul li.second li.title img { margin: 0 50px 0 20px;}
.userpage #gallery ul li.third li.title { background: url(../images/bg_top_background.gif) no-repeat right -16px;}
.userpage #gallery ul li.third li.title img { margin: 0 50px 0 0;}
.userpage #gallery a.linkto-new-gallery {
    display: block;
    float: right;
    margin: 10px 10px 0 0; padding-left: 15px;
    font-weight: normal;
    background: url(../images/icon_link_black.gif) left 3px no-repeat;
}
/* populer-photo */
.userpage #populer-photo ul li a {
    text-decoration: none;
    color: #666666;
}
.userpage #populer-photo ul li a:hover {
    color: #999999;
}
/* populer-photo */
.userpage #fan ul li a {
    color: #999999;
}
.userpage #fan ul li a:hover {
    color: #cccccc;
}
/* photo-all-page */
h1.userpage-title {
    margin: 0 0 10px;
    background: url("../images/dotline_darkgray.gif") repeat-x left 13px;
}
h1.userpage-title span {
    padding: 0 5px 0 0;
    height: 17px;
    font-size: 14px;
    background: none repeat scroll 0 0 #FFFFFF;
}

/*===========================================================================================

                                                                             around NEWS PAGE

 ===========================================================================================*/
.newspage .userpage {
    float: right;
    margin: 0 0 20px 0;
    width: 770px;
}
.newspage .userpage div#news {
    position: relative;
    padding-bottom: 20px;
    width: 770px;
}
.newspage .userpage div#news ul {
    clear: both;
    margin: 0;
}
.newspage .userpage #news ul#important-information {
    padding: 10px 0;
}
.newspage .userpage div#news ul li .notice-box .notice {
    margin-right: 70px;
    width: 480px;
}

.newspage p#button-clear {
    position: absolute;
    left: 60px; top: -1px; top: -2px\9; /* IE8以下 */
    padding: 2px 10px;
    background: #fff;
}
.newspage p#button-clear button#notice-read-button {
    padding: 0 10px;
    padding: 0\9; /* IE8以下 */
    font-size: 12px;
    background: #3399cc;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.newspage p#button-clear button#notice-read-button:not(:target) {
    padding: 0\9; /* IE9 */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .newspage p#button-clear button#notice-read-button {
        padding: 0; /* IE10 */
    }
}

.newspage p#button-clear button#notice-read-button:hover {
    background: #1f749f;
}
.newspage dl#user-admin-subnav {
    float: left;
    margin: -30px 0 0 0;
    width: 165px;
}
.newspage dl#user-admin-subnav dt {
    margin: 25px 0 10px 0; padding-bottom: 5px;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}
.newspage dl#user-admin-subnav dd ul li a {
    display: block;
    margin: 0 0 1px 0; padding: 2px 0 2px 12px;
    text-decoration: none;
    background: url(../images/icon_arrow_nav.gif) no-repeat left center;
}
.newspage dl#user-admin-subnav dd ul li a:hover {
    font-weight: none;
    color: #000000;
    background: url(../images/icon_arrow_nav_current.gif) no-repeat left center #e5e5e5;
}
.newspage dl#user-admin-subnav dd ul li.current a {
    font-weight: bold;
    color: #000000;
    background: url(../images/icon_arrow_nav_current.gif) no-repeat left center #e5e5e5;
}
.newspage #pagination_container {
    clear: both;
    float: none;
}

/*===========================================================================================

                                                                        around fan PAGE

 ===========================================================================================*/
div#sub_breadcrumb h1.fan-newly-photo,
div#sub_breadcrumb h1.fan {
    display: inline-block;
    width: auto;
    background: #fff;
}
ul#fan-list {
    margin: 20px 0 20px 0;
}
ul#fan-list li.fan-container {
    padding: 10px 0 0 0;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}

ul#fan-list li.fan-container dl {
    position: relative;
    min-height: 8em;
    height: auto !important;
    height: 8em;
    margin-bottom: 10px;
}
ul#fan-list li.myfan dl {
    background: url(../images/icons/icon_myfan.gif) no-repeat left top;
}
ul#fan-list li.myblock dl {
    background: url(../images/icons/icon_myblock.gif) no-repeat left top;
}
ul#fan-list li.ownself {
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom #efefef;
}

ul#fan-list li.fan-container dl dt {
    margin-bottom: 10px;
}
ul#fan-list li.fan-container dl dt a.usericon {
    position: absolute;
    left: 30px; top: 0;
}
ul#fan-list li.fan-container dl dt a.usericon img {
    width: 59px; height: 59px;
}
ul#fan-list li.fan-container dl dt a.username {
    position: absolute;
    left: 110px; top: 0;
}
ul#fan-list li.fan-container dl dd button {
    width: 30px; height: 23px;
    text-indent: -9999em;
    cursor: pointer;
    background-image: url(../images/button_control_fan.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
}
ul#fan-list li.fan-container dl dd button.fan {
    position: absolute;
    left: 30px; top: 70px;
    background-position: left 3px;
}
ul#fan-list li.fan-container dl dd button.unfan {
    position: absolute;
    left: 30px; top: 70px;
    background-position: -38px 3px;
}
ul#fan-list li.fan-container dl dd button.block {
    position: absolute;
    left: 61px; top: 70px;
    background-position: -65px 3px;
}
ul#fan-list li.fan-container dl dd button.unblock {
    position: absolute;
    left: 61px; top: 70px;
    background-position: right 3px;
}
ul#fan-list li.fan-container dl dd ul li.total-number {
    position: absolute;
    left: 110px; top: 23px;
    padding: 0 0 0 15px;
    width: 105px; height: 1em;
    color: #999999;
    background: url(../images/icons/icons.gif) no-repeat left -170px;
}
ul#fan-list li.fan-container dl dd ul li.newly-upload {
    position: absolute;
    left: 230px; top: 23px;
    padding: 0 0 0 15px;
    width: 235px; height: 1em;
    color: #999999;
    background: url(../images/icons/icons.gif) no-repeat left -170px;
}
ul#fan-list li.fan-container dl dd ul li.self-introduction {
    position: absolute;
    overflow: hidden;
    left: 110px; top: 45px;
    width: 368px; height: 4em;
    line-height: 140%;
    color: #333333;
}
ul#fan-list li.fan-container dl dd ul li.populer-photo {
    position: absolute;
    left: 490px; top: 0;
    width: 95px;
}
ul#fan-list li.fan-container dl dd ul li.populer-photo-second {
    position: absolute;
    left: 590px; top: 0;
    width: 95px;
}

/*===========================================================================================

                                                                            around ADMIN PAGE

 ===========================================================================================*/
div#user-admin {
    margin-top: 20px;
}
div#user-admin dl#user-admin-subnav {
    float: left;
    margin: -20px 0 0 0;
    width: 165px;
}
div#user-admin dl#user-admin-subnav dt {
    margin: 25px 0 10px 0; padding-bottom: 5px;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}
div#user-admin dl#user-admin-subnav dd ul li a {
    display: block;
    margin: 0 0 1px 0; padding: 2px 0 2px 12px;
    text-decoration: none;
    background: url(../images/icon_arrow_nav.gif) no-repeat left center;
}
div#user-admin dl#user-admin-subnav dd ul li a:hover {
    font-weight: none;
    color: #000000;
    background: url(../images/icon_arrow_nav_current.gif) no-repeat left center #e5e5e5;
}
div#user-admin dl#user-admin-subnav dd ul li.current a {
    font-weight: bold;
    color: #000000;
    background: url(../images/icon_arrow_nav_current.gif) no-repeat left center #e5e5e5;
}

div#user-admin #user-admin-content {
    float: right;
    width: 825px;
}
div#user-admin #user-admin-content h1 {
    margin: 0 0 15px 0; padding: 0 0 7px 0;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}


div#user-admin table.comment_table {
    clear: both;
    margin: 15px 0 20px 0;
    width: 825px;
    color: #666666;
    border-bottom: 15px solid #e5e5e5;
}
table.comment_table th {
    padding: 10px;
    font-weight: bold;
    color: #999999;
    background: #e5e5e5;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
div.written-comment table.comment_table th.date { width: 80px; padding: 0; text-align: center;}
div.written-comment table.comment_table th.photo { width: 259px; text-align: left;}
div.written-comment table.comment_table th.comment { border-right: none; text-align: left;}
div.comment-edit table.comment_table th.date { width: 80px; padding: 0; text-align: center;}
div.comment-edit table.comment_table th.photo { width: 179px; text-align: left;}
div.comment-edit table.comment_table th.comment { width: 365px; text-align: left;}
div.comment-edit table.comment_table th.username { width: 112px; text-align: left;}
div.comment-edit table.comment_table th.delete { width: 50px; text-align: center; padding: 0; border-right: none;}
div.comment-edit table.comment_table td {
    padding-top: 9px; padding-bottom: 10px;
    border-right: 1px solid #ffffff;
}
div.written-comment table.comment_table td {
    padding-top: 15px; padding-bottom: 15px;
    border-right: 1px solid #ffffff;
}
div#user-admin table.comment_table td.date { text-align: center;}
div#user-admin table.comment_table td.photo { padding-left: 10px;}
div#user-admin table.comment_table td.comment { padding-left: 10px;}
div.written-comment table.comment_table td.comment { border-right: none;}
div#user-admin table.comment_table td.username { padding-left: 10px;}
div#user-admin table.comment_table td.delete_cell { text-align: center; border-right: none;}
div#user-admin table.comment_table td.delete_cell a { display: block; padding: 5px 0;}

div#user-admin table.comment_table tr.background td { background: #f2f2f2;}

div.user-commentedit table.comment_table td.date { background: none;}
div.user-commentedit table.comment_table tr.background td.date {    background: #f2f2f2;}
div.user-commentedit table.comment_table td.username a { color: #666666; text-decoration: none;}
div.user-commentedit table.comment_table td.username a:hover { color: #333333;}
div.user-commentedit table.comment_table td.comment {
    padding: 5px 10px;
    text-align: left;
}

div.user-commentedit table.comment_table td.delete_cell a.delete {
    float: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.user-commentedit .pager10 { margin: 20px 0 0 0;}

/*------------------------------------------------------------------------------------comment edit-photo */
div.user-commentedit h3.photo {
    float: left;
    margin-bottom:15px; padding-left:32px;
    height:28px;
    background: none;
    font-size: 15px;
    line-height: 28px;
    background: url(../images/ico_commentedit_photo.gif) no-repeat;
}
div.user-commentedit h3.gallery {
    float: left;
    margin-bottom:15px; padding-left:32px;
    height:28px;
    background: none;
    font-size: 15px;
    line-height: 28px;
    background: url(../images/ico_commentedit_gallery.gif) no-repeat;
}
div.user-commentedit h3.photo span,
div.user-commentedit h3.gallery span {
    font-size: 16px;
    color: #666666;
}

/*------------------------------------------------------------------------------------profile-edit */
div.profile-edit #user-admin-content h2 {
    margin: 0 0 15px 0; padding: 0 0 10px 0;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}

div.profile-edit dl.self-introduction dt img {
    margin-bottom: 10px;
}
div.profile-edit dl.self-introduction dd {
    width: 715px;
}
div.profile-edit dl.self-introduction dd h3 {
    padding: 0 0 0 20px;
    width: 715px;
    font-size: 12px;
    background: url(../images/bg_photo_detail_edit.gif) no-repeat left -179px;
}
div.profile-edit dl.self-introduction dd h3 span {
    margin-left: 5px;
    color: #999;
}

div.profile-edit dl dd input,
div.profile-edit dl dd textarea {
    width: 705px;
    background: #eeeeee;
}
div.profile-edit dl dd textarea {
    height: 88px;
    font-size: 12px;

    line-height: 140%;
}
div.profile-edit dl.self-introduction dd.twitter-connect p,
div.profile-edit dl.self-introduction dd.facebook-connect p {
    margin: 15px 0 15px 20px;
}
div.profile-edit dl.self-introduction dd.twitter-connect ul,
div.profile-edit dl.self-introduction dd.facebook-connect ul { margin-top: 15px;}
div.profile-edit dl.self-introduction dd.twitter-connect ul li ,
div.profile-edit dl.self-introduction dd.facebook-connect ul li {
    margin: 0 0 5px 20px; padding-left: 1.5em;
    text-indent: -1.5em;
    line-height: 140%;
}
div.profile-edit dl.self-introduction dd.twitter-connect table ,
div.profile-edit dl.self-introduction dd.facebook-connect table {
    width: 715px;
    border-bottom: 15px solid #EEEEEE;
}
div.profile-edit dl.self-introduction dd.twitter-connect table td ,
div.profile-edit dl.self-introduction dd.facebook-connect table td {
    padding: 10px 20px;
}
div.profile-edit dl.self-introduction dd.twitter-connect table tr.background td ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr.background td {
    background: #f6f6f6;
    vertical-align: top;
}
div.profile-edit dl.self-introduction dd.twitter-connect table tr.background td.connect ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr.background td.connect {
    width: 125px;
}
div.profile-edit dl.self-introduction dd.twitter-connect table tr.background td.account ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr.background td.account {
    padding: 10px 20px;
    width: 508px;
    border-left: 1px solid #f0f0f0;
}
div.profile-edit dl.self-introduction dd.twitter-connect table tr.background td.account span ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr.background td.account span {
    display: block;
    float: left;
}
div.profile-edit dl.self-introduction dd.twitter-connect table tr.background td.account a ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr.background td.account a {
    display: block;
    float: right;
    padding-left: 15px;
    color: #cc6666;
    background: url(../images/upload_btn_close.gif) left top no-repeat;
}

div.profile-edit dl.self-introduction dd.twitter-connect a.release,
div.profile-edit dl.self-introduction dd.facebook-connect a.release {
    display: block;
    float: right;
    padding-left: 15px;
    color: #cc6666;
    background: url(../images/upload_btn_close.gif) left top no-repeat;
}

div.profile-edit dl.self-introduction dd.twitter-connect table tr td.my-account ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr td.my-account {
    border-left: 1px solid #f0f0f0;
}
div.profile-edit dl.self-introduction dd.twitter-connect table tr td.my-account img ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr td.my-account img {
    float: left;
}

div.profile-edit dl.self-introduction dd.twitter-connect table tr td.my-account a ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr td.my-account a {
    padding: 1px 0 3px 22px;
    background: url("../images/ico_link_out_gyay.gif") no-repeat left top;
}
div.profile-edit dl.self-introduction dd.twitter-connect table tr td.my-account p ,
div.profile-edit dl.self-introduction dd.facebook-connect table tr td.my-account p {
    float: left;
    margin: 10px 0 0 20px;
    width: 200px;
}
div.profile-edit dl.self-introduction dd.twitter-connect .connect-message ,
div.profile-edit dl.self-introduction dd.facebook-connect .connect-message {
    margin: 10px 0 10px 0; padding: 10px 10px 10px 35px;
    color: #cc6666;
    background: url("../images/icons/ico_alert_small.png") no-repeat 20px 10px #EFEFEF;
}

div.profile-edit div#submit_block {
    width: 715px;
}
/** button **/
div.profile-edit p.submit span {
    display: block;
    margin: 0 auto;
    height: 3.5em; width: 300px;
}
div.profile-edit p.submit button {
    height: 3em; width: 300px;
    text-shadow: 0 -1px 0 #376F8A;
    font-weight: bold;
    font-size: 14px;
    background: #5092B1;
    border-radius: 2px;
}

div.profile-edit dl.self-introduction dd ul.shoot li {
    margin: 0 0 5px 0; padding: 0 0 0 15px;
    background: url(../images/ico_square_lightgray.gif) no-repeat left 2px;
}
div.profile-edit div#profile-shoot {
    margin-bottom: 35px; padding: 0 0 10px 0;
    background: url(../images/bg_gradation_gray_dot.jpg) repeat-x left bottom;
}
div.profile-edit p.support {
    clear: both;
}
div.profile-edit div#profile_camera,
div.profile-edit div#profile_lens {
    float: left;
    margin: 20px 0 0 0;
    width: 400px;
}
div.profile-edit div#profile_lens { float: right;}
div.profile-edit div.add_item {
    margin: 0;
    width: 400px;
    background: #E8E8E8;
}

div.profile-edit div.add_item h4 {
    font-weight: normal;
    color: #666;
    background: url("../images/bg_photo_detail_edit.gif") no-repeat left top #fff;
}
div.profile-edit div.add_item h4 div {
    margin: 0 0 0 10px; padding: 5px 0 0 10px;
    width: 9em;
    background: url("../images/bg_photo_detail_edit.gif") no-repeat right -70px;
}
div.profile-edit div.add_item dl {
    margin: 15px 0 0 15px;
}
div.profile-edit div.add_item dl dt {
    float: left;
    width: 48px;
    color: #666;
}
div.profile-edit div.add_item dl dd {
    float: left;
    width: 332px;
}
div.profile-edit div.add_item dl dd select {
    display: block;
    margin: 0 0 5px 0;
    width: 332px;
}
div.profile-edit a.add_item_link {
    display: block;
    float: right;
    margin: 5px 5px 10px 0;
    width: 100px; height: 25px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    text-shadow: 0 -1px 0 #376F8A;
    font-weight: bold;
    background: #5092B1;
    border-radius: 2px;
}

table.profile_table {
    float: none;
    width: 400px;
    margin: 0;
    border-bottom: 15px solid #eeeeee;
}
table#license_table {
    width: 305px;
}
table.profile_table a.delete {
    margin: 0 auto;
    width: 25px;
    float: none;
    display: block;
}
/* 所持アイテムリスト */
table.profile_table tr.background {
    background: #f2f2f2;
}
table.profile_table td,
table.profile_table th,
table#license_table th,
table#license_table td {
    padding: 10px 5px;
    border-right: 1px solid #fff;
}
table.profile_table td.delete,
table.profile_table th.delete,
table#license_table th.delete,
table#license_table td.delete {
    padding: 10px 0;
}
table.profile_table th,
table#license_table th {
    color: #999;
    background: #e5e5e5;
    border-bottom: 1px solid #fff;
}
table.profile_table th.maker,
table#license_table th.maker { width: 74px;}
table.profile_table th.model,
table#license_table th.maker { width: 280px;}
table.profile_table th.delete,
table#license_table th.maker { width: 44px;}





div#stats-camera h3,
div#stats-lens h3,
div#profile_camera h3,
div#profile_lens h3 {
    margin: 0 0 10px 0; padding: 0 0 5px 20px;
    width: 380px;

    color: #000000;
    background: url(../images/bg_photo_detail_edit.gif) no-repeat left bottom;
}
div#stats-camera table,
div#stats-lens table {
    width: 335px;

}

div#stats {
    margin-bottom: 25px; padding-bottom: 25px;
    background: url(../images/bg_gradation_gray_dot.jpg) repeat-x left bottom;
}
div#stats div#stats-lens {
    margin-left: 15px;
}
div#stats div#stats-camera dl,
div#stats div#stats-lens dl {
    margin: 0 20px;
}
div#stats div#stats-category {
    clear: both;
}
div#stats div#stats-category h3 {
    margin: 0 0 10px 0; padding: 0 0 5px 20px;
    color: #000000;
    background: url(../images/bg_photo_detail_edit.gif) no-repeat left bottom;
}
div#stats div#stats-category a {
    margin: 0 20px;
}

/* お知らせ設定 */
div.profile-edit #set-notice {
    margin: 20px 0 25px 0; padding: 0 0 0 0;
}
div.profile-edit #set-notice table {
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 15px solid #eee;
}
div.profile-edit #set-notice table tr.background {
    background: #F2F2F2;
}
div.profile-edit #set-notice table th {
    color: #999999;
    font-weight: bold;
    background: #E5E5E5;
    border-bottom: 1px solid #fff;
}
div.profile-edit #set-notice table th,
div.profile-edit #set-notice table td {
    padding: 10px;
    border-right: 1px solid #fff;
}
div.profile-edit #set-notice table th.checkbox,
div.profile-edit #set-notice table td.checkbox {
    text-align: center;
    width: 25px;
}
div.profile-edit dl dd#set-notice input,
div.profile-edit dl dd#set-notice textarea {
    width: 1em;
}
div.profile-edit #set-notice table th.notice-type {
    width: 500px;
}
div.profile-edit #set-notice #submit_block {
    float: right;
}

/*------------------------------------------------------------------------------------ blogparts */
div.blogparts {
    color: #666666;
}

div.blogparts h2 {
    clear: both;
    margin: 0 0 20px 0; padding: 45px 0 10px 0;
    background: url("../images/dotline_gray_x.gif") repeat-x left bottom;
}
div.blogparts .create-blogparts {
    margin: 15px 0 0 0; padding: 25px 0 0 0;
    color: #868686;
    background: #f5f5f5;
}
div.blogparts .create-blogparts form {
    margin: 0 0 20px 0; padding: 0 20px;
}
div.blogparts .create-blogparts .sample {
    float: left;
    padding-bottom: 25px;
    width: 225px;
}
div.blogparts .create-blogparts .sample #blogparts{
    margin-bottom: 5px; padding: 30px 33px;
    width: 160px; height: 295px;
    background: #ffffff;
}
div.blogparts .create-blogparts .sample p {
    text-indent: -9999em;
    background: url(../images/bg_blogparts.png) no-repeat 88px -108px;
    _background: none;
    _text-indent: 0;
    text-align: center;
    color: #333333;
}
div.blogparts .create-blogparts ol {
    float: right;
    margin: -25px 0 0 0;
    width: 532px;
}
div.blogparts .create-blogparts ol li {
    margin:; padding: 0 0 0 30px;
}
div.blogparts .create-blogparts ol li.first {
    background: url(../images/ico_no1.png) no-repeat;
}
div.blogparts .create-blogparts ol li.second {
    background: url(../images/ico_no2.png) no-repeat;
}
div.blogparts .create-blogparts ol li.third {
    background: url(../images/ico_no3.png) no-repeat;
}
div.blogparts .create-blogparts ol li h3 {
    margin: 25px 0 10px 0; padding: 0;
    background: url(../images/dotline_gray.gif) repeat-x left bottom;
}
div.blogparts .create-blogparts ol li h3 span {
    display: block;
    width: 250px; height: 20px;
    text-indent: -9999em;
    background-image: url(../images/bg_blogparts.png);
    background-repeat: no-repeat;
}
div.blogparts .create-blogparts ol li.first h3 span {
    width: 250px;
    background-position: left -60px;
    _background: none;
    _text-indent: 0;
}
div.blogparts .create-blogparts ol li.second h3 span {

    background-position: left -83px;
    _background: none;
    _text-indent: 0;
}
div.blogparts .create-blogparts ol li.third h3 span {
    background-position: left -193px;
    _background: none;
    _text-indent: 0;
}
div.blogparts .create-blogparts ol li ul li {
    margin: 0 0 5px 0; padding: 0;
}
div.blogparts .create-blogparts ol li ul li input {
    margin-right: 5px;
    vertical-align: middle;
}
div.blogparts .create-blogparts ol li ul li {
}
div.blogparts .create-blogparts ol li ul li select {
    margin: 5px 0 0 25px;
    width: 200px;
}
div.blogparts .create-blogparts ol li ul li select option {
    padding: 2px 5px;
}
div.blogparts .create-blogparts ol li textarea {
    margin: 10px 0 0 0;
    width: 493px; height: 98px;
    border: 1px solid #cccccc;
}
div.blogparts .create-blogparts ul.advisory {
    clear: both;
    margin: 0; padding: 15px 0;
    background: url(../images/dotline_gray_x.gif) left top repeat-x;
}
div.blogparts .create-blogparts ul.advisory li {
    margin: 0 0 5px 0; padding: 0 0 0 1em;
    text-indent: -1em;
}

div.blogparts div.newly h3,
div.blogparts div.gallery h3 {
    margin: 0 0 15px 0; padding: 0 0 5px 0;
    background: url(../images/dotline_gray_x.gif) left bottom repeat-x;
}
div.blogparts div.newly p,
div.blogparts div.gallery p {
    margin: 0 0 10px 0;
}
div.blogparts div.newly {
    float: left;
    margin: 0; padding: 0;
    width: 405px;
}
div.blogparts div.gallery {
    float: right;
    margin: 0; padding: 0;
    width: 405px;
}

div.blogparts div.defalt {
    float: left;
    padding-bottom: 10px;
    width: 405px;
    background: url(../images/bg_blogparts_elastic.jpg) no-repeat right bottom;
}
div.blogparts div.zoom {
    float: right;
    padding-bottom: 10px;
    width: 405px;
    background: url(../images/bg_blogparts_elastic.jpg) no-repeat right bottom;
}
div.blogparts div.defalt p,
div.blogparts div.zoom p {
    margin: 0; padding: 25px 30px 20px 30px;
    text-align: left;
    background: url(../images/bg_blogparts_elastic.jpg) no-repeat right top;
}

div.blogparts div.defalt p.image-box,
div.blogparts div.zoom p.image-box {
    margin: 0; padding: 0 0 10px 0;
    text-align: center;
    background: #ffffff;
}

/* blogparts-close 201225 okuyama */
.blogparts-close{
    width: 580px;
    padding: 15px 18px;
    color: #ef3131;
    font-weight: bold;
    background-color: #fff4f4;
    border: 2px solid #ff5050;
    border-radius: 3px;
}
#main_content .blogparts-close p{
    font-size: 11.5px;
    line-height: 15px;
}

/*------------------------------------------------------------------------------------ licence */
div.licence dl.order {
    float: right;
    color: #666666;
}
div.licence dl.order dt {
    float: left;
    width: 60px;
}
div.licence dl.order dd {
    float: left;
}
div.licence dl.order dd a {
    display: block;
    margin: 0 0 0 10px; padding: 0 0 0 15px;
    color: #999999;
    text-decoration: none;
}
div.licence dl.order dd.current a {
    text-decoration: none;
    color: #000000;
    background: url(../images/icons/icon_checkd_small.png) left top no-repeat;
}
div.licence dl.order dd a:hover {
    text-decoration: underline;
    color: #999999;
    background: url(../images/icons/icon_checkd_small.png) left top no-repeat;
}

div.licence ul#licence-status-list {
    clear: both;
}

div.licence ul#licence-status-list dl {
    margin: 0 0 5px 0; padding: 0 0 5px 0;
    color: #999999;
    background: url(../images/dotline_gray.gif) left bottom repeat-x;
}
div.licence ul#licence-status-list dl dt {
    float: left;
    width: 59px;
}
div.licence ul#licence-status-list dl dd {
    float: left;
    margin: 0 0 0 40px;
    width: 720px;
    line-height: 150%;
}
div.licence ul#licence-status-list dl dd.date { margin-bottom: 2px; color: #666666;}
div.licence ul#licence-status-list dl dd.type { margin-bottom: 5px;}

div.licence ul#licence-status-list dl dd.status em {
    display: block;
    margin: 10px 0 8px 0; padding: 5px 5px 5px 30px;
    color: #333333;
    background: url(../images/icons/ico_alert_small.png) 10px 8px no-repeat #efefef;
}

div.licence div#photo-list-no-background {
    margin-top: 20px;
}
div.licence div#photo-list-no-background .thumbnailSort {
    float: left;
    margin: 0;
    width: 200px;
    text-align: left;
}
div#photo-list-no-background div#thumbnailSort p {
    padding-left: 0;
    color: #666666;
    background: none repeat scroll 0 0 transparent;
}
div#photo-list-no-background div#thumbnailSort p img {
    margin-right: 5px;
    vertical-align: top;
}

/* 写真一覧 */
div#photo-list-no-background {
    width: 810px;
}
div#photo-list-no-background ul#photo-list-container {
    clear: both;
    margin: 20px -5px 0 0;
    width: 815px;
    _zoom: 1;
    overflow: hidden;
}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper {
    float: left;
    margin-right: 5px;
    width: 158px; height: 222px;
}
.licence div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper {
    height: 200px;
}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.photo-container {
    text-align: center;
}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.photo-title {
    margin-top: 7px;
}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.photo-title,
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.user-name {
    text-align: center;
    color: #666666;
    text-align: center;
}
/** 2次利用フラグアイコン **/
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.photo-title img {
    margin-lrgy: 10px;
    vertical-align: text-top;
}

div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.photo-title a,
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.user-name a {
    text-decoration: none;
    color: #666666;
}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.camera-name { margin: 10px 0 3px 0;}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.camera-name a,
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.lens-name a {
    display: block;
    padding-left: 20px;
    color: #999;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left 2px;
}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.camera-name a { background-image: url(../images/ico_camera_small.gif);}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.lens-name a { background-image: url(../images/ico_lens_small.gif);}
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.photo-title a:hover,
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.user-name a:hover,
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.camera-name a:hover,
div#photo-list-no-background ul#photo-list-container li.photo-container-wrapper li.lens-name a:hover {
    text-decoration: underline;
    color: #333;
}

/*===========================================================================================

                                                                         around FAVORITE PAGE

 ===========================================================================================*/

ul.photo_list_centering li cite.favname {
    width:130px;
    float:left;
    padding:2px 0 0 0 ;
    overflow:hidden;
    font-size:10px;
}

ul.photo_list_centering li span {
    margin-bottom:1px;
}

ul.photo_list_centering li p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.photo_list_centering li p {
    zoom: 1;
}

* html ul.photo_list_centering li p {
    height: 1%;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

ul.photo_list_centering.favs {
    margin-top: 0;
}
ul.photo_list_centering.favs li ul:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
ul.photo_list_centering.favs li ul li.photo-title {

    margin-bottom: 0;
}
ul.photo_list_centering.favs li ul li.user-name {
    float: left;
    margin: 0; padding: 0;
    width: 130px;
}
ul.photo_list_centering.favs li ul li.user-name a {
    color: #3399cc;
}
ul.photo_list_centering li ul li.favorite-cancel {
    float: right;
    width: 20px; height: 13px;
    text-align: right;
}
ul.photo_list_centering li ul li.favorite-cancel a {
    display: block;
    width: 20px;
}

/*===========================================================================================

                                                                         around PROFILE PAGE

 ===========================================================================================*/

dl.self-introduction {
    margin: 20px 0 25px 0; padding: 0 0 10px 0;
    background: url(../images/bg_gradation_gray_dot.jpg) repeat-x left bottom;
}
dl.self-introduction dt {
    float: left;
    width: 110px; height: 59px;
}
dl.self-introduction dt img {
    width: 59px; height: 59px;
}
dl.self-introduction dd {
    float: right;
    margin: 0 0 10px 0;
    width: 575px;
    color: #666666;
}
dl.self-introduction dd h3 {
    margin: 0 0 10px 0; padding: 0 0 5px 20px;
    width: 555px;
    color: #000000;
    background: url(../images/bg_photo_detail_edit.gif) no-repeat left bottom;
}
dl.self-introduction dd h3 span {
    font-weight: normal;
}
dl.self-introduction dd p {
    line-height: 140%;
}
dl.self-introduction dd ul.summary-data li {
    float: left;
    margin: 0 0 5px 0; padding: 0 0 0 15px;
    width: 265px;
    background: url(../images/ico_square_lightgray.gif) no-repeat left 2px;
}
div#user_information dl.self-introduction dd.twitter-connect table ,
div#user_information dl.self-introduction dd.facebook-connect table {
    width: 575px;
}
div#user_information dl.self-introduction dd.twitter-connect table td ,
div#user_information dl.self-introduction dd.facebook-connect table td {
    padding: 5px 20px 5px 0;
}
div#user_information dl.self-introduction dd.twitter-connect table tr.background td ,
div#user_information dl.self-introduction dd.facebook-connect table tr.background td {

    background: #f6f6f6;
    vertical-align: top;
    text-align: left;
}
div#user_information dl.self-introduction dd.twitter-connect table tr.background td.account span ,
div#user_information dl.self-introduction dd.facebook-connect table tr.background td.account span {
    display: block;
    float: left;
}
div#user_information dl.self-introduction dd.twitter-connect table tr.background td.account span ,
div#user_information dl.self-introduction dd.facebook-connect table tr.background td.account span {
    display: block;
    float: right;
    padding-left: 15px;
    color: #cc6666;
    background: url(../images/upload_btn_close.gif) left top no-repeat;
}

div#user_information dl.self-introduction dd.twitter-connect table tr td.my-account img ,
div#user_information dl.self-introduction dd.facebook-connect table tr td.my-account img {
    float: left;
}
div#user_information dl.self-introduction dd.twitter-connect table tr td.my-account a ,
div#user_information dl.self-introduction dd.facebook-connect table tr td.my-account a {
    padding: 1px 0 3px 22px;
    background: url("../images/ico_link_out_gyay.gif") no-repeat left top;
}
div#user_information dl.self-introduction dd.twitter-connect table tr td.my-account p ,
div#user_information dl.self-introduction dd.facebook-connect table tr td.my-account p {
    float: left;
    margin: 10px 0 0 20px;
    width: 200px;
}

dl.self-introduction dd ul.shoot li {
    margin: 0 0 5px 0; padding: 0 0 0 15px;
    background: url(../images/ico_square_lightgray.gif) no-repeat left 2px;
}
div#profile-shoot {
    margin-bottom: 35px; padding: 0 0 10px 0;
    background: url(../images/bg_gradation_gray_dot.jpg) repeat-x left bottom;
}
div#profile-shoot #profile_camera,
div#profile-shoot #profile_lens {
    margin: 20px 0 50px 0;
    width: 330px;
}
div#profile-shoot #profile_camera {float: left;}
div#profile-shoot #profile_lens {float: right;}
div#profile-shoot #profile_camera table.profile_table,
div#profile-shoot #profile_lens table.profile_table {
    width: 330px;

}


/*===========================================================================================

                                                                 around USER ICON UPLOAD PAGE

 ===========================================================================================*/
#sub_breadcrumb h1.usericon-upload {
    display: inline-block;
    width: auto;
    background: #fff;
}
div#usericon-upload-area {
    position: relative;
    margin-top: 10px; padding: 25px 20px;
    width: 645px;
    color: #666666;
    background: #f8f8f8;
}
div#usericon-upload-area div.usericon-caption {
    float: left;

    width: 320px;
}
div#usericon-upload-area div.usericon-caption ul {
    margin: 15px 0;
    width: 320px;
}
div#usericon-upload-area div.usericon-caption ul li {
    margin: 0 0 3px 0; padding: 0 0 0 15px;
    width: 320px;
    background: url(../images/icons/icons.gif) no-repeat left -170px;
}
div#usericon-upload-area ul.usericons {
    float: right;
    margin: 15px 0;
    width: 292px;
}
div#usericon-upload-area ul.usericons li.usericon-small {
    float: left;
    width: 63px;
}
div#usericon-upload-area ul.usericons li.usericon-medium {
    float: left;
    width: 84px;
}
div#usericon-upload-area ul.usericons li.usericon-large {
    float: left;
    width: 145px;
}

div#usericon-upload-area #usericon-upload-field {
    clear: both;
    margin: 0 0 20px 0; padding: 20px;
    width: 605px;
    background: #eaeaea;
}
div#usericon-upload-area p#form_submit_button span.btn-submit {
    float: right;
}
div#usericon-upload-area p#form_submit_button.icon-delete {
    position: absolute;
    left: 20px; bottom: 40px;
}
div#usericon-upload-area p#form_submit_button.icon-delete span.btn-submit {
    float: none;
}
div#usericon-upload-area p#form_submit_button.icon-delete button {
    background: #999;
}


/*===========================================================================================

                                                                         around GALLERY PAGE

 ===========================================================================================*/

div#navi_photohito { margin-top: 0;}

#gallery #user_subnav_container {
    margin-bottom: 0;
}
ul#user_gallery_subnav {
    margin: 0 0 15px 0;
    width: 1000px; height: 25px;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}

ul#user_gallery_subnav li.edit {
    float: left;
    margin: 0 5px 0 0;
    width: 95px;
}
ul#user_gallery_subnav li.delate {
    float: left;
    width: 95px; height: 20px;
}
ul#user_gallery_subnav li.edit a {
    display: block;
    width: 95px; height: 20px;
    text-indent: -9999em;
    cursor: pointer;
    border: none;
    background: url(../images/gallery/input_gallery_edit.gif) no-repeat left top;
}
ul#user_gallery_subnav li.edit a:hover {
    background: url(../images/gallery/input_gallery_edit_hover.gif) no-repeat left top;
}
ul#user_gallery_subnav li.delate input.delete-gallery {
    display: block;
    padding: 0;
    width: 94px; height: 20px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 0px;
    background: url(../images/gallery/input_gallery_delate.gif) no-repeat left top #a3a3a3;
}
ul#user_gallery_subnav li a img {
    margin: 1px 5px 0 0;
    vertical-align: text-bottom;
}
ul#user_gallery_subnav li a span {
    vertical-align: text-bottom;
}
ul#user_gallery_subnav li.blogparts {
    float: left;
    margin: 0 0 0 5px;
    width: 195px; height: 20px;
    text-indent: -9999em;
}
ul#user_gallery_subnav li.blogparts a {
    display: block;
    width: 195px; height: 20px;
    background: url(../images/gallery/button_gallery_blogparts.gif) left top no-repeat;
}
ul#user_gallery_subnav li.blogparts a:hover {
    background: url(../images/gallery/button_gallery_blogparts_hover.gif) left top no-repeat;
}
ul#user_gallery_subnav li.create,
ul#user_gallery_subnav li.return {
    float: right;
    margin: 0; padding: 0 5px 5px 0;
    width: 13em;
    text-align: right;
}
ul#user_gallery_subnav li.create a {
    padding: 5px 0 5px 20px;
    background: url(../images/gallery/ico_gallery_create.gif) no-repeat left 5px;
    color: #666666;
}
ul#user_gallery_subnav li.return a {
    padding: 5px 0 5px 20px;
    background: url(../images/gallery/ico_gallery_back.gif) no-repeat left 5px;
    color: #666666;
}
ul#user_gallery_subnav li.create a:hover,
ul#user_gallery_subnav li.return a:hover { color: #333333;}

#gallery .Sort {
    margin: 10px 0 20px 0;
    text-align: right;
}
#gallery .undertub {
    float: right;
    margin: 0 5px 0 0;
    width: 995px; height: 25px;
    text-align: right;
    background: url(../images/dotline_gray_x.gif) bottom right repeat-x;
}
#gallery .Sort a,
#gallery .undertub a {color: #666666;}

#gallery .Sort dl {
    margin: 0;
}
#gallery .Sort dl dt {
    display: inline;
    color: #666666;
}
#gallery .Sort dl dd {
    display: inline;
    margin-left: 3px;
    padding: 2px 5px 1px 5px;
}
#gallery .Sort dl dd.populer {
    border-left: 1px solid #999999;
}
#gallery .Sort dl dd.selected {
    background: #333333;
    color: #ffffff;
}

#gallery .undertub a.back-to-gallery {
    display: block;
    float: right;
    margin: 0 5px 0 0; padding-left: 18px;
    background: url(../images/gallery/ico_gallery_back.gif) no-repeat left 2px;
}

/*-----------------------------------------------------------------　gallery-all,recent-gallery */

#gallery-all {
    float:left;
    width: 1000px;
    min-height: 300px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 300px; /* Hack for IE6, min-height */
}

#gallery-all ul.list-gallery-all:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-all ul.list-gallery-all li { margin-top: 0;}
#gallery-all ul.list-gallery-all li.user-block {
    float: left;
    margin-right: 5px;
    width: 195px; height: 273px;
    background: url(../images/gallery/bg_gallery_all.gif) no-repeat right top;
}
#gallery-all ul.list-gallery-all li.right {
    margin-right: 0;
}
#gallery-all ul.list-gallery-all ul:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-all ul.list-gallery-all ul li.title {
    margin-bottom: 5px;
}
#gallery-all ul.list-gallery-all ul li.title img {
    margin-bottom: 5px;
}
#gallery-all ul.list-gallery-all ul li.title a,
#gallery-all ul.list-gallery-all ul li.title a:visited {color: #000000;text-decoration: none;}
#gallery-all ul.list-gallery-all ul li.title a:hover {color: #666666;}
#gallery-all ul.list-gallery-all ul li.user {
    padding-bottom: 3px;
    font-style: italic;
}
#gallery-all ul.list-gallery-all ul li.view {
    display: inline;
    padding-right: 2px;
    color: #999999;
    border-right: 1px solid #999999;
}
#gallery-all ul.list-gallery-all ul li.comment {
    display: inline;
    margin-left: 3px; padding-right: 4px;
    color: #999999;
    border-right: 1px solid #999999;
}
#gallery-all ul.list-gallery-all ul li.comment a,
#gallery-all ul.list-gallery-all ul li.comment a:visited {color: #999999;}
#gallery-all ul.list-gallery-all ul li.comment a:hover {color: #666666;}
#gallery-all ul.list-gallery-all ul li.slideshow {
    display: inline;
    margin: 0;
}
#gallery-all ul.list-gallery-all ul li.slideshow a {
    padding: 0 0 0 3px;
}
#gallery-all ul.list-gallery-all ul li.slideshow a span {
    display: none;
}
#gallery-all ul.list-gallery-all ul li.slideshow img {
    width: 27x; height: 13px;
    vertical-align: text-top;
}
#gallery-all ul.list-gallery-all ul li.data {
    clear: both;
    margin: 1px 0 2px 0;
    color: #999999;
}
#gallery-all ul.list-gallery-all ul li.gallery-edit ul {
    margin: 0; padding: 0;
    width: 195px;
}
#gallery-all ul.list-gallery-all ul li.gallery-edit ul li {
    float: left;
    width: 94px; height: 20px;
    background: #cccccc;
}
#gallery-all ul.list-gallery-all ul li.gallery-edit ul li a {
    display: block;
    width: 94px; height: 20px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: none;
}
#gallery-all ul.list-gallery-all ul li.gallery-edit ul li.edit { margin-right: 7px;}

#gallery-all ul.list-gallery-all ul li.gallery-edit ul li a img {
    margin: 1px 5px 0 0;
    vertical-align: text-bottom;
}
#gallery-all ul.list-gallery-all ul li.gallery-edit ul li a span {
    vertical-align: text-bottom;
}
#gallery-all ul.list-gallery-all ul li.gallery-edit ul li.edit a { background: #c8c8c8;}
#gallery-all ul.list-gallery-all ul li.gallery-edit ul li.edit a:hover { background: #dddddd;}
#gallery-all ul.list-gallery-all ul li.gallery-edit ul li.delate input.delete-gallery {
    display: block;
    padding: 0;
    width: 94px; height: 20px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 0px;
    background: url(../images/gallery/input_gallery_delate.gif) no-repeat left top #a3a3a3;
}
#gallery-all ul.list-gallery-all ul li.blogparts a {
    display: block;
    margin: 5px 0 0 0;
    width: 195px; height: 20px;
    text-indent: -9999em;
    background: url(../images/gallery/button_gallery_blogparts.gif) no-repeat left top;
}
#gallery-all ul.list-gallery-all ul li.blogparts a:hover {
    background: url(../images/gallery/button_gallery_blogparts_hover.gif) left top no-repeat;
}
#gallery-all div#gallery_pagination_container {
    clear:both;
    float:left;
    margin-top: 0;
    width: 1000px;
}

/* for only owner */

#gallery-all  ul.list-gallery-all li.private ul li.title {
    padding-left: 18px;
    background: url(../images/gallery/ico_gallery_private.gif) left bottom no-repeat;
}
#gallery-all  ul.list-gallery-all li.private ul li.title a {color: #666666;}
#gallery-all  ul.list-gallery-all li.private ul li.title a:hover {color: #999999;}

#gallery-all  ul.list-gallery-all li.private ul li.title img {
    margin-left: -18px;
}

/*-------------------------------------------------------------------------------　gallery-simple */

#gallery-simple {
    float: left;
    padding-bottom: 50px;
}


#gallery-simple ul.list-gallery-simple li {
    float: left;
    margin: 0 5px 5px 0; padding: 0;
    width: 95px; height: 95px;
    background: #c5c5c5;
    font-size: 0;
}

#gallery-simple #description {
    float: left;
    background: url(../images/gallery/bg_gallery_simple_title.gif) repeat-y left top;
}
#gallery-simple h1.title {
    float: left;
    margin-right: 5px; padding-top: 12px;
    width: 295px;
    min-height: 38px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 38px; /* Hack for IE6, min-height */
    background: #ffffff;
    font-size: 18px;
}
#gallery-simple h1.title:first-letter {
    font-size: 36px;
}
#gallery-simple .notes {
    float: left;
    width: 495px;
    background: #f2f2f2;
}
#gallery-simple .notes ul {
    margin: 23px 8px 0 0;
    text-align: right;
}
#gallery-simple .notes ul li {
    display: inline;
    color: #999999;
}
#gallery-simple .notes ul li.data {
    margin-left: 5px; padding-left: 5px;
    border-left: 1px solid #999999;
}
#gallery-simple .notes p {
    margin: 10px 0 0 47px; padding-bottom: 12px;
    width: 448px;
    min-height: 88px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 88px; /* Hack for IE6, min-height */
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    background: url(../images/gallery/bg_gallery_notes.gif) repeat left top;
}

#gallery-simple ul.comment {
    float: left;
    margin: 0 0 0 5px;
    width: 195px;
    background: #dbdbdb;
    border-radius: 4px;
}
#gallery-simple ul.comment li {
    margin: 10px;
}
#gallery-simple ul.comment li span {
    font-size: 10px;
    line-height: 12px;
    margin-top: 2px;
    display: block;
}
#gallery-simple ul.comment li a {
    text-decoration: none;
}
#gallery-simple ul.comment li a:hover {
    text-decoration: underline;
}


/*-------------------------------------------------------------------------------　gallery-block */

#gallery-block {
    float: left;
    position: relative;
    width: 1000px; height: 596px;
    background: url(../images/gallery/bg_gallery_block.gif) repeat;
}

#gallery-block ul.list-gallery-block li { margin: 0; padding: 0; position: absolute;  background: #c5c5c5; }
#gallery-block ul.list-gallery-block li.no1     { left: 750px; top: 0; width: 245px; height: 245px;}
#gallery-block ul.list-gallery-block li.no1 img { width: 245px; height: 245px;}
#gallery-block ul.list-gallery-block li.no2     { left: 100px; top: 0; width: 195px; height: 195px;}
#gallery-block ul.list-gallery-block li.no2 img { width: 195px; height: 195px;}
#gallery-block ul.list-gallery-block li.no3     { left: 650px; top: 250px; width: 195px; height: 195px;}
#gallery-block ul.list-gallery-block li.no3 img { width: 195px; height: 195px;}
#gallery-block ul.list-gallery-block li.no4     { left: 0; top: 400px; width: 195px; height: 195px;}
#gallery-block ul.list-gallery-block li.no4 img { width: 195px; height: 195px;}
#gallery-block ul.list-gallery-block li.no5     { left: 0; top: 250px; width: 145px; height: 145px;}
#gallery-block ul.list-gallery-block li.no5 img { width: 145px; height: 145px;}
#gallery-block ul.list-gallery-block li.no6     { left: 200px; top: 350px; width: 145px; height: 145px;}
#gallery-block ul.list-gallery-block li.no6 img { width: 145px; height: 145px;}
#gallery-block ul.list-gallery-block li.no7     { left: 0; top: 0; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no7 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no8     { left: 650px; top: 0; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no8 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no9     { left: 0; top: 100px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no9 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no10     { left: 650px; top: 100px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no10 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no11     { left: 150px; top: 200px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no11 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no12     { left: 250px; top: 200px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no12 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no13     { left: 900px; top: 300px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no13 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no14     { left: 900px; top: 400px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no14 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no15     { left: 200px; top: 500px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no15 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no16     { left: 300px; top: 500px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no16 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no17     { left: 600px; top: 500px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no17 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no18     { left: 700px; top: 500px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no18 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no19     { left: 800px; top: 500px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no19 img { width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no20     { left: 900px; top: 500px; width: 95px; height: 95px;}
#gallery-block ul.list-gallery-block li.no20 img { width: 95px; height: 95px;}

#gallery-block #description {
    position: absolute;
    left: 400px; top: 0;
    width: 195px; height:596px;
    background: #ffffff;
}
#gallery-block ul.slideshow {
    margin: 0;
    text-align: right;
}
#gallery-block ul.slideshow li a {
    padding: 2px 0 2px 26px;
    color: #000000;
    background: url(../images/gallery/ico_gallery_slideshow.gif) 5px 4px no-repeat;
}
#gallery-block ul.slideshow li span {
    font-size: 10px;
    line-height: 12px;
    margin-top: 5px;
    display: block;
}
#gallery-block ul.slideshow li a:hover {
    color: #ffffff;
    background: url(../images/gallery/ico_gallery_slideshow_hover.gif) 5px 4px no-repeat #666666;
}
#gallery-block h1.title {
    margin-top: 50px;
    font-size: 20px;
    text-align: center;
}
#gallery-block .notes ul {
    margin: 60px 0 0 0;
    text-align: right;
}
#gallery-block .notes ul li {
    display: inline;
    color: #999999;
}
#gallery-block .notes ul li.data {
    margin-left: 5px; padding-left: 5px;
    border-left: 1px solid #999999;
}

#gallery-block ul.comment { margin: 0;}
#gallery-block ul.comment li a {padding: 0 0 0 15px;color: #333333;}
#gallery-block ul.comment li a:hover { background: #666666; color: #ffffff;}
#gallery-block .notes p {
    margin: 22px 0 0 0; padding-bottom: 12px;
    min-height: 88px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 88px; /* Hack for IE6, min-height */
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    background: url(../images/gallery/bg_gallery_notes.gif) repeat left top;
}

/*-------------------------------------------------------------------------------　gallery-comment */

#gallery-comment {
    float: left;
    margin-top: 15px; padding-bottom: 40px;
}


#gallery-comment #description {
    overflow: auto;
    width: 1000px;
    background: url(../images/gallery/bg_gallery_block.gif) repeat;
}
#gallery-comment h1.title {
    float: left;
    margin-right: 5px; padding-top: 12px;
    width: 295px;
    min-height: 38px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 38px; /* Hack for IE6, min-height */
    background: #ffffff;
    font-size: 18px;
}
#gallery-comment h1.title a { text-decoration: none; color: #000000;}

#gallery-comment .title:first-letter {
    font-size: 36px;

}
#gallery-comment .cover {
    float: left;
    margin-right: 5px;
}
#gallery-comment .notes {
    float: left;
    width: 495px;
    background: #f2f2f2;
}
#gallery-comment .notes ul {
    margin: 23px 8px 0 0;
    text-align: right;
}
#gallery-comment .notes ul li {
    display: inline;
    color: #999999;
}
#gallery-comment .notes ul li.data {
    margin-left: 5px; padding-left: 5px;
    border-left: 1px solid #999999;
}
#gallery-comment .notes p {
    margin: 10px 0 0 47px; padding-bottom: 9px;
    width: 448px;
    min-height: 88px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 88px; /* Hack for IE6, min-height */
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    background: url(../images/gallery/bg_gallery_notes.gif) repeat left top;
}
#gallery-comment ul.comment {
    clear: both;
    margin: 10px 0 0 0;
    width: 995px;
    color: #999999;
    text-align: right;
}
#gallery-comment ul.comment li {
    display: inline;
}
#gallery-comment ul.comment li a {
    margin-left: 5px; padding-left: 25px;
    border-left: 1px solid #999999;
    background: url(../images/gallery/ico_gallery_comments.gif) 5px 2px no-repeat;
}
#gallery-comment ul.comment li a { color: #999999;}
#gallery-comment ul.comment li a:hover { color: #333333;}

#gallery-comment ul#gallery_view_comments {
    clear: both;
    padding:0pt 0pt 0pt 150px;
    width: 845px;
}
#gallery-comment ul#gallery_view_comments li {
    padding-bottom: 5px;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
    width: 845px;
}
#gallery-comment ul#gallery_view_comments li:after {
    content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-comment ul#gallery_view_comments p {
    clear: both;
    float: left;
    margin-top: 10px;
    width: 150px;
}
#gallery-comment ul#gallery_view_comments p img {
    width: 39px; height: 39px;
}
#gallery-comment ul#gallery_view_comments p.username {
    float: left; clear: none;
    margin: 5px 0 0 0;
    width: 475px;
    line-height: 140%;
}
#gallery-comment div.photo_view_comments_text {
    float: left; clear: none;
    margin: 10px 0 0 0;
    width: 475px;
    min-height: 6em;
    height: auto !important; /* Hack for IE6, min-height */
    height: 6em; /* Hack for IE6, min-height */
    line-height: 140%;
}

#gallery-comment div.data-part {
    clear: both;
    padding: 0 0 5px 150px;
}
#gallery-comment div.data-part:after {
    content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-comment div.data-part ul.comment-permalink {
    float: left;
    margin: 5px 0 0 0;

    width: 475px;
    color: #cccccc;
}
#gallery-comment ul#gallery_view_comments li ul.comment-permalink li {
    display: inline;
    float: left;
    padding-bottom: 0;
    width: 10.5em;
    background: none;
}
#gallery-comment ul.comment-permalink li.comment-date {
    margin-right: 7px; padding-right: 5px;
    border-right: 1px solid #dddddd;
}
#gallery-comment ul.comment-permalink li.permalink a {color: #cccccc;}
#gallery-comment div.data-part ul.comment-edit {
    float: right;
    width: 200px; height: 20px;
}
#gallery-comment ul#gallery_view_comments li div.data-part ul.comment-edit li {
    float: right;
    padding: 0;
    width: 95px; height: 20px;
    text-indent: -9999em;
    background: none;
}
#gallery-comment ul#gallery_view_comments li div.data-part ul.comment-edit li a {
    display: block;
    width: 95px; height: 20px;
    text-indent: -9999em;
}
#gallery-comment ul#gallery_view_comments li div.data-part ul.comment-edit li.edit-gallery a {
    background: url(../images/gallery/input_gallery_edit.gif) no-repeat left top;
}
#gallery-comment ul#gallery_view_comments li ul.comment-edit li.delate-gallery { margin-left: 5px;}
#gallery-comment ul#gallery_view_comments li div.data-part ul.comment-edit li.delate-gallery a {
    background: url(../images/gallery/input_gallery_delate.gif) no-repeat left top;
}
#gallery-comment ul#gallery_view_comments li form.gallery-comment-inplaceeditor:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}

#gallery-comment #comment-write {
    position: relative;
    margin: 35px 0 30px 0;
    padding:0pt 0pt 0pt 150px;
    width: 845px;
    background: url(../images/gallery/bg_gallery_comment_write.jpg) no-repeat 150px top;
}
#gallery-comment #comment-write:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}

#gallery-comment #comment-write textarea {
    float: left;
    margin-left: 150px;
    width: 485px; height: 144px;
    background: #eeeeee;
}
#gallery-comment #comment-write p#comment_submit {
    float: right;
    margin: 110px 0 0 0; padding: 0;
    width: 195px;
}
#gallery-comment #comment-write p#comment_submit #comment_submit_button {
    margin: 10px 0 0 0; padding: 0;
    display: block;
    width: 195px; height: 30px;
    cursor: pointer;
    text-shadow: 0 -1px 0 #376F8A;
    font-weight: bold;
    background: #5092B1;
    border-radius: 2px;
}
#gallery-comment #comment-write p#comment_submit button:active { background-position: left bottom;}

#gallery-comment form.gallery-comment-inplaceeditor {
    float: left;

    margin: 10px 0 5px 0;
    width: 497px;
}
#gallery-comment form.gallery-comment-inplaceeditor textarea.editor_field {
    clear: both;
    margin: 0 0 5px 0;
    width: 485px; height: 8em;
    font-size: 12px;
    background: #eeeeee;
}
#gallery-comment form.gallery-comment-inplaceeditor input.editor_cancel_button {
    float: left;
    display: block;
    margin: 0 0 10px 10px;
    width: 95px; height: 20px;
    cursor: pointer;
    color: #ffffff;
    background: #c3c3c3;
    border: 0px;
}
#gallery-comment form.gallery-comment-inplaceeditor input.editor_ok_button {
    float: left;
    display: block;
    margin: 0 0 0 292px;
    width: 95px; height: 20px;
    cursor: pointer;
    background: #66cccc;
    border: 0px;
}

/*--------------------------------------------------------------------------　gallery-slideshow */
#gallery-slideshow { background: #000000;}
#gallery-slideshow a,img { border: 0;}
#gallery-slideshow .logo {
    text-align: right;
}
#gallery-slideshow .logo img { width: 79px; height: 79px;}

/*-------------------------------------------------------------------------------　gallery-edit */

#gallery-edit {
    position: relative;
    float: left;
    margin-top: 5px;
    width: 826px;
    background: url(../images/gallery/bg_gallery.jpg) left bottom repeat-x;
}

#gallery-edit {
    color: #666666;
    background: #ffffff;

}
#gallery-edit h2.title {
    margin: 0 0 15px 0; padding: 0 0 10px 0;
    height: 40px;
    color: #000000;
    font-size: 18px;
    background: url(../images/dotline_gray_x.gif) repeat-x left bottom;
}
#gallery-edit h2.title:first-letter { font-size: 36px;}
#gallery-edit ul.information {
    float: right;
    padding: 20px 0 5px 0;
    color: #999999;
    text-align: right;
    background: #ffffff;
}
#gallery-edit ul.information li {
    display: inline;
    margin-left: 5px; padding-left: 5px;
}
#gallery-edit ul.information li a { color: #999999;}
#gallery-edit ul.information li a:hover { background: #666666; color: #ffffff;}
#gallery-edit ul.information li.data {
    padding-right: 5px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#gallery-edit dl.gallery-status-area {
    clear: both;
    margin: 10px 0 25px 0; padding: 20px 0 10px 20px;
    background: #F5F5F5;
}
#gallery-edit dl.gallery-status-area p {
    clear: both;
    margin: 5px 0; padding: 10px 0 0 0;
    background: url(../images/dotline_white.gif) left top repeat-x;
}
#gallery-edit dl.gallery-status-area dt {
    float: left;
    margin-top: 0; padding-top: 0;
    width: 171px;
}
#gallery-edit dl.gallery-status-area dt.publicity,
#gallery-edit dl.gallery-status-area dt.template {
    float: none;
    margin-bottom: 10px;
}
#gallery-edit  dl.gallery-status-area dd {
    float: left;
    margin: 0 0 10px 0;
    width: 600px;
}
#gallery-edit dl.gallery-status-area dd.publicity,
#gallery-edit dl.gallery-status-area dd.template {
    margin-left: 15px;
    width: 750px;

}
#gallery-edit dl.gallery-status-area dd.publicity {
    margin-bottom: 15px;
}
#gallery-edit dl.gallery-status-area dd.publicity label {
    margin-right: 50px;

}
#gallery-edit dl.gallery-status-area dd input,
#gallery-edit dl.gallery-status-area dd textarea {
    width: 590px;
    color: #666666;
    font-size: 14px;
}
#gallery-edit dl.gallery-status-area dd.publicity input,
#gallery-edit dl.gallery-status-area dd.template input {
    display: inline;
    margin-right: 2px;
    width: 1em;
    vertical-align: text-top;
}
#gallery-edit dl.gallery-status-area dd.template ul li {
    float: left;
    width: 360px;
}
#gallery-edit dl.gallery-status-area dd.template ul li.block {
    float: right;
}
#gallery-edit dl.gallery-status-area dd.template ul li img { margin-top: 5px;}
#gallery-edit .gallery-status-area label.private { color: #ff0000;}
#gallery-edit .gallery-status-area p.choice-design {
    overflow: auto;
    margin-bottom: 0;
    height: 140px;
}

#gallery-edit .gallery-status-area p.choice-design label.gallery-design {
    display: block;
    float: left;
    margin: 0 0 0 5px;
    width: 200px;
    text-align: left;
}
#gallery-edit .gallery-status-area p.choice-design label.simple {width: 275px;}
#gallery-edit .gallery-status-area p.choice-design label.gallery-design img {margin-top: 5px;}
#gallery-edit .gallery-status-area p.choice-publicity input {margin-right: 5px;}

/* for error message */
#gallery-edit div.form_error { background: #ffeaea;}
#gallery-edit #error_for_title,
#gallery-edit #error_for_description,
#gallery-edit #error_for_privacy,
#gallery-edit #error_for_type {
    clear: both;
    margin: 0; padding: 1px 0 0 25px;
    width: 500px;
    color: #ff6666;
    background: url(../images/gallery/ico_alert.gif) no-repeat;
}
#gallery-edit #error_for_type {
    padding-bottom: 5px;
}

#gallery-edit .photo-select {
    clear: both;
    margin-bottom: 25px; padding-bottom: 50px;
    background: url(../images/dotline_gray_x.gif) left bottom repeat-x;
}

#gallery-edit .photo-select .filter {
    margin-bottom: 10px; padding: 10px 0 10px 0;
    color: #666666;
}
#gallery-edit .photo-select .filter label {
    margin: 10px 0 5px 0;
    line-height: 150%;
}
#gallery-edit .photo-select .filter select {
    width: 208px;
}
#gallery-edit .photo-select a.previous {
    display: block;
    float: left;
    margin: 0 20px 0 15px;
    _margin: 0 20px 0 5px;
    width: 60px; height: 186px;
    text-indent: -9999em;
    background: url(../images/gallery/pager_arrow_previous.gif) left center no-repeat;
}
#gallery-edit .photo-select ul#list-select-photo {
    float: left;
    margin: 0;
    width: 641px; height: 130px;
}
#gallery-edit .photo-select ul#list-select-photo:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-edit .photo-select ul#list-select-photo li {
    float: left;
    margin: 0 5px 5px 0; padding: 0;
    width: 59px; height: 59px;
}

#gallery-edit .photo-select a.next {
    display: block;
    float: left;
    margin-left: 14px;
    width: 60px; height: 186px;
    text-indent: -9999em;
    background: url(../images/gallery/pager_arrow_next.gif) right center no-repeat;
}

#gallery-edit p.create-gallery-notice {
    clear: both;
    margin: 0 0 25px 0; padding-top: 20px;
    text-align: center;
}

#gallery-edit .photo-select .select-box {
    clear: both;
    margin-top: 10px; padding: 12px 0 0 0;
    width: 826px;
    background: #f5f5f5;
    border-bottom: 30px solid #e2e2e2;
}
#gallery-edit .photo-select .select-box:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}

#gallery-edit .photo-select .select-box .photobox {
    float: left;
    padding-bottom: 30px;
}

#gallery-edit .photo-select .select-box h4.subtitle-select-box {
    margin: 0 0 27px 15px; padding-bottom: 5px;
    width: 686px;
    font-weight: normal;
    color: #999;
    background: url(../images/dotline_gray_x.gif) left bottom repeat-x;
}

#gallery-edit .photo-select .select-box ol {
    list-style: none;
    margin: 0 0 0 15px; padding: 0;
    width: 686px;
}
#gallery-edit .photo-select .select-box ol:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-edit .photo-select .select-box ol li {
    float: left;
    margin: 0 9px 0 0; padding: 0;
    width: 60px; height: 60px;
    text-align: center;

    border: 1px sold #333;
    background-position: left top; background-repeat: no-repeat;
}


#gallery-edit .photo-select .select-box ol li.no1 { background-image: url(../images/gallery/bg_gallery_edit_no1.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no2 { background-image: url(../images/gallery/bg_gallery_edit_no2.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no3 { background-image: url(../images/gallery/bg_gallery_edit_no3.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no4 { background-image: url(../images/gallery/bg_gallery_edit_no4.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no5 { background-image: url(../images/gallery/bg_gallery_edit_no5.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no6 { background-image: url(../images/gallery/bg_gallery_edit_no6.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no7 { background-image: url(../images/gallery/bg_gallery_edit_no7.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no8 { background-image: url(../images/gallery/bg_gallery_edit_no8.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no9 { background-image: url(../images/gallery/bg_gallery_edit_no9.gif); margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no10 { background-image: url(../images/gallery/bg_gallery_edit_no10.gif); margin-right: 0; margin-bottom: 35px;}
#gallery-edit .photo-select .select-box ol li.no11 { background-image: url(../images/gallery/bg_gallery_edit_no11.gif); clear: both; margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no12 { background-image: url(../images/gallery/bg_gallery_edit_no12.gif); margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no13 { background-image: url(../images/gallery/bg_gallery_edit_no13.gif); margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no14 { background-image: url(../images/gallery/bg_gallery_edit_no14.gif); margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no15 { background-image: url(../images/gallery/bg_gallery_edit_no15.gif); margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no16 { background-image: url(../images/gallery/bg_gallery_edit_no16.gif); margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no17 { background-image: url(../images/gallery/bg_gallery_edit_no17.gif); margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no18 { background-image: url(../images/gallery/bg_gallery_edit_no18.gif); margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no19 { background-image: url(../images/gallery/bg_gallery_edit_no19.gif); margin-bottom: 0;}
#gallery-edit .photo-select .select-box ol li.no20 { background-image: url(../images/gallery/bg_gallery_edit_no20.gif); margin-right: 0;}

#gallery-edit .photo-select .select-box ol li img {
    width: 59px; height: 59px;
    margin: 0;
}

#gallery-edit .photo-select .select-box .cover {
    float: right;
    margin: 0 15px 0 0;
    width: 89px;
}
#gallery-edit .photo-select .select-box .cover h4 {
    margin: 0; padding-bottom: 5px;
    width: 89px;
    font-weight: normal;
    color: #666666;
}
#gallery-edit .photo-select .select-box .cover p {
    margin: 0 0 0 0; padding: 0;
    width: 87px; height: 87px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #eaeaea;
}
#gallery-edit .photo-select .select-box .cover p:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-edit .photo-select .select-box .cover p img {
    margin-top: 14px;
}

#gallery-edit .photo-select .select-box #trash {
    float: right;
    margin: 5px 15px 0 0;
    width: 89px; height: 89px;
    background: url(../images/gallery/fig_trashcan.gif) center 0 no-repeat;
}
#gallery-edit .photo-select .select-box #trash.hover {
    background: url(../images/gallery/fig_trashcan_open.gif) center 0 no-repeat;
}
/*** error ***/
#gallery-edit .photo-select .select-box .form_error {
    clear: both;
    margin: 0 0 5px 15px; padding: 1px 0 0 25px;
    width: 500px;
    background: url(../images/gallery/ico_alert_2.gif) no-repeat;
}

#gallery-edit .gallery-button-area {
    margin: 0 auto;
    width: 555px;
}
#gallery-edit p.button-save {
    float: right;
    width: 250px;
}
#gallery-edit p.button-preview {
    float: left;
    margin: 0;
    width: 250px;
    background: #ccc;
}
#gallery-edit p.button-save input,
#gallery-edit p.button-preview input {
    display: block;
    margin: 1px 0; padding: 0;
    width: 250px; height: 31px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    border: 0;
}
#gallery-edit p.button-save input {
    background: #5092B1;
    border-radius: 2px
}
#gallery-edit p.button-preview input {
    background: #ccc;
    border-radius: 2px
}



/*------------------------------------------------------------------------ gallery-edit-preview */

form.btn-previewpage {
    float: right;
    display: block;
    width: 1000px;
    /*background: #e8e8e8;*/
}
form.btn-previewpage p{
    background: url("../images/dotline_gray_x.gif") repeat-x scroll left top transparent;
}
form.btn-previewpage input.button-previewpage-save {
    float: right;
    display: block;
    margin: 30px 230px 30px 50px; padding-left: 10px;
    width: 250px; height: 30px;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    background: #5092B1;
    border-radius: 2px
}
form.btn-previewpage input.button-previewpage-back {
    float: right;
    display: block;
    margin: 30px 0; padding-left: 10px;
    width: 250px; height: 30px;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    background: url(../images/bg_button.gif) repeat-x left -40px;
    border: 0px;
}


/*===========================================================================================

                                                                                    promotion

 ===========================================================================================*/
#promotion .head {
    margin-top: 15px;
    width: 1000px; height: 330px;
}
#promotion .head h2,
#promotion .head p {
    text-indent: -9999em;
}
#promotion .promotion {
    clear: both;
    margin: 20px 0 40px 0;
}
#promotion h1.about {
    margin: 20px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

#promotion .promotion h3 {
    margin: 0 0 20px 0; padding: 0 0 0 20px;
    width: 375px;
    color: #333333;
    background: url(../images/gallery/ico_gallery_promotion.gif) no-repeat left 2px;
}
#promotion .promotion .text {
    color: #666666;
    line-height: 140%;
}
#promotion .promotion .text p {
    margin: 10px 0;
}
#promotion ul.link {
    margin-bottom: 30px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    width: 1000px;
}
#promotion ul.link li {
    margin: 0px auto;
}
#promotion ul.link li.link-function {
    float: left;
    margin-left: 200px;
    width: 200px;
    text-align: center;
}
#promotion ul.link li.link-manual {
    float: right;
    margin-right: 200px;
    width: 200px;
}
#promotion ul.link li.link-manual a {
    float: right;
}
#promotion ul.link li a {
    display: block;
    margin: 0px auto; padding: 1em 0 1em 15px;
    font-size: 140%;
    text-decoration: none;
    color: #999999;
    font-weight: bold;
    background: url(../images/ico_link_gray.jpg) left 1.2em no-repeat;
}
#promotion ul.link li a:hover {
    color: #666666;
}

/*---------------------------------------------------------------------------- gallery-promotion */

#gallery-promotion {
    padding-bottom: 30px;
}
#gallery-promotion .head {
    position: relative;
    width: 1000px; height: 330px;
    background: url(../images/gallery/main_gallery_promotion.jpg) no-repeat;
}
#gallery-promotion .head h2 {
    position: absolute;
    left: 31px; top: 46px;
    width: 320px; height: 101px;
    text-indent: -9999em;
    background: url(../images/gallery/title_gallery_promotion.gif) no-repeat;
}
#gallery-promotion .head p {
    position: absolute;
    left: 31px; top: 180px;
    width: 385px;
    font-size: 13px;
    line-height: 17px;
    color: #333333;
}
#gallery-promotion .head a {
    padding: 0 0 0 15px;
    line-height: 250%;
    background: url(../images/ico_link_blue.jpg) left 3px no-repeat;
}

#gallery-promotion .promotion {
    clear: both;
    margin: 20px 0;
}
#gallery-promotion .promotion:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}

#gallery-promotion h2.about {
    margin: 0 0 20px 0;
    height: 44px;
    text-indent: -9999em;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background: url(../images/gallery/subtitle_about_gallery_promotion.gif) no-repeat left 10px;
}

#gallery-promotion .promotion h3 {
    margin: 0 0 20px 0; padding: 0 0 0 20px;
    width: 375px;
    color: #333333;
    background: url(../images/gallery/ico_gallery_promotion.gif) no-repeat;
}
#gallery-promotion .promotion .text {
    color: #666666;
    line-height: 150%;
}
#gallery-promotion .promotion .text p {
    margin: 10px 0;
}

#gallery-promotion .start .text {
    float: left;
    width: 380px;
}
#gallery-promotion .start div.image {
    float: right;
    width: 598px;
}
#gallery-promotion .start div.image image { width: 598px; height: ;}

#gallery-promotion .order .text {
    float: right;
    width: 598px;
}
#gallery-promotion .order div.image {
    float: left;
    width: 380px;
}
#gallery-promotion .order div.image image { width: 380px; height: 287px;}

#gallery-promotion .gray .text {
    float: left;
    width: 545px;
}
#gallery-promotion .gray div.image {
    float: right;
    width: 449px;
}
#gallery-promotion .gray div.image image { width: 449px; height: 215px;}


/* Pick up gallery */
#gallery-promotion h2.pickup {
    clear: both;
    margin: 20px 0;
    height: 44px;
    text-indent: -9999em;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background: url(../images/gallery/subtitle_pickup_gallery_promotion.gif) no-repeat left 12px;
    position: relative;
}
#gallery-promotion h2.pickup div {
    position: absolute;
    right: 0; top: 0;
    padding: 22px 30px 0 0;
    width: 105px; height: 22px;
    color: #ffffff;
    font-weight: normal;
    text-indent: 0;
    text-align: right;
    line-height: 150%;
    background: url(../images/gallery/bg_pickup_gallery_promotion_count.gif) no-repeat #ffba33;
}
#gallery-promotion h2.pickup div span {
    font-size: 25px;
}

#gallery-promotion ul.list-gallery-all {
    margin: 0 0 0 1px;
}
#gallery-promotion ul.list-gallery-all:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-promotion ul.list-gallery-all li { margin-top: 0;}
#gallery-promotion ul.list-gallery-all li.user-block {
    float: left;
    margin-right: 5px;
    width: 195px; height: 250px;
    background: url(../images/gallery/bg_gallery_all.gif) no-repeat right top;
}
#gallery-promotion ul.list-gallery-all li.right {
    margin-right: 0;
}
#gallery-promotion ul.list-gallery-all ul li.title {
    margin-bottom: 1px;
}
#gallery-promotion ul.list-gallery-all ul li.title img {
    margin-bottom: 5px;
}
#gallery-promotion ul.list-gallery-all ul li.title a,
#gallery-promotion ul.list-gallery-all ul li.title a:visited {color: #000000;text-decoration: none;}
#gallery-promotion ul.list-gallery-all ul li.title a:hover {color: #666666;}
#gallery-promotion ul.list-gallery-all ul li.user {
    margin-bottom: 5px;
    font-style:italic;
}

#gallery-promotion ul.list-gallery-all ul li.view {
    display: inline;
    padding-right: 2px;
    color: #999999;
    border-right: 1px solid #999999;
}
#gallery-promotion ul.list-gallery-all ul li.comment {
    display: inline;
    margin-left: 5px;
    color: #999999;
}
#gallery-promotion ul.list-gallery-all ul li.comment a,
#gallery-promotion ul.list-gallery-all ul li.comment a:visited {color: #999999;}
#gallery-promotion ul.list-gallery-all ul li.comment a:hover {color: #666666;}

#gallery-promotion ul.list-gallery-all ul li.data {
    margin-bottom: 3px;
    color: #999999;
}

#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul {
    margin: 0; padding: 0;
    width: 195px;
}
#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul li {
    float: left;
    width: 94px; height: 20px;
    background: #cccccc;
}
#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul li a,
#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul li button {
    display: block;
    width: 94px; height: 20px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: none;
}
#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul li.edit { margin-right: 7px;}

#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul li a img {
    margin: 1px 5px 0 0;
    vertical-align: text-bottom;
}
#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul li button img {
    margin: 0px 5px 0 0;
    vertical-align: middle;
}
#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul li a span {
    vertical-align: text-bottom;
}
#gallery-promotion ul.list-gallery-all ul li.gallery-edit ul li button span {
    width: 94px; height: 20px;
    position: relative;
    padding-top: 1px;
}

#gallery-promotion ul.link {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    width: 1000px;
}
#gallery-promotion ul.link:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
#gallery-promotion ul.link li {
    margin: 0px auto;
}

#gallery-promotion ul.link li.link-create-gallery {
    float: right;
    margin-right: 88px;
    width: 255px;
    text-align: left;
}
#gallery-promotion ul.link li.link-manual {
    float: right;
    width: 255px;
}
#gallery-promotion ul.link li.link-manual a {
    float: right;
}
#gallery-promotion ul.link li a {
    display: block;
    margin: 0px auto; padding: 1em 0 1em 15px;
    font-size: 140%;
    text-decoration: none;
    color: #999999;
    font-weight: bold;
    background: url(../images/ico_link_gray.jpg) left 1.2em no-repeat;
}
#gallery-promotion ul.link li a:hover {
    color: #666666;
}
/*---------------------------------------------------------------------------- search-promotion */
#search-promotion .head {
    margin-top: 15px;
    width: 1000px; height: 330px;
    background: url(../images/header_search_promotion.jpg) no-repeat left top;
}
#search-promotion .head h2,
#search-promotion .head p {
    text-indent: -9999em;
}

#search-promotion .promotion {
    clear: both;
    margin: 20px 0 40px 0;
}
#search-promotion .promotion:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}

#search-promotion h1.about {
    margin: 0 0 20px 0;
    height: 44px;
    text-indent: -9999em;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background: url(../images/title_search_promotion.gif) no-repeat left top;
}

#search-promotion .promotion h3 {
    margin: 0 0 20px 0; padding: 0 0 0 20px;
    width: 375px;
    color: #333333;
    background: url(../images/gallery/ico_gallery_promotion.gif) no-repeat left 2px;
}
#search-promotion .promotion .text {
    color: #666666;
    line-height: 140%;
}
#search-promotion .promotion .text p {
    margin: 10px 0;
}
#search-promotion .paragraph-1 {
    padding-right: 330px;
    min-height: 265px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 265px; /* Hack for IE6, min-height */
    background: url(../images/bg_search_promotion_01.jpg) no-repeat right top;
}
#search-promotion .paragraph-2 {
    padding-left: 400px;
    min-height: 260px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 260px; /* Hack for IE6, min-height */
    background: url(../images/bg_search_promotion_02.jpg) no-repeat left top;
}
#search-promotion .paragraph-3 {
    padding-right: 455px;
    min-height: 340px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 340px; /* Hack for IE6, min-height */
    background: url(../images/bg_search_promotion_03.jpg) no-repeat right top;
}
#search-promotion a.link-to-search-option {
    display: block;
    margin: 0 auto 30px auto;
    width: 463px; height: 73px;
    text-indent: -9999em;
    background: url(../images/btn_search_promotion_03.jpg) no-repeat left top;
}
/*---------------------------------------------------------------------------- blogparts-promotion */
.blogparts-promotion .head {
    background: url(../images/header_blogparts_promotion.jpg) no-repeat left top;
}
.blogparts-promotion h2.about {
    background: url(../images/title_blogparts_promotion.jpg) no-repeat left -337px;
}
.blogparts-promotion .paragraph-1 {
    padding-right: 330px;
    min-height: 265px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 265px; /* Hack for IE6, min-height */
    background: url(../images/bg_blogparts_promotion_01.jpg) no-repeat right top;
}
.blogparts-promotion .paragraph-2 {
    padding-left: 400px;
    min-height: 260px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 260px; /* Hack for IE6, min-height */
    background: url(../images/bg_blogparts_promotion_02.jpg) no-repeat left top;
}
.blogparts-promotion .paragraph-3 {
    padding-right: 455px;
    min-height: 300px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 340px; /* Hack for IE6, min-height */
    background: url(../images/bg_blogparts_promotion_03.jpg) no-repeat right top;
}
/*----------------------------------------------------------------------------------- fan-promotion */
.fan-promotion .head {
    background: url(../images/header_fan_promotion.jpg) no-repeat left top;
}
.fan-promotion h2.about {
    background: url(../images/title_fan_promotion.gif) no-repeat left top;
}
.fan-promotion .paragraph-1 {
    padding-right: 330px;
    min-height: 265px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 265px; /* Hack for IE6, min-height */
    background: url(../images/bg_fan_promotion_01.jpg) no-repeat right top;
}
.fan-promotion .paragraph-2 {
    padding-left: 400px;
    min-height: 260px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 260px; /* Hack for IE6, min-height */
    background: url(../images/bg_fan_promotion_02.jpg) no-repeat left top;
}

#promotion ul.link-single li.link-manual {
    float: none;
    margin: 0 auto;
    width: 13em;
}
#promotion ul.link-single li.link-manual a {
    float: none;
}
/*----------------------------------------------------------------------------------- campaign-1000000 */
.campaign-1000000 .head {
    background: url(../images/header_1000000.jpg) no-repeat left top;
}
.campaign-1000000 p {
    margin-bottom: 10px;
    color: #666666;
    line-height: 140%;
}
#promotion.campaign-1000000 .paragraph-1 a {
    margin: 5px 0 0 0;
}
#promotion.campaign-1000000 .paragraph-1 h3,
#promotion.campaign-1000000 .paragraph-2 h3 {
    margin-bottom: 10px;
    width: 1000px; height: 57px;
    text-indent: -9999em;
}
#promotion.campaign-1000000 .paragraph-1 h3 {
    background: url(../images/title_1000000_01.gif) no-repeat left top;
}
#promotion.campaign-1000000 .paragraph-2 h3 {
    background: url(../images/title_1000000_02.gif) no-repeat left top;
}
.campaign-1000000 .paragraph-2 dl {
    padding: 20px 20px 10px 20px;
    border: 5px solid #e5e5e5;
}
.campaign-1000000 .paragraph-2 dl dt {
    float: left;
    margin-bottom: 8px;
    width: 150px;
    font-weight: bold;
}
.campaign-1000000 .paragraph-2 dl dd {
    float: left;
    margin-bottom: 8px;
    width: 750px;
}
.campaign-1000000 .paragraph-2 p.link {
    margin-top: 30px;
    text-align: center;
}

/*===========================================================================================

                                                                                  Maintenance

 ===========================================================================================*/
div.maintenance {
    min-height: 570px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 570px; /* Hack for IE6, min-height */
    text-align: center;
    background: url(../images/bg_maintenance.jpg) no-repeat left top;
}
div.maintenance h3,
div.maintenance p {
    display: none;
}
/*----------------------------------------------------------------------------------- new-photohito-promotion */
.new-photohito-promotion .head {
    background: url(../images/header_new_photohito_promotion.jpg) no-repeat left top;
}
.new-photohito-promotion h2.about {
    background: url(../images/title_new_photohito_promotion.gif) no-repeat left top;
}
.new-photohito-promotion .paragraph-1 {
    padding-right: 330px;
    min-height: 265px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 265px; /* Hack for IE6, min-height */
    background: url(../images/bg_new_photohito_promotion_01.jpg) no-repeat right top;
}
.new-photohito-promotion .paragraph-2 {
    padding-left: 400px;
    min-height: 260px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 260px; /* Hack for IE6, min-height */
    background: url(../images/bg_new_photohito_promotion_02.jpg) no-repeat left top;
}

/*===========================================================================================

                                                                                 エラーページ

 ===========================================================================================*/
div.error {
    position: relative;
    min-height: 570px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 570px; /* Hack for IE6, min-height */
    text-align: center;
    background-repeat: no-repeat;
}
div.error-403 { background-image: url(../images/bg_error_403.jpg);}
div.error-404 { background-image: url(../images/bg_error_404.jpg);}
div.error-500 { background-image: url(../images/bg_error_500.jpg);}
div.error-photo-deleted { background-image: url(../images/bg_error_photo_deleted.jpg);}
div.error-access { background-image: url(../images/bg_access_error.jpg);}
div.error-login { background-image: url(../images/bg_error.jpg);}
div.error p#main_breadcrumb {
    text-align: left;
}
div.error #error_title h1,
div.error #error_title p {
    display: none;
}
div.error ul#error_desc {
    position: absolute;
    left: 40px; top: 310px;
    margin: 0 0 0 15px; padding: 0;
    width: 500px;
    list-style-type: disc;
    text-align: left;
    color: #666666;
    letter-spacing: 0.4em;
}
div.error ul#error_desc li { margin: 0 0 10px 0;}

/** ログインエラー **/
div.error.error-login #error_title h1 {
    display: block;
    position: absolute;
    left: 25px; top: 100px;
    margin: 0; padding: 0;
    text-align: center;
}
div.error.error-login  ul#error_desc {
    position: absolute;
    left: 25px; top: 175px;
    font-size: 14px;
}

/*===========================================================================================

                                                                           写真ページのエラー

 ===========================================================================================*/
div.showerror {
    min-height: 570px;
    height: auto !important; /* Hack for IE6, min-height */
    height: 570px; /* Hack for IE6, min-height */
}

div.showerror div#error_title {
    width: 680px;
    margin: 80px auto 0 auto; padding-bottom: 20px;
    background: transparent url(../images/error_page.gif) 0 0 no-repeat;
}

div.showerror div#error_title p, div#error_title h1 {
    padding: 10px 0 20px;
}
div.showerror div#error_desc {
    width: 680px;
    background: #FFFFCC;
    padding: 10px;
    margin: 15px auto 80px auto;
}

div.showerror div#error_desc ul {
    list-style-type: disc;
    margin: 0 0 0 20px;
}

/*===========================================================================================

                                                                              around SIDE BAR

 ===========================================================================================*/

/*---------------------------------------------------------------------------------- common */
div.side_subsection {
    clear: both;
    position: relative;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    background: url(../images/dotline_darkgray.gif) left bottom repeat-x;
}

div.photo_recent,
div.photo_favorite,
div.photo_usertag,
div.photo_gallery,
div.photo_data,
div.side_subsection.photo-featured {
    background: none;
}
div.side_subsection.photo-featured{
    border-bottom: 15px solid #f0f0f0;
}
div.side_subsection.photo-featured dl {
    margin-bottom: 1px; padding: 20px 25px;
    background: url(../images/bg_gradation_lightgray.jpg) left bottom repeat-x;
}
div.side_subsection.photo-featured dl dt {
    float: left;
    width: 4em;
}
div.side_subsection.photo-featured dl dd {
    float: left;
    width: 14em;
}

div.side_subsection p.submit span button,
div.side_subsection form.add_something p.submit span,
div.side_subsection form.add_something p.submit span button {
    float: right;
    width: 100px;
}
div.side_subsection p.submit span,
div.side_subsection p#form_submit_button span,
div.side_subsection p.submit_link span {
    background: #417b25;
    float: right;
    padding: 1px;
    width: 100px;
    text-align: center;
}
div.side_subsection p.submit button,
div.side_subsection p#form_submit_button button,
div.side_subsection p.submit_link a {
    float: right;
    padding: 1px 0;
    width: 150px; height: 23px;
    color:#FFFFFF;
    cursor: pointer;
    background: #6bb04b;
    background-image: none;
    border: 1px solid #95BF82;

}
div.side_subsection h3 {
    background: url(../images/dotline_darkgray.gif) left bottom repeat-x;
}
div.photo_recent h3,
div.photo_favorite h3,
div.photo_gallery h3,
div.photo_data h3 {
    background: none;
}
#main_content_side_panel h3.hex_bullet_side span {
    display: block;
    margin: 0;
    background-repeat: no-repeat;
}

#main_content_side_panel #recommend_container {
    margin: 10px 0;
    height: 122px;
    border: 3px solid #E5E5E5;
}
#main_content_side_panel #recommend_container a {
    display: block;
    padding-bottom: 1px;
    border-bottom: 1px dotted #CCC;
}
#main_content_side_panel #recommend_container_2 {
    margin: 10px 0;
}

div.side_subsection .all {
    height: 1%;
    clear: both;
    padding: 5px 0;
    text-align: right;
}
div.side_subsection .all a {
    padding: 0 0 5px 15px;
    text-decoration: underline;
    background: url(../images/icon_link_black.gif) no-repeat left 5px;
    border: 0;
}

ul.side_subsection_list {
    position: relative;
    float: left;
    margin-top: 5px; padding : 10px;
    width : 278px;
    border: none;
}
ul.side_subsection_list.tools {
    border-style : solid none none none;
}

/* travels */
#main_content_side_panel h3#travels-area { clear: both;}
#main_content_side_panel div.travels {
    margin: 0 0 10px 0; padding: 1px;
    color: #999999;
    border: 1px solid #e7e7e7;
}
#main_content_side_panel div.travels a {
    text-decoration: none;
    border-bottom: 1px dotted #3399cc;
}
#main_content_side_panel div.travels ul.travels-note {
    margin: 0; padding: 10px 0 0 0;
    background: url(../images/bg_gradation_gray.jpg) left bottom repeat-x;
}
#main_content_side_panel div.travels ul.travels-note li {
    margin: 0; padding: 0 9px 0 19px;
    width: 268px;
}
#main_content_side_panel div.travels ul.travels-note dl {
    margin: 0; padding: 0;
    background: url(../images/logo_4travel_25x25.gif) left 3px no-repeat;
}
#main_content_side_panel div.travels ul.travels-note dl dt.title {
    margin: 0; padding: 0 19px 0 30px;
}
#main_content_side_panel div.travels ul.travels-note dl dd.traveler {
    margin: 0 0 15px 0; padding: 0 19px 0 30px;

}
#main_content_side_panel div.travels ul.travels-note dl dd.description {
    margin: 0 0 7px 0; padding: 0;
    width: 258px;
}
#main_content_side_panel div.travels ul.travels-note dl dd.description a {
    color: #999999;
    border: none;
}
#main_content_side_panel div.travels ul.travels-note dl dd.description a:hover {
    color: #333333;

    text-decoration: underline;
}
#main_content_side_panel div.travels ul li.link-to-area a {
    display: block;
    padding: 0 0 3px 20px;
    background: url(../images/ico_link_out_gyay.gif) left top no-repeat;
    border: none;
}
#main_content_side_panel div.travels ul li.link-to-area a span {
    border-bottom: 1px dotted #3399cc;
}
#main_content_side_panel div.travels ul li.link-to-4travel {
    margin-top: 5px;
    text-align: right;
}

#main_content_side_panel div.travels ul li.link-to-4travel a {
    border: none;
}

/* side navigation */
#main_content_side_panel #side_navigation_container {
    margin-bottom: 10px;
    border: 1px solid #cccccc;
}
#main_content_side_panel #side_navigation_container dl dt {
    padding: 5px 10px;
    background: #dddddd;
}
#main_content_side_panel #side_navigation_container dl ul {
    margin: -1px 0 0 0;
}
#main_content_side_panel #side_navigation_container dl ul li {
    margin: 0 0 10px 10px; padding: 10px 0 0 0;
    background: url(../images/dotline_gray_x.gif) repeat-x left top;
}
#main_content_side_panel #side_navigation_container dl ul li a,
#main_content_side_panel #side_navigation_container dl ul li span.current {
    margin: 0 10px 0 0; padding-left: 15px;
    font-weight: normal;
    background: url(../images/icon_link_black.gif) no-repeat left 3px;
}

/* Tag cloud */
ul.side_subsection_list.tagcloud {
    padding-top: 5px;
    padding-left: 0;
    width: 300px;
    border: none;
}
ul.side_subsection_list.tagcloud li {
    padding-left: 0;
    padding-right: 2px;
    display: inline;
}
form.add_something {
    border: 1px solid #CCC;
    border-style: none solid solid solid;
    background: #F8F8F8;
    padding: 10px;
    float: left;
    width: 278px;
}
button.add_button {
    background-image: url(../images/button_add.gif);
    margin: 0;
}
form.add_something select {
    float: left;
}
form.add_something select {
    margin: 0 10px 0 0;
    width: 168px;
    height: 24px;
    border: 1px solid #cccccc;
}

/* facebook (旧weekly ranking */
h3#weekly-ranking {
    background: url("../images/dotline_darkgray.gif") repeat-x left bottom;
}
div#likebox-wrapper {
    position: relative;
    margin: 3px 0 0 0; padding: 0;
    width: 298px; height: 198px;
    overflow: hidden;
}
div#likebox-wrapper iframe{
    position: relative;
    left: -1px; top: -1px;
}

/* カメラランキング */
div.side_subsection table#ranking {
    margin: 5px 0 1px 0;
    width: 300px;
}
div.side_subsection table#ranking th {
    margin: 0; padding: 0 10px;
    height: 25px;
    text-align: left;
    color: #ffffff;
    border: none;
}
div.side_subsection table#ranking td {
    padding: 10px 0;
    border: none;
}
div.side_subsection table#ranking td:after {
    content: " "; display: block; height: 0; visibility: hidden; clear: both;
}
div.side_subsection table#ranking tr.colored td {
    background: #f4f4f4;
}
div.side_subsection table#ranking .number {
    text-align: right;
}
div.side_subsection table#ranking td span {
    position: static;
    float: left;
    display: block;
    margin-left: 2px;
    width: 15px; height: 15px;
    text-indent: -9999em;
    background-image: url(../images/bg_number.gif);
    background-repeat: no-repeat;
}
div#main_content_side_panel table#ranking td.no1 span { background-position: left 4px;}
div#main_content_side_panel table#ranking td.no2 span { background-position: left -95px;}
div#main_content_side_panel table#ranking td.no3 span { background-position: left -195px;}
div#main_content_side_panel table#ranking td.no4 span { background-position: left -295px;}
div#main_content_side_panel table#ranking td.no5 span { background-position: left -395px;}

div.side_subsection table#ranking td.ranking_table_rank {
    width: 250px;
    border: none;
}
div.side_subsection table#ranking tr.bottom td {
    background-image: none;

}
div.side_subsection table#ranking tr.bottom td.ranking_table_rank {
    background: #ffffff;
}
div.side_subsection table#ranking td.ranking_table_rank p {
    text-align: left;
    padding-left: 15px;
}

/*--------------------------------------------------------------------------------- userpage */
/* profile */
#main_content_side_panel div.profile {
    margin: 0 0 10px 0;
    width: 298px;
    border: 1px solid #d3d3d3;
}
#main_content_side_panel div.profile div {
    padding: 15px 0 8px 0;
    text-align: center;
    min-height: 190px;
    height: auto !important;
    height: 190px;
    color: #666666;
    background: url(../images/bg_gradation_gray.jpg) left bottom no-repeat;
}
#main_content_side_panel div.profile div img {
    width: 145px; height: 145px;
}

#main_content_side_panel div.profile h5 {
    margin: 5px 20px 3px 20px;
    font-weight: normal;
    text-align: center;
}
#main_content_side_panel div.profile span.myfan {
    display: block;
}
#main_content_side_panel div.profile span.myfan img {
    margin-right: 5px;
    vertical-align: middle;
    width: 16px; height: 13px;
    background: url(../images/icons/icon_myfan.gif) left bottom no-repeat;
}
#main_content_side_panel div.profile span.myblock img {

    margin-right: 5px;
    vertical-align: bottom;
    width: 16px; height: 15px;
    background: url(../images/icons/icon_myblock.gif) left bottom no-repeat;
}
#main_content_side_panel div.profile h5 a {
    text-decoration: none;
    line-height: 130%;
    border-bottom: 1px dotted #3399cc;
}
#main_content_side_panel div.profile h5 a:hover {
    border-bottom: 1px dotted #006699;
}
#main_content_side_panel div.profile p.link-to-profile {
    margin: 1px 0 0 0; padding: 4px 5px 0 5px;
    height: 18px;
    text-align: right;
    background: #d5d5d5;
}
#main_content_side_panel div.profile p.link-to-profile a {
    padding-left: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    background: url(../images/icons/icons.png) no-repeat scroll left -130px;
    _background: url(../images/icons/icons.gif) no-repeat scroll left -130px;
}
#main_content_side_panel div.profile p.link-to-profile a:hover {
    text-decoration: underline;
}
#main_content_side_panel div.profile ul {
    margin: 0 0 1px 0; padding: 0 20px 7px 20px;
    color: #838383;
}
#main_content_side_panel div.profile ul.summary-data {
    background: url(../images/bg_userpage_sidebar_profile.jpg) repeat-x left top;
}
#main_content_side_panel div.profile ul li {
    clear: both;
    margin: 0 0 3px 0; padding: 0 0 0 12px;
    background: url(../images/ico_square_lightgray.gif) no-repeat scroll left 2px;
}
#main_content_side_panel div.profile ul li.self-introduction {
    margin: 0 0 8px 0; padding: 15px 0;
    width: 259px;
    line-height: 140%;
    color: #666666;
    background: url(../images/dotline_darkgray.gif) repeat-x left bottom;
}
#main_content_side_panel div.profile ul li.number-of-photo,
#main_content_side_panel div.profile ul li.number-of-gallery {
    clear: none;
    float: left;
    width: 115px;
}
#main_content_side_panel div.profile ul.shoot {
    margin: 0 20px; padding: 10px 0;
    background: url(../images/dotline_darkgray.gif) repeat-x left top;
}
#main_content_side_panel div.profile ul li a {
    padding: 0 10px;
}
#main_content_side_panel div.profile ul li img {
    width: 97px; height: 27px;
}
#main_content_side_panel div.profile ul.shoot dl {
    width: 242px;
}
#main_content_side_panel div.profile ul.shoot dl dt {
    float: left;
    width: 105px;
}
#main_content_side_panel div.profile ul.shoot dl dd {
    float: left;
    width: 135px;
}
#main_content_side_panel div.profile ul.shoot dl dd a {
    padding: 0;
}

#main_content_side_panel div.profile ul.button-fan {
    margin: 1px 0 0 0; padding: 0;
    background: none;
}
#main_content_side_panel div.profile ul.button-fan li,
#main_content_side_panel div.profile ul.button-fan li a {
    display: block;
    float: left;
    clear: none;
    margin: 0; padding: 0;
    height: 35px;
    text-indent: -9999em;
    background-image: url(../images/bg_button_profile_fan.gif);
    background-repeat: no-repeat;
}
#main_content_side_panel div.profile ul.button-fan li.fan,
#main_content_side_panel div.profile ul.button-fan li.fan a {
    width: 199px;
    background-position: left top;
}
#main_content_side_panel div.profile ul.button-fan li.unfan,
#main_content_side_panel div.profile ul.button-fan li.unfan a {
    width: 199px;
    background-position: -199px top;
}
#main_content_side_panel div.profile ul.button-fan li.block,
#main_content_side_panel div.profile ul.button-fan li.block a {
    width: 99px;
    background-position: -398px top;
}
#main_content_side_panel div.profile ul.button-fan li.unblock,
#main_content_side_panel div.profile ul.button-fan li.unblock a {
    width: 298px;
    background-position: right -72px;
}
#main_content_side_panel div.profile ul.button-fan li.fan a:hover {
    width: 199px;
    background-position: left -35px;
}
#main_content_side_panel div.profile ul.button-fan li.unfan a:hover {
    width: 199px;
    background-position: -199px -35px;
}
#main_content_side_panel div.profile ul.button-fan li.block a:hover {
    width: 99px;
    background-position: -398px -35px;
}
#main_content_side_panel div.profile ul.button-fan li.unblock a:hover {
    width: 298px;
    background-position: right -107px;
}


#main_content_side_panel div.profile p.edit-profile {
    margin: 1px 0 0 0; padding: 5px 0 0 0;
    height: 20px;
    text-align: center;
    background: url(../images/bg_gradation_gray.jpg) no-repeat right top;
}
#main_content_side_panel div.profile p.edit-profile a {
    padding: 0 0 2px 0;
    text-decoration: none;
    color: #666666;
}
#main_content_side_panel div.profile p.edit-profile a img {
    vertical-align: middle;
    margin-right: 3px;
}
#main_content_side_panel div.profile p.edit-profile a:hover {
    color: #333333;
    text-decoration: underline;
}

/* shoot */
#main_content_side_panel div.shoot {
    background: url(../images/bg_gradation_gray_dot.jpg) repeat-x left bottom;
}
#main_content_side_panel div.shoot ul {
    margin: 15px 25px;
}
#main_content_side_panel div.shoot ul li {
    margin: 0 0 11px 0;
}
#main_content_side_panel div.shoot ul li dl {
    width: 249px;
    color: #999999;
}
#main_content_side_panel div.shoot ul li dl dt {
    float: left;
    width: 100px;
}
#main_content_side_panel div.shoot ul li dl dt img {
    margin-right: 3px;
    width: 13px; height: 11px;
    vertical-align: middle;
    background-image: url( ../images/icons/icons.png);
    _background-image: url( ../images/icons/icons.gif);
    background-repeat: no-repeat;
}
#main_content_side_panel div.shoot ul li.camera dl dt img { background-position: left -510px;}
#main_content_side_panel div.shoot ul li.lens dl dt img { background-position: left -529px;}
#main_content_side_panel div.shoot ul li.category dl dt img { background-position: left -549px;}
#main_content_side_panel div.shoot ul li dl dd {
    float: right;
    width: 145px;
}
#main_content_side_panel div.shoot ul li dl dd a {
    text-decoration: none;
    border-bottom: 1px dotted #3399cc;
}

/* banner area */
#main_content_side_panel .user-banner-container {
    margin: 5px 0 15px 0;
    background: none;
}

/* photo_recent */
ul.thumbgrid {
    float: left;
    margin-top: 10px;
    width: 100%;
}
ul.thumbgrid li {
    float:left;
    width: 59px; height: 59px;
    border-color: white;
    border-style: none solid solid none;
    border-width: 1px;
}


/* Message from maker */
.side_subsection dl.message-maker {
    margin: 10px 0 0 1px;
    width: 297px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
.side_subsection dl.message-maker:after {
    content: ""; display: block; height: 0; visibility: hidden; clear: both;
}
.side_subsection dl.message-maker div {
    padding-bottom: 1px;
    background: #f3f3f3 url(../images/dotline_gray_x.gif) left bottom repeat-x;
    width: 297px;
    overflow: auto;
}
.side_subsection dl.message-maker dt {
    float: left;
    padding: 10px 0;
    width: 80px;
    text-align: center;
}
.side_subsection dl.message-maker dd {
    float: left;
    padding: 10px 0 10px 10px;
    width: 206px;
    background: #ffffff;
}
.side_subsection p.all-information {
    margin-left: 1px; padding: 5px 10px;
    text-align: right;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
.side_subsection p.all-information a {
    padding: 0 0 5px 20px;
    background: url(../images/ico_link_out_gyay.gif) left top no-repeat;
}

/*===========================================================================================

                                                                           around FOOTER AREA

 ===========================================================================================*/
p.switch { /* UserAgentがスマホの場合のみ表示 */
    margin: 1em auto;
    width: 90%;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
}
p.switch-language { /* 日本語版→英語版切り替え */
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #CCCCCC;
}

div#navi_photohito {
    clear: both;
    margin-bottom: 30px; padding: 10px 0;
    border: 1px solid #CCC;
    border-style: solid none solid none;
    text-align: center;
    font-size:    12px;
}
div#navi_photohito ul li{
    display: inline;
}

/* Anything with a PNG on a background!
---------------------------------------------------------------------------------------- */

form#register_form label#mail_label.title {
    background: transparent url(../images/icons/94.png) 0 0 no-repeat;
}

form#register_form label#agreement_label.title {
    background: transparent url(../images/icons/71-red.png) 0 0 no-repeat;
}
/**** ユーザータグを表示させるため
ul.side_subsection_list.tags li {
    background: transparent url(../images/icons/bullet_white.gif) 0 0 no-repeat;
}
****/
ul.side_subsection_list.tools li {
    background: transparent url(../images/icons/bullet_red.gif) 0 0 no-repeat;
}
h4.hex_bullet_side#edit {
    background: transparent url(../images/icons/1.png) 0 0 no-repeat;
}

h4.hex_bullet_side#number_people {
    background: transparent url(../images/icons/127.png) 0 0 no-repeat;
}
h4.hex_bullet_side#message-sony {
    background: transparent url(../images/icons/ico_message_maker.gif) 0 0 no-repeat;
}
h4.hex_bullet_side#message-sony span {
    background-image: url(../images/tit_side_subsection_message_sony.gif);
}

ul#main_popular li a em  {
    background: transparent url(../images/photo_shine.png) 0 0 repeat-x;
}
/**
div#info_box {
    background: transparent url(../images/icons/2.png) 0 0 no-repeat;
}
**/
ul#intro_list li {
    background: transparent url(../images/icons/71.png) 0 0 no-repeat;
}

a.user_badge em {
    background: transparent url(../images/icons/28.png);
}

h4.hex_bullet_side#comment {
    background: transparent url(../images/icons/73.png) 0 0 no-repeat;
}
h4.hex_bullet_side#comment span {
    background-image: url(../images/tit_side_subsection_comment.gif);}

a#slideshow_link {
    background: transparent url(../images/icons/119.png) 0 0 no-repeat;
}


div.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* top google+ banner --------------- */

.area-banner {
    width:1000px;
    height:95px;
    margin:0 auto;
}
.area-banner ul {
    padding: 10px 25px 15px;
    background: #f1f1f1;
    overflow: hidden;
}
.area-banner ul li {
    float: left;
    margin-right: 30px;
}
.area-banner ul li.banner-last {
    margin-right:0;
}
.area-banner ul li a {
    display:inline-block;
    border:1px solid #e5e5e5;
    *display: inline;
    *zoom: 1;
}
.area-banner ul li span {
    display: block;
    font-size: 10px;
    line-height: 1;
    color: #666;
}
.area-banner ul li span.notxt::before {
    content:"";
    height:1em;
    display: block;
}
.area-banner ul li:last-child {
    margin-right: 0;
}



/* ==================================================================
 * 共通ボタン
================================================================== */

a.btn,
input.btn,
button.btn {
    display:block;
    width:300px;
    padding:0;
    border-width: 0;
    border:none;
    line-height:32px;
    text-align: center;
    text-decoration:none;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
    box-shadow:0 1px 1px rgba(0, 0, 0, .14);
    cursor:pointer;
}
.btn-submit {
    background: #59a9ce;
}

.btn-cmn {
    background: #bbb;
}
.btn-submit:hover {
    background: #5092B1;
}
.btn-cmn:hover {
    background: #a5a5a5;
}
/* header change reset */
#main_content div, #main_content dl, #main_content dt, #main_content dd,
#main_content ul, #main_content ol, #main_content li, #main_content h1,
#main_content h2,#main_content h3,#main_content h4,#main_content h5,
#main_content h6, #main_content pre, #main_content form, #main_content fieldset,
#main_content input, #main_content p, #main_content blockquote, th, #main_content td,
#top-page div, #top-page dl, #top-page dt, #top-page dd,
#top-page ul, #top-page ol, #top-page li, #top-page h1,
#top-page h2,#top-page h3,#top-page h4,#top-page h5,
#top-page h6, #top-page pre, #top-page form, #top-page fieldset,
#top-page input, #top-page p, #top-page blockquote, th, #top-page td {
    font-size: 12px;
}

/* adBox 121111 sm1 */
.adBox-300-2 {
    width:640px;
    margin:20px auto;
}
.adBox-300-2 div {
    width:300px;
    margin:0 10px;
    float:left;
}
.adBox-300-2:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}






/* retina 200622 okuyama */


/* top */
#top-page #pickup-content ul li h2.ttl_text{
    display: inline-block;
    margin: 2px 0 10px 0; padding: 0;
    width: 180px; height: 20px;
    font-size: 14px;
    font-weight: normal;
    text-indent: 0;
}
#top-page #pickup-content ul li.camera-lens h2.ttl_text,
#top-page #pickup-content ul li.trend-word h2.ttl_text,
#top-page #pickup-content ul li.official-tag h2.ttl_text{
    background: none;
}



#top-page #top-page-side #Recommend #newArrival_table {
    padding: 6px 10px 0 16px;
}
#top-page #top-page-side #Recommend #newArrival_table h3.newArrival_title {
    float: none;
    width: 140px;
}
#top-page #top-page-side #Recommend #newArrival_table h3.newArrival_title a{
    text-decoration: none;
}
#top-page #top-page-side #Recommend #newArrival_table h3.newArrival_title a p{
    font-size: 14px;
    font-weight: normal;
}







/* camera & lens */
div.model-search-top div#model-information h1.ttl_text{
    margin-bottom: 12px;
    font-size: 18px;
    border-bottom: 1px solid #000;
}
div.model-search-camera h1.ttl_text{
    background: url(../images/camera/icon_camera_category_title_m.png) no-repeat ;
    background-size: 28px;
}
div.model-search-lens h1.ttl_text{
    background: url(../images/lens/icon_lens_category_title_m.png) no-repeat;
    background-size: 28px;
}


div.model-search-top div#maker-list h2.ttl_textArea,
div.model-search-top div#size-list h2.ttl_textArea,
div.model-search-top div#type-list h2.ttl_textArea,
div.model-search-top div#cross-search h2.ttl_textArea{
    position: relative;
    margin: 0;
    padding: 3px 0 5px;
    line-height: 19px;
}
div.model-search-top div#maker-list h2{
    width: 722px; /* 722px + 28px(padding) = 750px */
}
div.model-search-top div#model-information h2.ttl_textArea{
    font-size: 15px;
    font-weight: normal;
}

div.model-search-top div#maker-list h2.ttl_textArea .ttl_text,
div.model-search-top div#size-list h2.ttl_textArea .ttl_text,
div.model-search-top div#type-list h2.ttl_textArea .ttl_text,
div.model-search-top div#cross-search h2.ttl_textArea .ttl_text,
div.model-search-top div#model-information h2.ttl_textArea .ttl_text{
    display: inline-block;
    margin: 0;
    padding: 0 0 0 28px;
    font-size: 15px;
    font-weight: normal;
    line-height: 19px;
    background-color: #fff;
}
div.model-search-top div#model-information h2.ttl_textArea .ttl_text{
    padding: 0;
}
div.model-search-top div#maker-list h2.ttl_textArea::after,
div.model-search-top div#size-list h2.ttl_textArea::after,
div.model-search-top div#type-list h2.ttl_textArea::after,
div.model-search-top div#cross-search h2.ttl_textArea::after{
    content:"";
    position: absolute;
    top: 0; left: 0;
    display:block;
    margin: 0;
    width: 24px;
    height: 24px;
}



div.model-search-top div#cross-search p {
    background: none;
}


/* blogparts-close 201225 okuyama */
.blogparts-close{
    width: 580px;
    padding: 15px 18px;
    color: #ef3131;
    font-weight: bold;
    background-color: #fff4f4;
    border: 2px solid #ff5050;
    border-radius: 3px;
}
#main_content .blogparts-close p{
    font-size: 11.5px;
    line-height: 15px;
}


/* camera & lens img 211213 okuyama */
div.model-search-camera div#maker-list h2.ttl_textArea::after,
div.model-search-camera div#cross-search h2.ttl_textArea::after{
    background: url(../images/camera/icon_camera_category_title_s.png) no-repeat;
    background-size: 24px;
}
div.model-search-lens div#maker-list h2.ttl_textArea::after,
div.model-search-lens div#size-list h2.ttl_textArea::after,
div.model-search-lens div#type-list h2.ttl_textArea::after,
div.model-search-lens div#cross-search h2.ttl_textArea::after{
    background: url(../images/lens/icon_lens_category_title_s.png) no-repeat;
    background-size: 24px;
}

/* exhibition 220221 okuyama */
.top-photos ul.top-photos-nav li.top-photos-nav-item{
    width: 250px;
}
.top-photos ul.top-photos-nav li.top-photos-nav-item a {
    margin: 0 20px;
}

/*********************************************
>>> START sm60
CSS調整
***********************************************/
.top-photos-exhibit{
    padding: 45px 0 0;
    color: #666;
    font-feature-settings:"palt";
}

.top-photos-exhibit-inner{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding:80px 0 60px;
}
.top-photos-exhibit-inner:first-child{
    padding: 0 0 50px;
}
.top-photos-exhibit-inner+.top-photos-exhibit-inner {
    border-top: 2px solid #fff;
}
/*********************************************
>>> END sm60
CSS調整
***********************************************/
.top-photos-exhibit-read{
    margin: 30px 0 0;
    line-height: 2em;
    font-size: 14px;
}

.top-photos-exhibit-photo{
    display: table;
    width: 100%;
    margin: 50px 0 100px;
}
.top-photos-exhibit-photo > li{
    display: table-cell;
    width: calc(100% / 3);
    padding: 30px;
    border: 2px solid #fff;
}

.top-photos-exhibit .status-label > span{
    display: inline-block;
    padding: 3px 12px;
    font-size: 14px;
    color: #fff;
    background-color: #EB4E7B;
}
/*********************************************
>>> START sm60
CSS調整
***********************************************/
.top-photos-exhibit .name{
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}
/*********************************************
>>> END sm60
CSS調整
***********************************************/
.top-photos-exhibit .name > a,
.top-photos-exhibit .name > span{
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
}
.top-photos-exhibit .day{
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #666;
}
.top-photos-exhibit .day::before{
    position: absolute;
    content: '';
    display: inline-block;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(../images/pc/exhibition/clock.svg) no-repeat;
    background-size: 16px 16px;
}
.top-photos-exhibit .day span{
    display: inline-block;
}
.top-photos-exhibit .exhibit_photo_item .imgmeta{
    display: none;
}
.top-photos-exhibit .exhibit_photo_item .imgmeta a{
    display: inline-block;
    color: #fff;
}
.top-photos-exhibit .exhibit_photo_item:hover .imgmeta{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 2%;
    width: 96%;
    line-height: 1em;
    font-size: 11px;
    color: #fff;
    text-shadow: 0 1px 0 #333;
    word-wrap: break-word;
    background-color: rgba(0,0,0,0.5);
}
.top-photos-exhibit-photo .link-all-photos{
    width: auto;
    padding: 0;
}
.top-photos-exhibit-photo .link-all-photos a{
    background-color: #39c;
}

.top-photos-exhibit-card{
    display: flex;
    width: 100%;
    margin: 20px auto;
}
.top-photos-exhibit-card li{
    width: 260px;
    padding: 40px 30px;
    background-color: #fff;
}
.top-photos-exhibit-card li + li{
    margin-left: 20px;
}

/*********************************************
>>> START sm60
CSS調整
***********************************************/
.top-photos-exhibit-table{
    table-layout: fixed;
    width: 100%;
    min-width: 1000px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
/*********************************************
>>> END sm60
CSS調整
***********************************************/
.top-photos-exhibit-table tr:nth-child(1) td{
    padding-top: 20px;
}
.top-photos-exhibit-table td{
    vertical-align: top;
    padding: 0 30px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    container-type: inline-size;
    container-name: topContWrap;
}
.top-photos-exhibit-table td:nth-child(1){
    border-left: none;
}
.top-photos-exhibit-table td:nth-last-child(1){
    border-right: none;
}

.top-photos-exhibit-table .name{
    margin-top: 10px;
}

.top-photos-exhibit .status-label,
.top-photos-exhibit-table .name,
.top-photos-exhibit-table .day{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.top-photos-exhibit-table td > ul,
.top-photos-exhibit-table td > div{
    container-type: inline-size;
    container-name: topCont;
}
.top-photos-exhibit-table td > ul{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 20px;
}
.top-photos-exhibit-table td > ul > li{
    position: relative;
    padding-top: calc((3 / 4) * 50%); /*比率計算*/
    width: calc(50% - 6px);
    height: auto;
    margin: 3px 6px 3px 0;
    background-color: #fff;
}
.top-photos-exhibit-table td > ul > li:nth-child(even){
    margin-right: 0;
}
.top-photos-exhibit-table td > ul > li img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.top-photos-exhibit-table td.exhibit_photo_box-empty_wrap{
    vertical-align: middle;
}
.exhibit_photo_box-empty{
    margin: 30px auto;
    text-align: center;
    font-size: 30px;
    color: #c6c6c6;
}
.exhibit_photo_box-empty p{
    margin: 20px auto;
    font-size: 30px;
    font-weight: bold;
    color: #c6c6c6;
}
.top-photos-exhibit-table .link-all-photos{
    width: auto;
    margin: 0 auto 40px;
    padding: 0;
}
.top-photos-exhibit-table .link-all-photos a{
    width: auto;
    max-width: 400px;
    min-width: 260px;
    margin: 0 auto;
    background-color: #39c;
}



@container topCont (min-width: 600px) {
    .top-photos-exhibit-table td > ul > li{
        padding-top: calc((3 / 4) * 33.3%);
        width: calc(33.3% - 6px);
    }
    .top-photos-exhibit-table td > ul > li:nth-child(even){
        margin-right: 6px;
    }
    .top-photos-exhibit-table td > ul > li:nth-child(3n) {
        margin-right: 0;
    }
}

@container topCont (min-width: 1000px) {

    .top-photos-exhibit-table td > ul > li{
        padding-top: 0;
        width: auto;
        background: none;
    }
    .top-photos-exhibit-table td > ul > li img{
        position: static;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 280px;
    }
    .top-photos-exhibit-table td > ul > li:nth-child(3n) {
        margin-right: 6px;
    }
}

/* 202311 close sm60 */
#main_content_side_panel #recommend_container {
    height: auto;
}
#main_content_side_panel #recommend_container a:last-child {
    border-bottom: none;
}
#container .area-banner{
    display: flex;
    justify-content: center;
}