﻿/* CSS Document */


* {
margin:0;
padding:0;
text-decoration:none;
}

body {
background:#EEE;
text-align:center;
line-height:1.5;
color:#333;
font-size:80%;
}

#wrapper {
width:570px;
margin:0 auto;
background:#FFF;
}

/* Link */

a:link, a:visited {
color:#00339B;
}

#topnavi a:link, #topnavi a:visited {
color:#FFF;
}

a:hover, a:focus {
text-decoration:underline;
color:#1D5FCF;
}

#topnavi a:hover, #topnavi a:focus {
text-decoration:underline;
color:#B0CCFF;
}


/* Head */

h1 {
height: 90px;
}

/*
#discription {
margin:0 20px 0 270px;
padding-bottom:0.3em;
text-align:left;
} 
*/

#topnavi {
background:#D16500;
padding:3px 10px;
text-align:right;
color:#FFF;
font-size:90%;
}

/* Contents */

#contents {
margin:20px 10px;
width:550px;
text-align:left;
}

.bodynavi {
text-align:right;
font-size:90%;
}

#contents h3 {
margin:25px 0 15px;
padding:0 10px;
background:url(img/bg-h3.png) no-repeat right;
border:solid #FFCC98;
border-width:2px 0;
color:#D17924;
font-size:110%;
}

#contents h4 {
margin:10px 0 10px;
padding:2px 5px;
border-bottom:solid 1px #C60;
color:#C60;
font-size:100%;
}

#contents h5 {
font-size:100%;
color:#363;
}

#contents strong {
color:#933;
}

#contents em {
font-style:normal;
color:#933;
}

#contents p, #contents ul, #contents ol, #contents dl {
margin:15px 0 15px 20px;
}

#contents p, #contents li, #contents dt, #contents dd {
line-height:150%;
}

#contents dl dd, #contents li {
margin-left:2em;
}

#contents li {
list-style-position:outside;
}

#contents dt {
font-weight:bold;
}

#contents table {
margin-left:20px;
margin-bottom:25px;
border:solid #999;
border-width:1px 0 0 1px;
}

#contents table th {
border:solid #999;
border-width:0 1px 1px 0;
background:#DDD;
padding:3px 5px;
text-align:center;
white-space:nowrap;
}

#contents table td {
border:solid #999;
border-width:0 1px 1px 0;
padding:3px 5px;
}

#contents .box {
border:solid 1px #999;
padding:5px 10px;
background:url(img/bg-box.jpg) right center;
font-size:120%;
color:#000;
/*22mar2021追加*/max-width:510px;
/*22mar2021追加*/width:85vw;
/*22mar2021追加*/margin:0 auto 0 0;
}

/* Footer */

#footer {
clear:both;
background:url(img/bg-footer.jpg) repeat-y;
padding:3px 15px;
border-top:solid 2px #D17924;
font-size:90%;
/*23Mar2021追加*/
max-width:570px;
width:100%
}

#footer p {
margin:0.8em auto;
}

#credit {
font-size:90%;
}

/* Others */

em {
font-style:normal;
}

.golink {
background:url(img/mk-golink.gif) no-repeat;
padding-left:15px;
}

.gotop {
background:url(img/mk-gotop.gif) no-repeat left center;
padding-left:16px;
}

.m-net{
font-size:110%;
font-weight:bold;
color:#000;
}
.tel {
font-size:120%;
font-weight:bold;
color:#933;
}

.clear {
height:1px;
clear:both;
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
body {
	width:100%;
}
	
#wrapper {
	width:100%;
}

	.tn1 {
	display: none;
/*	width: 100%;*/
	}
	
	.tn1 h1 {
	font-size: 1vw;
	margin: 0px;
	}

	.tn1 em {
	font-size: 1vw;
	}

	#contents {
	max-width:480px;
	width:90vw;


}

