@charset "utf-8";
/* -------------------------------------
and_photo.css  ver.1
last update : 15.07.10
------------------------------------- */
#Contents.Single #ContentsInner {
padding-bottom: 30px;
}

#Contents.Single #ContentsInner #Main {
float:none;
margin:0 auto;
}

div#Contents h1 {
font-size: 115%;
font-weight: bold;
margin: 25px 0 35px;
min-height: 21px;
}

div#Contents h1.type02 {
width: 650px;
margin: 25px auto 35px;
}

#MainPhotoArea {
border-bottom: none;
margin-bottom: 10px;
}

#MainPhotoArea .GalleryPhotoL {
max-width: 650px;
max-height: 650px;
margin: 0 auto;
text-align: center;
}

#MainPhotoArea .GalleryPhotoL img {
max-width: 650px;
max-height: 650px;
border: 1px solid #ccc;
}

#MainPhotoNav {
width: 650px;
margin: 0 auto 15px;
overflow: hidden;
font-size: 85%;
}

#MainPhotoNav .return {
float: left;
}

#MainPhotoNav .return a {
display: inline-block;
min-height: 15px;
padding-left: 25px;
background: url(images/photo_arrow_return.png) left top no-repeat;
}
#MainPhotoNav .return a:hover {
background-position: 0 -15px;
}

#MainPhotoNav .pageNav {
float: right;
}

#MainPhotoNav .pageNav span {
display: block;
float: right;
}

#MainPhotoNav .pageNav a.prev {
display: block;
float: right;
width: 8px;
height: 13px;
margin-right: 15px;
background: url(images/photo_arrow_s_left.png) 0 0 no-repeat;
text-indent: -9999px;
}

#MainPhotoNav .pageNav a.next {
display: block;
float: right;
width: 8px;
height: 13px;
margin-left: 15px;
background: url(images/photo_arrow_s_right.png) 0 0 no-repeat;
text-indent: -9999px;
}

#MainPhotoNav .pageNav a:hover {
background-position: 0 -13px;
}


#MainPhotoBox {
position: relative;
margin: 0 auto 15px;
width: 650px;
height: 650px;
border: 1px solid #ccc;
}

#MainPhotoBox .prev {
position: absolute;
top: 316px;
left: -50px;
display: block;
width: 20px;
height: 35px;
background: url(images/photo_arrow_left.png) 0 0 no-repeat;
text-indent: -9999px;
}

#MainPhotoBox .next {
position: absolute;
top: 316px;
right: -50px;
display: block;
width: 20px;
height: 35px;
background: url(images/photo_arrow_right.png) 0 0 no-repeat;
text-indent: -9999px;
}

#MainPhotoBox a:hover {
background-position: 0 -35px;
}

#MainPhotoBox .Photo {
display: table-cell;
width: 650px;
height: 650px;
vertical-align: middle;
text-align: center;
}
*:first-child+html #MainPhotoBox .Photo {
display: block;
layout-grid-line: 650px;
zoom: 1;
}

#MainPhotoBox .Photo a:hover {
background-position: 0 0;
}

#MainPhotoBox .Photo img {
max-width: 650px;
max-height: 650px;
vertical-align: middle;
}

.LeadTxtArea {
width: 650px;
margin: 0 auto;
text-align: left;
line-height: 1.6;
}

.LeadTxtArea .LeadTxt {
margin: 0 auto;
padding: 25px 0 15px;
}

.LeadTxtArea .pgSubTxt {
font-size: 75%;
margin: 15px 0;
}

.CateNav {
width: 650px;
margin:0 auto 30px;
line-height: 1.6;
}

.CateNav li {
float:left;
margin:0 5px 5px 0;
padding:0 0 0 5px;
border-left:1px solid #ccc;
font-size:75%;
white-space:nowrap;
}

.CateNav li:first-child{
border-left:none;
padding-left:0;
}

