@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------
　共通項目
-----------------------------------------------------------------*/

#houmonkango_base {
	width: 980px;
	height: auto;
	padding-bottom: 56px;
	margin-left: auto;
	margin-right: auto;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size: 16px;
	line-height: 2;
	color: #414141;
	word-spacing: -0.1em;
	text-shadow: none;
	text-align: justify;
}

#houmonkango_base h1 {
	position: relative;
}

#houmonkango_base #one,
#houmonkango_base #two,
#houmonkango_base #three,
#houmonkango_base #four,
#houmonkango_base #five,
#houmonkango_base #six {
	position: absolute;
	top: -26px;
	left: 0;
}

#houmonkango_base ul{
	margin: 0px;
	padding: 0px;
}

#houmonkango_base li{
	list-style:none;
}


#houmonkango_base a { 
	outline: none;
}

#houmonkango_base a:link,
#houmonkango_base a:active,
#houmonkango_base a:visited {
	color: #033491;
	text-decoration: none;
}

#houmonkango_base a:hover { 
	color: #033491;
	text-decoration: underline;
}

#houmonkango_header {
	width: 980px;
	height: 410px;
	font-size: 16px;
	line-height: 28px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/img_topbanner.png) no-repeat, url(../../images//bg_01.jpg) repeat !important;
	background-repeat: no-repeat;
	position: relative;
}

#houmonkango_header_box {
	width: 428px;
	height: auto;
	position: absolute;
	top: 341px;
	left: 276px;
}

.red {
	font-size: 16px !important;
	color: #F56432 !important;
}

.margin10 {
	width: 100%;
	height: 10px;
	display: inline-block;
}

.margin20 {
	width: 100%;
	height: 20px;
	display: inline-block;
}

.margin30 {
	width: 100%;
	height: 30px;
	display: inline-block;
}

.margin40 {
	width: 100%;
	height: 40px;
	display: inline-block;
}

.margin50 {
	width: 100%;
	height: 50px;
	display: inline-block;
}

.margin60 {
	width: 100%;
	height: 60px;
	display: inline-block;
}

.margin70 {
	width: 100%;
	height: 70px;
	display: inline-block;
}

.margin80 {
	width: 100%;
	height: 80px;
	display: inline-block;
}

.check {
	color: #E8374A;
}

#clear_left {
	clear: left;
}

#pagetop {
	width: 55px;
	height: 55px;
	position: fixed;
	bottom: 43px;
	right: 20px;
	z-index: 9999;
	cursor: pointer;
}

#pagetop:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

#houmonkango_contents-support {
	width: 770px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}

#houmonkango_contents-support ul {
	float: left;
}

#houmonkango_contents-support li {
	font-size: 32px;
	line-height: 32px;
	color: #EB6964;
	letter-spacing: -2px;
}

#houmonkango_contents-support li a:link,
#houmonkango_contents-support li a:active,
#houmonkango_contents-support li a:visited {
	color: #EB6964;
	text-decoration: none;
}

#houmonkango_contents-support li a:hover { 
	color: #EB6964;
	text-decoration: underline;
}


#houmonkango_contents-support li + li {
	padding-top: 26px;
}

#houmonkango_contents-support ul + ul {
	padding-left: 33px;
}

#houmonkango_main_inside1 {
	width: 770px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#houmonkango_main_inside1 h1 {
	font-size: 40px;
	line-height: 58px;
	text-align: center;
	font-weight: bold;
	color: #EB6964;
	display: block;
	border: 1px solid #EB6964;
	margin-bottom: 30px;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
}

#caresystem {
	margin-top: 30px;
	margin-bottom: 70px;
}

#houmonkango_main_inside1 #lead {
	font-size: 18px;
	margin-bottom: 14px;
}

#match,
#feature {
	position: relative;
}


#feature_photo {
	float: right;
	padding-left: 40px;
	padding-bottom: 20px;
}

#feature_icon h3 {
	font-size: 22px;
	line-height: 28px;
	color: #EB6964;
}

#feature_icon li {
	width: 372px;
	height: auto;
	float: left;
}

#feature_icon li:first-child,
#feature_icon li:nth-child(2) {
	padding-bottom: 30px;
}

#feature_icon img {
	width: 116px;
	float: left;
	padding-right: 16px;
	padding-bottom: 160px;
}

