@charset "UTF-8";

ol,
ul,
li{
list-style:none outside;
margin:0;
padding:0;
}
#rightMenu{
width:190px !important;
margin:10px 0 0 !important;
padding:0 !important;
}
#rightMenu ul{
padding-right:8px;
}

/* ==================================================
クルーズレポート_メインページ
================================================== */
#main_title{
padding-bottom:10px;
}

/* --------------------------------------------
最新記事
-------------------------------------------- */
#main_area{
float:left;
margin-top:10px;
padding:10px;
background:url(../images/main_bg.gif) repeat-y right top;
border:#ded5d1 solid 2px;
}
#main_area .main_img{
float:left;
width:440px;
}
#main_area .main_lead{
float:right;
width:258px;
padding-left:3px;
}
#main_area h3{
float:right;
width:255px;
}
/* #main_area h3{
padding:5px;
border-bottom:#b52c2c solid 1px;
font-size:110%;
} */
#main_area ul{
float:right;
padding:5px;
width:245px;
list-style:none;
}
#main_area ul li{
margin-bottom:5px;
padding-left:18px;
width:227px;
background:url(../images/main_mark.gif) no-repeat left 0.3em;
}
#main_area ul li a{
text-decoration:none;
}
#main_area ul li a:hover{
text-decoration:underline;
}

/* --------------------------------------------
地図
-------------------------------------------- */
#map_area{
clear:both;
position:relative;
width:735px;
height:155px;
background-color:#76bbf6;
border-top:#ffffff solid 20px;
}
#map_area p{
position:absolute;
top:0;
left:43px;
width:510px;
height:155px;
}
#map_area ul{
position:absolute;
bottom:6px;
right:17px;
width:156px;
height:56px;
}
#map_area ul li{
margin-top:5px;
}

/* --------------------------------------------
大切なお知らせ
-------------------------------------------- */
#announce_area{
margin-top:20px;
background:url(../images/announce_bottom.gif) no-repeat left bottom;
}
#announce_area h3{
float:left;
margin-top:8px;
width:140px;
height:18px;
background:url(../images/announce.gif) no-repeat;
text-indent:-9999px;
line-height:0;
}
#announce_area ul{
padding:8px;
padding-left:150px;
background:url(../images/announce_top.gif) no-repeat left top;
}

/* --------------------------------------------
カテゴリ別コンテンツ
-------------------------------------------- */
#contents_area{
clear:both;
margin-top:20px;
}
#contents_area .today_area,
#contents_area .onboard_area{
float:left;
margin-right:15px;
width:234px;
}
#contents_area .people_area{
float:right;
width:234px;
}

/* 各カテゴリのタイトル */
#contents_area  h3{
width:234px;
height:44px;
}
#contents_area  h3 a{
display:block;
margin:0;
padding-top:44px;
width:234px;
height:0;
background:url(../images/today_title.gif) no-repeat;
overflow:hidden;
}
#contents_area .onboard_area h3 a{
background:url(../images/onboard_title.gif) no-repeat;
}
#contents_area .people_area h3 a{
background:url(../images/people_title.gif) no-repeat;
}

/* 各カテゴリ紹介 */
#contents_area .contents_inner{
border-right:#5f7cfa solid 1px;
border-left:#5f7cfa solid 1px;
border-bottom:#5f7cfa solid 5px;
}
#contents_area .onboard_area .contents_inner{
border-color:#f0be27;
}
#contents_area .people_area .contents_inner{
border-color:#f091c9;
}
#contents_area .contents_inner p{
padding:8px;
padding-bottom:0;
}

/* 各カテゴリのイメージ画像 */
#contents_area .contents_inner img{
padding-bottom:9px;
border-bottom:#5f7cfa dotted 3px;
}
#contents_area .onboard_area .contents_inner img{
border-bottom-color:#f0be27;
}
#contents_area .people_area .contents_inner img{
border-bottom-color:#f091c9;
}

/* 各カテゴリへのリンク */
#contents_area .contents_inner ul{
margin-top:10px;
margin-left:90px;
padding:4px;
background-color:#5f7cfa;
}
#contents_area .onboard_area .contents_inner ul{
background-color:#f0be27;
}
#contents_area .people_area .contents_inner ul{
background-color:#f091c9;
}
#contents_area .contents_inner ul li a{
padding-left:12px;
background:url(../images/today_mark.gif) no-repeat left center;
color:#ffffff;
}
#contents_area .onboard_area .contents_inner ul li a{
background-image:url(../images/onboard_mark.gif);
}
#contents_area .people_area .contents_inner ul li a{
background-image:url(../images/people_mark.gif);
}



/* ==================================================
日程表（ポップアップ）
================================================== */
#schedule{
padding:10px;
}
#schedule h2,
#schedule #about,
#schedule h3,
#schedule ul,
#schedule dl,
#schedule p{
display:none;
}
#schedule table {
width: 520px;
}
#schedule table th,
#schedule table td {
padding: 0.2em 15px;
background-color: #fff;
vertical-align: middle;
text-align: center;
}
#schedule table tr.color td {
background-color: #CFE9FF;
}
#schedule table td.country {
padding-left: 20px;
text-align: left;
}
#schedule p.closeBtn{
display:block;
padding:10px;
text-align: center;
}



/* ==================================================
クルーズレポート_ブログ記事
================================================== */
#blogContainer{
margin-top:10px;
}

