@import url("common.css");


/* ==========　Top layout ========== */

#Topimage01 {
	background				: url("../img/imageback.jpg") no-repeat;
	background-position		: top center;
	margin-top				: 8px;
}

#Topimage02 {
	background				: url("../img/imageback2.jpg") no-repeat;
	background-position		: top center;
	margin-top				: 8px;
}

.Topimage01-box {
	width					: 930px;
	margin					: 0 auto;
}

.Topimage02-box {
	width					: 960px;
	margin					: 0 auto;
}

.Topimage01-boxh2 {
	width					: 730px;
	float					: left;
}

.btnul {
	width					: 200px;
	float					: right;
	margin-top				: 5px;
	padding					: 0;
}

.btn01 , .btn02 , .btn03 , .btn04 , .btn05 {
	margin-top				: 10px;
}

.MainContent {
	width					: 625px;
	background				: url("../img/topmain-body.gif") repeat-y;
	margin-bottom			: 15px;
	padding					: 0;
}

.topmain-h3 {
	width					: 625px;
	height					: 43px;
	background				: url("../img/topmain-head.gif") no-repeat;
	font-size				: 16px;
	line-height				: 40px;
	text-align				: left;
	font-weight				: bold;
	color					: #003366;
}

.whaletopmain-h3 {
	width					: 625px;
	height					: 41px;
	background				: url("../img/topmain-head2.gif") no-repeat;
	font-size				: 16px;
	line-height				: 40px;
	text-align				: left;
	font-weight				: bold;
	color					: #003366;
}

.photobox-h3 {
	width					: 625px;
	height					: 41px;
	background				: url("../img/phototit.gif") no-repeat;
	font-size				: 16px;
	line-height				: 40px;
	text-align				: left;
	font-weight				: bold;
	color					: #003366;
}

.topmain-h5 {
	text-align				: left;
	margin-top				: 15px;
	margin-left				: 10px;
}

.topmain-h5-text01 {
	text-align				: left;
	width					: 590px;
	margin-left				: 10px;
	font-size				: 16px;
	line-height				: 25px;
	color					: #cc6633;
}

.topmain-h5-text02 {
	text-align				: left;
	width					: 590px;
	margin-left				: 10px;
	font-size				: 16px;
	line-height				: 25px;
	color					: #333;
}

.topmain-li {
	width					: 590px;
	text-align				: left;
	margin-top				: 20px;
	margin-left				: 10px;
}

.topmain-h6 {
	text-align				: left;
	font-size				: 10px;
	line-height				: 1.5;
	color					: #cc0000;
}

.topmain-text {
	margin					: 5px 0;
	font-size				: 10px;
	line-height				: 1.8;
	color					: #666;
}

.right-staffblog {
	width					:265px;
	background				: url("../img/rightstaff-body.gif") repeat-y;
}

.rit-sfblog-h3 {
	width					: 265px;
	height					: 43px;
	text-align				: left;
	background				: url("../img/rightstaff-head.gif") no-repeat;
	font-size				: 16px;
	line-height				: 43px;
}

.rit-wlblog-h3 {
	width					: 265px;
	height					: 43px;
	text-align				: left;
	background				: url("../img/rightwl-head.gif") no-repeat;
	font-size				: 16px;
	line-height				: 43px;
}

.rit-sfblog-h3-a {
	font-size				: 16px;
	font-weight				: bold;
	color					: #003366;
}

.rit-wlblog-h3-a {
	font-size				: 16px;
	font-weight				: bold;
	color					: #1e939c;
}

.rit-wlblog-h3-a:hover {
	font-size				: 16px;
	font-weight				: bold;
	color					: #66b2b8;
}

.rit-wlblog-newent-a {
	color					:#1e939c;
}

.rit-wlblog-newent-a:hover {
	color					:#66b2b8;
}

.rit-sfblog-h3-sp {
	margin-left				: 60px;
}

.rit-sfblog-imgbox {
	text-align				: center;
	margin					: 10px 5px;
}

.rit-sfblog-img {
	padding					: 1px;
	border					: 1px solid #ddd;
}

.rit-sfblog-new {
	width					: 245px;
	margin					: 0 auto;
	text-align				: left;
	font-size				: 10px;
	line-height				: 1.6;
	color					: #e3a749;
}

.rit-sfblog-newent {
	width					: 245px;
	margin					: 0 auto 10px auto;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.5;
}

.rit-sfblog-entdate {
	font-size				: 10px;
	line-height				: 1.5;
	color					: #999;
	margin-left				: 10px;
}

.rit-sfblog-entul {
	width					: 265px;
	background				: url("../img/rightstaff-body2.gif") repeat-y;
	padding					: 3px 0;
}

.rit-sfblog-entli {
	width					: 245px;
	margin					: 10px auto;
	text-align				: left;
	font-size				: 12px;
	background				: url("../img/staffunderline.gif") repeat-x;
	background-position		: left bottom;
	padding-bottom			: 5px;
}

.rit-sfblog-entli-a {
	background				: url("../img/staffpoint.gif") no-repeat;
	background-position		: left center;
	padding-left			: 10px;
}

