@charset "shift_JIS";

/*-------------------
	common
-------------------*/
.gallery99 {
overflow: hidden;
}

.gallery99 img {
vertical-align: bottom;	
}

.gallery99 h2 {
margin: 15px auto;
width: 263px;
height: 35px;
line-height: 0;
text-indent: -9999px;
background-image: url(../../img/title.gif);
background-repeat: no-repeat;
background-position: left top;
}

.gallery99 .a99line{
width: 860px;
margin: 0 auto;
line-height: 0;
}

@media screen and (max-width: 640px) {
.gallery99 h2 {
margin: 25px auto 22px;
width: 300px;
height: 56px;
background: url(../../img/title_s.gif) no-repeat left top;
}

.gallery99 .a99line{
display:none;
}

.g58gallery01 .galleryWrap {
background-color: #222222;
padding-top: 50px;
}
}

.gallery99 ul,
.gallery99 li {
margin: 0;
padding: 0;
}

#pagetoparea {
margin: 10px 0;
text-align: right!important;
}

.gallery99 .sns {
margin: 0;
padding: 0;
width:340px;
float: right;
line-height:1;
overflow: hidden;
}

.gallery99 .sns li {
float:left;
list-style-type: none;
}

.gallery99 .sns .twitter {
width:85px;
}

.gallery99 .sns .facebook {
width:120px;
}

.gallery99 .sns .mixi {
width:60px;
}

.gallery99 .sns .google {
padding-left: 15px;
width: 60px; 
}

@media screen and (max-width: 640px) {
.gallery99 .sns {
width: 100%;	
}
	
.gallery99 .sns .twitter {
width: 75px;
}		
}

/*-------------------
	Summary
-------------------*/
.gallery99 .a99Summary{
width: 686px;
margin: 40px auto 0 auto;
padding: 6px 7px;
background-color: black;
overflow: hidden;
}

.gallery99 .innerSummary{
width: 686px;
overflow: hidden;
}

.gallery99 .innerSummary li{
float: left;
list-style:none;
}

@media screen and (max-width: 640px) {
.gallery99 .a99Summary{
display: none;
}
.gallery99 .a99Summary{
margin: 25px auto 0 auto;
}
}
/*-------------------
	btn
-------------------*/
#galleryArea .btn li{
float: left;
}

#galleryArea .pageToTop{
margin-left: -8px;
}

/*-------------------
	gallery99row
-------------------*/
.gallery99row {
margin-top: -20px;
}

.gallery99row .galleryWrap {
margin-bottom: 40px;
padding-top: 1px;
position: relative;
}

.g58gallery01 .galleryWrap {
background-color: #222222;
padding-top: 50px;
padding-bottom:50px;
}

.gallery99row #galleryArea {
margin: 64px 124px 0;	
}

.g58gallery01 #galleryArea h3 {
background: url(../../gallery01/img/title_w.gif) no-repeat left top;
}

.gallery99row #galleryArea .section {
margin-bottom: 40px;
padding-bottom: 15px;
border-bottom: 1px solid #434343;
position: relative;
overflow: hidden;
}

.gallery99row #galleryArea .section a {
outline: none;	
}

.gallery99row #galleryArea .section .img {
margin-right: 15px;
width: 415px;
float: left;
}

.gallery99row #galleryArea .section .img p {
margin: 0 0 7px;
}

.gallery99row #galleryArea .section .img img {
vertical-align: bottom;	
}

.gallery99row #galleryArea .section .img ul li {
list-style-type: none;
line-height: 1;
}

.gallery99row #galleryArea .section .txt {
margin: 0;
width: 240px;
position: absolute;
right: 0;
bottom: 57px;
border: 1px solid #4b4b4b;
color: #ffffff;
font-size: 12px;
}

.gallery99row #galleryArea .section .txt .num {
width: 50px;
height: 16px;
position: absolute;
top: -22px;
left: 5px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
}

.g58gallery01 #galleryArea #photo01 .num {
background-image: url(../../img/num01.gif);
}
 
.g58gallery01 #galleryArea #photo02 .num {
background-image: url(../../img/num02.gif);
}

.g58gallery01 #galleryArea #photo03 .num {
background-image: url(../../img/num03.gif);
}@
#photo04{
}
.g58gallery01 #galleryArea #photo04 .num {
background-image: url(../../img/num04.gif);
}

.g58gallery01 #galleryArea #photo05 .num {
background-image: url(../../img/num05.gif);
}

.g58gallery01 #galleryArea #photo06 .num {
background-image: url(../../img/num06.gif);
}

.g58gallery01 #galleryArea #photo07 .num {
background-image: url(../../img/num07.gif);
}

.g58gallery01 #galleryArea #photo08 .num {
background-image: url(../../img/num08.gif);
}

.g58gallery01 #galleryArea #photo09 .num {
background-image: url(../../img/num09.gif);
}

.g58gallery01 #galleryArea #photo10 .num {
background-image: url(../../img/num10.gif);
}

.gallery99row .name .nameDes{
float:right;
}

.gallery99row .name .nameSp{
display:none;
}

.gallery99row #galleryArea .section .txt dl {
margin: 0;
zoom: 1;
}

.gallery99row #galleryArea .section .txt dt {
clear: both;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
width: 95px;
float: left;
}

.gallery99row #galleryArea .section .txt dd {
margin-left: 100px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
white-space: normal;
}

