@charset "UTF-8";
/*--------------------------------------------------------------2013/01/22

ついっぷるフォト詳細ページ　リニューアル設定

----------------------------------------------------------------*/

/*------------------------------user area setting------------------------------*/
#photoHnav{height:30px; background-image:url(../images/user_area_bg_0.gif);background-position:right 33px; float:right;margin-top: -4px;position:absolute; top:0;right:35px;}
#photoHnav li{height:30px;float:left;}
#photoHnav li a{height:30px;background-image:url(../images/usermenu.png);display:block;}
#photoHnav .mypage a{width:111px; background-position:-359px 0;}
#photoHnav .upload a{width:116px; background-position:-470px 0;}
#photoHnav .other a{width:77px; background-position:-174px 0;}
#photoHnav .myClip a{width:108px; background-position:-253px 0;}
#photoHnav .user .userBut{background-image:none;padding:0 10px; font-weight:bolde;vertical-align:middole;}
#photoHnav .login a{width:174px; background-position:0 0; margin-right:2px;}
#photoHnav .mypage a:hover{background-position:-359px -30px;}
#photoHnav .upload a:hover{background-position:-470px -30px;}
#photoHnav .other a:hover{background-position:-174px -30px;}
#photoHnav .myClip a:hover{background-position:-253px -30px;}
#photoHnav .user a:hover{background-image:url(../images/user_area_bg_1.gif);background-position:right 0px;}
#photoHnav .login a:hover{background-position:0 -30px; margin-right:2px;}
#photoHnav .triangle{margin:0 0 0 5px;}
#photoHnav .userIcon{vertical-align: middle; margin:0 5px 0 0; padding:2px 0 0 0;}
/* drop down menu */
#container_h {overflow: visible;}
#photoHnav .dropdown{list-style:none;margin-left: 60px;padding:0;display:none;position: absolute;top:29px;/*left:0;*/z-index: 99999;background: #444;background: -moz-linear-gradient(#444, #111);background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));background: -webkit-linear-gradient(#444, #111);background: -o-linear-gradient(#444, #111);	background: -ms-linear-gradient(#444, #111);	background: linear-gradient(#444, #111);	-moz-border-radius: 5px;border-radius: 5px; z-index:10000;}
#photoHnav .dropdown li{float: none;margin: 0;padding: 0;display: block;  -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;}
#photoHnav .dropdown li:last-child{   -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
#photoHnav .dropdown a{padding: 10px;height: auto;line-height: 1;display: block;white-space: nowrap;float: none;text-transform: none;background-image:none;text-decoration: none;color:#fff;}
*html .dropdown a{ /* IE6 */   height: 10px;width: 150px;}
*:first-child+html .dropdown a{ /* IE7 */height: 10px;width: 150px;text-decoration: none;}
#photoHnav .dropdown a:hover{
background: #52b2db;background: -moz-linear-gradient(#60d0ff,  #52b2db);	background: -webkit-gradient(linear, left top, left bottom, from(#60d0ff), to(#52b2db));background: -webkit-linear-gradient(#60d0ff,  #52b2db);background: -o-linear-gradient(#60d0ff,  #52b2db);background: -ms-linear-gradient(#60d0ff,  #52b2db);background: linear-gradient(#60d0ff,  #52b2db);}
#photoHnav .dropdown li:first-child a{-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
#photoHnav .dropdown li:first-child a:after{content: '';position: absolute;left: 30px;top: -8px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #444;}
#photoHnav .dropdown li:first-child a:hover:after{border-bottom-color: #60d0ff; }
#photoHnav .dropdown li:last-child a{-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}
#photoHnav .dropdown li.oneline a{-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}
#photoHnav li:hover > ul {display: block;}

/*--------------------------------main contents----------------------------------*/
#detailsArticle {width:692px;border: 1px solid #c2c2c2;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;behavior: url(../border-radius.htc);padding:10px;}
#rtDet{margin: 0 0 20px 0;padding:10px;background-color:#e6eff3;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;behavior: url(PIE.htc);}
#rtDet .date{background-image:url(../images/clock.png);padding:0 20px;background-repeat:no-repeat;background-position:0 center;float:left;margin:0px\9;}
#rtDet .pageview{background-image:url(../images/view_icon.png);padding:0 0 0 25px;background-repeat:no-repeat;background-position:0 center;float:left;margin:0px\9;}
#rtDet .pageview #url_counter{max-width: 80px;overflow: hidden;display: inline-block;white-space: nowrap;}
#rtDet #item_tweet{clear:both;display: inline-block;;padding:10px 0 0 0;width:380px;}

