/*----------------------------------------------------------
	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 */

/*-------------------------------
		header for SP
--------------------------------*/
#header_sp{
	width       : 640px; 
	height      : 270px;
	margin      : 0px auto;
	padding     : 0px 0px 0px 0;
	display     : none;
	border      : 0px solid #CCC;
}
/*---logo---*/
#header_sp #logo,#header_sp h1{
	width       : 200px; 
	height      : 55px;
	margin      : 0px 0px;
	padding     : 0px 0 0 0;
	border      : 0px solid #CCC;
	cursor      : pointer;
}
#header_sp #logo{ position : absolute; }
#header_sp h1{
	background  : url(../image/logo.jpg) no-repeat;
	overflow    : hidden;
	text-indent : -200px;
}

/*---language---*/

#header_sp #languageSP,#languageSP ul{
	position : absolute;
	width    : 400px;
	height   : 30px;
	border   : 0px solid #CCC;
}
	#header_sp #languageSP{
		position : absolute;
		margin   : 12px 230px;
	}
	#languageSP ul{
		list-style : none;
		margin     : 0px 0px;
	}
		#languageSP ul li a{
			width    : 120px;
			height   : 30px;
			margin   : 0px 0px;
			padding  : 30px 0px 0 0;
			float    : right;
			overflow : hidden;
			height   : 0px!important;
			border   : 0px solid #CCC;
			cursor   : pointer;
		}
			#languageSP ul li#en  a{ width      : 90px;}
			#languageSP ul li#en  a{ background : url(../image/sp/triangle_e.gif) no-repeat; }
			#languageSP ul li#ch1 a{ background : url(../image/sp/triangle_c1.gif) no-repeat; }
			#languageSP ul li#ch2 a{ background : url(../image/sp/triangle_c2.gif) no-repeat; }
			#languageSP ul li#ko  a{ background : url(../image/sp/triangle_k.gif) no-repeat; }
			#languageSP ul li#th  a{ background : url(../image/sp/triangle_th.gif) no-repeat; }
			#languageSP ul li#en  a:hover  ,
			#languageSP ul li#ch1 a:hover ,
			#languageSP ul li#ch2 a:hover ,
			#languageSP ul li#ko  a:hover  ,
			#languageSP ul li#th  a:hover  { background-position : 0 -30px; }

/*---request---*/
#header_sp #reauestSP, #reauestSP ul{
	width  : 330px;
	height : 60px;
	border : 0px solid #CCC;
}
	#header_sp #reauestSP{
		position : absolute;
		margin   : 55px 50px;
	}
	#reauestSP ul{
		list-style : none;
		margin     : 0px 0px;
		padding    : 0px 0 0 0;
	}
		#reauestSP ul li#req_1 a,
		#reauestSP ul li#req_2 a,
		#reauestSP ul li#req_3 a,
		#reauestSP ul li#req_4 a{
			width       : 145px;
			height      : 30px;
			margin      : 0px 0px;
			padding     : 0px 5px 0 0;
			border      : 0px solid #CCC;
			overflow    : hidden;
			display     : inline; 
			text-indent : -200px;
			float       : left;
			cursor      : pointer;
		}
		#reauestSP ul li#req_4 a{
			width       : 163px;
		}
		#reauestSP ul li#req_1 a{ background : url(../image/sp/request_1.png) no-repeat; }
		#reauestSP ul li#req_2 a{ background : url(../image/sp/request_2.png) no-repeat; }
		#reauestSP ul li#req_3 a{ background : url(../image/sp/request_3.png) no-repeat; }
		#reauestSP ul li#req_4 a{ background : url(../image/sp/request_4.png) no-repeat; }

		#reauestSP ul li#req_1 a:hover ,
		#reauestSP ul li#req_2 a:hover ,
		#reauestSP ul li#req_3 a:hover ,
		#reauestSP ul li#req_4 a:hover { background-position : 0 -30px;   }

