/*----------------------------------------------------------
	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{
				background-position : 0 -22px;
				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#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     : 400px;
	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;
			background-position : 0 -40px;
			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;
			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) repeat-x;
	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------*/
/*----main------*/
#contents_frame,
#main_frame     {
	border  : 0px solid #CCC;
	display : none;
	z-index : 100;
}

	#contents_frame{
		width   : 960px;
		margin  : 10px auto;
		padding : 0px;
	}

	#main_frame{
		width  : 750px;
		margin : 0px 0px;
		float  : left;
	}


/*----------------------------------
			sidemenu
----------------------------------*/
#side_frame{
	width     : 200px; 
	margin    : 0px 0px;
	border    : 0px solid #CCC;
	float     : right;
	display   : none;
	font-size : 13px;
	z-index   : 100;
}
/*---------search dyer-----------*/

ul#train_menu {
	list-style : none;
	margin     : 0 0;
	padding    : 0 0 0 0;
	border     : 0px solid #CCC;
}

	ul#train_menu li#m1,
	ul#train_menu li#m2{
		width  : 200px;
		cursor : pointer;
		margin : 0px 0px;
	}

		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;
			margin     : 0px 0px 3px 0px;
		}

			ul#train_menu #side_t1   ,
			ul#train_menu #side_t2  a,
			ul#train_menu #side_t3  a,
			ul#train_menu #side_t4  a,
			ul#train_menu #side_t5   ,
			ul#train_menu #side_t6  a,
			ul#train_menu #side_t7   ,
			ul#train_menu #side_t8   ,
			ul#train_menu #side_t9   ,
			ul#train_menu #side_t10 a,
			ul#train_menu #side_t11  ,
			ul#train_menu #side_t12 a,
			ul#train_menu #side_t13  {
				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;
				display     : block;
			}

			ul#train_menu #side_t1 { z-index : 50; }
			ul#train_menu #side_t1b{
				width   : 200px;
				height  : 38px;
				margin  : 0px 0px;
				padding : 0px 0px;
				border  : 0px solid #CCC;
				cursor  : pointer;
				z-index : 50;
			}
			ul#train_menu #side_t2 a{
				_margin  : -6px 0px;
				*margin  : -6px 0px;
				_padding : 0px 0px 6px 0;
			}
			ul#train_menu #side_t1   { background : url(../image/side_menu_1.png) no-repeat;}
			ul#train_menu #side_t2  a{ background : url(../image/side_menu_2.png) no-repeat;}
			ul#train_menu #side_t3  a{ background : url(../image/side_menu_3.png) no-repeat;}
			ul#train_menu #side_t4  a{ background : url(../image/side_menu_4.png) no-repeat;}
			ul#train_menu #side_t5   { background : url(../image/side_menu_5.png) no-repeat;}
			ul#train_menu #side_t6  a{ background : url(../image/tetsu_s1.png) no-repeat;}
			ul#train_menu #side_t7   { background : url(../image/tetsu_s2.png) no-repeat;}
			ul#train_menu #side_t8   { background : url(../image/tetsu_s3.png) no-repeat;}
			ul#train_menu #side_t9   { background : url(../image/tetsu_s4.png) no-repeat;}
			ul#train_menu #side_t10 a{ background : url(../image/tetsu_s5.png) no-repeat;}
			ul#train_menu #side_t11  { background : url(../image/tetsu_s6.png) no-repeat;}
			ul#train_menu #side_t12 a{ background : url(../image/tetsu_s7.png) no-repeat;}
			ul#train_menu #side_t13  { background : url(../image/tetsu_s8.png) no-repeat;}

			ul#train_menu #side_t2 a:hover ,
			ul#train_menu #side_t3 a:hover ,
			ul#train_menu #side_t4 a:hover ,
			ul#train_menu #side_t6 a:hover ,
			ul#train_menu #side_t10 a:hover,
			ul#train_menu #side_t12 a:hover{background-position : 0 -38px;}

/*
@-moz-document url-prefix() { 
				ul#train_menu #side_t5  ,
				ul#train_menu #side_t6 a,
				ul#train_menu #side_t7  ,
				ul#train_menu #side_t8  ,
				ul#train_menu #side_t11  ,
				ul#train_menu #side_t13 {
					width       : 200px;
					height      : 38px;
					margin      : 114px 0px;
					overflow    : hidden;
					text-indent : -420px;
					font-size   : 13px;
					border      : 0px solid #CCC;
					cursor      : pointer;
				}

				ul#train_menu #side_t5  { background : url(../image/side_menu_5.png) no-repeat;}
				ul#train_menu #side_t6 a{ background : url(../image/tetsu_s1.png) no-repeat;}
				ul#train_menu #side_t7  { background : url(../image/tetsu_s2.png) no-repeat;}
				ul#train_menu #side_t8  { background : url(../image/tetsu_s3.png) no-repeat;}
				ul#train_menu #side_t11 { background : url(../image/tetsu_s6.png) no-repeat;}
				ul#train_menu #side_t13 { background : url(../image/tetsu_s8.png) no-repeat;}
}
*/

	#train_menu ul#dyer{
		list-style : none;
		margin     : 0px 0px;
		padding    : 0px 0px 0 0;
		border     : 0px solid #CCC;
	}

		ul#dyer li#form_back,
		ul#dyer li{
			margin  : 5px 0px;
			padding : 0px 10px;
			border  : 0px solid #CCC;
			cursor  : pointer; 
		}

		ul#dyer li#line_search{
			background : url(../image/triangle_4.gif) no-repeat;
			width      : 170px;
			margin     : 0px 10px;
			padding    : 0px 0px;
			border     : 0px solid #CCC;
			cursor     : pointer;
		}

