/* styles written in this file is for Standard */


.clearfix:after{
	content:		".";
	display:		block;
	visibility:		hidden;
	height:			0.1px;
	font-size:		0.1em;
	line-height:		0;
	clear:			both;
}

.clearfix{
	zoom:			100%;
}

sup{
	line-height:		1;
}


/* ---------- index.html ---------- */












#head{
	overflow:		hidden;
	/zoom:			1;
}

#head h2{
	display:		none;
}

#head p{
	margin:			0px;
	padding:		0px;
}

#head p.logo{
	float:			left;
	padding:		18px 0px 20px 7px;
}

#head p.logo a{
	display:		inline-block;
	/display:		inline;
	/zoom:			1;
	margin:			0;
	padding:		44px 0 0 0;
	width:			174px;
	height:			0;
	overflow:		hidden;
	background:		url(/common/_img/_hea_log.gif);
}

#head .font-utility{
	width:			369px;
	float:			right;
	background-image:	url(/common/_img/_hea_uti_bg.gif);
	background-repeat:	no-repeat;
	background-position:	top right;
	font-size:		0px;
	line-height:		0;
}

#head .font-utility dl{
	margin:			0px;
	padding:		0px;
	display:		inline-block;
	/display:		inline;
	/zoom:			1;
}

#head .font-utility dl dt{
	display:		inline-block;
	/display:		inline;
	/zoom:			1;
	margin:			0px;
	padding:		24px 0 0 0;
	height:			0;
	overflow:		hidden;
}

#head .font-utility dl dd{
	display:		inline-block;
	/display:		inline;
	/zoom:			1;
	margin:			0px;
	padding:		24px 0 0 0;
	height:			0;
	overflow:		hidden;
}

#head .font-utility dl#fontsize dt{
	width:			62px;
	background:		url(/common/_img/_hea_siz_cap.gif);
}

#head .font-utility dl#fontsize dd{
	cursor:			pointer;
	background-repeat:	no-repeat;
	background-position:	center center;
}

#head .font-utility dl#fontsize dd.fs1{ width: 15px; background-image: url(/common/_img/_hea_siz_but_01_f1.gif); }
#head .font-utility dl#fontsize dd.fs2{ width: 17px; background-image: url(/common/_img/_hea_siz_but_02_f1.gif); }
#head .font-utility dl#fontsize dd.fs3{ width: 19px; background-image: url(/common/_img/_hea_siz_but_03_f1.gif); }

#head .font-utility dl#fontsize dd.fs1.active{ background-image: url(/common/_img/_hea_siz_but_01_f2.gif); }
#head .font-utility dl#fontsize dd.fs2.active{ background-image: url(/common/_img/_hea_siz_but_02_f2.gif); }
#head .font-utility dl#fontsize dd.fs3.active{ background-image: url(/common/_img/_hea_siz_but_03_f2.gif); }

#head .font-utility dl#fontsize dd.fs1{
	display: none;
}

#head .font-utility dl.language dt{
	width:			71px;
	height:			0;
	overflow:		hidden;
	background:		url(/common/_img/_hea_lan_cap.gif);
}

#head .font-utility dl.language dd{
	padding:		0;
	height:			24px;
}

#head .font-utility dl.language dd a,
#head .font-utility dl.language dd span{
	display:		inline-block;
	/display:		inline;
	/zoom:			1;
	margin:			0px;
	padding:		24px 0 0 0;
	width:			95px;
	height:			0;
	overflow:		hidden;
	background-repeat:	no-repeat;
	background-position:	center center;
}

#head .font-utility dl.language dd.ln1 a{ background-image: url(/common/_img/_hea_lan_but_01_f1.gif); }
#head .font-utility dl.language dd.ln1 span{ background-image: url(/common/_img/_hea_lan_but_01_f2.gif); }
#head .font-utility dl.language dd.ln2 a{ background-image: url(/common/_img/_hea_lan_but_02_f1.gif); }
#head .font-utility dl.language dd.ln2 span{ background-image: url(/common/_img/_hea_lan_but_02_f2.gif); }

#head .search{
	width:			500px;
	float:			right;
	margin:			26px 0px 0px 0px;
}

#head .search p{
	float:			right;
	margin-left: 10px;
}

