@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- earth ----------*/

#main .earth {
	background:url(../../images/rafting/bg_earth.jpg) left top no-repeat;
	padding:0 20px;
}





/* ---------- reservetion ---------- */

#reservetion {
	width:710px;
	float:left;
	padding:0 0 30px 10px;
}

#reservetion li {
	width:690px;
	float:left;
	padding:10px 10px 53px;
	margin:0 0 10px;
	background:#EAEAEA url(../../images/reservation/top/bg_arrow_down.gif) center bottom no-repeat;
}

#reservetion .none {
	padding:10px;
	background:#EAEAEA none;
}

#reservetion h4 {
	float:right;
	width:470px;
	padding:10px;
	margin:0;
	background:#FFFFFF none;
	border-bottom:#0066FF 1px dotted;
}

#reservetion .text {
	float:right;
	width:470px;
	padding:10px;
	background-color: #FFFFFF;
}

#reservetion .image {
	float:left;
	padding:0;
}





/* ---------- faq ---------- */

.faqList {
	width:335px;
	margin:0 0 0 20px;
	float:left;
}

.faqList ul {
	margin:0 0 30px;
}

.faq_box {
	width:690px;
	padding:0 20px;
	float:left;
}

.faq_box dt {
	width:660px;
	float:left;
	border-bottom:#999999 1px solid;
	background:url(../../images/faq/bg_q.gif) left top no-repeat;
	padding:2px 0 10px 30px;
	margin:0 0 10px;
	font-weight:bold;
	font-size:75%;
	line-height:1.5em;
}

.faq_box dd {
	width:660px;
	float:left;
	background:url(../../images/faq/bg_a.gif) left top no-repeat;
	padding:0 0 20px 30px;
}





/* ---------- driver ---------- */

#driver {
	width:720px;
	float:left;
}

#driver li {
	width:330px;
	float:left;
	padding:10px 10px 25px 20px;
}

#driver h4 {
	width:330px;
	line-height:200%;
	color:#FFFFFF;
	margin:0;
	padding:0 0 10px;
	background-image: url(../../images/driver/bg_dttl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

#driver table {
	width:330px;
	font-size:75%;
	color:#666666;
	border-top:#CCCCCC 1px dotted;
	border-bottom:#CCCCCC 1px dotted;
}

#driver table th {
	width:50px;
	padding:1px 0;
}

#driver table td {
	width:115px;
	text-align:center;
}





/* ---------- voice page ---------- */

#main .voice {
	width:690px;
	float:left;
	display:inline;
	margin:10px 10px 0;
	padding:30px 10px 10px;
	border-top:#CCCCCC 1px dotted;
}

#main .voice .left {
	width:295px;
	float:left;
	background:url(../../images/voice/bg_voice_bot.gif) left bottom no-repeat;
}

#main .voice .left h4 {
	width:240px;
	padding:50px 5px 5px 50px;
	background:url(../../images/voice/bg_voice_top.gif) left top no-repeat;
	color:#004098;
	font-size:75%;
	line-height:1.5em;
}

#main .voice .left p {
	width:240px;
	margin:0px;
	padding:0 5px 15px 50px;
}

#main .voice .right {
	float:right;
	width:340px;
	background:url(../../images/voice/bg_arrow.gif) left 80px no-repeat;
	padding:0 0 0 35px;
}

#main .voice .right h4 {
	background-image:none;
	margin:0;
	padding:0 0 20px;
}

#main .voice .right h5 {
	font-size:80%;
	color:#004098;
	margin:0;
	padding:0 0 10px;
}

#main .voice .right p {
	margin:0;
	padding:0 0 15px;
}





/* ---------- mapList ---------- */

#mapList {
	width:705px;
	float:left;
	margin:0 -15px 0 0;
}

#mapList li {
	float:left;
	padding:0 15px 15px 0;
}





/* ---------- maps ---------- */

#main .map_left {
	float:left;
	width:180px;
	padding:5px 0 20px 20px;
}

#main .map_long {
	float:left;
	width:500px;
	padding:5px 0 0 20px;
}

#main .map_left .btn {
	padding:10px 0 20px;
}

#main .map_right {
	float:right;
	width:500px;
	padding:0 20px 20px 0;
	text-align:right;
}





/* ---------- tour_list ---------- */

#tour_list {
	width:670px;
	float:left;
	margin:0 20px 20px;
	border:#EEEEEE 10px solid;
	display: inline;
}

#tour_list h4 {
	float:left;
	border-right:#EEEEEE 10px solid;
}

#tour_list div {
	width:314px;
	float:left;
	padding:10px;
}





/* ---------- cm ---------- */

.cm {
	width:710px;
	float:left;
	margin:0 -20px 0 0;
	padding:0 0 10px;
	display:inline;
}

