/**-------------------------------------------------
nav
1.539px
2.540px
3.978px
4.
5.
6.
-------------------------------------------------**/
@media screen and (max-width: 539px) {
/*---------------     #titleNavWrap     ---------------*/
#titleNavWrap{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	min-width:280px;
}

#titleBox{
	margin:0;
	padding:0;
	height:178px;
	background:url(../img/border01.png) repeat-x 0 bottom;
}

#titleBox h1{
	margin:0;
	padding:0;
	width:160px;
	height:159px;
	background:url(../img/title01.png) no-repeat 0 0;
}

/*---------------     #gNav     ---------------*/
#gNav{
	display:block;
	margin:10px 0 0 0;
	list-style:none;
}

#gNav li{
}

#gNav img{
	margin:0;
	padding:0;
}

#gNav .cutmenu,#gNav .calendar,
#gNav .access,#gNav .about{
	float:left;
	display:block;
	padding:0;
	width:24.25%;
	height:69px;
}

#gNav .home{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background:#952b50;
}

#gNav .cutmenu{
	background:#952b50;
}

#gNav .calendar{
	background:#952b50;
}

#gNav .access{
	background:#952b50;
}

#gNav .about{
	background:#952b50;
}

#gNav .gn img{
	display:block;
	margin:0 auto;
	padding:3px 0 0 0;
	width:64px;
	height:64px;
}

.gn + .gn{
	margin:0 0 0 1%;
}

#gNav .pcLi{display:none;}

/*---------------     #telBox     ---------------*/
.border02{
	display:none;
}

#telBox{
	display:none;
}

.toiawase{
}

.tel img{
}

.tel{
}

.yoyaku{
}

}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼min-width: 540px▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (min-width: 540px) {
/*---------------     #titleNavWrap     ---------------*/
#titleNavWrap{
	position:relative;
	float:none;
	margin:0;
	padding:0;
	min-width:0;
}

#titleBox{
	margin:0;
	padding:0;
	height:178px;
	background:url(../img/border01.png) repeat-x 0 bottom;
}

#titleBox h1{
	margin:0;
	padding:0;
	width:160px;
	height:159px;
	background:url(../img/title01.png) no-repeat 0 0;
}


/*---------------     #gNav     ---------------*/
#gNav{
	display:block;
	margin:10px 0 0 0;
	list-style:none;
	min-width:480px;
}

#gNav li{
	height:100px;
}

#gNav .cutmenu,#gNav .calendar,
#gNav .access,#gNav .about{
	float:left;
	display:block;
	padding:0;
	width:24.25%;
	height:100px;
}

#gNav .home{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background:url(../img/nav-home03.png) no-repeat center center #952b50;
}

#gNav .cutmenu{
	background-color:#952b50;
}

#gNav .calendar{
	background-color:#952b50;
}

#gNav .access{
	background-color:#952b50;
}

#gNav .about{
	background-color:#952b50;
}

#gNav .gn img{
	margin:0 auto;
	padding:0;
	width:100px;
	height:100px;
}

.gn + .gn{
	margin:0 0 0 1%;
}
#gNav .pcLi{display:none;}

/*---------------     #telBox     ---------------*/
.border02{
	display:none;
}

#telBox{
	position:absolute;
	top:56px;
	right:0;
	display:block;
	clear:both;
	margin:0;
	width:160px;
}

.toiawase{
	padding:5px 0;
	color:#484039;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	background:url(../img/toiawase-bg.png) no-repeat 0 bottom;
}

.tel img{
	display:inline;
	padding:0 5px 0 5px;
	width:16px;
	height:23px;
	vertical-align:middle;
}

.tel{
	padding:5px 10px 5px 0;
	color:#484039;
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
	background:url(../img/tel-bg.png) repeat-y 0 0;
}

.yoyaku{
	padding:5px 0;
	color:#484039;
	font-size:10px;
	font-size:1.0rem;
	text-align:center;
	background:url(../img/yoyaku-bg.png) no-repeat 0 0;
}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼min-width: 730px▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (min-width: 730px) {
/*---------------     #titleNavWrap     ---------------*/
#titleNavWrap{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:160px;
	min-width:0;
}

