@charset "utf-8";

/* -------- info関連共通 --------- */

.pankuzu {
	font-size:11px;
	margin-bottom:10px;
}

hr.clear {
	clear:both;
	float:none;
	border:none;
	height:0px;
	margin:0px;
	padding:0px;
}

hr.blue_dot {
	height:3px;
	border:none;
	background:url("../img/common/blue_dot.png") repeat-x top left;
	padding:0px;
	margin: 20px 0 ;
	display:block;
}
	

#info_page {
	width: 850px;
}


/* -------- 最新TV放映情報 --------- */



div.new_tv_area h1 {
  border-bottom:5px solid #09236E;
  padding-bottom:5px;
  padding-left:3px;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
}

div.new_tv_area h1 span {
  display:block;
  padding-left:10px;
  border-left: 10px solid #09236E;
  font-size: 18px;
	line-height: 1.8;
}

div.new_tv_area h2 {
  border-bottom:5px solid #09236E;
  padding-bottom:5px;
  padding-left:3px;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
}


div.new_tv_area h2 span {
  display:block;
  padding-left:10px;
  border-left: 10px solid #09236E;
}


div.new_tv_area dl {
  width:80%;
  margin-left:30px;
}
div.new_tv_area dt {
  float: left;
  clear: left;
  background: url(../img/info/new_tv/icon_list_newtv.png) 10px center no-repeat;
  font-size: 16px;
}

div.new_tv_area dd {
  border-bottom:1px dotted #333333;
  padding-left:135px;
  margin-bottom:15px;
  padding-bottom:10px;
}
div.new_tv_area dd h3 {
  margin-bottom:8px;
  font-weight:bold;
}
div.new_tv_area dd h3 a {
	font-size: 16px;
	line-height: 1.8;
}
div.new_tv_area dd p{
	font-size: 16px;
	line-height: 1.8;
}
div.new_tv_area .info-navi {
    margin-left: 30px;
}



/* -------- ご予約からご出発までの流れ --------- */
div.yoyaku_nagare_area {
}

div.yoyaku_nagare_area h1 {
  font-weight:bold;
  font-size:16px;
  margin-bottom: 15px;
}

div.yoyaku_nav {
  margin-bottom:15px;
  margin-left:20px;
}
div.yoyaku_nav li {
  float:left;
  margin-right:10px;
}
div.yoyaku_nav li a {
  display:block;
  padding:8px 10px;
  border:1px solid #666666;
  text-decoration:none;
  color:#666666;
  min-width:120px;
  text-align:center;
}

div.yoyaku_nav li a:hover {
  color:#FFFFFF;
  background:#666666;
}

div.yoyaku_nav2 {
  margin-left:50px;
  margin-bottom:20px;
}
div.yoyaku_nav2 li {
  float:left;
  margin-right:55px;
}

div.yoyaku_nagare_area h2 {
  font-weight:bold;
  margin-left:20px;
  font-size:17px;
  margin-bottom:20px;
}

div.yoyaku_main {
}

div.yoyaku_main  .yoyaku_box {
  margin-bottom:25px;
  margin-left:20px;
  margin-right:10px;
}

div.yoyaku_main .yoyaku_box h3 {
  border-bottom:5px solid #334987;
  padding-bottom:5px;
  padding-left:3px;
  font-size:14px;
  font-weight:bold;
  margin-bottom:20px;
}

div.yoyaku_main .yoyaku_box h3 span {
  display:block;
  padding-left:10px;
  border-left: 8px solid #09236E;
}

div.yoyaku_main .yoyaku_box .yoyaku_innner {
  margin-left:30px;
}
div.yoyaku_main .yoyaku_box .yoyaku_innner div {
  margin-left:1em;
}




/* -------- 船内オプショナルツアーの紹介--------- */

div.opitional_area {
}

div.opitional_area h1 {
  font-size:17px;
  margin-botom:25px;

}
div.opitional_area table {
  width:100%;
  
}
div.opitional_area table th {
  padding:15px 0;
}
div.opitional_area table td {
  padding:10px 10px;
  vertical-align:middle;
  border:1px dotted #a1a1a1;
  border-top:1px solid #a1a1a1;
  border-bottom:1px solid #a1a1a1;
}
div.opitional_area table td.company {
  border-left:0px;
}
div.opitional_area table td.naiyou {
  border-right:0px;
}
div.opitional_area table th.homen ,
  div.opitional_area table td.homen {
  text-align:center;
}
div.opitional_area table td img {
  float:left;
  width:95px;
  height:auto;
}
div.opitional_area table td span {
  padding-top:5px;
  margin-left:5px;
  display:block;
  float:left;
}



/* -------- 社会貢献について--------- */

div.syakaikouken_area {
}


div.syakaikouken_area h1 {
  margin-bottom:10px;
}

div.syakaikouken_area div.syakai_box {
  border-bottom: 1px dotted #2E3191 ;
  padding: 20px 20px;
}
div.syakaikouken_area div.ecobox {
  background:url(../img/info/syakaikouken/icon_tree.png) 95% center no-repeat;
}

div.syakaikouken_area .syakai_box h2 {
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
}

div.syakaikouken_area .syakai_bottom {
  margin-left:40px;
  margin-top:20px;
  color:#1D1F86;
  margin-bottom:20px;
}