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

/*----------------------------------
			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 {
	height     : 0;
	visibility : hidden;
	content    : ".";
	display    : block;
	clear      : both;
}

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