@charset "UTF-8";
/*======================================

	page
	
=======================================*/

body {
	background-color: #ｆｆｆｆｆｆ;
	font-family:	"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro", sans-serif;
	color: #333;
}

/*======================================

	header
	
=======================================*/
#header {
	width: 100%;
	height: 119px;
	background: url('common/images/bg_header.png') repeat-y center 0;
}
#header_inner {
	width: 980px;
	margin: 0 auto;
}
#header_inner h1 {
	float: left;
	color: #DCE0A2;
	padding: 36px 0 0 0;
	width: 212px;
	font-size: 81%;
}
#header_inner .mainmenu {
	padding: 70px 0 0 530px;
}
#header_inner .mainmenu li {
	float: left;
	margin: 0 10px 0 0;
}
.last_item {
	margin-right: 0!important;
}

/*======================================

	contentsarea

=======================================*/
#maincontents {
	clear: both;
	width: 980px;
	margin: 20px auto;
}
#maincontents .about {
	width: 800px;
	margin: 0 auto;
	border: 3px solid #ff0000;
	padding: 10px;
}
#maincontents .about h2 {
	margin: 0 0 0 0;
}
#maincontents .about p {
	padding-left: 100px;
	font-size: 100%;
}
#maincontents .item01 {
	position: relative;
	clear: both;
	float: left;
	background-color: #fff;
	width: 230px;
	border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	margin: 20px 10px 10px 0;
}
#maincontents .item02 {
	position: relative;
	float: left;
	background-color: #fff;
	width: 230px;
	border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	margin: 20px 10px 10px 0;
}
#maincontents .item03 {
	position: relative;
	float: left;
	background-color: #fff;
	width: 230px;
	border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	margin: 20px 0 10px 0;
}
#maincontents .item04 {
	position: relative;
	float: left;
	background-color: #fff;
	width: 230px;
	border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	margin: 20px 0 10px 0;
}

#maincontents .item01 img, #maincontents .item02 img, #maincontents .item03 img {
	position: relative;
	margin: 14px 18px;
}
#maincontents .item01 p, #maincontents .item02 p, #maincontents .item03 p {
	position: relative;
	margin: 0 18px 14px 18px;
	font-size: 77%;
}
/*======================================

	footer
	
=======================================*/

#footer {
	clear: both;
	width: 100%;
	height: 120px;
	background: url('common/images/bg_footer.png') repeat-y center 0;
	margin: 20px 0 0 0;
	color: #fff;
}
#footer .footer_inner {
	width: 980px;
	margin: 0 auto;
}
#footer .footer_inner p {
	padding: 80px 20px 20px 0;
	text-align: right;
	font-size: 70%;
}