/* common start */
*{
	margin:0;
	padding:0;
	font-family:Meiryo, DFPHSMincho-W3, "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
}
img{
	border:0;
	vertical-align:top;
}
body{

}
ul{
	padding-left: 20px
}
ol{
	padding-left: 20px
}
div{
	box-sizing: border-box;
}
/* common end */


/* header start */
header{
	width:1080px;
	margin:15px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
	header div#logo{
		width:266px;
	}
		header div#logo img{
			width:100%;
		}
	header div.right{
		display: flex;
		align-items: center;
	}
		header div.right a.diagnose_btn{
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			color:#fff;
			font-size: 20px;
			font-weight: bold;
			background-color:#194590;
			border-radius: 10px;
			padding-top: 2%;
			padding-bottom: 2%;
			text-decoration: none;
			margin-left: 30px;
			height: 50px;
			width: 180px;
		}
			header a.diagnose_btn i{
				color:#fff;
				font-size: 22px;
				padding-right: 3%;
			}
/* header end */


/* header start */
nav{
	width:100%;
	border-top:1px solid #e1e1e1;
}
	nav div#nav_box{
		width:1080px;
		margin:10px auto;
		display: flex;
	}
		nav div#nav_box a{
			width: 25%;
			display: block;
			text-align: center;
			color:#000;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
		}
		nav div#nav_box a:hover{
			color:#19448e;
			text-decoration: underline;
		}
/* header end */

/* top_pic start */
div.top_pic{
	width:100%;
	display: flex;
	justify-content: center;
}
/* top_pic end */

/* toppage_form start */
div.top_form_box{
	width:380px;
}
	div.top_form_box div.top_form_title img{
		width:100%;
	}
div.toppage_form{
	width:355px;
	background:url('/image/bottom_search_form_bg.png');
	border: 3px solid #19448e;
	margin-left:25px;
	border-radius:  0 0 10px 10px;
}
	div.toppage_form div.texts{
		width: 90%;
		padding: 1%;
		margin: 0 auto;
	}
		div.toppage_form div.texts div.text{
			display: flex;
			align-items: center;
			height: 40px;
		}
			div.toppage_form div.texts div.text div.number{
				background-color: #19448e;
				color:#fff;
				width: 20px;
				height: 20px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 20px;
				font-size: 12px;
				font-weight: bold;
				margin-right: 10px;
			}
			div.toppage_form div.texts div.text div.content{
				font-weight: bold;
				font-size: 18px;
			}
		div.toppage_form div.item{
			width: 100%;
			margin: 10px 0;
		}
			div.toppage_form div.item input.user_postal{
				width: 100px;
				font-size: 16px;
			}
			div.toppage_form div.item a.check_postal{
				font-size: 12px;
				color: #194590;
			}
			div.toppage_form div.item a.check_postal:hover{
				color: #F98B15;
			}
		div.toppage_form div.item_flex{
			align-items: center;
			width:100%;
			box-sizing: border-box;
			display: flex;
			flex-wrap: wrap;
		}
			div.toppage_form div.item_flex label{
				width:50%;
				box-sizing: border-box;
				font-size: 13px;
			}
		div.toppage_form div.btn{
			margin: 15px auto 10px auto;
			text-align: center;
		}
			div.toppage_form div.btn input{
				width:90%
			}
/* toppage_form end */

div.top_form{
	background:url('/image/toppage_top_bg_pc.png') no-repeat center;
	height: 600px;
}
	div.top_form div.top_form_center_frame{
		width:1080px;
		margin:0 auto;
		padding-top: 180px;
		display: flex;
		justify-content: flex-end;
		padding-right: 40px;
	}

div.bottom_form{
	background:url('/image/toppage_bottom_bg_pc.png') no-repeat center;
	height:590px;
}
	div.bottom_form div.bottom_form_center_frame{
		width: 1080px;
		margin:0 auto;
		display: flex;
		justify-content: center;
		padding-top:80px;
	}

/* logo_list start */
div.logo_list{
	max-width: 1920px;
	min-width: 1080px;
	margin:0 auto;
	background-color: #19448e;
	padding:1.5%;
	overflow: hidden;
}
/* logo_list end */

/* toppage_pic start */
div.toppage_pic{
	text-align: center;
	margin-top:70px;
}
/* toppage_pic end */

/* toppage_pic_bg_gray start */
div.toppage_pic_bg_gray{
	background-color: #f0f5f2;
	padding:70px 0;
}
/* toppage_pic_bg_gray end */

/* toppage_pic_list start */
div.toppage_pic_list{
	margin: 70px auto 0 auto;
	display: flex;
	justify-content: center;
}
	div.toppage_pic_list a{
		margin:0 0.5%;
		display: block;
	}
