@charset "utf-8";
/*
=========================================================
last updated:2000/06/15 vol.01
=========================================================
*/


/* Album Common Class
=============================================================================== */
/* backToPrev
--------------------------------------------- */
div.backToPrev {margin-top:30px;padding-bottom:20px;font-size:116%;text-align:center;/height:1%;}

/* Album TOP
=============================================================================== */
/* albumContainer
---------------------------------------------*/
div#albumLeft {width:242px;float:left;}
div#albumRight {width:388px;float:right;}
div.prev-arrow-container {float:left;cursor:pointer;}
div.next-arrow-container {float:left;cursor:pointer;}

/* photoList
--------------------- */
div#status02 {position:absolute;top:55px;left:150px;z-index:99;}
div#status03 {position:absolute;top:55px;left:150px;z-index:99;}
.jcarousel-control a {width:9px;height:9px;margin:0 3px;display:block;text-indent:-9999px;overflow:hidden;float:left;padding:0;background:url(../../../maincontents/my/album/photo_lst_icon.gif) no-repeat 0 0px;}
.jcarousel-control a.cur {cursor:default;background:url(../../../maincontents/my/album/photo_lst_icon.gif) no-repeat 0 -9px;}


/* Clear Fix
--------------------- */
div.jcarousel-clip:after,
.jcarousel-list:after,
.jcarousel-control:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div.jcarousel-clip,
*:first-child+html .jcarousel-list,
*:first-child+html .jcarousel-control {display: inline-block;}
* html div.jcarousel-clip,
* html .jcarousel-list,
* html .jcarousel-control {height: 1%;}

