@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

img{
	display:block;
}

a{
	text-decoration: none;
	color:#333;
}

.cf::after{
	content: "";
	display: block;
	clear: both;
}

html{
/*	font-family: "meiryo", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";	*/
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


body{
	background-color: #F1FFFB;
}

header, footer{
	background-color:#dbfef5;
}


header div h1{
	float:left;
	width:350px;

}
header div div{
	float:right;
	display:block;
	width:220px;
}

header div, nav, #contents, footer div {
	width: 960px;
	margin-right:auto;
	margin-left:auto;
}

header div div p{
	padding-top:10px;
	text-align: right;
	display:block;
}

header div div div{
	width:280px;
}

#teleicon {
	float:right;
	padding-right:6px;
	display:block;
}

#telephone{
	float:right;
	display:block;
	padding-top:4px;	
	font-size:24px;
	color:#d8292f;
}

ul{
	list-style-type: none; 
	margin-left:0;
	margin-right:0;
	padding:0;
}

nav{
	margin-top:1px;
	margin-bottom:1px;
	font-size:18px;
}

nav ul li{
	width:20%;
	height:50px;
	float:left;
	/*	background-color: #63c4bb;	*/
	margin-right:1;
	border-right:solid #ffffff 1px;
	box-sizing:border-box;
	display:table;
	border-radius: 7px;
	background:linear-gradient(#77dcd9,#57b5aa);
}

nav ul li a{
	display:table-cell;
	color:#fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;	
}

nav ul li:hover, #access #nav_access a, #contact #nav_contact{
/*
	background-color:#a5ded9;
*/
	background:linear-gradient(#a5ded9,#a5ded9);
	transition: 0.3s;
}

nav ul li:active{
	background:linear-gradient(#dbfef5,#dbfef5);
/*
	background-color:white;
*/
	trasition:0;
}


#contents {
	margin-bottom:20px;
	width:960px;
}

#mainimage{
	overflow:hidden;
	display:block;	
	height:542px;
	width:100%;

}

#mainimage h1{
	
	animation-name:scaleup;
	animation-duration:5s;
	animation-fill-mode:forwards;
/*
	animation-iteration-count: infinite;
*/
}


@keyframes scaleup{
	from{
		transform: scale(1.1);
		opacity:0.6;
	}
	to{
		transform: scale(1);
		opacity:1;
	}
	
}

#main{
	margin-top:10px;
	float:left;
	width: 680px;
}

#main section div ul{
	padding-top:8px;
	padding-bottom:8px;
	text-indent: 20px;
	background-color: #fff;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.05);
}


	
#sub{
	margin-top:10px;
	float:right;
	width:270px;
	font-size:14px;
	display:block;
	
}

h2{
	background-image: url("images/titlebar.png");
	line-height:58px;
	text-indent:70px;
	color:#fff;
	font-weight: bold;
	vertical-align: middle;
	font-size:24px;
	
}

.policy{
	width:330px;
	height:320px;
	background-color: #fff;
	float:left;
	margin:4px;
	display:block;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.05);
}

.policy p{
	width:300px;
	margin-right: auto;
	margin-left:auto;
	margin-top:4px;
	margin-bottom:6px
}

.policy h4{
	margin-top: 4px;
	margin-bottom:4px;
	display:block;
}

#accesssmart{
	display:none;
}

#sub section h3{
	color:#188c77;
	font-size:20px;
	
}

#sub section:not(:first-child){
	padding-top: 15px;
	display:block;
}

#sub section img:hover{
	opacity: 0.5;
}

#main section{
	margin-bottom: 10px;
	display:block;
}

#sub table, #sub th, #sub td{
	border: 1px black solid;
	border-collapse:collapse;
	text-align:center;
	padding:4px;
	font-size:11px;
}

#sub table {
	margin-left:2px;
	background-color: #fff;
}

.saturday{
	color:blue;
}

.sunday{
	color:red;
}

.banner{
	margin-bottom:14px;
}

.banner:hover{
	opacity:0.5;
}

#footertitle{
	float:left;
	width:200px;
	height:130px;
	display:table;
}

#footertitle p{
/*	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","serif";	*/
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	font-size:24px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	
}

#footercontents{
	float: right;
	width:750px;
	display:block;
	margin-top:15px;
	margin-bottom:15px;
}

#footercontents ul li:not(:first-child):hover{
	opacity: 0.5;
}

footer div div ul{
	list-style-type: none;
}

