@charset "UTF-8";

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

	base

-------------------------------- */
#content { padding-top:1rem !important;
}
.section ,
#content section {
	width:680px;
	margin:0 auto 7rem;;
}

#content p {
	font-size:1.4rem;
	letter-spacing:0.1rem;
	line-height:1.8;
	margin-bottom:2.8rem;
}

article {
	margin:0;
	padding:0 0 5rem;
}

article#access {
	background:#DBE7D7;
}
article#nakanojoAccess {
	background:#F1C8D5;
}

article .wrapper {
	width:880px;
	margin:0 auto;
	padding:3rem 0;
	background:#fff;
}

article .wrapper hr { margin:1em 4em 3em;}

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

Style

-------------------------------- */
article h1 {
	margin-bottom:3rem;
	line-height:16.8rem;
	background-position:center;
}
article h3 {
	font-weight:bold;
	margin-bottom:1.5rem;
	clear:both;
}


article#access h1 {
	background-image: url("../images/access/title_access.png") ;
}
article#nakanojoAccess h1 {
	background-image: url("../images/access/title_access-nakanojo.png") ;
}


#content dl { clear:both;
width:100%;
	line-height:1.4;
	letter-spacing:0.07rem;
}
#content dl dt {
  clear: left;
  float: left;
  margin: 0 0 1em;
  width: 6.5em;
	font-weight:bold;
}
#content dl dd {
  margin-bottom: 1em;
  margin-left: 6.5em;
}



section.bus h2 ,
article#nakanojoAccess h2 {
	margin-bottom:3rem;
}


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

LINK

-------------------------------- */
/* button */
.linkButton { float:left; margin:-0.7rem 1rem 2.5rem 0; }
.last  { margin-bottom:0 ;}

.time a ,
.yen a {
	 padding:1rem 2.2rem .8rem 4.2rem;
	 background:no-repeat 22px center #333;
	 border-radius:.5rem;
}
.time a:link ,
.time a:visited ,
.yen a:link ,
.yen a:visited {
	 color:#fff;
}
.time a:hover ,
.yen a:hover {
	color:#D7D7D7;
	background-color:#666;
}
.time a {
	background-image:url(../images/access/icon_time.png) ;
}
.yen a {
	background-image:url(../images/access/icon_yen.png);
}


/* link */
section.taxi a:link ,
section.car-rental a:link ,
section.taxi a:visited ,
section.car-rental a:visited  {color: #df366f;}

section.taxi a:hover,
section.taxi a:active,
section.car-rental a:hover,
section.car-rental a:active { color:#ed8eae;}
