@charset "UTF-8";
/* CSS Document */

#topFlashWrap{
	background:#D1ECF9;
	width:100%;
	margin:0px 0px 13px 0px;
}

#topFlashBox{
	width:980px;
	margin:0px auto;
}


/* g_menu */
#gMenuWrap{
	background:url(../img/top/g_menu_bg.jpg) repeat-x;
	width:100%;
	height:85px;
	margin:0;
	padding:0px 0px 2px 0px;
	font-size:1px;
	line-height:1px;
}

#gMenuBox{
	background:url(../img/top/g_menu.jpg) no-repeat;
	width:982px;
	height:60px;
	margin:0px auto;
	position:relative;
}

#gMenuBox ul{
	margin:0px;
	padding:0px;
}

#gMenuBox li{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#gMenuBox #gMenu01 a{
	width:110px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu01 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat 0px -60px;
}

#gMenuBox #gMenu01on a{
	background:url(../img/top/g_menu.jpg) no-repeat 0px -60px;
	width:110px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu02 a{
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:111px;
}

#gMenuBox #gMenu02 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat -111px -60px;
}

#gMenuBox #gMenu02on a{
	background:url(../img/top/g_menu.jpg) no-repeat -111px -60px;
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu03 a{
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:220px;
}

#gMenuBox #gMenu03 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat -220px -60px;
}

#gMenuBox #gMenu03on a{
	background:url(../img/top/g_menu.jpg) no-repeat -220px -60px;
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu04 a{
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:329px;
}

#gMenuBox #gMenu04 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat -329px -60px;
}

#gMenuBox #gMenu04on a{
	background:url(../img/top/g_menu.jpg) no-repeat -329px -60px;
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu05 a{
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:438px;
}

#gMenuBox #gMenu05 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat -438px -60px;
}

#gMenuBox #gMenu05on a{
	background:url(../img/top/g_menu.jpg) no-repeat -438px -60px;
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu06 a{
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:547px;
}

#gMenuBox #gMenu06 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat -547px -60px;
}

#gMenuBox #gMenu06on a{
	background:url(../img/top/g_menu.jpg) no-repeat -547px -60px;
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu07 a{
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:656px;
}

#gMenuBox #gMenu07 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat -656px -60px;
}

#gMenuBox #gMenu07on a{
	background:url(../img/top/g_menu.jpg) no-repeat -656px -60px;
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu08 a{
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:765px;
}

#gMenuBox #gMenu08 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat -765px -60px;
}

#gMenuBox #gMenu08on a{
	background:url(../img/top/g_menu.jpg) no-repeat -765px -60px;
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}

#gMenuBox #gMenu09 a{
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:874px;
}

#gMenuBox #gMenu09 a:hover{
	background:url(../img/top/g_menu.jpg) no-repeat -874px -60px;
}

#gMenuBox #gMenu09on a{
	background:url(../img/top/g_menu.jpg) no-repeat -874px -60px;
	width:108px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:0px;
}



/* content */
#searchRouteFlash{
	width:501px;
	margin:0px 0px 8px 0px;
}

#conditionHead{
	background:#5EB6E6;
	width:486px;
	padding:6px 5px 6px 10px;
}

#conditionTitle{
	background:url(../img/top/condition_title.gif) no-repeat;
	width:91px;
	height:14px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	margin:4px 12px 0px 0px;
	float:left;
}

#conditionTitleCap{
	background:#FFF;
	width:333px;
	border:solid 1px #EBF6FA;
	padding:2px 5px;
	float:left;
}

#conditionTitleCap ul{
	margin:0px;
	padding:0px;
}

#conditionTitleCap li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:75%;
	color:#333;
	line-height:130%;
}

#conditionTitleCap li a{
	color:#2499DD;
}

#conditionTitleCap li a:hover{
	text-decoration:none;
}

#conditionIcon{
	width:32px;
	height:12px;
	margin:6px 0px 0px 0px;
	float:right;
}

#conditionBox{
	width:491px;
	border-bottom:solid 5px #5EB6E6;
	border-left:solid 5px #5EB6E6;
	border-right:solid 5px #5EB6E6;
	margin:0px 0px 20px 0px;
	padding:10px 0px 20px 0px;
}

#conditionDate{
	font-size:63%;
	color:#333;
	line-height:140%;
	text-align:right;
	margin:0px 13px 10px 0px;
}

