/*----------------------------------------------------------
	edit by toshio maeoka / pm studio co.,ltd.
	mail:maeoka@pmstudio.co.jp
	url:http://www.pmstudio.com/
-----------------------------------------------------------*/

@charset "utf-8";
@import url("base.css"); /* common stylesheet */

#wrapper {
	position   : relative;
	z-index    : 0;
	min-height : 100%;
	height     : 100%;
	width      : 100%;
	margin     : 0 auto;
	border     : 0px solid #CCC;
}

/*---outline frame------*/
#outline_frame{
	width   : 960px;
	margin  : 0 auto;
	padding : 0px;
	border  : 0px solid #CCC;
}

/*-------------------------------
		header for PC
--------------------------------*/
#header{
	width     : 960px; 
	height    : 123px;
	margin    : 10px auto;
	display   : none;
	border    : 0px solid #CCC;
	font-size : 13px;
	z-index   : 0;
}

/*---logo---*/
#header #logo, #header h1    {
	width     : 200px; 
	height    : 55px;
	margin    : 0px 0px;
	padding   : 0 0 0 0;
	border    : 0px solid #CCC;
	cursor    : pointer;
	font-size : 13px;
}

	#header #logo{
		position : absolute;
		padding  : 10px 0 0 0;
	}

	#header h1{
		background  : url(../image/logo.jpg) no-repeat;
		overflow    : hidden;
		text-indent : -200px;
	}

/*---language---*/

#header #language,
#language ul{
	width     : 370px;
	height    : 25px;
	border    : 0px solid #CCC;
	font-size : 13px;
}

	#header #language{
		position : absolute;
		margin   : 12px 0 0 420px;
	}

	#language ul{
		display    : inline-block;
		list-style : none;
		margin     : 0px 0px;
	}

		#language ul li a{
			height      : 13px;
			padding     : 0px 0px 0 0;
			position    : absolute;
			float       : left;
			overflow    : hidden;
			border      : 0px solid #CCC;
			cursor      : pointer;
			text-indent : -180px;
		}

			#language ul li#en a{
				background : url(../image/triangle_e.gif) no-repeat;
				width      : 70px;
				margin     : 0px 0px;
			}

			#language ul li#ch1 a{
				background : url(../image/triangle_c1.gif) no-repeat;
				width      : 90px;
				margin     : 0px 70px;
				*margin    : -22px 70px;
				_margin    : -22px 70px;
			}

			#language ul li#ch2 a{
				background : url(../image/triangle_c2.gif) no-repeat;
				width      : 90px;
				margin     : 0px 160px;
				*margin    : -43px 160px;
				_margin    : -43px 160px;
			}

			#language ul li#ko a{
				background : url(../image/triangle_k.gif) no-repeat;
				width      : 90px;
				margin     : 0px 0 0 250px;
				*margin    : -64px 250px;
				_margin    : -64px 250px;
			}

			#language ul li#th a{
				background : url(../image/triangle_th.gif) no-repeat;
				width      : 90px;
				margin     : 0px 0 0 308px;
				*margin    : -85px 308px;
				_margin    : -85px 308px;
			}

			#language ul li#en  a:hover,
			#language ul li#ch1 a:hover,
			#language ul li#ch2 a:hover,
			#language ul li#ko  a:hover,
			#language ul li#th  a:hover { background-position: 0 -22px; }


/*---character size---*/
/*---文字サイズ調整CSS---*/