#feature_icon li:nth-child(even) {
	padding-left: 26px;
}

#match ol {
	counter-reset: li;
	list-style: none;
	padding-bottom: 56px;
}

#match li .twocolumns {
	padding-left: 21px;
}

#match li:before {
	color: #EB6964;
	font-weight: bold;
	counter-increment: li;
	content: counter(li) ". ";
}

#service li {
	width: 372px;
	border: 1px solid #EB6964;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
	position: relative;
	float: left;
	margin-bottom: 22px;
}

#service li:nth-child(even) {
	margin-left: 22px;
}

#service h3 {
	width: 100%;
	font-size: 24px;
	line-height: 1;
	color: #FFF;
	background-color: #EB6964;
	padding: 9px 0px 9px 0px;	
	border-radius: 6px 6px 0 0 / 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0 / 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0 / 6px 6px 0 0;
	text-align: center;
	letter-spacing: -1px;
}

#service span {
	line-height: 1.5;
	padding: 12px 14px 11px 14px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

#flow {
	width: 680px;
	height: auto;
	border: 1px solid #EB6964;
	padding: 28px 44px 40px 44px;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
}

#flow h3 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: #FFF;
	background-color: #EB6964;
	padding: 6px 28px 6px 28px;
	margin-bottom: 10px;
	border-radius: 18px;  
	-webkit-border-radius: 18px;  
	-moz-border-radius: 18px;
}

#flow h3 span {
	color: #FFF100;
}

#flow p {
	line-height: 1.6;
	padding-bottom: 20px;
}

#flow .caption {
	font-size: 15px;
	color: #EB6964;
	padding-bottom: 4px !important;
	text-align: center;
}

#flow #border {
	width: 768px;
	margin-left: -44px;
	margin-top: 32px;
	padding-bottom: 30px;
	border-top: 1px solid #EB6964;
}

#guide + #guide {
	margin-top: 60px;
}

#guide h3 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	color: #FFF;
	background-color: #EB6964;
	padding: 6px 28px 6px 28px;
	margin-bottom: 10px;
	border-radius: 18px;  
	-webkit-border-radius: 18px;  
	-moz-border-radius: 18px;
}

#map_btn1,
#map_btn2 {
	width: 150px;
	height: auto;
	position: absolute;
	top: 0px;
	right: 0px;
}

#googlemap_btn1,
#googlemap_btn2 {
	position: absolute;
	top: 0px;
	right: 0px;
}

#vectormap_btn1,
#vectormap_btn2 {
	position: absolute;
	top: 0px;
	right: 0px;
}

#map {
	width: 640px;
	height: auto;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}

#address {
	line-height: 1.6;
	margin-top: 10px;
	position: relative;
}

#vectormap1,
#vectormap2 {
  position: absolute;
	top: 0;
	left: 0;	
}
 
#map_canvas {
  height: auto;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  top:0;
}


#contents-support {
	margin-bottom: 60px;
}

#houmonkango_main_inside2,
#houmonkango_main_inside3 {
	width: 770px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#houmonkango_main_inside2 h1,
#houmonkango_main_inside3 h1 {
	font-size: 40px;
	line-height: 58px;
	text-align: center;
	font-weight: bold;
	color: #00A569;
	display: block;
	border: 1px solid #00A569;
	margin-bottom: 30px;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
}

#houmonkango_main_inside2 .h1-2columns {
	width: 374px;
	font-size: 40px;
	line-height: 58px;
	text-align: center;
	font-weight: bold;
	color: #00A569;
	display: block;
	border: 1px solid #00A569;
	margin-bottom: 30px;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
	float: left;
}

#houmonkango_main_inside3 .h1-2columns {
	width: 374px;
	border: none;
	float: left;
}

#houmonkango_main_inside2  h1 + h1 {
	width: auto;
	border: none !important;
	margin-bottom: 0px;
}

#houmonkango_main_inside3  h1 + h1 {
	width: 374px;
	font-size: 40px;
	line-height: 58px;
	text-align: center;
	font-weight: bold;
	color: #00A569;
	display: block;
	border: 1px solid #00A569 !important;
	margin-bottom: 30px;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
	margin-left: 20px;
}

