@charset "utf-8";
/* -----------------------------------------------------------------------
2カラム用　css　左サイドバー
------------------------------------------------------------------------- */
body{	
	min-width:980px;
}

header nav,
#mainImage,
#container,
#ftrOuter,
.wrap{
	width:1200px;
	margin:0 auto;
}

#container > #contents{
	width:930px;
	float:right;
}

#container > #contents > article{

}

#container > #side{
	width:250px;
	float:left;
}

#container > #side > aside{
}

/* -----------------------------------------------------------------------
responsive
------------------------------------------------------------------------- */

/*for PConly*/
@media only screen and (min-width : 960px){

}
/*for Tablet*/
@media only screen and (min-width:768px) and (max-width:959px){
body{	
	min-width:inherit;
}
h1,
#hdrOuter,
header nav,
#container,
#ftrOuter,
.wrap{
	width:100%;
}
#container #contents{
width:70%;
float:right;
}

#container #side{
	width:28.5%;
	float:left;
}
}

/*for SP*/
@media only screen and (max-width:767px) {
body{	
	min-width:inherit;
}
h1,
#hdrOuter,
header nav,
#container,
#ftrOuter,
.wrap{
	width:100%;
}
#container #contents,
#container #side{
	width:100%;
	float:none;
}

#container > #contents > article,
#container > #side > aside{
	margin-left:0px;
	margin-right:0px;
}


}