@charset "utf-8";

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

/* ---------------------------------
  _ PC用スタイル
------------------------------------*/

.contents.view_area {
    padding-top: 0;
    width: 1300px;
}

.contents.view_area img {
    display: block;
    margin: 0 auto;
}

.view {
	background-image: url(../images/pc/bg_view2.png);
	background-position: bottom center;
	background-repeat: repeat-x;
}

section .container {
    margin: 0 auto;
    padding-top: 30px;
	padding-bottom: 46px;
    position: relative;
    width: 1024px;
}

section#train .container,
section#car .container {
    padding-top: 0;
}

section h2 {
	width: 954px;
	height: 50px;
	padding-left: 70px;
	line-height: 50px;
	color: #FFF;
	margin-bottom: 30px;
}

section#train h2 {
	background-image: url(../../access/images/pc/bg_train.gif)
}

section#car h2 {
	background-image: url(../../access/images/pc/bg_car.gif)
}

.contentsHeader {
	width: 100%;
	height: 159px;
	background-image: url(../../_images/access_header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

h1.contentName {
	width: 128px;
	height: 68px;
	margin-bottom: 20px;
    background-image: url(../../access/images/pc/title.gif);
}

.btn.induction {
    height: 44px;
    left: 160px;
	display: block;
    position: absolute;
    top: 30px;
    width: 200px;
}

.btn.induction a {
    width: 200px;
    height: 44px;
	display: block;
}

.btn.induction.train a {
	background-image: url(../../access/images/pc/btn_train.jpg);
}

.btn.induction.car {
	left: 380px;
	background-image: url(../../access/images/pc/btn_car.jpg);
}

.btn.induction.car a {
	background-image: url(../../access/images/pc/btn_car.jpg);
}

.map {
	width: 1024px;
	height: 420px;
	display: block;
	margin-bottom: 16px;
	border: 1px solid #666;
}

#train .hideSP a {
	margin-top: 30px;
	display: block;
}

.parking {
	width: auto;
	height: auto;
	display: block;
	overflow: hidden;
	padding: 15px;
	position: relative;
	border: 6px solid #837d76;
	background-image: url(../../access/images/pc/bg_parking.gif);
	background-position: 920px bottom;
	background-repeat: no-repeat;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.parking img.photo,
.parking dl,
.parking ul {
	float: left;
	height: auto;
	overflow: hidden;
}

.parking img.photo {
	margin-right: 20px;
}

.parking dl {
	width: 290px;
	padding-top: 30px;
	margin-right: 20px;
}

.parking dl dt,
.parking dl dd {
	float: left;
	border-bottom: 1px dashed #a0a0a0;
	line-height: 30px;
	height: 30px;
}

.parking dl dt {
	color: #699acd;
	font-weight: bold;
	padding-right: 30px;
}

.parking dl dd {
	width: 200px;
}

.parking dl dd strong {
	font-size: 1.2em;
	color: #e01919;
}

.parking h3  {
	position: absolute;
	left: 285px;
	top: 15px;
	width: auto;
	height: 30px;
	background-image: url(../../access/images/pc/icon_p.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 12px;
}

.parking h3.attention {
	background: none;
	left: 600px;
	color: #e01919;
	padding: 0;
	font-size: 1.5em;
}

.parking ul {
	width: 330px;
	padding-top: 40px;
}

.parking ul li {
	padding-left: 36px;
	line-height: 1.2;
	background-image: url(../../access/images/pc/icon_attention.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1.2em;
	margin-bottom: 20px;
}

.parking ul li:nth-child(2) {
	margin-bottom: 0;
}


/* ---------------------------------
  _ スマートフォン用スタイル
------------------------------------*/

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

section .container {
	padding-top: 0;
}

.contents.view_area {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
    width: auto;
}

section {
    padding: 0 25px;
}

section#car {
	border-bottom: 1px solid #000;
}

.container,
section,
section h2,
section .container {
	width: auto;
}

h1.contentName {
	width: 146px;
	height: 80px;
	margin-bottom: 30px;
	background-image: url(../../access/images/sp/title.gif);
}

.btn.induction {
    width: 200px;
    height: 63px;
	top: 0;
}
.btn.induction a {
    display: block;
    height: 63px;
    width: 200px;
}

.btn.induction.train a {
    background-image: url(../../access/images/sp/btn_train.jpg);
}

.btn.induction.car a {
    background-image: url(../../access/images/sp/btn_car.jpg);
}

.map {
	width: 590px;
	height: 340px;
	overflow: hidden;
}

.parking {
	border: none;
	padding: 0;
	margin-top: 30px;
	border-radius: 0;
}

.parking h3 {
	position: relative;
	left: auto;
	top: auto;
}

.parking img.photo {
	float: none;
	width: 590px;
	margin-bottom: 20px;
}

.parking img.phot img {
	width: 590px;
	height: auto;
}

.parking dl {
	width: 590px;
	height: auto;
	float: none;
	margin-bottom: 36px;
	font-size: 1em;
	padding-top: 0;
}

.parking dl dt,
.parking dl dd {
	height: auto;
	line-height: 50px;
	height: 50px;
	font-size: 1em;
}

.parking dl dt {
	width: 110px;
	padding-right: 10px;
}

.parking dl dd {
	width: 440px;
}

.parking h3 {
	width: auto;
	height: 43px;
	line-height: 43px;
	padding-left: 53px;
	background-size: 43px 43px;
}

.parking h3.attention {
	left: auto;
	font-size: 1.1em;
}

.parking ul {
	padding: 0;
	width: 590px;
}

.parking ul li {
	width: auto;
	background-size: 30px 30px;
	font-size: 1em;
}

section h2 {
	font-size: 1em;
	margin-bottom: 18px;
}

section dl {
	width: auto;
	height: auto;
	overflow: hidden;
}

section dl dt {
	font-size: 1.1em;
	font-weight: bold;
	color: #c3a162;
}

section dl dd {
	font-size: 1em;
	margin-bottom: 0;
	line-height: 1.3;
}

section#train dl dd:nth-child(4),
section#train dl dd:nth-child(6) {
	margin-bottom: 0;
}

section#train {
	padding-bottom: 70px;
}

}