/*---search---*/
#header_sp #searchFormSP, #searchFormSP ul{
	width  : 245px;
	height : 25px;
}
	#header_sp #searchFormSP{
		margin : 80px 5px;
		float  : right;
	}
	#searchFormSP ul{
		list-style : none;
		margin     : 0px 0px;
	}
	#searchFormSP ul li#datain,
	#searchFormSP ul li#find a{
		padding    : 0px 0px 0 0;
		float      : left;
		border     : 0px solid #CCC;
	}
		#searchFormSP ul li#datain{
			width   : 160px;
			height  : 20px;
			margin  : 0px 0px;
		}
		#searchFormSP ul li#find a{
			background  : url(../image/sp/find_btn_sp.png) no-repeat;
			width       : 100px;
			height      : 30px;
			margin      : 0px -10px;
			font-size   : 16px;
			color       : #fff;
			font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
			text-align  : center;
			cursor      : pointer;
		}
		#searchFormSP ul li#find a:hover { background-position : 0 -30px; }
		#searchFormSP .block{
			width       : 70px;
			height      : 13px;
			margin      : 0px 0px;
			padding     : 4px 0px 0 0; 
			font-size   : 20px;
			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_sp {
		    width              : auto;
		    margin             : -3px -5px;
			padding            : 6px;
		    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_sp #isearchFormSP {
	position  : absolute;
	width   : 230px;
	height    : 25px;
	font-size : 13px;
	border    : 0px solid #CCC;
	margin  : 88px 0 0 400px;
}

#isearchFormSP #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);
}

#isearchFormSP #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;
}
#isearchFormSP #search_button:hover {
	background-position : 0 -30px;
}

/*---menu_btn---*/

#header_sp #menu_btnSP2,
#header_sp #menu_btnSP3,
#menu_btnSP2 ul,
#menu_btnSP3 ul,
#header_sp #menu_lineSP{
	width   : 640px;
	height  : 72px;
	padding : 0px 0px 0 0;
	display : block;
	border  : 0px solid #CCC;
}
	#header_sp #menu_lineSP{
		position   : absolute;
		background : url(../image/line.png) no-repeat;
		height     : 3px;
		margin     : 0px 0px;
	}
		#header_sp #menu_btnSP2,
		#header_sp #menu_btnSP3{
			margin   : 120px 0px;
			position : absolute;
		}
		#header_sp #menu_btnSP3{ margin : 197px 0px; }
		#menu_btnSP2 ul, #menu_btnSP3 ul{
			list-style : none;
			margin     : 0px 0px;
		}
			#menu_btnSP2 ul li#menu_1 a ,
			#menu_btnSP2 ul li#menu_2 a ,
			#menu_btnSP2 ul li#menu_3 a ,
			#menu_btnSP3 ul li#menu_5 a ,
			#menu_btnSP3 ul li#menu_6 a ,
			#menu_btnSP3 ul li#menu_7 a {
				width      : 210px;
				height     : 70px;
				background : url(../image/sp/menu_btn_sp.png) no-repeat;
				margin     : 0px 0px;
				padding    : 0px 4px 0 0;
				float      : left;
				border     : 0px solid #CCC;
				cursor     : pointer;
			}
			#menu_btnSP2 ul li#menu_3 a ,
			#menu_btnSP3 ul li#menu_6 a { padding             : 0px 0px 0 0; }
			#menu_btnSP2 ul li#menu_1 a { background-position : 0 -70px; }
			#menu_btnSP2 ul li#menu_1 div { color : #000; }
			#menu_btnSP2 ul li#menu_1 a:hover ,
			#menu_btnSP2 ul li#menu_2 a:hover ,
			#menu_btnSP2 ul li#menu_3 a:hover ,
			#menu_btnSP3 ul li#menu_5 a:hover ,
			#menu_btnSP3 ul li#menu_6 a:hover ,
			#menu_btnSP3 ul li#menu_7 a:hover { background-position: 0 -70px; }

			#menu_btnSP2 .block  ,
			#menu_btnSP3 .block  ,
			#menu_btnSP3 .block6 ,
			#menu_btnSP3 .block7 {
				width       : 210px;
				height      : 50px;
				margin      : 0px 0px;
				padding     : 20px 0px 0 0; 
				font-size   : 19px;
				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;
			}
			#menu_btnSP3 .block  ,
			#menu_btnSP3 .block6 ,
			#menu_btnSP3 .block7 { cursor    : pointer; }
			#menu_btnSP3 .block6 { padding   : 28px 0px 0 0; }
			#menu_btnSP3 .block7 { padding   : 13px 0px 0 0; }
			#menu_btnSP3 .block6 { font-size : 12px; }
			#menu_btnSP3 .block7 { font-size : 16px; }
			#menu_btnSP3 #menu_7 .block7 { padding-top : 19px; line-height : 1.1; }
	#menu_btnSP2 .block:hover  ,#menu_btnSP3 .block6:hover ,#menu_btnSP3 .block7:hover { color:#000; }

