@charset "UTF-8";



/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-



　　共通



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/



/*===============================================================================

　リセットCSS

===============================================================================*/



h1, h2, h3, h4, h5, h6 {

	margin: 0px;

	padding: 0px;

}

p, hr, blockquote, address, noscript {

	margin: 0px;

	padding: 0px;

	font-style: normal;

	font-weight: normal;

	border: none;

}

ul, li , ol, dl, dt, dd , pre, table, form {

	margin: 0px;

	padding: 0px;

}

li  {

	list-style-type: none;



}

table , img {

	border: none;

}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {

	margin: 0px;

	padding: 0px;

	font-style: normal;

	font-weight: normal;

}



hr {

	display: none;

	clear: both;

}



br.cl{ clear:both;}



/*===============================================================================

　全体設定

===============================================================================*/



html{overflow-y:scroll;}



/* リンクカラー */

a:link,

a:visited,

a:active {

	color: #333;

	text-decoration: none;

	outline:none;

	}

a:hover {

	color: #F00;

	text-decoration: none;

	}



/* 全体レイアウト */

body {

	padding: 0;

	margin: 0;

	width:100%;

	background:#eee;

	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3"sans-serif;

	font-size: 12px;

	line-height: 18px;

	color: #333;

	position:relative;

	text-align: center; 

	}

	

#wrapper {

	display: block;

	width: 100%;

	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto; 

	}

	

#contents {

	clear:both;

	/*width:980px;*/

	margin:0 auto;

	text-align:left;

    }



#container{

	width: 100%;

	float: left;


    }







/*===============================================================================

　フレーム

===============================================================================*/



h1{

	clear:both;

	width:700px;

	font-size:15px;

	margin:0 auto 20px auto;

	padding:5px 0 5px 10px;

	background:#E6E6E6;

	border-left:5px solid #666;

}



h1 span {

	font-size: 13px;

	color: #FF0000;	

}





h2{

	clear:both;

	width:690px;

	height:30px;

	font-size:15px;

	margin:0 auto 20px auto;

	padding:0 0 0 10px;

	line-height:30px;

	background:#EEEEDD;

	border-left:5px solid #666600;

	text-align: left;

	}



/* --ヘッダー----------------------------------------------------------------- */



#header{

	width:900px;

	margin:0 auto;

	padding:0;

	}

	



/*===============================================================================

　メインコンテンツ

===============================================================================*/



/* --メインコンテンツ------------------------------- */



#main_contents {

	width:900px;

	background:#FFF;

	margin:0 auto;

	text-align:left;

	padding:30px 0 0 0;

    }

	

/* --navi------------------------------- */



#navi {

	width:700px;

	margin:0 auto 30px auto;

	text-align:left;

	padding:0;

	background:#FFF;

    }

	

#navi li{

	display:block;

	float:left;

	width:150px;

	margin:0 10px 0 0;

	text-align:center;

    }

	

#navi li a{

	display:block;

	background:#eee;

	padding:5px;

	border:1px solid #999;

    }

	

#navi li a:hover{

	background: #F93;

	border:1px solid #FF9;

	color:#FFF;

    }

	

/* 駅から */

#map_eki {

	clear:both;

	width:900px;

	margin:0 auto 40px auto;

	text-align: center;

    }

	

#map_eki .pic{

	width:700px;

	height:727px;

	margin:0 auto;

    }

	

/* 車で */

#map_car {

	clear:both;

	width:900px;

	margin:0 auto 40px auto;

    }

	

#map_car .pic{

	width:700px;

	height:730px;

	margin:0 auto;

    }

	

/* googleMAP */

#map_google {

	clear:both;

	width:900px;

	margin:0 auto 40px auto;

    }

	

#map_google .map{

	width:700px;

	margin:0 auto;

    }





/*===============================================================================

　フッター

===============================================================================*/





/* -- フッター -- */	



#footer{

	clear:both;

	width:900px;

	height:100%;

	padding:0;

	margin:0 auto;

	}



/* -- ページTOP -- */	



#p_top{

	clear:both;

	width:700px;

	height:100%;

	padding:0 10px;

	margin:30px auto 10px auto;

	text-align:right;

	background:url(../img/icon.png) no-repeat 615px 0px;

	}





/*------- コピーライト -------*/

#f_copy{

	width: 100%;

	margin:0 auto;

	line-height:20px;

	background:#000;

	color:#FFF;

	text-align:center;

	}



#map_eki ul li {

	float: left;

	margin-right: 20px;

	font-size: 14px;

	margin-left: 20px;

}



#map_eki ul {

	width: 660px;

	margin: 0px auto;

	padding-right: 20px;

	padding-left: 20px;

}

iframe{
   width:700;
   height:500;
}


@media screen and (max-width: 699px) {
  
  h1{
    width:100%;
    border:none;
    padding:5px 0;
  }
  h2{
    width:100%;
    padding:0px;
    border:none;
    height:100%;
	}
  
  .inner{
    padding:0 20px;
  }
  
  #header{
    width:100%;    
  }
  #header img{
    width:100%;    
  }
  #main_contents {
    width:100%;    
  }
  
  #navi {
    width:100%;    
  }
  #navi li{
    width:100%;
    margin-bottom:20px;    
  }
  
  iframe{
   width:100%;
   height:300px;
  }
  
  #map_google {
    width:100%;
  }
  #map_google .map{
    width:100%;
  }
  #map_eki {
    width:100%;
  }
  #map_eki img{
    width:100%;
    max-width:700px;
  }
  #map_eki ul {
    width:100%;
    padding:0;
  }
  #map_eki ul li {
    float:none;
    margin:0 auto;
    text-align:center;
  }
  #map_eki ul li img {
    width:100%;
    max-width:143px;    
  }
  
  #p_top{
	display:none;
  }
  
  #footer{
    width:100%;
  }
  
}