.cm li {
	width:218px;
	float:left;
	text-align:center;
	background:#EEEEEE;
	border:#DDDDDD 1px solid;
	display:inline;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom:0;
	padding-left: 0;
}

.cm li:hover {
	border:#AAAAAA 1px solid;
}

.mecha {
	width:710px;
	float:left;
	margin:0 -20px 0 0;
	padding:0 0 10px;
	display:inline;
}

.mecha li {
	width:685px;
	float:left;
	text-align:center;
	background:#EEEEEE;
	border:#DDDDDD 1px solid;
	display:inline;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom:0;
	padding-left: 0;
}

.mecha li:hover {
	border:#AAAAAA 1px solid;
}





/* ---------- TOKYOmyTOUR ---------- */

#TOKYOmyTOUR {
	width:690px;
	float:left;
	border-top:#CCCCCC 1px dotted;
	padding:20px 0 0;
	margin:20px 0 0;
	display:inline;
}

#TOKYOmyTOUR dt {
	float:left;
}

#TOKYOmyTOUR dd {
	padding:0 0 10px 100px;
	margin:0 0 20px;
	border-bottom:#CCCCCC 1px dotted;
}





/* ---------- art ---------- */

#artNavi {
	width:710px;
	float:left;
	padding:0 0 20px 10px;
}

#artNavi li {
	float:left;
}

#artPlace {
	width:700px;
	margin:0 -10px 0 0;
	float:left;
	display:inline;
}

#artPlace li {
	width:310px;
	margin:0 10px 10px 0;
	padding:14px 14px 4px;
	float:left;
	display:inline;
	border:#CCCCCC 1px solid;
	background:#E4EFFC;
}

#artPlace li h4 {
	font-size:75%;
	line-height:1.5em;
	padding:0 0 5px;
}

#artPlace li p {
	line-height:1.4em;
	padding:0 0 5px;
}





/* ---------- myTourTime ---------- */

#myTourTime {
	background:url(../../images/mytour/img_2030.jpg) right top no-repeat;
	padding:0 0 15px;
	position:relative;
}

#myTourTime .tab {
	width:334px;
	float:left;	
}

#myTourTime p {
	float:right;
	padding:0;	
}

#myTourTime .image {
	position:absolute;
	top:0;
	right:0;
}





/* ---------- yukari ---------- */

#main .yttl {
 padding:0;
}

.yukari {
 width:640px;
	border:#DDD0A2 5px solid;
	padding:0 20px 10px;
	margin:0 0 20px;
	border-top:none;
	background:#F4EEDE;
}

.gourmet {
 width:640px;
	border:#FFCC00 5px solid;
	padding:0 20px 10px;
	border-top:none;
	background:#FDF3CC;
}

.line {
	border-bottom:#DDD0A2 1px dotted;
	margin:0 0 15px;
}





/* ---------- model ---------- */

.model {
	width:710px;
	margin:0 -20px 0 0;
	float:left;
	display:inline;
}

.model a {
	color:#333333;
	text-decoration:underline;
}

.model li {
	width:335px;
	margin:0 20px 20px 0;
	float:left;
	display:inline;
	background:url(../../images/cloud/model/bg_model.gif) left bottom no-repeat;
}

#main .model li h3 {
	width:335px;
	padding:0;
	margin:0;
	background:none;
	float:none;
}

#main .model li p {
	padding:0 0 10px 20px;
}

#main .model li .fRight {
	padding:0 20px 10px 15px;
}

#main .madonna {
	background-image: url(../../images/cloud/model/madonna_back01.gif);
	background-repeat: repeat;
	background-position: left top;
	padding: 10px 25px 10px 25px;
}

#main .madonnabottom {
	background-image: url(../../images/cloud/model/madonna_back02.gif);
	background-repeat: repeat;
	background-position: left bottom;
	padding: 10px 25px 10px 25px;
}




#hayawari_regular {
	width:690px;
	float:left;
	background:url(../../images/campaign/hayawari/bg_table.gif) left bottom no-repeat;
	text-align:center;
}

.hayawari_price {
	width:334px;
	float:left;
}

.hayawari_price .tbl {
	width:334px;
	font-size:75%;
	line-height:1.6em;
}

.hayawari_calender {
	width:330px;
	float:right;
}

.hayawari_calender .tbl {
	width:150px;
	font-size:75%;
	line-height:1.6em;
	float:left;
	margin:0 0 0 15px;
}

.hayawari_price2 {
	width:670px;
	float:left;
}

.hayawari_price2 .tbl {
	width:326px;
	font-size:75%;
	line-height:1.6em;
}

.hayawari_calender2 {
	float:left;
	width: 670px;
	margin:0 0 20px 0;
}

.hayawari_calender2 .tbl {
	width:150px;
	font-size:75%;
	line-height:1.6em;
	float:left;
	margin:0 15px 0 0;
}

