@charset "shift_jis";

* { padding:0; margin:0; }

img { border:none; }

body {
	background-image:url(img/bg_body.gif);
	background-position:left 36px;
	background-repeat:repeat-x;
	background-color:#fff;
	color:#333;
	font-size:16px;
	line-height:1.5;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

h1 {
	background-image:url(img/img_siteid.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:transparent;
	-webkit-background-size: 101px 29px;
	background-size:101px 29px;
	padding:0 0 20px 115px;
	font-size:75%;
	color:#006;
	line-height:28px;
	letter-spacing:-0.05em;
}

h2{
	font-size:100%; color:#111;
	padding:15px 0 5px;
}

p{padding:0 0 1em}

ul li,
ol li{
	list-style-type:none; list-style-position:inside;
}

#refer{margin:0 auto;}
#refer1 {
	width:600px;
	margin:0 auto;
}

table.maintable {
	width:100%;
	background-color:#ccc;
	margin:0 0 30px;
}

table.maintable caption {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom:solid 1px #fff;
	text-align:center;
	padding:7px;
	background-position:left top;
	background-repeat:repeat;
	background-color:#575791;
	font-weight:bold;
	font-size:120%;
	color:#fff;
}

table.maintable th,
table.maintable td { padding:10px; }

table.maintable th {
	width:20%; white-space:nowrap;
	background-color:#ECECEC;
}

table.maintable td {
	width:80%;
	background-color:#fff
}

#btn_close {
	display:block;
	width:65px;
	height:22px;
	margin:0 auto;
}
.mds{
display: block;
padding:0 0 0 0 
}
.s12px{
	font-style: normal;
	color:#555;
	font-weight:bold;
}

.day{
	float: right;
	width: 400px;
	font-size: 10px;
}

.day tr,
.day td{
	height: 20px;
	padding: 5px !important;
}

.day .con1{
	width: 15%;
}
.day .con2{
	width: 30%;
}

@media only screen and (max-width: 600px) {
#refer1 {
	width:100%;
	margin:0 auto;
}
}

@media only screen and (max-width: 360px) {
.day{
	width: 90%;
}
.day .con1{
	width: 13%;
}
}