#head .search p input{
	vertical-align:		middle;
}

#head .search p input.textarea{
	margin-right:		3px;
}

#head .search ul{
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
	text-align:		right;
}

#head .search ul li{
	margin:			0px;
	padding:		0px;
	display:		inline;
	font-size:		9px;
}

#head .search ul li input{
	vertical-align:		middle;
	cursor:			pointer;
	margin-right: 3px;
	margin-left: 10px;
}

#head .search ul li img{
	vertical-align:		middle;
	cursor:			pointer;
}











/* service info */

#sep{
	margin:			0px 0px 1px 0px;
	padding:		0px 0px 1px 0px;
	background-image:	url(/common/_img/_sep_bg_01.jpg);
	background-repeat:	no-repeat;
	background-position:	bottom left;
	font-size:		12px;
	color:			#333333;
	line-height:		1.3;
	width:			769px;
}

body.large #sep{
	font-size:		16px;
}

#sep .clearfix{
	zoom:			100%;
}

#sep .sep-inner{
	padding:		5px 0 0 3px;
	background-image:	url(/common/_img/_sep_bg_02.jpg);
	background-repeat:	no-repeat;
	background-position:	top left;
}

#sep h2{
	margin:			0px;
	padding:		6px 0 0 5px;
	float:			left;
	width:			83px;
}

#sep p.detail-btn{
	margin:			0px;
	padding:		6px 0 0 0;
	float:			left;
	width:			49px;
}

#sep .sep-article{
	width:			309px;
	float:			left;
	margin:			0 2px 0 0;
	background-color:	#ffffff;
	border:			1px solid #686868;
}

* html #sep .single{
	float:			none;
}

#sep .zairaisen-wrap{
	padding-bottom:		4px;
}

#sep dl{
	margin:			0px;
	padding:		5px 0px 4px 7px;
	border-top:		1px solid #919191;
	border-left:		1px solid #919191;
}

#sep dl dt{
	margin:			0px;
	padding:		0px;
	float:			left;
}

#sep dl dt.shinkansen{
	width:			108px;
}

#sep dl dt.zairaisen{
	width:			72px;
}

#sep dl dt img{
	position:		relative;
	vertical-align:		top;
	margin-top:		-1px;
}

#sep dl dd{
	margin:			0px;
	padding:		0px;
	float:			left;
	zoom:			1;
}

#sep dl dd.shinkansen{
	background-repeat:	no-repeat;
	width:			183px;
}

#sep dl dd.zairaisen{
	background-repeat:	repeat-x;
	width:			219px;
}

#sep .clearfix:after{
	content:		".";
	display:		block;
	visibility:		hidden;
	height:			0.1px;
	font-size:		0.1em;
	line-height:		0;
	clear:			both;
}

#sep .information{
	padding:		5px 5px 0 0;
	background:		url(/common/_img/_sep_bg_03.gif) no-repeat left top;
	display:		none;
}
/*
#sep .information h2{
	width:			132px;
}
*/
#sep .information .sep-article{
	width:			622px;
	margin:			0 0 5px 0;
	float:			right;
}

#sep .information .info2{
	display:		none;
}


#sep .information .sep-article-inner{
	padding:		4px 7px;
	border-top:		1px solid #919191;
	border-left:		1px solid #919191;
	position:		relative;
	overflow:		hidden;
}

#sep .information .sep-article p{
	margin:			0;
	padding:		0;
}

#sep .tickerWrap{
	width:			607px;
	height:			17px;
	overflow:		hidden;
	position:		relative;
}

#sep .tickerWrap .moveArea{
	position:		absolute;
	top:			0px;
	left:			0px;
}

#sep .tickerWrap .moveArea p{
	position:		absolute;
	top:			0px;
	left:			0px;
	white-space:		nowrap;
	line-height:		18px;
}

















.www-index{
	position:		relative;
}

.www-index #swf{
	margin:			0px;
	padding:		0px;
	width:			769px;
	height:			300px;
}



.www-index #slideBanner{
	width:			769px;
	height:			253px;
	overflow:		hidden;
	position:		relative;
}

.www-index #slideBanner p.noscript{
	margin:			0px;
	padding:		0px;
}

.www-index #slideBanner #loading{
	width:			769px;
	height:			253px;
	background:		url(../_img/slide_loading.jpg) no-repeat center center;
}

