/*----------------------------------------------------------
	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;
			margin     : 0px 0px;
		}

		#menu_btn ul li#menu_2 a{
			background          : url(../image/menu_btn_02.png) no-repeat;
			background-position : 0 -40px;
			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) 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;
}

/*---------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_t5   ,
			ul#train_menu #side_t2 a ,
			ul#train_menu #side_t3 a ,
			ul#train_menu #side_t4 a {
				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_t2 a:hover ,
			ul#train_menu #side_t3 a:hover ,
			ul#train_menu #side_t4 a:hover { background-position : 0 -38px; }

/*
@-moz-document url-prefix() { 
			#train_menu #side_t5 {
				background  : url(../image/side_menu_5.png) no-repeat;
				width       : 200px;
				height      : 38px;
				margin      : 114px 0px;
				overflow    : hidden;
				text-indent : -420px;
				font-size   : 13px;
				border      : 0px solid #CCC;
				cursor      : pointer;
			}
}
*/

#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;
	}

		ul#dyer li{ cursor : pointer; }

	ul#dyer li#line_search{
		background  : url(../image/triangle_4.gif) no-repeat;
		width       : 180px;
		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  : 150px;
			margin  : -100px 0px;
			border  : 0px solid #CCC;
		}
	}
*/

#dyer #login{
	background  : url(../image/login_btn.gif) no-repeat;
	width       : 70px;
	height      : 30px;
	margin      : 5px 55px;
	overflow    : hidden;
	text-indent : -140px;
	font-size   : 13px;
	border      : 0px solid #CCC;
	cursor      : pointer;
}

	#dyer .block, #dyer .block2, #dyer .block3, #dyer .block4, #dyer .block5,
	#dyer .block22, #dyer .block23,
	#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 ,
		#dyer .block22,
		#dyer .block23{
			background : url(../image/line.gif) no-repeat center bottom;
			margin     : 0px 20px;
			padding    : 2px 0px 10px 0px;
		}
		#dyer .block2{
			font-size      : 12px;
			vertical-align : top;
		}
		#dyer .block22{ font-size : 11px; }
		#dyer .block23{ font-size : 10px; }

		#dyer .block3{
			width     : 180px;
			margin    : 5px 0px;
			padding   : 0px 0px 0px 0px;
			font-size : 12px;
		}
		#dyer .block4{
			width     : 180px;
			height    : 25px;
			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,
			#dyer .block22 a, 
			#dyer .block23 a{
				color  : #000;
				cursor : pointer;
			}

			#dyer .block2  a:hover, 
			#dyer .block3  a:hover, 
			#dyer .block4  a:hover, 
			#dyer .block5  a:hover, 
			#dyer .block22 a:hover, 
			#dyer .block23 a:hover{ color : #0072bc; }

		#dyer .block5 #icoAt{
			vertical-align : top;
			margin         : 0 6px 0 2px;
		}

		#dyer #attention{ margin : -3px 0 0 0; }

/*----------------------------------
		kanko side menu
----------------------------------*/

	#train_menu #side_t14,
	ul#train_menu #side_t6 a,
	ul#train_menu #side_t7 a,
	ul#train_menu #side_t8 a,
	ul#train_menu #side_t9 a,
	ul#train_menu #side_t11 a,
	ul#train_menu #side_t12 a,
	ul#train_menu #side_t13 a,
	ul#train_menu #side_t15 a{
		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_t6 a { background:url(../image/kanko_s1.png) no-repeat; }
		ul#train_menu #side_t7 a { background:url(../image/kanko_s2.png) no-repeat; }
		ul#train_menu #side_t8 a { background:url(../image/kanko_s3.png) no-repeat; }
		ul#train_menu #side_t9 a { background:url(../image/kanko_s9.png) no-repeat; }
		ul#train_menu #side_t11 a{ background:url(../image/kanko_s5.png) no-repeat; }
		ul#train_menu #side_t12 a{ background:url(../image/kanko_s6.png) no-repeat; }
		ul#train_menu #side_t13 a{ background:url(../image/kanko_s7.png) no-repeat; }
		ul#train_menu #side_t15 a{ background:url(../image/kanko_s15.png) no-repeat; }
/*
		ul#train_menu #side_t14 a{ background:url(../image/kanko_s8.png) no-repeat; }
*/

	ul#train_menu #side_t6 a:hover ,
	ul#train_menu #side_t7 a:hover ,
	ul#train_menu #side_t8 a:hover ,
	ul#train_menu #side_t9 a:hover ,
	ul#train_menu #side_t11 a:hover ,
	ul#train_menu #side_t12 a:hover ,
	ul#train_menu #side_t13 a:hover ,
	ul#train_menu #side_t14 a:hover ,
	ul#train_menu #side_t15 a:hover { background-position : 0 -38px; }

	#train_menu #side_t14{
		background : url(../image/kanko_s8.png) no-repeat;
		z-index    : 50;
	}