/*---ここまでヘッダー------*/
/*---contents_frame------*/
/*----main------*/
/*----sidemenu------*/

	#outline_frame #side_frame_sp,
	#side_frame_sp #sub_1,
	#side_frame_sp #sub_1 #sub_title{
		position : absolute;
		border   : 0px solid #CCC;
	}
		#outline_frame #side_frame_sp{
			width   : 640px;
			margin  : -150px 0px;
			display : none;
			z-index : 100;
		}
		#side_frame_sp #sub_1{
			background : url(../image/sp/side_menu_back_sp_top_201509.png) no-repeat;
			width      : 515px;
			height     : 600px;
			margin     : 0px 70px;
		}
		#side_frame_sp #sub_1 #sub_title{
			width  : 300px;
			height : 40px;
			margin : 5px 140px;
		}
	#sub_title .block3{
		width       : 300px;
		height      : 40px;
		margin      : 0px 60px;
		padding     : 5px 0px 0 0;
		font-size   : 24px;
		color       : #000;
		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;
	}
	#side_frame_sp #sub_1 #sub_rail {
		width       : 440px;
		height      : 390px;
		margin      : 60px 33px;
		border      : 0px solid #CCC;
		position    : absolute;
		overflow    : hidden;
	}

/*----- サブメニューのボタン：ここから -----*/

#side_frame_sp #sub_rail ul#rail_menu {
	width      : 440px;
	margin     : 0px 0px;
	border     : 0px solid #CCC;
	list-style : none;
}
	#side_frame_sp #sub_rail ul#rail_menu li a {
		width   : 440px;
		height  : 80px;
		margin  : 3px 0px;
		padding : 0px 0px 0px 0px;
		border  : 0px solid #CCC;
		float   : left;
		cursor  : pointer;
	}
	#side_frame_sp #sub_rail ul#rail_menu li ul li a { height : 74px; }
	#side_frame_sp #sub_rail ul#rail_menu li#r_1 a { z-index    : 200; }
	#side_frame_sp #sub_rail ul#rail_menu li#r_1 a { background : url(../image/sp/side_menu_sp_1.png) no-repeat; }
	#side_frame_sp #sub_rail ul#rail_menu li#r_2 a ,
	#side_frame_sp #sub_rail ul#rail_menu li#r_3 a { background : url(../image/sp/side_menu_sp_2.png) no-repeat; }
	#side_frame_sp #sub_rail ul#rail_menu li#r_4 a { background : url(../image/sp/side_menu_sp_3b.png) no-repeat; }
	#side_frame_sp #sub_rail ul#rail_menu li#r_1 a:hover,
	#side_frame_sp #sub_rail ul#rail_menu li#r_2 a:hover,
	#side_frame_sp #sub_rail ul#rail_menu li#r_3 a:hover,
	#side_frame_sp #sub_rail ul#rail_menu li#r_4 a:hover { background-position : 0 -80px; }

/*----------運賃・料金検索サブメニュー----------*/

#side_frame_sp #sub_rail ul#rail_menu li#r_4b {
	width      : 440px;
	height     : 180px; /* 80 x 行数 + 20px */
	margin     : 0px 0px;
	padding    : 0px 0px 0px 0px;
	border     : 0px solid #CCC;
	background : url(../image/sp/sm_back.png) no-repeat;
	float      : left;
	display    : none;
}
	#r_4b ul , #r_4b ul li {
		width      : 440px;
		margin     : 20px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		list-style : none;

	}
	#r_4b ul li {
		height     : 80px;
		margin     : 0px 0px;
		background : url(../image/sp/triangle.png) no-repeat;
	}

/*---------ここまで共通メニュー-----------*/
/*---------運行情報-----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_t6 a { background: url(../image/sp/side_menu_sp_6.png) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_t6 a:hover { background-position: 0 -80px; }

/*----------近鉄特急のご案内----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_t7 a { background: url(../image/sp/side_menu_sp_5.png) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_t7 a:hover { background-position: 0 -80px; }

/*----------近鉄特急のご案内サブメニュー----------*/
	#side_frame_sp #sub_rail ul#rail_menu li#r_t7b {
		width      : 440px;
		height     : 340px; /* 80 x 行数 + 20px */
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/sm_back.png) no-repeat;
		float      : left;
		display    : none;
	}
	#r_t7b ul {
		list-style : none;
		width      : 440px;
		margin     : 20px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
	}
	#r_t7b ul li {
		width      : 440px;
		height     : 80px;
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/triangle.png) no-repeat;
		cursor     : pointer;
	}