#houmonkango_main_inside2 h1 + h1 span {
	width: 374px;
	font-size: 40px;
	line-height: 58px;
	text-align: center;
	font-weight: bold;
	color: #99DBC3;
	display: block;
	border: 1px solid #99DBC3;
	margin-bottom: 30px;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
	margin-left: 18px;
	background-color: #E5F6F0;
}

#houmonkango_main_inside3 h1 span {
	width: 374px;
	font-size: 40px;
	line-height: 58px;
	text-align: center;
	font-weight: bold;
	color: #99DBC3;
	display: block;
	border: 1px solid #99DBC3;
	margin-bottom: 30px;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
	background-color: #E5F6F0;
}

#houmonkango_main_inside2 h1 a span,
#houmonkango_main_inside3 h1 a span {
	color: #99DBC3 !important;
}

#houmonkango_main_inside2 h1 a span:hover,
#houmonkango_main_inside3 h1 a span:hover {
	color: #00A569 !important;
	background-color: #FFF;
	border: 1px solid #00A569;
}

#houmonkango_main_inside2 h1 :hover,
#houmonkango_main_inside3 h1 :hover {
	text-decoration: none;
}

#houmonkango_bottomnavi_box1 {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bg_bottomnavi.jpg);
	background-repeat: repeat;
}

#houmonkango_bottomnavi_box2 {
	width: 766px;
	height: 100px;
	padding: 46px 107px 34px 107px;
	background: url(../images/bg_bottomnavi_middle.png) ;
	background-repeat: repeat-y;
	position: relative;
}

#houmonkango_bottomnavi_box2 li {
	float: left;
}

#houmonkango_bottomnavi_box2 li + li {
	padding-left: 25px;
}

#houmonkango_main_box1 {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images//bg_01.jpg) ;
	background-repeat: repeat;
}

#houmonkango_main_box2 {
	background: url(../../images//img_search_bg_middle.png) ;
	background-repeat: repeat-y;
	position: relative;
}

#cost {
	padding-bottom: 56px;
}

#cost table {
	font-size: 16px;
	line-height: 1.9;
	margin-top: 17px;
	border: 1px solid #EB6964;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
	overflow: hidden;
}

#cost table span {
	color: #EB6964; 
}

#cost thead {
	text-align: center;
}

#cost thead td {
	border-left: 1px solid #FFF;
}

#cost thead tr:nth-child(1) {
	font-size: 22px;
	line-height: 1.7;
	font-weight: bold;
	color: #FFF;
	background: #EB6964;
}

#cost tr:nth-child(odd) {
	font-size: 20px;
	text-align: center;
	font-weight: normal !important;
	color: #323232;
	background: #F7CABF;
}

#cost p {
	padding: 12px 0px 12px 0px;
}

#cost th {
	width: 50%;
	font-weight: normal !important;
	padding: 0px 24px 0px 24px;
	border-top: 1px solid #EB6964;
	vertical-align: baseline;
}

#cost td {
	width: 50%;
	padding: 4px 24px 4px 24px;
	border-top: 1px solid #EB6964;
	border-left: 1px solid #EB6964;
	vertical-align: baseline;
}

#houmonkango_main_inside1 h2 {
	font-size: 22px;
	line-height: 34px;
	padding-bottom: 20px;
	font-weight: bold;
	margin-top: 14px;
	text-align: center;	
}

#houmonkangolist {
	width: 90%;
	font-size: 23px;
	color: #EB6964;
	border: 1px solid #EB6964;
	border-radius: 8px;  
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
	padding: 30px 30px 27px 30px;
	margin: 60px 0px 0px 0px;
	position: relative;
}

#houmonkangolist img {
	position: absolute;
	top: 37px;
	right: 36px;
}

#houmonkangolist_table {
  width="100%";
}

#houmonkangolist_table td {
  width:50%;
}


#houmonkangolist2 {
	width: 290px;
	height: 158px;
	font-size: 15px;
	color: #EB6964;
	border: 1px solid #EB6964;
    border-radius: 8px;
    padding:10px;
    margin-top:15px;
    margin-bottom:5px;
    margin-right:10px;
    text-align:center;
}

#houmonkangolist2 img {
   margin:0 auto;
}

#houmonkangolist2 img:hover {
   opacity: 0.5;
}