/* ---------------------------------------------------------
top-header
--------------------------------------------------------- */

#header-top {
	display:block;
	margin:10px auto 0 auto;
	padding:0;
	height:142px;
	width: 1004px;
}

#header-top #rogo {
	display:block;
	float:left;
	width:194px;
	margin-top:10px;
}

#header-top #tab {
	display:block;
	clear:both;
	margin: 0;
	padding:15px 0 0 0;
	width: 1004px;
}

#header-top ul#menu {
	display:block;
	margin:0px;
	padding:0px;
	width: 670px;
	float:left;
}

#header-top ul#menu li {
	display:block;
	background:url(../images/com/header_tab_line.jpg) no-repeat;
	padding:5px 20px 12px 15px;
	list-style:none;
	float:left;
}

#header-top ul#menu li a {
	display:block;
	background:url(../images/com/ico01.jpg) no-repeat;
	padding-left:27px;
	font-size:14px;
	color:#000000;
}

#header-top ul#menu li a:hover {
	color:#58AD1A;
}

#header-top ul#menu li a.n02 {background:url(../images/com/ico02.jpg) no-repeat;}
#header-top ul#menu li a.n03 {background:url(../images/com/ico03.jpg) no-repeat;}
#header-top ul#menu li a.n04 {background:url(../images/com/ico04.jpg) no-repeat;}
#header-top ul#menu li a.n05 {background:url(../images/com/ico05.jpg) no-repeat;}
#header-top ul#menu li a.n06 {background:url(../images/com/ico06.jpg) no-repeat;}

#header-top .btn {
	margin-left:10px;
	float:left;
	width:310px;
}

#header-top .btn img#mtop {
	margin-top:5px;
}


/* ---------------------------------------------------------
ad
--------------------------------------------------------- */
.ad728{
	width: 728px;
	margin:0;
	padding:0;
	float:right;
}

.ad200 {
	display:block;
	margin-top:0px;
	}

/* ---------------------------------------------------------
content
--------------------------------------------------------- */

#top_h1 {
	display:block;
	width:100%;
	background:url(/images/com/pan_bg.jpg) repeat-x;
	padding:13px 0 3px 0;
}

/* pan */
#top_h1 .box {
	display:block;
	width: 1004px;
	margin: 0px auto;
	padding-bottom: 13px;
	position:relative;
}

/* pan */
#top_h1 .box .pan {
	position:absolute;
	left: 0;
	top: 0;
	font-size:12px;
}

/*h1*/
#top_h1 .box h1 {
	position:absolute;
	right: 0;
	top: 0;
	font-size:12px;
	}
	

/*メイン枠*/

#main-top_l {
	display:block;
	width:530px;
	float:left;
	padding:0;
	margin:0px;
	}
	
#main-top_r {
	display:block;
	width:460px;
	float:right;
	padding:0;
	margin:0px;
	}


/*1行テロップ*/
.ticker_container {
	width: 520px;
	margin:0 0 10px 0;
	padding: 2px 5px;
	overflow : hidden;
	position : relative;
	line-height  : normal;
	font-size-adjust : none;
	border-top: 1px solid #A6E47A;
	border-bottom: 1px solid #A6E47A;
}

ul.stockTicker {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.stockTicker li {
    margin: 0 15px 0 0;
	float:left;
	line-height:2;
	padding-left:25px;
}

ul.stockTicker li.buta {background:url(../images/top/i-buta.jpg) no-repeat;}
ul.stockTicker li.kirin {background:url(../images/top/i-kirin.jpg) no-repeat;}
ul.stockTicker li.hashiru {background:url(../images/top/i-hashiru.jpg) no-repeat;}
ul.stockTicker li.tabisuke {
	background:url(../images/top/i-tabisuke.jpg) no-repeat;
	padding-left:100px;
	}

ul.stockTicker li a {
	color:#484848;
}

ul.stockTicker li a:hover {
	color:#999999;
}


/*-- event --*/	
#event-top {
	display:block;
	margin:0px;
	}
			
