@charset "utf-8";
/*---   mainVisual   ---*/
#main_bg{
	background-image: url(../image/bg_mainvisual.jpg);
	background-repeat: repeat-x;
	height: 340px;
	width: 100%;
}

#main{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}


/*---   main content   ---*/
#container{
	width: 940px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.left{
	float: left;
	width: 620px;
	margin-bottom: 15px;
}

.left .banner{
	margin-bottom: 15px;
}

.left .news{
	background-image: url(../image/bg_news.jpg);
	height: 195px;
	width: 600px;
	padding-top: 70px;
	padding-left: 20px;
}

.left .news ul li{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../image/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}

.right{
	float: right;
	width: 310px;
	margin-bottom: 15px;
}

.right ul li{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


@media (max-width: 740px) {
#main_bg{
	background: url(../image/bg_mainvisual.jpg) repeat-x center top;
	height: auto;
}
#main{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


/*---   main content   ---*/
#container{
	width: 96%;
}

.left{
	float: none;
	width: 100%;
}

.left .news{
	background-image: url(../image/bg_news.jpg);
    background-position: -10px 0;
    box-sizing: border-box;
	height: 265px;
	width: 100%;
	padding-top: 70px;
	padding-left: 10px;
}
    
.left .news ul li{
	margin-bottom: 5px;
}

.right{
	float: none;
	width: 100%;
	margin: 40px 0 20px 0;
	text-align: center;
}
}