#header #chara_size,
#chara_size ul      {
	width      : 150px;
	height     : 22px;
	border     : 0px solid #CCC;
	font-size  : 13px;
}

	#header #chara_size{
		position : absolute;
		margin   : 10px 0 0 810px;
	}

	#chara_size ul{
		list-style : none;
		margin     : 0px 0px;
	}

		#chara_size ul li#chara_t ,
		#chara_size ul li#small  a,
		#chara_size ul li#middle a,
		#chara_size ul li#large  a{
			position : absolute;
			width    : 70px;
			height   : 22px;
			margin   : 0px 0px;
			padding  : 0px 0px 0 0;
			float    : left; 
			border   : 0px solid #CCC;
		}

		#chara_size ul li#small  a,
		#chara_size ul li#middle a,
		#chara_size ul li#large  a{
			background : url(../image/character_size_1.png) no-repeat;
			width      : 22px;
			cursor     : pointer;
		}

			#chara_size ul li#small a{
				margin  : 0px 72px;
				*margin : -2px 72px;
				_margin : -2px 72px;
			}

			#chara_size ul li#middle a{
				margin  : 0px 98px;
				*margin : -23px 98px;
				_margin : -23px 98px;
			}

			#chara_size ul li#large a{
				margin  : 0px 124px;
				*margin : -44px 124px;
				_margin : -44px 124px;
			}

		#chara_size ul li#middle a { background-position: 0 -22px; }

		#chara_size ul li#small  a:hover ,
		#chara_size ul li#middle a:hover ,
		#chara_size ul li#large  a:hover { background-position : 0 -22px;  }

		#chara_size .block,
		#chara_size .block2{
			font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
			font-size   : 12px;
			color       : #000;
			height      : 14px;
			margin      : 0px 0px;
			padding     : 2px 0px 0 0;
			border      : 0px solid #CCC;
			text-align  : left;
		}

			#chara_size .block{ width : 70px;}

			#chara_size .block2{
				text-align : center;
				width      : 20px;
			}


/*---request---*/
#header #reauest,
#reauest ul {
	width      : 450px;
	height     : 25px;
	border     : 0px solid #CCC;
	font-size  : 13px;
}

	#header #reauest{
		position  : absolute;
		margin    : 55px 0 0 290px;
	}

	#reauest ul{
		list-style : none;
		margin     : 0px 0px;
		padding    : 0px 0 0 0;
	}

		#reauest ul li#req_1 a,
		#reauest ul li#req_2 a,
		#reauest ul li#req_3 a,
		#reauest ul li#req_4 a{
			position    : absolute;
			height      : 13px;
			padding     : 0px 5px 0 0;
			border      : 0px solid #CCC;
			overflow    : hidden;
			display     : inline; 
			text-indent : -180px;
			float       : left;
			cursor      : pointer;
		}

			#reauest ul li#req_1 a{
				background : url(../image/request_1.png) no-repeat;
				width      : 100px;
				margin     : 0px 0px;
			}

			#reauest ul li#req_2 a{
				background : url(../image/request_2.png) no-repeat;
				width      : 90px;
				margin     : 0px 0 0 110px;
				*margin    : -22px 110px;
				_margin    : -22px 110px;
			}

			#reauest ul li#req_3 a{
				background : url(../image/request_3.png) no-repeat;
				width      : 95px;
				margin     : 0px 0 0 210px;
				*margin    : -65px 210px;
				_margin    : -44px 210px;
			}

			#reauest ul li#req_4 a{
				background : url(../image/request_4.png) no-repeat;
				width      : 112px;
				margin     : 0px 0 0 320px;
				*margin    : -65px 320px;
				_margin    : -44px 320px;
			}

		#reauest ul li#req_1 a:hover ,
		#reauest ul li#req_2 a:hover ,
		#reauest ul li#req_3 a:hover ,
		#reauest ul li#req_4 a:hover { background-position : 0 -22px; }


/*---search---*/

#header #searchForm2,
#header #searchForm {
	position  : absolute;
	height    : 25px;
	font-size : 13px;
	border    : 0px solid #CCC;
}
	#header #searchForm2{
		width   : 150px;
		margin  : 50px 0 0 730px;
		z-index : 200;
	}

	#header #searchForm{
		width  : 70px;
		margin : 50px 0 0 880px;
	}

