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

 
/*/------------------------------コンテンツ------------------------------/*/

 
 .city_header {
	 height:469px !important;
	 background-repeat: no-repeat;
     background-position: center;
     background-image:url(../img/bg_top02.png);
	 background-size: cover;
	min-width:1150px;
 }
 
.w1100 {
	width:1150px !important;
	margin:0 auto;
}


 
 .content01{
	background-color:#FFFFFF;
	width:544px;
	height:440px;
	border-radius: 3px;
	margin:15px 0 0 0;
	float:left;
}
 
 .content01_mb{
	display:none;
	width:100%;
}
 
 
 .content02 {
	background-color:#FFFFFF;
	width:593px;
	height:440px;
	margin:15px 0 0 0;
	border-radius: 3px;
	float:right;
	
}
 
 
 .tit_hotnews{
	margin:20px 20px 10px 20px;
	border-bottom: 2px solid  #B5315A ;
}
	
.btmitiran{
	width: 72px;
	height:22px;
	background:url(../img/btm_itiran.png) no-repeat;
	float:right;
	position:relative;
	top:3px;

    }
	
.btmitiran:hover{
	background-position: 0px -22px;
    }
	
.tit_book {
	text-align:center;
	font-size:26px;
	border-bottom: 2px solid  #B5315A ;
	margin:30px 30px 30px 30px;
	padding:0 0 10px 0;
	
	
	}
	

.bookbox {
	width:90%;
	padding:0 1%;
}
	

.book {
	width:145px;
	float:left;
	text-align:center;
	margin:0 14px;
	
}
.book a,
.book a:link,
.book a:visited{
	text-decoration:none;
}
.book:hover {
	opacity:0.7;
	
}

.book img{
	
	margin:0 auto;
	
	
}

.book p {
	font-size:12px;
	color:#525252;
	font-weight:bold;
	line-height:120%;
	padding-top:10px;
}

.btn1{
	float:left;
	position:relative;
	top:55px;
	height:35px;
	width:37px;
	background:url(../img/btn_yazirusileft.png) no-repeat;
}
.btn1:hover{
	background-position: 0px -36px;
}
.btn2{
	float:right;
	position:relative;
	top:55px;
	height:35px;
	width:37px;
	background:url(../img/btn_yazirusiright.png) no-repeat;
	}
.btn2:hover{
	background-position: 0px -36px;
}
	
	
.title_click{
	width: 263px;
	height:280px;
	border:#AAAAAA 1px solid;
	border-radius: 3px;
	padding:20px 0px 5px 5px;
	margin:0 5px 45px 0px;
	text-align:center;
	float:left;
	color:black;
}
.title_click:hover{
	opacity:0.8
}

.title_click p{
	font-size:14px;
	text-align:left;
	padding:0 10px 0px 10px;
	line-height:130%;
	}
	
.title_bag1{
	border-bottom: 2px solid  #B5315A ;
	font-size:22px;
	text-align:left;
	float:left;
	padding-right:25px;
	}
	
.title_bag2{
	border-bottom: 2px solid  #B5315A ;
	font-size:22px;
	text-align:left;
	float:left;
	padding-right:5px;
	}
	
.title_star{
	border-bottom: 2px solid  #B5315A ;
	font-size:22px;
	text-align:left;
	float:left;
	padding-right:40px;
	}
	
.title_human{
	border-bottom: 2px solid  #B5315A ;
	font-size:22px;
	text-align:left;
	float:left;
	padding-right:70px;
	padding-top:5px;
	}

.title_top1{
	width:138px;
	heght:138px;
	background:url(../img/btn_top01.png) no-repeat;
	margin: 20px 0 15px 0;
	}
	
.title_top2{
	width:138px;
	heght:138px;
	background:url(../img/btn_top02.png) no-repeat;
	margin: 20px 0 15px 0;

	}

.title_top3{
	width:138px;
	heght:138px;
	background:url(../img/btn_top03.png) no-repeat;
	margin: 20px 0 15px 0;
	}