.rit-wlblog-entli-a {
	background				: url("../img/wlblogpoint.gif") no-repeat;
	background-position		: left center;
	padding-left			: 10px;
	color					: #006068;
}

.rit-wlblog-entli-a:hover {
	background				: url("../img/wlblogpoint.gif") no-repeat;
	background-position		: left center;
	padding-left			: 10px;
	color					: #50b4bc;
}

.right-staffblog-foot , .right-staffblog-foot-img {
	height					: 10px;
	margin					: 0;
	padding					: 0;
	overflow				: hidden;
	vertical-align			: top;
}

.rightminbox {
	width					:265px;
	background				: url("../img/right-boxbody.gif") repeat-y;
	margin					: 15px 0 0 0;
}

.rightminbox2 {
	width					:265px;
	margin					: 15px 0 0 0;
}

.rit-min-h3 {
	width					: 265px;
	height					: 41px;
	text-align				: left;
	background				: url("../img/right-headh301.jpg") no-repeat;
	font-size				: 16px;
	line-height				: 41px;
}


.rightminbox-text {
	width					: 245px;
	margin					: 0 auto;
	font-size				: 10px;
	line-height				: 1.8;
	color					: #666;
	text-align				: left;
}

.rightminbox-text-img {
	float					: left;
	margin-right			: 5px;
}

.categoryimage {
	margin-top				: 9px;
}

.plan-h3 {
	width					: 625px;
	height					: 43px;
	background				: url("../img/planh3bg.jpg") no-repeat;
	font-size				: 16px;
	line-height				: 40px;
	text-align				: left;
	font-weight				: bold;
	color					: #003366;
}

.plan-h4 {
	margin-top				: 15px;
	margin-left				: 15px;
	text-align				: left;
}

.plan--h4text {
	width					: 580px;
	margin-left				: 20px;
	font-size				: 14px;
	line-height				: 1.6;
	color					: #333;
	text-align				: left;
}

.time-btn {
	width					: 580px;
	margin					: 10px auto;
	text-align				: right;
}

.plandit {
	width					: 590px;
	margin					: 10px auto;
}

.planditL {
	width					: 290px;
	float					: left;
}

.planditR {
	width					: 290px;
	float					: right;
}

.planditR-ul01 {
	text-align				: left;
	font-size				: 12px;
	margin-left				: 20px;
	margin-top				: 10px;
	color					: #333;
}

.planditR-li01 {
	background				: url("../img/checkimg.jpg") no-repeat;
	background-position		: 0 0;
	padding-left			: 17px;
	margin					: 4px 0;
}

.btn-box {
	width					: 460px;
	height					: 50px;
	background				: url("../img/btnback.gif") no-repeat;
	margin					: 15px auto;
}

.btn-boxL {
	width					: 215px;
	margin-top				: 10px;
	margin-left				: 10px;
	float					: left;
	display					: inline;
}

.btn-boxR {
	width					: 215px;
	margin-top				: 10px;
	margin-right			: 10px;
	float					: right;
	display					: inline;
}

/* ==========　option layout ========== */

.option-wrap {
	width					: 620px;
	margin					: 10px 0;
}


.option-wrap-ri {
	width					: 370px;
	height					: 120px;
	background				: url("../img/optionbg.gif") no-repeat;
	float					: right;
	text-align				: left;
	font-size				: 12px;
	line-height				: 18px;
	color					: #333;
	margin-right			: 10px;
}

.option-wrap-le {
	float					: left;
}

.option-wrap-h5 {
	margin-top				: 10px;
	margin-left				: 10px;
}

.option-wrap-text {
	width					: 350px;
	margin					: 5px 0 5px 10px;
}

.option-wrap-btn {
	text-align				: right;
	margin-right			: 15px;
}

.menu-box {
	width					: 600px;
	height					: 175px;
	margin					: 10px auto;
	background				: url("../img/menuback.gif") no-repeat;
}

.menu-box-ri {
	width					: 370px;
	font-size				: 12px;
	line-height				: 1.8;
	color					: #333;
	text-align				: left;
	float					: right;
	margin-top				: 10px;
	margin-right			: 10px;
}

.menu-box-le {
	float					: left;
	margin-top				: 10px;
	margin-left				: 10px;
}

.menu-box-text {
	margin					: 5px auto;
}

.menu-box-btn {
	text-align				: right;
}

/* ==========　timeline layout ========== */

.timeline01 {
	width					: 590px;
	height					: 1150px;
	margin-left				: 15px;
	background				: url("../img/timeline01.gif") no-repeat;
	background-position		: top left;
}

.timeline01-box {
	width					: 490px;
	margin-left				: 95px;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.6;
	color					: #333;
}

.timeline01-box01 {
	padding-top				: 8px;
}

.timeline01-box02 {
	margin-top				: 15px;
}

.timeline01-box03 {
	width					: 490px;
	margin-top				: 10px;
}

.timeline01-box04 {
	margin-top				: 16px;
}

.timeline01-box05 {
	width					: 490px;
	margin-top				: 10px;
}

.timeline01-box06 {
	margin-top				: 16px;
}

.timeline01-box07 {
	margin-top				: 15px;
}

