@charset "UTF-8";

/*

Layout:Hiroshi Konnai
Title:www.yokohamatour.jp

*/

/*********************************
BASIC
**********************************/
/*All TAG*/
*{
	margin: 0px auto;
	padding: 0px ;
}
/*body TAG*/
body{
	margin: 0px auto;
	padding: 0px ;
	text-align: center ;
	font-family: "Helvetica Neue","Helvetica","Verdana","MS Pゴシック";
	font-size: 12px ;
}
/*table TAG*/
table{
	border: none ;
	margin: 0px auto;
}
/*img TAG*/
img{
	border: none ;
	margin: 0px ;
}
.clear{
	clear: both ;
	height: 0px ;
	margin: 0px ;
}
.wh_1px{
	width: 1px ;
	height: 1px ;
}
a{
	cursor: pointer ;
}
a:link,a:visited{
	color: #333333 ;
}
a:hover{
	color: #DDDDDD ;
}
.r_posi{
	float: right ;
}
.l_posi{
	float: left ;
}
.red{
	color: #FF3300 ;
}
.cursor{
	cursor: pointer ;
}
/*********************************
INDEX.HTML
**********************************/
body#index{
	background: url(../img/index_back.jpg) left top repeat-x ;
}
#TotalLayout{
	margin: 0px auto ;
	width: 830px ;
	height: auto ;
}
#header{
	margin: 0px auto ;
	width: 800px ;
	height: auto ;
}
#headerleft{
	margin: 0px ;
	width: 590px ;
	float: left ;
	text-align: left ;
}
#logo{
	margin: 0px ;
	padding: 4px 0px 5px 10px ;
	text-align: left ;
}
#menu{
	margin: 0px ;
	text-align: left ;
	padding: 0px ;
}
#menu ul{
	list-style: none ;
	margin: 0px ;
	padding: 0px ;
	display: block ;
}
#menu ul li{
	float: left ;
	margin: 0px ;
	padding: 0px ;
}
#headerright{
	margin: 0px ;
	padding: 4px 0px 0px 0px ;
	float: right ;
	width: 200px ;
}
#maincontaier{
	margin: 0px auto ;
	padding: 5px 30px 0px 30px ;
	background: url(../img/contaier_back.jpg) center top no-repeat ;
}
#index_company{
	margin: 0px auto 10px auto ;
	padding: 10px 0px 0px 30px ;
	text-align: left ;
	background: url(../img/footer_lineup.jpg) center top no-repeat ;
}
#flash{
	margin: 0px ;
	padding: 0px ;
	height: 290px ;
	background: url(../img/flash.jpg) center center no-repeat ;
}
#mainleft{
	margin: 0px ;
	float: left ;
	width: 510px ;
	text-align: right ;
}
#index_cont1{
	margin: 0px auto 10px auto ;
	height: 160px ;
	background: url(../img/index_img.jpg) right top no-repeat ;
}
#index_cont1 p{
	margin: 5px 0px ;
	padding: 10px 210px 0px 16px ;
	text-align: left ;
	line-height: 150% ;
}
#index_cont2{
	margin: 0px auto ;
	padding: 5px 0px ;
	tex-align: left ;
}
#index_cont2 ul{
	margin: 5px 0px 0px 0px ;
	padding: 0px ;
	list-style: none ;
	display: block ;
	overflow: auto ;
	height: 114px ;
}
#index_cont2 ul li{
	margin: 5px 0px  6px 15px ;
	padding: 4px 5px 5px 5px ;
	text-align: left ;
	background: url(../img/news_underline.jpg) left bottom no-repeat ;
}
#flashbanner{
	margin: 0px ;
	height: 75px ;
	text-align: center ;
}
#mainright{
	margin: 0px auto 10px auto ;
	padding: 0px ;
	float: right ;
	width: 250px ;
}
#middlebanner,#lowerbanner{
	margin: 10px auto 20px auto ;
}
#middlebanner a img,#lowerbanner a img,#lowerbanner img{
	margin: 0px 3px ;
}
#lowerbanner #index_tbl{
	width: 750px ;
	margin: 0px auto ;
}
#lowerbanner #index_tbl td{
	text-align: center ;
}
#footerlink{
	margin: 0px auto ;
	background: url(../img/footer_line.jpg) center top no-repeat ;
}
#footerlink p{
	padding: 15px 0px ;
	text-align: center ;
}
#footer{
	margin: 0px auto ;
	height: 35px ;
	background: url(../img/footer_back.jpg) left bottom repeat-x ;
}
#footer p{
	text-align: center ;
	padding: 10px 0px 0px 0px ;
	color: #FFFFFF ;
	font-size: 90% ;
}

