@charset "shift_jis";
/* CSS Document */

body {
	background: #F3F2EF;
	text-align: left;
	font-size: 13px;
	line-height: 1.3;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* =========================================================
header
========================================================= */
div#headerWrapper {
	background: url(../img/hdrBg.png) repeat-x;
	width: 100%;
	height: 95px;
	position: fixed;
	clear: both;
	top: 0px;
	z-index: 1;
	overflow: hidden;
	zoom: 1;
}

div#header {
	width: 900px;
	margin: 23px auto 0;
}

div#header h1 {
	float: left;
}

div#header ul {
	float: left;
}

div#header ul li {
	float: left;
}

/* =========================================================
spacer
========================================================= */
.spacer {
	clear: both;
	height: 125px;
}

/* =========================================================
container
========================================================= */
div#container {
	clear: both;
	width: 1030px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}

/* =========================================================
section0
========================================================= */
div#section0 {
}

.section {
}

/* =========================================================
section0Header
========================================================= */
div#section0Header {
	width: 900px;
	margin: 0 auto;
	background: url(../img/topImg_00.png) no-repeat;
	height: 236px;
	padding: 48px 65px 0;
}

div.section h2 {
	margin: 0 0 15px 30px;
}

div.section p.sectionText {
	margin: 0 0 15px 50px;
}

div.section p.sectionContact {
	margin: 0 0 15px 50px;
}

.contentsBox {
	width: 900px;
	margin: 30px auto 0;
}

div.section ul.s0list {
	width: 912px;
	margin-right: -12px;
	overflow: hidden;
	zoom:1;
}

div.section ul.s0list li {
	float: left;
	margin-right: 12px; 
	width: 216px;
	display: inline;
}

div.section ul.s0list li h3 {
	background: url(../img/titleBg_216.png) no-repeat;
	height: 25px;
	font-size: 14px;
	color: #FFF;
	padding: 10px 0 0 20px;
	font-weight: 800;
	
}

div.listBox {
	border: 1px solid #B7B7B7;
	border-top: none;
}

div.listBoxInner {
	clear: both;
	border: 2px solid #EEE;
	border-top: none;
	padding: 6px;
	position: relative;
	background: url(../img/contentsBg.png) repeat-x bottom #FFF;
	overflow: hidden;
	zoom: 1;
}

div.listBoxInner p.listText {
	height: 200px;
}

div.listBoxInner p.listImg {
	margin: 8px auto;
	text-align: center;
}

div.listBoxInner p.listMore {
	text-align: right;
}

/* =========================================================
section1Header
========================================================= */
div#section1Header {
	width: 900px;
	margin: 0 auto;
	background: url(../img/topImg_01.png) no-repeat;
	height: 366px;
	padding: 28px 65px 0;
	position: relative;
}

div#section1Header ul {
	position: absolute;
	top: 177px;
	left: 106px;
}

div#section1Header ul li {
	float: left;
	width: 190px;
	margin-right: 20px;
}

div#section1Header li {
	margin-top: 10px;
}

div#section1Header h3 {
	margin-bottom: 5px;
}

div#section1Header li p.managementPrice {
	margin-top: 15px;
	color: #135DA5;
}

div#section1Header p.section1Contact {
	top: 305px;
	left: 752px;
	position: absolute;
}

/* =========================================================
planType
========================================================= */
div#planType {
	width: 800px;
	background: url(../img/contents01_middle.png);
	padding: 20px 50px;
}

div#planType h2 {
	margin: 0 auto;
}

div#planType p {
}

div#planType table {
	width: 800px;
	margin-top: 20px;
}

div#planType table th {
	padding: 8px 0;
}

div#planType table th {
	background: #F3F2EF;
	text-align: center;
}

div#planType .bgGray {
	background: #F9F9F7;
}

div#planType table tr td {
	background: #FFF;
	text-align: center;
}

div#planType table tr td img {
	margin: 10px auto;
}

/* =========================================================
section2Header
========================================================= */
div#section2Header {
	width: 900px;
	margin: 0 auto;
	background: url(../img/topImg_02.png) no-repeat;
	height: 236px;
	padding: 28px 65px 0;
	position: relative;
}

div#section2Header p.section2Contact {
	top: 197px;
	left: 672px;
	position: absolute;
}

div.section ul.s2list {
	width: 915px;
	margin-right: -15px;
	overflow: hidden;
	zoom:1;
}

div.section ul.s2list li {
	float: left;
	margin-right: 15px; 
	width: 290px;
	display: inline;
}

div.section ul.s2list li h3 {
	background: url(../img/titleBg_290.png) no-repeat;
	height: 25px;
	font-size: 14px;
	color: #FFF;
	padding: 10px 0 0 20px;
	font-weight: 800;
	
}

div.listBoxInner p.list2Text {
	height: 150px;
}

/* =========================================================
section3Header
========================================================= */
div#section3Header {
	width: 900px;
	margin: 0 auto;
	background: url(../img/topImg_03.png) no-repeat;
	height: 266px;
	padding: 28px 65px 0;
}