.timeline01-box08 {
	width					: 490px;
	margin-top				: 10px;
}

.timeline01-box09 {
	margin-top				: 15px;
}

.timeline01-box10 {
	width					: 490px;
	margin-top				: 10px;
}

.timeline01-box11 {
	margin-top				: 15px;
}

.timeline01-box12 {
	width					: 490px;
	margin-top				: 10px;
}

.timeline01-box13 {
	margin-top				: 15px;
}

.timeline01-box14 {
	width					: 490px;
	margin-top				: 10px;
}

.timeline01-box15 {
	margin-top				: 15px;
}

.timeline01-box16 {
	width					: 490px;
	margin-top				: 10px;
}

.timeline01-box-r {
	width					: 330px;
	float					: right;
}

.timeline01-box-l {
	width					: 150px;
	float					: left;
}

.option-h3 {
	width					: 625px;
	height					: 43px;
	background				: url("../img/optionh3bg.jpg") no-repeat;
	font-size				: 16px;
	line-height				: 40px;
	text-align				: left;
	font-weight				: bold;
	color					: #003366;
}

.option-h3-text {
	font-size				: 12px;
	line-height				: 1.8;
	color					: #900;
	text-align				: left;
	margin-left				: 25px;
}

.option-box-ul {
	width					: 580px;
	margin					: 0 auto;
}

.option-box-li {
	float					: left;
}


/* ==========　Option ========== */


.option-h4{
	margin-top				: 44px;
	margin-left				: 15px;
	text-align				: left;
}	
	
h5.option-h5{
	background				:url("../img/option/listimage.gif") no-repeat 0px 4px;
	margin					:40px 0px 15px 26px;
	padding-left			:10px;
	color					:#cc3300;
	font-weight				:bold;
	text-align				:left;	
	}
	
p.option-description{
	color					:#660000;
	font-size				:14px;
	text-align				: left;
	margin					:0px 0px 0px 40px;
	}
	
p.option_image{
	margin-bottom			:30px;
	}


.option_kome{
	font-size:12px;
	}
	
	

/* diving */
	
h6#before_diving{
	color					:#ff0000;
	text-align				:left;	
	font-weight				:bold;
	font-size				:14px;
	margin					:46px 0px 5px 15px;
	padding					:4px 0px 0px 25px;	
	background				:url("../img/option/diving_attention.gif") no-repeat;
	}	
	
p.redattention{
	color					:#ff0000;
	font-size				:12px;
	text-align				:left;
	line-height				:1.4;
	margin					:0px 0px 10px 15px;	
	}
	
#bf_divinglist{
	width					:600px;
	height					:auto;
	font-size				:12px;
	background-color		:#f0efef;
	text-align				:left;
	margin					:0px auto 40px;	
	}	
	
#bf_divinglist ul{
	padding					:15px;
	}
	
#bf_divinglist ul li{
	margin-bottom			:6px;
	line-height				:1.3;}	



/* set */


.FourPoints {
	margin-top:30px;
	margin-left:20px;
	text-align:left;
	clear:both;
		}
	
.PointsBox {
	width:580px;
	margin:5px 0px 0px 22px;
	clear:both;
	}
#Point01,#Point02,#Point03,#Point04 {
	width:140px;
	height:146px;
	background:url(../img/set/set01point01.gif) no-repeat;
	float:left;
	margin-right:5px;
	}
#Point01 p,#Point02 p,#Point03 p,#Point04 p {
	text-align:left;
	margin-top:25px;
	padding:10px;
	font-size:12px;
	}
#Point01 {	background:url(../img/set/set01point01.gif) no-repeat;	}
#Point02 {	background:url(../img/set/set01point02.gif) no-repeat;	}
#Point03 {	background:url(../img/set/set01point03.gif) no-repeat;	}
#Point04 {	background:url(../img/set/set01point04.gif) no-repeat;	}



.blurimage {
	width:620px;
	height:auto;
	margin-bottom:20px;
	}
.blurimage img {
	width:165px;
	margin-left:15px;
	float:left;
	}
	
.blurimage p {
	width:400px;
	height:68px;
	float:left;
	padding-left:10px;
	font-size:12px;
	text-align:left;
	line-height:1.4;
	}		
.set_opt {
	width:415px;
	height:41px;
	background:url(../img/set/set_btnbg.gif) no-repeat;
	float:left;
	margin-left:10px;
	}
	
.set_opt p {	padding:8px 0px 0px 27px;	}


#plan_last {
	padding-top:50px;
	}



.time-btn02 {
	width					: 580px;
	margin					: 30px auto 20px;
	text-align				: right;
}

.plandit {
	position:relative;
	clear:both;
	height:auto;
	}
	

.planditR-ul02 {
	text-align				: left;
	font-size				: 12px;
	margin-left				: 10px;
	margin-top				: 6px;
	color					: #333;
	clear					: both;
}

.planditR-li02 {
	width					:122px;
	height					:14px;
	background				: url("../img/checkimg.jpg") no-repeat;
	background-position		: 0 0;
	padding-left			: 17px;
	margin					: 3px 0;
	float					:left;
	
}

