@charset "euc-jp";
/* CSS Document */

/* トップ左サイドタイトル無理やり修正 */
.small{
font-size:10px;
}
/* トップ左サイドタイトル無理やり修正 */



/* タイトル画像 */
#offtime-layout-photo #header{
float:left;
width:114px;
}

#offtime-layout-photo #header a{
width:114px;
height:45px;
display:block;
}
#offtime-layout-photo #header a:link,#offtime-layout-photo #header a:visited{
background:url(../images/top-nav-bg.png) 0 0;
}
#offtime-layout-photo #header a:hover{
background:url(../images/top-nav-bg.png) 0 45px;
}

#offtime-layout-photo #header h1{
text-indent:-4999px;
}

/*上ナビゲーション*/
#top-nav{
float:left;
}
#top-nav ul li{
float:left;
}

#top-nav ul li a{
display:block;
width:139px;
height:45px;
text-indent:-4999px;
overflow:hidden;
}
#top-nav02 a:link,#top-nav02 a:visited{
background:url(../images/top-nav-bg2.png) -115px 0px;
}
#top-nav02 a:hover{
background:url(../images/top-nav-bg2.png) -115px 45px;
}
#top-nav03 a:link,#top-nav03 a:visited{
background:url(../images/top-nav-bg2.png) -254px 0px;
}
#top-nav03 a:hover{
background:url(../images/top-nav-bg2.png) -254px 45px;
}
#top-nav04 a:link,#top-nav04 a:visited{
background:url(../images/top-nav-bg2.png) -393px 0px;
}
#top-nav04 a:hover{
background:url(../images/top-nav-bg2.png) -393px 45px;
}
#top-nav05 a:link,#top-nav05 a:visited{
background:url(../images/top-nav-bg2.png) -532px 0px;
}
#top-nav05 a:hover{
background:url(../images/top-nav-bg2.png) -532px 45px;
}

/* 写真枠 */
#pic-frame{
float:left;
width:670px;
/*background:url(../images/pic-frame-bottom.gif) no-repeat left bottom;*/
padding:0px 0 0 0;
margin:4px 0 0 0;
font-size:4px;
background-color:#101010;
}
#picture-area{
float:left;
width:602px;
padding:2px 4px 12px 4px;
margin:0;
text-align:center;
}
html>body #picture-area{
padding:2px 4px 12px 4px;
}

#picture-area p{
font-size:12px;
margin:0;
text-align:left;
/* width:650px; */
}

#photo-slide-button{
padding:0 0 0 8px;
font-size:14px;
font-weight:bold;
}
#photo-slide-button a:link,#photo-slide-button a:visited{
color:#ccccff;
text-decoration:underline;
}
#photo-slide-button a:hover{
color:#fff;
text-decoration:underline;
}

#picture-area img{
border:1px solid #999;
}
strong.prm-cap-title{
color:#d8ca52;
padding:0 12px 0 0;
}
strong.mov-cap-title{
color:#ffffff;
padding:0 12px 0 0;
}


/* テキストエリア表示 */
#target_div{
position:absolute;
top:200;
left:0;
z-index:100;
color:#fff;
background:url(../images/target_div-bg.png) repeat-y ;
width:622px;
margin:0;
padding:0;
filter: alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
cursor:pointer;
}

#target_div{
position:absolute;
top:200;
left:0;
}


#target_div p{
padding:10px 0px 0px 40px;
margin:0 10px 5px 0;
font-size:16px;
line-height:140%;
color:#fff;
}
#target_div.mov p{
padding:10px 0px 0 40px;
font-size:14px;
line-height:140%;
color:#fff;
}
#slide-bottom-p{
background:url(../images/closebutton.gif) no-repeat right bottom;
padding:0 0 20px 0;
}
#target_div p a{
text-decoration:underline;
}
#target_div p a:link,#target_div p a:visited{
color:#3366ff;
}
#target_div p a:hover{
color:#fff;
}

.toggle_hide{
display:none;
}

#button-area{
float:left;
width:60px;
}
#button-area ul{
padding:10px 0;
margin:0;
}
#button-area li{
padding:0 4px 0px 4px;
line-height:90%;
}
#button-area a{
font-size:12px;
color:#D8CA52;
}
#button-area a:link,#button-area a:visited{
/*color:#ccccff;*/
color:#D8CA52;
text-decoration:none;
}
#button-area a:hover{
text-decoration:underline;
color:#fff;
}
li#next-btn,li#prev-btn{
padding:0;
margin:0;
}