#header #searchForm #datain{
	position  : absolute;
	width     : 160px;
	height    : 20px;
	margin    : 0px 10px;
	_margin   : 0px -150px;
	*margin   : 0px -150px;
	font-size : 13px;
	border    : 1px solid #CCC;
	z-index   : 200;
}

#searchForm ul{
	list-style : none;
	width      : 70px;
	height     : 25px;
	margin     : 0px 0px;
	border     : 0px solid #CCC;
}

	#searchForm ul li#find a{
		background  : url(../image/find_btn.gif) no-repeat;
		width       : 70px;
		height      : 30px;
		margin      : -1px 0px;
		_margin     : 0px 0px;
		padding     : 0px 0px 0 0;
		float       : left;
		overflow    : hidden;
		text-indent : -140px;
		border      : 0px solid #CCC;
		cursor      : pointer;
	}

	#searchForm ul li#find a:hover { background-position : 0 -30px; }

	#searchForm .block{
		width       : 70px;
		height      : 13px;
		margin      : 0px 0px;
		padding     : 4px 0px 0 0; 
		font-size   : 12px;
		color       : #fff;
		font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		text-align  : center;
		border      : 0px solid #CCC;
	}

#search-number {
    width   : auto;
	height  : 20px;
	_height : 16px;
    margin  : -2px auto;
	margin  : 0px auto;
	padding : 0px;
    border  : 1px solid rgba(0, 50, 0, .7);
    border-radius : 5px;
    -webkit-box-shadow : inset 0 2px 4px rgba(50, 50, 50, .3);
	background-color   : rgba(255, 255, 255, 1.0);
}

#header #isearchForm {
	position  : absolute;
	width   : 230px;
	height    : 25px;
	font-size : 13px;
	border    : 0px solid #CCC;
	margin  : 50px 0 0 730px;
}
#isearchForm #search-number {
    width              : 148px;
	height             : 20px;
	_height            : 16px;
    margin             : -2px auto;
	margin             : 0px auto;
	padding            : 0px;
    border             : 1px solid rgba(0, 50, 0, .7);
    border-radius      : 5px;
    -webkit-box-shadow : inset 0 2px 4px rgba(50, 50, 50, .3);
	background-color   : rgba(255, 255, 255, 1.0);
}

#isearchForm #search_button{
	border:none;
	width:70px;
	height:25px;
	cursor:pointer;
	background: url(../image/find_btn.gif) left top no-repeat;
	margin      : -1.5px 5px 0 0;
	_margin     : 0px 0px;
	padding     : 0 5px 0 0;
	float       : right;
	overflow    : hidden;
}

*+html #isearchForm #search-number {
    width              : 135px;
}
*+html #isearchForm #search_button{
	float:none;
}

#isearchForm #search_button:hover {
	background-position : 0 -30px;
}

/*---menu_btn---*/
#header #menu_btn,
#menu_btn ul {
	width     : 960px;
	height    : 42px;
	_height   : 0px;
	padding   : 0px 0px 0 0;
	border    : 0px solid #CCC;
	z-index   : 0;
	font-size : 13px;
}

	#header #menu_btn{
		position : absolute;
		margin   : 80px 0;
		_margin  : 80px 0;
	}

	#menu_btn ul{
		margin     : 0px 0px;
		list-style : none;
		display    : inline-block;
	}

	#menu_btn ul li#menu_1 a,
	#menu_btn ul li#menu_2 a,
	#menu_btn ul li#menu_3 a,
	#menu_btn ul li#menu_5 a{
		position    : absolute;
		width       : 240px;
		height      : 40px;
		float       : left;
		overflow    : hidden;
		text-indent : -300px;
		border      : 0px solid #CCC;
		cursor      : pointer;
		z-index     : 0;
	}

		#menu_btn ul li#menu_1 a{
			background : url(../image/menu_btn_01.png) no-repeat;
			margin     : 0px 0px;
		}

		#menu_btn ul li#menu_2 a{
			background : url(../image/menu_btn_02.png) no-repeat;
			margin     : 0px 0 0 240px;
			*margin    : -21px 240px;
			_margin    : -21px 240px;
		}

		#menu_btn ul li#menu_3 a{
			background : url(../image/menu_btn_03.png) no-repeat;
			margin     : 0px 0 0 480px;
			*margin    : -42px 480px;
			_margin    : -42px 480px;
		}

		#menu_btn ul li#menu_5 a{
			background : url(../image/menu_btn_05.png) no-repeat;
			background-position : 0 -40px;
			margin     : 0px 0 0 720px;
			*margin    : -63px 720px;
			_margin    : -63px 720px;
		}

		#menu_btn ul li#menu_1 a:hover,
		#menu_btn ul li#menu_2 a:hover,
		#menu_btn ul li#menu_3 a:hover,
		#menu_btn ul li#menu_5 a:hover{ background-position : 0 -40px;}

	#menu_btn .block a{
		width       : 189px;
		height      : 20px;
		margin      : 0px 0px;
		padding     : 0px 0px 0 0; 
		font-size   : 14px;
		font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		text-align  : center;
		border      : 0px solid #CCC;
		color       : #fff;
	}

		#menu_btn .block a:hover{ color : #000; }