.www-index #slideBanner ul{
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
}

.www-index #slideBanner ul{
	margin:			0px;
	padding:		0px;
}

.www-index #slideBanner ul.banner{
}

.www-index #slideBanner ul.banner li{
	position:		absolute;
	top:			0px;
	left:			0px;
	display:		none;
	font-size:		0px;
	line-height:		0;
	z-index:		0;
}

.www-index #slideBanner ul.banner li.l1{
	display:		block;
}

.www-index #slideBanner ul.thumb{
	position:		absolute;
	bottom:			0px;
	right:			0px;
	z-index:		100;
	padding:		9px 6px 9px 6px;
	background:		url(../_img/spacer.gif) repeat 0 0;
}

.www-index #slideBanner ul.thumb li{
	display:		block;
	width:			12px;
	float:			left;
	margin:			0px 5px 0px 0px;
	line-height:		12px;
}

.www-index #slideBanner ul.thumb li span{
	display:		block;
	width:			12px;
	height:			12px;
/*
	background:		url(../_img/slide_ico_01.png) no-repeat 0 0;
*/
	cursor:			pointer;
}

.www-index #slideBanner ul.thumb li.current span{
/*	background:		url(../_img/slide_ico_02.png) no-repeat 0 0;
*/
}

/*
* html .www-index #slideBanner ul.thumb li span{
	background-image:	none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='/_img/slide_ico_01.png');
}

* html .www-index #slideBanner ul.thumb li.current span{
	background-image:	none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='/_img/slide_ico_02.png');
}
*/

.www-index #slideUpMenu{
	width:			769px;
	height:			253px;
	overflow:		hidden;
	position:		absolute;
	top:			0px;
	left:			0px;
	display:		none;
}

.www-index #slideUpMenu .menu{
	width:			769px;
	position:		absolute;
	bottom:			0px;
	left:			0px;
	background-repeat:	no-repeat;
	background-position:	0 0;
	z-index:		100;
	overflow:		hidden;
/*
	display:		none;
*/
}

.www-index #slideUpMenu .menu h2{
	display:		none;
}

.www-index #slideUpMenu .menu h3{
	margin:			0px;
	padding:		0px;
}

.www-index #slideUpMenu .menu ul{
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
}

.www-index #slideUpMenu .menu ul li{
	margin:			0px;
	padding:		0px;
}

.www-index #slideUpMenu .menu ul li a{
	text-decoration:	none;
}

.www-index #slideUpMenu .menu ul li a:link,
.www-index #slideUpMenu .menu ul li a:visited,
.www-index #slideUpMenu .menu ul li a:active{
	color:			#333333;
}

.www-index #slideUpMenu .menu ul li a:hover{
	color:			#ff6633;
}

.www-index #slideUpMenu .menu ul.list1{
	border-bottom:		1px solid #cccccc;
	zoom:			1;
}

.www-index #slideUpMenu .menu ul.list1 li{
	font-size:		12px;
	line-height:		24px;
	font-weight:		bold;
	letter-spacing:		0px;
	zoom:			1;
}

.www-index #slideUpMenu .menu ul.list1 li.font-s{
	font-size:		11px;
}

.www-index #slideUpMenu .menu ul.list1 li a{
	display:		block;
	padding:		0px 0px 0px 22px;
	background:		url(../_img/menu_but_bg_01.png) no-repeat 0 0;
	zoom:			1;
}

.www-index #slideUpMenu .menu ul.list1 li a:hover{
	background-position:	0 -24px;
	color:			#333333;
}

.www-index #slideUpMenu .menu ul.list2{
	margin:			0px 0px 0px 7px;
}

.www-index #slideUpMenu .menu ul.list2 li{
	font-size:		11px;
	line-height:		1.1;
	padding:		7px 0px 0px 0px;
	zoom:			1;
}

.www-index #slideUpMenu .menu ul.list2 li a{
	display:		inline-block;
	padding:		0px 0px 0px 11px;
	background:		url(../_img/menu_ico_01.png) no-repeat 0 0;
	zoom:			1;
}


.www-index #slideUpMenu .railway{
	background-image:	url(../_img/menu_bg_01.png);
	zoom:			1;
}