.CateNav:after{
content: ".";
display: block;
clear: both;
height: 0.1px;
visibility: hidden;
line-height: 0;
font-size: 0.1em;
}

.PhotoCaption {
width: 650px;
margin: 0 auto;
padding: 0 0 30px;
font-size: 80%;
line-height: 1.5;
}

#MainPhotoNav + .PhotoCaption{
padding: 15px 0 15px;
}

#ThumbList {
width: 650px;
margin: 0 auto;
}

#ThumbList dt {
margin-top: -60px;
margin-bottom: 10px;
padding-top: 60px;
text-align: left;
font-weight: bold;
}

#ThumbList dd {
margin-bottom: 15px;
}

#ThumbList ul {
position: relative;
margin-right: -22px;
border-top: none;
text-align: left;
letter-spacing: -.4em;
}

#ThumbList ul li {
display: inline-block;
width: 60px;
margin-right: 22px;
margin-bottom: 22px;
padding: 0;
text-align: center;
letter-spacing: normal;
vertical-align: top;
}
*:first-child+html #ThumbList ul li {
display: inline;
zoom:1;
}
#ThumbList ul li p {
display: table-cell;
width: 60px;
height: 60px;
border: 1px solid #e6e6e6;
text-align: center;
vertical-align: middle;
}
*:first-child+html #ThumbList ul li p {
display: block;
layout-grid-line: 60px;
zoom: 1;
}
#ThumbList ul li.selected p {
border: 1px solid #ccc;
opacity: 1;
filter: alpha(opacity=100);
}
#ThumbList ul li p img {
max-width: 60px;
max-height: 60px;
vertical-align: middle;
opacity: .75;
filter: alpha(opacity=75);
}
#ThumbList ul li.selected p img,
#ThumbList ul li p a:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
#ThumbList ul li .ThumbCap {
display: block;
margin-top: 5px;
font-size: 80%;
text-align: left;
}

/*3カラム*/
#ThumbList.col3 ul {
margin-right: -71px;
padding-left: 71px;
}
#ThumbList.col3 ul li {
width: 120px;
margin-right: 71px;
}
#ThumbList.col3 ul li p {
width: 120px;
height: 120px;
}
*:first-child+html #ThumbList.col3 ul li p {
layout-grid-line: 120px;
}
#ThumbList.col3 ul li p img {
max-width: 120px;
max-height: 120px;
}

/*4カラム*/
#ThumbList.col4 ul {
margin-right: -48px; 
padding-left: 48px;
}
#ThumbList.col4 ul li {
width: 100px;
margin-right: 48px;
}
#ThumbList.col4 ul li p {
width: 100px;
height: 100px;
}
*:first-child+html #ThumbList.col4 ul li p {
layout-grid-line: 100px;
}
#ThumbList.col4 ul li p img {
max-width: 100px;
max-height: 100px;
}

/*5カラム*/
#ThumbList.col5 ul {
margin-right: -40px;
padding-left: 40px;
}
#ThumbList.col5 ul li {
width: 80px;
margin-right: 40px;
}
#ThumbList.col5 ul li p {
width: 80px;
height: 80px;
}
*:first-child+html #ThumbList.col5 ul li p {
layout-grid-line: 80px;
}
#ThumbList.col5 ul li p img {
max-width: 80px;
max-height: 80px;
}

/*7カラム*/
#ThumbList.col7 ul {
margin-right: -27px;
padding-left: 27px;
}
#ThumbList.col7 ul li {
margin-right: 27px;
}

/* list Photo
------------------------------------- */
.andSubBox {
width: 650px;
margin: 0 auto;
padding-top: 15px;
border-top: 1px solid #ccc;
}

.andSubBox h2{
min-height:25px;
padding:6px 0 1px;
font-family: Helvetica,Arial,sans-serif;
font-weight:bold;
}

.andSubBox ul.LstPhoto01{
margin:0 -22px 0 0;
}