.title_top4{
	width:138px;
	heght:138px;
	background:url(../img/btn_top04.png) no-repeat;
	margin: 20px 0 15px 0;
	}	



.click_content{
	margin:5px 23px 5px 23px;
}
	
.btn_click{
	width: 55px;
	height:17px;
	background:url(../img/btn_click.png) no-repeat;
	float:right;
	padding:0 5px 0 0;
	
	
	}
.btn_click_human{
	width: 55px;
	height:17px;
	background:url(../img/btn_click.png) no-repeat;
	float:right;
	padding:0 5px 0 0;
	margin-top:15px;
	}
	
.btn_click:hover{
	background-position: 0px -17px;
	
	
	}
.btn_click_human:hover{
	background-position: 0px -17px;
	}
	
.title_bag img{
	margin-right:5px;
	}	
	
	
a:hover .title_top1,a:hover .title_top2,a:hover .title_top3,a:hover .title_top4,a:hover{
	background-position: 0px -138px;
}

	
/*/------------------------------ニュース------------------------------/*/


.news_box {
	width: 573px;
	height:350px;
	margin-left:13px;
	overflow-y:auto;
	}

.news_box dl {
	margin:10px 5px 15px 5px;
	padding-bottom:10px;
	border-bottom:1px dotted #999999;
}



.news_box dt  {
	color:#FFFFFF;
	background-color:#3780B5;
	font-weight: nomal;
	line-height: 150%;
	width:78px;
	float: left;
	text-align: center;
	padding:2px;
	font-size:13px;
	border-radius: 3px;
}

.news_box dd {
	width:450px;
	line-height: 150%;
	color:#0085B2;
	float: left;
	display: block;
	margin-left:7px; 
	}
.news_box dd  a{
	line-height:1.2em;
	font-size:13px;
	}
	
.news_box dd  a:hover{
	}
#top-video-vid{
top:0 !important;
}

/*/------------------------------フッター------------------------------/*/


