@charset"utf-8";

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 reset
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
img{vertical-align:top;}
/*changecolourstosuityourneeds*/
ins{background-color:#ff9;color:#000;text-decoration:none;}
/*changecolourstosuityourneeds*/
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/*changebordercolourtosuityourneeds*/
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/*forIE6/IE7/IE8*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
ol,ul{list-style:none;}
li{list-style:none;}
/*
 default Style
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
html {
	padding: 0; margin: 0;
/*font-size: 10px;*/
}
body {
background: url(../img/bg_01.gif) repeat-x;
line-height: 1.6;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #545454;
-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}

/*
 link Style
----- ----- ----- ----- ----- ----- ----- ----- */
a {
color: #004EA2;
-webkit-tap-highlight-color: rgba(0,78,162,.4);
text-decoration: none;
}
a:hover {
opacity: 0.5;
/*filter: alpha(opacity=50);*/
-moz-opacity: 0.5;
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
}

#ie8 a:hover {
color: #7FA6D0;
opacity: inherit;
-moz-opacity: inherit;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#004EA250',EndColorStr='#004EA250')";
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 layout
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#page {
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 80px;
}

#header {
	width: 960px;
	height: 74px;
	padding: 17px 0 0 0;
	background: url(../img/header_bg_01.gif) no-repeat;
	zoom: 1;
}
#header:before, #header:after {
	content: "";
	display: table;
}
#header:after {
	clear:both;
	}
	#header .hgroup {
		float: left;
		width: 451px;
		height: 51px;
		padding: 0 0 0 0px;
		position: relative;
		}
		#header .hgroup h1 {
			width: 174px;
			height: 48px;
			padding-top: 3px;
		}
		#header .hgroup p {
			width: 258px;
			height: 16px;
			position: absolute;
			top: 35px;
			left: 193px;
		}
	#header .hBox {
		float: right;
		width: 428px;
		height: 20px;
		padding: 0 0px 0 0;
		}
		#header .hBox #hNav {
			width: 428px;
			height: 20px;
			margin-bottom: 16px;
			position: relative;
			}
			#header .hBox #hNav .hsNav {
				position: absolute;
				}
				#header .hBox #hNav .hsNav li {
					float: left;
					padding-top: 4px;
				}
				#header .hBox #hNav .hsNav li:first-child {
					width: 84px;
					padding-right: 11px;
				}
				#header .hBox #hNav .hsNav li:last-child {
					width: 78px;
				}
			#header .hBox #hNav .langNav {
				position: absolute;
				top: 0px;
				right: 0px;
				}
				#header .hBox #hNav .langNav li {
					float: left;
					height: 20px;
				}
				#header .hBox #hNav .langNav li.eng { width: 63px;}
				#header .hBox #hNav .langNav li.chh { width: 60px;}
				#header .hBox #hNav .langNav li.chk { width: 64px;}
				#header .hBox #hNav .langNav li.kor { width: 53px;}
				#header .hBox #hNav .langNav li a {
				}
			#header .hBox .aside {
				clear: both;
				position: relative;
				}
				#header .hBox .aside #gsc {
					width: 351px;
					height: 24px;
					padding-left: 77px;
					}
					/* 
					 google site search hack
					----- ----- ----- ----- ----- */
					#___gcse_0  {
						width: 169px !important;
					}
					#___gcse_0 form.gsc-search-box {
						margin: 0 !important;
						}
						#___gcse_0 form.gsc-search-box table.gsc-search-box {
							margin: 0 !important;
							border-spacing: 0px;
							}
							#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-input {
								padding: 0 !important;
								}
								#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-input input {
									width: 141px !important;
									height: 16px !important;
									padding: 3px 5px !important;
									border: 1px solid #C3C3C3 !important;
									border-right: none !important;
									}
							#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-search-button {
								width: 28px !important;
								}
								#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-search-button input.gsc-search-button {
									width: 28px !important;
									min-width: 28px !important;
									height: 24px !important;
									margin: 0 0 0 0px !important;
									padding: 0px !important;
									background: #FFFFFF url(../img/header_btn_09.gif) no-repeat !important;
									text-indent: 100% !important;
									white-space: nowrap !important;
									overflow: hidden !important;
									border: none !important;
									filter: none !important;
									cursor: pointer !important;
									display: block !important;
								}
							#___gcse_0 form.gsc-search-box table.gsc-search-box td.gsc-clear-button {
								display: none;
								}
				#header .hBox .aside #fontSize {
					width: 93px;
					height: 24px;
					padding-left: 60px;
					background: url(../img/header_bg_10.gif) no-repeat;
					position: absolute;
					right: 0;
					top: 0;
					}
					#header .hBox .aside #fontSize li {
						float: left;
						width: 26px;
						height: 24px;
						margin-left: 5px;
						list-style: none;
						text-indent: 100%; white-space: nowrap; overflow: hidden;
						cursor: pointer;
					}
						#header .hBox .aside #fontSize li.small  { background: url(../img/header_btn_11.jpg) no-repeat;}
						#header .hBox .aside #fontSize li.middle { background: url(../img/header_btn_12.jpg) no-repeat;}
						#header .hBox .aside #fontSize li.large  { background: url(../img/header_btn_13.jpg) no-repeat;}
						#header .hBox .aside #fontSize li:hover,
						#header .hBox .aside #fontSize li.current  { background-position: 0 -24px !important;}