/* toppage_pic_list end */

/* toppage_pic_list start */
div.toppage_aboutus{
	margin: 70px auto 0 auto;
}
	div.toppage_aboutus div.blocks{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width:1080px;
		margin: 30px auto 0 auto;
		background-color: #fff;
	}
		div.toppage_aboutus div.blocks div.block{
			width:48%;
			margin:0 1%;
			text-align: center;
		}
			div.toppage_aboutus div.blocks div.block div.text{
				margin-top:20px;
				text-align: left;
				font-size: 14px;
				padding:0 10%;
			}
			div.toppage_aboutus div.blocks div.block div.btn{
				padding:30px 0;
			}

/* toppage_pic_list end */

/* toppage_article_pickup start */
div.toppage_article_pickup{
	background: #fcfae6;
	width:100%;
	padding:40px 0;
}
	div.toppage_article_pickup div.title{
		text-align: center;
		margin-bottom: 20px;
	}
	div.toppage_article_pickup div.lists{
		display: flex;
		width:1080px;
		margin: 0 auto;
	}
		div.toppage_article_pickup div.lists div.list{
			width:31%;
			margin:0 1%;
			background: #fff;
			box-shadow: 0 0 5px #aaa;
		}
			div.toppage_article_pickup div.lists div.list div.pic{
				width:100%;
			}
				div.toppage_article_pickup div.lists div.list div.pic img{
					width:100%;
				}
			div.toppage_article_pickup div.lists div.list div.arti_title{
				padding:3% 4%;
				font-size: 15px;
				font-weight: bold;
			}
				div.toppage_article_pickup div.lists div.list div.arti_title a{
					color:#000;
					text-decoration: none;
				}
				div.toppage_article_pickup div.lists div.list div.arti_title a:hover{
					color:#19448e;
				}
			div.toppage_article_pickup div.lists div.list div.text{
				padding:3% 4%;
				font-size: 14px;
			}
			div.toppage_article_pickup div.lists div.list div.date{
				padding:3% 4%;
				font-size: 12px;
				color: #aaa;
				border-top: 1px solid #ececec;
			}
/* toppage_article_pickup end */

/* toppage_article_new start */
div.toppage_article_new{
	width:100%;
	padding:40px 0;
}
	div.toppage_article_new div.title{
		text-align: center;
		margin-bottom: 20px;
	}
	div.toppage_article_new div.lists{
		display: flex;
		width:1080px;
		margin: 0 auto;
		flex-wrap: wrap;
	}
		div.toppage_article_new div.lists div.list{
			width:48%;
			margin:0 1% 40px 1%;
			background: #fff;
			display: flex;
		}
			div.toppage_article_new div.lists div.list div.pic{
				width:30%;
			}
				div.toppage_article_new div.lists div.list div.pic img{
					width:100%;
				}
			div.toppage_article_new div.lists div.list div.content{
				width:70%;
				padding-left: 4%;
			}
				div.toppage_article_new div.lists div.list div.content div.arti_title{
					padding:2% 0;
					font-size: 15px;
					font-weight: bold;
				}
					div.toppage_article_new div.lists div.list div.content div.arti_title a{
						color:#000;
						text-decoration: none;
					}
					div.toppage_article_new div.lists div.list div.content div.arti_title a:hover{
						color:#19448e;
					}
				div.toppage_article_new div.lists div.list div.content div.text{
					padding:2% 0;
					font-size: 14px;
				}
				div.toppage_article_new div.lists div.list div.content div.date{
					font-size: 11px;
					color: #aaa;
				}

	div.toppage_article_new div.btn{
		text-align: center;
	}
/* toppage_article_new end */

