@charset "utf-8";

/*
	* Name: access.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	body.access {
	}


	/* ========================================
	   * 領域設定 - Contents -
	======================================== */

	body.access #contents > h2 > img {
		width: 40px;
	}


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	body.access #main > div.access {
		margin: 0 0 30px 0;
	}

	body.access #main > div.access.hq {
		border-bottom: 1px dashed #000000;
		padding-bottom: 30px;
	}

	body.access #main > div.access > div.access:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.access #main > div.access > div.access > div {
		float: left;
	}

	body.access #main > div.access > div.access > div.map {
		margin: 0 34px 0 0;
		width: 532px;
	}

	body.access #main > div.access > div.access > div.information > ul {
		list-style-type: none;
		margin-left: auto;
	}

	body.access #main > div.access > div.access > div.information > ul.train li{
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 28px;
	}
	body.access #main > div.access > div.access > div.information > ul.train2 li{
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: -2px;
	}

	body.access #main > div.access > div.access > div.information > ul.train li.yokohama  {
		background-image: url("../../img/icon_yokohama.png");
	}

	body.access #main > div.access > div.access > div.information > ul.train2 li.tokyometro  {
		background: url("../../img/keio_logo.png") center left no-repeat;
	}

	body.access #main > div.access > div.access > div.information > ul.train li span,
	body.access #main > div.access > div.access > div.information > ul.train2 li span {
		letter-spacing: 2px;
	}

	body.access #main > div.access > div.access > div.information > ul.train li span.green,
	body.access #main > div.access > div.access > div.information > ul.train2 li span.green  {
		color: #009C1C;
	}

	body.access #main > div.access > div.access > div.information > ul.train li span.yellow,
	body.access #main > div.access > div.access > div.information > ul.train2 li span.yellow  {
		color: #A19C1C;
	}

	body.access #main > div.access > div.access > div.information > ul.train li span.blue,
	body.access #main > div.access > div.access > div.information > ul.train2 li span.blue  {
		color: #009BD5;
	}

	body.access #main > div.access > div.access > div.information > ul.button li a {
		background-color: #000000;
		box-sizing: border-box;
		display: inline-block;
		min-width: 248px !important;
		padding: 10px 12px 10px 54px;
	}

	body.access #main > div.access > div.access > div.information > ul.button li a:hover {
		background-color: rgba(0,0,0,0.65);
	}

	body.access #main > div.access > div.access > div.information > ul.button li a.pdf {
		background-image: url("../../img/icon_pdf.png");
		background-position: 14px center;
	}

	body.access #main > div.access > div.access > div.information > ul.button li a.google {
		background-image: url("../../img/icon_google.png");
		background-position: 20px center;
	}

}