/*
 #gNav
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#gNav {
	width: 960px;
	height: 56px;
	margin-bottom: 24px;
	position: relative;
	zoom: 1;
}
#gNav:before, #gNav:after {
	content: "";
	display: table;
}
#gNav:after {
	clear:both;
	}
	#gNav li {
		float: left;
	}

	#gNav li.train     { width: 198px;margin-right:4px;}
	#gNav li.recommend { width: 186px;margin-right:4px;}
	#gNav li.search    { width: 200px;margin-right:4px;}
	#gNav li.profile   { width: 186px;margin-right:4px;}
	#gNav li.manaca    { width: 166px;}
		#gNav li a {
			display: block !important;
			height: 56px;
			text-indent: 100%; white-space: nowrap; overflow: hidden;
		}
		#gNav li.train a     { background: url(../img/gnavi_btn_06.gif) no-repeat;}
		#gNav li.recommend a { background: url(../img/gnavi_btn_07.gif) no-repeat;}
		#gNav li.search a    { background: url(../img/gnavi_btn_08.gif) no-repeat;}
		#gNav li.profile a   { background: url(../img/gnavi_btn_09.gif) no-repeat;}
		#gNav li.manaca a    { background: url(../img/gnavi_btn_10.gif) no-repeat;}
		#gNav li a:hover {
			opacity: 1;
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-ms-filter: "alpha(opacity=100)";
		}
		#gNav li a:hover	{ background-position: 0 -56px !important;}
		#gNav li a.current,
		#gNav li a.parentsLink     { background-position: 0 -112px !important;}


/*
 mega Drop Down Menu
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#gNav .megaTri:hover .megaMenu {
	opacity: 1;
	visibility: visible;
	top: 57px;
	-mos-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	zoom:1 !important;
}
#gNav .megaTri .megaMenu {
	display: block !important;
	width: 832px;
	padding-top: 20px;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 60px;
	top: 57px;
	z-index: 10000;
	-webkit-transition: visibility 0s linear 0.05s,opacity 0.1s ease-in-out,top 0.3s ease-out;
	transition: visibility 0s linear 0.05s,opacity 0.1s ease-in-out,top 0.3s ease-out;
	zoom:1 !important;
}
#ie8 #gNav .megaTri:hover .megaMenu {
	background-color: #fff;
	visibility: visible;
	opacity: 1;
	top: 56px;
}
#ie8 #gNav .megaTri .megaMenu {
	visibility: visible;
	opacity: 1;
	top: -1000px;
}

#gNav .megaTri .megaMenu .megaMenuIn {
	width: 810px;
	padding: 16px 0 3px 18px;
	background: url(../img/bg_67.png) 0 0 repeat;
	border: 2px solid #195fab;
	border-radius: 5px;
	position: relative;
}
#ie8 #gNav .megaTri .megaMenu .megaMenuIn {
	background-color: #fff;
}
#gNav .megaTri .megaMenu .megaMenuIn iframe {
	width: 810px;
	opacity: 1;
}
#gNav .megaTri .megaMenu .megaMenuIn .arrow {
	position: absolute;
	top: -12px;
}
#gNav .train .megaMenu .megaMenuIn .arrow {left: 28px;}
#gNav .recommend .megaMenu .megaMenuIn .arrow {left: 230px;}
#gNav .search .megaMenu .megaMenuIn .arrow {left: 425px;}
#gNav .profile .megaMenu .megaMenuIn .arrow {left: 620px;}
#gNav .manaca .megaMenu .megaMenuIn .arrow {left: 800px;}


/* drop down common */
.megaMenuContents {
	width: 810px;
	font-size: 12px;
}
.megaMenuContents a {
	height: auto !important;
	text-indent: 0 !important;
	background: none !important;
}
#ie8 .megaMenuContents a:hover,
#ie8 .megaMenuContents a:hover img {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.contInner {
	overflow: hidden;
}

