/* 基本デザイン */
body {
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", Osaka,sans-serif;
	text-align: center;
	margin-top: 0px;
	background-image : url(img/back2.jpg);
}
h1{
	font-size: 110%;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 3px;
}	
h2 {
	font-size: 105%;
}
.mt {
	background-image : url(img/mt.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
}
p {
	font-size: 90%;
	line-height: 150%;
	margin-top: 0px;
}
.copy {
	font-size: 80%;
	font-style: normal;
	text-align:center;
	clear: both;
	padding-top: 8px;
	padding-bottom: 9px;
	background-image : url(img/footer.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
.copy a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.contents {
	background-color : #FFFFFF;
	width: 852px;
	text-align: left;
	border-right:solid 1px;
	border-left:solid 1px;
	border-color: #33CC66;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
a {
	COLOR: #4d82c4;
	text-decoration: none;
}

BIG { font-size: 13pt; font-weight:bold;}
.title1 {DISPLAY: block; FONT-WEIGHT: bold; background-image : url(img/title1.jpg); PADDING-BOTTOM: 10px; PADDING-TOP: 12px; background-repeat: no-repeat;}
.title2 {background-image : url(img/title2.gif); background-repeat: no-repeat; PADDING-LEFT: 40px;}

/* レイアウト */
.main {
	width: 630px;
	float: left;
	padding: 5px;
}
.side {
	width: 188px;
	float: left;
	padding: 5px;
	margin-top:10px;
	border :solid 1px;
	border-color: #33CC66;
}
.side2 {
	width: 130px;
	float: left;
	padding: 5px;
	margin-top:10px;
}
/* メニューリンク */

#menulinks {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px ; MARGIN: 0px; font-size: 85%;
}
#menulinks A:link {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; background-image : url(img/menu5.gif); background-repeat: none; PADDING-BOTTOM: 6px; COLOR: #FFFFFF; PADDING-TOP: 6px;
}
#menulinks A:visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; background-image : url(img/menu5.gif); background-repeat: none; PADDING-BOTTOM: 6px; COLOR: #FFFFFF; PADDING-TOP: 6px;
}
#menulinks A:hover {
	BACKGROUND-IMAGE: none; background-image : url(img/menu6.gif); TEXT-DECORATION: none;
}

/*------------------------------------
Responsive
------------------------------------ */

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

*{
    max-width: 100%  !important;
    word-break: break-all  !important;
    position: static  !important;
    box-sizing: border-box  !important;
    margin-left:0px  !important;
    margin-right:auto  !important;
}

body{
    max-width:640px  !important;
    margin:auto  !important;
}

div{
    float:none  !important;
}
div:after{
    clear:both  !important;
    content:''  !important;
    display:block  !important;
}

img{
    max-width: 100%  !important;
    height:auto  !important;
}

}