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

/*Header//////////////////////////////////////////////////*/
#Header{
	width:980px;
	height:140px;
	margin:0px auto;
	position:relative;}
	
#Header h1{
	display:block;
	position:absolute;
	left:-15px;
	top:0px;
	z-index:2;}

	


/*Navi*/
#Navi{float:right;}

#Navi > ul > li{
	float:left;
	display:block;}
	
#Navi > ul > li > a{
	display:block;
	height:50px;
	width:152px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	overflow:hidden;}
	
#Navi > ul > li > a:hover,
#Navi > ul > li.active > a{background-position:0 -50px;}	

#Navi > ul > li#Navi_1 > a{background-image:url(../images/navi_1.png);}
#Navi > ul > li#Navi_2 > a{background-image:url(../images/navi_2.png);}
#Navi > ul > li#Navi_3 > a{background-image:url(../images/navi_3.png);}
#Navi > ul > li#Navi_4 > a{background-image:url(../images/navi_4.png);}
#Navi > ul > li#Navi_5 > a{background-image:url(../images/navi_5.png);}

.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
	z-index:90;}

.nav {line-height:1.0;}

.nav ul {
	position:absolute;
	top:-999em;
	z-index:90;}

.nav li {
	position:relative;
	z-index:90;
	}

.nav li:hover ul,
ul.nav li.sfHover ul {
	left:0px;
	top:54px;}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;}
.superfish li:hover ul,
.superfish li li:hover ul {top: -999em;}
	
#Navi ul li ul{
	background:url(../images/drop.png) no-repeat top center;
	border-bottom:2px solid #C8B4D6;
	width:132px;
	padding:12px 10px 2px 10px;}


#Navi ul li ul li{width:128px; padding:10px 0px; line-height:1;}
	
#Navi ul li ul li a{
	display:block;
	background:url(../images/arrow_s.png) no-repeat 0 3px;
	padding-left:8px;}

#Navi ul li ul li a:hover{}		

#Navi ul li ul li + li{border-top:1px dotted #CCC;}	

/*S-Nav*/
#head_S-Navi{
	float:right;
	height:26px;
	padding:20px 0px;}
	
ul.S-Navi{
	float:left;}
	
ul.S-Navi li{
	float:left;
	display:block;
	padding-right:25px;}
	
ul.S-Navi li a{
	display:block;
	height:26px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	overflow:hidden;}
	
ul.S-Navi li a:hover{
	background-position:0 -26px;}	
	
ul.S-Navi li.S-Navi_1 a{
	width:91px;
	background-image:url(../images/s-navi_1.png);}
ul.S-Navi li.S-Navi_2 a{
	width:96px;
	background-image:url(../images/s-navi_2.png);}
ul.S-Navi li.S-Navi_3 a{
	width:85px;
	background-image:url(../images/s-navi_3.png);}
ul.S-Navi li.S-Navi_4 a{
	width:90px;
	background-image:url(../images/s-navi_4.png);}			
						
						
/*sns*/
ul.sns_1,
ul.sns_2{float:left;}

ul.sns_1 li,
ul.sns_3 li{
	float:left;
	display:block;
	padding-left:10px;}
	
ul.sns_2 li{
	float:left;
	display:block;
	padding-right:10px;}

ul.sns_1 li a,
ul.sns_2 li a,
ul.sns_3 li a{
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	overflow:hidden;}
	
ul.sns_1 li a,
ul.sns_3 li a{height:26px; width:26px;}
ul.sns_2 li a{height:34px; width:34px;}		

ul.sns_1 li a:hover,
ul.sns_3 li a:hover{background-position:0 -26px;}
ul.sns_2 li a:hover{background-position:0 -34px;}

ul.sns_1 li.sns_1-1 a{background-image:url(../images/sns_1-1.png);}
ul.sns_1 li.sns_1-2 a{background-image:url(../images/sns_1-2.png);}
ul.sns_1 li.sns_1-3 a{background-image:url(../images/sns_1-3.png);}

ul.sns_2 li.sns_2-1 a{background-image:url(../images/sns_2-1.png);}
ul.sns_2 li.sns_2-2 a{background-image:url(../images/sns_2-2.png);}
ul.sns_2 li.sns_2-3 a{background-image:url(../images/sns_2-3.png);}

ul.sns_3 li.sns_3-1 a{background-image:url(../images/sns_3-1.png);}
ul.sns_3 li.sns_3-2 a{background-image:url(../images/sns_3-2.png);}
ul.sns_3 li.sns_3-3 a{background-image:url(../images/sns_3-3.png);}

/*Container////////////////////////////////////////////////*/
#Container{
	padding-bottom:60px;}
	
.Contents{
	width:980px;
	overflow:hidden;
	margin:0px auto;}
	
.bg_gray{
	background:#F4F4F4;
	padding:20px 0px;}		

/*Footer//////////////////////////////////////////////////*/
#Footer{
	background:url(../images/foot_bg.jpg) repeat;
	padding-top:30px;}

#Footer_inner{
	width:980px;
	margin:0px auto;}
	
