@charset "utf-8";

/*================================================
【友遊トラベルパッケージツアーサイトVILLAGE】
index.css
トップページスタイル

 1.全体
 2.おすすめツアーとかの一覧

================================================*/

/*----------------------------------------------
1.全体
----------------------------------------------*/

body#index{
	background-position: center top;	/*background:url(../img/index/bg_body.jpg) no-repeat center top;*/
	background-repeat: no-repeat;
}


/*----------------------------------------------
2.おすすめツアーとかの一覧
----------------------------------------------*/

div#top_tour{
	width:928px;
	padding:0 4px 0 18px;
	margin-bottom:15px;
}

div#top_tour:after{
	content:".";display:block;clear:both;height:0px;visibility:hidden;font-size:0;
}

div#top_tour div{
	float:left;
	display:inline;
	width:444px;
	margin:0 20px 20px 0;
	padding:0 0 33px 0;
	position:relative;
}

div#top_tour div:after{
	content:".";display:block;clear:both;height:0px;visibility:hidden;font-size:0;
}

div#top_tour div h2{
	height:62px;
	text-indent:-10000em;
}

div#top_tour div a.link_tourlist{
	display:block;
	height:41px;
	width:106px;
	position:absolute;
	top:20px;
	left:338px;
	text-indent:-10000em;
}

div#top_tour div#top_recommend{background:url(../img/index/bg_recommend.gif) no-repeat left bottom #dfd9c2;}
div#top_tour div#top_recommend h2{background:url(../img/index/title_recommend.gif) no-repeat left top;}
div#top_tour div#top_volunteer{background:url(../img/index/bg_volunteer.gif) no-repeat left bottom #dfd9c2;}
div#top_tour div#top_volunteer h2{background:url(../img/index/title_volunteer.gif) no-repeat left top;}
div#top_tour div#top_campaign{background:url(../img/index/bg_campaign.gif) no-repeat left bottom #dfd9c2;}
div#top_tour div#top_campaign h2{background:url(../img/index/title_campaign.gif) no-repeat left top;}
div#top_tour div#top_west{background:url(../img/index/bg_west.gif) no-repeat left bottom #dfd9c2;}
div#top_tour div#top_west h2{background:url(../img/index/title_west.gif) no-repeat left top;}
div#top_tour div#top_heritage{background:url(../img/index/bg_heritage.gif) no-repeat left bottom #dfd9c2;}
div#top_tour div#top_heritage h2{background:url(../img/index/title_heritage.gif) no-repeat left top;}
div#top_tour div#top_bis{background:url(../img/index/bg_business.gif) no-repeat left bottom #dfd9c2;}
div#top_tour div#top_bis h2{background:url(../img/index/title_business.gif) no-repeat left top;}




div#top_tour div h3{
	border-bottom:1px solid #c8c3ae;
	margin:0 12px 9px 12px;
	color:#361919;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom:2px;
	padding-top:18px;
	font-weight:800;
	clear:both;
}

div#top_tour div img{
	margin-left:16px;
	padding:3px;
	background:#ffffff;
	border:1px solid #c9c4af;
	float:left;
	display:inline;
}

div#top_tour div p{
	width:323px;
	float:right;
	display:inline;
	padding: 1px 12px 0 0;
	color:#333333;
	font-size:92.4%;
	line-height:1.335;
}

div#top_tour div p a{
	color:#333333;
}





#topSubcontents{
	margin-left: 20px;
	width:905px;
}

.topSubBox {
	float: left;
	width: 470px;
	margin-bottom: 20px;
}

.topSubBox h3{
	text-indent:-9999px;
	margin-bottom: 10px;
}
.topSubBox #t1 {
	background-image: url(../img/index/title_news.jpg);
	height: 14px;
}
.topSubBox #t2 {
	background-image: url(../img/index/title_mat.jpg);
	height: 14px;
}
.topSubBox #t3 {
	background-image: url(../img/index/title_annai.jpg);
	height: 14px;
}
.topSubBox #t4 {
	background-image: url(../img/index/title_visa.jpg);
	height: 14px;
}

#topSubcontents #topMat {
	float:left;
}
#topSubcontents #topMat li{
	background-image: url(../img/index/top_list_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 5px;
}

#topSubcontents #topAnnai li{
	background-image: url(../img/index/top_list_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 5px;
}


#topSubcontents #topVisa li{
	display:block;
	float:left;
	width: 100px;
	background-image: url(../img/index/top_list_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 5px;
}


.topSubBox_left{
	float: left;
    margin-bottom: 20px;
    width: 365px
}
.topSubBox_right{
	float: right;
    margin-bottom: 20px;
	margin-left:20px;
    width: 520px
}

.topSubBox_left h3,
.topSubBox_right h3{
    margin-bottom: 10px;
    text-indent: -9999px;
}


.topSubBox_left #t1 {
    background-image: url("../img/index/title_news.jpg");
    height: 14px;
}
.topSubBox_right #t2 {
    background-image: url("../img/index/title_mat.jpg");
    height: 14px;
}

.topSubBox_left #t3 {
    background-image: url("../img/index/title_annai.jpg");
    height: 14px;
}
.topSubBox_right #t4 {
    background-image: url("../img/index/title_visa.jpg");
    height: 14px;
}
.style1{
	padding-left:10px;
	background:url("../img/index/top_list_bg.gif") 2px 4px no-repeat;
}

/*新着情報box*/
.news_list{
	overflow:auto;
	height:120px;
	width:365px;
	line-height:200%;
}