@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　PCサイト共有ページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 基本フォント ------------------------------ */

body {
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1.5;
}
body.iFix {
	-webkit-text-size-adjust:none;
}

input,textarea,select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, sans-serif;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}


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

#globalHeaderSeg,
#navigationSeg {
	display: none;
}

#header {
	padding: 10px;
	background: #ffffff;
	overflow: hidden;
}

#header .logo {
	float: left;
}

#header .nav {
	float: right;
	padding-top: 21px;
}

#header .nav ul {
	float: left;
	margin-right: 30px;
}

#header .nav li {
	float: left;
	margin-right: 8px;
}

#header .nav p {
	position: relative;
	float: left;
}

#header .nav p input {
	vertical-align: top;
}

#header .nav .inputTxt {
	display: inline-block;
	width: 208px;
	margin-right: 8px;
}

#header .nav .inputTxt img {
	position: absolute;
	top: 50%;
	left: 9px;
	margin-top: -10px;
}

#header .nav .inputTxt input {
	width: 208px;
	height: 54px;
	padding-left: 34px;
	border: 2px solid #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #999999;
	vertical-align: middle;
	line-height: 54px;
}


/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

#asideArea,
#pagetopComp,
#directoryNav,
#globalFooterSegWrap {
	display: none;
}

#container,
#contentSeg,
#contentSegDivide #mainArea {
	width: auto;
}

#contentSegDivide #mainArea {
	float: none;
}

#container {
	min-width: inherit;
	border-bottom: none;
}

#contentSeg {
	padding-bottom: 0;
}

#contentSeg > br.clear{
	display: none;
}

#stIndexHeadline {
	width: 640px;
}

#stIndexHeadline img {
	max-width: 640px;
	height: auto;
}

ul.anchorLink {
	padding: 0 10px;
}

ul.anchorLink li {
	background:url(/common/images/anchorLink_ico_01.gif) no-repeat left center;
}

ul.linkIco li span.ico {
	margin-top:0.4em;
}

#contentSegDivide .h2Sec .col-2 .colBox,
#contentSegDivide .flatSec .col-2 .colBox {
	float: none;
	width: auto;
}

.elem .colBox {
	margin-bottom: 20px;
}

.col-2.elem {
	margin-bottom: 0;
}

#contentSegDivide .h2Sec .col-2 .colBox img,
#contentSegDivide .flatSec .col-2 .colBox img {
	max-width: 279px;
	height: auto;
}

.h2SecInner img {
	max-width: 558px;
	height: auto;
}

.colSec .col-3,
.colSec .col-3 .frame {
	background: none;
}

.colSec .col-3 .frame .colBoxWrap {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	margin: 0;
}
.colSec .col-3 .frame .colBoxWrap:after {content:"."; display:none; height:0; clear:both; visibility:hidden;}

.colSec .colBox h2 a:link span.h2LinkIco,
.colSec .colBox h2 a:visited span.h2LinkIco {
background:url(/common/images/textLink_ico_01.gif) no-repeat left center;
}
.colSec .colBox h2 a:hover span.h2LinkIco,
.colSec .colBox h2 a:active span.h2LinkIco,
.colSec .colBox h2 a:focus span.h2LinkIco {
background:url(/common/images/textLink_ico_01_o.gif) no-repeat left center;
}

.colSec .colBox {
	float: none;
	width: 310px;
	padding: 5px 0 0 0;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.colSec .colBox:first-child {
	margin-right: 16px;
}

.colSec .colBox h2 {
	margin-bottom: 11px;
	border-bottom: 1px solid #d8d8d8;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(0.48, rgb(255, 255, 255)),color-stop(0.52, rgb(245, 245, 245)),color-stop(1, rgb(245, 245, 245)));
	background: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(255, 255, 255) 46%,rgb(245, 245, 245) 54%,rgb(245, 245, 245) 100%);
	background: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(255, 255, 255) 46%,rgb(245, 245, 245) 54%,rgb(245, 245, 245) 100%);
}

.colSec .colBox h2 a {
	width:298px;
	margin-bottom: 0;
}

.colSec .colBox h2 a span.h2Frame01 {
	width:298px;
}

.colSec .colBox h2 a span.h2Frame02 {
	width:298px;
	padding:8px 0 13px;
}