/* clip theme */
#ownTheme {width:365px;float:left;}
#ownTheme .theme h3,#ownTheme .p_theme h3 {border-bottom:3px #a0c8dc solid; }
.theme,.p_theme {clear:both; padding:0 0 20px 0;}
.theme h3,.p_theme h3{font-size:15px;font-weight:bold; padding:0 0 5px 0;border-bottom:5px #a0c8dc;margin:0 0 5px 0;}
.theme li,.p_theme li {float:left;white-space: nowrap;}
.theme a,.p_theme a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;cursor: pointer;display: inline-block;font-size: 12px;font-weight: bold;font-family: Arial,sans-serif;line-height: 1;padding: 4px 6px;margin: 3px;position: relative;text-decoration: none;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);behavior: url(PIE.htc);}
.theme a{background: none repeat-x scroll 0 0 #c2a4d3;}
.p_theme a{background: none repeat-x scroll 0 0 #009ec9;}
.theme a:hover{background-color:#d9b7ec;}
.p_theme a:hover{background-color:#00b3e4;}
.newphoto_inbox {overflow: hidden;clear:both;}
.pb5 {background: white;width: 290px;height: auto;border: 1px #DDD solid;margin: 50px 0 5px 0;padding: 10px 15px;color: #444;font-size: 14px;overflow-y: auto;border: 1px solid #777;padding: 5px;background: white;border-radius: 5px;background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(white));-webkit-border-radius: 5px;background: -moz-linear-gradient(top, #EEE, white);-moz-border-radius: 5px;behavior: url(PIE.htc);}
.pb5 input {width: 130px;margin: 0px;font-family: helvetica;font-size: 13px;border: 1px solid transparent;padding: 5px;background: transparent;color: black;outline: 0px;margin-right: 5px;margin-bottom: 5px;}
.tag {border: 1px solid #b889d3;display: block;float: left;padding: 2px 5px;text-decoration: none;background: #ede5f2;color: #b889d3;margin-right: 5px;margin-bottom: 5px;font-family: helvetica;font-size: 12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px 3px 3px 3px;behavior: url(PIE.htc);}
.p_tag {white-space: nowrap;font-weight: bold;border: 1px solid #009ec9;display: block;float: left;padding: 1px 5px;text-decoration: none;background: #cee8ef;color: #009ec9;margin-right: 5px;margin-bottom: 5px;font-family: helvetica;font-size: 12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px 3px 3px 3px;behavior: url(PIE.htc);line-height: 15px;}
.tag a {color:#b889d3;text-decoration:none;font-size: 18px;padding-left:0.2em;}
.p_tag a {font-weight: bold;color: #009ec9;text-decoration: none;font-size: 11px;}
#otherTheme{width: 336px;float:left;}
#otherThemeHorizontal{padding:10px 0 0 0;clear:both;}
#otherTheme ul, #otherThemeHorizontal ul{overflow:hidden;}
#rtDet #bottomAD{float: right;}

/* clip login button */
#loginClip_bt{height:28px; margin:10px 0;}
#loginClip_bt a{display:block;width:359px;height:28px;background-image:url(../images/photoarea_login_btn.png);}
#loginClip_bt a:hover{background-position:0 -28px;}



.photoClipBtn{z-index: 1000;position: absolute;top: 5px;left: 5px;display: none;}
.photoClipBtn li{background-image:url(../images/clip_but.png);text-indent: -9999px;}
.photoClipBtn li a{width: 66px;height: 30px;display: block;}
.photoClipBtn li.c1{}
.photoClipBtn li.c2{background-position:0 -30px;}
.photoClipBtn li.c3{background-position:0 -60px;}
.photoClip.hover .photoClipBtn{display:block; opacity:1;}