.ptitle{
	font-size:1.5em;
	font-weight:normal;
	line-height:1.1;
	padding:0 0 0.5em 0;
	border-bottom:4px solid #333;
	position:relative;
	margin:1.2em 0;}

.ptitle:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -4px;
	width:1.0em;
	border-bottom: 4px solid #333;}

#top-container{padding:45px 45px 20px;}


/*630px以下のデバイスでの表示設定
(両サイドの余白を除くコンテンツ部分が540xp以下になる場合)*/

@media(max-width:739px){
	body{
		padding-left:0;
		padding-right:0}
	#top-main{
		padding:20px 10px;
		margin-left:0;}
	#top-container{padding:20px;}
}


#top-container ul{
	margin-left:0.5em;
	list-style-type: none;
}

#top-container ul li{
	margin:1.7px 0;

}

#top-container ul li a {
	color:#606060;
}

/*絵葉書と地図のindex*/
.contentbox{
background-color:#FFFEDB;
width:80%;
max-width:1200px;
min-width:640px;
margin:0 auto;
margin-bottom:1.0em;
padding: 5px 30px 15px 30px;
}

@media(max-width:739px){
.contentbox{
max-width:640px;
min-width:200px;
width:100%;
padding: 5px;
}}

.contentbox a{
text-decoration:none;
color:#606060;
}

.contentbox h2{
font-weight:normal;
font-size:1.4em;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.flex{
display:flex;/* flexbox */
font-family:'メイリオ'; 
font-size:17px;
margin-bottom:1.0em;
line-height:1.7em;
}

@media(max-width:639px){
.flex{
display:block;}}

.flex h2{
font-weight:normal;
font-size:1.4em;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.flex img{
width:200px;
border:1px solid #606060;
}

.flex ul .sub1{
width: 40%;
margin-right:20px;

}
.flex ul .sub2{
width: 60%;
margin-left:20px;
}

.flex ul .sub2 li{
line-height:1.5em;}

li.login{
	font-size:0.8em;
	color: #606060;
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}

li.kn{
	font-size:1.2em;
	color: #606060;
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}

li.kn:before{
	position:absolute;
	content:'';
	top: 0.3em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent  #606060;
}


@media(max-width:639px){
.flex ul .sub1{
width:100%;
margin:0 auto;

}
.flex ul .sub2{
width:100%;
margin:0 auto;

}}

/*職業別人名名鑑*/
.hyo ul{
	margin-left:0.5em;
	list-style-type: none;
line-height:1.7em;
}

.submenu{
	margin-left:45px;
}