/* toppage_keyword_map_search start */
div.toppage_keyword_map_search{
	margin: 70px auto 0 auto;
}
	div.toppage_keyword_map_search div.title{
		text-align: center;
	}
	div.toppage_keyword_map_search div.form{
		margin: 70px auto 0 auto;
		width: 910px;
		background-color: #f0f5f2;
		padding-bottom: 30px;
	}
		div.toppage_keyword_map_search div.form div.sub_title{
			text-align: center;
		}
			div.toppage_keyword_map_search div.form div.sub_title img{
				margin-top: -30px;
			}
		div.toppage_keyword_map_search div.form div.form_box{
			width:800px;
			display: flex;
			border: 2px solid #ddd;
			border-radius: 2px;
			overflow: hidden;
			margin: 20px auto 0 auto;
		}
			div.toppage_keyword_map_search div.form div.form_box input[type=text]{
				width: 680px;
				height:42px;
				border: 0;
				font-size: 18px;
				box-sizing: border-box;
				padding: 1%;
			}
	div.toppage_keyword_map_search div.map{
		margin: 70px auto 0 auto;
		width: 910px;
		height:500px;
		background:url('../image/toppage_area_search_map.png') no-repeat top;
	}
		div.toppage_keyword_map_search div.map>div{
			width:150px;
			position:relative;
			display: flex;
			flex-wrap: wrap;
			padding:1%;
			border-radius: 5px;
		}
			div.toppage_keyword_map_search div.map>div>div.title{
				font-size: 18px;
				font-weight: bold;
				color: #fff;
				width: 100%;
				text-align: center;
			}
			div.toppage_keyword_map_search div.map>div>a{
				text-decoration:none;
				font-size:14px;
				display:block;
				width:48%;
				margin: 3px 1%;
				text-align: center;
				color: #333;
				background: #fff;
				border-radius: 3px;
				padding: 4px 1% 3px 1%;
				box-sizing: border-box;
			}div.toppage_keyword_map_search div.map>div>a:hover{
				background: #fff775;
			}
		div.toppage_keyword_map_search div.map #area_1{
			top:80px;
			left:24px;
			background-color: #df803a;
		}
		div.toppage_keyword_map_search div.map #area_2{
			top:-180px;
			left:210px;
			background-color: #ea5413;
		}
		div.toppage_keyword_map_search div.map #area_3{
			top:-340px;
			left:400px;
			background-color: #19448e;
		}
		div.toppage_keyword_map_search div.map #area_4{
			top:-450px;
			left:750px;
			background-color: #28a7e1;
		}
		div.toppage_keyword_map_search div.map #area_5{
			top:-370px;
			left:150px;
			background-color: #ef8ea7;
		}
		div.toppage_keyword_map_search div.map #area_6{
			top:-460px;
			left:320px;
			background-color: #eba91f;
		}
		div.toppage_keyword_map_search div.map #area_7{
			top:-600px;
			left:520px;
			background-color: #19448e;
		}
		div.toppage_keyword_map_search div.map #area_8{
			top:-790px;
			left:720px;
			background-color: #0ba29a;
		}
/* toppage_keyword_search end */

/*postal_form start*/
#postal_form {
    width: 100%;
	max-width: 60%;
    border: 2px solid #aaa;
    border-radius: 10px;
    background: white;
	overflow: hidden;
	padding:2%;
}
	#postal_form h2{
		text-align: center;
		color:#333;
	}
	#postal_form h3{
		text-align: center;
		color:#333;
	}
	#postal_form table.postal_table{
        width:60%;
        font-size: 13px;
        background-color: #fff;
        border: 3px solid #fff;
		margin: 0 auto 30px auto;
    }
        #postal_form table.postal_table th{
            border-bottom: 2px solid #333;
            padding:20px 2% 10px 0;
            width:30%;
            text-align: right;
        }
        #postal_form table.postal_table td{
            border-bottom: 1px dotted #bbb;
            padding:20px 2% 10px 4%;
        }
			#postal_form table.postal_table td select{
				appearance: none;
			    text-transform: none;
			    background-image: url('/image/select_arrow.svg');
			    background-repeat: no-repeat;
			    background-position: right center;
				cursor: inherit;
			    background-origin: content-box;
				background-color: #fff;
				border: 1px solid #ddd;
				width: 100%;
				height: 30px;
				padding: 1%;
				box-sizing: border-box;
			}
	#postal_form div.text{
		text-align: center;
		color:#999;
		font-size: 14px;
		margin: 10px;
	}
	#postal_form div.btn{
		text-align: center;
	}
	#postal_form div.btn{
		text-align: center;
	}
		#postal_form div.btn input.submit{
		    background-color: #F98B15;
			border: 0;
		    color: #fff;
		    font-size: 18px;
		    font-weight: bold;
		    text-align: center;
		    text-decoration: none;
		    padding: 1% 10%;
			cursor: pointer;
		}
		#postal_form div.btn input.close{
		    background-color: #194590;
			border: 0;
		    color: #fff;
		    font-size: 18px;
		    font-weight: bold;
		    text-align: center;
		    text-decoration: none;
		    padding: 1% 10%;
			cursor: pointer;
		}
/*postal_form end*/

/* footer start */
footer{
	width:100%;
	text-align: center;
	margin-top:20px;
}
	footer div.link{
		margin:20px 0;
		color:#333333;
	}
		footer div.link a{
			color:#333333;
			text-decoration: none;
		}
		footer div.link a:hover{
			color:#19448e;
			text-decoration: underline;
		}
	footer div.copyright{
		background-color: #19448e;
		font-size: 14px;
		color:#fff;
		padding:10px 0;
	}
/* footer end */