.colSec .colBox h2 a:link,
.colSec .colBox h2 a:visited,
.colSec .colBox h2 a:hover,
.colSec .colBox h2 a:active,
.colSec .colBox h2 a:focus,
.colSec .colBox h2 a:link span.h2Frame01,
.colSec .colBox h2 a:visited span.h2Frame01,
.colSec .colBox h2 a:hover span.h2Frame01,
.colSec .colBox h2 a:active span.h2Frame01,
.colSec .colBox h2 a:focus span.h2Frame01,
.colSec .colBox h2 a:link span.h2Frame02,
.colSec .colBox h2 a:visited span.h2Frame02,
.colSec .colBox h2 a:hover span.h2Frame02,
.colSec .colBox h2 a:active span.h2Frame02,
.colSec .colBox h2 a:focus span.h2Frame02 {
	background:none;
	color: #333;
}


/* pageTitle -------------------- */

.pageTitle {
	position: relative;
	padding: 23px 10px 24px;
	border-bottom: 2px solid #d6d6d6;
	background: #F7F4F2;
	overflow: hidden;
	-webkit-text-size-adjust: auto;
}

.pageTitle .back {
	display: table-cell;
	padding-right: 15px;
}

.pageTitle h1 {
	display: table-cell;
	margin-left: 88px;
	font-size: 140%;
	vertical-align: middle;
}

#contentSeg > #pageHeadline {
	position: relative;
	margin-bottom: 24px;
	padding: 23px 10px 24px;
	border-bottom: 2px solid #d6d6d6;
	background: #F7F4F2;
	overflow: hidden;
	-webkit-text-size-adjust: auto;
}

#contentSeg > #pageHeadline .back {
	display: table-cell;
	padding-right: 15px;
}

#contentSeg > #pageHeadline h1 {
	display: table-cell;
	margin-left: 88px;
	font-size: 140%;
	line-height: 1.5;
	vertical-align: middle;
}


/* yardmap -------------------- */


body.yardmap #mainArea .h2SecInner p,
body.yardmap #mainArea .h2SecInner .linkIco .ico,
body.yardmap #mainArea .h2SecInner .linkIco .dataVolume,
body.yardmap #mainArea .softwareDlMod,
body.yardmap #mainArea .outerSec_bottom,
body.yardmap #mainArea br.clear {
	display: none;
}

body.yardmap #contentSeg > #pageHeadline {
	margin-bottom: 0;
	border-bottom: none;
}

body.yardmap .h2Sec {
	min-height: 510px;
	background: #F7F4F2;
}

body.yardmap .h2Sec .h2Headline {
	padding-bottom: 0;
}

body.yardmap .h2Sec .h2SecFrame01,
body.yardmap .h2Sec .h2SecFrame02,
body.yardmap .h2Sec .h2SecFrame03,
body.yardmap .h2Sec .h2SecFrame04 {background:none; padding-bottom:0;}


body.yardmap .h2Sec .h2Headline .frame01,
body.yardmap .h2Sec .h2Headline .frame02,
body.yardmap .h2Sec .h2Headline .frame03,
body.yardmap .h2Sec .h2Headline .frame04,
body.yardmap .h2Sec .h2Headline .frame05,
body.yardmap .h2Sec .h2Headline .frame06,
body.yardmap .h2Sec .h2Headline .frame07,
body.yardmap .h2Sec .h2Headline .frame08 {background:none;}

body.yardmap .h2Sec .h2Headline .frame01 {
	position: relative;
	border-top: 2px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 6px solid #0AB1DC;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(247, 247, 247)));
	background: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(247, 247, 247) 100%);
	background: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(247, 247, 247) 100%);
}

body.yardmap .h2Sec .h2Headline .frame01 h2 {
	display: block;
	padding: 16px 25px;
	border-bottom: 2px solid #FFFFFF;
	font-size: 140%;
	font-weight: normal;
}

body.yardmap #mainArea .h2SecInner {
	padding:0;
}

body.yardmap #mainArea .h2SecInner .linkIco li {
	position: relative;
	border-bottom: 2px solid #d6d6d6;
	background: #ffffff;
}

body.yardmap #mainArea .h2SecInner .linkIco li span.text {
	display:inline;
	margin-left:0;
}

body.yardmap #mainArea .h2SecInner .linkIco a {
	display: block;
	padding: 20px 50px 20px 23px;
	font-size: 120%;
}

body.yardmap #mainArea .h2SecInner .linkIco a,
body.yardmap #mainArea .h2SecInner .linkIco a:visited {
	color:#333333;
	text-decoration:none;
}

body.yardmap #mainArea .h2SecInner .linkIco .arw {
	position: absolute;
	top: 50%;
	right: 24px;
	margin: -20px 0 0 0;
}

body.yardmap #yardBtnTip,
body.yardmap #mapprint {
	display:none;	
}