#next-btn a,#prev-btn a{
display:block;
width:56px;
height:56px;
text-indent:-4999px;
overflow:hidden;
}
#next-btn a:link,#next-btn a:visited{
background:url(../images/pic-buttonset.gif) 0px 0px;
}
#next-btn a:hover{
background:url(../images/pic-buttonset.gif) 56px 0px;
}
#next-btn a:active{
background:url(../images/pic-buttonset.gif) 112px 0px;
}
#prev-btn a:link,#prev-btn a:visited{
background:url(../images/pic-buttonset.gif) 0px 56px;
}
#prev-btn a:hover{
background:url(../images/pic-buttonset.gif) 56px 56px;
}
#prev-btn a:active{
background:url(../images/pic-buttonset.gif) 112px 56px;
}
#photo-pagecount{
width:56px;
}
#photo-pagecount dt{
font:"Times New Roman", Times, serif;
font-weight:bold;
font-size:24px;
color:#fff;
letter-spacing:-1px;
padding:0 0 0 4px;
}
#photo-pagecount dd{
font-size:12px;
color:#fff;
padding:0 4px 0 0px;
text-align:right;
}

#button-area li#link-premiumtop{
padding:10px 0px 0px 0px;
}
#link-premiumtop a{
display:block;
width:56px;
height:80px;
text-indent:-4999px;
overflow:hidden;
}
#link-premiumtop a:link,#link-premiumtop a:visited{
background:url(../images/link-premiumtop.png) 0px 0px;
}
#link-premiumtop a:hover{
background:url(../images/link-premiumtop.png) 56px 0px;
}

#prm-archives{
width:56px;
}
#prm-archives dt{
text-align:center;
}
#prm-archives dt a{
font-weight:bold;
color:#fff;
font-size:12px;
}

#prm-archives dd{
text-align:right;
}
#prm-archives dd a{
float:left;
display:block;
width:52px;
font-size:12px;
}

#thumbnails{
width:664px;
padding:10px 0 5px 6px;
margin:10px 0 10px 0;
float:left;
background:#101010;
}
html>body #thumbnails{
padding:10px 0 5px 6px;
}

#photo-page{
width:650px;
padding:0 4px 8px 0;
float:right;
text-align:right;
color:#fff;
font-size:14px;
}
html>body #photo-page{
padding:0 8px 8px 0;
}

#photo-page span{
font-size:12px;
padding:0 4px;
color:#fff;
font-weight:bold;
}
#photo-page a{
color:#fff;
font-size:12px;
padding:0 4px;
}
#photo-page a:link,#photo-page a:visited{
color:#ccccff;
text-decoration:underline;
}
#photo-page a:hover{
color:#fff;
text-decoration:none;
}

#thumbnails ul li{
float:left;
padding:0 2px 4px 0;
}
#thumbnails ul li a{
display:block
}
#thumbnails ul#bottomlink{
float:left;
padding:3px 0 0 2px;
}
.thumbnails-title{
color:#fff;
float:left;
font-size:14px;
}

/*サムネイルに替わるテキストリンク（テキストのみ）*/
.monthly-head{
color:#fff;
font-weight:bold;
float:left;
}
#thumbnails ul.prm-links{
margin:0px 4px 10px 4px;
float:left;
}
#thumbnails ul.prm-links li{
font-size:12px;
background:url(../images/prem-bottom-allow.gif) no-repeat 0 4px;
padding:0 0 2px 8px;
width:640px;
}
#thumbnails ul.prm-links li a:link,#thumbnails ul.prm-links li a:visited{
font-size:12px;
color:#ccc;
text-decoration:none;
}
#thumbnails ul.prm-links li a:hover{
font-size:12px;
color:#3366ff;
text-decoration:underline;
}
#thumbnails ul.prm-links li a:link strong.prm-cap-title,#thumbnails ul.prm-links li a:visited strong.prm-cap-title{
font-size:14px;
color:#e5e5e5;
}
#thumbnails ul.prm-links li a:hover strong.prm-cap-title{
font-size:14px;
color:#3366ff;
}

/*サムネイルに替わるテキストリンク（背景画像）*/
#thumbnails ul#bottom_textlink{
float:left;
padding:3px 0 0 2px;
}
#thumbnails ul#bottom_textlink li{
float:left;
width:320px;
}
#thumbnails ul#bottom_textlink li a{
color:#fff;
}


#thumbnails ul#bottomlink li a{
text-indent:-4999px;
display:block;
width:64px;
height:64px;
}