*:first-child+html #header #menu_line{ top : 136px; }


#header #menu_line{
	position   : absolute;
	background : url(../image/line.png) no-repeat;
	width      : 957px; 
	height     : 3px;
	margin     : 0 auto;
	top        : 123px;
	padding    : 0px 0px 0 0;
	border     : 0px solid #CCC;
}

#bread{
	width     : 640px;
	margin    : 10px 0;
	font-size : 12px;
	color     : #000;
	border    : 0px solid #CCC;
	display   : none;/*block;*/
}


/*---contents_frame------*/
#contents_frame{
	width   : 960px;
	margin  : 10px auto;
	padding : 0px;
	border  : 0px solid #CCC;
	display : none;
	z-index : 100;
}

/*----main------*/
#main_frame{
	width   : 750px;
	margin  : 0px 0px;
	float   : left;
	border  : 0px solid #CCC;
	display : none;
	z-index : 100;
}


/*----------------------------------
      sidemenu
----------------------------------*/
#side_frame{
	width     : 200px;
	margin    : 0px 0px;
	border    : 0px solid #CCC;
	float     : right;
	display   : none;
	font-size : 13px;
	border    : 0px solid #CCC;
	z-index   : 100;
}

	ul#train_menu {
		list-style : none;
		margin     : 0px 0px;
		padding    : 0px 0px 0 0;
		border     : 0px solid #CCC;
	}

		ul#train_menu li#m1,
		ul#train_menu li#m2,
		ul#train_menu li#m22{
			width  : 200px;
			margin : 0px 0px;
			cursor : pointer;
		}

			ul#train_menu li#m1{	background : url(../image/form_bg.jpg) no-repeat; }
			ul#train_menu li#m2{	background : url(../image/form_bg.jpg) no-repeat center bottom; }
			ul#train_menu li#m22{	background : url(../image/form_bg.jpg) no-repeat center bottom; }

			ul#train_menu li#m22{
				_margin  : -2px 0px;
				_padding : 0 0 2px 0;
			}

				#train_menu #side_t1 ,#train_menu #side_t1b,#train_menu #side_t2 ,#train_menu #side_t3 ,#train_menu #side_t4 ,
				#train_menu #side_t5 {
					width       : 200px;
					height      : 38px;
					margin      : 0px 0px;
					padding     : 0px 0px;
					overflow    : hidden;
					text-indent : -400px;
					border      : 0px solid #CCC;
					cursor      : pointer;
					z-index     : 50;
					_margin     : 0x 0px;
					*margin     : -2px 0px;
					padding     : 0px 0px;
					_padding    : 0px 0px 0px 0;
					*padding    : 0px 0px 2px 0;
				}
				#train_menu #side_t1b{ text-indent : 0px; }

					#train_menu #side_t1b{	background : url(../image/comp_s1.png) no-repeat; }
					#train_menu #side_t1{	background : url(../image/comp_s1.png) no-repeat; }
					#train_menu #side_t2{	background : url(../image/comp_s3.png) no-repeat; }
					#train_menu #side_t3{	background : url(../image/comp_s4.png) no-repeat; }
					#train_menu #side_t4{	background : url(../image/comp_s6.png) no-repeat; }
					#train_menu #side_t5{	background : url(../image/comp_s8.png) no-repeat; }

			#banner, #banner ul{
				width     : 200px;
				margin    : 3px 0px;
				padding   : 0px 0px 0px 0px;
				font-size : 13px;
				border    : 0px solid #CCC;
				cursor    : pointer;
			}

			#banner ul{ margin : 0px 0px; }

				#banner ul li#banner_1 a,
				#banner ul li#banner_3 a,
				#banner ul li#banner_4 a,
				#banner ul li#banner_kintetsu_gr a,
				#banner ul li#banner_manner a,
				#banner ul li#banner_kintetsu_hd a{
					width       : 200px;
					margin      : 0px 0px;
					padding     : 2px 0px 0px 0px;
					float       : left;
					overflow    : hidden;
					text-indent : -400px;
					border      : 0px solid #CCC
				}

				#banner ul li#banner_1 a{			height : 65px; }
				#banner ul li#banner_3 a{			height : 65px; }
				#banner ul li#banner_4 a{			height : 35px; }

				#banner ul li#banner_kintetsu_gr a{ height : 80px; }
				#banner ul li#banner_manner      a{ height : 70px; }
				#banner ul li#banner_kintetsu_hd a{ height : 51px; }

				#banner ul li#banner_1 a{			background : url(../image/ir_banner_1.jpg) no-repeat;}
				#banner ul li#banner_3 a{			background : url(../image/ir_banner_3.jpg) no-repeat;}
				#banner ul li#banner_4 a{			background : url(../image/ir_banner_4.jpg) no-repeat;}
				#banner ul li#banner_kintetsu_gr a{ background : url(../image/bnr_kintetsu_gr.png) no-repeat;}
				#banner ul li#banner_manner      a{	background:url(../image/pc/bnr_manner.jpg) no-repeat;}
				#banner ul li#banner_kintetsu_hd a{ background : url(../image/bnr_kintetsuhd.jpg) no-repeat;}

			#banner ul li#banner_manner      a{     margin-bottom:7px;  }
			#banner ul li#banner_kintetsu_hd a{     margin-bottom : 2em;  }



