@charset "shift-jis";
/*###########################################
大使館グループ
common.css
CSS Version 2.0
LastModified:2009.08.25 By kihira
###########################################*/
/*########################
Global
########################*/
*{
	padding: 0;
	margin: 0;
/*	font-size: 13px;
	color:#4D4D4D;*/
}
img {
	border: 0;
}
.clear{ clear: both;}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

html,body{
	font-size: 12px;
/*	color: #EEEEEE;*/
	color:#ffffff;

	background-color: #C9CACB;
	background: url(../grf/bg_html.jpg);
}
li{
	list-style-type: none;
}
h1{
	font-size: 12px;
	font-weight: lighter;
	color: #FFFFFF;
/*	background-color: #000000;*/
	padding: 10px 35px 0;
	line-height:130%;
}
div#outer{
	background-image: url(../grf/body_bg.jpg);
	background-repeat: repeat-x;
}
div#outer-inner{
	background-image: url(../grf/hosi_bg_l.jpg);
	background-repeat: repeat-x;
	width: 100%;
	border-top: 7px solid #F4A890;
	border-bottom: 7px solid #F4A890;
}
div#main{
	width: 967px;
	margin: 0 auto;
	background-image: url(../grf/bb2.jpg);
	background-repeat: repeat-y;
	background-position: center;
	height:100%;
}

div#body{
	background: url(../grf/b2.jpg) top center no-repeat;
/*	min-height: 960px;*/
}
div#header{
	padding:0 35px 8px 35px;
}
div#header .header-left{
	float:left;
}
div#header .header-right{
	float:left;
	background: url('../grf/bg_header.jpg') no-repeat top left;
	height:104px;
}
div#header .header-right-inner{
	padding-top: 14px;
}

#mainarea{
	width: 680px;
	float:left;
/*	min-height:945px;*/
}
#mainarea-inner{
	padding-left:60px;
}
#rightnavi{
	float:right;
	width: 287px;
	text-align: left;
}
.tab{
	width: 32px;
	float:right;
}
.tab .area{
	text-align: left;
	padding-top:32px;
}
.hotellist{
	width: 250px;
	text-align: left;
	float:left;
}
.hotellist a img{
	vertical-align: bottom;
}
.hotellist .qr{
	font-size:11px;
	line-height:140%;
}
.hotellist .qr img{
	margin-left:22px;
	margin-right:10px;
}
div#foot{
	clear: both;
	padding: 0 20px;
}
.gototop{
	text-align: right;
	padding:0 45px 0 0;
}
.gototop a{
	background: url('../grf/i_top.jpg') no-repeat top right;
	padding:0 15px 0 0;
	color: #ffffff;
	font-size:10px;
}

#footer_nav{
	font-size: 10px;
	padding: 10px 0 0 0;
}
	#footer_nav a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#footer_nav a:hover{
		text-decoration: underline;
	}
	#foot_nav_1{
		width: 600px;
		overflow: hidden;
		border-left: 1px solid #FFFFFF;
		margin: 10px auto 0 auto;
	}
	#foot_nav_2{
		width: 480px;
		overflow: hidden;
		border-left: 1px solid #FFFFFF;
		margin: 10px auto 0 auto;
	}
		#foot_nav_1 li, #foot_nav_2 li{
			float: left;
			padding: 5px 15px;
			border-right: 1px solid #FFFFFF;
			font-size:10px;
		}
		#foot_nav_1 li a, #foot_nav_2 li a{
			font-size:10px;
		}
#copyright{
	text-align: center;
	padding: 20px 0;
}

table.vtop td {
	vertical-align: top;
}
