/*****************************/
/*** Core html setup stuff ***/
/*****************************/

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: 0 none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        /*
        list-style-type: none;
        */
}

textarea { font-size: 100%; }

hr { display: none; }

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #333;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
        color:#333333;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
        color:#333333;
}

input.button { cursor: pointer; }

p { margin-bottom: 5px; }

img { vertical-align: bottom;}

table,tr,th,td {
	background-color: transparent;
}



/*ol, ul{ list-style:none; }*/

/* Fixes incorrect placement of numbers in ol's in IE6/7 */  
ol{margin-left:2em;}  

ul, ol {
	margin:auto -3em 1em 0;
	padding:0;
	position:relative;
	left:-3em;
	overflow:hidden;
	position:relative;
	zoom:1;
}

li { margin-top:0.25em; margin-bottom:0.25em; }

ul ul, ul ol,ol ol, ol ul { margin-left:1em; padding-left:0; }

ul li, ol li { margin-left:5em; }

li li { margin-left:1.1em;}

.flat li { margin-left:3em; }

.flat li ul, .flat li ol { margin-left:1em; padding-left:0; }

.flat li li { margin-left:0; }

.spaced { margin-bottom:0; }

.spaced ul, .spaced ol { margin-top:1em; }

.spaced li{ margin-bottom:1em; }

.indent li { padding-left:1em; text-indent:-1em; }

.inside li { list-style-position:inside; }

.clear li { list-style-type:none; }

/*
ul.bullet-a li { list-style-image: url('bullet-image-a.png'); }
ul.bullet-b li { list-style-image: url('bullet-image-b.png'); }
*/

.cls {
	clear: both;
}

.clr {
	clear: both;
}


/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	padding: 10px 0;
	margin-bottom: 1px;
}

div.center {
  text-align: center;
}

#start_line {
	height: 5px;
	width: 100%;
	line-height: 0px;
	background-color: #E61010;
	font-size: 0;
}

#page_top {
	width: 930px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}

#page_top h1{
	text-align: right;
	line-height: 1em;
	font-size: 5px;
}


#header {
	height: 67px;
	width: 930px;
	margin: 0 auto;
}


#logo {
	height: 100%;
	width: 152px;
	float: left;
	text-align: left;
	/*background: transparent url(../images/logo_ohmimarine.jpg) no-repeat left center;*/
}

#logo img {
	margin-top: 10px;
}

#head1 {
	height: 100%;
	width: 328px;
	float: left;
	text-align: center;
	/*background: transparent url(../images/logo_ohmimarine_message.jpg) no-repeat center center;*/
}

#head1 img {
	margin-top: 23px;
}

#head2 {
	height: 50%;
	width: 450px;
	float: right;
	text-align: right;
	/*background: transparent url(../images/logo_seibu_message.jpg) no-repeat right center;*/
}

#head2 img {
	margin-top: 8px;
}

#head3 {
	height: 50%;
	width: 450px;
	float: right;
	text-align: right;
	font-size: 14px;
	line-height: 30px;
}

#head3 * {
	text-align: right;
}

#main {
	width: 100%;
	background: url(../images/bg_site.jpg) repeat-x 0 0;
}

#contents {
	width: 930px;
	margin: 0 auto;
}

#top1 {
	height: 45px;
	width: 100%;
}

#top2 {
	height: 32px;
	width: 100%;
	margin-bottom: 18px;
}

#top2_inner1 {
	height: 32px;
	width: 5px;
	float: left;
	background: transparent url(../images/bg_mainmenu_left.jpg) no-repeat right center;
}

#top2_inner2 {
	height: 32px;
	width: 920px;
	float: left;
	background: transparent url(../images/bg_mainmenu_center.jpg) repeat-x right center;
}

#top2_inner2 * {
	text-align: center;
}

#top2_inner3 {
	height: 32px;
	width: 5px;
	float: right;
	background: transparent url(../images/bg_mainmenu_right.jpg) no-repeat right center;
}

#top3 {
	width: 100%;
	font-size: 0px;
	line-height: 0px;
	background-color: #DDEEDD;
}


#top4 {
	height: 22px;
	width: 100%;
	text-align: left;
	text-indent: 10px;
	font-size: 12px;
	line-height: 22px;
	background-color: #CCCCCC;
}

#page {
	padding: 20px;
	background-color: #EEEEEE;
}

#left {
	width: 629px;
	/**background-color: #FFDDDD;**/
	float: left;
}

#right {
	width: 230px;
	/**background-color: #EEEECC;**/
	float: right;
	
}

#bottom {
	height: 60px;
	width: 100%;
	border-top: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

.story {
	width: 589px;
	margin: 20px 20px 0px 20px;
	padding-bottom: 20px;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

#top2_inner2 table {
	margin-top: 5px;
}

table.contentpaneopen {
	margin: 0;
	padding: 0 0 5px 0;
	border: 0 none;
	background: transparent url(../images/bg_content_bottom.jpg) no-repeat center bottom;
	border-spacing: 0px;
}
table.contentpaneopen tbody {
	margin: 0;
	padding: 0;
	border: 0 none;
	width: 100%;
}
table.contentpaneopen tr {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 none;
	background: transparent url(../images/bg_content_middle.jpg) repeat-y center top;
}
table.contentpaneopen td {
	margin: 0;
	border: 0 none;
}

table.contentpane {
	margin: 0;
	padding: 0 0 5px 0;
	border: 0 none;
	background: transparent url(../images/bg_content_bottom.jpg) no-repeat center bottom;
	border-spacing: 0px;
}
table.contentpane tbody {
	margin: 0;
	padding: 0;
	border: 0 none;
	width: 100%;
}
table.contentpane tr {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 none;
	background: transparent url(../images/bg_content_middle.jpg) repeat-y center top;
}
table.contentpane td {
	margin: 0;
	border: 0 none;
}