.g58gallery01 #galleryArea .section .txt dd {
background: url(../../gallery01/img/dot01.gif) no-repeat left 6px;
}

.gallery99row #galleryArea .section .txt .centerLine {
border-top: 1px solid #4b4b4b;
border-bottom: 1px solid #4b4b4b;
}

.gallery99row #galleryArea .section .txt .bottomLine {
border-bottom: 1px solid #4b4b4b;
}

.gallery99row #galleryArea .section .txt .cam1 {
width: 99%;
font-size: 12px;
}

.gallery99row #galleryArea .section .txt .cam1 .thum{
display: block;
width: 57px;
float: left;
}

.gallery99row #galleryArea .section .txt .cam1 .name{
padding-left: 40px;
margin-top:13px;
display: block;
float: left;
font-size: 12px;
color: #FFF;
}

.gallery99row #galleryArea .section .txt .camName{
clear: both;
padding: 0;
margin: 0;
text-align: center;
}

.gallery99row #galleryArea .section .txt .camName .ItemPagePC{
display: block;
margin: 0 auto 5px auto;
}

.gallery99row #galleryArea .section .txt .camName .ItemPageSP{
display: none;
margin: 0 auto;
}

@media screen and (max-width: 640px) {
.gallery99row {
margin-top: 0;
}

.g58gallery01 .galleryWrap {
background-color: #222222;
padding-top:0;
margin-bottom: 20px;
border-top: 1px solid #454545;
}

.gallery99row .heading{
margin-top:25px;
}

.gallery99row #galleryArea {
margin: 25px 0 0;	
}

.g58gallery01 #galleryArea h3 {
background: url(../../gallery01/img/title_w.gif) no-repeat center top;
}

.gallery99row #galleryArea .section {
margin-bottom: 30px;
padding-bottom: 0;
border: none;
}

.gallery99row #galleryArea .section .img {
margin-right: 0;
width: 100%;
float: none;
}

.gallery99row #galleryArea .section .img p {
margin: 0 0 10px;
}

.gallery99row #galleryArea .section .img img {
width: 100%;
height: auto;
}

.gallery99row #galleryArea .section .img ul {
display: none;
}

.gallery99row #galleryArea .section .txt {
margin: 0;
padding: 0;
width: auto;
border: none;
position: relative;
right: 0;
bottom: 0;
font-size: 12px;
}

.gallery99row #galleryArea .section .txt .num {
margin-right: 0;
width: auto;
height: auto;
position: relative;
top: 0;
left: 0;
background: none!important;
color: #999999;
text-indent: 0;
text-align: center;
}


.gallery99row #galleryArea .section .txt .bottomLine{
margin-right: 20px;
padding-bottom:10px;
}

.gallery99row .name .nameDes{
display:none;
float:right;
}

.gallery99row .name .nameSp{
margin: 0 auto;
display:block;
}

.gallery99row #galleryArea .section .txt dl {
margin-bottom: 0;
padding: 18px 0 10px;
border-top: 1px solid #3d3d3d;
border-bottom: 1px solid #3d3d3d;
}

.gallery99row #galleryArea .section .txt dt {
padding-left: 0;
width: 90px;
margin-left: 20px;
}

.gallery99row #galleryArea .section .txt dd {
padding-left: 90px;
}

.gallery99row #galleryArea .section .txt .centerLine {
padding-top: 10px;
padding-bottom: 10px;
border:none;
}
.gallery99row #galleryArea .section .txt .centerLineSP {
border-bottom: 1px solid #3d3d3d;
}

.gallery99row #galleryArea .section .txt .bottomLineSP {
border-top: 1px solid #3d3d3d;
}

.gallery99row #galleryArea .section .txt .cam1{
margin-top:5px;
}

.gallery99row #galleryArea .section .txt .cam1 .name{
margin: 10px 0;
padding-left: 170px;
float: none;
}

.gallery99row #galleryArea .section .txt .cam1 .name br{
display: none;
}

.gallery99row #galleryArea .section .txt .camName .ItemPagePC{
display: none;
margin: 0 auto;
}

.gallery99row #galleryArea .section .txt .camName .ItemPageSP{
display: block;
margin: 0 auto;
}
}

/*-------------------
	large flie
-------------------*/
body#photoL {
margin: 0;
padding: 0;	
}

.largeFrame {
margin: 22px 0 0 19px;
}

#largePhoto01_01 {
background: url(../../img/imgL01.jpg) no-repeat left top;
}

#largePhoto01_02 {
background: url(../../img/imgL02.jpg) no-repeat left top;
}

#largePhoto01_03 {
background: url(../../img/imgL03.jpg) no-repeat left top;
}

#largePhoto01_04 {
background: url(../../img/imgL04.jpg) no-repeat left top;
}

#largePhoto01_05 {
background: url(../../img/imgL05.jpg) no-repeat left top;
}

#largePhoto01_06 {
background: url(../../img/imgL06.jpg) no-repeat left top;
}

#largePhoto01_07 {
background: url(../../img/imgL07.jpg) no-repeat left top;
}

#largePhoto01_08 {
background: url(../../img/imgL08.jpg) no-repeat left top;
}

#largePhoto01_09 {
background: url(../../img/imgL09.jpg) no-repeat left top;
}

#largePhoto01_10 {
background: url(../../img/imgL10.jpg) no-repeat left top;
}