body.yardmap #outerSec_top {
	margin-bottom:0;	
}

body.yardmap #mainArea .flatSec {
	margin:0 10px;	
}

body.yardmap #mainArea .flatSecFrame08 {
	padding:5px 5px 1px;	
}
body.yardmap #mainArea .elem {
	margin:0 auto 5px !important;
	width:611px;
}

#yardmapJS {
	width:608px;		
}
body.yardmap .yardmapAll {
	position:absolute;
	top: -18px;
	right: 20px;
	width:122px;
}
#yardCtrl {
	margin-bottom:0;
	width:120px;
	height:44px;
	background:url(/station/common/images/yardctln_bg_01.gif) no-repeat top right;	
	padding-left:2px;
}

body.yardmap #mainArea .outerSec_top {
	padding:0 0 0 15px;
}

body.yardmap #mainArea .outerSec_top ul {
	float:left;
	font-size:15px !important;
}
body.yardmap #mainArea .outerSec_top .linkIco li img {
	margin-top:7px;
}


/* unkou history -------------------- */

body.catUnkou #contentSeg > #pageHeadline {
	margin-bottom: 0;
}

body.catUnkou .flatSecFrame08 {
	padding-top: 0;
}

body.catUnkou .lineHeadline {
	padding-top: 15px;
}
/*
body.catUnkou .lineHeadline.imgFix h2 {
	width: 598px;
	text-align: center;
	overflow: hidden;
}
body.catUnkou .lineHeadline.imgFix h2 img {
	margin-left: -38px;
}*/

body.catUnkou .lineHeadline h2 {
	font-size: 140%;
	text-align: center;
	line-height: 52px;
}

body.catUnkou .lineHeadline h2 img {
	margin: 0 9px 0 0;
	vertical-align: top;
}

body.catUnkou .lineHeadline .lineText {
	display: none;
}


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

#footer {
	margin-top: 25px;
	padding: 20px 0 40px;
	background: #ffffff;
	text-align: center;
}

#footer .copyright {
	padding: 0 10px;
	text-align: center;
	color: #666666;
	font-size: 90%;
}


/* --------------------------------------------------------------------------------------
 メニュー
--------------------------------------------------------------------------------------- */

#menuList .title {
	position: relative;
	padding: 20px 17px 20px 20px;
	border-bottom: 2px solid #d6d6d6;
	z-index: 5;
}

#menuList .title h2 {
	float: left;
	font-size: 160%;
	line-height: 54px;
}

#menuList .title p {
	float: right;
}

#menuList ul {
	position: relative;
	margin-top: -2px;
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	z-index: 3;
}

#menuList li {
	position: relative;
	border-top: 2px solid #FFFFFF;
}

#menuList li a {
	display: block;
	padding: 25px 60px 23px 18px;
	background: #00ABD9;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(0, 171, 217)),color-stop(0.5, rgb(0, 163, 213)),color-stop(1, rgb(0, 151, 206)));
	background: -moz-linear-gradient(-90deg,rgb(0, 171, 217) 0%,rgb(0, 163, 213) 50%,rgb(0, 151, 206) 100%);
	background: linear-gradient(-90deg,rgb(0, 171, 217) 0%,rgb(0, 163, 213) 50%,rgb(0, 151, 206) 100%);
	color: #FFFFFF;
	font-size: 140%;
}

#menuList li a img {
	margin-right: 20px;
	vertical-align: middle;
}

#menuList ul a .arw {
	position: absolute;
	top: 50%;
	right: 25px;
	margin: -20px 0 0 0;
}

#menuList ul a .pc {
	position: absolute;
	top: 50%;
	right: 24px;
	margin: -15px 0 0 0;
}

#menuList ul ul {
	margin-bottom: -2px;
	border-bottom: 2px solid #FFFFFF;
}

#menuList ul ul a {
	display: block;
	padding: 16px 60px 16px 84px;
	background: #CAE5EF;
	color: #333333;
	font-size: 130%;
}

#menuList ul ul a .arw {
	top: 50%;
	right: 26px;
	margin: -16px 0 0 0;
}

#menuList ul ul a .pc {
	top: 50%;
	right: 19px;
	margin: -18px 0 0 0;
}

/* 2011.05.14 ist */
#menuList{
width:100%;
background:#fff;
z-index:9999;
text-align:left;
}

.menuListOpen{
position:absolute;
top:0;
left:0;
}

#menuOverLay{
width:100%;
position:absolute;
top:0;
left:0;
background:#fff;
z-index:100;
}