/* トップおよび共通 */

body {
	margin:0;
	padding:0;
	font-size:100%;
}

tr,td {
}

#header {
	margin:0;
	padding:0;
}

#header p {
	margin:10px;
	font-size:80%;
	line-height:140%;
	text-align:left;
}

#menu {
	margin:0;
	padding:0;
}

#main {
	padding:10px 0 20px 0;
	border-left:1px solid #CCCCCC;
	font-size:80%;
	line-height:150%;
}

#main p {
	margin:0;
	padding:0;
	text-align:left;
}

#main .title {
	margin:0;
	padding:10px 0;
}

#main .title-none {
	margin:0;
	padding: 0 0 10px;
}

#main .navi {
	margin:0;
	padding:10px 0;
	font-size:80%;
}

#main .iconMark {
	padding:0 0 20px 0;
}

#main .kojinMark { 
	color:#F8C9BF;
}

#main .hojinMark { 
	color:#ABBFD9;
}

#footer {
	padding:10px 0;
	border-top:1px dashed #CCCCCC;
	font-size:70%;
	border-bottom:1px solid #CCCCCC;
}

/** 下層ページ **/
#main .cont {
	margin:0;
	padding:0 0 2px 0;
	font-size:80%;
	border-bottom:1px dashed #999999;

}
#main .ichiranTitle {
	margin:0;
	padding:20px 0;
}
#main .ichiran {
	line-height:200%;
}

.red{
color: red;
}

.mgB20{
margin-bottom: 20px!important;
}

.syomei{
float: right;
width: 11em
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.Button a{
background: #eee;
border-radius: 50px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 30px auto;
max-width: 360px;
padding: 10px 25px;
color: #313131;
transition: 0.3s ease-in-out;
font-weight: 500;
border-bottom: 1px solid #cccccc;
font-size: 1.0em;
}
.Button a:hover{
background: #007ED0;
color: #FFF;
}
.Button a:after{
content: '';
width: 5px;
height: 5px;
border-top: 3px solid #313131;
border-right: 3px solid #313131;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
border-radius: 1px;
transition: 0.3s ease-in-out;
}

.Button a:hover:after{
border-color: #FFF;
}

.txc{
text-align: center!important;
}
.mgB20{
margin-bottom: 20px!important;
}
.IDT{
padding-left: 1.0em;
}