.www-index #slideUpMenu .railway .inner{
	padding:		50px 0px 10px 10px;
}

.www-index #slideUpMenu .railway .menu-child{
	width:			187px;
	float:			left;
	margin:			0px 3px 0px 0px;
}

.www-index #slideUpMenu .railway .last-menu-child{
	margin-right:		0px;
}

.www-index #slideUpMenu .railway .menu-child .list-wrap{
	height:			135px;
	padding:		0px 5px 0px 5px;
	background:		url(../_img/menu_bg_01_01.png) no-repeat left bottom;
	zoom:			1;
}



.www-index #slideUpMenu .recommend{
	background-image:	url(../_img/menu_bg_02.png);
/*
bottom:0px !important;
*/
}

.www-index #slideUpMenu .recommend .inner{
	padding:		55px 0px 5px 10px;
}

.www-index #slideUpMenu .recommend .child-1{
	width:			499px;
	float:			left;
	margin:			0px 4px 0px 0px;
}

.www-index #slideUpMenu .recommend .child-2{
	width:			247px;
	float:			left;
}

.www-index #slideUpMenu .recommend .child-1 .list-wrap{
	padding:		0px 0px 5px 5px;
	background:		url(../_img/menu_bg_02_01.png) no-repeat left bottom;
}

.www-index #slideUpMenu .recommend .child-2 .list-wrap{
	padding:		0px 0px 10px 5px;
	background:		url(../_img/menu_bg_02_02.png) no-repeat left bottom;
}

.www-index #slideUpMenu .recommend .child-1 ul{
	width:			235px;
	float:			left;
}

.www-index #slideUpMenu .ex{
	height:			68px;
	background-image:	url(../_img/menu_bg_03.png);
}

.www-index #slideUpMenu .toica{
	height:			68px;
	background-image:	url(../_img/menu_bg_04.png);
}

.www-index #slideUpMenu .dokonani{
	height:			145px;
	background-image:	url(../_img/menu_bg_05.png);
}

.www-index #slideUpMenu .dokonani .inner{
	padding:		90px 0px 10px 10px;
}

.www-index #slideUpMenu .dokonani ul li{
	width:			247px;
	float:			left;
	margin:			0px 5px 0px 0px;
	font-size:		0px;
	line-height:		0;
}


.www-index #slideUpMenu .company{
	background-image:	url(../_img/menu_bg_06.png);
}

.www-index #slideUpMenu .company .inner{
	padding:		70px 0px 10px 10px;
}

.www-index #slideUpMenu .company ul li{
	width:			247px;
	float:			left;
	margin:			0px 5px 0px 0px;
	font-size:		0px;
	line-height:		0;
}



.www-index #navi{
	height:			47px;
	margin:			0px;
}

.www-index #navi .li-railway{
	width: 222px;
}


.www-index .main-contents{
	margin:			0px 0px 0px 10px;
	padding:		7px 0px 15px 0px;
	width:			749px;
}



.www-index #topics{
	margin:			0px;
	padding:		0px 8px 0px 0px;
	width:			242px;
	float:			left;
}

.www-index #topics h2{
	margin:			0px;
	padding:		0px 0px 9px 0px;
	background-image:	url(../_img/ind_bod_cap_01.gif);
	background-repeat:	no-repeat;
	width:			242px;
	height:			18px;
	overflow:		hidden;
}

.www-index #topics h2 span{
	display:		block;
	text-indent:		-5000px;
	width:			242px;
	float:			left;
}

.www-index #topics h2 span.button{
	display:		block;
	text-indent:		0px;
	width:			46px;
	float:			left;
}

.www-index #topics h2 span.button img{
	cursor:			pointer;
}

.www-index #topics div{
	clear:			left;
	margin:			0px;
	padding:		0px;
	width:			242px;
	height:			170px;
	overflow:		auto;
}

.www-index #topics div ul{
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
	font-size:		12px;
	line-height:		1.45;
}

.www-index #topics div ul li{
	margin:			0px;
	padding:		0px 0px 11px 8px;
	background-image:	url(../_img/ind_bod_lis_mar_01.gif);
	background-repeat:	no-repeat;
	background-position:	top left;
}

/*
.www-index #topics img.load-image{
	position:		relative;
	left:			98px;
	top:			62px;
	margin:			0px;
	padding:		0px;
}
*/







