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




body	{
	margin:			0px;
	padding:		0px;
	text-align:		center;
	background-color:	#F5F5F5;
	background-image:	url(/common/_img/_bg.gif);
	background-repeat:	repeat-y;
	background-position:	top center;
	letter-spacing:		1px;
}

h1	{
	display:		none;
}

form	{
	margin:			0px;
	padding:		0px;
}

.clearance{
	margin:			0px 0px 0px 0px;
	padding:		0px;
	font-size:		0px;
	line-height:		0;
	visibility:		hidden;
	clear:			both;
}

img	{
	border:			none;
}

.append-context{
	display:		none;
}

a:link,
a:visited,
a:active{
	color:			#0066cc;
}

a:hover{
	color:			#FF6633;
}

sup{
	vertical-align:		top;
}





/* content */

div#content{
	width:			769px;
	margin:			0px auto;
	text-align:		left;
}






/* head */

#head h2{
	display:		none;
}

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

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

#head .font-utility{
/* 	width:			379px; */
	width:			369px;
	float:			right;
	background-image:	url(../_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;
}

#head .font-utility dl dt{
	margin:			0px;
	padding:		0px;
	display:		inline;
}

#head .font-utility dl dd{
	margin:			0px;
	padding:		0px;
	display:		inline;
}

#head .font-utility dl img{
	vertical-align:		middle;
}

#head .font-utility dl#fontsize dd{
/* 	padding-right:		2px; */
	padding-right:		4px;
	cursor:			pointer;
}

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

#head .font-utility dl.language dd{
	padding-right:		1px;
}

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

#head .search p{
	float:			right;
}

#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{
	font-size:		10px;
	margin:			0px;
	padding:		0 5px 0 0;
	display:		inline-block;
	/display:		inline;
	/zoom:			1;
	height:			22px;
	line-height:		22px;
}

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

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












/* navi */

#navi h2{
	display:		none;
}

#navi{
	margin:			6px 0px 0px 0px;
	height:			50px;
	background-image:	url(../_img/_nav_bg.gif);
	background-repeat:	repeat-x;
	background-position:	top;
}

#navi ul{
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
}

#navi ul li{
	margin:			0px;
	padding:		0px;
	float:			left;
	line-height:		1;
}

#navi ul li img{
	vertical-align:		bottom;
}

#navi ul li ul{
}

#navi ul li ul li{
	display:		inline;
}

#navi ul li ul li img{
	vertical-align:		top;
}







/* 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:		80%;
	color:			#333333;
	line-height:		1.3;
	width:			769px;
}

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











/* main */

#main{
	width:			769px;
}

#main .utility h2{
	display:		none;
}

#main .utility{
}

#main .utility ol.breads-crumb{
	margin:			0px;
	padding:		0px;
	width:			770px;
}

#main .utility ol.breads-crumb li{
	margin:			0px 0px 8px 0px;
	padding:		0px 10px 0px 6px;
	list-style-type:	none;
	float:			left;
/*	display:		inline;*/
	font-size:		70%;
	line-height:		1.2;
	color:			#000000;
	background-image:	url(/common/_img/_bod_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	word-break:		keep-all;
}

#main .utility ol.breads-crumb li.low{
	background-image:	url(/common/_img/_bod_ico_02.gif);
}











/* content zone */

#content-zone{
	clear:			left;
/*	margin:			24px 0px 25px 0px;*/
	margin:			0px 0px 25px 0px;
	padding:		0px 0px 5px 0px;
}







/* main-contents */

#content-zone .main-contents h2{
	margin:			0px;
	padding:		0px;
	background-image:	url(/common/_img/_bod_pag_ttl_bg.gif);
	background-repeat:	no-repeat;
	background-position:top right;
}

.main-contents p.return-top{
	margin:			0px;
	padding:		0px;
	text-align:		right;
	font-size:		65%;
}

.main-contents p.return-top a{
	padding:		0px 10px 5px 12px;
	background-image:	url(/common/_img/_bod_ico_ret_top.gif);
	background-repeat:	no-repeat;
}

.main-contents .contents-navi{
	margin:			0px 18px 0px 15px;
	padding:		0px;
	font-size:		65%;
	background-color:	#E1EBF4;
}

.main-contents .contents-navi ul{
	margin:			0px;
	padding:		2px 4px;
	list-style-type:	none;
}

.main-contents .contents-navi ul li{
	margin:			0px;
	padding:		0px 3px 0px 10px;
	color:			#ff6633;
	float:			left;
	background-image:	url(/common/_img/_con_nav_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	white-space:		nowrap;
}

.main-contents .contents-navi ul li a:link,
.main-contents .contents-navi ul li a:visited,
.main-contents .contents-navi ul li a:active{
	color:			#000000;
	text-decoration:	none;
}

.main-contents .contents-navi ul li a:hover{
	color:			#ff6633;
}

.main-contents .contents-navi ul li a.current:link,
.main-contents .contents-navi ul li a.current:visited,
.main-contents .contents-navi ul li a.current:hover,
.main-contents .contents-navi ul li a.current:active{
	color:			#ff6633;
}



















/* foot */

#foot h2{
	display:		none;
}

#foot{
	width:			769px;
	margin:			0px;
	border-top:		2px solid #FF5F00;
}

#foot p{
	margin:			0px;
	padding:		19px 0px 0px 0px;
	width:			300px;
	float:			left;
}

#foot div.navi{
	width:			469px;
	float:			right;
}

#foot ul{
	margin:			0px 0px 10px 0px;
	padding:		0px;
	list-style-type:	none;
	text-align:		right;
	width:			469px;
}

#foot ul li{
	margin:			0px;
	padding:		0px;
	display:		inline;
}





/* lightbox */

.lightbox-curtain{
	position:		absolute;
	left:			0px;
	top:			0px;
	background-image:	url(/common/_img/_lig_cur_bg.png);
}

.lightbox-stage{
	position:		absolute;
	background-color:	#ffffff;
	text-align:		left;
}

.lightbox-stage p{
	margin:			0px;
	padding:		0px;
}

.lightbox-stage p img{
	vertical-align:		bottom;
}

.lightbox-stage p.image{
	margin:			0px;
	padding:		15px 0px 0px 0px;
	height:			0px;
	overflow:		hidden;
}

.lightbox-stage p.image img{
	margin:			0px 10px 0px 10px;
}

.lightbox-stage p.print{
	margin:			0px 10px 7px 10px;
	padding:		0px;
	text-align:		right;
}

.lightbox-stage p.print img{
	cursor:			pointer;
}

.lightbox-stage div{
	margin:			0px 10px;
	padding:		0px;
	height:			39px;
	border-top:		2px solid #FF5F00;
}

.lightbox-stage div p.close{
	width:			129px;
	float:			right;
}

.lightbox-stage div p.close img{
	cursor:			pointer;
}

.lightbox-stage div p.copylight{
	width:			271px;
	float:			right;
}

.LB{
	cursor:			pointer;
}



























/* font size controll */

.small #main .utility ol.breads-crumb li{
	font-size:		65%;
}

.small #sep{
	font-size:		65%;
}

.small #content-zone .sub-contents{
	font-size:		65%;
}

.small .main-contents p.return-top{
	font-size:		65%;
}



.large #main .utility ol.breads-crumb li{
	font-size:		120%;
}

.large #sep{
	font-size:		120%;
}

.large #content-zone .sub-contents{
	font-size:		120%;
}

.large .main-contents p.return-top{
	font-size:		120%;
}

.large .main-contents .contents-navi{
	font-size:		80%;
}