#Foot_logo{
	float:left;
	width:106px;}
	
#Foot_navi{
	float:right;
	width:855px;}	
	

#FootMenu1{padding-bottom:15px;}	
#FootMenu1 p{
	font-weight:bold;
	line-height:1;
	border-bottom:1px dotted #777;
	font-size:92%;
	padding-bottom:8px;
	margin-bottom:8px;}	
	
#FootMenu1 ul li{
	font-size:92%;
	line-height:1.2;
	padding-bottom:8px;}	
	
#FootMenu1 p a{
	background:url(../images/arrow_l.png) no-repeat 0 4px;
	padding-left:8px;}
	
#FootMenu1 ul li a{
	background:url(../images/arrow_s.png) no-repeat 0 5px;
	padding-left:8px;}
		
.Footmenu_block{
	float:left;
	padding-right:15px;
	width:110px;}
	
.Footmenu_block2{
	float:left;
	padding-right:15px;
	width:230px;
	overflow:hidden;}
	
.Footmenu_block_end{
	float:left;
	width:110px;}	

.Footmenu_block2 ul{
	display:block;
	width:240px;}
		
.Footmenu_block2 ul li{
	float:left;
	display:block;
	width:110px;
	padding-right:10px;}
	
#FootMenu2{
	padding:5px 0px;
	border-top:1px dotted #777;
	border-bottom:1px dotted #777;}
	
#Copyright{
	text-align:center;
	padding:30px 0px;
	font-size:92%;}	
	
#PageTop{
	position:fixed;
	right:20px;
	bottom:70px;}		
	

/*TopPage//////////////////////////////////////////////////*/
#TopImg{
	height:380px;
	min-width:980px;
	background-color:transparent;
	border-bottom:3px solid #B197C5;
	text-align:center;
	position:relative;
	overflow:hidden;
	z-index:1;}

#TopImg_wrap{
	height:383px;
	padding-bottom:35px;
	position:relative;}
	

.TopSlide{
	width: 100% !important;
	height:380px;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:transparent;
	background-size:100%;}
	

#Topimg1{background-image:url(../images/slide/topimg_1.jpg);}
#Topimg2{background-image:url(../images/slide/topimg_2.jpg);}
#Topimg3{background-image:url(../images/slide/topimg_3.jpg);}

#prev-button,
#next-button{
	position:absolute;
	top:160px;
	width:55px;
	height:55px;
	z-index:2;
	text-indent:-9999px;
	cursor:pointer;
	display:block;}

#prev-button{
	left:20px;
	background:url(../images/slide/prev.png) no-repeat 0 0;}
#next-button{
	right:20px;
	background:url(../images/slide/next.png) no-repeat 0 0;}
	
#TopNews{
	width:400px;
	float:left;
	padding-right:30px;}
	
#TopNews ul li{
	border-bottom:1px dotted #CCC;
	padding-left:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../images/arrow_l.png) no-repeat 0 5px;
	color:#9169AD;
	line-height:1.8;}
	
#TopNews ul li span{
	color:#333;
	background:#EFEFEF;
	padding:0px 8px;
	font-size:92%;}
			
	
#TopEvent{
	float:left;
	width:330px;}
	
.TopEvent_box{
	width:322px;
	border:1px solid #DDD;
	padding:3px;
	margin-bottom:10px;}			
	
.TopEvent_inner{background:#F4F0F7;}

.TopEvent_img{
	float:left;
	width:130px;
	height:130px;
	overflow:hidden;
	position:relative;}	

.TopEvent_img img{
	position:absolute;
	top:0px;
	left:-20px;	
	max-height:130px;}
	
.TopEvent_img img.no-img{
	left:0px;}	
	
.TopEvent_txt{
	width:175px;
	float:left;
	padding:8px;}
	
.TopEvent_txt span{
	display:block;
	font-weight:bold;
	font-size:14px;
	line-height:1.4;
	border-bottom:1px dotted #CCC;
	padding-bottom:5px;
	margin-bottom:5px;}	
	
/*イベント下層*/
#Event_inner{
	width:1020px;}
	
.Event_box{
	float:left;
	margin-right:40px;
	width:462px;
	border:1px solid #DDD;
	padding:3px;
	margin-bottom:20px;}
	
.Event_txt{
	width:316px;
	float:left;
	padding:8px;}
	
.Event_txt span{
	display:block;
	font-weight:bold;
	font-size:14px;
	line-height:1.4;
	border-bottom:1px dotted #CCC;
	padding-bottom:5px;
	margin-bottom:5px;}		
			
/**/		
.TopttlArea{
	height:50px;
	padding-bottom:10px;
	position:relative;}
	
.TopttlArea p.btn_detail{
	position:absolute;
	right:0px;
	top:12px;}
	
#SideMenu{
	width:190px;
	float:right;}	
	
ul#Side_img-menu{
	padding-bottom:10px;}

ul#Side_img-menu li{
	display:block;
	margin-bottom:5px;}

ul#Side_img-menu li#Side_img-menu_top{
	margin-bottom:10px;}