@charset "shift_JIS";

@import url("index.css");
@import url("photo.css");
@import url("history.css");
@import url("movie.css");

.mod-pageheader {
z-index: 60;	
}

.mod-mainContentContainer {
padding-top: 1px!important;
}

.mod-column1 {
margin-top: -1px;	
}

/*-------------------
	content
-------------------*/
#content {
background-color: #000000;	
}

/*-- localNav --*/
#content .localNav {
margin-top: 40px;
height: 121px;
background: url(../img/nav_bg01.png) repeat-x left top;
position: relative;
z-index: 50;
}

#content .localNav h2 {
padding: 29px 0 0 25px;
}

#content .localNav h2 img {
vertical-align: bottom;	
}

#content .localNav .navList {
padding: 0;
position: absolute;
top: 14px;
left: 248px;
overflow: hidden;
}

#content .localNav .navList li {
height: 63px;
float: left;
list-style-type: none;
text-indent: -9999px;
}

#content .localNav .navList li a {
height: 63px;
display: block;
background-repeat: no-repeat;
background-position: left top;
}

#content .localNav .navList li.nav01.on {
width: 140px;
background-image: url(../img/nav01_cu.jpg);
}

#content .localNav .navList li.nav01 a {
width: 140px;
background-image: url(../img/nav01_off.jpg);
}

#content .localNav .navList li.nav01 a:hover {
background-image: url(../img/nav01_on.jpg);
}

#content .localNav .navList li.nav02.on {
width: 89px;
background-image: url(../img/nav02_cu.jpg);
}

#content .localNav .navList li.nav02 a {
width: 89px;
background-image: url(../img/nav02_off.jpg);
}

#content .localNav .navList li.nav02 a:hover {
background-image: url(../img/nav02_on.jpg);
}

#content .localNav .navList li.nav03.on {
width: 89px;
background-image: url(../img/nav03_cu.jpg);
}

#content .localNav .navList li.nav03 a {
width: 89px;
background-image: url(../img/nav03_off.jpg);
}

#content .localNav .navList li.nav03 a:hover {
background-image: url(../img/nav03_on.jpg);
}

#content .localNav .navList li.nav04.on {
width: 138px;
background-image: url(../img/nav04_cu.jpg);
}

#content .localNav .navList li.nav04 a {
width: 138px;
background-image: url(../img/nav04_off.jpg);
}

#content .localNav .navList li.nav04 a:hover {
background-image: url(../img/nav04_on.jpg);
}

#content .localNav .navList li.nav05 {
margin-right: 7px;	
}

#content .localNav .navList li.nav05.on {
width: 93px;
background-image: url(../img/nav05_cu.jpg);
}

#content .localNav .navList li.nav05 a {
width: 93px;
background-image: url(../img/nav05_off.jpg);
}

#content .localNav .navList li.nav05 a:hover {
background-image: url(../img/nav05_on.jpg);
}

#content .localNav .navList li.nav06 {
margin-top: 4px;	
}

#content .localNav .navList li.nav06 a {
display: block;
width: 146px;
height: 56px;
background: url(../img/nav06_off.jpg) no-repeat left top;
}

#content .localNav .navList li.nav06 a:hover {
background-image: url(../img/nav06_on.jpg);
}

@media screen and (max-width: 640px) {
#content .localNav {
margin-top: 40px;
margin-bottom: 1px;
height: auto!important;
background: #000000;
position: relative;
}

#content .localNav h2 {
margin: 0;
padding: 11px 0 14px 13px;
}

#content .localNav h2 img {
width: 130px;
height: auto;
position: relative;
top: -3px;
}

#content .localNav h2.topTitle img {
width: 70px;
height: auto;
position: relative;
top: -1px;
}

#content .localNav .navList {
margin-bottom: 0;
padding: 4px 10px 0;
position: relative;
top: 0;
left: 0;
background: url(../img/sp_nav_bg01.gif) repeat left top;
letter-spacing: -0.4em;
text-align: left;
}