#event-top .txt {
	display:block;
	background:url(../images/top/tt_event.jpg) no-repeat;
	padding:5px 0px;
	height:28px;
	}
			
#event-top .txt img.l {
	display:block;
	position:relative;
	top: 1px;
	left: 5px;
	float:left;
	}
			
#event-top .txt img.r {
	display:block;
	position:relative;
	top: 1px;
	right: 5px;
	float:right;
	}
			
#event-top h2 {
	display:block;
	float:left;
	padding:0 0 0 130px;
	line-height:1.4;
	height:28px;
	}	
			
#event-top .box-f-l {
	display:block;
	width:168px;
	padding-left:5px;
	height:auto;
	}	
			
#event-top .box-f-l p {
	display:block;
	margin:5px 0px 0 4px;
	}	
			
#event-top .box-f-l a {
	display:block;
	width:160px;
	font-size:14px;
	margin:0px 4px;
	line-height:1.4;
	}	
			
#event-top .box-f-l img {
	display:block;
	padding:2px;
	border:#CCCCCC solid 1px;
	width:162px;
	height:125px;
	}	

/*-- new --*/
	
#news {
	display:block;
	margin:0px;
	}
	
#news h2 {
	display:block;
	background:url(../images/top/tt_new.jpg) no-repeat;
	padding:0 0 0 20px;
	margin-bottom:10px;
	line-height:2.1;
	height:29px;
	}
			
#news .box-f-l {
	width:310px;
	margin-left:10px;
	}
			
#news .box-f-l p {
	background:url(../images/com/ico-g.gif) no-repeat;
	padding-left:15px;
	margin-bottom:5px;
	font-size:13px;
	line-height:1.4;
	}	
			
#news .box-f-l p.new {
	background:url(../images/com/ico-new.jpg) no-repeat;
	padding-left:35px;
	}
			
#news .box-f-l p.right {
	background:none;
	font-size:12px;
	}	
			
#news .box-f-r {
	float:right;
	width:190px;
	}
			
#news .box-f-r img {
	margin-bottom:5px;
	}

/*-- maintenance --*/

#mainte {
	display:block;
	border:#CCCCCC dashed 1px;
	padding:0px 5px 5px 5px;
	width:776px;
	margin-top:15px;
	}

#mainte p {
	display:block;
	background:url(../images/com/ico-new.jpg) no-repeat;
	padding:3px 0 0 35px;
	line-height:1.4;
	}


/*-- map --*/	

#map {
	display:block;
	position:relative;
	background:url(../images/com/map_bg-top.jpg) no-repeat;
	height:443px;
	width:460px;
	}

#map p {
	font-size:14px;
	font-weight:bold;
	padding:8px 0 5px 0;
	}

#map p a {
	color:#82cc4c;
	}

#map p a:hover {
	color:#999999;
	}
	
#map a.l {
	display:block;
	float:left;
	padding:0px 5px 5px 0px;
	font-size:12px;
	}
	
#map #box-01 {
	display:block;
	background:url(../images/com/map_b-01.jpg) no-repeat;
	position:absolute;
	top: 80px;
	left: 25px;
	width:65px;
	height:32px;
	text-align:center;
	}
	
#map #box-02 {
	display:block;
	background:url(../images/com/map_b-02.jpg) no-repeat;
	position:absolute;
	top: 40px;
	right: 120px;
	width:74px;
	height:38px;
	text-align:center;
	}
	
#map #box-03 {
	display:block;
	background:url(../images/com/map_b-03.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 119px;
	right: 23px;
	width:99px;
	height:76px;
	}
	
#map #box-04 {
	display:block;
	background:url(../images/com/map_b-04.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 200px;
	right: 36px;
	width:90px;
	height:33px;
	}
	
#map #box-04 p {
	margin-right:10px;
	}
	
#map #box-05 {
	display:block;
	background:url(../images/com/map_b-05.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 165px;
	left: 190px;
	width:78px;
	height:72px;
	}
	
#map #box-06 {
	display:block;
	background:url(../images/com/map_b-06.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 237px;
	right: 15px;
	width:128px;
	height:75px;
	}
	