#conditionPickUp{
	width:479px;
	border-bottom:solid 1px #CCC;
	font-size:88%;
	font-weight:bold;
	color:#F54E1E;
	line-height:140%;
	text-align:center;
	margin:0px auto 10px auto;
	padding:0px 0px 10px 0px;
}

#conditionDetail{
	width:467px;
	font-size:75%;
	color:#333;
	line-height:140%;
	margin:0px auto;
}

#attractiveTitle{
	background:url(../img/top/attractive_title.jpg) no-repeat;
	width:501px;
	height:38px;
	text-indent:-9999px;
	margin:0px 0px 13px 0px;
}

#attractiveBnr01{
	width:162px;
	height:106px;
	margin:0px 8px 0px 0px;
	float:left;
}

#attractiveBnr01 a{
	background:url(../img/top/attractive_bnr01.jpg) no-repeat;
	display:block;
	width:162px;
	height:106px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
}

#attractiveBnr01 a:hover{
	background:url(../img/top/attractive_bnr01.jpg) no-repeat 0px -106px;
}

#attractiveBnr02{
	width:162px;
	height:106px;
	margin:0px 7px 0px 0px;
	float:left;
}

#attractiveBnr02 a{
	background:url(../img/top/attractive_bnr02.jpg) no-repeat;
	display:block;
	width:162px;
	height:106px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
}

#attractiveBnr02 a:hover{
	background:url(../img/top/attractive_bnr02.jpg) no-repeat 0px -106px;
}

#attractiveBnr03{
	width:162px;
	height:106px;
	float:left;
}

#attractiveBnr03 a{
	background:url(../img/top/attractive_bnr03.jpg) no-repeat;
	display:block;
	width:162px;
	height:106px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
}

#attractiveBnr03 a:hover{
	background:url(../img/top/attractive_bnr03.jpg) no-repeat 0px -106px;
}

#attractiveBnr04{
	width:501px;
	height:68px;
	padding-top:8px;
}

#attractiveBnr04 a{
	background:url(../img/top/attractive_bnr04.gif) no-repeat;
	display:block;
	width:501px;
	height:68px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
}

#attractiveBnr04 a:hover{
	background:url(../img/top/attractive_bnr04.gif) no-repeat 0px -68px;
}

#recommendHead{
	background:url(../img/common/recommend_title.jpg) no-repeat;
	width:501px;
	height:38px;
	margin:0px 0px 14px 0px;
	position:relative;
}

#recommendTitle{
	width:147px;
	height:13px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:13px;
	left:47px;
}

#recommendListLink a{
	width:66px;
	height:15px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:11px;
	left:424px;
}

#recommendListLink a:hover{
	background:url(../img/common/recommend_title.jpg) no-repeat -424px -49px;
}

#recommendBox{
	width:501px;
}

.recommendList01{
	width:235px;
	margin:0px 10px 20px 0px;
	float:left;
	clear:both;
}

.recommendList02{
	background:url(../img/common/dotline_blue.gif) repeat-y;
	width:235px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 20px;
	float:left;
}

.recommendImg{
	width:60px;
	border:solid 1px #CCC;
	margin:0px 9px 0px 0px;
	padding:2px;
	float:left;
}

.recommendDetail{
	width:160px;
	margin:1px 0px 0px 0px;
	float:left;
}

.recommendName{
	background:url(../img/common/icon_bar_green.gif) no-repeat;
	min-height:40px;
	height:auto!important;
	height:40px;
	font-size:75%;
	font-weight:bold;
	color:#8FBF48;
	line-height:140%;
	margin:0px 0px 6px 0px;
	padding:4px 0px 0px 13px;
}

.recommendName a{
	color:#8FBF48;
}

.recommendName a:hover{
	text-decoration:none;
}

.recommendText{
	font-size:63%;
	color:#666;
	line-height:140%;
}

.top_text {
	margin-bottom: 15px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.top_text a:link {
		color: #5EB6E6;
		text-decoration: underline;
}

.top_text a:visited {
		color: #5EB6E6;
		text-decoration: underline;
}

.top_text a:hover {
		color: #5EB6E6;
		text-decoration: none;
}

.top_text a:active {
		color: #5EB6E6;
		text-decoration: underline;
}