#content .localNav .navList li {
margin-right: 4px;
margin-bottom: 4px;
height: 40px;
float: none;
display: inline-block;
*display: inline;
*zoom: 1;
list-style-type: none;
text-indent: 0;
text-align: center;
line-height: 40px;
font-size: 13px;
border: 1px solid #575757;
border-radius: 4px;
letter-spacing: 0;
}

#content .localNav .navList li a {
padding-left: 15px;
padding-right: 18px;
width: auto!important;
height: 40px;
display: block;
background: #2b2b2b!important;
border-radius: 4px;
color: #ffffff;
}

#content .localNav .navList li.on {
padding-left: 15px;
padding-right: 18px;	
width: auto!important;
background: #939393!important;
}

#content .localNav .navList li a:hover {
background: #939393!important;
text-decoration: none;
color: #ffffff;
}

#content .localNav .navList li a span,
#content .localNav .navList li.on span {
padding-left: 12px;
background: url(../img/arrow01.png) no-repeat left center;
}

#content .localNav .navList li.nav01 a {
padding: none!important;
}

#content .localNav .navList li.nav01 a span {
padding: 0!important;
background: none!important;
}

#content .localNav .navList li.on span span {
padding: 0;
background: none;
border-bottom: 2px solid #f43200;
color: #ffffff;
}

#content .localNav .navList li.nav05 {
margin-right: 4px;	
}

#content .localNav .navList li.nav06 {
margin: 0 0 4px;
border: none;
}

#content .localNav .navList li.nav06 a {
height: auto;
background-color: #ffffff!important;
color: #000000;
border: 1px solid #000000;
}

#content .localNav .navList li.nav06 a:hover {
background-color: #000000!important;
color: #ffffff;
text-decoration: none;
}

#content .localNav .navList li.nav06 a span {
background: url(../img/arrow02.png) no-repeat left center;
}

#content .localNav .navList li.nav06 a:hover span {
background: url(../img/arrow01.png) no-repeat left center;
}
}

/*-- localNav snsList --*/
#content .localNav .snsList {
margin: 5px 0 0;
padding: 0;
}

#content .localNav .snsList {
position: absolute;
top: 82px;
right: 12px;
}

#content .localNav .snsList li {
margin-left: 8px;
float: left;
_display: inline;
list-style-type: none;	
line-height: 1;
}

@media screen and (max-width: 640px) {
#content .localNav .snsList {
width: 104px!important;
top: 15px;
right: 10px;
}
}


/*-- footer snsNav --*/
#content #snsNav {
margin: 0;
padding: 37px 0;
text-align: center;
background-color: #262626;
}

#content #snsNav li {
margin: 0 -9px 0 0;
padding: 5px;
display: inline-block;
*display: inline;
*zoon: 1;
list-style-type: none;	
}

#content #snsNav li img {
border-radius: 4px;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.25);
-moz-box-shadow: 0 0 7px rgba(0,0,0,.25);
box-shadow: 0 0 7px rgba(0,0,0,.25);
}

#content #snsNav li img,
#content #footNav li img {
vertical-align: bottom;	
}

@media screen and (max-width: 640px) {
#content #snsNav {
margin: 0;
padding: 18px 0 50px;
}
}

/*-- footNav --*/
#content #footNav {
background-color: #151515;	
}

#content #footNav ul {
margin: 0 auto;
padding: 0;
width: 901px;
height: 52px;
text-align: center;
}

#content #footNav li {
margin: 0;
height: 52px;
float: left;
list-style-type: none;	
line-height: 1;
text-indent: -9999px;
}

#content #footNav li a {
height: 52px;
display: block;
background-repeat: no-repeat;
background-position: left top;
}

#content #footNav li.nav01.on {
width: 169px;
background: url(../img/footNav01_cu.jpg) no-repeat left top;
}

#content #footNav li.nav01 a {
width: 169px;
background-image: url(../img/footNav01_off.jpg);
}

#content #footNav li.nav01 a:hover {
background-image: url(../img/footNav01_on.jpg);
}

#content #footNav li.nav02.on {
width: 113px;
background: url(../img/footNav02_cu.jpg) no-repeat left top;
}