table.blog {
	margin: 0;
	padding: 0 0 5px 0;
	border: 0 none;
	background: transparent url(../images/bg_content_bottom.jpg) no-repeat center bottom;
	border-spacing: 0px;
}
table.blog tbody {
	margin: 0;
	padding: 0;
	border: 0 none;
	width: 100%;
}
table.blog tr {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 none;
	background: transparent url(../images/bg_content_middle.jpg) repeat-y center top;
}
table.blog td {
	margin: 0;
	border: 0 none;
}

.subheading1 {
	background:transparent url(../images/icon_4dot.jpg) no-repeat scroll 5px 5px;
	color: #0066CC;
	font-weight: bold;
	line-height: 2em;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
	text-indent: 18px;
	border-bottom: 1px dashed #BEBEBE;  
}

.caution {
	font-size: 90%;
	color: #FF0000;
}

table.timetable {
	border-collapse:collapse;
}

table.timetable th {
	background: #e0ffff;
	padding: 0px 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
}

table.timetable td {
	background: #FFFFFF;
	padding: 0px 10px;
	text-align: right;
	border: 1px solid #CCCCCC;
}

table.timetable th.timetable-heading {
	background: #ff8c00;
	text-align: left;
	color: #333333;
}

.banneritem {
       margin-top:10px;
}


/**************/
/** ShipInfo **/
/**************/

.ship-album {
	margin-bottom: 20px;
}

.ship-album h3 {
	background: transparent url(../images/icon_ship.jpg) no-repeat right bottom;
	border-bottom: 1px solid #ABCFF1;
	margin-bottom: 1px;
}

.ship-album .ship-card {
	padding: 10px;
	background: #EEEEEE;
}

.ship-album h3 span {
	color: #3366FF;
	margin-right: 5px;
}

.ship-album .ship-photo {
	float:left;
}

.ship-album .ship-summary {
	float:right;
}

.ship-album table {
	width: 155px;
}

.ship-summary table {
	border-collapse: collapse;
	border-spacing: 0px;
}

.ship-summary tr.odd {
	background: #DDDDDD;
}

.ship-summary tr.even {
	background: transparent;
}

.ship-summary td {
	padding-right: 5px;
	line-height: 1.5em;
	text-align: right;
}

.ship-summary th {
	padding-left: 5px;
	text-align: right;
}

.ship-album2 {
	margin-bottom: 10px;
	float: left;
}

.ship-album2 h3 {
	border-bottom: 1px solid #ABCFF1;
	margin-bottom: 1px;
}

.ship-album2 h3 span {
	color: #3366FF;
	margin-right: 5px;
}

.ship-album2 .ship-card {
	padding: 10px;
	background: #EEEEEE;
}

.ship-album2-interval {
	width: 22px;
	height: 5px;
	float: left;
}

.ship-album2 table {
	width: 160px;
	margin-top: 10px;
}

/*********************************************/
/** send-mail (Reservation and Information) **/
/*********************************************/

.sendmail {
	margin: 30px;
	text-align: center;
}

.sendmail .title {
	color: #333399;
	font-size: 22px;
	text-align:center;
	line-height: 1.2em;
	font-weight:bold;
}

.sendmail table {
	margin: 5px auto;
}

.sendmail table th {
	padding: 5px;
}

.sendmail table td {
	padding: 5px;
}

.sendmail .caution {
	margin: 10px auto;
	font-size: 90%;
	color: #FF0000;
	width: 80%;
}

.sendmail .asterisk {
	color: #FF0000;
	font-size: 110%;
}

.sendmail .ex {
	font-size: 90%;
}

.sendmail .button_panel {
	margin-top: 20px;
	text-align: center;
}

.moduletable_sidenavi {
	background: transparent url(../images/bg_sidenavi_bottom.jpg) no-repeat left bottom;
	margin-bottom: 10px;
	padding-bottom: 9px;
}

.moduletable_sidenavi h3 {
	background: transparent url(../images/bg_sidenavi_top.jpg) no-repeat left top;
	height: 34px;
	font-size:15px;
	font-weight:normal;
	line-height:34px;
	text-align: center;
	/*text-indent:15px;*/
}

.moduletable_sidenavi table {
	background: transparent url(../images/bg_sidenavi_middle.jpg) repeat-y left top;
	/*margin-bottom: 9px;*/
}

.moduletable_sidenavi td {
	background: transparent url(../images/bg_sidenavi_partition.jpg) no-repeat center bottom;
	height: 25px;
}

a.mainlevel_sidenavi {
	background: transparent url(../images/icon_arrow_circle_green_left.jpg) no-repeat 7px 7px;
	color:#0960BF;
	display:block;
	font-size:13px;
	font-weight:normal;
	line-height:25px;
	margin:0;
	padding-left:26px;
	text-decoration:none;
}

.cruise_summary {
	width: 589px;
	background-color: #FFFFDD;
	margin-bottom: 10px;
	float:left;
	/*position: absolute;*/
}

.cruise_summary .inner {
	width: 569px;
	margin: 10px auto;
}

.cruise_summary h3 {
	font-weight: bold;
}

.cruise_summary .image{
	width: 200px;
	float: left;
}

.cruise_summary .contents{
	width: 359px;
	float: right;
	font-size: 90%;
}

.cruise_summary .text{
	
}

.cruise_summary .term{
	width: 359px;
}

.cruise_summary .caption{
	width: 70px;
	float: left;
}
.cruise_summary .data{
	width: 239px;
	float: left;
}

.cruise_summary .details{
	width: 50px;
	float: right;
}

.jwts_tabbernav {
left:0px;
}