/* --------------------------------------------
左サイドバー
-------------------------------------------- */
#blogLbox{
float:left;
width:203px;
}
#blogLbox h4{
margin:0;
padding:0;
}
.blogLbg{
width:203px;
background:url(../images/blog_lbg.gif) repeat-y;
}
.blogLbg li{
padding-top:0.8em;
margin-left:15px;
width:170px;
}
.blogLbg .categories li{
list-style:inside square;
}
.blogLbg a{
color:#1B196C;
text-decoration:none;
}
.blogLbg a:hover{
text-decoration:underline;
}
.blogLbottom{
width:203px;
height:27px;
background:url(../images/blog_lbottom.gif) no-repeat;
}
.blogLbottom hr{
display:none;
}

/* --------------------------------------------
ブログ記事本文
-------------------------------------------- */
.blogMbox{
float:right;
width:490px;
padding:10px;
background:url(../images/blog_bg.gif);
}

/* カテゴリタイトル */
.blogMbox .today_title{
display:block;
margin-bottom:20px;
padding-top:32px;
width:490px;
height:0;
background:url(../images/today_head.gif) no-repeat;
overflow:hidden;
}
.blogMbox .onboard_title{
display:block;
margin-bottom:20px;
padding-top:32px;
width:490px;
height:0;
background:url(../images/onboard_head.gif) no-repeat;
overflow:hidden;
}
.blogMbox .people_title{
display:block;
margin-bottom:20px;
padding-top:32px;
width:490px;
height:0;
background:url(../images/people_head.gif) no-repeat;
overflow:hidden;
}
.blogMbox .announce_title{
display:block;
margin-bottom:20px;
padding-top:32px;
width:490px;
height:0;
background:url(../images/announce_head.gif) no-repeat;
overflow:hidden;
}

/* 記事タイトル */
.blogMbox .entry_title{
margin-bottom:10px;
padding:0 4px 4px;
padding-left:42px;
background:url(../images/blog_title.gif) no-repeat left bottom;;
color:#4b7bff;
}
.blogMbox .entry_title a{
color:#4b7bff;
text-decoration:none;
}
.blogMbox .entry_title a:hover{
color:#4b7bff;
text-decoration:underline;
}
/* .blogMbox .entry_title h4{
font-size:100%;
} */

/* 記事本文以下 */
.blogMbox .blogImg{
text-align:center;
}
.blogMbox p{
padding-bottom:1.8em;
}
.blogMbox .pagetop{
padding-top:10px;
border-top:#4b7bff dotted 1px;
}
.blogMbox .pagetop a{
color:#4b7bff;
}
.blogMbox .archive{
text-align:center;
}
.blogMbox .archive a{
color:#4b7bff;
}

/* 記事がない時 */
.printing{
padding:100px 20px !important;
text-align:center;
font-style:italic;
}



/* ==================================================
クルーズレポート_バックナンバー
================================================== */
#backContainer{
margin:20px auto 0;
width:700px;
}
#backContainer h3{
display:block;
margin-bottom:10px;
padding-top:32px;
width:700px;
height:0;
background:url(../images/today_head.gif) no-repeat;
overflow:hidden;
}
#backContainer a{
color:#101793;
text-decoration:none;
}
#backContainer a:hover{
text-decoration:underline;
}

/* --------------------------------------------
今日の海と空_バックナンバー
-------------------------------------------- */
#backContainer .today_list ul li{
float:left;
padding:5px;
width:130px;
}
#backContainer .today_list ul li .image{
display:block;
margin-bottom:2px;
padding-bottom:2px;
width:130px;
height:98px;
border-bottom:#101793 solid 3px;
overflow:hidden;
}
#backContainer .today_list ul li .date{
padding-left:14px;
background:url(../images/list_mark.gif) no-repeat;
color:#101793;
}

/* --------------------------------------------
Life Onboard_バックナンバー
-------------------------------------------- */
#backContainer .onboard_list h3{
background:url(../images/onboard_head.gif) no-repeat;
}
#backContainer .onboard_list ul li{
padding:5px;
}
#backContainer .onboard_list ul li a{
padding-left:14px;
background:url(../images/list_mark.gif) no-repeat;
}
#backContainer .onboard_list ul li .title{
font-weight:bold;
}
#backContainer .onboard_list ul li .subtitle{
margin-left:0.5em;
padding-left:0.5em;
border-left:#101793 solid 1px;
}

/* test_page____________________________________________start */
#backContainer .onboard_list ul li.test{
padding:0;
padding-bottom:1.5em;
width:690px;
}
#backContainer .onboard_list ul li.test a{
display:block;
background-position:left 0.3em;
width:676px;
}
#backContainer .onboard_list ul li.test .date{
display:block;
float:left;
width:9em;
}
#backContainer .onboard_list ul li.test .title{
display:block;
margin-left:9.2em;
}
#backContainer .onboard_list ul li.test .subtitle{
clear:both;
display:block;
margin-left:9.2em;
padding-left:0;
border-left:none;
}
/* end____________________________________________test_page */

/* --------------------------------------------
ひと─参加者紹介_バックナンバー
-------------------------------------------- */
#backContainer .people_list h3{
background:url(../images/people_head.gif) no-repeat;
}
#backContainer .people_list ul li{
float:left;
padding:5px;
width:130px;
}
#backContainer .people_list ul li .image{
display:block;
margin-bottom:2px;
padding-bottom:2px;
width:130px;
height:87px;
border-bottom:#101793 solid 3px;
overflow:hidden;
}
#backContainer .people_list ul li .title{
padding-left:14px;
background:url(../images/list_mark.gif) no-repeat;
color:#101793;
}



/* ==================================================
クルーズレポート_その他共通エレメント等
================================================== */
/* 新着表示 */
.new img{
vertical-align:middle;
}

/* クルーズレポートのトップページへ戻る */
.backtoindex{
text-align:right;
}
.backtoindex a{
padding-left:14px;
background:url(../images/mark.gif) no-repeat;
}