div.photos li {text-align:center;float:left;}
* html div.photos li {display:inline;}
.jcarousel-list {position:relative;}
div.photos li span {width:112px;padding:0 7px 0 7px;text-align:center;display:block;overflow:hidden;}
div.photos li img {margin-bottom:3px;padding:5px;border:solid 1px #ccc;background:#fff;}
.jcarousel-prev {width:30px;height:20px;background:url(http://i.yimg.jp/images/pets/2008/img/hiroba/album/prev_btn.gif) no-repeat top left;position:absolute;cursor:pointer;}
.jcarousel-prev-disabled {background:url(http://i.yimg.jp/images/pets/2008/img/hiroba/album/prev_btn_off.gif) no-repeat top left !important;cursor:default;}
.jcarousel-next {width:31px;height:20px;background:url(http://i.yimg.jp/images/pets/2008/img/hiroba/album/next_btn.gif) no-repeat top left;position:absolute;cursor:pointer;}
.jcarousel-next-disabled {background:url(http://i.yimg.jp/images/pets/2008/img/hiroba/album/next_btn_off.gif) no-repeat top left !important;cursor:default;}

/* albumMainTtl
--------------------------------------------- */
div#albumMainTtl div.ttl {width:640px;height:91px;position:relative; background:url(../../img/hiroba/album/album_ttl_bg.gif) no-repeat left top; margin-top:7px;}
div#albumMainTtl h1 {width:281px;height:30px;text-indent:-9999px;overflow:hidden;background:url(../../img/hiroba/album/album_ttl.gif) no-repeat left top;position:absolute;top:38px;left:115px;}
div#albumMainTtl p.btn01 {width:201px;height:33px;position:absolute;top:36px;left:419px;}
div#albumMainTtl ul {margin-top:;}
div#albumMainTtl li {min-height:18px;padding-top:2px;margin-left:12px;vertical-align:middle;display:inline-block;/display:inline;/zoom:1;}
* html div#albumMainTtl li {height:18px;}
div#albumMainTtl li span {font-weight:bold;}
div#albumMainTtl li.st01 {padding-left:22px;background:url(../../img/hiroba/album/album_icon01.gif) no-repeat left center;}
div#albumMainTtl li.st02 {padding-left:18px;background:url(../../img/hiroba/album/album_icon02.gif) no-repeat left center;}
div#albumMainTtl li.st03 {padding-left:25px;background:url(../../img/hiroba/album/album_icon03.gif) no-repeat left center;}

/* albumMVP
--------------------------------------------- */
div#albumMVP {margin-top:10px;padding:5px;background:#ececec;}
div#albumMVP div.bg {padding:10px;background:#fff;border:solid 1px #b28850;display:table;}
div#albumMVP div.bg:after {display:none;}
div#albumMVP div.ttl,
div#albumMVP div.ph,
div#albumMVP div.txt {display:table-cell;vertical-align:top;/display:inline;/zoom:1;}
div#albumMVP div.ttl {width:130px;padding-right:10px;}
div#albumMVP div.ttl h2 {width:95px;height:22px;margin-bottom:10px;text-indent:-9999px;overflow:hidden;background:url(../../../maincontents/my/album/mvp_ttl.gif) no-repeat top left;}
div#albumMVP div.ttl p.date {margin-top:7px;text-align:right;font-weight:bold;}
div#albumMVP div.ph {width:100px;padding-left:10px;padding-right:10px;border-left:solid 1px #b28850;}
div#albumMVP div.ph img {vertical-align:bottom;}
div#albumMVP div.txt {width:346px;}
div#albumMVP div.txt dt {margin-bottom:6px;font-size:116%;font-weight:bold;}
div#albumMVP div.txt p.txt {margin-bottom:5px;}
div#albumMVP div.txt p.lnk {margin-top:5px;text-align:right;}

/* albumTopBox00
--------------------------------------------- */
div#albumTopBox00 div.ttl {background:url(../../img/hiroba/album/album_top_box00_bg01.gif) no-repeat left top;}
div#albumTopBox00 div.ttl h2 {min-height:29px;padding:17px 10px 0 70px;font-size:116%;font-weight:bold;background:url(../../img/hiroba/album/album_top_box00_bg02.gif) no-repeat left top;float:left;}
* html div#albumTopBox00 div.ttl h2 {height:29px;}
div#albumTopBox00 div.ttl p.txt {margin-top:17px;padding-left:20px;min-height:17px;font-size:116%;background:url(../../img/common/arrow/arrow_category01.gif) no-repeat left center;float:left;}
* html div#albumTopBox00 div.ttl p.txt {height:17px;}
div#albumTopBox00 div.ttl p.txt a {font-weight:bold;}
div#albumTopBox00 div.ttl p.date {padding:19px 10px 0 0;float:right;}

/* Clear Fix
--------------------- */
div#albumTopBox00 div.ttl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div#albumTopBox00 div.ttl{display: inline-block;}
* html div#albumTopBox00 div.ttl {height: 1%;}

div#albumTopBox00 div.search {padding:7px;background:#fbf8ce;border-top:solid 1px #f39700;border-bottom:solid 1px #f39700;}
div#albumTopBox00 div.search th {padding-right:10px;border-right:solid 1px #b4a38f;font-weight:bold;}
div#albumTopBox00 div.search input.st01 {width:180px;margin:0 5px;}
div#albumTopBox00 div.search input.bt {width:5.5em;/padding-top:3px; margin-left:10px;}

/* albumTopBox01
---------------------------------------------*/
div.albumTopBox01 {width:242px;padding-bottom:6px;background:url(../../img/hiroba/album/album_top_box01_btm.gif) no-repeat bottom left;}
div.albumTopBox01 div.contents {padding-left:4px;padding-right:4px;border-left:solid 1px #dedede;border-right:solid 1px #dedede;background:#f7f7f3;}
div.albumTopBox01 h3 {width:242px;height:52px;text-indent:-9999px;overflow:hidden;background:url(../../img/hiroba/album/album_top_box01_ttl.gif) no-repeat top left;}
div.albumTopBox01 p.date {margin:0 0 3px 0;padding:0 13px 5px 0;text-align:right;}
div.albumTopBox01 table.st01 {width:232px;}
div.albumTopBox01 table.st01 th {width:30px;padding:8px 0 8px 0;text-align:center;vertical-align:middle;font-weight:bold;background:url(../../img/common/line/line01.gif) repeat-x top left;}
div.albumTopBox01 table.st01 td {padding:8px 2px 8px 4px;vertical-align:top;background:url(../../img/common/line/line01.gif) repeat-x top left;}
div.albumTopBox01 table.st01 td.ph {width:58px;}
div.albumTopBox01 table.st01 td.ph img {padding:3px;border:solid 1px #ccc;background:#fff;}
div.albumTopBox01 table.st01 td.txt {width:;}
div.albumTopBox01 table.st01 td.txt p.date {margin:7px 0 0 0;padding:0 0 0 0;text-align:right;background:none;}
div.albumTopBox01 p.moreLink01 {margin-top:0;}
div.albumTopBox01 th.rank01,
div.albumTopBox01 th.rank02,
div.albumTopBox01 th.rank03 {vertical-align:top !important;}
div.albumTopBox01 th.rank01 span {padding-top:22px;display:block;background:url(../../img/hiroba/album/album_top_box01_icon01.gif) no-repeat center top;}
div.albumTopBox01 th.rank02 span {padding-top:22px;display:block;background:url(../../img/hiroba/album/album_top_box01_icon02.gif) no-repeat center top;}
div.albumTopBox01 th.rank03 span {padding-top:22px;display:block;background:url(../../img/hiroba/album/album_top_box01_icon03.gif) no-repeat center top;}

/* albumTopBox02
---------------------------------------------*/
div.albumTopBox02 {width:388px;position:relative;}
div.albumTopBox02 div.ttl {padding:7px 12px 7px 12px;border-top:solid 7px #f39700;border-bottom:solid 1px #f39700;}

/* Clear Fix
--------------------- */
div.albumTopBox02 div.ttl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div.albumTopBox02 div.ttl {display: inline-block;}
* html div.albumTopBox02 div.ttl {height: 1%;}

div.albumTopBox02 div.ttl h3 {font-size:116%;font-weight:bold;color:#333;float:left;}
div.albumTopBox02 div.ttl p {margin-top:2px;padding-left:20px;line-height:1.3;background:url(../../img/common/arrow/arrow_category01.gif) no-repeat left center;float:right;}
div.albumTopBox02 div.st01 dl {width:100%;margin-top:6px;padding-bottom:7px;background:url(../../img/common/line/line01.gif) repeat-x bottom left;}

/* Clear Fix
--------------------- */
div.albumTopBox02 div.st01 dl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div.albumTopBox02 div.st01 dl {display: inline-block;}
* html div.albumTopBox02 div.st01 dl {height: 1%;}

div.albumTopBox02 div.st01 dt {width:120px;padding-right:5px;text-align:right;float:right;}
div.albumTopBox02 div.st01 dd {width:255px;padding-left:5px;float:left;}
div.albumTopBox02 div.photos {padding-top:10px;position:relative;z-index:1;}
div.albumTopBox02 div.photos ul {width:378px;height:330px;margin-left:5px;margin-right:5px;position:relative;overflow:hidden;}
div.albumTopBox02 div.photos li {width:126px;}
div.albumTopBox02 div.photos li span {height:153px;padding-bottom:15px;display:block;overflow:hidden;}
div.albumTopBox02 div.jcarousel-prev {top:7px;right:37px;}
div.albumTopBox02 div.jcarousel-next {top:7px;right:6px;}
div.albumTopBox02 div.jcarousel-control {position:absolute;top:55px;left:150px;z-index:90;display:none;}

/* albumTopBox03
---------------------------------------------*/
div.albumTopBox03 {position:relative;}
div.albumTopBox03 div.ttl {padding:10px;background:url(../../img/common/line/line01.gif) repeat-x bottom left;}


/* Clear Fix
--------------------- */
div.albumTopBox03 div.ttl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div.albumTopBox03 div.ttl {display: inline-block;}
* html div.albumTopBox03 div.ttl {height: 1%;}

div.albumTopBox03 div.ttl h3 {padding-right:10px;font-size:116%;font-weight:bold;color:#333;float:left;}
div.albumTopBox03 div.ttl p {margin-top:2px;padding-left:20px;line-height:1.3;background:url(../../img/common/arrow/arrow_category01.gif) no-repeat left center;float:left;}
div.albumTopBox03 div.photos {padding-top:10px;margin:0pt 5px;}
div.albumTopBox03 div.jcarousel-clip {width:630px;height:160px;padding-bottom:5px;position:relative;overflow:hidden;z-index:80;}
div.albumTopBox03 div.photos ul {width:630px;min-height:153px;position:relative;}
* html div.albumTopBox03 div.photos ul {height:153px;}
div.albumTopBox03 div.photos li {width:126px;min-height:145px;padding-bottom:15px;}
* html div.albumTopBox03 div.photos li {height:145px;}
div.albumTopBox03 div.jcarousel-prev {top:7px;right:37px;}
div.albumTopBox03 div.jcarousel-next {top:7px;right:6px;}
div.albumTopBox03 div.jcarousel-control {position:absolute;top:14px;left:480px;display:none;}

/* albumTopBnr01
---------------------------------------------*/
div#albumTopBnr01 {width:640px;margin-top:10px;padding:0 0 10px 0;background:url(../../../maincontents/my/album/album_top_bnr01_btm.gif) no-repeat bottom left;}
div#albumTopBnr01 dl {padding-top:9px;padding-left:10px;padding-right:10px;background:url(../../../maincontents/my/album/album_top_bnr01_top.gif) no-repeat top left;}

/* Clear Fix
--------------------- */
div#albumTopBnr01 dl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div#albumTopBnr01 dl {display: inline-block;}
* html div#albumTopBnr01 dl {height: 1%;}


div#albumTopBnr01 dt {width:185px;height:33px;padding-right:9px;text-indent:-9999px;overflow:hidden;float:left;vertical-align:top;background:url(../../../maincontents/my/album/album_top_bnr01_ttl.gif) no-repeat top left;}

div#albumTopBnr01 dd.st01 {width:280px;height:30px;margin-top:3px;float:left;text-indent:-9999px;overflow:hidden;background:url(../../../maincontents/my/album/album_top_bnr01_txt.gif) no-repeat top left;}
div#albumTopBnr01 dd.st02 {margin-top:3px;font-size:116%;font-weight:bold;float:right;}
div#albumTopBnr01 dd.st02 a {padding:5px;border:solid 2px #f39700;display:block;background:#fff;}



/* Album
=============================================================================== */

/* blogAlbumHd
----------------------------------------- */
div#blogAlbumHd div.ttl {padding:17px 9px 9px 9px;background:url(../../img/hiroba/blog/blog_album_hd_bg01.gif) no-repeat left top;border-bottom:solid 1px #9a9592;}
div#blogAlbumHd div.ttl h1 {font-size:123%;font-weight:bold;}
div#blogAlbumHd div.nav {min-height:33px;padding-bottom:6px;background:#ffde68 url(../../img/hiroba/album/blog_album_hd_nav_bg01.gif) repeat-x left bottom;}
* html div#blogAlbumHd div.nav {height:33px;}

/* Clear Fix
--------------------- */
div#blogAlbumHd div.nav:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div#blogAlbumHd div.nav {display: inline-block;}
* html div#blogAlbumHd div.nav {height: 1%;}


div#blogAlbumHd div.nav ul.st01 {float:left;}
div#blogAlbumHd div.nav ul.st01 li {padding:7px 12px 6px 12px;min-height:20px;font-size:116%;font-weight:bold;display:inline-block;/display:inline;/zoom:1;}
* html div#blogAlbumHd div.nav ul.st01 li {height:20px;}
div#blogAlbumHd div.nav ul.st01 li.current {padding:0 !important;background:#e9b830 url(../../img/hiroba/blog/blog_album_hd_nav_bg03.gif) repeat-x left top;}
div#blogAlbumHd div.nav ul.st01 li.current span.bd01 {border-left:solid 1px #ffdd68;display:inline-block;}
div#blogAlbumHd div.nav ul.st01 li.current span.bd02 {min-height:20px;padding:7px 12px 6px 12px;display:inline-block;background:url(../../img/hiroba/blog/blog_album_hd_nav_bd02.gif) no-repeat right top;}
* html div#blogAlbumHd div.nav ul.st01 li.current span.bd02 {height:20px;}
div#blogAlbumHd div.nav ul.st01 li.current strong {font-weight:bold;}
div#blogAlbumHd div.nav ul.st02 {padding-top:5px;padding-right:8px;float:right;}
div#blogAlbumHd div.nav ul.st02 li {width:94px;margin-left:7px;padding-top:3px;min-height:20px;text-align:center;font-weight:bold;display:inline-block;/display:inline;/zoom:1;background:url(../../img/hiroba/blog/blog_album_hd_nav_bg02.gif) no-repeat left top;}
* html div#blogAlbumHd div.nav ul.st02 li {height:20px;}


/* albumAllView
---------------------------------------------*/
div#albumAllView {margin:10px 10px 30px 10px;}
div#albumAllView p.noMatch {margin:20px 0 40px 0;text-align:center;font-size:108%;font-weight:bold;}
div#albumAllView img {vertical-align:bottom;}
div#albumAllView div.sctn {margin:0 0 20px 0;padding:0 0 0 0;background:url(../../maincontents/ypet_bd05.gif) center top repeat-y;}

/* Clear Fix
--------------------- */
div#albumAllView div.sctn:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div#albumAllView div.sctn {display: inline-block;}
* html div#albumAllView div.sctn {height: 1%;}

div#albumAllView dl {width:287px;}
div#albumAllView dl.st01 {width:300px;}

/* Clear Fix
--------------------- */
div#albumAllView dl:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
*:first-child+html div#albumAllView dl {display: inline-block;}
* html div#albumAllView dl {height: 1%;}

div#albumAllView dt {width:100px;float:left;position:relative;z-index:3;}
div#albumAllView dl.st01 dt {width:110px;}
div#albumAllView dl.st01 dt img {padding:4px;border:solid 1px #b5b5b5;}
div#albumAllView dd {width:177px;margin-left:-100px;padding-left:110px;float:left;position:relative;z-index:1;}
div#albumAllView dl.st01 dd.st01 {width:170px;margin-left:-110px;padding-left:120px;}
div#albumAllView dd p {color:#444444;line-height:1.5;}
div#albumAllView dd p span {font-weight:bold;}
div#albumAllView dd p.date {margin:0 0 5px 0;padding:3px 0 4px 0;background:url(../../maincontents/ypet_bd02d.gif) repeat-x bottom;}
div#albumAllView dd p.diary {margin:6px 0 0 0;}

