@charset "utf-8";
.canpbs01 {
	float: left;
	/*width: 47%;*/
	width: 58.59375%;
	margin-bottom: 30px;
}
.canpbs02 {
	/* float: right; */
	/*width: 52.1%;*/
	/* width: 41.015625%; */
	margin-bottom: 30px;
}
#sbana{
	background: url(../images/top/sbana_bg.jpg) repeat-x;
}
#sbana ul{
	max-width: 1024px;
	margin: 0 auto;
}
#sbana ul li{
	width: 25%;
	float: left;
}

#obiwrap{
	border-bottom: 2px solid #ccc;
}
#obiwrap ul.obibtn{
	max-width: 1024px;
	margin: 0 auto;
	padding: 20px 10px;
}
#obiwrap ul.obibtn li{
	/*width: 18.6%;*/
	width: 21.5%;
	float: left;
	margin-right: 1%;
}
#obiwrap ul.obibtn li.txt{
	/*width: 57%;*/
	width: 54%;
	float: left;
	/*margin-right: 2.8%;*/
	margin-right: 1%;
}
.m_ca {
	max-width:1200px;
	margin:0 auto;
}

#container{
	
}

.obi_wrap {
	width:100%;
	padding:15px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	line-height:0;
	text-align:center;
	/*background:#AA8320;*/
	background:#F3EFE1;
}

.top_col {
	width:100%;
}
.top_col dd.s1 {
    /* float: left; */
    width: 100%;
    text-align: center;
}
.top_col dd.s2 {
	float:right;
	width:25.4%;
	padding:25px 0 0 0;
}
.top_col dd.s3 {
	float:right;
	width:25.4%;
	padding:5px 0 0 0;
}

.top_bnr {
	width:100%;
	line-height:0;
}
.top_bnr li {
	width:100%;
}

.top_conts {
	border-top:1px solid #CCCCCC;
	width:100%;
	padding:30px 0;
}
.top_conts_in {
	max-width:1024px;
	margin:0 auto;
	padding:0 10px;
}

.top_bnt_col {
	max-width:860px;
	margin:0 auto;
}
.top_bnt_col li.s1 {
	float:left;
	width:51.17%;
}
.top_bnt_col li.s2 {
	float:right;
	width:46.4%;
	padding:4px 0 0 0;
}
.top_bnt_col li:nth-child(3){
	text-align: center;
}
.top_bnt_col li:nth-child(3) img{
	margin-top: 20px;
}

.info_waku {
	border:#CCCCCC 1px solid;
	padding:1%;
	
}



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

#container ul.obibtn li{
	width: auto;
	float: none;
	margin-right: 0%;
	margin-bottom: 10px;
	text-align: center;
}

#obiwrap ul.obibtn li.txt {
    width: auto;
    float: none;
    margin-right: 0%;
	text-align: center;
}


#obiwrap ul.obibtn li:nth-child(2),
#obiwrap ul.obibtn li:nth-child(3){
	display: none;
}

#obiwrap ul.vsp{
	max-width: 440px;
	margin: 0 auto;
	padding: 0px 10px 20px;
}
#obiwrap ul.vsp li{
	width: 51%;
	float: left;
	margin-right: 2%;
}
#obiwrap ul.vsp li:nth-child(2){
	width: 47%;
	margin-right: 0px;
}


	.top_col dd.s1 {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 30px;
	}
	.top_col dd.s2 {
		float:none;
		width:100%;
		padding:0 0 0 0;
		text-align:center;
		margin-bottom:30px
	}
	.top_col dd.s3 {
		float:none;
		width:100%;
		padding:0 0 0 0;
		text-align:center;
		margin-bottom:30px
	}



	.top_bnt_col li.s1 {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 20px;
	}
	.top_bnt_col li.s2 {
		float:none;
		width:100%;
		padding:0 0 0 0;
		text-align:center;
	}
	.canpbs01 {
	float:none;
	width: 100%;
		text-align: center;
}
.canpbs02 {
	float:none;
	width: 100%;
		text-align: center;
}


	
}

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


#sbana{
	background: url(../images/top/sbana_bg.jpg) repeat;
}
#sbana ul li{
	width: auto;
	float: none;
	text-align: center;
}
	
}