@charset "utf-8";
/* CSS Document */



/*---- main visual setting ----*/


#main_visual img.sp { display: none; }


#main_visual #scene {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

#main_visual #scene li img {
	position: absolute;
	max-width: 100%;
	height: auto;
}

#main_visual #scene li.scene0 img {z-index:800;}
#main_visual #scene li.scene1 img {z-index:801;}
#main_visual #scene li.scene2 img {z-index:802;}
#main_visual #scene li.scene3 img {z-index:803;}
#main_visual #scene li.scene4 img {z-index:804;}


#main_visual #scene li.bg img {
	position: relative;
	z-index:1;
}

#main_visual .wrapper {padding: 0 10px;}
#main_visual #scene {
	margin: 0px auto;
}

#main_visual #controller {
	background: #403b95;
	padding: 2px 0px;
}

#main_visual #controller #thumb,
#main_visual #controller #indicator {
	float: left;
	width: 33%;
}

#main_visual #controller #thumb li img {
	position: absolute;
	z-index: 500;
	width: 23px;
	height: 24px;
	top: 1px;
}

#main_visual #controller .outline {position: relative;}

#main_visual #controller #thumb li.scene2 img {left: 40px;}
#main_visual #controller #thumb li.scene3 img {left: 70px;}
#main_visual #controller #thumb li.scene4 img {left: 100px;}
#main_visual #controller #thumb li.scene5 img {left: 130px;}


#main_visual #controller #thumb li.on img {
	border: 2px solid #f9dc5f;
	width: 24px;
	height: 25px;
	top: 1px;
}

#main_visual #controller #indicator {
	text-align: center;
	margin-top: 5px;
}

#main_visual #controller #indicator a {
	display: block;
	float: left;
	width: 10px;
	height: 9px;
	background: url(../img/index/indicator.gif) no-repeat;
	position: relative;
}

#main_visual #controller #indicator .on a {
	background: url(../img/index/indicator_on.gif) no-repeat;
}

#main_visual #controller #indicator a span {
	display: block;
	width:10px;
	height: 9px;
	position: absolute;
	top: -10000px;
	left: -10000px;
}

#main_visual #controller .linear {
	float: right;
	margin-top: 3px;
}

#main_visual #controller .linear li {margin-left: 20px;}

#main_visual #controller #thumb li,
#main_visual #controller #indicator li,
#main_visual #controller .linear li {
	display: inline-block;
	vertical-align: middle;
}


/*---- menu area setting ----*/

#menu {
	background: #fffae7;
	padding: 0.7% 0;
}


/*---- banner area setting ----*/

#bnr ul.outline {margin: 0.7% auto;}

#bnr .grid_1_3 {
	margin-bottom: 1%;
}

#fusegu #bnr,
#sasaeru #bnr {margin-top: 1em;}


@media screen and (max-width: 650px){
	#fusegu #bnr,
	#sasaeru #bnr {margin-top: 0em;}
}

/*---- news area setting ----*/


.tab_menu {
	border-bottom: 3px solid #403c93;
	padding-bottom: 0px;
}

@media screen and (max-width: 650px){
	.tab_menu {
		padding: 1% 2% 0.5px!important;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.tab_menu {
		padding-bottom: 1px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::.tab_menu {
    	padding-bottom: 0px;
  }
}

.news .list {margin: 1.5% 0 1.4%;}

.news .list li {
	padding-bottom: 1px;
	padding-left: 8em;
	text-indent: -8em;
	background: url(../img/common/dot.gif) repeat-x bottom;
}

.news .list li a {
	display: block;
	padding: 1.8% 3% 1.8% 2%;
	background: url(../img/common/arrow01.gif) no-repeat 99% 50%;
	text-decoration: none!important;
}

/*リンク無し時*/
.news .list li p {
	padding: 1.8% 3% 1.8% 2%;
}

.news .list li a:hover {background: #f1f0f7 url(../img/common/arrow01.gif) no-repeat 99% 50%!important;}

.news .list li span {
	color: #444;
	margin-right: 2em;
}

.news p.clear_fix a.right {
	display: block;
	background: #fdefba url(../img/common/arrow02.gif) no-repeat 1em 50%;
	text-decoration: none;
	padding: 0.5em 1em 0.3em 2em;
	margin: 1% 0;
}



/*---- movie area setting ----*/


#contents2 .grid_1_4,
#contents2 .grid_3_4 {
	margin-top: 1.5%;
}

/*-- H4 --*/

#contents2 h4 {
	font-size: 120%;
	padding: 13px 18px;
	margin: 0 0 15px 0;
	background: #fdefba;
	border-left: 3px solid #403b95;
}
@media screen and (max-width: 650px){
	#index #contents2 h4 {
		margin: 0 5px 1em;
	}
}

/*---- nasva area setting ----*/

.menu_list {
	margin-top: 1.5%;
}

/*---- map area setting ----*/


.map .menu {margin: 0px 0 20px;}

*+html .map .menu {display: inline-block;}
* html .map .menu {display: inline-block;}

.map .menu:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.map .menu li {
	display: inline;
}

.map .menu li a {
	display: block;
	float: left;
	width: 50%;
	background: #fdefba;
	padding: 15px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}

.map .menu li a:hover,
.map .menu li a.on {
	background: #403b95 !important;
	color: #fff;
}