* {
  margin: 0;
  padding: 0;
}

html {
	background-color: #06d; 
}

body {
	color: #333; 
	font: 16px Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	margin: 0; 
	text-align: center; 
}
#outerwrap{
	background: #fff; 
}
img{
	border: 0; 
}
a{
	color: #07f; 
	text-decoration: none; 
}


#header{
}
#header img{
	margin: 0; 
	padding: 5px 0 0; 
	max-width: 448px; 
}
#header img.phone{
	padding-top: 5px; 
}

.bar {
	text-align: center; 
	background-color: #0cf; 
	border-bottom: solid 0px #09c; 
}
.barmenu{
	max-width: 900px; 
	text-align: left; 
	margin: 0 auto; 
	padding: 0; 
}
.main{
	max-width: 900px; 
	text-align: left; 
	line-height: 1.75em; 
	margin: 0 auto; 
	padding: 0 8px; 
}
.main img {
	width: 100%; 
	height: auto; 
}
img.thum {
	max-width: 480px; 
	height: auto; 
}
img.thums {
	max-width: 200px; 
	height: auto; 
}

.center {
	text-align: center; 
	margin: 1em 0; 
}
.right {
	font-size: 1em; 
	text-align: right; 
	margin: 1em 0; 
}

.strongright {
	font-size: 1.1em; 
	font-weight: bold; 
	text-align: right; 
	margin: 1em 0; 
}
.strongright a {
	color: #fff; 
	background-color: #69f; 
	padding: 4px 8px; 
}
.strongright a:hover {
	background-color: #f9c; 
}

h2 {
	text-align: center; 
	font-size: 1.75em; 
	font-weight: normal; 
	line-height: 1em; 
	color: #333; 
	padding: 1em 0 0 0; 
	margin-bottom: .75em; 
}
h2.extras {
	display: block; 
	max-width: 340px; 
	border: solid #f90; 
	border-width: 2px 0; 
	margin: 0 auto; 
	line-height: 1.6em; 
	padding: 0; 
	font-size: 1.5em; 
}
h3 {
	font-size: 1.25em; 
	font-weight: bold; 
	line-height: 1.5em; 
	color: #333; 
	padding: 1em 0 0 0; 
	margin-bottom: 1em; 
	border-bottom: solid 1px #9cf; 
}
h4 {
	font-size: 1.1em; 
	font-weight: bold; 
	line-height: 1.5em; 
	color: #333; 
	padding: 0 0 .5em; 
}
h5 {
	text-align: center; 
	font-size: .75em; 
	font-weight: normal; 
	line-height: 1em; 
	color: #9cf; 
	padding: 0; 
	margin-bottom: 2em; 
}

table {
	border-collapse: collapse; 
	min-width: 300px; 
	line-height: 1.5em; 
	margin: auto; 
}
td {
	border: solid 2px #9cf; 
	border-collapse: collapse; 
	padding: 6px; 
	vertical-align: top; 
}
th {
	text-align: center; 
	font-size: 1.2em; 
	font-weight: bold; 
	border: solid 2px #9cf; 
	border-collapse: collapse; 
	padding: 6px; 
	vertical-align: top; 
}
table.legend td,th {
	border-width: 0 0 1px; 
	line-height: 1em; 
	padding: 4px; 
	text-align: left; 
	vertical-align: middle; 
}
table.aligner td,th {
	border-width: 0 0 1px; 
	line-height: 1em; 
	padding: 8px; 
	text-align: left; 
	vertical-align: middle; 
}

table.hogai {
	width: 70%; 
	border-collapse: collapse; 
	min-width: 300px; 
	line-height: 1.5em; 
	margin: 0; 
}
table.hogai td {
	border: solid 2px #9cf; 
	border-collapse: collapse; 
	padding: 6px; 
	vertical-align: top; 
}
table.hogai th {
	width: 4.5em; 
	text-align: left; 
	font-size: 1em; 
	font-weight: normal; 
	border: solid 2px #9cf; 
	border-collapse: collapse; 
	padding: 6px; 
	vertical-align: top; 
}


#footer {
	clear: both; 
	color: #fff; 
	text-align: center; 
	font-size: 13px; 
	padding: 1em 0; 
	line-height: 1.5em; 
	border-top: solid 8px #fff; 
}

ul.rslides {
	margin-top: 10px; 
}
.rslides {
	margin: 0 auto 10px; 
}

.halfl {
	display: block; 
	float: left; 
	width: 47%; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
}
.halfr {
	display: block; 
	float: left; 
	width: 47%; 
	margin-left: 4%; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
}

.info {
	width: 65%; 
	text-align: left; 
	margin: auto; 
	border: solid 2px #9cf; 
	padding: .5em 1em; 
}
.subjector {
	width: 100%; 
	text-align: center; 
	margin: auto; 
}
a.subjects {
	color: #fff; 
	font-size: 1em; 
	display: block; 
	float: left; 
	text-align: center; 
	line-height: 1.2em; 
	width: 25%; 
	padding: 3px 0; 
	border: solid 1px #fff; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
	background-color: #0cf; 
}
a.subjects:hover {
	background-color: #06d; 
 background-image: none; 
}
a.subsubjects {
	color: #fff; 
	font-size: 1em; 
	display: block; 
	float: left; 
	text-align: center; 
	line-height: 1.2em; 
	width: 20%; 
	padding: 0; 
	border: solid 1px #fff; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
	background-color: #0ae; 
}
a.subsubjects:hover {
	background-color: #06d; 
 background-image: none; 
}
#feed li {
	list-style: none; 
	line-height: 1.1em; 
}
#feed li{
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
/*	white-space: nowrap; */
	line-height: 1.75em; 
}
#feed li span {
	color: #e39; 
	font-size: .85em; 
	display: inline; 
}
.petit {
	font-size: .75em; 
	line-height: 1.25em; 
	padding-top: .25em; 
}



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

#feed li span {
	display: block; 
	width: 100%; 
}

#header img{
	width: 85%; 
}
#header img.phone{
	margin-top: -16px; 
}

.note{
	padding-top: 1em;
}
h1 {
	font-size: 28px; 
  }

#footer {
	font-size: 18px; 
	padding-top: 1em; 
}
body {
	font-size: 16px; 
}
.halfl {
	width: 90%; 
	margin: auto; 
	float: none; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
}
.halfr {
	width: 90%; 
	margin-left: 0; 
	margin: auto; 
	float: none; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
}
.info {
	width: 90%; 
	margin: auto; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
}

.subjector {
	width: 65%; 
	text-align: center; 
	margin: auto; 
}
a.subjects {
	cleaar: both; 
	width: 100%; 
	margin: 0 auto; 
	padding: 7px 0; 
	font-size: 1em; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
}
a.subsubjects {
	cleaar: both; 
	width: 100%; 
	margin: 0 auto; 
	padding: 0; 
	font-size: 1em; 
-webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;     /* Firefox用 */
box-sizing: border-box;           /* 標準 */
}
#footer {
	font-size: 13px; 
}
table.hogai {
	width: 90%; 
}

}


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

	table { font-size: .75em; }
	.info { font-size: .75em; }
table.hogai {
	width: 100%; 
	font-size: 1em; 
}

}