.andSubBox ul.LstPhoto01 li{
display:block;
float:left;
position:relative;
margin:0 22px 20px 0;
overflow:hidden;
}

.andSubBox ul.LstPhoto01 li a.hover img{
filter:alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;
}

.LstPhoto01 li p.photoInfo{
position:absolute;
top:0;
left:0;
_width:90px;
height:60px;
padding:6px 10px;
font-size:12px;
color:#000;
z-index:50;
overflow:hidden;
}

/* =====================================
   Photo 下部
===================================== */
.PhotoBottomArea {
width: 650px;
margin: 0 auto;
}


/* BOOK, PROFILE
------------------------------------- */
.PhotoBottomArea .AdditionBlock {
margin-bottom: 30px;
border-top: 1px solid #ccc;
}

.PhotoBottomArea .AdditionBlock:first-child {
border: none;
}

.PhotoBottomArea .AdditionBlock h2 {
margin-bottom: 10px;
padding: 20px 0 10px;
font-size: 100%;
font-weight: bold;
}

.PhotoBottomArea .AdditionBlock:first-child h2 {
padding-top: 0;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox {
display: table;
margin-bottom: 15px;
overflow: hidden;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox .AdditionImg {
display: table-cell;
width: 150px;
height: 150px;
border: 1px solid #e6e6e6;
text-align: center;
vertical-align: middle;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox dl {
display: table-cell;
font-size: 90%;
line-height: 1.5;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox dl dt {
margin-bottom: 10px;
font-weight: bold;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox .AdditionImg + dl dt,
.PhotoBottomArea .AdditionBlock .AdditionSubBox .AdditionImg + dl dd {
margin-left: 15px;
}

*:first-child+html .PhotoBottomArea .AdditionBlock .AdditionSubBox .AdditionImg {
float: left;
margin-right: 15px;
layout-grid-line: 150px;
}

/* PRエリア
------------------------------------- */
.PRArea {
margin: 30px -50px 0 0;
overflow: hidden;
}
.PRArea .PrBox {
float: left;
width: 300px;
margin-right: 50px;
}


/* ad：注目情報
------------------------------------- */
#Contents #ContentsInner #Main .MainInner .Pr {
margin:0 0 10px;
padding:0 0 5px 5px;
border:1px dotted #ccc;
}

#Contents #ContentsInner #Main .MainInner .TitleSmall{
padding:10px 0 0;
border-top:none;
}

#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li dl{
padding:0 10px 0 0;
}

#Contents #ContentsInner #Main .MainInner .Pr .TitleSmall h3 span{
margin:0;
padding:2px 10px 1px 3px;
background:url(images/bg_prtag_ttl.gif) no-repeat 0 1px;
color:#FFF;
font-size:80%;
vertical-align:1px;
}
#Contents #ContentsInner #Main .MainInner .Pr .TitleSmall p span{
margin:0;
padding:2px 10px 1px 3px;
background:url(images/bg_prtag_ttl.gif) no-repeat 0 1px;
color:#FFF;
font-size:80%;
vertical-align:1px;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock{
margin:0;
padding:10px 0 0;
border-top:1px solid #E6E6DF;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li{
width:300px;
margin:0;
padding:0 0 10px;
border-top:none;
vertical-align:bottom;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li .Image{
display:block;
float:left;
margin:0 10px 0 0;
padding:0;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li .Image img{
vertical-align:bottom;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li dl{
float:left;
margin:0;
padding:0;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li dl dt{
margin:0;
padding:0 0 2px 0;
color:#1E1E17;
font-size:80%;
font-weight:bold;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li dl dt a,
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li dl dt a:visited{
margin:0;
padding:0;
color:#1E1E17;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li dl dt a:hover,
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li dl dt a:active{
color:#B90000;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li dl dd{
margin:0;
padding:0;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li p{
margin:0;
padding:0;
color:#5A5A53;
font-size:75% !important;
line-height:1.3;
letter-spacing:1px;
}
.mac #Contents #ContentsInner #Main .MainInner .Pr .ListBlock li p{
letter-spacing:0;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li p a,
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li p a:visited{
margin:0;
padding:0;
color:#5A5A53;
}
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li p a:hover,
#Contents #ContentsInner #Main .MainInner .Pr .ListBlock li p a:active{
color:#B90000;
}

/* 横幅1000以下 */
@media screen and (max-width:1000px){

#Contents.Single {
width: 700px !important;
max-width: 700px;
}
}

/* 横幅480以下 */
@media screen and (max-width:480px){

#Contents.Single {
width: 320px !important;
max-width: 320px;
}

div#Contents h1.type02 {
width: 300px;
}

#Contents.Single #ContentsInner #Main .MainInner {
padding: 0;
}

#MainPhotoArea .GalleryPhotoL {
max-width: 300px;
max-height: 300px;
margin: 0 auto;
text-align: center;
}

#MainPhotoArea .GalleryPhotoL img {
max-width: 298px;
max-height: 298px;
border: 1px solid #ccc;
}

#MainPhotoNav {
width: 300px;
}

#MainPhotoBox {
width: 298px;
height: 298px;
}

