@charset "euc-jp"; 

/* Photo Search */
#photo_search_box p { margin-bottom: 21px; }
#photo_search_box table { margin-bottom: 7px; border-collapse: collapse; }
#photo_search_box table th { padding-bottom: 14px; color: #7AA; font-weight: bold; }
#photo_search_box table td { padding-bottom: 14px; }
#photo_search_box input[type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; width: 360px; padding: 3px 0; font-size: 160%; }
#photo_search_box #cc_licenses { margin: 14px 0 7px 0; }
#photo_search_box #cc_licenses label { display: block; margin-bottom: 4px; }

/* = SIDEBAR = */
#photoinfo{ padding-bottom:12px; }
#photoinfo dl{ background:#FFF; padding:0 }
#photoinfo dt{ float:left; clear:left; width:100px; font-weight:normal; }
#photoinfo dt.big{ float:none; width:auto; }
#photoinfo dt.album { padding-top:3px; }
#photoinfo dt.caption { font-size:85%; }
#photoinfo dt.map{ float:none; margin-bottom:4px; }
#photoinfo dd{ padding:0 0 4px 0; float:left; width:180px; }
#photoinfo dd.big{ width:100%; border-bottom:1px solid #EEE; padding-bottom:10px; margin-bottom:7px; }
#photoinfo dd.map{ float:none; }
#photoinfo #photocount{ color: #AAA; text-align: center; font-weight:bold; font-size:100%; font-family:Helvetica,Arial,sans-serif;}
#photoinfo #photocount span{ font-size: 20px; }
#photoinfo dd#albumthumb{ text-align:center; }
#photoinfo dd.primary_item { margin-bottom:10px; padding-bottom:10px; border-bottom:5px solid #DEE; }

/* = Camera Ranking = */
table#camera_ranking { margin: 14px 0; }
table#camera_ranking th{ background-color: #DEE; padding: 7px 0; font-weight: bold;}
table#camera_ranking td { padding: 7px 0; }

/* = upload = */
#photoUploadStatus dl { background-color:#FFF; padding:0; }
#photoUploadStatus dl dt { color:#7AA; }

.uploadMemo { margin-bottom:15px; }
.uploadNotice { margin:10px 0 20px 0; }
.uploadLimit { font-size:18px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; }
.uploadInfo span { font-weight:bold;}

#uploadTools { margin:16px 0 20px; }
#uploadTools li { display:block; float:left; width:148px; margin-right:5px; border:1px solid #CCC; background:#EEF1F3 url(cssimg/bg_btn2.gif) no-repeat 0 0; }
#content #uploadTools li a { display:block; color:#159; text-decoration:none; padding:3px 5px; }
#content #uploadTools li a:hover { background:#DEE url(cssimg/bg_btn2.gif) no-repeat 0 0; }
#uploadTools li span { display:block; margin-top:1px; line-height:1; font-size:85%; color:#666; }

/* = upload complete = */

.uploadComplete { font-size:26px; }
input#additionalTag { width:240px; }

#uploadEdit li { border-bottom:1px dotted #DDD; padding:10px 0 5px 0;}
#uploadEdit li .thumbnail { float:left; }
#uploadEdit li ul.editArea { float:left; }
#uploadEdit li ul.editArea li { margin-bottom:5px; clear:left; border:none; padding:0; }
#uploadEdit li ul.editArea li label { float:left; clear:left; width:65px; color:#7AA; font-weight:bold; }
#uploadEdit li ul.editArea li input { float:left; width:250px; }
#uploadEdit li ul.editArea li textarea { float:left; width:300px; }

#contest_info { margin-bottom: 1em; }
#contest_info li { display: block; margin-top: 1.5em; border-top: 1px dotted #DDD; }
#contest_info li h4 { margin: 1em 0 0.5em 0; font-weight: bold; }
#contest_info li p { margin-bottom: 0.5em; }
#contest_info li .contest_form { text-align: right; }
#contest_info strong { font-weight: bold; }

