@charset "utf-8";
body {
font-size: 1.4em;
height: calc(100vh - 60px);
}
/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/
#header {
background: #0d1e2b;
}
#header .btn {
background: #246498;
}
#header .textresizer li {
background: #246498;
}
#header .textresizer li span {
color: #fff;
}
#header .textresizer li.smaSize span.textresizer-active {
background: #fff;
color: #0d1e2b;
}
#header .textresizer li.midSize span.textresizer-active {
background: #fff;
color: #0d1e2b;
}
#header .textresizer li.bigSize span.textresizer-active {
background: #fff;
color: #0d1e2b;
}
/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
#footer {
background: #aaa url(../image/pattern-B/bg_footer_b.png) top center no-repeat;
background-size: cover;
min-height: 60px;
}
#footer section.copyright-right {
height: 60px;
}
#footer section.copyright-left {
height: 60px;
}
#footer section.copyright-center {
height: 60px;
}
/*------------------------------------------------------------
ボタン
------------------------------------------------------------*/
#main .btnCommon a,
#main .btnCommon span {
background: #238591;
color: #fff;
padding: 10px;
border-radius: 4px;
}
#main .count .btnMove span {
background: #238591 url(../image/pattern-B/icon_arrow_next.png) no-repeat 85px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 110px;
height: 36px;
box-sizing: border-box;
}
/*----------------------------------------------------
Header */
#header .btn a:before {
border: 8px solid transparent;
border-bottom-color: #fff;
border-top: 0;
}
#header .btn a:after {
border-top: 2px #fff solid;
border-right: 5px #fff solid;
border-left: 5px #fff solid;
}
#header {
background: rgba(255,255,255,1) url(../image/pattern-B/bg_header_b.png) no-repeat right top;
position: relative;
height: 65px;
box-sizing: border-box;
z-index: 10;
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
#header .btn {
background: #246498;
}
#header h1 a, #header h1 div {
vertical-align: middle;
font-size: 28px;
margin: 0;
display: table;
line-height: 1.1;
height: 65px;
}
#header h1 span {
display: inline-block;
float: none;
margin: 0;
padding: 0;
vertical-align: middle;
font-size: 14px;
font-weight: normal;
}
/*文字サイズ調節ボタン*/
#header .textresizer {
float: right;
margin-top: 15px;
margin-right: 20px;
height: 35px;
}
#header .textresizer li {
box-sizing: border-box;
display: table-cell;
height: 35px;
width: 35px;
vertical-align: middle;
background: rgba(255,255,255,.5);
color: #0d1e2b;
box-sizing: border-box;
padding: 0;
margin: 0;
}
#header .textresizer li:hover {
opacity: 0.8;
cursor: pointer;
}
#header .textresizer li span {
color: #333;
padding: 0;
margin: 0;
}
#header .textresizer li.smaSize span, #header .textresizer li.midSize span, #header .textresizer li.bigSize span,
#header .textresizer li.smaSize span.textresizer-active,
#header .textresizer li.midSize span.textresizer-active,
#header .textresizer li.bigSize span.textresizer-active {
padding-top: 7px;
height: 35px;
font-size: 14px;
}
#header .textresizer li.smaSize span.textresizer-active {
color: #000;
background: #ccc;
}
#header .textresizer li.midSize span.textresizer-active {
color: #000;
background: #ccc;
}
#header .textresizer li.bigSize span.textresizer-active {
color: #000;
background: #ccc;
}
/*----------------------------------------------------
main */
.main_heroimg {
background-image: url(../image/pattern-B/sample001.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #333;
height: 450px;
box-sizing: border-box;
position: relative;
}
.main_heroimg_inner {
background: rgba(233,243,244,0.9);
padding-top: 5px;
padding-bottom: 5px;
}
.main_heroimg_inner .message{ color:#333; line-height: 1.2; margin-top:-15px;}
/*スライド送りボタンの変更*/
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
bottom: -57px;
width: 44px;
height: 100%;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
}
.slick-prev {
right: 80px;
left: 0;
z-index: 100;
top: 50%;
background: #238591 url(../image/pattern-B/btn_tri_l_white.png) no-repeat center;
opacity: 0.7;
}
.slick-next {
right: 0;
z-index: 99;
top: 50%;
background: #238591 url(../image/pattern-B/btn_tri_r_white.png) no-repeat center;
opacity: 0.7;
}
.slick-prev:hover {
background: #238591 url(../image/pattern-B/btn_tri_l_white.png) no-repeat center;
opacity: 0.9;
}
.slick-next:hover {
background: #238591 url(../image/pattern-B/btn_tri_r_white.png) no-repeat center;
opacity: 0.9;
}
.slick-next:before, .slick-prev:before {
content: '';
border: 0;
}
.main_heroimg ul li img {
max-width: 100%;
}
.main_heroimg_inner h2 {
color: #000 !important;
}
.main_heroimg_inner h2 span {
color: #333 !important;
}
.main_heroimg_inner li {
color: #333 !important;
}
#slide li a:link, #slide li a:hover, #slide li a:visited, #slide li a:active {
color: #333 !important;
}
/* --------------------------------------------------------------------------- */
/*ページ内見出し */
/* --------------------------------------------------------------------------- */
#main .headLine h2 {
margin: 0 auto 15px auto;
font-weight: bold;
font-size: 24px;
text-align: left;
width: calc(100% - 20px);
padding: 30px 10px 10px 10px;
line-height: 1.1;
border-bottom: 4px solid #238591;
display: block;
box-sizing: border-box;
}
#main .headLine h2 p {
display: inline-block;
background: none;
padding-bottom: 3px;
padding-right: 20px;
font-weight: bold;
}
#main .headLine h2 span {
padding-top: 5px;
margin-top: 5px;
font-size: 12px;
font-weight: bold;
color: #333333;
display: inline-block;
font-weight: normal;
}
#main h3 {
font-weight: bold;
padding: 2px 0 2px 15px;
margin: 10px;
font-size: 24px;
box-sizing: border-box;
}
#gallery #main .panel h3, #dataPage #main .panel h3 {
font-weight: bold;
text-align: left;
padding: 0px 80px 10px 80px;
font-size: 24px;
border: none;
}
#dataPage #main .imageAarea .panel h3 {
font-weight: bold;
text-align: left;
padding: 0px;
margin: 0 40px;
font-size: 16px;
font-weight: normal !important;
border: none;
}
#dataPage #main .imageAarea .panel h3 span {
font-weight: normal !important;
}
/* --------------------------------------------------------------------------- */
/* 入力フォーム */
/* --------------------------------------------------------------------------- */
.contents select::-ms-expand {
display: none;
}
.contents select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 150px;
width: auto;
border: 1px solid #555;
background: url(../image/pattern-B/btn_tri_b_gray.png) right 50% no-repeat #fff;
background-size: 34px, 100%;
padding: 2px 43px 2px 10px ;
height: 34px;
box-sizing: border-box;
vertical-align: middle;
}
.contents select[name$=_lat_C], select[name$=_lng_C] {
min-width: 110px;
}
.bcollSpr input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 150px;
width: 50%;
padding: 2px 10px;
border: 1px solid #555;
background: #fff;
}
.bcollSpr td label {
display: inline-block;
margin-right: 40px;
padding: 5px;
}
.bcollSpr td p, .bcollSpr th p {
padding-top: 5px;
}
/*----------------------------------------------------
共通部品 */
/* --------------------------------------------------------------------------- */
/* テーブル */
/* --------------------------------------------------------------------------- */
.bcollSpr tr, .tableB tr {
border-bottom: solid #e0e0e0 1px;
}
.tableB {
}
.tableB th {
background: #e8eff0;
border: 1px solid #868e95;
text-align: left;
}
.tableB td {
border: 1px solid #868e95;
text-align: left;
}
.tableB thead th {
background: #0d1e2b;
text-align: left;
}
#result #main .tableB thead tr {
border-bottom: solid #cccccc 1px;
color: #333333;
}
#result #main .tableB {
margin-bottom: 200px;
}
/* --------------------------------------------------------------------------- */
/* ボタン */
/* --------------------------------------------------------------------------- */
.btnSearch input, .btnClear input {
background: #238591;
color: #fff;
padding-top: 14px;
padding-bottom: 12px;
border-radius: 4px;
}
.btnSearch input.btnSearch-btn {
background: #e19208 url(../image/pattern-B/icon_search.png) no-repeat 10px;
color: #fff;
padding-top: 16px;
padding-bottom: 14px;
background-size: 25px;
border-radius: 4px;
}
.btnMap input {
background: #238591 url(../image/pattern-B/icon_map.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
padding-right: 20px;
width: 138px;
height: 40px;
text-align: right;
}
.btnThumb input {
background: #238591 url(../image/pattern-B/icon_thumb.png) no-repeat 10px;
padding-top: 12px;
padding-bottom: 14px;
width: 138px;
height: 40px;
text-align: right;
}
.btnlist input {
background: #238591 url(../image/pattern-B/icon_list.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
padding-right: 20px;
width: 138px;
height: 40px;
text-align: right;
}
.btnDL input {
background: #238591 url(../image/pattern-B/icon_DL.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
padding-right: 15px;
width: 135px;
height: 40px;
text-align: right;
}
.btnPrint input {
background: #238591 url(../image/pattern-B/icon_print.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 138px;
height: 40px;
text-align: right;
}
.btnMail input {
background: #238591 url(../image/pattern-B/icon_mail.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 138px;
height: 40px;
text-align: right;
}
.btnOrigin{
background: #238591 url(../image/pattern-B/icon_zoom.png)no-repeat 10px;
color: #fff !important;
padding: 10px 10px 10px 30px ;
width: auto;
height: 40px;
margin: 20px 10px;
}
.btnExpress input.on, .btnExpress button.on, .btnExpress p.on {
background: #648e93 url(../image/pattern-B/icon_tri_t.png) no-repeat 10px;
color: #fff;
padding: 12px 0px 12px 20px !important;
width: 220px;
height: 40px;
border: none;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
cursor: pointer;
font-size: 14px;
border-radius: 4px 4px 0 0;
}
.btnExpress input, .btnExpress button, .btnExpress p {
background: #238591 url(../image/pattern-B/icon_tri_b.png) no-repeat 10px;
color: #fff;
padding: 12px 0px 12px 20px !important;
width: 220px;
height: 40px;
border: none;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
cursor: pointer;
box-sizing: border-box;
text-align: center;
font-size: 14px;
border-radius: 4px;
}
.list_search_input {
width: calc(100% - 10px );
background: #648e93;
padding: 10px;
box-sizing: border-box !important;
margin: 0px auto 0 auto;
display: block;
color: #fff;
}
.btnBack input {
background: #333 url(../image/pattern-B/icon_arrow_r.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 140px;
height: 40px;
}
/* 戻る＜ */
#main .pageBack span {
background: #3238591 url(../image/pattern-B/icon_arrow_back.png) no-repeat 10px;
color: #fff;
width: 90px;
padding: 8px;
display: block;
}
#main .pageBack span:before {
display: none;
}
/*閉じる*/
#main .pageClose span {
background: #238591 url(../image/pattern-B/icon_close.png) no-repeat 10px;
color: #fff;
width: 90px;
padding: 8px;
display: block;
cursor: pointer;
}
/* ページトップへ戻る△ */
#main .totop p {
}
#main .totop a {
background: #333333;
}
.totop a:before {
border: 0px;
}
/* リンク */
.categorySearchLink {
background: transparent;
margin: 0;
font-size: 1em;
}
.categorySearchTitle {
margin: 0 0 0 20px;
padding: 25px 1em 0 0px;
/*
display: block;
border-bottom: 1px solid #6bc0ca;
*/
}
/* 見出し*/
.categorySearchTitle:before {
content: "■";
font-size: 2em;
line-height: 1.2;
vertical-align: top;
color: #238591;
}
.categorySearchText:before {
content: "■";
font-size: 1.5em;
line-height: 1;
vertical-align: top;
color: #238591;
}
.categorySearchTitle span {
margin: 0;
padding: 0px 5px 0 0;
line-height: 2.0em;
font-size: 1.3em;
color: #238591;
}
.categorySearchTitle:before {
color: #238591;
}
.categorySearchText {
margin: 0;
padding: 15px 5px 0 2.7em;
display: block;
line-height: 1.5em;
font-size: 1.25em;
}
.categorySearchText:before {
color: #6bc0ca;
}
/* --------------------------------------------------------------------------- */
/* パンくず */
#breadcrumb {
min-height: 35px;
position: relative;
}
/* box関係 */
#breadcrumb .textBox, .message .textBox {
width: 100%;
max-width: 1280px;
margin: 0 auto;
/*border-bottom: solid #ccc 1px;*/
padding: 15px 10px;
box-sizing: border-box;
}
#breadcrumb .textBox {
max-width: 100%;
padding: 5px 130px 5px 15px;
min-height: 35px;
}
/* --------------------------------------------------------------------------- */
#main .lead {
word-break: break-all;
}
.headLine, .contents {
margin: 0 auto;
}
.bcollSpr input[type="text"] {
height: 1.1em;
}
/* --------------------------------------------------------------------------- */
/* css selectCheck */
.targetClassNames-input {
display: none;
vertical-align: middle;
}
.targetClassNames-parts {
padding-left: 10px;
position: relative;
margin-right: 10px;
}
.targetClassNames-input + span {
margin: 0;
padding: 0;
}
.targetClassNames-parts::before {
content: "";
display: inline-block;
position: relative;
top: -1px;
left: 4px;
width: 18px;
height: 18px;
background: url(../image/pattern-B/check_button_off.png) no-repeat;
vertical-align: middle;
margin: 0 10px 0 0;
}
.targetClassNames-input:checked + .targetClassNames-parts {
}
.targetClassNames-input:checked + .targetClassNames-parts::before {
content: "";
display: inline-block;
position: relative;
top: -1px;
left: 4px;
width: 18px;
height: 18px;
background: url(../image/pattern-B/check_button_on.png) no-repeat;
vertical-align: middle;
margin: 0 10px 0 0;
}
/* --------------------------------------------------------------------------- */
/*css dispnum*/
.dispnum-input {
display: none;
vertical-align: middle;
}
.dispnum-input + label {
padding-left: 10px;
position: relative;
margin-right: 20px;
}
.dispnum-input + label::before {
content: "";
display: inline-block;
position: relative;
top: -2px;
left: -2px;
width: 20px;
height: 20px;
background: url(../image/pattern-B/radio_button_off.png) no-repeat;
vertical-align: middle;
}
.dispnum-input:checked + label {
}
.dispnum-input:checked + label::before {
content: "";
display: inline-block;
position: relative;
top: -2px;
left: -2px;
width: 20px;
height: 20px;
background: url(../image/pattern-B/radio_button_on.png) no-repeat;
vertical-align: middle;
}
/* --------------------------------------------------------------------------- */
/* トップページ */
#index .contents {
background: transparent;
}
.contents .category h3 {
border-bottom: 50pt;
}
.contents .category h3 span, .contents .detail h3 span {
border-left: 0px;
color: #333333;
padding-left: 0;
font-size: 1em;
font-weight: bold;
}
/* --------------------------------------------------------------------------- */
/* トップヒーローイメージ*/
#index #header {
z-index: 10;
}
#index .main_heroimg {
top: -100px;
z-index: 9;
margin-bottom: -100px;
}
#index .main_heroimg section {
position: absolute;
bottom: 0px;
width: 100%;
}
/* --------------------------------------------------------------------------- */
#index .simpleSearch th, #index .simpleSearch td {
padding: 3px 10px;
}
/*add*/
#index .detailedSearch th, #index .detailedSearch td {
padding: 3px 10px;
}
/*add*/
#index .simpleSearch th .message, #index .simpleSearch td .message {
font-size: 0.85em;
color: #666;
}
#index .simpleSearch table:not(.in-table) {
border-top: solid #bbb 1px;
}
#index .simpleSearch table, #index .detailedSearch h3, #index .detailedSearch .searchBox, #index .categorySearch h3, #index .categorySearch .searchBox {
width: calc(100% - 20px );
max-width: 1280px;
margin: 0 auto;
}
#index .detailedSearch table {
width: calc(100% - 20px );
max-width: 1140px;
margin: 0 auto;
}
#index th {
vertical-align: middle;
text-align: left;
}
#index .detailed th, #index .detailed td {
text-align: center;
vertical-align: top;
}
#main .tableB th {
}
#main .tableB td {
}
#main .tableB a {
color: #246498;
}
#main .tableB thead th {
background: #648e93;
}
#main .btnChoice {
padding: 0 0 0px 0;
float: right;
}
#main .btnChoice li {
display: inline-block;
margin: 0 0 5px 5px;
}
#main .btnSearch {
text-align: center;
position: relative;
}
#main .btnSearch li {
position: relative;
right:-60px;
}
#main .btnSearch li.btnClear {
position: relative;
right: 0;
float: right;
}
#main .totop {
bottom: 50px;
}
#main .totop a {
background: rgba(35,133,145,0.9);
border-radius: 30px;
width: 50px;
height: 50px;
padding: 2px 0 0 0;
box-sizing: border-box;
}
#result {
}
.bcollSpr.detail.clearfix {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 14px 0;
}
.bcollSpr.detail.clearfix td, .bcollSpr.detail.clearfix th {
box-sizing: border-box;
padding: 14px 0;
}
.bcollSpr.detail.clearfix td {
}
/* 下層ページ共通 */
#main .headLine .btnCommon.pageBack {
right: 18px;
left: auto;
}
#result #main .detail .btnCommon {
float: none;
}
#result .btnCommon li {
margin: 0 5px 5px 5px;
}
#result #main .tableB, #result #main .infoTxt {
width: calc(100% - 20px);
max-width: 1280px;
margin: 0 auto;
padding: 5px 0 5px 0;
}
#main .searchBox {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 30px 0;
}
#main .searchBox td, #main .searchBox .bcollSpr th {
padding: 3px;
}
#main .searchBox {
padding: 5px 0;
}
#main .searchBox tr {
border-bottom: 0px;
}
#main {
position: relative;
}
.detail {
width: 100%;
max-width: 1280px;
margin: 0 auto;
box-sizing: border-box;
}
/* 詳細検索ページ */
#index.search {
}
/* 検索結果一覧ページ */
#result {
}
#result .contents .detailed td {
vertical-align: top;
}
#result .contents .detailed td p {
text-align: left;
font-size: 1.2rem;
}
#result .contents .detailed td p a {
display: block;
text-align: center;
font-size: 1.4rem;
padding-bottom: 14px;
}
.listview-menu {
width: 100%;
margin: 0 auto !important;
max-width: 1280px;
box-sizing: border-box !important;
padding: 10px 0 0 0;
}
/* 資料詳細ページ */
#dataPage {
}
#dataPage #main .imageAarea {
width: 100%;
max-width: 420px;
padding: 0 10px 0 0;
}
#dataPage #main .imageAarea img, #dataPage #main .imageAarea a {
width: auto;
max-width: 400px;
}
#dataPage .tableAarea {
padding: 0 10px;
width: 100%;
}
#dataPage #main .tableB.fltR {
width: 100%;
}
#dataPage #main .tableB {
border-top: 1px #bbb solid;
}
#dataPage #main .tableB tr, #dataPage #main .tableB th, #dataPage #main .tableB td {
border: 0px;
}
#dataPage #main .tableB tr {
}
#dataPage #main .imageAarea {
}
#dataPage #main .detail {
overflow: hidden;
padding: 5px 10px;
}
#dataPage #main .panel .detail {
overflow: hidden;
padding: 0px;
margin-top: -10px
}
#dataPage #main .detail .detailed, #dataPage #main .detail .detailed td {
background: #ffffff;
}
#original #main .contents {
padding: 10px;
}
#original #main .imageAarea {
width: 100%;
text-align: center;
}
#dataPage #main .tableB thead th {
color: #fff;
}
#dataPage #main .tableB tr {
border-bottom: 1px solid #e0e0e0;
}
#dataPage #main .tableB .txt2 a:after {
border: 3px solid #246498;
}
#dataPage #main .detail .btnCommon {
float: none;
}
#dataPage #main .tableB, #dataPage #main .infoTxt {
width: 100%;
max-width: 1280px;
margin: 0 auto 10px;
padding: 5px 0;
box-sizing: border-box;
overflow: hidden;
height: auto;
}
/* 画像表示ページ */
#gallery {
}
#main .sliderWrap .sliderPanels {
width: 100%;
margin: 0 auto;
margin-top: 0px;
background: transparent;
}
#main .imageAarea .sliderWrap .sliderPanels {
width: 100%;
margin: 0 auto;
margin-top: 10px;
background: transparent;
}
#main .sliderWrap .sliderPanels .panel {
padding: 5px 0;
margin: 0 auto;
text-align: center;
position: relative;
}
#main .sliderWrap .sliderPanels .navNext span,
#main .sliderWrap .sliderPanels .navPrev span {
background: #238591;
height: 50px;
width: 50px;
top: 0px;
border-radius: 4px;
}
#main .sliderWrap .sliderPanels .navNext span {
right: 0px;
}
#main .sliderWrap .sliderPanels .navPrev span {
left: 0px;
}
#main .imageAarea .sliderWrap .sliderPanels .navNext span,
#main .imageAarea .sliderWrap .sliderPanels .navPrev span {
background: #238591;
height: 40px;
width: 40px !important;
top: 0px;
}
#main .imageAarea .sliderWrap .sliderPanels .navNext span {
right: 0px;
}
#main .imageAarea .sliderWrap .sliderPanels .navPrev span {
left: 0px;
}
#main .sliderWrap .sliderPanels .navNext span:before {
content: '';
height: 12px;
width: 12px;
display: block;
border: 0;
background: url(../image/pattern-B/icon_tri_r.png) no-repeat center;
border-right-width: 0;
border-bottom-width: 0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
position: absolute;
top: 50%;
left: 55%;
margin-top: -6px;
margin-left: -8px;
}
#main .sliderWrap .sliderPanels .navPrev span:before {
content: '';
height: 12px;
width: 12px;
display: block;
border: 0;
background: url(../image/pattern-B/icon_tri_l.png) no-repeat center;
border-right-width: 0;
border-bottom-width: 0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
position: absolute;
top: 50%;
left: 45%;
margin-top: -6px;
margin-left: -6px;
}
#main .sliderWrap {
width: 100%;
margin: 0 auto;
position: relative;
text-align: center;
padding: 10px 0 0 0;
}
/* オリジナル画像ページ */
#original {
}
/*------------------------------------------------------------
トップページ@media
*/
@media screen and (max-width:600px) {
.contents .detailed {
}
.contents .detailed td {
}
.contents .detailed a:after {
border-top: 3px solid #333;
border-left: 3px solid #333;
}
#main .btnSearch {
text-align: center;
position: static;
}
#main .btnSearch li {
position: relative;
right: 0;
}
#main .btnSearch li.btnClear {
position: static;
right: 0;
float: none;
}
.bcollSpr input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 150px;
max-width: 300px;
width: 100%;
padding: 2px 10px;
border: 1px solid #555;
background: #fff;
}
#index .simpleSearch th {
padding: 20px 10px 5px 10px;
}
#index .simpleSearch td {
padding: 10px 10px 10px 10px;
}
/*add*/
#index .detailedSearch th {
padding: 20px 10px 5px 10px;
}
#index .detailedSearch td {
padding: 10px 10px 10px 10px;
}
/*add*/
ul.btnSearch {
padding: 5px 0;
clear: both;
overflow: hidden;
height: auto;
}
#breadcrumb .textBox {
font-size: 12px;
padding: 10px 65px 10px 10px;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
box-sizing: border-box;
}
#main .pageBack span {
background: #238591 url(../image/pattern-B/icon_arrow_back.png) no-repeat 15px;
color: #fff;
width: 50px;
height: 30px;
overflow: hidden;
text-indent: -99999px;
padding: 0px;
margin: 2px -10px 0 0;
display: block;
}
#main .pageClose span {
background: #238591 url(../image/pattern-B/icon_close.png) no-repeat 15px;
color: #fff;
width: 50px;
height: 30px;
overflow: hidden;
text-indent: -99999px;
padding: 0px;
margin: 1px -10px 0 0;
display: block;
cursor: pointer;
}
#main .headLine h2 {
margin: 0 auto;
font-weight: bold;
font-size: 24px;
text-align: left;
width: calc(100% -20px);
padding: 15px 10px 10px 10px;
line-height: 1.1;
}
}
@media screen and (min-width:601px) {
.contents .detailed {
}
.contents .detailed td {
}
#main .contents {
margin: 0 auto;
padding-bottom: 10px;
}
#main .contents.selectSearch {
padding: 0px 10px;
}
.contents .detailed {
}
.btnSearch input.btnSearch-btn {
width: 300px;
height: 50px;
font-size: 1.4em;
letter-spacing: .3em;
}
}
/*----------------------------------------------------
資料詳細ページ */
.relationship {
background: #fff;
}
/* 画像 ############################## 大3つずつ並び */
.contents .relationship h3 {
border-bottom: 1px solid #bfbfbf;
}
.contents .relationship h3 span {
border-left: 7px solid #0d1e2b;
}
#dataPage #main .detail-data {
display: table !important;
width: 100%;
max-width: 1280px;
padding: 10px 80px;
vertical-align: top;
}
#dataPage #main .detail-data .imageAarea {
display: table-cell !important;
width: 400px;
max-width: 400px;
vertical-align: top;
}
#dataPage #main .detail-data .tableAarea {
display: table-cell !important;
vertical-align: top;
width: auto;
padding: 0;
}
@media screen and (max-width:1000px) {
#dataPage #main .detail-data {
display: table !important;
width: 100%;
max-width: 1280px;
padding: 10px;
vertical-align: top;
}
#dataPage #main .detail-data .imageAarea {
display: table-cell !important;
width: 50%;
max-width: 50%;
vertical-align: top;
text-align: center;
}
#dataPage #main .detail-data .tableAarea {
display: table-cell !important;
vertical-align: top;
width: 50%;
}
}
@media screen and (max-width:600px) {
#dataPage #main .detail-data {
display: table !important;
width: 100%;
max-width: 1280px;
padding: 0 10px 10px 10px;
vertical-align: top;
}
#dataPage #main .detail-data .imageAarea {
display: block !important;
width: 100%;
max-width: 100%;
vertical-align: top;
padding: 0 0 10px 0;
text-align: center;
}
#dataPage #main .detail-data .tableAarea {
display: block !important;
vertical-align: top;
width: 100%;
box-sizing: border-box;
padding: 0;
}
}
/*------------------------------------------------------------
検索結果一覧ページ
------------------------------------------------------------*/
#main .pager a, #main .pager span, #main .pager span.pageAbbr {
background: #eee;
color: #000;
margin-bottom: 5px;
}
#main .pager span {
background: #e19208;
color: #fff;
}
#result #main .tableB tr {
border-bottom: 1px solid #e0e0e0;
}
#result #main .tableB .txt2 a:after {
border: 3px solid #246498;
}
.btnExpress {
text-align: left;
position: relative;
}
/*------------------------------------------------------------
検索結果一覧ページ@media
*/
@media screen and (max-width:600px) {
#result #main .tableB tr, #dataPage #main .tableB tr {
border-bottom: 1px solid #a0a0a0 !important;
}
#result #main .tableB tr:first-of-type, #dataPage #main .tableB tr:first-of-type {
border-top: 1px solid #a0a0a0 !important;
}
#dataPage #main .tableB td, #dataPage #main .tableB th {
border-bottom: 1px dashed #ddd
}
#dataPage #main .tableB tr td:last-child {
border-bottom: none;
}
#main .tableB td {
padding: 7px;
}
.btnMap input {
background: #238591 url(../image/pattern-B/icon_map.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -9999px;
box-sizing: border-box;
text-align: left;
}
.btnThumb input {
background: #238591 url(../image/pattern-B/icon_thumb.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -9999px;
box-sizing: border-box;
text-align: left;
}
.btnlist input {
background: #238591 url(../image/pattern-B/icon_list.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -9999px;
box-sizing: border-box;
text-align: left;
}
.btnDL input {
background: #238591 url( ../image/pattern-B/icon_DL.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -9999px;
box-sizing: border-box;
text-align: left;
}
.btnPrint input {
background: #238591 url(../image/pattern-B/icon_print.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -9999px;
box-sizing: border-box;
text-align: left;
}
.btnMail input {
background: #238591 url(../image/pattern-B/icon_mail.png) no-repeat 10px;
color: #fff;
padding-top: 12px;
padding-bottom: 14px;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -9999px;
box-sizing: border-box;
text-align: left;
}
}
/*------------------------------------------------------------
詳細検索ページ@media
*/
@media screen and (max-width:600px) {
#main .btnChoice {
margin: 0 auto;
display: table;
width: 100%;
text-align: center;
padding: 0;
}
#main .btnChoice li {
display: inline-block;
margin: 0 0 15px 5px;
}
}
@media screen and (min-width:601px) {
}
/*------------------------------------------------------------
画像拡大ページ@media
*/
@media screen and (max-width:600px) {
#main .sliderWrap .sliderPanels .panel img, #gallery .detail a {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
max-width: 100%;
}
#main .sliderWrap .sliderPanels .navNext span {
right: 0px;
}
#main .sliderWrap .sliderPanels .navPrev span {
left: 0px;
}
#gallery #main .panel h3, #dataPage #main .panel h3 {
font-weight: bold;
text-align: left;
padding: 0px 45px 10px 45px;
font-size: 16px;
min-height: 40px;
}
}
#footer {
overflow: hidden;
}
#footer .logo {
display: table-cell;
vertical-align: middle;
color: #fff;
font-size: 1.5em;
font-weight: bold;
text-align: left;
line-height: 0.8;
}
#footer .logo img {
vertical-align: middle;
margin: 10px;
max-width: 100%;
max-height: 50px;
height: 50px;
}
#footer .logo span {
display: inline-block;
margin: 0 0 0 40px;
padding: 0;
font-size: .6em;
}
/* 背景色 交互切り替え */
.cl_section {
border-bottom: 1px dashed #a7ced3;
}
.cl_section:last-child { border: none;}
.cl_sectionB {
background: url(../image/pattern-B/bg_section_b.png) left -20px no-repeat #e9f3f4;
}
#breadcrumb + section.cl_section, #breadcrumb + .message + section.cl_section {
background: none !important;
}
#breadcrumb {
background: url(../image/pattern-B/bg_section_b.png) left -20px no-repeat #fff;
}
/* ページタイトル */
#main .headLine {
position: relative;
background: linear-gradient(#e3eff1, #fff);
}
#dataPage .tableAarea h4 p{ border-left:5px solid #acc; padding: 0 10px; font-weight: bold;}
.contents select[multiple] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 150px;
width: auto;
padding: 10px;
border: 2px solid #333333;
background-image:none!important;
background-size: 34px, 100%;
padding: 2px 10px;
height: auto!important;
box-sizing: border-box;
vertical-align: middle;
}
.group-title{padding: 10px; background: #eee; margin: -3px -10px; box-sizing: border-box;}
table.in-table{ box-sizing: border-box; margin: 0 -10px 0 -10px !important;border-left: 5px solid #eee;width:100%;}