/* drop down 電車のご利用案内 contents */
.trainContents ul {
	overflow: hidden;
}
.trainContents ul li {
	float: left;
	padding: 0 15px 15px 0;
}
.trainContents ul li:nth-child(5n) {
	padding-right: 0;
}
.trainContents ul li img {
	box-shadow: 1px 1px 3px #ccc;
}

/* drop down 名鉄のオススメ contents */
.recommendContents .freeArea {
	float: left;
	width: 180px;
	padding-right: 10px;
}
.recommendContents .recommendArea {
	float: left;
	width: 447px;
}
.recommendContents .bannerArea {
	float: left;
	width: 153px;
}
.recommendContents .recommendArea li {
	float: left;
	width: 214px;
	margin-right: 9px;
	margin-bottom: 10px;
	background-color: #fff;
	font-size: 11px;
}
.recommendContents .recommendArea li .inner {
	border: 1px solid #d4d4d4;
}
.recommendContents .recommendArea li .inner h3 {
	background-color: #f5f5f5;
	border-bottom: 1px solid #d4d4d4;
}
.recommendContents .recommendArea li:first-child .inner h3 {
	margin-bottom: 8px;
}
.recommendContents .recommendArea li .inner h3 a {
	display: block;
	padding: 7px 9px;
	background: #f5f5f5;
	color: #313131;
	font-size: 114%;
}
#ie8 .recommendContents .recommendArea li .inner h3 a:hover {
	display: block !important;
}
.recommendContents .recommendArea li .inner h3 span {
	display: block;
	padding: 1px 18px 0 7px;
	border-left: 3px solid #01a394;
	line-height: 1.4;
	background: url(/img/misc_66.png) right center no-repeat;
}
.recommendContents .recommendArea li .inner .innerCont {
	padding: 7px 10px;
}

.recommendContents .bannerArea li {
	margin-bottom: 8px;
}

/* drop down 沿線おでかけ検索 contents */
.searchContents .freeArea {
	float: left;
	width: 418px;
	padding-right: 10px;
}
.searchContents .windArea {
	float: left;
	width: 198px;
}
.searchContents .bannerArea {
	float: left;
	width: 153px;
	padding-left: 10px;
}
.searchContents .windArea {
	border: 1px solid #d2d2d2;
}
.searchContents .windArea dl {
	border: 4px solid #eaeef1;
	background-color: #fff;
}
.searchContents .windArea dl dd {
	margin-bottom: 9px;
	padding: 9px 7px 9px 90px;
	overflow: hidden;
	font-size: 11px;
	position: relative;
}
.searchContents .windArea dl dd img {
	position: absolute;
	top: 9px;
	left: 7px;
}
.searchContents .windArea dl dd a {
	color: #000;
}
#ie8 .searchContents .windArea dl dd a:hover {
	background-color: #fff;
}
#ie8 .searchContents .windArea dl dd a:hover img {
}
.searchContents .windArea dl dd ul {
	width: 93px;
	margin-top: 9px;
}
.searchContents .windArea dl dd ul li {
	padding-left: 10px;
	background: url(../img/misc_79.png) left 3px no-repeat #fff;
}

.searchContents .bannerArea li {
	margin-bottom: 11px;
}