.www-index #news{
	margin:			0px;
	padding:		0px;
	width:			499px;
	float:			left;
}

.www-index #news h2{
	margin:			0px;
	padding:		0px 0px 9px 0px;
	width:			499px;
	height:			18px;
	background-image:	url(../_img/ind_bod_cap_02.gif);
	background-repeat:	no-repeat;
}

.www-index #news h2 span{
	display:		block;
	text-indent:		-5000px;
	width:			434px;
	float:			left;
}

.www-index #news h2 span.button{
	display:		block;
	text-indent:		0px;
	width:			42px;
	float:			left;
}

.www-index #news h2 span.button img{
	cursor:			pointer;
}

.www-index #news h2 a{
	display:		block;
	width:			65px;
	float:			left;
}

.www-index #news div{
	clear:			left;
	margin:			0px;
	padding:		0px 0px 7px 8px;
	height:			64px;
	overflow:		auto;
}

.www-index #news div p{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	color:			#000000;
	line-height:		1.1;
}

.www-index #news div dl{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	color:			#000000;
	line-height:		1.1;
}

.www-index #news div dl dt{
	margin:			0px;
	padding:		0px 0px 9px 0px;
	width:			107px;
	float:			left;
	background-image:	url(../_img/ind_bod_lis_mar_02_01.gif);
	background-repeat:	no-repeat;
	background-position:	top right;
}

.www-index #news div dl dt.new{
	background-image:	url(../_img/ind_bod_lis_mar_02_02.gif);
}

.www-index #news div dl dd{
	margin:			0px;
	padding:		0px 0px 9px 0px;
	width:			364px;
	float:			left;
}















.www-index #update{
	margin:			0px;
	padding:		0px;
	width:			499px;
	float:			left;
}

.www-index #update h2{
	margin:			7px 0px 0px 0px;
	padding:		0px 0px 10px 0px;
	width:			499px;
	height:			18px;
	background-image:	url(../_img/ind_bod_cap_03.gif);
	background-repeat:	no-repeat;
}

.www-index #update h2 span{
	display:		block;
	text-indent:		-5000px;
	width:			434px;
	float:			left;
}

.www-index #update h2 span.button{
	display:		block;
	text-indent:		0px;
	width:			42px;
	float:			left;
}

.www-index #update h2 span.button img{
	cursor:			pointer;
}

.www-index #update h2 a{
	display:		block;
	width:			65px;
	float:			left;
}


.www-index #update div{
	clear:			left;
	margin:			0px;
	padding:		0px 0px 7px 8px;
	height:			64px;
	overflow:		auto;
}

.www-index #update div p{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	color:			#000000;
	line-height:		1.1;
}

.www-index #update div dl{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	color:			#000000;
	line-height:		1.1;
}

.www-index #update div dl dt{
	margin:			0px;
	padding:		0px 0px 9px 0px;
	width:			107px;
	float:			left;
	background-image:	url(../_img/ind_bod_lis_mar_02_01.gif);
	background-repeat:	no-repeat;
	background-position:	top right;
}

.www-index #update div dl dt.new{
	background-image:	url(../_img/ind_bod_lis_mar_02_02.gif);
}

.www-index #update div dl dd{
	margin:			0px;
	padding:		0px 0px 9px 0px;
	width:			364px;
	float:			left;
}








.large .www-index #topics div ul{
	font-size:		19px;
}

.large .www-index #news div p{
	font-size:		19px;
}

.large .www-index #news div dl{
	font-size:		19px;
}

.large .www-index #news div dl dt{
	width:			147px;
}

.large .www-index #news div dl dd{
	width:			324px;
}

.large .www-index #update div p{
	font-size:		19px;
}

.large .www-index #update div dl{
	font-size:		19px;
}

.large .www-index #update div dl dt{
	width:			147px;
}

.large .www-index #update div dl dd{
	width:			324px;
}

.small .www-index #topics div ul{
	font-size:		9px;
}

.small .www-index #news div p{
	font-size:		9px;
}

.small .www-index #news div dl{
	font-size:		9px;
}

.small .www-index #update div p{
	font-size:		9px;
}

.small .www-index #update div dl{
	font-size:		9px;
}