body {
	margin:0px;
	padding: 0px;
	text-align:left;
	font-size:16px;
	line-height:25px;
	color: #37B34A;
	height:100%;
	background-color: #ffffff;
	font-family:"Meiryo", "���C���I", sans-serif;
}

/*effect*/
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
 } 
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/*default*/
ul, ol, dl, dt, dd{margin:0px;padding:0px;list-style:none;} 
li {margin:0px;	padding:0px;} 
img { vertical-align:bottom; border: none; padding:0px;}
br {padding:0px; letter-spacing: normal;}
address , em{font-style:normal;}
object {margin:0px;padding:0px;} 
a {	font-size: 16px;}
p {	margin:0px;padding: 0px;}

/*htag*/
h1, h2, h3, h4, h5, h6{
	font-size: 18px;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}


/*link*/
a:link {color: #37B34A;text-decoration: none;}
a:visited {color: #37B34A;text-decoration: none;}
a:hover {color: #070;text-decoration: none;}
a:hover img {
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

.back{
	display:block;
	margin:30px auto;
	clear:both; 
	text-align:center;
}
.abg{
	background-color:#fff;
}

.coming{
	display:block;
	margin:100px auto;
}
.center{ clear:both; text-align:center; padding:10px 0px;}
.fs {font-size:12px;}

/*kakikae-sys*/
.fsize-mini{font-size:11px;}
.fsize-large{font-size:25px;}
.fsize-big{font-size:30px;}
.bold{font-weight: bold;margin:10px 0px 10px 0px;}
.delete{text-decoration: line-through;}
.red{color: #F33;}
.blue{color: #06F;}
.green{color: #090;}
.navy{color: #036;}
.pink{color: #F9F;}
.gray{color: #999;}
.orange{color: #F90;}
.purple{color: #C6C;}
.lightblue{color: #6FB7FF;}
.lightgreen{color: #69F574;}
.lightpink{color: #FCF;}


/*-----------------------------------------------------*/


.toplogo {
	display:block;
	margin:0px auto;
	padding-top:5px;
}
header{
	background-color:#fff;
}

/*navi*/

nav {
	width:100%;
	margin:0px auto 0px auto;
	padding:5px 0px;
	background-color:#fff;
	z-index:100;
}
nav ul {
	max-width:1000px;
	margin:0px auto;
}
nav li{
	float:left;
}


nav:after {
	content:"";
	display:block;
	clear:both;
}

#toggle{display: none;}



/*all*/
article {
	max-width:980px;
	margin:0px auto;
	padding:0px 10px;
}


/*submenu*/
.submenu {
	margin:50px auto;
	padding:10px auto;
	border-top:dotted 3px #37B34A;
	border-bottom:dotted 3px #37B34A;
}
.submenu ul{
	max-width:980px;
	margin:0px auto;
}
.submenu li {
	margin:10px auto;
	width:24%;
	float:left;
	text-align:center;
}

.submenu li img{
	width:100%;
	max-width:160px;
}



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


/*contact*/
.contact {
	text-align:center;
	font-size:30px;
}
.contact h1 img {
	width:90%;
	max-width:330px;
}
.contact p{
	padding-top:10px;
}
.contact p img{
	vertical-align:middle;
	padding-right:10px;
}


/*hotdayori*/
.hotdayori ul{
	margin:10px auto 20px auto;
	padding-top:30px;
	clear:both;
}

.hotdayori h1 {
	border-bottom:dotted 3px #37B34A;
}


.hotdayori h1 img{
	margin-bottom:-30px;
}


.hotdayori li{
	width:170px;
	height:200px;
	margin:10px 3%;
	text-align:center;
	float:left;
}

.hotdayori li div {
	margin:0px auto;
	width:140px;
	height:140px;
	background-repeat:no-repeat;
	background-position:center;
	
	border-radius: 300px;
}
.hotdayori h2 {
	font-size:14px;
	padding-top:5px;
}

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


.more {
	font-size:14px;
	padding-left:5%;
	clear:both;
}





.contactbig{
	display:block;
	margin:30px auto;
	clear:both; 
	text-align:center;
}


/*footer*/
footer {
	max-width:1000px;
	margin:20px auto;
}
footer a {
	font-size:14px;
}
.binfo {
	width:35%;
	text-align:center;
}

.binfo img{
	width:100%;
	max-width:325px;
	padding-bottom:10px;
}

.bnavi{
	margin-bottom:50px;
	width:60%;
	float:right;
}

.bnavi div{
	float:left;
}

.bnavi div:first-child {
	width:50%;
}
.bnavi div:nth-of-type(2) {
	width:40%;
}

.bnavi:after {
	content:"";
	display:block;
	clear:both;
}
footer {
	font-size:14px;
	line-height:22px;
	padding:0px 15px;
	margin-bottom:50px;
}


.copy{
	clear:both;
	text-align:center;
	margin-bottom:100px;
}

/*pagetop---------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 50px;
	z-index:100;
}

.passerror {
	margin:30px auto;
	text-align:center;
	font-size:20px;
}

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

}


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

.toplogo {
	width:100%;
}

#toggle{
	margin-bottom:5px;
    display: block;
    position: relative;
    width: 100%;
	height:30px;
	text-align:center;
}
#menu li{
    width: 25%;
    border-bottom: 1px solid #eee;
	background-color:#fff;
	text-align:center;
}
#menu{
    display: none;
}

#menu li {
    width: 100%;

}
#menu li a{
	display:block;
    width: 100%;

}

/*hotdayori*/
.hotdayori li{
	margin:10px 0%;
}


.contactbig img{
	width:90%;
}



.submenu li{
	width:48%;
}

.binfo {
	width:100%;
}
.binfo img{
	width:100%;
}

.bnavi{
	margin-bottom:20px;
	width:100%;
	float:none;
}
.bnavi div{
	width:100%;
	float:none;
}
.bnavi div{
	margin:20px auto;
	width:100%;
	float:none;
}

/*contact*/
.contact {
	font-size:20px;
}
.contact a {
	font-size:20px;
}


}