#map #box-07 {
	display:block;
	background:url(../images/com/map_b-07.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 315px;
	right: 95px;
	width:71px;
	height:74px;
	}
	
#map #box-08 {
	display:block;
	background:url(../images/com/map_b-08.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 298px;
	right: 178px;
	width:81px;
	height:99px;
	}
	
#map #box-09 {
	display:block;
	background:url(../images/com/map_b-09.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 185px;
	left: 110px;
	width:70px;
	height:72px;
	}
	
#map #box-10 {
	display:block;
	background:url(../images/com/map_b-10.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 310px;
	left: 112px;
	width:70px;
	height:76px;
	}
	
#map #box-11 {
	display:block;
	background:url(../images/com/map_b-11.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 170px;
	left: 25px;
	width:70px;
	height:95px;
	}
	
#map #box-12 {
	display:block;
	background:url(../images/com/map_b-12.jpg) no-repeat;
	position:absolute;
	padding-left:9px;
	top: 318px;
	left: 15px;
	width:80px;
	height:111px;
	}

/*bnr*/
.banner_460 {
	display:block;
	margin:10px 0 0 0;
	padding:0px;
}

/* ---------------------------------------------------------
main-left
--------------------------------------------------------- */

#main-left {
	display:block;
	float:left;
	width:790px;
	}

#main-left h2 {
	background:url(../images/top/tt_topics.jpg) no-repeat;
	padding-left:35px;
	line-height:2.1;
	color:#FFFFFF;
	height:28px;
	}


/* ------- topic ------- */

#topic h2 {
	background:url(../images/top/tt_topics.jpg) no-repeat;
	}

#topic .box-f-l {
	display:block;
	margin:15px 12px 0 0;
	width:250px;
	}

#topic .box-f-r {
	width:150px;
	}

#topic .box-f-l p {
	margin-bottom:3px;
	}

#topic .box-f-l h3 {
	display:block;
	font-size:14px;
	margin-bottom:5px;
	}

#topic .box-f-l h3.f12 {
	font-size:12px;
	}

#topic .box-f-l h3 a {
	color:#484848;
	}

#topic .box-f-l h3 a:hover {
	color:#999999;
	}

#topic a.g {
	display:block;
	background:url(../images/top/ico-g.gif) no-repeat;
	padding-left:10px;
	}

#topic a.g-left,
#topic a.g-left-2 {
	display:block;
	background:url(../images/top/ico-g.gif) no-repeat;
	padding-left:10px;
	float:left;
	width:40px;
	}

#topic a.g-left-2 {
	width:80px;
	}

.other {
	padding-top:10px;
	}

.other p {
	display:block;
	background-color:#E6E6E6;
	padding:3px 5px 5px 10px;
	}
	
.other a {
	display:block;
	background:url(../images/top/ico-g.gif) no-repeat;
	padding-left:10px;
	margin-right:15px;
	float:left;
	}

	
/* ---------------------------------------------------------
BBS・旅スケ枠
---------------------------------------------------------*/

#tabisuke h2 {
	background:url(../images/top/tt_tabisuke.jpg) no-repeat;
	}

#tabisuke h3 {
	background:url(../images/top/ico-schedule.jpg) no-repeat;
	color:#58AD1A;
	padding:0 0 5px 30px;
	line-height:1.6;
	font-size:14px;
	}

#tabisuke h3.qa {background:url(../images/top/ico-qa.jpg) no-repeat;}

#tabisuke .box-f-l {
	display:block;
	width:340px;
	margin:10px 0 0 10px;
	}

#tabisuke .box-f-r {
	display:block;
	width:400px;
	margin:10px 0 0 0;
	padding-left:20px;
	border-left:#CCCCCC dashed 1px;
	}

/* 旅スケRSS用css */
	
dl.tabisuke {
	width:290px;
	height:55px;
	padding:0;
	margin:5px 0 10px 0px;
	clear:both;
}