/*********************************
SUB COMMON
**********************************/
body#sub{
	background: url(../img/sub_back.jpg) left top repeat-x ;
}
#subheader{
	margin: 0px auto ;
	padding: 0px ;
}
#maincontaier p.txt{
	padding: 10px 20px ;
	text-align: left ;
	line-height: 140% ;
}
.m_r_30px{
	margin-right: 30px ;
}
.m_l_30px{
	margin-left: 30px ;
}
#returnbtn{
	margin: 10px 0px 11px 0px ;
}
*html #returnbtn{
	margin: 10px 0px 8px 0px ;
}
/*********************************
COMPANY.HTML
**********************************/
.contents_blk{
	margin: 10px auto 20px auto ;
	padding: 0px ;
}
.table_blk{
	margin: 5px auto ;
	background: #B8B8B8 ;
	width: 680px ;
}
.table_blk td{
	padding: 7px 10px ;
	text-align: left ;
	font-size: 12px ;
	line-height: 140% ;
	vertical-align: top ;
	background: #FFFFFF ;
}
.table_blk td.title{
	width: 130px ;
	background: #D4EAFF ;
}
.contents_blk p,.contents_blk1 p,.contents_blk2 p{
	padding: 5px 45px ;
	text-align: left ;
	line-height: 140% ;
}
.contents_blk1,.contents_blk2{
	margin: 10px auto ;
	padding: 0px ;
}
.contents_blk ul{
	margin: 0px 30px 0px 45px ;
	padding: 0px ;
	list-style: none ;
}
.contents_blk ul li{
	margin: 2px 0px ;
	padding: 1px 1px 1px 10px ;
	text-align: left ;
	background: url(../img/icon1.jpg) left 7px no-repeat ;
}
/*********************************
ABOUT.HTML
**********************************/
.aboutimg1{
	background: url(../img/about_img1.jpg) right 20px no-repeat ;
}
.about_blk1{
	text-align: right ;
	margin: 0px auto ;
}
.about_blk1 p{
	padding-left: 500px ;
}
.contents_blk2{
	height: 580px ;
	text-align: left ;
}
.aboutimg2{
	background: url(../img/about_img3.jpg) right 40px no-repeat ;
}
.contents_blk2 .btn{
	margin: 35px auto 0px 35px ;
	width: 450px ;
}
.contents_blk2 .btn a img{
	margin: 0px auto 5px auto ;
}
/*********************************
ACCESS.HTML
**********************************/
.right_btn{
	text-align: right ;
	padding: 3px 20px 3px 3px ;
	width: 300px ;
	float: right ;
}
.left_btn{
	text-align: left ;
	padding: 15px 0px 3px 20px ;
	width: 300px ;
	float: left ;
}

