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

@charset "UTF-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	}
	
.sp{display: none;}
.pc{display: block;}
img {
	border:0 none;
	}
	
body {
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#73594c;
	text-align:left;
	line-height: 1.5;
	}
	
a {
	color:#73594c;
	text-decoration: underline;
	}

a:hover {
	color:#336666;
	}

a:active {
	color:#336666;
	}


.container {
	width:960px;
	margin:0 auto;
	}


#header{
	padding:30px 0 20px;
	background-image:url(../images/common/bg_sky.jpg);
	background-repeat: repeat-x;
}

#logo h1 {
	clear: both;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


/* -----------------------------------------------
clearfix
----------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac ＼*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Gloval Navi ===============================================
*/

#main-navi {
	position:relative;
	text-indent:-9999px;
	width: 960px;
	height: 50px;
	margin-top: 20px;
	list-style: none;
	}
	
#main-navi li {
	position:absolute;
	top:0;
	height:50px;
	}
	
#main-navi li a {
	display: block;
	height: 0;
	padding-top:50px;
	overflow:hidden;
	background-image:url(../images/common/glovalnavi.png);
	background-repeat:no-repeat;
	}

/* */
#navi-home {
	left: 0;}
	
#navi-home,
#navi-home a {
	width: 194px;}

#navi-home a {
	background-position: 0 0;}

#navi-home.current a,
#navi-home a:hover {
	background-position: 0 -50px;}

/* */
#navi-about {
	left: 194px;}
	
#navi-about,
#navi-about a {
	width: 192px;}

#navi-about a {
	background-position: -194px 0;}

#navi-about.current a,
#navi-about a:hover {
	background-position: -194px -50px;}

/* */
#navi-information {
	left: 386px;}
	
#navi-information,
#navi-information a {
	width: 192px;}

#navi-information a {
	background-position: -386px 0;}

#navi-information.current a,
#navi-information a:hover {
	background-position: -386px -50px;}

/* */
#navi-price {
	left: 578px;}
	
#navi-price,
#navi-price a {
	width: 192px;}

#navi-price a {
	background-position: -578px 0;}

#navi-price.current a,
#navi-price a:hover {
	background-position: -578px -50px;}

/* */
#navi-access {
	left: 770px;}
	
#navi-access,
#navi-access a {
	width: 192px;}

#navi-access a {
	background-position: -770px 0;}

#navi-access.current a,
#navi-access a:hover {
	background-position: -770px -50px;}
		

/* Side navi ===============================================
*/

#side-navi{
	list-style:none;}

#contact{
	border:1px solid #dedcc3;
	background-color:#FFFFFF;
	text-align:center;
	width: 247px;
	}

#contact ul{
	list-style: none;
	}
	
	
/* Contents ===============================================
*/

#contents{
	}
	
#contents .container {
	padding-bottom:65px;
	margin-top: 15px;
	overflow: hidden;
	}
	

/* Footer ===============================================
*/

#footer{
	clear:both;
	background-color:#f2f1e9;
	background-position: 0 0;
	}
	
#footer .container{
	position:relative;
	padding-top:15px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	}

#return{
	position:absolute;
	right: 0;
	top: -22px;
	}

#footer-navi{
	float:left;
	list-style:none;
	margin-top:20px;
	
	}
	
#footer-navi li{
	float:left;
	padding-left:10px;
	margin-right:12px;
	font-size:10px;
	line-height:18px;
	background-image:url(../images/common/btn_sign02.gif);
	background-repeat:no-repeat;
	background-position: 0 center;
	}

#copyright {
	font-size:10px;
	line-height:18px;
	text-align:left;
	padding-bottom:30px;
	margin-top: 20px;
	}


/* other ===============================================
*/

.bnn-m25{
	margin: 10px 0 0 0;
	}
}









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


@charset "UTF-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	}

.pc{display: none;}
.sp{display: block;}


img {
	border:0 none;
	}
	
body {
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#73594c;
	text-align:left;
	line-height: 1.5;
	}
	
a {
	color:#73594c;
	text-decoration: underline;
	}

a:hover {
	color:#336666;
	}

a:active {
	color:#336666;
	}


.container {
	width:960px;
	margin:0 auto;
	}


#header{
	padding:30px 0 20px;
	background-image:url(../images/common/bg_sky.jpg);
	background-repeat: repeat-x;
}

#logo h1 {
	clear: both;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


/* -----------------------------------------------
clearfix
----------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac ＼*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Gloval Navi ===============================================
*/

#main-navi {
	position:relative;
	text-indent:-9999px;
	width: 960px;
	height: 50px;
	margin-top: 20px;
	list-style: none;
	}
	
#main-navi li {
	position:absolute;
	top:0;
	height:50px;
	}
	
#main-navi li a {
	display: block;
	height: 0;
	padding-top:50px;
	overflow:hidden;
	background-image:url(../images/common/glovalnavi.png);
	background-repeat:no-repeat;
	}

/* */
#navi-home {
	left: 0;}
	
#navi-home,
#navi-home a {
	width: 194px;}

#navi-home a {
	background-position: 0 0;}

#navi-home.current a,
#navi-home a:hover {
	background-position: 0 -50px;}

/* */
#navi-about {
	left: 194px;}
	
#navi-about,
#navi-about a {
	width: 192px;}

#navi-about a {
	background-position: -194px 0;}

#navi-about.current a,
#navi-about a:hover {
	background-position: -194px -50px;}

/* */
#navi-information {
	left: 386px;}
	
#navi-information,
#navi-information a {
	width: 192px;}

#navi-information a {
	background-position: -386px 0;}

#navi-information.current a,
#navi-information a:hover {
	background-position: -386px -50px;}

/* */
#navi-price {
	left: 578px;}
	
#navi-price,
#navi-price a {
	width: 192px;}

#navi-price a {
	background-position: -578px 0;}

#navi-price.current a,
#navi-price a:hover {
	background-position: -578px -50px;}

/* */
#navi-access {
	left: 770px;}
	
#navi-access,
#navi-access a {
	width: 192px;}

#navi-access a {
	background-position: -770px 0;}

#navi-access.current a,
#navi-access a:hover {
	background-position: -770px -50px;}
		

/* Side navi ===============================================
*/

#side-navi{
	list-style:none;}

#contact{
	border:1px solid #dedcc3;
	background-color:#FFFFFF;
	text-align:center;
	width: 247px;
	}

#contact ul{
	list-style: none;
	}
	
	
/* Contents ===============================================
*/

#contents{
	}
	
#contents .container {
	padding-bottom:65px;
	margin-top: 15px;
	overflow: hidden;
	}
	

/* Footer ===============================================
*/

#footer{
	clear:both;
	background-color:#f2f1e9;
	background-position: 0 0;
	}
	
#footer .container{
	position:relative;
	padding-top:15px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	}

#return{
	position:absolute;
	right: 0;
	top: -22px;
	}

#footer-navi{
	float:left;
	list-style:none;
	margin-top:20px;
	
	}
	
#footer-navi li{
	float:left;
	padding-left:10px;
	margin-right:12px;
	font-size:10px;
	line-height:18px;
	background-image:url(../images/common/btn_sign02.gif);
	background-repeat:no-repeat;
	background-position: 0 center;
	}

#copyright {
	font-size:10px;
	line-height:18px;
	text-align:left;
	padding-bottom:30px;
	margin-top: 20px;
	}


/* other ===============================================
*/

.bnn-m25{
	margin: 10px 0 0 0;
	}

}