dl.tabisuke dt.photo{
	float:left;
	width:55px;
	height:auto;
	padding:0;
	margin:0 5px 0 0;
}

dl.tabisuke dt.txt{
	float:left;
	width:220px;
	font-weight:normal;
	text-align:left;
	font-size:12px;
}

/* 旅スケbbs用css */

#tabisuke .box-f-r a {
	display:block;
	background:url(../images/top/ico_qa.jpg) no-repeat;
	padding-left:20px;
	margin:0px;
	line-height:1.8;
	}

#tabisuke .box-f-r .qa-btn a {
	background:none !important;
	}

#tabisuke .box-f-r .qa-btn a img {
	display:block;
	margin:15px 0 0 85px;
	}

/* ---------------------------------------------------------
main-right
--------------------------------------------------------- */

#main-right {
	display:block;
	float:right;
	width:200px;
	margin-top:10px;
	}

#main-right img {
	display:block;
	margin:0px;
	padding:0px;
	}

#main-right h3 {
	display:block;
	font-size:14px;
	background:url(../images/top/r-tt_bg.jpg) no-repeat;
	color:#FFFFFF;
	line-height:2;
	height:25px;
	padding-left:5px;
	}

#main-right .box,
#main-right .box-2 {
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	padding:5px 10px;
	}

#main-right .box-2 {
	padding:5px 3px 0px 3px;
	}


/* -- ranking -- */

#ranking {
	margin-top:10px;
	}

#ranking h3 {
	display:block;
	color:#58AD1A;
	background:url(../images/top/tt_ranking.jpg) no-repeat;
	text-align:center;
	padding:5px 0px 0px 0px;
	line-height:1.4 !important;
	height:41px;
	}

#ranking h4 {
	font-size:14px;
	background:url(../images/top/ico_r-pv01.jpg) no-repeat;
	padding-left:65px;
	margin:2px 0px 3px 25px;
	line-height:1.5;
	}

#ranking h4.n02 {background:url(../images/top/ico_r-pv02.jpg) no-repeat;}
#ranking h4.n03 {background:url(../images/top/ico_r-pv03.jpg) no-repeat;}

#ranking .box-rank {
	background:url(../images/top/ranking_bg.jpg) repeat-y;
	padding:5px 10px;
	}

#ranking p {
	line-height:1.5;
	padding-left:52px;
	}

#ranking a {color:#484848;}
#ranking a:hover {color:#999999;}

#ranking em {
	display:block;
	margin:5px 0;
	text-align:center;
	font-style:normal;
	}

#ranking p span {
	font-weight:bold;
	color:#8F4323;
	}

/* -- ranking-2 -- */

#ranking-2 {
	margin-top:10px;
	}

#main-right #ranking-2 .box {
	width:178px;
	}

#ranking-2 h3 {
	background:url(../images/top/r-tt_ranking.jpg) no-repeat;
	padding-left:35px;
	}

#ranking-2 .box-f-l {
	display:block;
	width:85px;
	margin:0px 0px 10px 0px;
	}	

#ranking-2 p {
	display:block;
	font-weight:bold;
	}

#ranking-2 .f-box {
	display:block;
	margin:5px 0 0 0;
	padding:0px;
	width:175px;
	}

/* -- quiz -- */

#quiz {
	margin-top:10px;
	}
	
#quiz h3 { 
	background:url(../images/top/r-tt-quiz.jpg) no-repeat;
	padding-left:35px;
	}


/* -- shop -- */

#shop {
	margin-top:10px;
	}

#shop .box-shop {
	display:block;
	width:175px;
	margin-top:10px;
	padding:0px;
	}
	
#shop h3 {
	text-align:center;
	}

#shop h4 {
	background:url(../images/top/ico-shop.jpg) no-repeat;
	padding-left:25px;
	margin-bottom:10px;
	line-height:2;
	font-size:12px;
	}

#shop h4 a {color:#484848;}
#shop h4 a:hover {color:#999999;}

#shop p a {
	display:block;
	float:left;
	width:90px;
	font-weight:bold;
	padding-right:10px;
	}

