@charset "shift_JIS";

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

.gallery99 h2 {
margin: 15px auto;
width: 202px;
height: 30px;
background: url(../../img/a99_summerview.gif) no-repeat left top;
line-height: 0;
text-indent: -9999px;
}
.gallery99 .a99line{
width: 860px;
margin: 0 auto;
line-height: 0;
}
@media screen and (max-width: 640px) {
.gallery99 h2 {
margin-top: 25px;
margin-bottom: 22px;
width: 214px;
height: 30px;
background: url(../../img/a99_summerview.gif) no-repeat left top;
}
.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: 877px;
margin: 40px auto 0 auto;
padding: 6px 7px;
background-color: black;
overflow: hidden;
}
.gallery99 .innerSummary{
background-color: #1f1f1f;
}
.gallery99 .innerSummary li{
float: left;
list-style:none;
}
.gallery99 .middleMarge{
height:84px;
}
.gallery99 .upBottomMarge{
height:83px
}
@media screen and (max-width: 640px) {
.gallery99 .a99Summary{
display: none;num
}
.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;
}

.g58gallery01 #galleryArea .section {
border-bottom: 1px solid #434343;
}
.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;
padding: 5px 15px;
width: 240px;
position: absolute;
right: 0;
bottom: 57px;
}

.g58gallery01 #galleryArea .section .txt {
border: 1px solid #4b4b4b;
color: #ffffff;
}

.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);
}

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

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

.g58gallery01 #galleryArea #photo13 .num {
background-image: url(../../img/num13.gif);
}
.g58gallery01 #galleryArea #photo14 .num {
background-image: url(../../img/num14.gif);
}

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

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

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

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

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

.g58gallery01 #galleryArea #photo20 .num {
background-image: url(../../img/num20.gif);
}
.g58gallery01 #galleryArea #photo21 .num {
background-image: url(../../img/num21.gif);
}

.gallery99row #galleryArea .section .txt dl {
/padding-top: 15px;
}

.gallery99row #galleryArea .section .txt dt {
clear: both;
margin-bottom: 10px;
width: 95px;
float: left;
}

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

.g58gallery01 #galleryArea .section .txt dd {
background: url(../../gallery01/img/dot01.gif) no-repeat left 6px;
}
.gallery99row .name .nameDes{
	float:right;
}
.gallery99row .name .nameSp{
	display:none;
}
@media screen and (max-width: 640px) {
.gallery99row {
margin-top: 0;
}
.g58gallery01 .galleryWrap {
background-color: #222222;
padding-top: 25px;
}
.gallery99row .galleryWrap {
margin-bottom: 20px;
border-top: 1px solid #454545;
}
	
.gallery99row .heading h2 {
width: 300px;
height: 56px;
margin: 0 auto 0 auto;
}


.gallery99 h2 {
margin-top: 25px;
margin-bottom: 22px;
width: 300px;
height: 56px;
background: url(../../img/a99_summerviewSp.gif) no-repeat left top;
}
.gallery99 .a99line{
display:none;
}
.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: 20px;
width: auto;
height: auto;
position: relative;
top: 0;
left: 0;
background: none!important;
text-indent: 0;
text-align: center;
}

.gallery99row #galleryArea .section .txt dl {
margin-bottom: 0;
padding: 18px 20px 10px;
border-top: 1px solid #3d3d3d;
border-bottom: 1px solid #3d3d3d;
}
.gallery99row #galleryArea .section .txt dt {
width: 90px;
}
.gallery99row .name .nameDes{
display:none;
float:right;
}
.gallery99row .name .nameSp{
margin: 0 auto;
display:block;
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#largePhoto01_13 {
background: url(../../img/a99_imgL_13.jpg) no-repeat left top;
}
#largePhoto01_14 {
background: url(../../img/a99_imgL_14.jpg) no-repeat left top;
}

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

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

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

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

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

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

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