div#searchbox img, div#contentsbox img, div#subnavi img{
	border:none;
	vertical-align:top;
}

div#searchbox dl, div#contentsbox dl, div#subnavi dl,
div#searchbox dt, div#contentsbox dt, div#subnavi dt,
div#searchbox dd, div#contentsbox dd, div#subnavi dd,
div#searchbox ul, div#contentsbox ul, div#subnavi ul,
div#searchbox li, div#contentsbox li, div#subnavi li{
	margin:0px;
	padding:0px;
}

div#searchbox li,div#contentsbox li,div#subnavi li{list-style:none;}


/*======== searchbox area style ==============================================*/

div#searchbox{
	width:748px;
	padding:6px 0px 30px;
}

div#searchbox h3{
	padding-bottom:12px;
}

div#searchbox div.search{
	width:748px;
	background:url("/recruit/crew/shared/graphic/topcontents/bg_searchbox.gif") repeat-y center top;
}

div#searchbox div.search div.rTop{
	width:748px;
	background:url("/recruit/crew/shared/graphic/topcontents/bg_searchbox_t.gif") no-repeat center top;
}

div#searchbox div.search div.rEnd{
	width:716px !important;
	width /**/:748px;
	padding:16px;
	background:url("/recruit/crew/shared/graphic/topcontents/bg_searchbox_e.gif") no-repeat center bottom;
	display:block !important;
	display /**/:inline-block;/* for IE */
}

div#searchbox div.search div.rEnd:after{
	content:".";
	height:0px;
	line-height:0px;
	clear:both;
	display:block;
	visibility:hidden;
}


	/*======== area search style =============================================*/

	div#searchbox div.search div.areaSearch{
		width:390px;
		height:322px;
		float:left;
	}

	div#searchbox div.search div.areaSearch p{
		font-size:80%;
	}

	/*======== extra search style =============================================*/

	div#searchbox div.search div.extraSearch{
		width:306px;
		float:right;
	}

	div#searchbox div.search div.extraSearch dl{
		width:306px;
		padding:10px 0px 8px;
		border-top:dotted 1px #E4DCCC;
	}

	div#searchbox div.search div.extraSearch dl.place{
		padding-top:6px;
		border:none;
	}

	/* title */
	div#searchbox div.search div.extraSearch dt{height:18px;}

	/* input */
	div#searchbox div.search div.extraSearch dd{
		width:306px;
		padding:4px 0px;
		font-size:70%;
		color:#45444C;
		position:relative;
	}

	div#searchbox div.search div.extraSearch input.text{
		height:21px !important;
		height /**/:25px;
		border:solid 1px #45444C;
		border-right-color:#CCCCCC;
		border-bottom-color:#CCCCCC;
		line-height:1.5;
	}

	div#searchbox div.search div.extraSearch dl.place input.text{width:208px !important;width /**/:212px;}
	div#searchbox div.search div.extraSearch dl.station input.text{width:184px !important;width /**/:188px;}

	div#searchbox div.search div.extraSearch input.button{
		position:absolute;
		top:3px;
	}

	div#searchbox div.search div.extraSearch dl.place input.button{left:220px;}
	div#searchbox div.search div.extraSearch dl.station input.button{left:214px;}

	/* station search */
	div#searchbox div.search div.extraSearch dl.station dd span{
		padding-right:18px;
		background:url("/recruit/crew/shared/graphic/topcontents/txt_station.gif") no-repeat right center;
	}

	/* city search */
	div#searchbox div.search div.extraSearch dl.city dd{padding:0px;}

	div#searchbox div.search div.extraSearch dl.city table{
		width:306px;
		table-layout:fixed;
	}

	div#searchbox div.search div.extraSearch dl.city table td{padding:4px 0px;}

	div#searchbox div.search div.extraSearch dl.city table a{
		display:block;
		width:59px !important;
		width /**/:75px;
		min-height:13px;
		_height:13px;
		padding-left:16px;
		background:no-repeat left center;
	}

	div#searchbox div.search div.extraSearch dl.city table a:link, div#searchbox div.search div.extraSearch dl.city table a:visited{
		background-image:url("/recruit/crew/shared/graphic/topcontents/icon_arrow_r_off.gif");
		color:#45444C;
		text-decoration:underline;
	}

	div#searchbox div.search div.extraSearch dl.city table a:hover, div#searchbox div.search div.extraSearch dl.city table a:active{
		background-image:url("/recruit/crew/shared/graphic/topcontents/icon_arrow_r_on.gif");
		color:#3F1C16;
		text-decoration:none;
	}