/*
	@-moz-document url-prefix() {
		#train_menu #side_t14{
			position    : absolute;
			background  : url(../image/kanko_s8.png) no-repeat;
			width       : 200px;
			height      : 38px;
			margin      : 76px 0px;
			padding     : 0px 0px;
			overflow    : hidden;
			text-indent : -400px;
			border      : 0px solid #CCC;
			cursor      : pointer;
			z-index     : 50;
		}
	}
*/

/*----------------------------------
			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_4 a,
	#banner ul li#banner_5 a,
	#banner ul li#banner_6 a,
	#banner ul li#bnr_shisetsu a,
	#banner ul li#bnr_amima a,
	#banner ul li#banner_30 a,
	#banner ul li#banner_knt a{
		width       : 200px;
		height      : 70px;
		float       : left;
		margin      : 0px 0px;
		padding     : 2px 0px 0px 0px;
		overflow    : hidden;
		text-indent : -1000px;
		border      : 0px solid #CCC;
	}

		#banner ul li#banner_1 a     { background : url(../image/bana_kanko_miyakohotel.jpg) no-repeat; }
		#banner ul li#banner_4 a     { background : url(../image/bana_kanko_eyoyaku.jpg) no-repeat; }
		#banner ul li#banner_5 a     { background : url(../image/bana_kanko_gurunavi.jpg) no-repeat; }
		#banner ul li#banner_6 a     { background : url(../image/bana_kanko_konkatsu.jpg) no-repeat; }
		#banner ul li#banner_30 a    { background : url(../image/bana_kanko_spainmura.jpg) no-repeat; }
		#banner ul li#banner_knt a   { background : url(../image/bana_kanko_mieiseshima.jpg) no-repeat; }
		#banner ul li#bnr_shisetsu a { background : url(../image/bana_kanko_shisetsu.jpg) no-repeat; }
		#banner ul li#bnr_amima a    { background : url(../image/bana_kanko_amima.jpg) no-repeat; }

/*-------_recommend---------*/
#side_frame #osusume,
			#osusume ul,
			#osusume ul li#reco_t,
			#osusume ul li#reco_t ul,
			#osusume ul li#reco_back,
						  #reco_back #reco_images{
	width   : 200px;
	padding : 0px;
	border  : 0px solid #CCC;
}

	#side_frame #osusume{
		height : 275px;
		margin : 5px 0px;
	}

@-moz-document url-prefix() { /*fireFox*/
		#side_frame #osusume{
			width      : 200px;
			height     : 275px;
			margin     : 5px 0px;
			padding    : 0px;
			font-size  : 13px;
			border     : 0px solid #CCC;
		}
}

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

			#osusume ul li#reco_t{
				background : url(../../image/reco_t2.jpg) no-repeat;
				height     : 32px;
				margin     : 0px 0px;
			}

				#osusume ul li#reco_t ul{
					list-style : none;
					height     : 32px;
					margin     : 0px 0px;
				}

					#reco_t ul li#up_btn_pc a,
					#reco_t ul li#down_btn_pc a{
						position : absolute;
						width    : 32px;
						height   : 32px;
						padding  : 0px;
						float    : left;
						border   : 0px solid #CCC;
						cursor   : pointer
					}
						#reco_t ul li#up_btn_pc a{
							background : url(../../image/rec_btn_1.jpg) no-repeat;
							margin     : 0px 136px;
							_margin    : -4px 135px;
							*margin    : -1px 135px;
						}

						#reco_t ul li#down_btn_pc a{
							background : url(../../image/rec_btn_2.jpg) no-repeat;
							margin     : 0px 168px;
							_margin    : -25px 167px;
							*margin    : -22px 167px;
						}

							#reco_t ul li#up_btn_pc a:hover ,
							#reco_t ul li#down_btn_pc a:hover {
								cursor              : pointer;
								background-position : 0 -32px;
							}


			#osusume ul li#reco_back{
				background : url(../../image/reco_back2.jpg) no-repeat center bottom;
				height     : 247px;
				_height    : 260px;
				margin     : 0px 0px;
				_margin    : -8px 0px;
			}

				#reco_back #reco_images{
					position : absolute;
					height   : 218px;
					_height  : 230px;
					margin   : 10px 0;
					overflow : hidden;
					display  : block;
					cursor   : pointer
				}

					#reco_images ul#slider,
					ul#slider li{
						width  : 200px;
						margin : 0px 0px;
						border : 0px solid #CCC;
					}

						#reco_images ul#slider{
							list-style : none;
							padding    : 0px 0px 10px 0;
						}

						ul#slider li{
							height  : 73px;
							padding : 0px 0px;
							cursor  : pointer;
						}

/*----------------------------------
			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; }