/* ----------------------------------
Template by ありのごとくあつまりて (paruparu)
http://arinogotokuatumarite.blog19.fc2.com/
------------------------------------- */
/* フォントサイズ目安 
http://webtech-walker.com/archive/2008/05/16032443.html
基準値 12px        基準値 14px（記事中）
10px  84%          10px  72%
11px  92%          11px  79%
12px 100% *        12px  86%
13px 109%          13px  93%
14px 117%          14px 100% *
15px 125%          15px 108%
16px 134%          16px 115%
17px 142%          17px 122%
18px 150%          18px 129%
19px 159%          19px 136%
20px 167%          20px 143%
21px 175%
22px 184%
------------------------------------- */
* {
margin:0;
padding:0;
}
body {
margin:0px;
padding:0;
background:#ffffff url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/bkstyle.gif) repeat-y center;
background-attachment:fixed;
text-align:center;
font-size:12px;
color:#333;
}
/* for IE6 */
* html body {
font-size:75%;
}
/* for IE7 */
*:first-child+html body {
font-size:75%;
}
div, p, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, form, input, textarea {
margin:0;
padding:0;
}
body, form, input, textarea {
font-family:'Kaushan Script', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', sans-serif;
}
img {
border:0;
}
a img {
border-width:0px;
border-style:none;
text-decoration:none;
}
a,
#footer .homelink a {
color:#6699cc;
text-decoration:none;
}
a:hover,
#footer .homelink a:hover {
color:#ff6699;
text-decoration:underline;
}
.f_right {
float:right;
}
.f_left {
float:left;
}
.m_center a{
text-align:left;
}
.t_right {
text-align:right;
}
.t_center {
text-align:center;
}
.nowrap {
white-space:nowrap;
color:#ffffff;
}
/* Structure （構造）
------------------------------------- */
#wrapper {
margin:0;
padding:0 0 0 0;
min-height:1000px;
}

#top {
margin-left:auto;
margin-right:auto;
color:#ffffff;
font-weight:bold ;
padding:0;
width:900px;
height:420px;
background: #777777 url(https://blog-imgs-117.fc2.com/m/a/r/marinecross/pct3.png);  
text-align:left;
font-family:'Kaushan Script', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', sans-serif;
}

#top a:link{
  color: #ffffff;
  text-decoration: none;
}
#top a:visited{
  color: #ffffff;
  text-decoration: none;
}
#top a:hover{
  color: #0000ff;
  text-decoration: underline;
}
#top a:active{
  color: #800080;
}
#top .pcb {
font-size:18px;
margin-left:40px;
}

#container {
margin-left:auto;
margin-right:auto;
padding:0;
width:900px;
background:#ffffff;
text-align:left;
font-size:100%;
line-height:1.4;
}
#header {
margin:0;
padding:0 15px 0 15px;
height:175px;
font-size:117%;
}
#content {
position:relative;
top:-165px;
float:left;
margin:auto 5px 10px 10px;
padding:0;
width:560px;
line-height:1.2;
}
#sidebar {
position:relative;
top:-145px;
float:right;
margin:0 10px 10px 5px;
padding:0;
width:250px;
line-height:1.5;
}
#footer {
clear:both;
text-align:center;
line-height:1.5
}



/* Navigation
http://www.cssplay.co.uk/menus/skeleton.html
※ナビゲーションメニューもカスタマイズOKですが、
IE6，IE5.5で表示が乱れる恐れがあるので注意！！
項目の削除には注意してください。
------------------------------------- */
#nav {
position:relative;
z-index:10;
padding:0;
height:35px;
background:#000 url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/t_menu2.png) repeat-x;
}
#nav ul {
list-style:none;
background:#fff;
border:1px solid #999;
}
#nav ul li {
list-style:none;
}
#nav .navitop {
height:25px;
border-right:0px;
border-left:1px solid #222;
text-align:center;
font-weight:bold;
color:#fff;
cursor:default;
}
/* for IE5.x and IE6 */
#nav table,
#nav td {
border:0;
border-collapse:/**/collapse;  /* IE5.5 除外 */
}
#nav li {
float:left;
text-align:left;
font-weight:normal;
}
#nav li li {
float:none;
}
/* a hack for IE5.x and IE6 */
#nav li a li {
float:left;
}
#nav li a {
float:left;
padding:5px 7px;
width:134px;
display:block;
text-decoration:none;
color:#0066cc;
}
#nav li li a,
#nav li:hover ul li:hover ul li a {
float:none;
padding:5px 10px;
width:200px;
background:#fff;
border-top:1px solid #ccc;
}
#nav li:hover {
position:relative;
z-index:20;
visibility:visible;
}
#nav a:hover {
position:relative;
z-index:20;
visibility:visible;
background:#006699;
color:#fff;
}
#nav a.this {
background:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/t_menu2.png) no-repeat center bottom;
}
#nav li .navitop:hover,
#nav li:hover .navitop {
background:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/t_menu_this2.png) no-repeat center bottom;
}
#nav li:hover ul li:hover a,
#nav li:hover ul li:hover ul li a:hover {
background:#006699;
}
#nav li li a.parent {
font-weight:bold;
background:#f5f5f5;
}
#nav :hover ul {
left:0px;
top:35px;
}
.sentence {
display:block;
margin:2px;
padding:5px;
background:#f5f5f5;
border:1px solid #ccc;
color:#666;
overflow:hidden;
}
.sentence span {
display:block;
font-weight:bold;
}
#nav li li.r_sentence {
width:200px;
padding:10px;
background:#f5f5f5;
color:#666;
overflow:hidden;
}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
left:-1px;
}
#nav ul {
position:absolute;
left:-9999px;
top:-9999px;
}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
left:0;
margin-left:100%;
top:0;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:auto;
}
/* show path followed */
#nav li:hover > a {
color:#fff;
}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul {
left:100%;
top:-1px;
}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
}
/* Feed */
#feed {
float:right;
margin:0 auto;
padding-left:26px;
width:152px;
height:25px;
background:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/t_feed1.png) no-repeat;
}
a.feed-button {
display:block;
width:100px;
height:25px;
background:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/t_feed_button.png) no-repeat 0 0;
}
a:hover.feed-button {
background-position:0 -25px;
}