/*
@-moz-document url-prefix() {
	#train_menu #side_t1,
	#train_menu #side_t2{
		position    : absolute;
		width       : 200px;
		height      : 38px;
		margin      : 38px 0px;
		padding     : 0px 0px;
		overflow    : hidden;
		text-indent : -400px;
		border      : 0px solid #CCC;
		cursor      : pointer;
		z-index     : 50;
	}

	#train_menu #side_t2{ margin : 76px 0px;}

	#train_menu #side_t1{ background : url(../image/comp_s1.png) no-repeat; }
	#train_menu #side_t2{ background : url(../image/comp_s3.png) no-repeat; }
	#train_menu #side_t3{ background : url(../image/comp_s4.png) no-repeat; }
}
*/

/*
	ul#train_menu li#side_t3 a{
		background  : url(../image/comp_s4.png) no-repeat;
		width       : 200px;
		height      : 38px;
		margin      : 0px 0px;
		padding     : 0px 0px 0 0;
		float       : left;
		overflow    : hidden;
		text-indent : -400px;
		border      : 0px solid #CCC;
		cursor      : pointer;
	}

	ul#train_menu li#side_t3 a:hover { background-position : 0 -38px; }
*/

/*---------search dyer-----------*/
#train_menu ul#dyer{
	list-style : none;
	margin     : 0px 0px;
	padding    : 0px 0px 0 0;
	border     : 0px solid #CCC;
}