/*======== contentsbox area style ============================================*/


	/*======== feature area style ============================================*/

	div#contentsbox div.feature{padding-bottom:30px;}

	div#contentsbox ul.feature{
		width:558px;
		padding-bottom:30px;
		display:block !important;
		display /**/:inline-block;/* for IE */
	}

	div#contentsbox ul.feature:after{
		content:".";
		height:0px;
		line-height:0px;
		clear:both;
		display:block;
		visibility:hidden;
	}

	div#contentsbox ul.feature li{
		width:273px;
		float:left;
	}

	div#contentsbox ul.feature li.break{float:right;}


	/*======== index area style ==============================================*/

	div#contentsbox div.index{
		width:558px;
		padding-bottom:30px;
		display:block !important;
		display /**/:inline-block;/* for IE */
	}

	div#contentsbox div.index:after{
		content:".";
		height:0px;
		line-height:0px;
		clear:both;
		display:block;
		visibility:hidden;
	}

	div#contentsbox div.index dl{
		width:273px;
		float:left;
		display:block !important;
		display /**/:inline-block;/* for IE */
	}

	div#contentsbox div.index dl:after{
		content:".";
		height:0px;
		line-height:0px;
		clear:both;
		display:block;
		visibility:hidden;
	}

	div#contentsbox div.index dl.break{float:right;}

	div#contentsbox div.index dt{padding-bottom:12px;}

	div#contentsbox div.index dd.icon{
		width:104px;
		text-align:center;
		float:left;
	}

	div#contentsbox div.index dd.text{
		width:155px;
		font-size:80%;
		line-height:1.5;
		float:left;
	}


	/*======== howto area style ==============================================*/

	div#contentsbox div.howto{
		width:558px;
		background:url("/recruit/crew/shared/graphic/topcontents/bg_howto.gif") repeat-y center top;
	}

	div#contentsbox div.howto div.rTop{
		width:558px;
		background:url("/recruit/crew/shared/graphic/topcontents/bg_howto_t.gif") no-repeat center top;
	}

	div#contentsbox div.howto div.rEnd{
		width:558px;
		padding:5px 0px 10px;
		background:url("/recruit/crew/shared/graphic/topcontents/bg_howto_e.gif") no-repeat center bottom;
	}

	div#contentsbox div.howto dl.frame{
		width:558px;
		padding-bottom:117px;
		position:relative;
	}

	div#contentsbox div.howto dt.title{
		width:536px !important;
		width /**/:558px;
		height:13px !important;
		height /**/:23px;
		padding:1px 11px 9px;
		background:#F29700 url("/recruit/crew/shared/graphic/topcontents/bg_howto_h.gif") no-repeat center bottom;
	}

	div#contentsbox div.howto dl.frame dd.mobile{
		width:250px;
		position:absolute;
		top:28px;
		left:14px;
	}

	div#contentsbox div.howto dl.frame dd.mobile dl{
		width:250px;
		height:109px;
		position:relative;
	}

	div#contentsbox div.howto dl.frame dd.mobile dt{padding-bottom:13px;}

	div#contentsbox div.howto dl.frame dd.mobile dd.code{
		width:94px;
		height:94px;
		position:absolute;
		top:7px;
		left:156px;
	}

	div#contentsbox div.howto dl.frame dd.resume{
		width:263px !important;
		width /**/:264px;
		height:115px;
		border-left:solid 1px #E8E8E8;
		position:absolute;
		top:25px;
		right:15px;
	}

	div#contentsbox div.howto dl.frame dd.resume dl{padding:5px 0px 0px 11px;}
	div#contentsbox div.howto dl.frame dd.resume dt{padding-bottom:2px;}
	div#contentsbox div.howto dl.frame dd.resume dd{padding-top:7px;}


/*======== subnavi area style ================================================*/


	/*======== bannerbox area style ==========================================*/

	div#subnavi div.bannerbox{padding-bottom:12px;}

	div#subnavi dl.bannerbox{padding-bottom:12px;}
	div#subnavi dl.bannerbox dd{padding-top:12px;}

	div#subnavi ul.bannerbox li{padding-bottom:12px;}

	/*======== relation area style ===========================================*/

	div#subnavi dl.relation dt{padding-bottom:12px;}

	div#subnavi dl.relation div{
		width:178px;
		background:#F4F0E9 url("/recruit/crew/shared/graphic/topcontents/bg_relation_t.gif") no-repeat center top;
	}

	div#subnavi dl.relation ul{
		width:166px !important;
		width /**/:178px;
		padding:0px 6px;
		background:url("/recruit/crew/shared/graphic/topcontents/bg_relation_e.gif") no-repeat center bottom;
	}

	div#subnavi dl.relation li{
		width:154px !important;
		width /**/:166px;
		padding:10px 0px 10px 12px;
		background:url("/recruit/crew/shared/graphic/topcontents/icon_window.gif") no-repeat 2px 13px;
		border-top:dotted 1px #D1C7B6;
		font-size:70%;
	}

	div#subnavi dl.relation li.first{border-top:none;}