/* Heading's
------------------------------------- */
.site_title {
margin:10px 20px 0px 0px;
padding:0;
}
.site_title {
color:#ffffff;
}
h1 {
clear:left;
width:660px;
margin:0;
padding:5px;
text-align:right;
font-size:93%;
color:#999;
}
.p_mokuji a {
background:#fefefe;
}

/* Entries
------------------------------------- */
/* 記事タイトルの設定 */
.entry_title {
margin:50px 0 5px 0;
padding:2px;  /* for IE6 */
background:#f5f5f5 url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/h3bk1.gif) repeat-x;
border-bottom:1px solid #c0c0c0;
}
.entry_title h2,
.entry_title h3 {
padding:19px 20px 4px 20px;
font-size:159%;
line-height:1.2;
}
.entry_title h2 a {
display:block;
color:#336699;
}
.entry_title h2 a:hover {
color:#99cc00;
text-decoration:none;
}

/* 記事上の設定 */
.entry_top {
margin:0 auto 10px 20px;
text-align:right;
font-size:109%;
}
/* 記事中の設定 */
.entry_m {
margin:5px auto 40px 20px;
padding-top:4px;  /* for IE6 */
font-size:117%;
}
.entry_m p,
.cmtb_m p {
margin-top:1.5em;
margin-bottom:1em;
}
.entry_m a:link {
color:#0066cc;
border-bottom: 1px dotted;
}
.entry_m a:visited {
text-decoration:underline;
color:#8559b2;
}
.entry_m a:active {
background:#fff5ee;
color:#ff6666;
}
.entry_m a:hover {
background:#fff5ee;
color:#ff0066;
border-bottom:1px solid #fefefe;
}
/*記事内画像*/
.entry_m img{
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
border: 1px solid #b4b4b4;
}