/*********************************
ENTERPRICE.HTML
**********************************/
#enterblk1,#enterblk2{
	margin: 0px auto 20px auto ;
	width: 760px ;
	height: auto ;
}
.enterblk_left{
	margin: 0px ;
	float: left ;
	width: 375px ;
}
.enter_photo{
	margin: 10px 0px 10px 10px ;
	width: 171px ;
	float: left ;
}
*html .enter_photo{
	margin: 10px 0px 10px 5px ;
}
.enter_right{
	margin: 10px 0px ;
	width: 180px ;
	float: right ;
}
.enter_right dl{
	margin: 0px ;
	padding: 0px ;
	display:block;
}
.enter_right dl dt{
	margin: 0px ;
	padding: 3px ;
	text-align: left ;
	line-height: 140% ;
	height: 105px ;
	display:block;
}
*html .enter_right dl dt{
	margin: 0px ;
	padding: 3px ;
	text-align: left ;
	line-height: 140% ;
	height: 110px ;
	display:block;
}
.enter_right dl dd{
	margin: 0px ;
	padding: 0px ;
	display:block;
	height: 45px ;
}
.enterblk_right{
	margin: 0px ;
	float: right ;
	width: 375px ;
}
#enter_btnarea,#enter1_btnarea{
	margin: 0px auto 20px auto ;
}
/*********************************
RECOMMENDTOUR.HTML
**********************************/
.tour{
	margin: 15px auto 10px auto ;
}
.tour h3{
	display: block ;
	margin: 0px auto ;
	padding: 8px 0px 0px 10px ;
	height: 35px ;
	width: 715px ;
	font-size: 14px ;
	text-align: left ;
	background: url(../img/recommendtour_titlebar.jpg) left top no-repeat ;
}
*html .tour h3{
	width: 725px ;
}
.recommend_blk{
	margin: 10px auto 20px auto ;
	width: 725px ;
}
.rec_photo{
	width: 285px ;
	height: auto ;
	padding: 5px 0px ;
	float: left ;
	text-align: center ;
	background: #F3F3F3 ;
}
.rec_photo img{
	border: 1px solid #FFFFFF ;
}
.rec_thum{
	padding: 5px 5px 0px 5px ;
	text-align: left ;
}
*html .rec_thum{
	padding: 0px 5px ;
}
.rec_thum img{
	margin: 0px 5px 0px 0px ;
}
.rec_contents{
	float: right ;
	width: 425px ;
}
.rec_list{
	margin: 5px auto ;
}
.rec_list ul{
	list-style: none ;
	margin: 5px ;
	padding: 0px ;
}
.rec_list ul li{
	margin: 5px ;
	padding: 0px 0px 0px 10px ;
	background: url(../img/icon2.gif) left 3px no-repeat ;
}
.rec_list .staff{
	margin: 5px ;
	float: left ;
}
.rec_list table.rec_tbl{
	margin: 5px 0px ;
	float: left ;
}
.rec_list table.rec_tbl td{
	padding: 5px ;
	text-align: left ;
	font-size: 12px ;
}
.rec_list table.rec_tbl td.title{
	width: 40px ;
	background: #F3F3F3 ;
}
.rec_list table.rec_tbl td.star{
	width: 90px ;
}
table.distance{
	width: 700px ;
	border: 1px solid #DDDDDD ;
}
table.distance td{
	padding: 3px ;
	text-align: left ;
	line-height: 140% ;
	font-size: 12px ;
}
table.distance td.title{
	background: #ECECEC ;
}
.star{
	margin: 5px 0px ;
	float: left ;
	width: 300px ;
}
.star p{
	padding: 5px ;
	text-align: left ;
	line-height: 140% ;
}
.w_30px{
	width: 30px ;
}
.w_60px{
	width: 60px ;
}
/*********************************
EVENT.HTML
**********************************/
#eventblk1{
	margin: 10px auto ;
	width: 750px ;
	height: auto ;
}
#event_left{
	margin: 0px ;
	float: left ;
	width: 510px ;
}
.event_contents{
	margin: 0px auto 10px 0px ;
	padding: 0px 0px 0px 5px ;
}
.event_contents p{
	padding: 10px 0px 5px 0px ;
	text-align: left ;
	line-height: 140% ;
}
#event_right{
	margin: 0px ;
	width: 220px ;
	float: right ;
}
#eventlowerbanner{
	margin: 10px auto ;
}
/*********************************
TIEUP.HTML
**********************************/
div#link{
	margin: 5px auto ;
	width: 700px ;
	text-align: left ;
}
div#link ul{
	margin: 0px ;
	padding: 0px ;
	list-style: none ;
}
div#link ul li{
	margin: 10px auto ;
	padding: 5px 2px 5px 35px ;
	background: url(../img/icon3.jpg) left center no-repeat ;
}
.item{
	margin: 10px auto ;
}
.tie_upblk{
	margin: 5px auto ;
}
.tie_upblk p{
	padding: 5px 100px ;
	text-align: left ;
}
/*********************************
SOCIAL.HTML
**********************************/
.social_blk{
	margin: 0px auto 10px auto ;
	width: 720px ;
}
.social_img{
	float: left ;
	width: 150px ;
	margin: 0px ;
}
.social_txt{
	float: left ;
	width: 560px ;
	margin: 0px ;
}
.social_txt p{
	margin: 0px ;
	padding: 5px 0px 0px 20px ;
	text-align: left ;
}