ul#dyer li#line_search{
	background : url(../image/triangle_4.gif) no-repeat;
	width      : 180px;/*170px;*/
	margin     : 0px 10px;
	padding    : 0px 0px;
	border     : 0px solid #CCC;
	cursor     : pointer;
}

ul#dyer li{
	margin  : 5px 0px;
	padding : 0px 10px;
	border  : 0px solid #CCC;
	cursor  : pointer;
}


#dyer .block{
	margin      : 10px 0px;
	padding     : 0px 0px 0px 0px;
	color       : red;
	font-size   : 10px;
	font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align  : left;
	border      : 0px solid #CCC;
	cursor      : pointer;
}

#dyer .block2{
	/*style="background:url(../image/line.jpg) no-repeat;background-position:center bottom;"*/
	background     : url(../image/line.gif) no-repeat;
	background-position : center bottom;
	margin         : 0px 16px 0 20px;
	padding        : 2px 0px 10px 0px;
	color          : #000;
	font-size      : 12px;
	font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align     : left;
	vertical-align : top;
	border         : 0px solid #CCC;
	cursor         : pointer;
}

#dyer .block2 a{
	/*text-decoration : underline;*/
	color  : #000;
	cursor : pointer;
}

#dyer .block2 a:hover{
	color  : #0072bc;
	cursor : pointer;
}

#dyer .block3{
	width       : 180px;
	margin      : 5px 0px;
	padding     : 0px 0px 0px 0px;
	color       : #000;
	font-size   : 12px;
	font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align  : left;
	border      : 0px solid #CCC;
	cursor      : pointer;
}

#dyer .block3 a{
	color  : #000;
	cursor : pointer;
}

#dyer .block3 a:hover{
	color  : #0072bc;
	cursor : pointer;
}

#dyer .block4{
	margin      : 0px 20px;
	padding     : 2px 0px 0px 0px;
	color       : #000;
	font-size   : 11px;
	font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align  : left;
	border      : 0px solid #CCC;
	cursor      : pointer;
}

#dyer .block4 a{
	color  : #000;
	cursor : pointer;
}

#dyer .block4 a: hover{
	color  : #0072bc;
	cursor : pointer;
}

#dyer #date{
	width       : 180px;
	margin      : 0px 0px;
	padding     : 5px 0px 0px 0px;
	color       : #000;
	font-size   : 12px;
	font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align  : left;
	border      : 0px solid #CCC;
	cursor      : pointer;
}



/*----------------------------------
			footer
----------------------------------*/
#footer,
#footer #footer_item,
#footer #footer_item ul,
#footer_item ul li,
#footer_item ul li a{
	padding : 0 0 0 0;
	border  : 0px solid #CCC;
}

	#footer{
		background : url(../image/footer.png) no-repeat;
		width      : 960px;
		height     : 50px;
		margin     : 0px auto;
		display    : none;
	}

	#footer #footer_item{
		width  : 435px;
		height : 50px;
		margin : 0px 0px;
		float  : right;
	}

	#footer #footer_item ul{
		list-style  : none;
		width       : 435px;
		height      : 25px;
		margin      : 8px 0px;
		font-size   : 0.9em;
		line-height : 16px;
	}

	#footer_item ul li{
		width   : 75px;
		height  : 25px;
		margin  : 0px 0px;
		display : inline;
	}

	#footer_item ul li a{
		font-size  : 12px;
		color      : #000;
		text-align : left;
		cursor     : pointer;
	}


/*----clear------*/

#language   ul:after ,
#chara_size ul:after ,
#menu_btn   ul:after ,
#searchForm ul:after ,
#reauest    ul:after ,
   #main_frame:after ,
   #side_frame:after ,
ul#train_menu:after ,
#banner ul: after {
	height     : 0;
	visibility : hidden;
	content    : ".";
	display    : block;
	clear      : both;
}

.clear {clear:both; }  
.clear hr { display:none; }