/*
--------------------------------------------------
	Direct In CSS	Version: 2012.02.06
-------------------------------------------------- */

/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container { background: url(../img/common/bg_design.png) no-repeat center 0;}
.container-inner { background:url(../img/common/bg_header.png) repeat-x 0 0;}
.container-inner-inner { width:950px; /*background: #FFF;*/ margin:0 auto;}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width: 950px;
	/*background: url(../img/rakuten/header.gif) no-repeat 0 0;*/
}

/*
-----------------------------------------------
	Nav
----------------------------------------------- */
.nav {
	width: 950px;
	height		: 80px;
	margin		: 10px 0;
	padding		: 0;
	background: ;
	overflow	: hidden;
}

.nav .nav-inner {
	width: 950px;
}
.nav ul {
	width: 951px;
}

.nav ul li a {
	width		: 118px;
	height		: 80px;
	margin		: 0;
	padding		: 0;
	background	: url(../img/common/nav_bg.png) no-repeat 0 0;
}

/* Nav default */
.nav .nav01 a { background-position:   -5px 0; width: 118px;}
.nav .nav08 a { background-position: -831px 0; width: 118px;}

/* Nav hover */
.nav .nav01 a:hover { background-position:   -5px -80px;}
.nav .nav08 a:hover { background-position: -831px -80px;}

/* Nav active 
#page-home	 .nav01 a { background-position:   -5px -80px; cursor: default;}
#page-access .nav08 a { background-position: -831px -80px; cursor: default;}*/







/*
--------------------------------------------------
	Main photo
-------------------------------------------------- */
.main-photo { width: 950px; height:310px;}
.main-photo img { width: 950px;}
.main-photo .show { width: 950px; height:310px;}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
.content { width: 950px; margin: 0 auto; padding: 15px 0; background:;}
.content h2 {
	width: 950px;
	overflow: hidden;
}

/* Contents 1col */
.c-m .wrapper   { width: 950px; overflow: hidden;}
.c-m .maincol   { width: 950px;  overflow: hidden; margin-top: 10px;}


/*	Online service
-------------------------------------------------- */
.rk_onlineservice		{width: 220px; margin: 10px 0 0; padding-top: 30px;}
.rk_onlineservice h3#hd_search	{ overflow:hidden; height:0; background:url(../img/common/hd_search.png) no-repeat 0 0; padding-top: 65px;}
.rk_onlineservice-inner		{ width: 220px; margin: 0; padding: 0 0 10px; color: #6c4d4f; background:url(../img/common/bg_search_bottom.png) no-repeat 0 bottom;}
.rk_onlineservice-inner-inner	{ margin: 0; padding: 10px 0; background: url(../img/common/bg_search_main.png) repeat-x 0 0;}

.rk_booking-buttons		{ width: 180px; margin: 0 auto; clear: both;}
.rk_booking-buttons ul		{ margin:0;}
.rk_booking-buttons ul li	{}
.rk_booking-buttons ul li a	{ display: block; width: 180px; height: 30px; text-indent: -9999px; margin-bottom: 5px; padding: 0; overflow: hidden;}
#rk_booking_btn_available a{ background:url(../img/common/btn_search02.png) no-repeat 0 0;}
#rk_booking_btn_plan a{ background:url(../img/common/btn_search01.png) no-repeat 0 0;}
#rk_booking_btn_available a:hover { background-position: 0 -30px;}
#rk_booking_btn_plan a:hover	  { background-position: 0 -30px;}


/*	Mobile
-------------------------------------------------- */
#mobile { width: 220px; margin: 10px 0; overflow: hidden;}
#mobile-inner { padding: 5px; height: 100px;}
#mobile p { font-size: 85%; line-height: 1.32; padding: 15px 0 0;}
#mobile p strong { font-size: 110%; line-height: 1.32; padding: 5px 0;}
#mobile p#qrcode { margin: 5px 0; padding: 0; text-align: center; width: 100px; height: 100px; float: right; display: block;}

/*	Banner
-------------------------------------------------- */
.banner { width: 220px; margin: 0 auto; padding-bottom: 5px; overflow: hidden;}
.banner p{ margin: 0 auto; padding-bottom: 5px;}
/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer { width: 950px;}
.footer-inner {}

/* Information */
.information { width: 220px; padding: 0;}
.information div.information-photo { width: 220px; padding: 10px 0px; clear: both;}
.information div.information-access { width: 220px; padding: 10px 0px; clear: both;}
.information div.information-read { width: 220px; padding: 0 0 10px; clear: both;}

/* fnav */
.fnav {}
.fnav-inner { width: 950px;}
.fnav ul { font-size: 100%;}
.fnav ul li:last-child { border: none;}

/* Copyright */
.copyright {}
.copyright p { width: 950px; font-size: 85%;}