#thumbnails ul li a:link img,#thumbnails ul li a:visited img{
width:60px;
height:60px;
padding:1px;
border:1px solid #000;
}
#thumbnails ul li a:hover img{
width:60px;
height:60px;
padding:1px;
border:1px solid #999;
}

/* photoトップページ*/
/* 編集者セレクトエリア */
#editors-choice{
background:url(../images/editors-choice-bg.png) no-repeat 0 0 #0a0a0a;
width:654px;
margin:0 4px;
padding:0 0 20px 0;
}
html>body #editors-choice{
margin:0 8px;
}
#editors-choice dt{
float:left;
width:274px;
padding:10px 0;
text-align:center;
}
#editors-choice dt a:link img,#editors-choice dt a:visited img{
padding:1px;
border:1px solid #333;
}
#editors-choice dt a:hover img{
padding:1px;
border:1px solid #999;
}

#editors-choice dd{
float:left;
width:380px;
color:#fff;
padding:16px 0 20px 0;
background:url(../images/editor-dd-bg.png) no-repeat bottom right #0a0a0a;
}
#editors-choice dd a{
color:#fff;
line-height:140%;
}

#editors-choice dd strong a{
color:#fff;
font-size:16px;
}
#editors-choice dd a:link,#editors-choice dd a:visited{
color:#fff;
text-decoration:none;
}
#editors-choice dd a:hover{
color:#3366cc;
text-decoration:underline;
}
#editors-choice dd strong a:link,#editors-choice dd strong a:visited{
color:#d8ca52;
text-decoration:none;
}
#editors-choice dd strong a:hover{
color:#3366cc;
text-decoration:underline;
}

#editors-choice dd span{
float:right;
text-align:right;
color:#fff;
font-size:12px;
padding:0 16px 12px 0;
}
#editors-choice dd p{
float:left;
width:350px;
color:#fff;
font-size:14px;
margin:0 2px 4px 4px;
}
html>body #editors-choice dd p{
margin:0 4px 4px 8px;
}

/* 内容一覧 */
#photo-tab{
background:#0a0a0a;
width:670px;
float:left;
padding:10px 0 0px 0px;
margin:0 0px 20px 0px;
border-bottom:4px solid #663399;
}
html>body #photo-tab{
margin:0 0px 20px 0px;
}

#photo-tab li a:link img,#photo-tab li a:visited img{
padding:1px;
border:1px solid #333;
}
#photo-tab li a:hover img{
padding:1px;
border:1px solid #999;
}

.premium-menu{
background:#000;
margin:0 0 20px 4px;
width:654px;
/*border-bottom:1px solid #333;*/
}
html>body .premium-menu{
margin:0 0 20px 8px;
}

#photo-tab h3{
color:#fff;
margin:0 0 2px 0px;
padding:0;
font-size:16px;
}
#photo-tab ul{
float:left;
padding:0px 0 0px 0px;
margin:0 0 0 3px;
}

#photo-tab ul li{
width:157px;
padding:4px 1px 16px 0px;
margin:0 0 10px 0;
float:left;
font-size:12px;
line-height:120%;
color:#ccc;
}
html>body #photo-tab ul li{
padding:4px 2px 16px 0px;
}

#photo-tab ul li strong{
font-size:14px;
background:#0a0a0a;
color:#fff;
text-align:left;
padding:0 4px 0 0;
}

#photo-tab li p.select-title-link{
width:150px;
padding:0 2px 4px 2px;
margin:0;
}
li#lit-cal-spring{
background:url(../images/lit-cal-spring-bg.png) no-repeat left bottom;
}
li#lit-cal-summer{
background:url(../images/lit-cal-summer-bg.png) no-repeat left bottom;
}
li#lit-cal-fall{
background:url(../images/lit-cal-fall-bg.png) no-repeat left bottom;
}
li#lit-cal-winter{
background:url(../images/lit-cal-winter-bg.png) no-repeat left bottom;
}

#photo-tab ul li a{
font-size:12px;
line-height:130%;
color:#fff;
display:inline;
font-weight:bold;
text-decoration:underline;
}
#photo-tab ul li a:link,#photo-tab ul li a:visited{
color:#fff;
}
#photo-tab ul li a:hover{
color:#3366cc;
}
#photo-tab p a{
font-weight:bold;
text-decoration:underline;
font-size:12px;
}

#photo-tab p a:link,#photo-tab p a:visited{
color:#fff;
}
#photo-tab p a:hover{
color:#3366cc;
}


