﻿@charset "utf-8";
@import url("common.css"); /* common stylesheet */

#dammy {
	display: block;
	overflow: hidden;
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
	}

/* #
--------- --------- --------- --------- --------- */
.contents {
	margin:0;
	width: 100%;
	}

.cocosapo_marea {
	margin:0 0 35px;
	background-color: #BDE0E6;
	}

.cocosapo_marea h2 {
	overflow: hidden;
	background: url('../images/cocosapo/coco_mimage.gif') no-repeat;
	background-position: center 0;
	margin: 0;
	padding: 395px 0 0;
	min-width: 1100px;
	height: 0!important;
	}

.cocosapo_block {
	margin:0 auto;
	padding:0;
	width:1000px;
	}

.coco_area1 {
	margin:0 0 75px;
	}

.coco_area1block1 {
	margin:0 0 45px;
	padding:10px 0 0 260px;
	width:740px;
	min-height:102px;
	height:auto!important;
	height:102px;
	position: relative;
	}

.coco_area1block1 h4 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: url('../images/cocosapo/coco_area1label1.gif') no-repeat;
	margin: 0;
	padding: 112px 0 0;
	min-width: 230px;
	height: 0!important;
	}

.coco_area1block1 p {
	margin:0;
	color:#6E3C27;
	font-size:1.6em;
	line-height:1.6;
	}

.coco_area1block2 {
	margin:0;
	padding:0 0 0 260px;
	width:740px;
	position: relative;
	}

.coco_area1block2 h4 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: url('../images/cocosapo/coco_area1label2.gif') no-repeat;
	margin: 0;
	padding: 112px 0 0;
	min-width: 230px;
	height: 0!important;
	}

.area1box1,
.area1box2,
.area1box3 {
	margin:0 0 15px;
	padding:0 0 0 300px;
	width:440px;
	min-height:65px;
	height:auto!important;
	height:65px;
	position: relative;
	}

.area1box1 h5,
.area1box2 h5,
.area1box3 h5 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: url('../images/cocosapo/coco_area1stitle1.gif') no-repeat;
	margin: 0;
	padding: 65px 0 0;
	min-width: 276px;
	height: 0!important;
	}

.area1box2 h5 {
	background: url('../images/cocosapo/coco_area1stitle2.gif') no-repeat;
	}

.area1box3 h5 {
	background: url('../images/cocosapo/coco_area1stitle3.gif') no-repeat;
	padding: 68px 0 0;
	}

.area1box1 p,
.area1box2 p,
.area1box3 p {
	margin:0;
	padding:6px 0 0;
	color:#6E3C27;
	font-size:1.6em;
	line-height:1.6;
	}

.area1box2 p,
.area1box3 p {
	padding:17px 0 0;
	}

.coco_area2 {
	margin:0 0 25px;
	}

.coco_area2 h3 {
	overflow: hidden;
	background: url('../images/cocosapo/coco_area2mtitle.gif') no-repeat;
	margin: 0 0 40px;
	padding: 71px 0 0;
	min-width: 1000px;
	height: 0!important;
	}

.point_block {
	margin:0 0 85px;
	padding:0 50px;
	}

.point1,
.point2,
.point3 {
	background: url('../images/cocosapo/coco_area2type1.gif') no-repeat;
	margin:0 37px 0 0;
	padding:220px 0 0;
	width:275px;
	float:left;
	}

.point2 {
	background: url('../images/cocosapo/coco_area2type2.gif') no-repeat;
	}

.point3 {
	background: url('../images/cocosapo/coco_area2type3.gif') no-repeat;
	}

.point3 {
	margin:0;
	}

.point1 h4,
.point2 h4,
.point3 h4 {
	margin:0 0 20px;
	font-size:2.0em;
	font-weight: bold;
	color:#6E3C27;
	line-height:1.3;
	text-align: center;
	}

.point1 p,
.point2 p,
.point3 p {
	margin:0;
	font-size:1.6em;
	color:#6E3C27;
	line-height:1.3;
	text-align: center;
	}

#area2box1,
#area2box2,
#area2box3,
#area2box4 {
	margin:0 0 50px;
	padding:0 0 0 285px;
	width:715px;
	min-height:160px;
	height:auto!important;
	height:160px;
	position: relative;
	}

#area2box2 {
	min-height:166px;
	height:auto!important;
	height:166px;
	}

#area2box3 {
	min-height:186px;
	height:auto!important;
	height:186px;
	}

#area2box4 {
	min-height:186px;
	height:auto!important;
	height:186px;
	}

#area2box1 h4,
#area2box2 h4,
#area2box3 h4,
#area2box4 h4 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: url('../images/cocosapo/coco_area2stitle1.gif') no-repeat;
	margin: 0;
	padding: 160px 0 0;
	min-width: 256px;
	height: 0!important;
	}

#area2box2 h4 {
	background: url('../images/cocosapo/coco_area2stitle2.gif') no-repeat;
	padding: 166px 0 0;
	}

#area2box3 h4 {
	background: url('../images/cocosapo/coco_area2stitle3.gif') no-repeat;
	padding: 186px 0 0;
	}

#area2box4 h4 {
	background: url('../images/cocosapo/coco_area2stitle4.png') no-repeat;
	}

#area2box1 p,
#area2box2 p,
#area2box3 p,
#area2box4 p {
	margin:0;
	padding:12px 0 0;
	color:#6E3C27;
	font-size:1.6em;
	line-height:1.6;