#titleBox{
	margin:0;
	padding:0;
	height:178px;
	background:none;
}

#titleBox h1{
	margin:0;
	padding:0;
	width:160px;
	height:178px;
	background:url(../img/title02.png) no-repeat 0 0;
}

/*---------------     #gNav     ---------------*/
#gNav{
	display:block;
	margin:20px 0 0 0;
	list-style:none;
	width:160px;
	min-width:0;
}

#gNav li{
	width:160px;
	height:34px;
	overflow:hidden;
}

#gNav .cutmenu,#gNav .calendar,
#gNav .access,#gNav .about{
	float:none;
	display:block;
	margin:5px 0 0 0;
	padding:0;
	width:160px;
	height:34px;
	background:none;
}

#gNav .home{
	position:relative;
	width:160px;
	height:34px;
	background-image:none;
	background-color:transparent;
}

#gNav .pcLi img{
	margin:0;
	padding:0;
	width:228px;
	height:34px;
}

#gNav .links{
	background-color:#952b50;
}

.gn + .gn{
	margin:0;
}

#gNav .smLi{display:none;}
#gNav .pcLi{display:block;}

/*---------------     #telBox     ---------------*/
.border02{
	display:block;
	overflow:hidden;
	margin:0;
	padding:20px 0 0 0;
	width:160px;
	height:1px;
}

#telBox{
	position:static;
	margin:20px 0 0 0;
	width:160px;
}

.toiawase{
	padding:5px 0;
	color:#484039;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	background:url(../img/toiawase-bg.png) no-repeat 0 bottom;
}

.tel img{
	display:inline;
	padding:0 5px 0 5px;
	width:16px;
	height:23px;
	vertical-align:middle;
}

.tel{
	padding:5px 10px 5px 0;
	color:#484039;
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
	background:url(../img/tel-bg.png) repeat-y 0 0;
}

.yoyaku{
	padding:5px 0;
	color:#484039;
	font-size:10px;
	font-size:1.0rem;
	text-align:center;
	background:url(../img/yoyaku-bg.png) no-repeat 0 0;
}

}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼min-width: 978px▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (min-width: 978px) {
/*---------------     #titleNavWrap     ---------------*/
#titleNavWrap{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:228px;
	min-width:0;
}

#titleBox{
	margin:0;
	padding:0;
	height:251px;
	background:none;
}

#titleBox h1{
	margin:0;
	padding:0;
	width:228px;
	height:251px;
	background:url(../img/title03.png) no-repeat 0 0;
}

/*---------------     #gNavi     ---------------*/
#gNav{
	display:block;
	margin:20px 0 0 0;
	list-style:none;
	width:228px;
	min-width:0;
}

#gNav li{
	width:228px;
	height:34px;
	overflow:hidden;
}

#gNav .home{
	position:relative;
	width:228px;
	height:34px;
}

#gNav .cutmenu,#gNav .calendar,
#gNav .access,#gNav .about{
	float:none;
	margin:5px 0 0 0;
	padding:0;
	width:228px;
	height:34px;
}

#gNav .links{
	background-color:#952b50;
}

#gNav .smLi{display:none;}
#gNav .pcLi{display:block;}

#gNav .pcLi img{
	margin:0;
	padding:0;
	width:228px;
	height:34px;
}

.gn + .gn{
 	margin:0;
}

/*---------------     #telBox     ---------------*/
.border02{
	overflow:hidden;
	margin:0;
	padding:20px 0 0 0;
	width:228px;
	height:1px;
}

#telBox{
	margin:20px 0 0 0;
	width:228px;
}

.toiawase{
	padding:5px 0;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	background:url(../img/toiawase-bg.png) no-repeat 0 bottom;
}

.tel img{
	display:inline;
	padding:0 5px 0 0;
	width:16px;
	height:23px;
	vertical-align:middle;
}

.tel{
	padding:5px 20px 5px 0;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	text-align:center;
	background:url(../img/tel-bg.png) repeat-y 0 0;
}

.yoyaku{
	padding:5px 0;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
	background:url(../img/yoyaku-bg.png) no-repeat 0 0;
}

}