#MainPhotoBox .prev {
display: none;
}

#MainPhotoBox .next {
display: none;
}

#MainPhotoBox .Photo {
width: 298px;
height: 298px;
}
*:first-child+html #MainPhotoBox .Photo {
layout-grid-line: 298px;
}
#MainPhotoBox .Photo img.imgW {
width: 100%;
}
#MainPhotoBox .Photo img.imgH {
height: 100%;
}

.LeadTxtArea {
width: 300px;
}

.PhotoCaption {
width: 300px;
}

.CateNav {
width: 300px;
}

#ThumbList {
width: 300px;
}

#ThumbList ul {
margin-right: -17px;
}

#ThumbList ul li {
margin-right: 17px;
}

/*3カラム*/
#ThumbList.col3 ul {
margin-right: -18px;
padding-left: 18px;
}

#ThumbList.col3 ul li {
margin-right: 18px;
}

/*4カラム*/
#ThumbList.col4 ul {
margin-right: -32px;
padding-left: 32px;
}

#ThumbList.col4 ul li {
margin-right: 32px;
}

/*5カラム*/
#ThumbList.col5 ul {
margin-right: -45px;
padding-left: 45px;
}

#ThumbList.col5 ul li {
margin-right: 45px;
}

/*7カラム*/
#ThumbList.col7 ul {
margin-right: -58px;
padding-left: 58px;
}

#ThumbList.col7 ul li {
margin-right: 58px;
}

.PhotoBottomArea {
width: 300px;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox {
display: block;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox .AdditionImg {
display: block;
width: auto;
height: auto;
margin-bottom: 15px;
border: none;
text-align: center;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox dl {
display: block;
}

.PhotoBottomArea .AdditionBlock .AdditionSubBox .AdditionImg + dl dt,
.PhotoBottomArea .AdditionBlock .AdditionSubBox .AdditionImg + dl dd {
margin-left: 0;
}

*:first-child+html .PhotoBottomArea .AdditionBlock .AdditionSubBox .AdditionImg {
float: none;
margin-right: 0;
layout-grid-line: none;
}

.PRArea {
margin-right: 0;
}

.PRArea .PrBox {
float: none;
margin: 0 auto;
}

.PRArea .PrBox .Section {
margin-top: 25px;
padding-bottom: 0;
}

.PRArea .PrBox .Section .Pr {
margin-bottom: 0;
}

.andSubBox {
width: 300px;
}

.andSubBox ul.LstPhoto01{
margin:0 -15px 0 0;
}

.andSubBox ul.LstPhoto01 li {
margin-right: 15px;
}

}