/* 記事内 h2～h4 の設定 */
.entry_m h2 {
margin:24px 0 20px 0;
padding:5px 8px 5px 10px;
background:#f7f7f7;  
border-left:12px double #88a89e;
border-top:1px dashed #88a89e;
border-right:1px dashed #88a89e;
border-bottom: 1px dashed #88a89e;
font-size:120%;
line-height:1.2;
}
/*新着*/
.entry_m h3,
.all_m h3{
margin:24px 12px 15px 0;
padding:18px 8px 8px 45px;
font-size:120%;
border-bottom:2px dashed #808080;
background:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/ikari11.png) no-repeat left center;
}
.entry_m h4,
.cmtb_m h4 {
margin:24px 20px 15px 0;
padding:4px 8px 4px 10px;
background:#f5f5f5;  
border-left:12px double #ccc; 
font-size:115%;
line-height:1.5;
}
/* リスト・テーブル */
.entry_m ul {
margin:0 0 0 28px;
}
.entry_m ol {
margin:0 0 0 36px;
}
.entry_m ul li,
.entry_m ol li {
margin-top:0.2em;
margin-bottom:0.3em;
list-style-image:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/b-cube1b.gif); 
}
.entry_m dt {
margin:12px 0 12px 12px;
}
.entry_m dd {
margin:0 0 12px 36px;
}
.entry_m table {
margin:10px 0 10px 0;
}
table, th, td {
font-weight:normal;
font-size:100%;
line-height:1.6;
}
caption {
background:#dcdcdc;
}
hr {
color:#ccc;
border:1px dotted #ccc;
}
/* 絵文字の設定 */
img.emoji {
margin:4px 1px 4px 1px;
padding:0;
float:none;
vertical-align:middle;
}
/* 続きを読む・閉じる */
.readmore {
clear:both;
margin:10px 5px auto 5px;
background:#f8f8ff;
text-align:right;
}
.readclose {
clear:both;
margin:10px 5px 10px 5px;
text-align:right;
}
.entry_m .readmore a,
.entry_m .readclose a {
display:block;
border-bottom:none;
}
/* ブログ拍手 */
.fc2_footer {
margin:15px 0 0 0;
}
/* 記事下の設定 */
.thread {
margin:5px 20px;
}
.entry_bottom {
margin:20px 0 20px 0;
padding:12px;
text-align:right;
font-size:100%;
border-bottom:2px dashed #808080;
}
.url { 
font-size:92%;
}
.edit {
cursor:default;
}
/* 記事がある場合・無い場合 */
.none {
display:none;
}
.block {
display:block;
line-height:1.8;
}
.nextentry {
margin:15px 12px 15px 12px;
padding:5px;
border:1px solid #ccc;
font-size:109%;
}
.nextpage {
text-align:right;
font-size:125%;
}
/* 全記事一覧 */
.all_m {
padding-top:4px;  /* for IE6 */
}
.all_m h3 a {
display:block;
padding-left:5px;
}
.all_m h3 a:link {
color:#0066cc;
}
.all_m h3 a:hover {
color:#ff6699;
}
.all_m p {
margin-left:24px;
}

/* 記事内スクエアボタン スケジュールボタン*/
.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
  }

.square_btn:hover {
    background: #1ec7bb;
}


/* Comment, Trackback
------------------------------------- */
.cm_title {
margin: 40px 0 30px;
border-bottom: 2px dotted #808080;
height: 45px;
background: url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/ikari11.png) no-repeat left center;
}
.cm_title h3 {
padding:5px 0px 5px 45px;
text-align:left;
font-size:24px;
font-family:'Times New Roman';
font-color: #999999;
}
.tb_title {
margin: 40px 0 30px;
border-bottom: 2px dotted #808080;
height: 45px;
background: url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/ikari11.png) no-repeat left center;
}
.tb_title h3 {
padding:5px 0px 5px 45px;
text-align:left;
font-size:24px;
font-family:'Times New Roman';
font-color: #999999;
}
.cmtb_m {
margin:auto 10px 20px 10px;
padding-top:4px;  /* for IE6 */
}
.cm_body {
margin:auto 20px;
padding:10px;
border:1px solid #ccc;
}
/* 管理人のコメントを区別 */
/* .n_ の後に管理人のコメント投稿者名を入れてください。日本語OK */
.n_CAPTAIN {
color:#003366;
}
.n_CAPTAIN .cm_body {
border:1px solid #cccc;
background:url() repeat-x right top;
}
.r_n_CAPTAIN {
color:#CC6666;
}
#nav a:hover span.r_n_CAPTAIN,
#nav li:hover > a span.r_n_CAPTAIN {
color:#e0ffff;
}
/* コメントのプレビュー （実際の表示 cm_body と揃うように） */
#prv {
margin:20px 20px;
padding:10px;
border:1px solid #ccc;
}
.cm_bottom {
padding:20px;
border-bottom:1px dotted #ccc;
}
/* 入力項目 */
textarea {
font-size:109%;
}
#comment_form dl {
margin:12px 0 12px 12px;
}
#comment_form dt {
margin:0;
padding:0;
width:120px;
background:#f5f5f5;
text-align:center;
border:1px solid #ccc;
}
#comment_form dd {
margin:0;
padding:0;
}
/* 名前等の入力欄 */
.name {
width:340px;
}
.add {
width:450px;
ime-mode:disabled;
}
.c_textarea {
width:470px;
height:100px;
line-height:1.5;
}
dt.compact {
float:left;
clear:both;
width:150px;
}
dd.compact {
margin:0;
padding:0;
white-space:nowrap;
}
.pass {
width:100px;
}
.check {
border-width:0;
}
.submit {
margin:20px 12px 20px 12px;
}
.error {
margin:0 0 15px 0;
color:#ff0000;
}
.tb_url {
width:500px;
}