/*
@-moz-document url-prefix() { 
			ul#dyer li#form_back{
				height  : 150px;
				margin  : 5px 0px;
				padding : 0px 10px;
				border  : 0px solid #CCC;
				cursor  : pointer;
			}
			#dyer #pm_3{
				height : 250px;
				margin : -100px 0px;
				border : 0px solid #CCC;
			}
}
*/

	#dyer #login{
		background  : url(../image/login_btn.gif) no-repeat;
		width       : 70px;
		height      : 30px;
		margin      : 0 auto;
		margin-top  : 10px;
		overflow    : hidden;
		text-indent : -140px;
		border      : 0px solid #CCC;
		cursor      : pointer;
	}

		#dyer .block,#dyer .block2,#dyer .block3,#dyer .block4,#dyer .block5,
		#dyer #date{
			font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
			color       : #000;
			text-align  : left;
			border      : 0px solid #CCC;
			cursor      : pointer;
		}

			#dyer .block{
				margin    : 10px 0px;
				padding   : 0px 0px 0px 0px;
				color     : red;
				font-size : 10px;
			}

			#dyer .block2{
				background     : url(../image/line.gif) no-repeat;
				background-position : center bottom;
				margin         : 0px 20px;
				padding        : 2px 0px 10px 0px;
				font-size      : 12px;
				vertical-align : top;
			}

			#dyer .block3{
				width     : 180px;
				margin    : 5px 0px;
				padding   : 0px 0px 0px 0px;
				font-size : 12px;
			}

			#dyer .block4{
				width     : 180px;
				height    : 20px;
				margin    : 0px 20px;
				padding   : 2px 0px 0px 0px;
				font-size : 10px;
			}

			#dyer .block5{
				background-position : center bottom;
				margin         : 0;
				padding        : 0px 0px 7px 0px;
				_padding       : 0px 0px 3px 0px;
				*padding       : 0px 0px 3px 0px;
				font-size      : 10px;
				vertical-align : top;
			}

			#dyer #date{
				width     : 180px;
				margin    : 0px 0px;
				padding   : 5px 0px 0px 0px;
				font-size : 12px;
			}

				#dyer .block2 a,#dyer .block3 a,#dyer .block4 a,#dyer .block5 a{
					color  : #000;
					cursor : pointer;
				}

				#dyer .block2 a:hover,#dyer .block3 a:hover,#dyer .block4 a:hover,#dyer .block5 a:hover{
					color : #0072bc;
				}

			#dyer .block5 #icoAt{
				vertical-align : top;
				margin         : 0 6px 0 2px;
			}

		#dyer #attention{
			margin : -3px 0 0 0;
		}


/*----------------------------------
			banner
----------------------------------*/

#banner, #banner ul{
	width   : 200px;
	padding : 0px 0px 0px 0px;
	border  : 0px solid #CCC;
}
	#banner{
		margin    : 3px 0px;
		font-size : 13px;
		cursor    : pointer;
	}
	#banner ul{
		margin : 0px 0px;
	}

		#banner ul li#banner_1 a,
		#banner ul li#banner_2 a,
		#banner ul li#banner_3 a,
		#banner ul li#banner_4 a,
		#banner ul li#banner_5 a,
		#banner ul li#banner_6 a,
		#banner ul li#banner_7 a,
		#banner ul li#banner_8 a,
		#banner ul li#banner_9 a{
			width       : 200px;
			height      : 70px;
			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{ background : url(../image/bana_tetsudo_higaeritour.jpg) no-repeat;}
		#banner ul li#banner_2 a{ background : url(../image/bana_tetsudo_hanshin10.png) no-repeat;}
		#banner ul li#banner_3 a{ background : url(../image/bana_tetsudo_shimakaze.jpg) no-repeat;}
		#banner ul li#banner_4 a{ background : url(../image/bana_tetsudo_creditcard.jpg) no-repeat;}
		#banner ul li#banner_5 a{ background : url(../image/bana_tetsudo_ad-kintetsu.jpg) no-repeat;}
		#banner ul li#banner_6 a{ background : url(../image/bana_tetsudo_torikumi.jpg) no-repeat;}
		#banner ul li#banner_7 a{ background : url(../image/bana_tetsudo_app.jpg) no-repeat;}
		#banner ul li#banner_8 a{ background : url(../image/bana_tetsudo_soukouannai.jpg) no-repeat;}
		#banner ul li#banner_9 a{ background : url(../image/bana_tetsudo_tokouken.png) no-repeat;}

/*----------------------------------
			iFrame
20150318.ダイヤ案内の見栄えを定義するCSSは
すべてのCSSが先頭でインポートする"base.css"の最下部に
PC&SPともに。移動させました。
もし、各カテゴリごとに別の表示が必要になった場合、
このブロックにコピペし上書きしてください。
----------------------------------*/


/*----------------------------------
			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;}  
