@charset "shift_JIS";

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

.gallery58 h2 {
margin: 0 0 33px 10px;
width: 234px;
height: 34px;
background: url(../../img/logo_w.gif) no-repeat left top;
line-height: 0;
text-indent: -9999px;
}

@media screen and (max-width: 640px) {
.gallery58 h2 {
margin-top: 25px;
margin-bottom: 22px;
width: 214px;
height: 30px;
background: url(../../img/logo_s.gif) no-repeat left top;
}
}

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

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

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

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

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

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

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

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

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

/*-------------------
	gallery58Index
-------------------*/
.gallery58Index .navList {
margin: 0 -5px 31px 0;
padding: 0;
overflow: hidden;
}

.gallery58Index .navList li {
margin: 0 5px 0 0;
float: left;
list-style-type: none;
}

.gallery58Index .navList li img {
vertical-align: bottom;	
}

.gallery58Index .navList li .imgW {
display: block;
}

.gallery58Index .navList li .imgS {
display: none;
}

.gallery58Index .bnr {
margin-bottom: 25px;
overflow: hidden;
}

.gallery58Index .bnr li {
margin-right: 10px;
float: left;
list-style-type: none;
}

.gallery58Index .bnr li.lastChild {
margin-right: 0;	
}

.gallery58Index .bnr li .imgW {
display: block;
}

.gallery58Index .bnr li .imgS {
display: none;	
}

@media screen and (max-width: 640px) {
.gallery58Index .navList {
margin-bottom: 40px;
}
	
.gallery58Index .navList li {
float: none;	
}

.gallery58Index .navList li:first-child {
margin-bottom: 30px;	
}
	
.gallery58Index .navList li .imgW {
display: none;
}

.gallery58Index .navList li .imgS {
display: block;
width: 100%;
height: auto;
}

.gallery58Index .bnr img {
width: 100%;
height: auto;
}

.gallery58Index .bnr li {
margin: 0 0 10px;
float: none;
}

.gallery58Index .bnr li .imgW {
display: none;	
}

.gallery58Index .bnr li .imgS {
display: block;
}
}

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

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

.g58gallery01 .galleryWrap {
background-color: #222222;
}

.g58gallery02 .galleryWrap {
background-color: #ffffff;
}

.gallery58row .heading h2 {
margin: 39px 0 0 40px;
width: 140px;
height: 17px;
}

.g58gallery01 .heading h2 {
background: url(../../gallery01/img/logo_w.gif) no-repeat left top;
}

.g58gallery02 .heading h2 {
background: url(../../gallery02/img/logo_w.gif) no-repeat left top;
}

.gallery58row .heading .navTop {
margin: 0;
padding: 0;
position: absolute;
top: 36px;
left: 200px;	
}

.gallery58row .heading .navTop li {
list-style-type: none;
line-height: 1;
}

.gallery58row .heading .navTop li a {
width: 101px;
height: 27px;
display: block;
text-indent: -9999px;
}

.g58gallery01 .heading .navTop li a {
background: url(../../gallery01/img/btn_top_w_off.gif) no-repeat left top;
}

.g58gallery02 .heading .navTop li a {
background: url(../../gallery02/img/btn_top_w_off.gif) no-repeat left top;
}

.g58gallery01 .heading .navTop li a:hover {
background: url(../../gallery01/img/btn_top_w_on.gif) no-repeat left top;
}

.g58gallery02 .heading .navTop li a:hover {
background: url(../../gallery02/img/btn_top_w_on.gif) no-repeat left top;
}

.gallery58row .heading .navPage {
position: absolute;
top: 25px;
left: 603px;	
}

.gallery58row .heading .navPage li {
list-style-type: none;
zoom: 1;
}

.gallery58row .heading .navPage li .imgW {
display: block;	
}

.gallery58row .heading .navPage li .imgS {
display: none;	
}

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

.gallery58row #galleryArea h3 {
margin-bottom: 52px;
width: 331px;
height: 20px;
text-indent: -9999px;
}

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

.g58gallery02 #galleryArea h3 {
width: 179px;
background: url(../../gallery02/img/title_w.gif) no-repeat left top;
}

.gallery58row #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;
}

.g58gallery02 #galleryArea .section {
border-bottom: 1px dotted #999999;
}

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

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

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

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

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

.gallery58row #galleryArea .section .txt {
margin: 0;
padding: 5px 15px;
width: 240px;
position: absolute;
right: 0;
bottom: 46px;
}

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

.g58gallery02 #galleryArea .section .txt {
border: 1px solid #dadada;
color: #000000;
}

.gallery58row #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(../../gallery01/img/num01.gif);
}

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

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

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

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

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

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

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

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

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

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

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

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

.g58gallery02 #galleryArea #photo01 .num {
background-image: url(../../gallery02/img/num01.gif);
}

.g58gallery02 #galleryArea #photo02 .num {
background-image: url(../../gallery02/img/num02.gif);
}

.g58gallery02 #galleryArea #photo03 .num {
background-image: url(../../gallery02/img/num03.gif);
}