/* drop down 企業・IR・採用 contents */
.profileContents {
	overflow: hidden;
}
.profileContents ul {
	float: left;
	width: 484px;
	overflow: hidden;
}
.profileContents ul li {
	float: left;
	padding: 0 15px 15px 0;
}
.profileContents ul li:nth-child(3n) {
	padding-right: 0;
}
.profileContents ul li img {
	box-shadow: 1px 1px 3px #ccc;
}
.profileContents .rightArea {
	float: right;
	width: 308px;
	padding-right: 18px;
}

/* drop down manaca contents */
.manacaContents {
	overflow: hidden;
}
.manacaContents ul {
	float: left;
	width: 483px;
	overflow: hidden;
}
.manacaContents ul li {
	float: left;
	padding: 0 15px 15px 0;
}
.manacaContents ul li:nth-child(3n) {
	padding-right: 0;
}
.manacaContents ul li img {
	box-shadow: 1px 1px 3px #ccc;
}
.manacaContents .rightArea {
	float: right;
	width: 308px;
	padding-right: 18px;
}





/*
#contents
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#contents {
	zoom: 1;
}
#contents:before, #contents:after {
	content: "";
	display: table;
}
#contents:after {
	clear:both;
}


#main {
	float: left;
	width: 736px;
	/*font-size: 1.4em;*/
}

/* .entryBody default */
.entryBody p,
.entryBody .table	{
	margin-bottom: 1em;
}
.entryBody > p	{	padding: 0 20px;}
.entryBody > .table	{	margin-left: 20px;}



#side {
	float: right;
	width: 208px;
}

.pageTop {
	position: fixed;
	right: 0;
	bottom: 145px;
	margin: 0;
	padding: 0;
	z-index: 10000;
	}

#footer {
	width: 100%;
	padding-top: 90px;
	background-color: #E3E6E8;
	background-image: url(../img/footer_bg_04.png), url(../img/footer_bg_03.png), url(../img/footer_bg_02.png), url(../img/footer_bg_01.jpg), url(../img/footer_bg_05.jpg);
	background-repeat: repeat-x, no-repeat, repeat-x, repeat-x, repeat-x;
	background-position: center top, center top, center top, center top, left 90px;
	/* IE8 */
	-pie-background:
	url(../img/footer_bg_04.png) center top repeat-x,
	url(../img/footer_bg_03.png) center top no-repeat,
	url(../img/footer_bg_06.jpg) center top repeat-x;
	position:relative; behavior: url(/css/PIE.htc);
}
	#footer .inner {
		width: 940px;
		min-height: 24px;
		padding: 24px 10px;
		margin: 0 auto;
		display: table;
		}
		#footer .fNav {
			display: table-cell;
			width: 69%;
			}
			#footer .fNav li {
				clear: both;
				float: none;
				display: inline;
				color: #004EA2;
				font-size: 11px;
				letter-spacing: 1px;
			}
			#footer .fNav li a:hover {
				text-decoration: underline;
			}
		#footer .copyRight {
			display: table-cell;
			width: 30%;
			font-size: 12px;
			text-align: right;
		}





/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 common parts
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#breadCrumbs {
	width: 955px;
	height: 32px;
	padding-left: 5px;
	margin: 0 auto 24px;
	background: url(../img/bg_57.jpg) no-repeat;
	zoom: 1;
}
#breadCrumbs:before, #breadCrumbs:after { content: ""; display: table;}
	#breadCrumbs li {
		float: left;
		list-style: none;
		}
		#breadCrumbs li a {
			float: left;
			display: block;
			color: #666666;
			line-height: 1;
			font-size: 12px;
			padding: 10px 0;
			margin: 0 10px;
		}
		#breadCrumbs li:last-child a:hover {
			opacity: 1;
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-ms-filter: "alpha(opacity=100)";
		}
		#breadCrumbs li span.arrow {
			float: left;
			display: block;
			width: 11px;
			height: 32px;
			background: url(../img/misc_58.jpg) no-repeat;
			text-indent: 100%; white-space: nowrap; overflow: hidden;
		}
		#breadCrumbs li:last-Child a:hover {
			opacity: 1;
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-ms-filter: "alpha(opacity=100)";
		}
		#ie8 #breadCrumbs li:last-Child a:hover {
			color: #545454;
		}
			#breadCrumbs li a.adjust {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}