#photo-tab a:link img,#photo-tab a:visited img{
padding:1px;
border:1px solid #999;
margin:0 0 1px 0;
}
#photo-tab a:hover img{
padding:1px;
border:1px solid #3366cc;
margin:0 0 1px 0;
}
.photographer{
color:#999;
font-size:12px;
padding:0 0 0 2px;
}
#photo-tab .r-date{
width:120px;
font-size:12px;
text-align:right;
float:right;
margin:4px 6px 0px 0;
padding:0;
color:#cc0000;
}
html>body #photo-tab .r-date{
margin:4px 12px 0px 0;
}

p.prem-month{
float:left;
width:280px;
line-height:120%;
}
p.prem-month a{
padding:0 4px;
line-height:120%;
}
p.prem-month strong{
padding:0px;
color:#fff;
}

/*　prem-montデザイン変更　ここから　*/

p.prem-month-2{
float:left;
width:300px;
padding:0px;
margin:0px;
line-height:120%;
}

html>body p.prem-month-2{
float:left;
width:330px;
line-height:120%;
}

p.prem-month-2 a{
padding:0 0px;
line-height:120%;
}
p.prem-month-2 strong{
padding:0px;
color:#fff;
}

/*　prem-montデザイン変更　ここまで　*/

#photo-tab ul li ul.list-of-list{
float:left;
width:150px;
margin:0 0 0 0px;
padding:0px 0px 4px 0px;
background:url(../images/dot.gif) repeat-x 0px 10px;
}
html>body #photo-tab ul li ul.list-of-list{
margin:0 0px 0 0px;
}

#photo-tab ul li ul.list-of-list strong{
margin:0px;
padding:0;
line-height:180%;
color:#fff;
}

#photo-tab ul li ul.list-of-list li{
width:144px;
margin:0px 0px 3px 4px;
padding:0;
line-height:120%;
color:#ccc;
}

#photo-sitemap{
margin:0 16px;
}
#photo-sitemap ul{
font-size:14px;
font-weight:bold;
color:#333;
padding:0 0 8px 0;
width:640px;
}

#photo-sitemap li{
color:#333;
font-size:12px;
font-weight:normal;
padding:0 4px;
}
#photo-sitemap li a:link,#photo-sitemap li a:visited{
font-size:12px;
padding:0 4px;
color:#3366cc;
text-decoration:none;
}
#photo-sitemap li a:hover{
font-size:12px;
padding:0 4px;
color:#3366cc;
text-decoration:underline;
}

/*　カナダバンクーバー特殊フォトギャラリー　*/
.bottomlink-tytle{
color:#fff;
width:123px;
font-weight:bold;
margin-top:15px;
margin-left:7px;
font-size:13px;
}

.bc-photo-space{
width:65px;
height:65px;
}

.bc-link-neme{
color:#999999;
padding-left:10px;
}




/******************************************
写真特集　ソーシャルボタン設定
2013/10/25　Add By Matsumoto
*******************************************/

#photo-gallery_socialBtn{
width:55px;
height:191px;
background:url(/img/photo-gallery_bt-bg.gif) no-repeat;
margin:0 0 20px 0;
}

#photo-gallery_socialBtn ul li{
text-align:center;
margin:0 0 8px 0;
}

#photo-gallery_socialBtn ul li a:hover img {
opacity:0.9;  
filter: alpha(opacity=85);  
-ms-filter: "alpha( opacity=85 )";
}

/*　Twitter カウンター　*/
#tweetCount {
width:36px;
height:15px;
font-size:10px;
padding:4px 0 0 0;
margin:0;
text-align:center;
display:inline-block;
background:url(/img/photo-gallery_tweetCount.gif) no-repeat;
}

/*　Facebook カウンター　*/
#likeCount {
width:36px;
height:14px;
font-size:12px;
padding:5px 0 0 0;
margin:0;
text-align:center;
display:inline-block;
background:url(/img/photo-gallery_tweetCount.gif) no-repeat;
}
#tweetCount a{
font-size:12px;
color:#000;
}
#tweetCount a:link,#tweetCount a:visited{
color:#000;
text-decoration:none;
}
#tweetCount a:hover{
text-decoration:underline;
color:#000;
}
#likeCount a{
font-size:10px;
color:#000;
}
#likeCount a:link,#likeCount a:visited{
color:#000;
text-decoration:none;
}
#likeCount a:hover{
text-decoration:underline;
color:#000;
}