/*----------駅の情報----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_t8 a { background: url(../image/sp/side_menu_sp_5.png) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_t8 a:hover { background-position: 0 -80px; }

/*----------駅の情報サブメニュー----------*/
	#side_frame_sp #sub_rail ul#rail_menu li#r_t8b {
		width      : 440px;
		height     : 660px; /* 80 x 行数 + 20px */
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/sm_back.png) no-repeat;
		float      : left;
		display    : none;
	}
	#r_t8b ul {
		width      : 440px;
		margin     : 20px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		list-style : none;
	}
	#r_t8b ul li {
		width      : 440px;
		height     : 80px;
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/triangle.png) no-repeat;
		cursor     : pointer;
	}

/*----------きっぷの情報----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_t9 a { background: url(../image/sp/side_menu_sp_5.png) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_t9 a:hover { background-position: 0 -80px; }

/*----------きっぷ情報サブメニュー----------*/
	#side_frame_sp #sub_rail ul#rail_menu li#r_t9b {
		width      : 440px;
		height     : 340px; /* 80 x 行数 + 20px */
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/sm_back.png) no-repeat;
		float      : left;
		display    : none;
	}
	#r_t9b ul {
		width      : 440px;
		margin     : 20px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		list-style : none;
	}
	#r_t9b ul li {
		width      : 440px;
		height     : 80px;
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/triangle.png) no-repeat;
		cursor     : pointer;
	}

/*---------路線図・停車駅のご案内-----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_t10 a { background: url(../image/sp/side_menu_sp_6.png) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_t10 a:hover { background-position: 0 -80px; }

/*----------ICカードサービス----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_t11 a { background: url(../image/sp/side_menu_sp_5.png) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_t11 a:hover { background-position: 0 -80px; }

/*----------ICカードサービスサブメニュー----------*/
	#side_frame_sp #sub_rail ul#rail_menu li#r_t11b ,
	#r_t11b ul {
		width      : 440px;
		height     : 260px; /* 80 x 行数 + 20px */
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
	}
	#side_frame_sp #sub_rail ul#rail_menu li#r_t11b {
		margin     : 0px 0px;
		background : url(../image/sp/sm_back.png) no-repeat;
		float      : left;
		display    : none;
	}
	#r_t11b ul {
		margin     : 20px 0px;
		list-style : none;
	}
	#r_t11b ul li {
		width      : 440px;
		height     : 80px;
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/triangle.png) no-repeat;
		cursor     : pointer;
	}

/*----------オリジナルグッズ----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_t12 a { background: url(../image/sp/side_menu_sp_6.png) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_t12 a:hover { background-position: 0 -80px; }

/*----------ICカードサービス----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_t13 a { background: url(../image/sp/side_menu_sp_5.png) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_t13 a:hover { background-position: 0 -80px; }

/*----------ICカードサービスサブメニュー----------*/
	#side_frame_sp #sub_rail ul#rail_menu li#r_t13b {
		width      : 440px;
		height     : 420px; /* 80 x 行数 + 20px */
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/sm_back.png) no-repeat;
		float      : left;
		display    : none;
	}
	#r_t13b ul {
		width      : 440px;
		height     : 420px; /* 80 x 行数 + 20px */
		margin     : 20px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		list-style : none;
	}
	#r_t13b ul li {
		width      : 440px;
		height     : 80px;
		margin     : 0px 0px;
		padding    : 0px 0px 0px 0px;
		border     : 0px solid #CCC;
		background : url(../image/sp/triangle.png) no-repeat;
		cursor     : pointer;
	}


