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

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

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

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

.nav ul li a {
    padding: 0 !important;
    background: none !important;
}


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

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

/* Nav active */
#page-home	 .nav01 a { background-position:   -5px -120px; cursor: default;}
#page-access	 .nav08 a { background-position: -845px -120px; 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: 940px;}
.content h2 {
	width: 630px;
	overflow: hidden;
}

/* Contents 3cols left-left/right */
.c-smx .wrapper { width: 680px; float: right; overflow: hidden;}
.c-smx .maincol { width: 440px; float: left;  overflow: hidden; margin-top: 10px; display:inline;}

/* Contents 3cols right-left/right */
.c-xms .wrapper { width: 680px; float: left;  overflow: hidden;}
.c-xms .maincol { width: 440px; float: right; overflow: hidden; margin-top: 10px;}

/* Contents 3cols left-left */
.c-sxm .wrapper { width: 680px; float: right; overflow: hidden;}
.c-sxm .maincol { width: 440px; float: right; overflow: hidden; margin-top: 10px;}

/* Contents 3cols right-right */
.c-mxs .wrapper { width: 680px; float: left;  overflow: hidden;}
.c-mxs .maincol { width: 440px; float: left;  overflow: hidden; margin-top: 10px;}

/* Contents 2cols left */
.c-sm .wrapper  { width: 700px; float: right; overflow: hidden;}
.c-sm .maincol  { width: 680px;  overflow: hidden; margin-top: 10px; margin-left: 20px;}

/* Contents 2cols right */
.c-ms .wrapper  { width: 700px; float: left; overflow: hidden;}
.c-ms .maincol  { width: 680px;  overflow: hidden; margin-top: 10px; margin-right: 20px;}

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


/*	Online service
-------------------------------------------------- */
.rk_onlineservice		{ margin: 0 0 15px 0; padding: 0 0 10px; width: 220px; border-bottom: 1px dotted #a69579; color: #654d25;}
.rk_onlineservice h3#hd_search	{ height: 45px; background:url(../img/common/hd_search.png) no-repeat 0 0; text-indent: -9999px;}
.rk_onlineservice-inner		{ width: 220px; margin: 10px 0 0; padding-top: 0px;}
.rk_onlineservice-inner-inner	{ margin: 0; padding: 0;}

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

/*	Mobile
-------------------------------------------------- */
#mobile { width: 220px; margin: 10px 0; overflow: hidden;}
#mobile-inner { padding: 5px; height: 90px;}
#mobile p { font-size: 85%; line-height: 1.32; padding: 15px 5px 0;}
#mobile p strong { font-size: 110%; line-height: 1.32; padding: 5px 0;}
#mobile p#qrcode { margin: 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;}

/*
--------------------------------------------------
	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: 200px; padding: 10px; clear: both;}
.information div.information-read { width: 200px; padding: 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%;}

a.logo:link, a.logo:hover, a.logo:visited, a.logo:active {
    color: #252021;
    text-decoration: none;
    display: none;
}