/*  headエリア  */

#head {
	background-color: #FFF;
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 634px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#head .contents {
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 100%;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/01a.png);
	background-repeat: no-repeat;
}

#head .contents .area {
	position: relative;
	text-align: left;
	min-width: 320px;
	margin: 0px;
	padding: 0px;
}

#head2 {
	background-color: #FFA200;
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 664px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#head2 .contents {
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 100%;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/01b.png);
	background-repeat: no-repeat;
}

#head2 .contents .area {
	position: relative;
	text-align: left;
	min-width: 320px;
	margin: 0px;
	padding: 10px;
}



/*  pointエリア  */

#point {
	background-color: #FFF;
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 1250px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#point .contents {
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 100%;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/02.png);
	background-repeat: no-repeat;
}

#point .contents .area {
	position: relative;
	text-align: left;
	min-width: 320px;
	margin: 0px;
	padding: 10px;
}




/*  aboutエリア  */

#about {
	background-color: #23ABE4;
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 1400px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#about .contents {
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 100%;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/03.png);
	background-repeat: no-repeat;
}

#about .contents .area {
	position: relative;
	text-align: left;
	min-width: 320px;
	margin: 0px;
	padding: 10px;
}




/*  faqエリア  */

#faq {
	background-color: #F3F4F5;
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 1500px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#faq .contents {
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 100%;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/04.png);
	background-repeat: no-repeat;
}

#faq .contents .area {
	position: relative;
	text-align: left;
	min-width: 320px;
	margin: 0px;
	padding: 10px;
}




/*  導入事例エリア  */

#example {
	background-color: #6A2;
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 1400px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#example .contents {
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 100%;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/05.png);
}

#example .contents .area {
	position: relative;
	text-align: left;
	min-width: 320px;
	margin: 0px;
	padding: 10px;
}



/*  コンタクトエリア  */

#contact {
	background-color: #F3F3F3;
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 1150px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#contact .contents {
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 100%;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-image: url(../img/06.png);
	background-repeat: no-repeat;
}

#contact .contents .area {
	position: relative;
	text-align: left;
	min-width: 320px;
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 260px;
}

#map_canvas {
	width: 440px;
	height: 700px;
	float: left;
}

.area_L {
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0px;
}
.area_R {
	float: right;
	width: 46%;
	margin-right: 2%;
	font-size: 14px;
	line-height: 1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;

}

.company_area {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
	margin-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.company_area p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}


/*　フォームテーブル　ここから */

.formtable {
	width: 430px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
}

.formtable tr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	font-size: 14px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
#formButton {
	text-align: center;
	margin-top: 20px;
}

.formtable tr th {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 13px;
	font-weight: normal;
	/* [disabled]background-color: #EEEEEE; */
	text-align: left;
	vertical-align: middle;
	width: 150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

#formtable caption {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}

/*　フォーム項目　ここから */

#birth,#postal_left,#postal_right,#phone,#near,#age,#hope {
	width: 50px;
	border: 1px solid #CCCCCC;
	margin: 3px;
}

#name,#name2 {
	width: 80px;
	border: 1px solid #CCCCCC;
	margin: 3px;
}

#company,#mail,#mail1,#mail2,#free,#show,#station,#work,#other,#address,#abroad {
	width: 250px;
	border: 1px solid #CCCCCC;
}

#gender2 {
	margin-left: 50px;
}

#submit {
	color: #FFFFFF;
	background-color: #FB791E;
	width: 68px;
	margin-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FCB685;
	border-right-color: #CE5E0F;
	border-bottom-color: #CE5E0F;
	border-left-color: #FCB685;
}

#reset {
	color: #FFFFFF;
	background-color: #898989;
	width: 68px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}

#notice {
	color: #FF0000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




/*  フッターエリア  */

#footer {
	background-color: #333;
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 50px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#footer .contents {
	position: relative;
	text-align: left;
	min-width: 320px;
	height: 100%;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer .contents .area {
	position: relative;
	text-align: left;
	min-width: 320px;
	margin: 0px;
	padding: 10px;
}