ul.uploaded li.info{ border-bottom:1px dotted #DDD; padding:10px 0; }
ul.album li.info{ border:none; padding:0; }
ul.uploaded .thumbnail{ position: relative; float: left; width: 135px; height: auto; clear:left; }
ul.uploaded .thumbnail .videomark_120{ top: 98px; left: 98px;}
ul.uploaded .meta{ float: left; width:380px; padding-bottom:1em; }
ul.uploaded .meta ul.information li{ margin-bottom: 0.3em;}
ul.uploaded .meta ul.information li.name{ font-weight: bold;}
ul.uploaded .meta ul.functions li{ background: transparent url(/css/cssimg/func_arrow.gif) no-repeat left 0.3em; padding-left: 14px; margin-bottom: 0.2em;}
ul.uploaded .meta ul.functions li .note { color:#666; padding-left:1em; }
ul.uploaded .meta ul.functions li.for_blog{ background: transparent url(/css/cssimg/func_arrow.gif) no-repeat left 0.2em;}
ul.uploaded .meta ul.functions li.for_blog ul li{ padding-left: 0.7em; background-image: none;}
ul.uploaded .meta ul.functions li.for_blog ul li input{ width: 275px; font-size: 85%;}
ul.uploaded .info table{ border-collapse: collapse; margin: 0;}
ul.uploaded .info th,
ul.uploaded .info td{ vertical-align: middle;}
ul.uploaded .info th{ padding-right: 0.5em;}
ul.uploaded .info td input{ width: 20em;}
ul.uploaded .info textarea{ width: 22em; height: 4.8em;}

#blog_paste{ margin: 5px; text-align: center;}
#blog_paste textarea{ width: 100%; height: 8em; text-align: center; margin-left: auto; margin-right: auto;}

/* == Individual Photo on Photo(Video) == */

.button{ cursor: pointer;}

#media_navi{ position:relative; height: 20px; }
#media_navi_parent{ position: absolute; top: 0; left: 40%; width: 20%; text-align: center;}

#media_title_area{ margin:5px 0 15px 0;}
#media_title_area #pickup_title_img{ float: left; padding: 0 5px 0 0;}
#media_title{ font-size: 24px; line-height: 1em; padding-top: 4px;}

input.editor_field{ font-size: 22px !important; font-weight: bold; padding: 0; width: 400px;}
.media_pickup input.editor_field{ width: 375px;}
.editor_ok_button{ margin: auto 5px;}
.editor_cancel{ vertical-align: middle;}

#media_description,
#media_description_form,
#media_description_message{ margin: 15px 0; padding: 0.4em 0.6em 0 0.6em;}
#media_description_form textarea{ width: 35em; height: 5em;}
.media_description_empty{ color: #999;}

#media_admin_action,
#media_action { margin:15px 0 0 0; padding:0.6em 0 0.6em 10px; border:3px solid #DEE; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#media_admin_action { margin:5px 0 12px 0; background-color:#FFE; }
#media_admin_action div.title{ float:left; margin-left:-5px; }
#media_admin_action ul,
#media_action ul{ list-style: none;}
#media_admin_action ul{ float: left; margin-left: 5px;}
#media_admin_action ul li{ position: relative; float: left; display: block; margin: 0 0.6em 0 0; white-space: nowrap; background: transparent url(/css/cssimg/func_arrow.gif) 0% 50% no-repeat;}
#media_action ul{ clear: both;}
#media_action ul li{ position: relative; float: left; display: block; margin: 0 0.6em 0 0; _margin: 0 0.5em 0 0; /* for IE */
 padding: 0.4em 0; white-space: nowrap; background: transparent url(/css/cssimg/func_arrow.gif) 0% 50% no-repeat;}
#media_admin_action ul li a,
#media_action ul li a { position: relative; display: block; padding: 0 0 0 10px;}
#media_admin_action ul li a:hover,
#media_action ul li a:hover { background:#DEF url(/css/cssimg/func_arrow.gif) 0% 50% no-repeat;}
#media_admin_action ul li img,
#media_action ul li img{ margin: 0 4px 0 0;}


#media_action_handle{ text-align: right;}
#photo_comment_title_sbm{ margin: 15px 0 10px 0;}
#photo_comment_title{ color: #FE9404; font-size: 1.2em; margin: 0; float: left;}
#media_comment_count{ padding: 0 1px;}
#media_comments .comment{ margin-bottom: 8px;}
#media_comments .comment .image img{ float: left; margin: 5px 20px 5px 0; border: solid 1px #c6c0c2;}
#media_comments .comment .image a:hover img{ border: solid 1px #7bbbf8;}
#media_comments .comment .text{ float: left; margin-top: 5px; width: 430px; margin-bottom: 5px; position: relative;}
#media_comments .comment .footer{ margin-bottom: 10px; text-align: right; clear: both;}
#media_comments .comment .time{ display: inline;}
#media_comments .comment .name,
#media_comments .comment .edit,
#media_comments .comment .remove{ display: inline; margin-left: 0.3em;}
.comment_count{ margin-left: 3px; font-size: 12px !important; font-weight: normal !important; color: #000;}
#comment_user_image{ margin: 0 15px 40px 0; border: solid 1px #c6c0c2;}
#comment_form_text,
#comment_edit_text{ width: 430px; height: 100px; margin-bottom: 10px; padding: 5px; border: solid 1px #c6c0c2;}
#comment_edit_area{ width: 432px; height: 102px;}
#comment_edit_text{ margin: 0;}
#media_edit_window h3{ font-size: 16px; text-align: left;}
#media_edit_window{ margin: 10px;}
#media_edit_window table{ margin: 10px 0;}
#dwindow{ border: solid 1px #666; background: #fff;}
#dwindow .dbody{ vertical-align: middle; padding: 14px 0;}
#dwindow #dbutton_ok{ margin-right: 6px;}
#dwindow .dbutton{ padding: 2px;}
.loading_icon{ vertical-align: middle; margin-right: 6px;}
#media_comments_extend .loading,
#media_comments .loading{ text-align: center; margin: 10px 0;}
#media_comments_extend .loading img,
#media_comments .loading img{ vertical-align: middle; margin-right: 6px;}
#noCommentMessage { display:block; background-color:#F3F3F3; padding:10px; color:#808080; margin:5px 0 10px 0; }
#noCommentMessageLogOff { display:block; color:#808080; margin:15px 0; }

#photo_fav_button { float:right; margin-left:0.5em; }
#photo_fav_msg { float:right; padding-top:3px; line-height:20px; font-size:85%; color:#72A681; }

#photo_slider { width:280px; margin:7px auto; }
#photo_slider li { display:block; float:left; position:relative; margin:0; }
#photo_slider li.prev_photo,
#photo_slider li.prev_no_photo { display:block; margin-right:1px; }
#photo_slider li.next_photo,
#photo_slider li.next_no_photo { display:block; margin-left:1px; }
#photo_slider li.prev_photo a,
#photo_slider li.prev_no_photo { display:block; padding-left:12px; background:url("/css/cssimg/arrow_gray_left.gif") no-repeat left 50%; outline:none; }
#photo_slider li.next_photo a,
#photo_slider li.next_no_photo { display:block; margin-left:8px; padding-right:12px; background:url("/css/cssimg/arrow_gray_right.gif") no-repeat right 50%; outline:none; }
#photo_slider li img { border:1px solid #EEE; }
#photo_slider .videomark_100 { left:79px; top:79px; }
#photo_slider li a:hover { background-color:#FFF; }
#photo_show_album_name { margin:0.2em 0; font-size:110%; font-weight:bold; }
#photo_show_album_func li a { padding-left:10px; background:url("/css/cssimg/func_arrow.gif") no-repeat scroll 0 50%; }

#photo_nav { margin:-5px 0 5px 0; text-align:right; }
#photo_nav li { display:inline; font-size:90%; color:#999; }
#photo_nav li.prev { margin-right:2px; }
#photo_nav li.next { margin-left:2px; }

#media_tags .loading img{ vertical-align: middle; margin-right: 6px;}
#media_tags .tag{ display: inline; line-height: 150%; margin-right: 5px;}
#media_tags .tag .remove{ margin-left: -2px;}
#media_tags .tag .remove a{ text-decoration: none;}#photo_slider .loading,
#media_tags .loading{ text-align: center; margin: 10px 0;}
#media_tags .remove a{color: #ccc;}
#media_tags .remove a:link,
#media_tags .remove a:visited{color: #CCC;}
#media_tags .remove a:hover,
#media_tags .remove a:active{ color: #F00; background-color:transparent; }
#media_tags .dot{ margin-right: 5px;}
#media_tag_input{ width: 200px; padding:3px 0; margin:0 4px 0 0; float: left; border: solid 1px #C6C0C2;}
#add_tag_button{ float: left;}
#add_tag{padding:0;}
#tag_completion_list{ position: absolute; width: 200px; background: #ffffee; border-width: 0 1px 1px 1px; border-style: solid; border-color: #efd175; margin:0; padding: 0; clear:both; z-index: 100;}
#tag_completion_list div{ margin: 0; padding: 0 0 0 5px; line-height: 1.6;}
#tag_completion_list div.select{ background: #ffee77;}#tag_completion_list div.over{ background: #ffee77;}#media_tag_form{ margin: .4em 0 0 0;}
#media_info_handle{ text-align: right; margin-bottom: 5px;}
.favorite{ text-align:right; margin-top:15px; }
.favorite a:hover { background-color: #fff; }
#fav_controller{ cursor: pointer;}

.showProperties { margin:1em 0 0 0; }
.showProperties a { padding-left:18px; background:url(/css/cssimg/view_all_arrow.gif) left center no-repeat; }
.showProperties a:hover { background:#FFF url(/css/cssimg/view_all_arrow.gif) left center no-repeat; }

/* == Google Map == */
#map{ width: 100%; height: 400px; margin: 0px; cursor: pointer;}
#map table{ width:auto; }

/*
 * Paste on Blog
 */

ul.photo_blog_type{ width: auto; list-style: none; margin: 10px 0 10px 20px;}
ul.photo_blog_type li{ padding: 3px 0;}

#photo_blog_parts { margin-left: 25px; }
#photo_blog_parts textarea { width: 98%; margin: 10px 0; height: 8em; }
#photo_blog_parts td, th { text-align:left; }
#photo_blog_parts select { width: 200px; }

#blogPhotoSizeChanger { margin: 10px 0 5px 0; }
#blogPhotoSizeChanger .title { float:left; margin-right:10px; }
#blogPhotoSizeChanger select { float:left; }
.blogtext{ width: 95%; height: 8em; white-space: normal; word-break: break-all; font-size: 12px; overflow-x:hidden; overflow-y:auto;}

ul#post_to_other_sites { margin:0.5em 1em; float:right; }
ul#post_to_other_sites li a { display:block; float:right; height:18px; line-height:18px; }
ul#post_to_other_sites li#to_vox a { padding-left:20px; background-image:url(/img/vox.gif); background-repeat:no-repeat; }
ul#post_to_other_sites li#to_seesaa a { padding-left:20px; background-image:url(/img/seesaa.gif); background-repeat:no-repeat; }

/* == Haruzo == */

#aboutHaruzo img{ display: block; margin: 10px 0;}
#aboutHaruzo dt{ margin: 5px 0 8px 0; }
#aboutHaruzo dd{ margin-bottom:10px; }
#aboutHaruzo ol{ margin:5px 10px 5px 25px; list-style-type:decimal; }

/* == Show original photo == */

#sizes_cc_navigation{ margin: 15px 0; text-align: center;}
#sizes_cc_navigation table{ width:780px; margin: 0 auto; border-collapse: collapse; }
#sizes_cc_navigation table th{ padding: 0.5em; font-weight: bold;}
#sizes_cc_navigation table td{ padding: 0.5em; border-left: solid 1px #CCC; text-align: center;}
#sizes_cc_navigation table td.current_size{ font-weight: bold; background-color: #EEE;}
#sizes_cc_navigation table td.cc_license img{ margin-right: 3px;}
#sizes_cc_navigation table td.cc_license a:hover{ background-color: #fff;}
#photo_original_navigation{ width: 800px; margin: 15px auto; text-align: left;}
#photo_original_navigation ul li{ padding-left: 20px; line-height: 1.6; background: transparent url(/css/cssimg/arrow_go.gif) left 50% no-repeat;}

/*
 * Photo edit batch
 */
label.photo_select{ display: block;}
label.photo_select input{ margin-top: 5px; margin-bottom: 5px;}
/*
 * Album sharing page
 */
#shareMailGuide p { margin-top:0.8em; }
#shareMailForm { margin-top:1em; padding:2px 10px 10px 10px; border:1px dotted #CCC; }
#shareMailForm li { margin-top:8px; }
#shareMailForm li label { float:left; width:90px; color:#7AA; font-weight:bold; }
#shareMailForm li .shareMailItem { float:left; width:410px; }
#shareMailForm li .shareMailItem p { margin-top:3px; color:#666; }
#shareMailForm li .shareMailItem input { width:300px; }
#shareMailForm li .shareMailItem textarea { width:400px; }
#shareMailForm li label.invitation { display:block; width:auto; color:#333; font-weight:normal; padding-left:90px; }
table#share_history{ width: 100%;}
table#share_history .selection{ width: 30px; padding-left: 10px;}
table#share_history .exp_date{ width: 100px;}
table#share_history .subject{ width: 230px;}
table#share_history tr.even td{ background-color: #F0F0F0;}
table#share_history td, table#share_history th{ background: none; padding: 5px; vertical-align: middle;}



#photo_edit table{ margin: 5px 0;}
/*
 * Add to Bookmarks
 */
ul#photo_post_to_other_sites { float:right; }
ul#photo_post_to_other_sites li { display:block; float:left; margin-left:0.5em; }
ul#photo_post_to_other_sites li a { display:block; height:18px; line-height:18px; }
ul#photo_post_to_other_sites li a:hover { background-color:transparent; }
ul#photo_post_to_other_sites li#to_twitter a { padding-left:18px; background-image:url(/img/twitter.gif); background-repeat:no-repeat; }

/*
 * photo URL copy
 */
.photo_url_text{ width: 50%; height: 2em; white-space: normal; word-break: break-all; font-size: 12px; overflow-x:hidden; overflow-y:auto;}
#photo_url{ margin: 5px auto 5px 25%; text-align: left;}
#photo_url_radio{ margin: 3px;}
/*
 * photo intro_friend
 */

#mail_show{ width: 100%;}
#mail_show td, #mail_show th{ background: none; padding: 5px; }
#mail_show td{ padding: 8px;}

#mail_show table,
#mail_show table td{ padding: 0;}
#mail_show table.mail_user_list td{ padding: 0;}
table.mail_user_list label{ height: 1.05em;}.mail_user_group{ width: 130px;}.mail_user_space{ width: 10px;}.mail_user_name{ width: 120px; text-align: left;}
#mail_show td.title,
#mail_show th{ width: 100px !important;}
#mail_show th{ font-weight: bold; vertical-align: top; padding: 5px;}
#mail_show .dot_top{ background: transparent url(/css/cssimg/dotted_line.gif) top left repeat-x;}
#mail_show .dot_top .photo h3{ margin-bottom: 0.5em;}
#mail_show textarea{ width: 100%; height: 15em; white-space: normal; overflow: auto;}
#copyright_form fieldset{ margin-top:1em; padding:0 1em 0 1em; border:1px solid #000;}
#copyright_form legend, #copyright_name{ font-weight:bold;}
#copyright_form p{ margin:1em 0 1em 0 !important;}


/*
 * Users adding the photo to their favorite
 */
.user_nameplate .user_nameplate_mypic{ margin: 0 0 3px 0; border: solid 1px #c6c0c2;}
.user_nameplate .user_nameplate_name{ font-size: 85%; color: #333;}


/* == tag breadcrumbs == */
#tag_breadcrumbs { margin-bottom:0.8em; }
#tag_breadcrumbs h4 { float:left; }
#tag_breadcrumbs ul { float:left; margin-left:0.5em; }
#tag_breadcrumbs ul li { display:inline; margin-left:3px; }
#tag_breadcrumbs ul li a { padding-right:14px; background: url(/css/cssimg/func_arrow.gif) no-repeat right center; }

/*
 * Tags part at the bottom of the right pane
 * May be used only in /photo/tagged.
 */

ul.tags_inline{ margin-bottom:5px;}
ul.tags_inline li{ display:inline; margin-right:5px; line-height:180%;}
ul.tags_inline li span.control{ margin-left:-2px;}
ul.tags_inline li span.control a:link { color:#CCC; text-decoration:none; }
#content ul.tags_inline li span.control a:visited { color:#CCC; text-decoration: none; }
#content ul.tags_inline li span.control a:active { color:#1A426A; }
#content ul.tags_inline li span.control a:hover { color:#1A426A; }

/* == Instruction of copyright (photo_photo_only) == */

.copyright_instruction{ color: #808080; margin-left: 1em;}

/* == ORGANIZER PAGE == */

#content_full.organize{ background:#E9F0F0; border-bottom:1px solid #CCC;}
#smallNavi{ background:#FFF; border-bottom:1px solid #CCC; text-align:left; padding:4px 8px;a}
#smallNavi ul{ display:inline; }
#smallNavi ul li{ display:inline; padding-right:8px; font-weight:bold; }
#smallNavi ul.global{ position:absolute; right:8px; top:4px; }



/* == SEARCH PAGE == */
ul.ccList li{ display:block !important; }

/* == photo edit == */
#photoEditForm { margin-top:1em; }
#photoEditForm .photoEditFormItem { padding:5px 0; }
#photoEditForm .photoEditFormItem label { display:block; float:left; color:#7AA; font-weight:bold; width:100px; padding-top:0.2em; }
#photoEditForm .photoEditFormItem .inputForm { display:block; float:left; }
#photoEditForm .photoEditFormItem .inputForm label { float:none; display:inline; color:#333; width:auto; font-weight:normal; padding-right:0.5em; }
#photoEditForm .photoEditFormItem .inputForm .albumChangeInfo { margin-top:0.5em; width:420px; color:#666; }
#photoEditForm ul.photoEditNotice { margin:0.5em 0 0.5em 0; }
ul.photoEditNotice { margin:0 0 0.5em 0; }
ul.photoEditNotice li { color:#C33; }
.commentDateForEdit { color:#999; }

/* == photo properties == */
table.photoProperties { margin-top:1em; }
.backToPhoto { clear:both; margin:1em 0 0 0; text-align:right; }
.backToPhoto a { padding-left:18px; background:url(/css/cssimg/view_all_arrow.gif) left center no-repeat; }
.backToPhoto a:hover { background:#FFF url(/css/cssimg/view_all_arrow.gif) left center no-repeat; }
.exifGuide p { margin-bottom:0.7em; }

/* == new slideshow == */
#slideshowArea { padding:0 10px; text-align:center; }
#slideshow { padding: 20px 0 297px; }
#slideshowArea ul.functions { width:800px; margin:5px auto 10px auto; text-align:left; padding-left:20px; }
#slideshowArea ul.functions li { line-height:1.6; }
#slideshowArea ul.functions li a { padding-left:20px; background:transparent url(/css/cssimg/arrow_return.gif) left 50% no-repeat; }
#slideshowArea ul.functions li a:hover { padding-left:20px; background:#DEF url(/css/cssimg/arrow_return.gif) left 50% no-repeat; }

/* == commented photo == */
ul.comments.commentedPhotos div.thumbnail { overflow:hidden; }
ul.commentedPhotos li { display:block; margin-bottom:10px; }
ul.commentedPhotos li p{text-align:left; margin:0.2em 0 0 0;}
#content ul.commentedPhotos li p a,
#content ul.commentedPhotos li p a:link,
#content ul.commentedPhotos li p a:visited{text-decoration:none;}
#content ul.commentedPhotos li p a:hover{background-color:#FFF;text-decoration:underline;}
#content ul.commentedPhotos p.photolist_title a {color:#000; font-weight:bold; width:120px;}
#content ul.commentedPhotos p.photolist_uname {color:#666; font-size:80%;}
#content ul.commentedPhotos .photolist_comment,
#content ul.commentedPhotos .photolist_favorite,
#content ul.commentedPhotos .photolist_view  {display:inline; color:#666; font-size:80%; padding-right:4px;}
#content ul.commentedPhotos .photolist_func a { padding-right:4px; }
#content ul.commentedPhotos img.photolist_icon {display:inline; padding-right:2px;}

/* ==============OBSOLUTE=============== */
/* Edit Album */
#edit_album{ width: auto;}
#edit_album th{ width: 120px;}
#edit_album td{ width: auto;}
#edit_album td textarea{ width: 100%; height: 150px;}

/* photo/show adsense */
.ad_google_adsense_section_photoshow{ margin: 15px 0 10px 85px;}
/* license */
.photo_show_license{ margin-top: 0.2em; font-size: 85%; line-height: 1.3;}
/* photo/add swf area */
.photo_add_swf_area { margin: 14px 0 21px 0; }

/* mail upload */
p.mailUploadDescription { margin-bottom:20px; }
.mailUpload { margin-top:5px; border-top:1px dotted #DDD; }
.mailUpload .qrCode { float:left; }
.mailUpload .mailUploadInfo { float:left; margin-top:3px; margin-left:10px; }
.mailUpload .mailUploadInfo dl { background-color:transparent; clear:both; margin:5px 0; padding:0; }
.mailUpload .mailUploadInfo dl dt { float:left; color:#7AA; }
.mailUpload .mailUploadInfo dl dd { display:block; margin-left:8em; }

.mailUpload .mailUploadInfo table { margin-top:5px; }
.mailUpload .mailUploadInfo table th { width:100px; }
.mailUpload .mailUploadInfo table td { width:300px; padding-left:5px; }
.sendToMobile { margin:5px 0; padding:15px 10px; background-color:#EEF1F3; }

/* QR code - from Album */
/*
#qrcode_table .align_middle{ vertical-align: middle;}
*/
/*
 * QR code - from Photo Top
 */
/*
#qrcode_table_plus{ width: 100%;}
#qrcode_table_plus td{ padding: 15px 8px;}
#qrcode_table_plus .code_img{ width: 100px;}
#qrcode_table_plus td table td{ padding: 0;}
#qrcode_table_plus img{ border: 1px solid #aaa;}
*/
/*
 * control panel advertisement
 */
.ad_photo_control_panel{ margin: 0.4em 10px 0.4em; text-align: right;}
.ad_photo_control_panel_content{ display: inline; background-color: #ffe0d0; padding: 2px;}
.ad_photo_control_panel_content a{ text-decoration: none; color: #333;}
.ad_photo_control_panel_content a:hover{ background-color: transparent;}

/* == album list == */
ul.albumlist li { display:block; float:left; width:173px; height:175px; padding:0 2px 7px 0; text-align:left; }
ul.myalbumlist li { height:200px; }
#content ul.albumlist li p a,
#content ul.albumlist li p a:link,
#content ul.albumlist li p a:visited { text-decoration:none; }
#content ul.albumlist li p a:hover { background-color:#FFF; text-decoration:underline; }
#content ul.albumlist li p { text-align:left; margin:0.2em 0 0 7px; }
#content ul.albumlist li p.albumcover { margin:0; }
#content ul.albumlist li p.albumname a { font-weight:bold; color:#000; }
#content ul.albumlist li p.permmsg { font-size:80%; line-height:130%; color:#808080; }
#content ul.albumlist .albumlist_func a { padding-right:4px; }

/* == album cover == */
.albumcover { margin:0; }
.albumcover img { border:solid 3px #EEE; padding:2px; }
.albumcover a:hover { background-color:#FFF; }

/* == album page sidebar == */
#albuminfo .title { margin-top:4px; }
#albuminfo .nolink_thumbnail h4 { margin-top:2px; }

/* == photo friend == */
.friendPhoto { border-top:1px dotted #CCC; padding:7px 0 3px 0; }
#wrapper .friendPhoto h3 a { text-decoration:none; color:#333; }
#wrapper .friendPhoto h3 a:hover { background:none; text-decoration:underline; }
#wrapper .friendPhoto p.noPhoto { height:60px; line-height:60px; padding-left:2em; color:#666; }

/* == PHOTO FILTER == */

.photoFilter { margin:0 0 10px; padding:7px 10px 7px 0; background:#EEE; }
.photoFilter label { font-weight:bold; }
.photoFilter select { vertical-align:middle; }
.photoFilter input { padding:0; vertical-align:middle; }
.photoFilter .photoFilterByAlbum { padding-left:10px; float:left; }
.photoFilter .photoFilterByAlbum select { width:200px; }
.photoFilter .photoFilterByDate { float:right; }
.photoFilter .photoFilterByDate select { margin-right:5px; }

/* == ALBUM == */

.albumDescription { margin:-10px 0 10px; padding:10px; border:3px solid #EEE; background-color:#FCFCFC; }
.albumDescription .leftBox { float:left; width:130px; }
.albumDescription .rightBox { float:left; width:460px; }
.albumDescription .rightBox dl { margin:0; padding:6px 0 0; background-color:#FCFCFC; font-size:0.9em; }
.albumDescription .rightBox dt,
.albumDescription .rightBox dd { display:inline; margin:0; padding:0; line-height:140%; }
.albumDescription .albumTitle { margin-bottom:4px; }
.albumDescription .albumTitle h4 { display:inline; margin-bottom:4px; font-size:105%; }
.albumDescription span.subContent { font-size:85%; }
.albumDescription .license img { vertical-align:middle; }
.albumTop .albumDescription { margin:5px 0; }
.albumDescription ul.authUsers { display:inline; }
.albumDescription ul.authUsers li { display:inline; margin:1px; }

/* == ALBUM MAIL UPLOAD GUIDE == */

#albumUploadViaEmail .qrcode { float:right; }
#albumUploadViaEmail p { margin-top:7px; }
#albumUploadViaEmail p.email { clear:both; margin-top:0; margin-bottom:5px; }
#albumUploadViaEmail p.email a { font-weight:bold; }

/* == SHARE ALBUM GUIDE == */
#albumShare p { margin-top:7px; }

/* === UPLOADER IPHONE (/mobile/uploader_iphone) === */

#guide_uloader_iphone {
padding:50px 0 30px;
border-top:5px solid #DDEEEE;
}

#guide_uloader_iphone .boxLeft{
float:left;
width:340px;
}

	#guide_uloader_iphone .boxLeft img{
	margin-left:100px;
	}

#guide_uloader_iphone .boxRight{
float:left;
width:350px;
}

	#guide_uloader_iphone .boxRight h2{
	margin:0 0 40px;
	}
	
	#guide_uloader_iphone .boxRight p{
	margin:0 0 12px;
	line-height:160%;
	}
	
	#guide_uloader_iphone .boxRight p.logo{
	margin:20px 0 40px;
	}
	
	#guide_uloader_iphone .boxRight p.linkItune{
	text-align:right;
	}
	
	
	#guide_uloader_iphone .boxRight ul{
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px dotted #CCCCCC;
	}
	
	#guide_uloader_iphone .boxRight ul li{
	margin:0 0 8px;
	padding:0 0 0 16px;
	background:url(/img/guide_uploader_iphone_iconCheck.jpg) no-repeat left center;
	}

#guide_uloader_iphone h3{
margin:30px 0 20px;
padding:0 0 0 10px;
border-left:10px solid #7BBBF8;
}

#guide_uloader_iphone #iphoneFlow{
margin:0 0 40px;
padding:0 9px;
}

	#guide_uloader_iphone #iphoneFlow dl{
	float:left;
	width:188px;
	padding:0;
	background:none;
	}
	
	#guide_uloader_iphone #iphoneFlow dl h4{
	text-align:center;
	font-weight:bold;
	}
	
	#guide_uloader_iphone #iphoneFlow dl h4 span{
	display:block;
	margin:0 0 4px;
	font-family:"Arial Black";
	}
	
	#guide_uloader_iphone #iphoneFlow dl dd{
	padding:4px 10px 0;
	}

	#guide_uloader_iphone #iphoneFlow dl dd img{
	display:block;
	margin-bottom:6px;
	}

#guide_uloader_iphone .guide_uploader_iphone_attention{
margin:0 0 10px;
padding:10px 10px 0;
background:#FFFFE5;
border:1px solid #CCCCCC;
}

	#guide_uloader_iphone .guide_uploader_iphone_attention h3{
	margin:0 0 10px;
	padding:0;
	text-align:center;
	border:none;
	}

	#guide_uloader_iphone .guide_uploader_iphone_attention p{
	margin:0 0 8px;
	}

/* == albums == */
#albumsHeader { margin-bottom:3px; }
#albumsHeader .albumName h3  { padding-bottom:7px; }
#albumsHeader .sortType { float:right; display:inline-block; }
#albumsHeader .sortType .sortTypeCaption { display:inline; margin:0; padding:2px 2px 2px 0 }
#albumsHeader .sortType .func_hor_list2 { display:inline; }
#albumsHeader .sortType .func_hor_list2 li a.sortByRecentlyUpdated { margin:0; border-right:none; padding:2px 4px; }
#albumsHeader .sortType .func_hor_list2 li a.sortByName { margin:0; padding:2px 4px; }
#albumsHeader .sortType .func_hor_list2 li a:hover { background-color:#37B; }

/* == album edit == */
.albumEditForm input#name { width:240px; }
.albumEditForm textarea#description { width:380px; height:120px; }
.albumEditForm div#help_permission { color:#C33; width:400px; margin-top:3px; }
.albumEditForm img#thumbnail_photo { border:solid 3px #DDD; margin:5px 0; padding:3px; }
.albumEditForm div#select_cc_license { width:420px; border:solid 3px #DDD; margin:5px 0; padding:5px; }
.albumEditForm p.cc_condition { margin-top:1em; }
.albumEditForm p.delete_album_message { margin-bottom:1em; color:#C33; }

#friend_group_tree_section { width:380px; height:280px; margin:5px 0; padding:5px; border:solid 3px #DDD; overflow-y:auto; }
#friend_group_tree_section .group_tree_header { padding-bottom:4px; border-bottom:1px solid #DDD; }
#friend_group_tree_section .friend_group_selector { display:inline; padding:0 0 5px 3px; }
#friend_group_tree_section .friend_group_selector li { display:inline; }
#friend_group_tree_section .friend_user_search { display:inline; padding-left:100px; color:#808080; }
#friend_group_tree_section .friend_user_search input { width:120px; padding:0; vertical-align:middle; font-size:90%; }
#friend_group_tree_section ul.friend_group_tree li.group_list { border-bottom:dotted 1px #DDD; padding:5px 0 3px 0; overflow:auto; }
#friend_group_tree_section ul.friend_group_tree li ul { margin-left:1em; overflow:auto; }
#friend_group_tree_section ul.friend_group_tree li ul li { padding:2px 0; }
#friend_group_tree_section ul.friend_group_tree input { vertical-align:middle; }

/* == HTML based uploader == */
#uploaderArea { border:solid 5px #EEE; padding:15px 15px 15px 10px; margin:0.5em 0; }
#uploaderArea h4 { padding-bottom:0.3em; }
#uploaderArea .input { padding-left:1em; margin-bottom:1em; }
#uploaderArea .input #tag { width:200px; }
#uploaderArea .filesToUpload li { padding-bottom:0.5em; }
#uploaderArea .withSubContent { padding-bottom:0.3em; }
#uploaderArea .withSubContent h4 { display:inline; }
#uploaderArea .withSubContent span { font-size:86%; font-weight:normal; }

/* == "Create a new album" Navigation at /photo/add == */
.createAlbumNav { float:right; padding:5px 10px 0 0; }
.createAlbumNav a { padding-left:10px; background:transparent url(/css/cssimg/func_arrow.gif) no-repeat 0 50%; }
.createAlbumNav a:hover { background:#DEE url(/css/cssimg/func_arrow.gif) no-repeat 0 50%; }

/* == Theme Tags == */
.theme_tag_photos .section span.term { float: right; font-weight: normal; }
.theme_tag_photos .section h4 { margin-top: 10px; clear: both; }

#contest_omoidebako h3 { padding: 7px 0 7px 33px; border-bottom: 2px solid #ffaed5; background: url(/image/pc/contest/omoidebako/ico_omoide.png) left center no-repeat; }