/*----------バナー----------*/
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn1 a ,
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn2 a ,
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn3 a ,
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn4 a ,
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn5 a ,
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn6 a ,
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn7 a ,
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn8 a ,
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn9 a { height     : 110px; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn1 a { background : url(../image/sp/banner_sp_20.jpg) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn2 a { background : url() no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn3 a { background : url(../image/sp/banner_sp_shimakaze.jpg) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn4 a { background : url(../image/sp/banner_sp_21.jpg) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn5 a { background : url(../image/sp/banner_sp_ad-kintetsu.jpg) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn6 a { background : url(../image/sp/banner_sp_torikumi.jpg) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn7 a { background : url(../image/sp/banner_sp_app.jpg) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn8 a { background : url(../image/sp/banner_sp_tetsudo_soukouannai.jpg) no-repeat; }
#side_frame_sp #sub_rail ul#rail_menu li#r_tbn9 a { background : url(../image/sp/banner_sp_tokouken.png) no-repeat; }

/*---------バナー：ここまで 以下共通-----------*/

#side_frame_sp #sub_rail #rail_menu .block  ,
#side_frame_sp #sub_rail #rail_menu .block2 ,
#side_frame_sp #sub_rail #rail_menu .block2 a{
	height      : 50px;
	border      : 0px solid #CCC;
	font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color       : #000;
	text-align  : center;
}

#side_frame_sp #sub_rail #rail_menu .block {
	width       : 440px;
	margin      : 0px 0px;
	padding     : 20px 0px 0 0; 
	font-size   : 22px;
}

#side_frame_sp #sub_rail #rail_menu .block2 ,
#side_frame_sp #sub_rail #rail_menu .block2 a{
	width       : 400px;
	margin      : 0px 60px;
	padding     : 5px 0px 0 0; 
	font-size   : 24px;
	text-align  : left;
}

#side_frame_sp #sub_rail #rail_menu .block2:hover{ color : #0072bc; }
#side_frame_sp #sub_rail #rail_menu .block:hover { color : #000;    }

#sub_1 #sub_btns {
	position   : absolute;
	width      : 440px;
	height     : 67px; 
	margin     : -50px 30px;
	border     : 0px solid #CCC;
	z-index    : 100;
}

#sub_1 #sub_btns ul {
	list-style : none;
	width      : 440px;
	height     : 67px; 
	margin     : 0px 0px;
	border     : 0px solid #CCC;
}
#sub_btns ul li#close_btn_sp,  #sub_btns ul li#up,  #sub_btns ul li#down {
	position   : absolute;
	width      : 140px;
	height     : 67px; 
	float      : left;
	border     : 0px solid #CCC;
	cursor     : pointer;
}
#sub_btns ul li#close_btn_sp {
	background : url(../image/sp/close_sp.png) no-repeat;
	width      : 160px;
	margin     : 0px 290px;
	z-index    : 100;
}
#sub_btns ul li#up {
	background : url(../image/sp/up_btn.png) no-repeat;
	margin     : 0px 180px;
}

#sub_btns ul li#down {
	background : url(../image/sp/down_btn.png) no-repeat;
	margin     : 0px 310px;
}
#sub_btns #close_btn_sp:hover, #sub_btns #up:hover, #sub_btns #down:hover { background-position: 0 -67px; }
#close_btn_sp .block{
	width       : 160px;
	height      : 50px;
	margin      : 0px 0px;
	padding     : 16px 0px 0 0; 
	font-size   : 19px;
	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;
}

/*----------------------------------
iFrame
20150318.ダイヤ案内の見栄えを定義するCSSは
すべてのCSSが先頭でインポートする"base.css"の最下部に
PC&SPともに。移動させました。
もし、各カテゴリごとに別の表示が必要になった場合、
このブロックにコピペし上書きしてください。
----------------------------------*/

/*----footer----*/
#footer_sp,
#footer_sp #footer_item,
#footer_sp #footer_item ul,
#footer_sp #footer_item ul li,
#footer_sp #footer_item ul li a{
	padding : 0;
	border  : 0px solid #CCC;
}
	#footer_sp{
		background:url(../image/sp/footer_sp.png) no-repeat;
		width   : 640px;
		height  : 80px;
		margin  : 0px auto;
		display : none;
		cursor  : pointer;
	}
		#footer_sp #footer_item{
			width  : 600px;
			height : 50px;
			margin : 0px auto;
		}
			#footer_sp #footer_item ul{
				position   : absolute;
				list-style : none;
				width      : 620px;
				height     : 25px;
				margin     : 8px 0px;
			}
				#footer_sp #footer_item ul li{
					width    : 75px;
					height   : 25px;
					margin   : 0px 0px;
					display  : inline;
					cursor   : pointer;
				}
					#footer_sp #footer_item ul li a{
						font-size  : 15px;
						color      : #fff;
						text-align : left;
						cursor     : pointer;
					}

/*----clear------*/
	#main_frame:after,
	#side_frame_sp:after,
	#languageSP ul:after,
	#reauestSP ul:after,
	#searchFormSP ul:after,
	#menu_btnSP2 ul:after,
	#menu_btnSP3 ul:after,
	#side_frame_sp #sub_rail ul#rail_menu:after,
	#sub_1 #sub_btns ul:after {
		height:0;
		visibility:hidden;
		content:".";
		display:block;
		clear:both;
	}
	.clear { clear:both; }  
	.clear hr { display:none; }  

