﻿html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
table, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:bottom;
	background:transparent;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
 
blockquote, q {
	quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
 
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
 
ins {
	background-color:transparent;
	color:#000;
	text-decoration:none;
	padding:0.5em 0;
	width:336px;
	margin:0 auto 0 0.5em;
}
 
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}
 
del {
	text-decoration: line-through;
}
 
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
 
table {
	border-collapse:collapse;
	border-spacing:0;
}
 
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:0px solid #eee;
	margin:0.5em 0;
	padding:0;
}
 
img, h1, h2, h3, .divk {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

nav ul { list-style:none; }
nav li { padding-left:0.3em; line-height:1.8em; } 

ul { list-style-type:none; padding:0; margin:0 0 0 0.5em; line-height:1.6em; }
li { margin:0; padding:0; list-style-position:outside; }
.ulOn {list-style-type:circle; margin-left: 1.25em; line-height: 2.382em;}

/* form */
input, select { vertical-align:middle; }
input { padding:0.25em 0.5em; }
.formmember { width:90%; border:1px #77DCD2 solid; padding:4%; margin:1.618em auto; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;}

/* body */
body { line-height:1.764em; margin:0px; font-family: "YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; text-align: justify; text-justify: inter-ideograph;}
/* text-align: justify; text-justify: inter-ideograph; */
body a:link { color: #16A4AB; }
body a:visited { color: #16A4AB; }
body a:hover { color: #16A4AB; }
body a:active { color: #16A4AB; }

#sb-site { background-color:#fbfbfb !important; }
.list1 { padding-top:12px; }

#wrapper { width:848px; background-color:#fff; padding:8px 12px; margin:0 auto; }

footer { padding:0 0.5em 1em 0.5em; }

/* header */
.menuicon { width:40px; height:40px; }
.hdimg { width:234px; height:40px; }
.hdimg a:hover { background-color:rgba(255,255,255,0); }

/* title */
h1 { margin:0.5em 0; padding:0.15em 0.25em; font-size:1.618em; font-weight: normal; background-color:#CBEBF4; }
h2 { margin:0.5em 0; padding:0.15em 0.25em; font-size:1.618em; font-weight: normal; background-color:#CBEBF4; }
h3 { margin:0.5em 0; padding:0.15em 0.25em; font-size:1.236em; font-weight: normal; text-decoration: underline; text-decoration-color:#CBEBF4; }

/* hr */
.hrhead { margin:0.125em 0; border-width:1px 0px 0px 0px; height:0px; border-style:none; border-color:#84C7CE; }
.hrmiddle { margin:0; border-width:0; height:0px; border-style:solid; border-color:#eeeeee; }
.hrdash { margin:0; border-width:0; height:0px; border-style:dashed; border-color:#eeeeee; }

/* column */
#startx { float:left; padding-top:12px; height:40px; }
#starty { float:right; padding-top:12px; height:40px; }

.clear { clear:both; }  
.clear hr { display:none; }

/* main */
header {margin-top: 0.2em;}
.textBox {
	width: 100%;
	height: 88px;
	padding-top: 8px;
	overflow: hidden;
}

/* div */
#startx {font-size: 1.236em; margin-top: 0.2em}
#startx a,#starty a {text-decoration: none; background:transparent; color:#999999; }
#startx img {
	vertical-align: middle;
	position: relative;
	top: -0.2em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#starty img {
	vertical-align: middle;
	position: relative;
	top: -0.2em;
}
.divCircle {
	text-align: center;
	width: 300px;
	height: 300px;
	float: left;
	background: #CBEBF4;
	border-radius: 180px;
}
.divLeft, .divRight{
	width:42.75%;
	height: 392px;
	margin: 0.5em 0;
	padding: 1.5em 3%;
	text-align: center;
	color: #333333;
	background-color: #ffffff;
	border-radius: 12px;
	border: 1px #eee solid;
}
.divLeft {float: left;}
.divRight {float: right;}
.divWide{
	margin: 0.5em 0;
	padding: 1.5em 3%;
	text-align: left;
	color: #333333;
	background-colsor: #ffffff;
	border-radius: 12px;
	border: 1px #fdd solid;
}
.divBorder1 { border: 1px #fdd solid; }
.divLeft:hover, .divRight:hover, divWide:hover{background-color: #fbfbfb;}
.catchDiv {
	position: relative;
	width: 100%;
	height: 184px;
	overflow: hidden;
}
.catchDiv img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.today {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.today img {
	margin: auto;
}
.topDiv {
	margin: 1em 0;
	position: relative;
	width: 100%;
	height: 184px;
	overflow: hidden;
}
.topDiv img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.indentDiv {
	margin-left: 1em;
	text-indent: -1.5em;
}
.indentDiv2 {
	text-indent: -0.25em;
}

.mokujiDiv {
padding: 0.5em 1.5em 0.75em 1.5em;
background-color: #EBFBFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.mokujiDiv label {
cursor :pointer;
background-color: #fbfbfb;
padding: 0.25em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mokujiDiv input {
display: none;
}
.mokujiDiv .hidden_show {
height: auto;
opacity: 1;
}
.mokujiDiv input:checked ~ .hidden_show {
height: 0;
overflow: hidden;
opacity: 0;
}

.fLeft, .left { float: left;}
.fRight, .right { float: right;}
.pLeft1 { padding-left: 1em; }
.pRight1 { padding-right: 1em; }

/* p */
.titleText {font-size: 1.618em; padding: 0; margin: 0.25em 0 0.75em 0; }
.normalText {font-size: 1em; width: auto; margin: 0.764em 0.5em 0.764em 0.25em; padding:0;}
.listText {font-size: 1em; width: auto; margin: 0.764em 0.764em; padding:0;}

/* span */
.brk { font-size: 0.764em; color: #999; line-height: 1.5em; padding:0 0.25em; }
.brk2 { font-size: 0.764em; color: #999; line-height: normal; padding:0 0.25em; }
.brk3 { font-size: 0.764em; color: #999; padding-top:0.25em;}
.markUpText { font-size: 1.618em; padding: 0; margin: 0.25em 0 0.75em 0; text-decoration: none; color:#16A4AB; }
.fontLL {font-size: 1.382em;}
.fontL { font-size: 1.236em; }
.fontM {font-size: 1em;}
.fonts { font-size: small; }
.textb { font-weight: bold;}
.textu { background-color: #FFD9F5;}
.textred { background-color: #E66; }
.textred2 { color: red; }
.textwht2 { color: white; }
.textThrough {text-decoration: line-through;}
.marker {
	background-color: #CBEBF4;
	padding: 0.125em 0.25em 0.125em 0.25em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* img */
.hdimg2 {width: 44px;}
.pic1 { width: 100%; max-width: 344px; }
.pic1b { width: 100%; max-width: 344px; border: 1px solid #16A4AB; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; }
.pic1r { width: 100%; max-width: 344px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; }
.stamp {
width: 224px;
height: auto;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.aru {
width: 128px;
height: auto;
}
.center {
width:100%;
background:#FCFCFC;
text-align:center;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
margin: 0.5em 0;
}

/*padding*/
.pdTop025 { padding-top:0.25em !important; }
.pdTop050 { padding-top:0.5em !important; }
.pdTop075 { padding-top:0.75em !important; }
.pdTop100 { padding-top:1em !important; }
.pdTop125 { padding-top:1.25em !important; }
.pdTop150 { padding-top:1.5em !important; }
.pdTop175 { padding-top:1.75em !important; }
.pdTop200 { padding-top:2em !important; }
.pdBot025 { padding-bottom:0.25em !important; }
.pdBot050 { padding-bottom:0.5em !important; }
.pdBot075 { padding-bottom:0.75em !important; }
.pdBot100 { padding-bottom:1em !important; }
.pdBot125 { padding-bottom:1.25em !important; }
.pdBot150 { padding-bottom:1.5em !important; }
.pdBot175 { padding-bottom:1.75em !important; }
.pdBot200 { padding-bottom:2em !important; }
.pdSide025 { padding-left:0.25em !important; padding-right: 0.25em !important; }
.pdSide050 { padding-left:0.5em !important; padding-right: 0.5em !important; }
/*margin*/
.mgTop025 { margin-top:.25em !important; }
.mgTop050 { margin-top:0.5em !important; }
.mgTop075 { margin-top:0.75em !important; }
.mgTop100 { margin-top:1em !important;  }
.mgTop125 { margin-top:1.25em !important; }
.mgTop150 { margin-top:1.5em !important; }
.mgTop175 { margin-top:1.75em !important; }
.mgTop200 { margin-top:2em !important;  }
.mgBot025 { margin-bottom:0.25em !important; }
.mgBot050 { margin-bottom:0.5em !important; }
.mgBot075 { margin-bottom:0.75em !important; }
.mgBot100 { margin-bottom:1em !important; }
.mgBot125 { margin-bottom:1.25em !important; }
.mgBot150 { margin-bottom:1.5em !important; }
.mgBot175 { margin-bottom:1.75em !important; }
.mgBot200 { margin-bottom:2em !important; }

.inCircle {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	font-size: 2em;
}

.outputBox {
	width: 100%;
	border: none;
	font-size: 1em;
	margin-top: -0.5em;
	margin-bottom: -0.5em;
	padding: 0;
	text-align: center;
	background-color: transparent;
	color: #333333;
}

.left {text-align: left;}
.right {text-align: right;}
.cntr {text-align: center;}
.indent1 {text-indent: 1em;}

/* form */
.mform1 { border: 1px #ccc solid;}

/* table */
.hyou {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/* others */
.textmid { margin:1.375em 0 0 0; }
.google-maps iframe { margin:1em 0; width:100%; max-width: 676px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.onlypad { display:none; }
.tgl1 { color: #16A4AB; text-decoration:underline; padding:0; margin:2em 0.5em; background-color:#f7f7f7; }
.tgl3 { color: #16A4AB; text-decoration:underline; }
.tgl3 { color: #16A4AB; text-decoration:underline; }
.tgl2 { display:none; padding:0.5em 1em; }
.tgl4 { display:none; }
.divk { padding:1em; margin:2em; background:#CBEBF4; }
.line150 {line-height: 1.5em;}
.line1625 {line-height: 1.625em;}
.line175 {line-height: 1.75em;}
.line200 {line-height: 2em;}

.noUnderLine { text-decoration: none !important; }
.noColor { color: #333333 !important; }
.noBGcolor { background-color: #FFFFFF; }

@media screen and (max-width:895px) {
	body { width: 100%; }
	#wrapper { width: 92%;}
}

@media screen and (max-width:700px) {
	.divLeft{width:92%; height: auto; margin:1em auto; float: none; text-align: center;}
	.divRight{width:92%; height: auto; margin:1em auto; float: none; }
	.topDiv{height: 100px; margin:2em 0; }
	.fLeft { float: none;}
	.fRight { float: none;}
	.pLeft1, .pRight1 { padding-left: 0; padding-right: 0; margin: 0 auto; text-align: center;}
}
