/* Theme Name: マリタイム・フォーラム Theme URI: http://www.maritime-forum.jp/ Description: 一般財団法人 海技振興センター[技術･研究部]。広範な海技情報を［蓄積］［連携］［活用］するデータベースとポータルサイト Version: 1.1 Author: ホソヤデザイン事務所 Author URI: */ @charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- 　Maritime forum　　　Produced by UNI Planing Office　　since：2017.04 　Main Color Green #3B9891　 Link Color Blue #14A3FF Link hover Orange #FF9621 ----------------------------------------------------------------------------------------------------- */ @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); /*body { font-family: 'Noto Sans JP', sans-serif; color:#444;}*/ body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#444;} a { color:#14A3FF; text-decoration:none;} a:hover { color:#FF9621; text-decoration:underline;} .noto100 { font-weight:100;} .noto200 { font-weight:200;} .noto300 { font-weight:300;} .noto400 { font-weight:400;} .noto500 { font-weight:500;} .noto700 { font-weight:700;} .noto900 { font-weight:900;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ スマホ用デザイン　1カラム構成　0～567pxまで有効 ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*共通 ----------------------------------------------------------------------------------------------------- */ .header_wrap { width:100%; height:70px; position:relative; z-index:100;} header { width:75%; padding:15px; position:absolute; top:0; left:0; z-index:200;} header h1 { width:100%;} header h1 img { width:100%;} header .sublink { display:none;} .header_wrap nav { padding-top:12px;} .header_wrap nav ul.naver { background:#3B9891;} .header_wrap nav ul.naver li { font-size:150%; border-top:#FFF solid 1px;} .header_wrap nav ul.naver li a { color:#FFF; display:block; padding:16px 0 16px 15px; text-decoration:none;} .pagetop { width:100％; height:18px;} .pagetop p { text-align:center;} .pagetop p a { font-size:120%; color:#FFF; background:#3B9891; text-decoration:none; padding:7px 25px; border-top-left-radius:3px; border-top-right-radius:3px;} .pagetop p a:hover { background:#7FBCB7;} footer { border-top:#3B9891 solid 2px;} footer .container { text-align:center; padding:10px 0 20px 0;} footer p.copyright { font-size:120%; line-height:1.3; margin-bottom:12px;} footer p.copyright a { color:#444;} footer p.copyright a:hover { color:#FF9621; text-decoration:none;} footer p.copyright span { display:block;} footer ul.link { margin:0 auto; width:90%; text-align:center;} footer ul.link li { font-size:120%; padding:0 1em; border-left:#CCC solid 1px; display:inline; line-height:1.5;} footer ul.link li a { color:#444; text-decoration:none;} footer ul.link li a:hover { color:#FF9621} footer ul.link li:last-child { border-right:#CCC solid 1px;} /*完了画面テキスト*/ p.thanks-txt { font-size:150%; text-align:center; margin-bottom:100px;} /*コンテンツページタイトルエリア*/ .contents_wrap { padding:0 15px;} .contents_wrap .title_box { padding:15px 0 30px 0;} .contents_wrap .title_box h2 { font-size:230%; color:#3B9891; margin-bottom:10px;} .contents_wrap .title_box h2 img { vertical-align:middle; margin-right:12px;} .contents_wrap .title_box p { font-size:160%; color:#444; line-height: 1.4;} /*Home---------------------------------------------------------------------------　*/ .slider_area { width:100%; overflow:hidden; position:relative; background:#F2F2F2; margin-bottom:20px;} .slider_area .slider_wrap {} .slider_area .slider_wrap .slide1 { background:url(images/slide1.jpg) center; background-size:cover; height:200px;} .slider_area .slider_wrap .slide2 { background:url(images/slide2.jpg) center; background-size:cover; height:200px;} .slider_area .slider_wrap .slide3 { background:url(images/slide3.jpg) center; background-size:cover; height:200px;} .slider_area .slider_wrap .slide4 { background:url(images/slide4.jpg) center; background-size:cover; height:200px;} .slider_area .slider_wrap .slide5 { background:url(images/slide5.jpg) center; background-size:cover; height:200px;} .slider_area .slider_wrap .slide6 { background:url(images/slide6.jpg) center; background-size:cover; height:200px;} .slider_area p.catch { font-size:160%; line-height:1.5; color:#3B9891; margin:12px 0; text-align:center;} .slider_area .leadCatch { display:none;} #home {} #home .leadCatch { background:#F2F2F2; padding:14px; margin-bottom:40px;} #home .leadCatch p { font-size:150%; line-height:1.5;} #home .whatsNew { margin-bottom:30px;} #home .whatsNew h2 { border-bottom:#3B9891 solid 2px; margin-bottom:10px;} #home .whatsNew dl {} #home .whatsNew dl dt { font-size:140%; color:#3B9891; margin-bottom:3px;} #home .whatsNew dl dd { font-size:150%; margin-bottom:12px; line-height:1.4;} #home .whatsNew dl dd a { color:#444;} #home .whatsNew dl dd a:hover { color:#FF9621;} #home .whatsNew p { font-size:130%; text-align:right;} #home .whatsNew p a { color:#3B9891;} #home .whatsNew p a:hover { color:#FF9621;} #home .mainButton {} #home .mainButton li { font-size:200%; font-weight:bold; text-align:center; text-shadow:1px 1px 1px #444;} #home .mainButton li a { color:#FFF; text-decoration:none; padding:30px 0; display:block;} #home .mainButton li.btn1 { background:#3B9891 url(images/btn1_sp.png) right no-repeat; margin-bottom:15px;} #home .mainButton li.btn2 { background:#3B9891 url(images/btn2_sp.png) right no-repeat; margin-bottom:20px;} #home .mainButton li.btn1:hover { background:#FF9621 url(images/btn1_sp_on.png) right no-repeat;} #home .mainButton li.btn2:hover { background:#FF9621 url(images/btn2_sp_on.png) right no-repeat;} #home .subButton { margin-bottom:20px;} #home .subButton li { font-size:180%; font-weight:bold; color:#3B9891; margin-bottom:15px;} #home .subButton li a { text-decoration:none; color:#3B9891; padding:26px 0 26px 90px; display:block;} #home .subButton li.btn3 { background:#F3F3F3 url(images/icon_01.png) no-repeat 20px;} #home .subButton li.btn4 { background:#F3F3F3 url(images/icon_02.png) no-repeat 20px;} #home .subButton li.btn5 { background:#F3F3F3 url(images/icon_03.png) no-repeat 20px;} #home .subButton li.btn6 { background:#F3F3F3 url(images/icon_04.png) no-repeat 20px;} #home .subButton li a:hover { color:#FF9621;} #home .subButton li.btn3:hover { background:#F3F3F3 url(images/icon_01_on.png) no-repeat 20px;} #home .subButton li.btn4:hover { background:#F3F3F3 url(images/icon_02_on.png) no-repeat 20px;} #home .subButton li.btn5:hover { background:#F3F3F3 url(images/icon_03_on.png) no-repeat 20px;} #home .subButton li.btn6:hover { background:#F3F3F3 url(images/icon_04_on.png) no-repeat 20px;} /*News お知らせ*/ #news {} #news .box { border-top:#DDD solid 1px; padding-top:4px; margin-bottom:30px;} #news .box p.date { font-size:140%; color:#3B9891; margin-bottom:6px;} #news .box dl {} #news .box dl dt { font-size:170%; line-height:1.3; color:#3B9891; font-weight:700; margin-bottom:6px;} #news .box dl dd { font-size:150%; line-height:1.6; font-weight:400;} #news .box dl dd a { text-decoration:underline;} /*マリタイム教育・研修資料*/ #education {} #education .title_box h2 { letter-spacing:-0.08em; font-size:210%;} #education .contents {} #education .contents .quest { font-size:140%; line-height:1.5; border:#3B9891 solid 1px; padding:10px; margin-bottom:30px;} #education .contents h2 { font-size:160%; color:#FFF; background:#3B9891; padding:6px;} #education .contents h3 { font-size:160%; font-weight:bold; color:#3B9891; padding:8px 0;} #education .contents table { width:100%; border-bottom:#CCC solid 1px; margin-bottom:40px;} #education .contents table tr { display:block; clear:both; border-top:#CCC solid 1px;} #education .contents table tr:hover { background:#F7FFEB;} #education .contents table td { font-size:150%; line-height:1.3; display:block;} #education .contents table td.year { padding-bottom:8px; padding-top:8px;} #education .contents table td.title { padding-bottom:12px;} #education .contents table td.btn { padding-bottom:12px; font-size:120%; float:left;} #education .contents table td.btn a { color:#FFF; background:#C5191C; padding:4px 0; border-radius:3px; width:120px; display:block; text-align:center; margin-right:15px;} #education .contents table td.btn a i { margin-right:6px;} #education .contents table td.btn a:hover { background:#FF9621; text-decoration:none;} #education .contents table td.btnM { padding-bottom:12px; font-size:120%; float:left;} #education .contents table td.btnM a { color:#FFF; background:#4D7DD3; padding:4px 0; border-radius:3px; width:120px; display:block; text-align:center;} #education .contents table td.btnM a i { margin-right:6px;} #education .contents table td.btnM a:hover { background:#FF9621; text-decoration:none;} #education .contents .contact { font-size:150%; line-height:1.3; margin-bottom:40px;} /*IMOモデルコース資料*/ #imo {} #imo .contents table.imoPdf { border-bottom:#CCC solid 1px; margin-bottom:40px;} #imo .contents table.imoPdf tr { display:block;} #imo .contents table.imoPdf tr:hover { background:#F7FFEB;} #imo .contents table.imoPdf td { font-size:150%; line-height:1.3; display:block;} #imo .contents table.imoPdf td.titleNo { padding-bottom:8px; padding-top:8px; border-top:#CCC solid 1px;} #imo .contents table.imoPdf td.title { padding-bottom:12px;} #imo .contents table.imoPdf td.btn { padding-bottom:24px; font-size:120%;} #imo .contents table.imoPdf td.btn a { color:#FFF; background:#C5191C; padding:4px 20px; border-radius:3px;} #imo .contents table.imoPdf td.btn a i { margin-right:6px;} #imo .contents table.imoPdf td.btn a:hover { background:#FF9621; text-decoration:none;} /*研究資料データーベース*/ /*海技資料データーベース 2024.02 追加*/ #document-db .contents { margin-bottom: 40px;} #document-db .local-navi { margin: 0 0 10px 0; padding: 0;} #document-db .local-navi ul { display: flex; flex-wrap: wrap; margin: 0;} #document-db .local-navi li { font-size: 160%; padding: 0 1em; border-left: #3B9891 solid 1px; margin-bottom: 20px;} #document-db .local-navi li a { color: #3B9891;} #document-db .local-navi li a:hover { color: #FF9621;} #document-db .contents h3 { font-size: 160%; color: #FFF; text-align: center; background: #3B9891; padding: 6px 0;} #document-db .contents table { font-size: 150%; line-height: 1.5; margin-bottom: 30px;} #document-db .contents table tr { display: block; border-bottom: #3B9891 solid 2px; padding: 12px 0 7px 0;} #document-db .contents table th { display: none;} #document-db .contents table td { display: block; padding: 4px 0 0 4em; position: relative;} #document-db .contents table td:before { content: attr(aria-label); font-size: 75%; line-height: 1; background: #999; color: #FFF; width: 4em; text-align: center; border-radius: 2px; padding: 1px 0 2px 0; position: absolute; top: 5px; left: 0;} #document-db .contents table td a { font-size: 87%; line-height: 1; color: #FFF; background: #C00; padding: 0 15px 2px 15px; border-radius: 3px;} #document-db .contents p.txt-kome { font-size: 130%; line-height: 1.4; padding-left: 1em; text-indent: -1em;} /*関連団体のリンク集*/ #linkCollection {} #linkCollection .contents {} #linkCollection .contents ul.localNavi { margin-bottom:30px;} #linkCollection .contents ul.localNavi li { font-size:150%; float:left; margin-right:8px; margin-bottom:24px;} #linkCollection .contents ul.localNavi li a { color:#FFF; background:#3B9891; padding:3px 12px; border-radius:3px; text-decoration:none;} #linkCollection .contents ul.localNavi li a:hover { background:#FF9621;} #linkCollection .contents dl { font-size:150%; margin-bottom:30px;} #linkCollection .contents dl dt { margin-bottom:8px; background:#F3F3F3; padding:3px 0 3px 3px} #linkCollection .contents dl dd { margin-bottom:8px; margin-left:6px; background:url(images/outlink.png) no-repeat 0 4px; padding-left:16px; line-height:1.3;} #linkCollection .contents p.kome { font-size:140%; line-height:1.5; margin-bottom:30px;} /*ご意見・情報提供*/ #contact {} #contact .contents {} #contact .contents dl {} #contact .contents dl dt { font-size:150%; margin-bottom:6px;} #contact .contents dl dd { font-size:150%; margin-bottom:30px;} #contact .contents dl dd input[type="text"], #contact .contents dl dd input[type="email"] { width:90%; height:20px; padding:6px;} #contact .contents dl dd input[type="radio"] { margin-left:30px;} #contact .contents dl dd input[type="radio"]:nth-child(1) { margin-left:0;} #contact .contents dl dd textarea { width:90%; height:200px; padding:6px;} #contact .contents div.btn { width:100%; text-align:center; margin-bottom:30px;} #contact .contents div.btn input { font:160%; width:150px; height:30px;} #contact .contents p.personalinfo { font-size:150%; line-height:1.3; margin-bottom:40px;} /*ご利用にあたって*/ #terms {} #terms .contents ul { list-style:disc; margin-left:1.8em;} #terms .contents ul li { font-size:150%; line-height:2; margin-bottom:2em;} /*サイトマップ*/ #sitemap {} #sitemap .contents {} #sitemap .contents ul { margin-bottom:40px;} #sitemap .contents ul li { font-size:150%; line-height:1.5; margin-bottom:1em;} #sitemap .contents ul li i { margin-right:5px;} #sitemap .contents ul li span { display:block; padding-left:10px;} /*アンケート*/ #questionary {} #questionary .questbox { margin-bottom:30px; /*padding-left:3em; text-indent:-3em;*/} #questionary .questbox p { font-size:150%; line-height:1.2; font-weight:bold; margin-bottom:1em;} #questionary .questbox ul { margin-left:40px;} #questionary .questbox ul li { font-size:15px;/*150%*/ font-weight:normal; margin-bottom:1em;} #questionary .questbox ul li p { font-size:15px; font-weight:normal;} #questionary .questbox ul li input[type="text"] { width:70%;} #questionary .contents div.btn { width:100%; text-align:center; margin-bottom:30px;} #questionary .contents div.btn input { font:160%; width:150px; height:30px;} /*404*/ #err404 .contents { text-align:center; padding:100px 0;} #err404 .contents p.title1 { font-size:360%; color:#3B9891; margin-bottom:20px;} #err404 .contents p.title2 { font-size:160%; margin-bottom:20px;} #err404 .contents p { font-size:140%;} /* ---------------------------------------------------------------------------------------------------- 　Contact Form 7 ----------------------------------------------------------------------------------------------------- */ div.wpcf7-mail-sent-ok { margin: 0 0 20px; width: 90%; height: 30px; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background: #3b9891; /*border: 2px solid #3b9891;*/ } div.wpcf7-mail-sent-ng { margin: 0 0 20px; width: 90%; height: 30px; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background: #3b9891; /*border: 2px solid #ff0000;*/ } div.wpcf7-spam-blocked { margin: 0 0 20px; width: 90%; height: 30px; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background: #3b9891; /*border: 2px solid #ffa500;*/ } div.wpcf7-validation-errors { margin: 0 0 20px; width: 90%; height: 30px; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; background: #3b9891; /*border: 2px solid #f7e700;*/ } #questionary .questbox ul { margin-top: -15px; } .questbox .wpcf7-form-control-wrap { /*margin-left: 3.1% !important;*/ } .questbox span.wpcf7-list-item{ width: 96% !important; margin: 0 0 1em 4% !important; font-weight: normal !important; } @media only screen and (max-width: 768px){ #questionary .questbox ul { margin: 0 0 0 4%; } .questbox span.wpcf7-list-item { display: block; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ タブレット用デザイン（スマホ横向きにも対応）　567px～768pxまで有効　最大幅は768pxで固定 ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media screen and (min-width:567px){ .header_wrap { height:80px;} header h1 img { width:400px; height:auto;} footer p.copyright span { display:inline; padding-left:1em;} .contents_wrap .title_box h2 br { display:none;} /*Home*/ .slider_area .slider_wrap .slide1, .slider_area .slider_wrap .slide2, .slider_area .slider_wrap .slide3, .slider_area .slider_wrap .slide4, .slider_area .slider_wrap .slide4, .slider_area .slider_wrap .slide6 { height:280px;} .slider_area p.catch { font-size:180%;} #home .mainButton li { font-size:240%;} #home .mainButton li.btn1 { background:#3B9891 url(images/btn1_sp.png) right no-repeat;} #home .mainButton li.btn2 { background:#3B9891 url(images/btn2_sp.png) right no-repeat;} /*News お知らせ*/ #news .box { padding-top:8px;} #news .box p.date { font-size:160%; float:left;} #news .box dl { margin-left:12em;} /*IMOモデルコース資料*/ #imo .contents table.imoPdf { width:100%;} #imo .contents table.imoPdf tr { display:table-row; border-top:#CCC dotted 1px;} #imo .contents table.imoPdf td { font-size:150%; line-height:1.3; display:table-cell;} #imo .contents table.imoPdf td.titleNo { width:9.6em; border-top:none; padding:10px 0;} #imo .contents table.imoPdf td.title { padding:10px 0;} #imo .contents table.imoPdf td.btn { width:10em; text-align:right; padding:10px 0;} /*マリタイム教育・研修資料*/ #education .title_box h2 { letter-spacing:0; font-size:230%;} #education .contents .quest { text-align:center;} #education .contents table tr { display:table-row} #education .contents table td { display:table-cell;} #education .contents table td.year { width:100px;} #education .contents table td.title { padding-right:12px;} #education .contents table td.btn { width:130px; float:none;} #education .contents table td.btnM { width:130px; float:none;} /*関連団体のリンク集*/ #linkCollection .contents ul.localNavi li { font-size:140%;} #linkCollection .contents dl { font-size:140%; margin-bottom:40px;} #linkCollection .contents dl dt { text-align:center; margin-bottom:12px;} #linkCollection .contents dl dd { width:47%; float:left; margin-bottom:12px;} #linkCollection .contents p.kome { font-size:120%; line-height:1.5; margin-bottom:30px;} /*ご意見・情報提供*/ #contact .contents dl dt { width:10em; float:left;} #contact .contents dl dd { margin:0 0 30px 12em;} /*サイトマップ*/ #sitemap .contents ul { margin-left:70px;} /*アンケート*/ #questionary .questbox ul li { float:left; width:45%;} /*404*/ #err404 .contents { text-align:center; padding:150px 0;} /* ---------------------------------------------------------------------------------------------------- 　Contact Form 7 ----------------------------------------------------------------------------------------------------- */ .questbox .wpcf7-form-control-wrap { /*margin-left: 3.1% !important;*/ } .questbox span.wpcf7-list-item{ width: 43% !important; margin: 0 0 1em 4% !important; font-weight: normal !important; } /* #questionary {} #questionary .questbox { margin-bottom:30px; padding-left:3em; text-indent:-3em;} #questionary .questbox p { font-size:150%; line-height:1.2; font-weight:bold; margin-bottom:1em;} #questionary .questbox ul { margin-left:40px;} #questionary .questbox ul li { font-size:150%; margin-bottom:1em;} #questionary .questbox ul li input[type="text"] { width:70%;}*/ } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ タブレット横向用デザイン　横幅は984pxに固定　ストレッチなし -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ @media screen and (min-width:994px){ .header_wrap { width:100%; height: auto; margin:0;} header { width:994px; height:90px; margin:0 auto; padding:0; position:relative;} header h1 { width:440px; position:absolute; top:25px; left:0;} header h1 img { width:440px; height:58px;} header .sublink { display:block; position:absolute; top:26px; right:0; width:400px;} header .sublink p.english { position:absolute; top:0; right:7px;} header .sublink p.english a { font-size:120%; color:#FFF; text-decoration:none; padding:0 30px; background:#3B9891; border-radius:3px;} header .sublink p.english a:hover { background:#FF9621;} header .sublink p.kaigi { font-size:120%; text-align:right; position:absolute; top:30px; right:0;} header .sublink p.kaigi span { display:block; font-size:84%; color:#999; padding:3px 7px 0 0;} .header_wrap nav { background:#3B9891; padding:0; margin:0;} .header_wrap nav ul.naver { width:994px; margin:0 auto;} .header_wrap nav ul.naver li { font-size:140%; float:left; border-right:#89C1BD solid 1px; border-top:none;} .header_wrap nav ul.naver li:nth-child(2) { border-left:#89C1BD solid 1px;} .header_wrap nav ul.naver li a { color:#FFF; display:block; padding:16px 1em; text-decoration:none; text-align: center;} .header_wrap nav ul.naver li a:hover { background:#FF9621; text-shadow:1px 1px 1px #444;} .header_wrap nav ul.naver li.sp { display:none;} .header_wrap nav ul.naver li.jp196 a { width: 196px;} /*英語*/ .header_wrap nav ul.naver.eng li a { padding:16px 78px;} .pagetop { width:994px; height:14px; margin:50px auto 0 auto;} .pagetop p { float:right;} .pagetop p a { font-size:110%; color:#FFF; background:#3B9891; text-decoration:none; padding:1px 20px 0 20px; border-top-left-radius:3px; border-top-right-radius:3px;} .pagetop p a:hover { background:#7FBCB7;} footer .container { width:994px; margin:0 auto 30px auto; text-align:left; padding-top:20px; position:relative;} footer p.copyright { float:left; color:#666; font-size:114%;} footer ul.link { width:100%; text-align:right;} footer ul.link li { font-size:114%;} footer ul.link li a { color:#666;} .contents_wrap { width:970px; margin:0 auto; padding:0;} .contents_wrap .title_box { padding:70px 0 90px 0;} /*Home*/ .slider_area { margin-bottom:40px;} .slider_area .slider_wrap .slide1, .slider_area .slider_wrap .slide2, .slider_area .slider_wrap .slide3, .slider_area .slider_wrap .slide4, .slider_area .slider_wrap .slide4, .slider_area .slider_wrap .slide6 { height:350px;} .slider_area p.catch { background:none; color:#FFF; width:100%; text-align:center; font-size:260%; font-weight:bold; position:absolute; top:125px; text-shadow:1px 1px #144340, -1px -1px #144340, 1px -1px #144340, -1px 1px #144340;} .slider_area .leadCatch { display:block; width:100%; background:#F3F3F3;} .slider_area .leadCatch p { font-size:140%; line-height:1.6; text-align:center; padding:15px 0;} #home .leadCatch { display:none;} #home .whatsNew { width:610px; float:left;} #home .whatsNew h2 { margin-bottom:16px;} #home .whatsNew dl dt { width:8em; float:left;} #home .whatsNew dl dd { font-size:140%; margin-left:8em; margin-bottom:16px;} #home .mainButton { width:330px; float:right;} #home .mainButton li { font-size:180%; font-weight:normal;} #home .mainButton li a { padding:80px 0;} #home .mainButton li.btn1 { background:url(images/btn1_pc.png) no-repeat;} #home .mainButton li.btn2 { background:url(images/btn2_pc.png) no-repeat;} #home .mainButton li.btn1:hover { background:url(images/btn1_pc_on.png) no-repeat;} #home .mainButton li.btn2:hover { background:url(images/btn2_pc_on.png) no-repeat;} #home .subButton { margin-bottom:0;} #home .subButton li { font-size:160%; font-weight:normal; float:left; width:312px;} #home .subButton li:nth-child(2) { margin:0 17px;} /*News お知らせ*/ #news .box { padding-top:8px; margin-bottom:40px;} #news .box p.date { font-size:140%; float:left;} #news .box dl { margin-left:12em;} #news .box dl dt { font-size:150%; font-weight:normal;} #news .box dl dd { font-size:140%;} /*海技資料データベース*/ #document-db .local-navi li:nth-child(6) { border-right: #3B9891 solid 1px;} #document-db .contents h3 { font-size: 160%; font-weight: bold; padding: 15px 0;} #document-db .contents table { margin-bottom: 60px;} #document-db .contents table tr { display: table-row; border-bottom: #3B9891 solid 1px; padding: 12px 0 7px 0;} #document-db .contents table th { display: table-cell; background: #EEE; font-size: 90%; font-weight: bold; padding: 5px 0;} #document-db .contents table td { display: table-cell; vertical-align: middle; padding: 12px 0; border-bottom: none;} #document-db .contents table td:before { display: none;} #document-db .contents table th.cel-1 { width: auto;} #document-db .contents table th.cel-2 { width: 10em;} #document-db .contents table th.cel-3 { width: 17em;} #document-db .contents table th.cel-4 { width: 5em;} #document-db .contents table tr td:nth-child(2) { text-align: center;} #document-db .contents table tr td:nth-child(4) { text-align: center;} #document-db .contents table td a { padding: 2px 15px 2px 15px;} #document-db .contents table:nth-of-type(6) { margin-bottom: 10px;} /*IMOモデルコース資料*/ #imo .contents table.imoPdf td.titleNo { padding:14px 6px;} #imo .contents table.imoPdf td.title { padding:14px 6px;} #imo .contents table.imoPdf td.btn { padding:14px 6px;} #imo .contents table.imoPdf td { font-size:140%;} /*マリタイム教育・研修資料*/ #education .contents h2 { font-size:160%;} #education .contents h3 { font-size:160%;} #education .contents table td { font-size:140%; vertical-align:middle;} #education .contents table td.year { padding:0 0 0 4px;} #education .contents table td.title { padding:14px 0;} #education .contents table td.btn { padding:0;} #education .contents table td.btnM { padding:0;} #education .contents .contact { font-size:140%;} /*関連団体のリンク集*/ #linkCollection .contents ul.localNavi li { font-size:120%; margin-bottom:30px;} #linkCollection .contents ul.localNavi li a { padding:4px 26px;} /*ご意見・情報提供*/ #contact .contents p.personalinfo { font-size:140%;} /*ご利用にあたって*/ #terms .contents { width:880px; margin:0 auto;} /*サイトマップ*/ #sitemap .title_box { padding-bottom:30px;} #sitemap .contents ul { margin-bottom:80px;} #sitemap .contents ul li { margin-bottom:2em; clear:both;} #sitemap .contents ul li a { float:left;} #sitemap .contents ul li span { margin-left:230px;} /*404*/ #err404 .contents { text-align:center; padding:250px 0;} #err404 .contents p.title1 { font-size:450%; color:#3B9891; margin-bottom:20px;} #err404 .contents p.title2 { font-size:180%; margin-bottom:20px;} #err404 .contents p { font-size:140%;} } /* ---------------------------------------------------------------------------------------------------- 　追加スタイル ----------------------------------------------------------------------------------------------------- */ .clear { clear: both; } .f_l { float: left; margin-right:16px; } .f_r { float: right; margin-left:16px; } .wp-pagenavi { clear: both; width: auto; text-align: center; margin: 0 auto 20px; } /* ---------------------------------------------------------------------------------------------------- 　追加スタイルpagenavi plugins wp-pagenavi-style css css3_black.cssに書かれてたもの ----------------------------------------------------------------------------------------------------- */ .wp-pagenavi { padding: 10px 20px 10px !important; display:block !important; clear:both !important; } .wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend { color:#707070 !important; background:#FFFFFF !important; border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border:solid 1px #DCDCDC !important; padding:6px 9px 6px 9px !important; margin-right:3px !important; text-decoration:none !important; font-size:12px !important; } .wp-pagenavi a:hover { border-color:#202020 !important; background:#525252 !important; color:#fff !important; background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important; background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important; } .wp-pagenavi span.current{ padding:6px 9px 6px 9px !important; border:solid 1px #DCDCDC !important; border-color:#3390CA !important; border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; color:#fff !important; margin-right:3px !important; border-color:#202020 !important; background:#525252 !important; background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important; background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important; }