* html .planditR-li02 {
	width					:140px;
	height					:14px;
	background				: url("../img/checkimg.jpg") no-repeat;
	background-position		: 0 0;
	padding-left			: 17px;
	margin					: 3px 0;
	float					:left;
	
}



.planditR-li02long {
	width					:250px;
	height					:14px;
	background				: url("../img/checkimg.jpg") no-repeat;
	background-position		: 0 0;
	padding-left			: 17px;
	margin					: 3px 0;
	float					:left;
	}
	
.set_btnarea {
	text-align:center;
	position:absolute;
	bottom:0;
	right:0;
	}
	

/* free */	

	
table#ferry {
	border-collapse			:collapse;
	width					:250px;
	font-size				:12px;
	margin					:11px auto 0px;
	}
	
table#ferry th,	table#ferry td {
	text-align				:center;
	height					:20px;
	border					:1px solid #cecece;
	}
	
table#ferry th {
	background				: url("../img/set/tablebg.gif");
	font-weight				:bold;
	}
	
.bgGreen {
	background-color		:#f1ffcb;
	}
	
.under_plandit {
	text-align				:left;
	font-size				:12px;
	margin					:0px 0px 20px 15px;}	
	
#ferrysche {
	margin-top:15px;
	}	


.timelinefree {
	background				:url("../img/set/timeline01.gif") no-repeat scroll left top transparent;
	height					:810px;
	margin-left				:15px;
	margin-bottom			:50px;
	width					:590px;
}
	

.timelinefree-box {
	color					:#333333;
	font-size				:12px;
	line-height				:1.6;
	margin-left				:95px;
	text-align				:left;
	width					:490px;
}
	
	


.timelinefree-box01 {
	padding-top				:8px;
}
	

.timelinefree-box02 {
	margin-top				:15px;
}
	

.timelinefree-box03 {
	margin-top				:10px;
	width					:490px;
}


.timelinefree-box04 {
	margin-top				:16px;
}

.timelinefree-box05 {
	margin-top				:10px;
	width					:490px;
}

.timelinefree-box06 {

	margin-top				:16px;

}

.timelinefree-box07 {
	margin-top				:15px;
}


.timelinefree-box08 {
	margin-top				:10px;
	width					:490px;
}
	

.timelinefree-box09 {
	margin-top				:15px;
}
	

.timelinefree-box10 {
	margin-top				:10px;
	width					:490px;
}

.timelinefree-box-r {
	float					:right;
	width					:330px;
}
		

.timelinefree-box-l {
	float					:left;
	width					:auto;
}


/* staff-blog */	
.bloge-ntrybody {
	width					: 600px;
	margin-top				: 20px;
	margin-bottom			: 20px;
	font-size				: 12px;
	line-height				: 1.6;
	color					: #333;
	text-align				: left;
	display					: inline-block;
	
}

.entry-date {
	width					: 600px;
	font-size				: 10px;
	line-height				: 1.5;
	text-align				: right;
	color					: #666;
	display					: inline-block;
}

/* ========== calendar ========== */

.widget-calendar {
	width					: 245px;
}

.widget-header {
	width					: 245px;
	font-size				: 12px;
	line-height				: 20px;
}

.widget-content {
	width					: 245px;
	font-size				: 12px;
	line-height				: 1.6;
	color					: #333;
	text-align				: center;
}

.widget-content-th {
	width					: 35px;
	background-color		: #f2f2f2;
	text-align				: center;
	font-size				: 12px;
	line-height				: 1.6;
	color					: #333;
}

.widget-content-td {
	width					: 35px;
	text-align				: center;
	font-size				: 12px;
	line-height				: 1.6;
	color					: #333;
}

.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #333;
    font-size: 9px;
    background: none;
    letter-spacing: 0.2em;
}
#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    font-size: 8px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}
span.day {
    text-align: center;
    font-size: 9px;
}
span.saturday {
    color: blue;
}
span.sunday {
    color: #e50003;
}
td.today {
    display: block;
    border: 1px solid #333;
}

.rit-min-h33 {
	width					: 265px;
	height					: 41px;
	text-align				: left;
	background				: url("../img/right-headh303.jpg") no-repeat;
	font-size				: 16px;
	line-height				: 41px;
}

.widget-content {
	margin					: 10px 0;
}

.widget-content-sel {
	width					: 180px;
}

/* ========== コメント ========== */

.come-box01 {
	width					: 600px;
	border-top				: 1px solid #eee;
	font-size				: 12px;
	line-height				: 1.6;
}

#prev-comments , #num-comments , #next-comments {
	display					: inline;
}

.comments-open {
	margin					: 15px;
}

.comments-open-header {
	font-size				: 12px;
	line-height				: 20px;
	background-color		: #f2f2f2;
	border-bottom			: 1px dashed #ddd;
}


.comments-open-content {
	width					: 400px;
	margin					: 20px auto;
}

#comment-form-name , #comment-form-email , #comment-form-url , #comment-form-remember-me {
	color					: #333;
	text-align				: left;
	margin					: 10px 0;
}

.comments-open-label-inlen {
	display					: block
}

#comments-open-text {
	text-align				: left;
	color					: #333;
	margin					: 10px 0;
}