#content #footNav li.nav02 a {
width: 113px;
background-image: url(../img/footNav02_off.jpg);
}

#content #footNav li.nav02 a:hover {
background-image: url(../img/footNav02_on.jpg);
}

#content #footNav li.nav03.on {
width: 113px;
background: url(../img/footNav03_cu.jpg) no-repeat left top;
}

#content #footNav li.nav03 a {
width: 113px;
background-image: url(../img/footNav03_off.jpg);
}

#content #footNav li.nav03 a:hover {
background-image: url(../img/footNav03_on.jpg);
}

#content #footNav li.nav04.on {
width: 167px;
background: url(../img/footNav04_cu.jpg) no-repeat left top;
}

#content #footNav li.nav04 a {
width: 167px;
background-image: url(../img/footNav04_off.jpg);
}

#content #footNav li.nav04 a:hover {
background-image: url(../img/footNav04_on.jpg);
}

#content #footNav li.nav05 {
margin-right: 6px;	
}

#content #footNav li.nav05.on {
width: 118px;
background: url(../img/footNav05_cu.jpg) no-repeat left top;
}

#content #footNav li.nav05 a {
width: 118px;
background-image: url(../img/footNav05_off.jpg);
}

#content #footNav li.nav05 a:hover {
background-image: url(../img/footNav05_on.jpg);
}

#content #footNav li.nav06 {
margin-top: 4px;	
}

#content #footNav li.nav06 a {
width: 215px;
background-image: url(../img/footNav06_off.jpg);
}

#content #footNav li.nav06 a:hover {
background-image: url(../img/footNav06_on.jpg);
}

@media screen and (max-width: 640px) {
#content #footNav {
position: relative;
background-color: #151515;
}

#content #footNav ul {
margin: 0;
padding: 4px 10px 0;
width: auto;
height: auto;
text-align: left;
background: url(../img/sp_nav_bg01.gif) repeat left top;
overflow: hidden;
letter-spacing:-0.4em;
}

#content #footNav li {
margin-right: 4px;
margin-bottom: 4px;
height: 40px;
float: none;
display: inline-block;
text-indent: 0;
letter-spacing: 0;
border: 1px solid #575757;
border-radius: 4px;
}

#content #footNav li.nav05 {
margin-right: 4px;	
}

#content #footNav li.nav06 {
margin-right: 0;
}

#content #footNav li a {
padding-left: 15px;
padding-right: 18px;
width: auto!important;
height: 40px;
display: block;
color: #ffffff;
line-height: 40px;
background: #2b2b2b!important;
border-radius: 4px;
}

#content #footNav li a:hover {
background: #939393!important;	
text-decoration: none;
}

#content #footNav li.on {
padding-left: 15px;
padding-right: 18px;
width: auto!important;
background: #939393!important;
line-height: 40px;
color: #ffffff;
border-radius: 4px;
}

#content #footNav li.nav01 {
position: absolute;
top: -40px;
left: 10px;
background: none!important;
border: none;
}

#content #footNav li.nav01 a {
padding: 0 0 0 12px;
background: url(../img/arrow03.png) no-repeat left center #262626!important;
text-decoration: underline;
}

#content #footNav li.nav01 a:hover {
text-decoration: none;
}
	
#content #footNav li a span,
#content #footNav li.on span {
padding-left: 12px;
background: url(../img/arrow01.png) no-repeat left center;
}

#content #footNav li.on span span {
padding: 0;
background: none;
border-bottom: 2px solid #f43200;
color: #ffffff;
}

#content #footNav li.nav06 {
margin: 0 0 5px;
border: none;
}

#content #footNav li.nav06 a {
height: auto;
background-color: #ffffff!important;
color: #000000;
border: 1px solid #000000;
}

#content #footNav li.nav06 a:hover {
background-color: #000000!important;
color: #ffffff;
text-decoration: none;
}

#content #footNav li.nav06 a span {
background: url(../img/arrow02.png) no-repeat left center;
}

#content #footNav li.nav06 a:hover span {
background: url(../img/arrow01.png) no-repeat left center;
}
}


#pagetoparea {
margin: 30px 0;
text-align: right;	
}