@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　TOPページ用CSS　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　トップページのスライドショー箇所　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


#viewer {
    margin: 0 auto;
	
	margin-top:45px;
	
    width: 100%;
    height: 220px;
	
    text-align: left;
    overflow: hidden;	
	
    position: relative;
	
}


@media only screen and (min-width:426px) {
	
	#viewer {
   	margin-top:80px;
	}
}

@media only screen and (min-width:651px) {
	
	#viewer {
    margin: 80px auto 0px;
    height: 300px;
	}
}


#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}



.toptitle{
	text-align:center;
}

@media only screen and (max-width:425px) {
	
	.toptitle{
	/*margin:-2% 0px 0px 0px;
	margin-top:-2%!important;*/
	
	position: relative;
    top: -50px;
    top: -60px;

    left: 0px;
	
	}

}


@media only screen and (max-width:375px) {
	
	.toptitle{
	position: relative;
    top: -70px;
    top: -80px;

    left: 0px;	
	}

}


@media only screen and (max-width:320px) {
	
	.toptitle{
	position: relative;
    top: -90px;
    top: -100px;

    left: 0px;	
	}

}



@media only screen and (max-width:425px) {

.contents_list{
	position: relative;
    top: -40px;
    left: 0px;	
	}

}


@media only screen and (max-width:375px) {

.contents_list{
	position: relative;
    top: -65px;
    left: 0px;	
	}

}

@media only screen and (max-width:320px) {

.contents_list{
	position: relative;
    top: -75px;
    left: 0px;	
	}

}

.contents_list h2{
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 5px;
  padding-left: 8px;
  border-left: 4px solid #01c9ea;
}


/* ニュース箇所 */

.box1_title {
	margin:20px 0 20px 0;
	padding:7px 0 7px 0;
	color:#FFF;
	font-size:15px;
	background:#fe7704;
}

@media only screen and (max-width:425px) {
	
	.box1_title {
	margin-top:-20px;
	}

}

@media only screen and (max-width:375px) {
	
	.box1_title {
	margin-top:-30px;
	}

}

@media only screen and (max-width:320px) {
	
	.box1_title {
	margin-top:-50px;
	}
		
}