div.section ul.s3list {
	width: 900px;
	overflow: hidden;
	zoom:1;
}

div.section ul.s3list li {
	width: 900px;
}

div.section ul.s3list li h3 {
	background: url(../img/titleBg_900.png) no-repeat;
	height: 25px;
	font-size: 14px;
	color: #FFF;
	padding: 10px 0 0 20px;
	font-weight: 800;
	
}

div.listBoxInner p.picLeft {
	float: left;
	width: 436px;
	margin-right: 10px;
	display: inline;
}

div.listBoxInner p.picRight {
	float: right;
	width: 436px;
	margin-left: 10px;
	display: inline;
}

div.listBoxInner p.listTextLeft {
	float: left;
	width: 433px;
}

div.listBoxInner p.listTextRight {
	float: right;
	width: 433px;
}

/* =========================================================
section4Header
========================================================= */
div#section4Header {
	width: 900px;
	margin: 0 auto;
	background: url(../img/topImg_04.png) no-repeat;
	height: 236px;
	padding: 28px 65px 0;
}

div.section div.s4listWrapper {
	width: 915px;
	margin-right: -15px;
	overflow: hidden;
	zoom:1;
}

div.section div.s4list {
	float: left;
	width: 290px;
	margin-right: 15px; 
	overflow: hidden;
	zoom:1;
}

div.section div.s4list p.contact {
	margin: 30px 8px 0;
}

div.section div.s4list h3 {
	background: url(../img/titleBg_290.png) no-repeat;
	height: 25px;
	font-size: 14px;
	color: #FFF;
	padding: 10px 0 0 20px;
	font-weight: 800;
	
}

div.section div.s4list dl {
	height: 400px;
}

div.section div.s4list dl.flow {
	margin: 10px 0;
	color: #8CC01F;
	font-weight: 800;
}

div.section div.s4list dt {
	margin: 0 10px;
	color: #8CC01F;
	font-weight: 800;
}

div.section div.s4list dd {
	margin: 0 20px;
	background: url(../img/icon.png) no-repeat;
	padding-left: 15px;
}

div.section div.s4list dd.iconNone{
	background: none;
}

div.section ul.s4list {
	width: 915px;
	margin-right: -15px;
	overflow: hidden;
	zoom:1;
}

div.section ul.s4list li {
	float: left;
	margin-right: 15px; 
	width: 290px;
	display: inline;
}

div.section ul.s4list li h3 {
	background: url(../img/titleBg_290.png) no-repeat;
	height: 25px;
	font-size: 14px;
	color: #FFF;
	padding: 10px 0 0 20px;
	font-weight: 800;
	
}

div.listBoxInner p.list4Text {
	height: 120px;
}

/* =========================================================
section5Header
========================================================= */
div#section5Header {
	width: 900px;
	margin: 0 auto;
	background: url(../img/topImg_05.png) no-repeat;
	height: 296px;
	padding: 48px 65px 0;
	position: relative;
}

div.section ul.s5list {
	width: 915px;
	margin-right: -15px;
	overflow: hidden;
	zoom:1;
}

div.section ul.s5list li {
	float: left;
	margin-right: 15px; 
	width: 290px;
	display: inline;
}

div.section ul.s5list li h3 {
	background: url(../img/titleBg_290.png) no-repeat;
	height: 25px;
	font-size: 14px;
	color: #FFF;
	padding: 10px 0 0 20px;
	font-weight: 800;
	
}

div.listBoxInner p.list5Text {
	height: 250px;
}

div.listBoxInner p.list5Text span.list5btn {
	margin-top: 10px;
	display: block;
	text-align: center;
}


/* =========================================================
links
========================================================= */
div.links {
	clear: both;
	width: 900px;
	margin: 30px auto 0;
	overflow: hidden;
	zoom: 1;
}

div.links p {
}

div.links ul.btn3 {
	width: 915px;
	margin-right: -15px;
}

div.links ul.btn3 li {
	float: left;
	margin-right:15px;
	display: inline;
}

div.links ul.btn4 {
	width: 912px;
	margin-right: -12px;
}

div.links ul.btn4 li {
	float: left;
	margin-right:12px;
	display: inline;
}

div.links ul.siteBox {
	width: 912px;
	overflow: hidden;
	text-align: center;
}

div.links ul.siteBox li {
	margin: 20px 12px 0 0;
	/* display: inline; */
}

/* =========================================================
footerContact
========================================================= */
div#footerContact {
	margin: 20px 15px 10px;
	vertical-align: middle;
	overflow: hidden;
	zoom: 1;
}

div#footerContact p {
	float: left;
}

div#footerContact p img {
	margin-right: 10px;
}

div#footerContact p.address {
	float: right;
	width: 410px;
	font-size: 12px;
	text-align: right;
	margin-top: 8px;
}

/* =========================================================
copyright
========================================================= */
div#copyright{
	width: 900px;
	margin: 20px auto 50px;
	text-align: center;
}

/* =========================================================
pageTop
========================================================= */
div#pageTop {
	position: fixed;
	text-align: right;
	clear: both;
	right: 0px;
	bottom: 0px;
	height: 34px;
}