@charset "utf-8";

#main h2#page_ttl{
background: #46A3C5;
}

#main h3{
margin: 50px 0 15px 0;
}

table {
    width: 100%;
	border-collapse: collapse;
	margin: 0 auto;
}
table th{
    border: dotted #999999;
	border-width: 1px 0 1px 0;
    font-weight: normal;
    min-width: 8em;
    padding: 1.5em 2em;
    text-align: left;
	background: #F0F0F0;
}
table td {
    border:dotted #999999;
	border-width: 1px 0 1px 0;
    padding: 1.5em 2em;
}

table td a{
text-decoration: underline;
}


#main h2#page_ttl + img{
width: 25%;
}

.aisatsu{
	width:70%;
	display: inline-block;
	vertical-align: top;
	padding:0.5em;
}

.aisatsu .name{
	display: block;
	text-align: right;
}


@media screen and (max-width:767px){

table {
border-bottom: 1px solid #999999;
width: 100%;
}
table th {
	border-width: 1px 0 0 0;
    display: block;
	padding: 1em 1em;
	font-weight: bold;
}
table td {
    border-width:0;
    display: block;
	padding: 1em 1em 1em 1em;
}

iframe{
width: 100%;
}

	#main h2#page_ttl + img{
width: 60%;
		margin:0 20%;
}

	.aisatsu{
	width:100%;
	}

}