@charset "utf-8";
/* CSS Document */
.main_content{
float : left;/*サイドバーを右にした場合*/
width : 64.6%;
margin : 0px 0 20px 1%;/*サイドバーを左にした場合*/
padding : 1%;
/*
font-size : 14px;
	border: #777 1px solid;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 4px 4px;
	*/
}
.sidebar{
	float : right;/*サイドバー右*/
	width : 29%;
	margin : 10px 0 2% 0;
	padding:10px 1.0% 10px 1.0%;
	background-color:#fff;
	border: #ccc 1px solid;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 4px 4px;
}
.main_content2{
float : right;/*サイドバーを右にした場合*/
_float : left;/*サイドバーを左にした場合*/
width : 98%;
margin : 10px 0 0 10px;/*サイドバーを左にした場合*/
_margin : 10px 10px 0 0;/*サイドバーを右にした場合*/
padding : 0px;
font-size : 14px;
border:none;
	/*border: #777 1px solid;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 4px 4px;*/
}
.main_content2 .article{
	width:65%; 
	float:left;
	margin-right:20px;
	padding:12px;
	border: #777 1px solid;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 4px 4px;	
}
.main_content2 .sidebar{
	_float : left;/*サイドバー左*/
	float : right;/*サイドバー右*/
	min-width : 28%;
	margin : -47px 0 2% 0;
	padding:10px 1.0% 10px 1.0%;
	background-color:#fff;
	border: #ccc 1px solid;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 4px 4px;
}
@media only screen and (max-width:1024px){
	
.main_content2 .sidebar{	
	_float : left;/*サイドバー左*/
	float : right;/*サイドバー右*/
	min-width : 30%;
	margin : -47px 0 2% 0;
	padding:10px 1.0% 10px 1.0%;
	}


.main_content2 .article{	
	width:62%; 
	float:left;
	margin-right:1.5%;
	padding:12px;
	}

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

.main_content2 .sidebar{	
	_float : left;/*サイドバー左*/
	float : right;/*サイドバー右*/
	min-width : 40%;
	margin : -47px 0 2% 0;
	padding:10px 1.0% 10px 1.0%;
	}
.main_content2 .article{	
	width:50%; 
	float:left;
	margin-right:1.5%;
	padding:12px;
	}

}
@media only screen and (max-width:640px){
.main_content{
	float:none;
	width : 90%; 
	margin:10px auto 10px auto;
	padding:0px;

	}
.sidebar{width : 98%}
.main_content2 .sidebar{	
	float:none;	
	width:94%;
		padding:12px;
	margin:0 auto 0 auto;
	}


.main_content2 .article{	
	float:none;
	width:94%;
	padding:12px;
	margin:0 auto 0 auto;
	}

}
@media only screen and (max-width:430px){
.main_content{
	float:none;
	width : 92%; 
	margin:10px auto 10px auto;
	padding:10px;

	}
.sidebar{
	width : 92%;
	margin:10px 4px 10px 0;
	padding:10px;
}
.main_content2 .sidebar{	
	float:none;	
	width:94%;
	padding:12px;
	margin:0 0 0 -5px;
	}


.main_content2 .article{	
	float:none;
	width:94%;
	padding:12px;
	margin:0 0 0 -5px;
	}

}