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

#top{
}

#top .left { float:left; }
#top .left .txt dl dd.textbox {
	width:210px;
	height: 40px;
	color: #F60;
	padding: 0 0 0 5px;
}
#top .bg1 { background-image:url(../images/top/news_bg1.jpg); background-repeat:no-repeat; }
#top .bg2 { background-image:url(../images/top/news_bg2.jpg); background-repeat:no-repeat; }
#top .bg3 { background-image:url(../images/top/news_bg3.jpg); background-repeat:no-repeat; }
#top .bg4 { background-image:url(../images/top/news_bg4.jpg); background-repeat:no-repeat; }


/* �X���C�h�V���[���̃}�[�W������ 2014/05/01 */
#top .main_image {
	height: 318px;
}

#top .newsbox .box .bg1 p {
	font-size:75%;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 25px;
	float: left;
	font-weight: bold;
	color: #AD3D4B;
}

#top .newsbox .box .bg2 p {
	font-size:75%;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 25px;
	float: left;
	font-weight: bold;
	color: #21A422;
}
#top .newsbox .box .bg3 p {
	font-size:75%;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 25px;
	float: left;
	font-weight: bold;
	color: #2679AB;6dc3d8
}
#top .newsbox .box .bg4 p {
	font-size:75%;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 25px;
	float: left;
	font-weight: bold;
	color: #6dc3d8;
}
#top .newsbox .box p.date {
	float: right;
	text-align:right;
	width: 70px;
	font-weight: normal!important;
	color: #333!important;
	padding-right:5px;
	padding-left: 5px;
}
#top .left .txt dl dt {
	clear:left;
	font-weight: bold;
	padding: 10px 0 0 5px;
}

#top .content1 {
	width:47%;
	height:100%;
}
#top .content3 {
	width:47%;
	float:right;
	height:100%;
}
#top .mainimg{
	margin: 0 0 20px 0;
}
#top .mainimg h2{
	margin: 0;
	padding: 0;
}

.line {
	border-bottom:1px dotted #CCCCCC;
	padding-top:10px;
}


#top #set_contents{
	background: none;
	border: none;
}
#top #set_contents #contbox{
	/*width: 730px;*/
	width: 100%;
}



#top .news{
	position: relative;
	margin: 0;
	padding: 0 0 30px 0;
	/*width: 730px;*/
	width: 100%;
}
#top .news h3{
	display: none;
	/*margin: 0 0 5px 0;
	padding: 0;
	width: 730px;*/
}
#top .news h3.mobile {
	display: inherit;
	width: 100%;
	font-size: 100%;
	font-weight: normal;
	color: #fff;
	background-color: #4FB352;
	padding: 10px 0;
}
#top .news h3.mobile span {
	font-size: 70%;
}
#top .news p.mobile {
	display: inherit;
	text-align: right;
	font-size: 90%;
	padding-right: 1em;
}
#top .news .newsbox{
	background-color: #FFF;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-right: none;
	/*border: 1px solid #CCC;*/
	padding-top: 5px;
	padding-bottom: 7px;
}
#top .news .newsbox .box{
	margin: 2px 0px 2px 13px;
	padding: 6px 0 5px 0;
	/* [disabled]border-top: 1px dotted #CCC; */
}
#top .news .txt{
	padding: 0;
}
#top .news .txt2{
	width: 650px;
	float: right;
}
#top .news .txt dl{
}
#top .news .txt dl dt{
	font-size: 82%;
	padding-top: 10px;
	padding-bottom: 5px;
	/* [disabled]border-top: 1px dotted #CCCCCC; */
	font-weight: bold;
}
#top .news .txt2 dl dt{
	font-size: 82%;
	padding-top: 10px;
	padding-bottom: 5px;
	/* [disabled]border-top: 1px dotted #CCCCCC; */
}
#top .news .txt dl dt.first{
	width:193px;
	/* [disabled]float: right; */
	height: 20px;
	padding-top: 0px;
}
#top .news .txt dl dt.first img {
	border: none;
}
#top .news .txt dl dd{
	font-size: 75%;
}
#top .news .txt2 dl dd{
	font-size: 88%;
}
#top .news .imgbox {
	display: table;
	margin: 0;
	width: auto;
	height: 128px;
	/* [disabled]height: 74px; */
	float: left;
	text-align: center;
	/* [disabled]border: 1px solid #CCCCCC; */
	padding: 0 0 0 25px;
}
#top .news .imgbox p {
	display: table-cell;
	vertical-align:middle;
}
#top .news .icon{
	margin: 0;
	padding: 0;
	width: 50px;
	float: left;
}
#top .news .itiran_banner {
	display: none;
	/*position: absolute;*/
	/*left: 646px;*/
	/*top: 8px;*/
}/*修正*/
.right.caps a {
	font-size:94%;
	line-height:0.5em;
}

#top .txt dl .textbox a {
	text-align: left;
	line-height:1.2em;
	font-size:95%;
}
#top .sideBanner {
	float: right;
	width: 50%;
	text-align: center;/*追加*/
}
#top .side-mobile-fbsmile {
	float: left;
	width: 50%;
	text-align: center;
}
*:first-child+html #top .sideBanner {
	margin-top: 295px;
}



@media only screen and (max-width:480px) {
	#top .box {
		height:260px;
	}
	#top box p {
		font-size:0.5em;
	}
	#top .txt dl a{
		display: block;
		max-width:130px;
	}
	#top .txt dt {
	}
	#top .content1 {
		width:46%;
		height:100%;
	}
	#top .content3 {
		width:46%;
		float:right;
		height:100%;
	}
	#top .date {
		clear:both;
		display:block;
	}
	#top .imgbox {
		margin:0px auto;
		padding:0px;
		max-width:80%;
		min-width:80%;
		min-height:100px;
		max-height:100px;
		height:100px;
		text-align:center;
	}
	#top .imgbox a{
		display: block;
		max-width:100%;
		min-width:100%;
		max-height:105px;
		min-height:105px;
		height:105px;
		text-align: center;
	}
	#top .imgbox a img {;
		max-height: 105px;
	}
	#top .sideBanner {
		width: 100%;
		float: none;
		margin: 0 auto 3px auto;
		text-align: center;/*追加*/
	}
	#top .side-mobile-fbsmile {
		width: 100%;
		float: none;
		margin: 3px auto;
		text-align: center;
	}
}