footer div div ul li{
	float: left;
	display:block;
	margin:5px;
}

footer div div p{
	margin:5px;
}

/* Access */
iframe{
	width:90%;
	margin:4px auto;
	height:400px;
	display:block;
}

#access #main section{
	  font-size: 16px;
}

#access #main table{
	border-collapse:collapse;
	text-align:center;
	background-color: #fff;
}

#access #main th, #access #main td{
	border: 1px black solid;
	border-collapse:collapse;
	text-align:center;
	padding:8px;
	font-size:16px;
}

#access #main table {
	margin:10px 0 0 34px;
	display:block;
}

#access #main thead, #access #main tbody{
	margin:0;
	padding:0;
	 font-size: 16px;


}

#access #main section p{


	display: block;
	margin-left:60px;
	margin-top:8px;
}

/* Contacts */

#contact .contact_item{

  width: 200px;
	height:100px;
}

.contact_value{
}

#contact #main table{
	margin:10px 0 0 60px;
	display:block;
	border-spacing: 10px;
}

#contact #main table tr{
	height: 40px;
}

#contact #main table th{
	color:#fff;
	font-weight: normal;
	background:linear-gradient(#77dcd9,#57b5aa);
}

#contact #main table td{
/*	border: １px #ff0000 solid; */
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.05);
	background-color: #fff;
	width:250px;
}

#contact #askwrapper textarea{
	width:250px;
	height:9em;
	resize: none;
	border-color: #cccccc ;
	display:table-cell;
	vertical-align: middle;
}

#contact #askwrapper{
	width:100%;
	height:10em;
	display:table;
}	

input[type="text"], input[type="email"], input[type="tel"]{
	width:250px;
	height:1em;
	margin-right:auto;
	margin-left:auto;
	display:block;
}


#contact #main table th{
/*	border: １px #ff0000 solid; */
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.05);
		
}

#gender{
	text-align: center;
}

#gender ,select{
	display:block;
	margin-right:auto;
	margin-left:auto;
}

#gender label{
	margin-right:15px;
	margin-left:15px;
}

#gender input{
	margin:4px;
}

#contact #main div p{
	text-align:center;
}

.telephone{
	padding-top:4px;	
	font-size:24px;
	color:#d8292f;
	text-align: center;
}

#contact input[type="submit"]{
	width:20%;
	height:36px;
	float:left;
	/*	background-color: #63c4bb;	*/
	margin-left:280px;
	margin-bottom: 20px;
	border-right:solid #ffffff 1px;
	box-sizing:border-box;
	display:table;
	border-radius: 7px;
	background:linear-gradient(#77dcd9,#57b5aa);
	font-size:18px;
	color:#fff;
}

/* confirm.php  */
#main h3{
	margin: 10px 20px;
	color:#188c77;
	font-size:20px;	

}	

#confirm #main table{
	margin:10px auto;
	display:block;
	border-spacing: 10px;
	width:70%;
}

#confirm #main table th{
	color:#188c77;
	font-weight: normal;
	text-align: right;
	width:30%
}

#confirm #main table td{
	text-indent: 10px;
}
#confirm #main a,#confirm input[type="submit"]{
	width:20%;
	height:36px;
	text-height:36px;
	float:left;
	/*	background-color: #63c4bb;	*/
/*
	margin-left:280px;
	margin-bottom: 20px;
*/
	border-right:solid #ffffff 1px;
	box-sizing:border-box;
	display:block;
	border-radius: 7px;
	font-size:18px;
}

#confirm input[type="submit"]{
	background:linear-gradient(#77dcd9,#57b5aa);
	color:#fff;
	margin-left:50px;
}

#confirm #main a{
	background-color:#e0e0e0;
	color:#188c77;
	text-align:center;
	margin-left:150px;
}

#confirm #main a p{
	height:100%;
	width:100%;
	display:block;
	vertical-align: middle;
}

#mailconfirm #main div p {
	margin-left: 50px;
}


#tohome {
	
	width:100px;
	height:36px;
	

	float:left;
	border-right:solid #ffffff 1px;
	box-sizing:border-box;
	display:block;
	border-radius: 7px;
	background:linear-gradient(#77dcd9,#57b5aa);

	
	margin-left:150px;
	margin-top:50px;
}

#tohome p{
	height:36px;
	vertical-align: middle;
	font-size:18px;
	text-align:center;
	color:#fff;
	
}