@charset "UTF-8";

/*===================================================
// font
===================================================*/

body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }


/*===================================================
// body
===================================================*/

body{
	width:100%;
	color:#000;
	font-size:13px;
	line-height:1.5;
	background:#fffce9;
}

/*===================================================
// head
===================================================*/

#head{
	min-height:70px;
	background:#3b5998;
}

#head #logo{
	width:200px;
	padding:10px;
	float:right;
}

#head h1{
	width:475px;
	float:left;
}

#head h1 img{
	width:100%;
}

/*===================================================
// wrap
===================================================*/

#wrap{
	padding:30px 15px;
}

/*===================================================
// h2
===================================================*/

#wrap h2{
	padding:0 15px;
	font-weight:bold;
	font-size:18px;
}

/*===================================================
// cell wrap
===================================================*/

#cell_wrap{
	width:1150px;
	margin:0 auto;
	padding:30px 0 0;
}

/*===================================================
// cell
===================================================*/

#cell_wrap .cell{
	width:200px;
	margin:0 15px 30px;
	float:left;
}

#cell_wrap .cell dl{
	padding:5px 0 0;
}

#cell_wrap .cell dl dt{
	color:#c01b20;
	font-weight:bold;
	font-size:16px;
}

#cell_wrap .cell dl dd{
}


/*===================================================
// foot
===================================================*/

#foot{
	height:50px;
	background:#fff;
}

#foot p{
	padding:15px 0 0;
	text-align:center;
}





@media (max-width: 1150px) {

	/*===================================================
	// cell wrap
	===================================================*/
	#cell_wrap{
		width:920px;
	}

}

@media (max-width: 950px) {

	/*===================================================
	// cell wrap
	===================================================*/
	#cell_wrap{
		width:690px;
	}

}

@media (max-width: 720px) {
	
	/*===================================================
	// head
	===================================================*/
	#head #logo{
		width:200px;
		padding:10px;
		float:none;
	}
	
	/*===================================================
	// cell wrap
	===================================================*/
	#cell_wrap{
		width:460px;
	}

}

@media (max-width: 490px) {
	/*===================================================
	// head
	===================================================*/
	#head h1{
		width:100%;
		min-width:300px;
		float:left;
	}
	
	/*===================================================
	// wrap
	===================================================*/
	#wrap{
		padding:15px 0;
	}
	
	/*===================================================
	// cell wrap
	===================================================*/
	#cell_wrap{
		width:230px;
	}

}