.asset-meta {
	width					: 400px;
	font-size				: 10px;
	line-height				: 20px;
	margin-bottom			: 5px;
	text-align				: left;
}

.inner {
	color					: #4264a8;
	text-align				: left;
	border					: 1px dashed #ddd;
	padding					: 15px;
	margin-left				: 20px;
	margin-bottom			: 20px;
}

#page-title {
	color					: #4264a8;
	font-size				: 18px;
	margin					: 20px 0;
}

.page-title-message {
	font-size				: 14px;
	line-height				: 25px;
}

.comments-header {
	margin-top				: 20px;
	margin-left				: 20px;
	text-align				: left;
}

#comments-open-footer {
	text-align				: left;
}

#comments-open-captcha {
	text-align				: left;
}
.field img ,  .field p {
	margin					: 5px 0;
	font-size				: 12px;
	line-height				: 1.2;
}


/* ========== school ========== */



/* schoolmenu */

#SchoolMenu{
	width					:590px;
	height					:45px;
	background				:url("../img/school/menubottom.gif") no-repeat left bottom;	
	margin					:20px auto;
	}

* html #SchoolMenu {
	width					:590px;
	height					:45px;
	background				:url("../img/school/menubottom.gif") no-repeat left bottom;	
	margin					:10px 8px;
	}


.s_listnormal {
	float					:left;
	padding-right			:5px;
 	display					:inline;		
	}
	
.s_listlastmenu {
	margin					:0;
	float					:left;	
    display					: inline;		
	}
	

/* ==school01/menu === */

#school01table{
	width					:590px;
	border-collapse			:collapse;
	border					:#cccccc 1px solid;
	margin					:30px auto 10px;
	}
	
#school01table th,#school01table td {
	border					:#cccccc 1px solid;
	font-size				:12px;	
	padding					:6px;		
	}
				
#school01table th {
	background				:url("../img/school/school01bg.gif");
	font-weight				:bold;
	text-align				:center;	
	}	
	
#school01table td{
	text-align				:left;}		
	
	
#school01table td.w120 { 
	width					:120px;
	text-align				:center;	
	font-size				:14px;
	}	
	
#school01table td.w170 { width:170px;}	
	

/* ==school02/timetable === */

#school02table {
	width:590px;
	border-collapse			:collapse;
	border					:#cccccc 1px solid;
	margin					:30px auto 10px;
	}
	
#school02table th,#school02table td {
	border					:#cccccc 1px solid;
	font-size				:12px;	
	padding					:10px;
	}
				
#school02table th {
	background				:url("../img/school/school02bg.gif");
	font-weight				:bold;
	text-align				:center;
	font-size				:14px;			
	}	
	
#school02table td {text-align:center;}		
	
#school02table td.bgpink {
	background-color		:#fef2f2;
	color					:#ff6666;
	font-size				:14px;	
	font-weight				:bold;	
	}


/* ==school03/safty === */


.school_list{
	margin					:35px 45px;
	text-align				:left;
	font-size				:12px;			
	}

	

/* ==school04/attention === */


#Attention {
	width					:546px;
	height					:auto;
	background				:url("../img/school/school04routop.gif") no-repeat left top;		
	background-color		:#fff4e9;
	margin					:15px auto 00px;	
	padding-top				:16px;	
	padding-left			:16px;	
	padding-bottom			:10px;		
	}



* html #Attention {
	width					:562px;
	height					:auto;
	background				:url("../img/school/school04routop.gif") no-repeat left top;		
	background-color		:#fff4e9;
	padding-top				:16px;	
	padding-left			:16px;	
	padding-bottom			:20px;	;
	}

#Attention ul {
	font-size				:12px;
	padding					:15px 0px 0px;
	text-align				:left;			
	}

* html #Attention ul {
	font-size:12px;
	text-align:left;
	margin:0;			
	}
	
p#seito_last {
	font-size				:5px; 
	margin-bottom			:30px;
	}

#Attention ul li {padding-bottom:3px;}

.schoolh5{	text-align		:left;	}		
	
	

/* ==school05/reservation === */


#school05Box {
	width					:590px;
	height					:auto;
	margin					:0px auto;
	font-size				:12px;
	text-align				:left;
	clear					:both;	
	line-height				:1.4;
	}

#cancelBox { width			:580px;	}

#canceltable {
	width:295px;
	border-collapse			:collapse;
	border					:#ff6699 1px dashed;
	font-size				:14px;	
	float					:left;
	}
	
#canceltable td,#canceltable th {
	padding					:5px;
	border					:#ff6699 1px dashed;	
	}
	
#canceltable th {
	background-color		:#fdeaea;
	padding-left			:30px;
	}

#tableright {
	float					:left; width:270px;	
	font-size				:12px;
	text-align				:left;
	line-height				:1.5;	
	padding-left			:10px;
	}



/* ==other-cruiser === */

.o_description {
	width:212px;
	margin-left:10px;
	text-align				:left;	
	font-size				:14px;
	line-height				:1.4;
	float:right;		
	}	


.otherdit {
	width					: 590px;
	margin					: 10px auto;
}