.g58gallery02 #galleryArea #photo04 .num {
background-image: url(../../gallery02/img/num04.gif);
}

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

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

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

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

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

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

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

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

.g58gallery02 #galleryArea #photo13 .num {
background-image: url(../../gallery02/img/num13.gif);
}

.g58gallery02 #galleryArea #photo14 .num {
background-image: url(../../gallery02/img/num14.gif);
}

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

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

.gallery58row #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;
}

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

.gallery58row .foot .navPage li {
margin: 0 auto;
width: 430px;
padding-bottom: 40px;
list-style-type: none;
}

.gallery58row .foot .navPage li .imgW {
margin: 0 auto;
display: block;
}

.gallery58row .foot .navPage li .imgS {
display: none;
}

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

.gallery58row .galleryWrap {
margin-bottom: 20px;
border-top: 1px solid #454545;
}

.g58gallery02 .galleryWrap {
border-top-color: #cfcfcf
}
	
.gallery58row .heading h2 {
margin: 17px 0 15px 10px;
width: 179px;
height: 22px;
}

.g58gallery01 .heading h2 {
background: url(../../gallery01/img/logo_s.gif) no-repeat left top;
}

.g58gallery02 .heading h2 {
width: 178px;
height: 24px;
background: url(../../gallery02/img/logo_s.gif) no-repeat left top;
}

.gallery58row .heading .navTop {
width: 90px;
position: absolute;
top: 9px;
right: 9px;
left: auto;
}

.gallery58row .heading .navTop li {
width: 90px;
list-style-type: none;
}

.gallery58row .heading .navTop li a {
width: 90px;
height: 38px;
}

.g58gallery01 .heading .navTop li a {
background: url(../../gallery01/img/btn_top_s.gif) no-repeat left top;
}

.g58gallery01 .heading .navTop li a:hover {
background: url(../../gallery01/img/btn_top_s.gif) no-repeat left top;
}

.g58gallery02 .heading .navTop li a {
background: url(../../gallery02/img/btn_top_s.gif) no-repeat left top;
}

.g58gallery02 .heading .navTop li a:hover {
background: url(../../gallery02/img/btn_top_s.gif) no-repeat left top;
}

.gallery58row .heading .navPage {
position: relative;
top: 0;
left: 0;	
}

.gallery58row .heading .navPage li a {
width: 100%;
height: auto;
}

.gallery58row .heading .navPage li .imgW {
display: none;
}

.gallery58row .heading .navPage li .imgS {
display: block;
width: 100%;
height: auto;
}

.gallery58row #galleryArea {
margin: 35px 0 0;	
}

.gallery58row #galleryArea h3 {
margin-bottom: 25px;
width: 100%;
height: 20px;
}

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

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

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

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

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

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

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

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

.gallery58row #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;
}

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

.g58gallery02 #galleryArea .section .txt dl {
border-top: 1px dotted #7f7f7f;
border-bottom: 1px dotted #7f7f7f;
}

.gallery58row #galleryArea .section .txt dt {
width: 90px;
}

.gallery58row .foot .navPage li {
padding-bottom: 36px;
width: auto;
list-style-type: none;	
}

.gallery58row .foot .navPage li .imgW {
display: none;	
}

.gallery58row .foot .navPage li .imgS {
display: block;
width: 100%;
height: auto;
}

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#largePhoto01_13 {
background: url(../../gallery01/img/img13_l.jpg) no-repeat left top;
}

#largePhoto02_01 {
background: url(../../gallery02/img/img01_l.jpg) no-repeat left top;
}

#largePhoto02_02 {
background: url(../../gallery02/img/img02_l.jpg) no-repeat left top;
}

#largePhoto02_03 {
background: url(../../gallery02/img/img03_l.jpg) no-repeat left top;
}

#largePhoto02_04 {
background: url(../../gallery02/img/img04_l.jpg) no-repeat left top;
}

#largePhoto02_05 {
background: url(../../gallery02/img/img05_l.jpg) no-repeat left top;
}

#largePhoto02_06 {
background: url(../../gallery02/img/img06_l.jpg) no-repeat left top;
}

#largePhoto02_07 {
background: url(../../gallery02/img/img07_l.jpg) no-repeat left top;
}

#largePhoto02_08 {
background: url(../../gallery02/img/img08_l.jpg) no-repeat left top;
}

#largePhoto02_09 {
background: url(../../gallery02/img/img09_l.jpg) no-repeat left top;
}

#largePhoto02_10 {
background: url(../../gallery02/img/img10_l.jpg) no-repeat left top;
}

#largePhoto02_11 {
background: url(../../gallery02/img/img11_l.jpg) no-repeat left top;
}

#largePhoto02_12 {
background: url(../../gallery02/img/img12_l.jpg) no-repeat left top;
}

#largePhoto02_13 {
background: url(../../gallery02/img/img13_l.jpg) no-repeat left top;
}

#largePhoto02_14 {
background: url(../../gallery02/img/img14_l.jpg) no-repeat left top;
}