@media screen and  (min-width: 0px) and (max-device-width: 435px){
 
 .city_header {
	 display:block;
	 min-width:0px;
	 height:auto !important;
	 background-repeat: no-repeat;
     background-position: center;
     background-image:none;
	 background-size: cover;
	 position:relative;
	 top:60px;
 }
 
.w1100 {
	width:100% !important;
	margin:0 auto;
	 position:relative;
}


 
 .content01{
	display:none;
}
 
 
 .content02 {
	background-color:#FFFFFF;
	width:100%;;
	height:440px;
	margin: 0;
	border-radius:0;
	float:none;
	
}
 
 
 .tit_hotnews{
	margin:20px 20px 10px 20px;
	border-bottom: 2px solid  #B5315A ;
}
	
.btmitiran{
	width: 72px;
	height:22px;
	background:url(../img/btm_itiran.png) no-repeat;
	float:right;
	position:relative;
	top:3px;

    }
	
.btmitiran:hover{
	background-position: 0px -22px;
    }
	
.tit_book {
	text-align:center;
	font-size:26px;
	border-bottom: 2px solid  #B5315A ;
	margin:30px 30px 30px 30px;
	padding:0 0 10px 0;
	display:none;
	
	}
.bx-wrapper{
	display:none;
	}
		

.bookbox {
	width:90%;
	padding:0 1%;
	display:none;
}
	

.book {
	width:145px;
	float:none;
	text-align:center;
	margin:3% auto;
	
}
.book a,
.book a:link,
.book a:visited{
	text-decoration:none;
}
.book:hover {
	opacity:0.7;
	
}

.book img{
	
	margin:0 auto;
	
	
}

.book p {
	font-size:12px;
	color:#525252;
	font-weight:bold;
	line-height:120%;
	padding-top:10px;
}

.btn1{
	float:left;
	position:relative;
	top:55px;
	height:35px;
	width:37px;
	background:url(../img/btn_yazirusileft.png) no-repeat;
}
.btn1:hover{
	background-position: 0px -36px;
}
.btn2{
	float:right;
	position:relative;
	top:55px;
	height:35px;
	width:37px;
	background:url(../img/btn_yazirusiright.png) no-repeat;
	}
.btn2:hover{
	background-position: 0px -36px;
}
	
	
.title_click{
	width: 96%;
	height:280px;
	border:#AAAAAA 1% solid;
	border-radius: 3px;
	padding:5% 0px 2% 2%;
	margin:0 auto;
	text-align:center;
	float:none;
	color:black;
}
.title_click:hover{
	opacity:0.8
}

.title_click p{
	font-size:14px;
	text-align:left;
	padding:0 10px 0px 10px;
	line-height:130%;
	}
	
.title_bag1{
	border-bottom: 2px solid  #B5315A ;

	font-size:22px;
	text-align:left;
	float:left;	
	width:95%;
	padding-right:0px;
	}
	
.title_bag2{
	border-bottom: 2px solid  #B5315A ;
	font-size:22px;
	text-align:left;
	float:left;	
	width:95%;
	padding-right:0px;
	}
	
.title_star{
	border-bottom: 2px solid  #B5315A ;
	font-size:22px;
	text-align:left;
	float:left;	
	width:95%;
	padding-right:0px;
	}
	
.title_human{
	border-bottom: 2px solid  #B5315A ;
	font-size:22px;
	text-align:left;
	float:left;
	width:95%;
	padding-right:0px;
	padding-top:5px;
	}

.title_top1{
	width:138px;
	heght:138px;
	background:url(../img/btn_top01.png) no-repeat;
	margin: 20px 0 15px 0;
	}
	
.title_top2{
	width:138px;
	heght:138px;
	background:url(../img/btn_top02.png) no-repeat;
	margin: 20px 0 15px 0;

	}

.title_top3{
	width:138px;
	heght:138px;
	background:url(../img/btn_top03.png) no-repeat;
	margin: 20px 0 15px 0;
	}

.title_top4{
	width:138px;
	heght:138px;
	background:url(../img/btn_top04.png) no-repeat;
	margin: 20px 0 15px 0;
	}	



.click_content{
	margin:23px 0%;
}
	
.click_content a{
	text-decoration:none;
}
.btn_click{
	width: 55px;
	height:17px;
	background:url(../img/btn_click.png) no-repeat;
	float:right;
	padding:0 5px 0 0;
	
	
	}
.btn_click_human{
	width: 55px;
	height:17px;
	background:url(../img/btn_click.png) no-repeat;
	float:right;
	padding:0 5px 0 0;
	margin-top:15px;
	}
	
.btn_click:hover{
	background-position: 0px -17px;
	
	
	}
.btn_click_human:hover{
	background-position: 0px -17px;
	}
	
.title_bag img{
	margin-right:5px;
	}	
	
	
a:hover .title_top1,a:hover .title_top2,a:hover .title_top3,a:hover .title_top4,a:hover{
	background-position: 0px -138px;
}

	
/*/------------------------------ニュース------------------------------/*/


.news_box {
	width: 90%;
	height:350px;
	margin:0 auto;
	overflow-y:auto;
	border:1px solid #999999;
	}

.news_box dl {
	margin:10px 2% 15px 2%;
	padding-bottom:10px;
	border-bottom:1px dotted #999999;
	width:92%;
	padding:2%;
}



.news_box dt  {
	color:#FFFFFF;
	background-color:#3780B5;
	font-weight: nomal;
	line-height: 150%;
	width:80px;
	float: left;
	text-align: center;
	padding:3px;
	font-size:12px;
	border-radius: 3px;
}

.news_box dd {
	width:65%;
	line-height: 150%;
	color:#0085B2;
	display: block;
	margin-left:2%; 
	float:right;
	}
.news_box dd  a{
	line-height:1.2em;
	font-size:12px;
	}
	
.news_box dd  a:hover{
	}
#top-video-vid{
top:0 !important;
}

.bx-viewport{
	margin:0 !important;
	left:0;
	border:0 !important;
}

 .content01_mb{
	display:block;
}

 .content01_mb img{
	display:block;
	 width:100%;
 }
 }