.otherditL {
	width					: 365px;
	height					:195px;
	float					: left;
	background				:url("../img/other/cruiser01cost01.gif") no-repeat;	
	position				:relative;
}

.otherditL p {
	position				:absolute;
	top						:155px;
	left					:18px;
	font-size				:12px;
	color					:red;
	text-align				:left;	
	padding-right			:15px;		
	}

#cruiserTable {
	width					:590px;
	border-collapse			:collapse;
	border					:#cccccc 1px solid;	
	margin					:10px auto;
	}		
	
#cruiserTable th,#cruiserTable td {
	border					:#cccccc 1px solid;	
	padding					:5px 15px;	
	}
	
#cruiserTable th {
	background				:url("../img/other/greenbg.gif");
	font-weight				:bold;
	font-size				:14px;	
	text-align				:center;			
}


/* ==other-fundiving === */


.pic_image {
	width					:620px;
	height					:auto;
	margin					:20px 0px;
	clear:both;
	}
	
.pic_image p.pic_imageL {
	width					:165px;
	height					:110px;
	margin-left				:15px;
	float					:left;
	}
	
.pic_image p.pic_imageR {
	width					:400px;
	height					:auto;
	float					:left;
	padding-left			:10px;
	font-size				:14px;
	text-align				:left;
	line-height				:1.4;
	}		


.funCost02 {
	width:590px;
	height:241px;
	background:url("../img/other/fun01cost02.gif") no-repeat;
	position:relative;
	margin:0px auto 40px;
	}		

.funCost02 p {
	position				:absolute;
	top						:195px;
	left					:20px;
	font-size				:12px;
	color					:#ff0000;
	text-align				:left;	
	padding-right			:15px;		
	}
	
#funCcard {
	width					:590px;
	height					:auto;
	margin-top				:30px;
	}

p.CcardR {
	width					:306px;
	height					:153px;
	float					:right;
	}
	
.CcardL { 
	float					:left;
	width					:270px;
	}
			
.CcardL p {
	color					:red;
	font-size				:14px;
	text-align:left;
	margin-top:10px;
	font-weight:bold;	
	}
				

#funTable {
	width:270px;
	border-collapse:collapse;	
	border:#cccccc 1px solid;	
	}
	
#funTable td,#funTable th {
	border:#cccccc 1px solid;	
	padding:4px;
	font-size				:12px;
	}		
	
	
#funTable th {	
	background-color:#d9eafc;
	font-weight:bold;
	text-align:center;
}
#funTable td{ 	text-align:left;}

	

/* common */ 