/* Sidebar
------------------------------------- */
.site_search {
margin-bottom:10px;
}
#sidebar .menu_head {
padding:3px 8px 3px 8px;
background:#333333;
border-left:20px double #777777;
border-top:1px solid #777777;
border-right:1px solid #777777;
border-bottom: 1px solid #777777;
font-weight:bold;
color:#fff;
}
#sidebar .menu_head_2 {
padding:3px 8px 3px 8px;
background:#333333;
border-left:20px double #777777;
border-top:1px solid #777777;
border-right:1px solid #777777;
border-bottom: 1px solid #777777;
font-weight:bold;
color:#fff;
}
#sidebar .menu_m {
padding:10px;
margin-bottom:12px;
}
.menu_m p {
margin-top:1.5em;
margin-bottom:1.5em;
}
.menu_m ul {
margin:5px 0 0 15px;
}
.menu_m ol {
margin:5px 0 0 15px;
}
.menu_m ul li,
.menu_m ol li {
margin-top:3px;
margin-bottom:3px;
}
#sidebar input,
#sidebar textarea {
max-width:160px;
}

/* 著作権表示部分
------------------------------------- */
.copyright {
background:#555555 url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/bt.png) repeat-x center;
height:80px;
padding-top:8px;
text-align:center;
color:#fff;
}
.copyright a  {
color:#fff;
}
.homelink {
height:25px;
font-size:117%;
color:#222;
}
/* 自分用各種装飾 （以下削除してもOK）
------------------------------------- */
/* 親子カテゴリー プラグイン用 */
ul#oyako_cat {
margin:auto 0;
list-style:none;
}
#oyako_cat li ul {
margin:auto auto 14px 0;
line-height:1.4;
}
#oyako_cat li ul li {
list-style:none;
padding-left:19px;
background:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/c_close.gif) no-repeat left top;
}
* html #oyako_cat li ul li {
background:none;
}
/* NewMark */
.newmark {
color:#ff6699;
font-weight:bold;
font-family:'Times New Roman';
padding-left:10px;
}

#ttop {
position:fixed;
bottom:100px;
left:auto;
margin:0 0 0 910px;   /* マージン：上 右 下 左 */
width:50px;
height:350px;
background:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/topbs.gif) no-repeat left bottom;
}
/* IE6以下用 */
* html #ttop {
margin:0 0 -350px 0;
position:relative;
bottom:450px;   /* 上で設定した ttopの高さ390px＋下100px */
left:904px;
}
#ttop:hover {
background-position:0 230px; /* 画像の高さによって適当に調整 */
}
a.page_top {
display:block;
width:41px;
height:390px;
} 
#content li ul,{
margin:0 0 0 28px;
list-style:url(); 
}
.entry_m .small {
font-size:93%;  /*最新記事のリンク文字サイズ*/
}

/*画像とテキスト回り込み*/
.hidari {
float: left;
margin-right:15px;
overflow: auto;
}
.h_clear {
clear: both;
}
/* FC2relate
----------------------------------------------- */
.relate_dl {
font-size: 93%;
margin: 2.0em 0 0.5em !important;
padding: 0.8em 0.4em !important;
border: 1px #dddddd solid !important; /* 線の色 */
background: #fafafa !important; /* 背景色 */
}
.relate_dl .relate_dt {
margin: 0 !important;
padding: 0 0.5em 0.8em !important;
border: 0 none !important;
border-bottom: 1px #cccccc dashed !important; /* 線の色 */
line-height: 1.1 !important;
background: none !important;
}
.relate_dl .relate_dd {
margin: 0 !important;
padding: 0 !important;
border: 0 none !important;
background: none !important;
}
.relate_dl .relate_ul {
margin: 1em 0 0.1em 2em !important;
padding: 0 !important;
}
.relate_dl .relate_ul li {
margin: 0 0 0.5em !important;
padding: 0 !important;
border: 0 none !important;
}
.entry_m ul.list ul {
margin:0 50 0 0;
}
.entry_m ul.list li {
list-style-image:url(https://blog-imgs-98.fc2.com/m/a/r/marinecross/ic_sq41.gif); 
margin-top:0 !important; 
margin-bottom:0 !important; 
padding: 0 !important;
}
/*sharehtml*/
.share{
margin: 5px;
padding: 5px;
}
.float {
float: left;
}
.clear {
clear: both;
}
.migi{
margin-left:20px;
}
/*出港schedule画像*/
p.hyou {
padding: 10px;
} 
.lnk {
padding-top: 10px;
}

.link-box{border:1px solid #e1e1e1;padding:10px;display:flex;margin:30px}.link-box:hover{background-color:#f3f3f3;-webkit-transition:background-color .35s;transition:background-color .35s}.img-box{width:25%;float:left}.img-box div{min-height:170px;background-size:cover;background-position:center center}.text-box{width:75%;float:left;padding-left:20px;line-height:1.7;margin:0}.text-box .title{font-size:18px;font-weight:600;color:#428bca;padding:0;margin:0}.text-box .description{font-size:15px;color:#333;padding:0}@media only screen and (max-width:479px){.img-box div{min-height:80px}.text-box{margin-left:10px;line-height:1.5}.text-box .title{font-size:13px;margin:0}.text-box .description{font-size:11px;margin-top:5px}}