.red{color					:#ff0000;}
.dgreen{color				:#009900;}
.bgorange{	background-color:#fdefd1;}
p.redattention{
	color					:#ff0000;
	font-size				:12px;
	text-align				:left;
	line-height				:1.4;
	margin					:10px 15px 30px 15px;	
	}
	
p.red_boldattention{
	color					:#ff0000;
	font-size				:12px;
	text-align				:left;
	line-height				:1.4;
	font-weight				:bold;	
	margin					:10px 15px 30px 15px;	
	}	
	
.m-t25{ margin-top			:25px;}	

p.s_description{
	text-align				:left;	
	font-size				:12px;
	margin-left				:15px;
	margin-right			:15px;	
	clear					:both;	
	line-height				:1.4;		
	}	
.w130{	width				:130px;}
.w106{	width				:106px;}
.w56{	width:56px;}	
.bg_l_green{ background-color:#e3fedb;}	

.Font14{ 
	font-size:14px; 
	line-height:1.5;
	}	


/* === 会社概要 === */

.company-table {
	width					: 600px;
	margin					: 20px auto;
	border					: 1px solid #aaa;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.8;
	color					: #333;
}

.company-table-th {
	width					: 150px;
	background-color		: #ddeeff;
	border					: 1px dashed #aaa;
	padding					: 10px;
}

.company-table-td {
	padding					: 10px;
	border					: 1px dashed #aaa;
}

/* === 水納島情報 === */

.minnasisetu {
	width					: 400px;
	font-size				: 12px;
	line-height				: 1.6;
	margin					: 15px auto;
	text-align				: left;
}

.minna-sisetu {
	width					: 590px;
	margin					: 20px auto;
	font-size				: 12px;
	line-height				: 1.6;
	text-align				: left;
	color					: #333;
}

.minna-sisetu-01 {
	width					: 190px;
	height					: 180px;
	background				: url("../img/minlist01.jpg") no-repeat;
	background-position		: left top;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}

.minna-sisetu-02 {
	width					: 210px;
	height					: 180px;
	background				: url("../img/minlist02.jpg") no-repeat;
	background-position		: top center;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}

.minna-sisetu-03 {
	width					: 190px;
	height					: 180px;
	background				: url("../img/minlist03.jpg") no-repeat;
	background-position		: top right;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}

.minna-sisetu-04 {
	width					: 190px;
	height					: 180px;
	background				: url("../img/minlist06.jpg") no-repeat;
	background-position		: top left;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}

.minna-sisetu-05 {
	width					: 210px;
	height					: 180px;
	background				: url("../img/minlist05.jpg") no-repeat;
	background-position		: top center;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}

.minna-sisetu-06 {
	width					: 190px;
	height					: 180px;
	background				: url("../img/minlist04.jpg") no-repeat;
	background-position		: top right;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}


.minna-sisetu-07 {
	width					: 190px;
	height					: 200px;
	background				: url("../img/minlist07.jpg") no-repeat;
	background-position		: top left;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}

.minna-sisetu-08 {
	width					: 210px;
	height					: 200px;
	background				: url("../img/minlist08.jpg") no-repeat;
	background-position		: top center;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}

.minna-sisetu-09 {
	width					: 190px;
	height					: 200px;
	background				: url("../img/minlist09.jpg") no-repeat;
	background-position		: top right;
	float					: left;
	font-size				: 12px;
	line-height				: 1.2;
	margin-top				: 10px;
}

.minna-sisetu-01-spn {
	width					: 170px;
	padding-top				: 135px;
	display					: block;
}

.minna-sisetu-02-spn {
	width					: 170px;
	padding-top				: 135px;
	padding-left			: 20px;
	display					: block;
}

.minna-sisetu-03-spn {
	width					: 170px;
	padding-top				: 135px;
	padding-left			: 20px;
	display					: block;
}

.minna-sisetu-04-spn {
	width					: 128px;
	padding-top				: 135px;
	padding-left			: 42px;
	display					: block;
}

.minna-sisetu-05-spn {
	width					: 170px;
	padding-top				: 135px;
	padding-left			: 20px;
	display					: block;
}

.minna-sisetu-06-spn {
	width					: 170px;
	padding-top				: 135px;
	padding-left			: 20px;
	display					: block;
}

.minna-sisetu-07-spn {
	width					: 170px;
	padding-top				: 135px;
	display					: block;
}

.minna-sisetu-08-spn {
	width					: 170px;
	padding-top				: 135px;
	padding-left			: 20px;
	display					: block;
}

.minna-sisetu-09-spn {
	width					: 170px;
	padding-top				: 135px;
	padding-left			: 20px;
	display					: block;
}

.min-conte-box {
	width					: 460px;
	height					: 110px;
	font-size				: 12px;
	line-height				: 1.5;
	margin					: 0 auto;
	background				: url("../img/min-conte-boxbg.gif") no-repeat;
	margin-bottom			: 15px;
}

.min-conte-box-p {
	width					: 420px;
	margin					: 0 auto 10px auto;
	padding					: 5px 0 0 0;
	text-align				: left;
}

.min-conte-box-spn {
	margin					: 0 5px;
	display					: inline-block;
}

/* === アクセスマップ === */

.mapbox-01 {
	width					: 600px
}

.mapbox-01-lef {
	width					: 285px;
	float					: left;
	display					: inline-block;
}

.mapbox-01-rit {
	width					: 290px;
	float					: right;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.6;
}

.googlemap-box {
	margin-bottom			: 20px;
}

/* === リンク集 === */

.linkbox {
	width					: 570px;
	margin					: 10px auto;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.6;
	color					: #333;
}

.linkbox-li {
	margin-bottom			: 25px;
}

.linkbox-tit {
	background				: url("../img/linkpoint.jpg") no-repeat;
	background-position		: left center;
	font-size				: 16px;
	line-height				: 1.6;
	padding-left			: 20px;
}

.linkbox-text {
	width					: 550px;
	margin-top				: 5px;
	margin-bottom			: 15px;
	margin-left				: 20px;
}

/* === よくある質問 === */

.qabox {
	width					: 570px;
	margin					: 10px auto;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.6;
	color					: #333;
}

.qa-tit1 {
	background				: url("../img/qaicon.jpg") no-repeat;
	background-position		: left center;
	font-size				: 16px;
	line-height				: 1.6;
	color					: #0c5cae;
	padding-left			: 30px;
}

.qa-tit2 {
	background				: url("../img/qaicon2.jpg") no-repeat;
	background-position		: left center;
	font-size				: 16px;
	line-height				: 1.6;
	color					: #006666;
	padding-left			: 30px;
}

.qa-a {
	background				: url("../img/aicon.jpg") no-repeat;
	background-position		: left top;
	font-size				: 14px;
	line-height				: 1.6;
	padding-left			: 30px;
	margin-left				: 15px;
	margin-top				: 10px;
}

.qabox-li {
	margin-bottom			: 30px;
	padding-bottom			: 15px;
	border-bottom			: 1px dashed #ddd;
}

.Topwhaleh4 {
	width					: 400px;
	text-align				: left;
	font-size				: 24px;
	line-height				: 1.2;
	background				: url("../img/wltitline.jpg") no-repeat;
	background-position		: left center;
	color					: #1e939c;
	padding-left			: 10px;
	margin-left				: 15px;
	margin-top				: 25px;
}

.Topwhale-text {
	width					: 500px;
	margin-left				: 30px;
	margin-top				: 10px;
	margin-bottom			: 20px;
	font-size				: 14px;
	line-height				: 1.5;
	color					: #333;
	text-align				: left;
}

.whaletop-box {
	width					: 580px;
	height					: 480px;
	background				: url("../img/whalewatchingtopbg.jpg") no-repeat;
	margin					: 20px auto;
}

.whaletop-box-h4 {
	text-align				: left;
	padding-top				: 10px;
	margin-left				: 10px;
}

.whaletop-box-li01 {
	width					: 235px;
	height					: 130px;
	text-align				: left;
	float					: left;
	margin-left				: 30px;
	margin-top				: 30px;
}

.whaletop-box-li02 {
	width					: 235px;
	height					: 130px;
	text-align				: left;
	float					: left;
	margin-left				: 50px;
	margin-top				: 30px;
}

.whaletop-box-li01-h5 {
	font-size				: 16px;
	line-height				: 1.5;
	color					: #339999;
}

.whaletop-box-li01-p {
	width					: 105px;
	font-size				: 12px;
	line-height				: 1.4;
	color					: #333;
	margin-left				: 140px;
	margin-top				: 10px;
}

.whaletop-box-li02-p {
	width					: 105px;
	font-size				: 12px;
	line-height				: 1.4;
	color					: #333;
	margin-left				: 120px;
	margin-top				: 10px;
}

.whaletop-box-li01-spn {
	text-align				: right;
	display					: block;
}

.whaletop-box-li01-h5-a {
	color					: #1e939c;
}

.photobox-ul {
	width					: 610px;
	display					: inline-block;
}

.photobox-li {
	width					: 150px;
	height					: 120px;
	float					: left;
	text-align				: center;
	display					: inline-block;
}

.photobox-li-p {
	width					: 140px;
	padding					: 2px;
	border					: 1px solid #ddd;
}

.photobox-li-span {
	width					: 140px;
	height					: 105px;
	overflow				: hidden;
	display					: block;
}

.photolisthe {
	width					: 590px;
	margin					: 0 auto;
	text-align				: right;
}

.photobox-ent-img {
	max-width				: 500px;
}

.qa-action {
	width					: 530px;
	margin-top				: 10px;
	margin-bottom			: 10px;
	padding-bottom			: 10px;
	margin-left				: 50px;
	border-bottom			: 1px dashed #ddd;
}

.qa-action-box {
	width					: 350px;
	float					: right;
}

.qa-action-box-h6 {
	font-size				: 16px;
	line-height				: 1.2;
	color					: #006666;
}

.qa-action-box-img {
	width					: 160px;
}



/* === 予約 === */

.yyk-tyui01 {
	font-size				: 12px;
	line-height				: 1.5;
	margin-left				: 20px;
	color					: #900;
}

.yyk-table01 {
	width					: 590px;
	margin					: 0 auto 15px auto;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.5;
}

.yyk-table01-th01 {
	width					: 190px;
	height					: 40px;
	background-color		: #e6f8ff;
	border-bottom			: 1px dashed #728abe;
	padding-left			: 10px;
}

.yyk-table01-th02 {
	width					: 190px;
	height					: 40px;
	background-color		: #e6eeff;
	border-bottom			: 1px dashed #728abe;
	padding-left			: 10px;
}

.yyk-table01-td01 {
	width					: 400px;
	height					: 40px;
	background-color		: #f6fdff;
	border-bottom			: 1px dashed #728abe;
	padding-left			: 20px;
}

.yyk-table01-td02 {
	width					: 400px;
	height					: 40px;
	background-color		: #f6faff;
	border-bottom			: 1px dashed #728abe;
	padding-left			: 20px;
}

.yyk-table01-td03 {
	width					: 400px;
	height					: 60px;
	background-color		: #f6faff;
	border-bottom			: 1px dashed #728abe;
	padding-left			: 20px;
}

.hissu {
	text-align				: left;
	margin-top				: 20px;
	margin-left				: 20px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #a00;
}

.participation {
	width					: 590px;
	margin					: 10px auto;
	background				: #e6f8ff;
	padding					: 10px 0 10px 0;
}

.participation-box {
	width					: 570px;
	margin					: 5px auto 5px auto;
	background-color		: #f6fdff;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #333;
}

.participation-h5 {
	font-size				: 12px;
	line-height				: 1.5;
	margin-left				: 20px;
	text-align				: left;
}

.participation-td-01 , .participation-td-02 , .participation-td-03 {
	width					: 190px;
	height					: 30px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #333;
}

.participation-td-04 {
	width					: 190px;
	height					: 30px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #333;
}

.participation-td-05 {
	width					: 380px;
	height					: 30px;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #333;
}

.text-freebox {
	padding-bottom			: 5px;
}

.hensai-img {
	width					: 500px;
	margin					: 10px auto;
	text-align				: left;
}

/* === アイクルならではの観光ルート === */


.eootplan {
	width					: 590px;
	margin					: 10px auto;
}

.eootplan-bpxrit {
	width					: 430px;
	float					: right;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.6;
	color					: #333;
}

.eootplan-bpxlft {
	width					: 140px;
	float					: left;
}

.eootplan-bpxlft-h5 {
	font-size				: 18px;
	line-height				: 1.5;
	color					: #006666;
}

.sukelist {
	width					: 590px;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: left;
	margin					: 10px auto;
}

.wleyykbox {
	width					: 580px;
	margin				: 20px auto;
	text-align			: right;
}