/* 共通 ------------------------------------------------------*/ .over { overflow: hidden; } .cnt { text-align: center; } .clr { clear: both; } a:hover { opacity: 0.8; } .sp { display: none; } .pc { } #sliderarea { display: none; } .item-page .icons { display: none; } table { width: 100%; } .row-fluid { max-width: 1200px; margin-left: auto; margin-right: auto; } /* 見出し*/ .item-page h2 { font-size: 40px; color: #222; font-weight: normal; line-height: 1.5; border-top: 5px solid #003894; border-bottom: 1px solid #999999; padding-top: 30px; padding-bottom: 30px; margin-bottom: 50px; } /* ヘッダー ------------------------------------------------------*/ header#header_main { color: #fff; position: fixed; width: 100%; z-index: 1; } header#header_main .bluebox { background-color: #003894; } header#header_main #h_top { text-align: right; padding-left: 20px; padding-right: 20px; width: 100%; box-sizing: border-box; } header#header_main #h_top .topbox { overflow: hidden; } header#header_main #h_top .topbox .box { float: right; padding-left: 10px; padding-right: 7px; margin-bottom: 7px; } header#header_main #h_top .topbox .iconarea { } header#header_main #h_top .topbox .iconarea ul { overflow: hidden; margin: 0; } header#header_main #h_top .topbox .iconarea ul li { float: right; list-style-type: none; margin: 0; padding: 0; } header#header_main #h_top .topbox #btn_access { padding-top: 5px; } header#header_main #h_top .topbox #searcharea { padding-top: 5px; } header#header_main .btnbox { } header#header_main .btnbox ul { overflow: hidden; margin: 0; } header#header_main .btnbox ul li { float: right; margin: 0 7px 10px; list-style-type: none; } /* ナビゲーションエリア ------------------------------------------------------*/ #h_logonaviarea { /*overflow: hidden;*/ background: url(../images/bg_gnavi.png) repeat; z-index: 100; position: relative; } #h_logonaviarea .logo { float: right; padding-right: 50px; padding-top: 15px; padding-bottom: 15px; } #h_logonaviarea #gnaviarea { float: right; } #h_logonaviarea #gnaviarea .navigation { margin: 0; } #h_logonaviarea #gnaviarea ul { } #h_logonaviarea #gnaviarea ul li { line-height: 1.4; border-left: 1px solid #fff; font-size: 90%; background: url(../images/arrow_gnavi.png) no-repeat center 65px; } #h_logonaviarea #gnaviarea ul li a:link, #h_logonaviarea #gnaviarea ul li a:active, #h_logonaviarea #gnaviarea ul li a:hover, #h_logonaviarea #gnaviarea ul li a:visited { color: #fff; } #h_logonaviarea #gnaviarea ul li.item-101 { display: none; } /* トップページ ------------------------------------------------------*/ .whitearrowbox { background: url(../images/bg_whitearrow.png) repeat-x center bottom; padding-bottom: 100px; margin-bottom: 50px; } body.itemid-101 { } body.itemid-101 .row-fluid { max-width: 100% !important; } body.itemid-101 .page-header, body.itemid-101 .article-info, body.itemid-101 .breadcrumb { display: none; } body.itemid-101 #content { width: 100%; } body.itemid-101 #aside { display: none; } /*スライダーエリア*/ body.itemid-101 #sliderarea { display: block; text-align: center; /*position: relative; top: -98px;*/ padding-top: 98px; } body.itemid-101 #sliderarea img { width: 100%; height: auto; } /*スライダー下バナーエリア*/ #top_bnrarea01 { text-align: center; padding-bottom: 15px; padding-top: 15px; } #top_bnrarea01 ul { margin: 0; text-align: center; } #top_bnrarea01 ul li { list-style-type: none; display: inline-block; padding: 10px 3px; } /*重要なお知らせ*/ #top_imp_newsarea { background-color: #edf1f7; padding: 20px; box-sizing: border-box; margin-bottom: 50px; } #top_imp_newsarea table { max-width: 1200px; margin: 0 auto; box-sizing: border-box; overflow: hidden; border: none; padding: 0; } #top_imp_newsarea table th, #top_imp_newsarea table td { border: none; padding: 0; margin: 0; } #top_imp_newsarea .title { text-align: center; width: 30%; box-sizing: border-box; } #top_imp_newsarea .listarea { width: 70%; box-sizing: border-box; } #top_imp_newsarea .listarea li { margin-bottom: 10px; margin-top: 10px; } #top_imp_newsarea .listarea li a:link, #top_imp_newsarea .listarea li a:active, #top_imp_newsarea .listarea li a:hover, #top_imp_newsarea .listarea li a:visited { color: #333; } /*各新着エリア・ツイッターエリア*/ #topinfo_twitarea { } #topinfo_twitarea .inner { max-width: 1200px; margin-left: auto; margin-right: auto; } .item-page #topinfo_twitarea h2 { border: none; text-align: center; margin: 0 0 20px; padding: 0; font-size: 50px; } #topnewsarea { float: left; width: 75%; text-align: center; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } #twitarea { float: right; width: 25%; text-align: center; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } /*その他infoエリア*/ #top_otherinfoarea { } #top_otherinfoarea .inner { } #top_otherinfoarea .bnrbox01, #top_otherinfoarea .bnrbox02 { text-align: center; max-width: 1200px; margin-left: auto; margin-right: auto; } #top_otherinfoarea .bnrbox01 ul, #top_otherinfoarea .bnrbox02 ul { margin: 0; overflow: hidden; } #top_otherinfoarea .bnrbox01 ul li { float: left; width: 50%; box-sizing: border-box; padding: 10px; text-align: center; list-style-type: none; } #top_otherinfoarea .bnrbox02 ul li { float: left; width: 33.3%; box-sizing: border-box; padding: 10px; text-align: center; list-style-type: none; } /* トップページリンク集エリア */ #top_linkarea { background: url(../images/bg_whitearrow.png) repeat-x center top; padding-top: 100px; padding-bottom: 50px; margin-bottom: 50px; background-color: #f8f8f8; } #top_linkarea ul { max-width: 1200px; margin: 0 auto; overflow: hidden; } #top_linkarea ul li { list-style-type: none; float: left; width: 25%; padding: 10px; box-sizing: border-box; text-align: center; } /* フッター ------------------------------------------------------*/ footer#footerarea { } footer#footerarea #naviarea { background-color: #3d3d3d; color: #fff; } footer#footerarea #naviarea #fnavi { width: 94%; margin: 0 auto; padding-top: 30px; padding-bottom: 0; overflow: hidden; box-sizing: border-box; } footer#footerarea #naviarea .navibox { width: 25%; margin: 0 auto; padding: 10px; float: left; box-sizing: border-box; font-size: 85%; } footer#footerarea #naviarea .navibox .title { color: #009fa8; border-bottom: 1px solid #666; margin-bottom: 10px; padding-bottom: 5px; font-size: 105%; } footer#footerarea #naviarea .navibox .title.fnavititle { margin-bottom: 20px; } footer#footerarea #naviarea .navibox .title a:link, footer#footerarea #naviarea .navibox .title a:active, footer#footerarea #naviarea .navibox .title a:hover, footer#footerarea #naviarea .navibox .title a:visited { color: #009fa8; text-decoration: none; } footer#footerarea #naviarea .navibox ul { margin-left: 0; margin: 0 0 20px; } footer#footerarea #naviarea .navibox ul li a:link, footer#footerarea #naviarea .navibox ul li a:active, footer#footerarea #naviarea .navibox ul li a:hover, footer#footerarea #naviarea .navibox ul li a:visited { color: #fff; text-decoration: none; } footer#footerarea #naviarea .navibox ul li { background: url(../images/fnavi_arrow.png) no-repeat left top; padding-left: 18px; list-style-type: none; margin-bottom: 10px; } footer#footerarea #naviarea .btn_access { text-align: center; } footer#footerarea #logoarea { background-color: #fff; } footer#footerarea #logoarea .inner { max-width: 1200px; margin: 0 auto; padding-top: 15px; padding-bottom: 15px; } footer#footerarea #logoarea .top { border-bottom: 1px solid #dedede; } footer#footerarea #logoarea .top ul { margin: 0; overflow: hidden; } footer#footerarea #logoarea .top ul li { float: left; margin-right: 50px; list-style-type: none; } footer#footerarea #logoarea .bottom { text-align: center; } footer#footerarea #logoarea .bottom ul { margin: 0; } footer#footerarea #logoarea .bottom ul li { margin: 10px 5px; display: inline-block; list-style-type: none; } footer#footerarea #infoarea { background-color: #3d3d3d; color: #fff; padding-bottom: 15px; padding-top: 15px; line-height: 1.3; } footer#footerarea #infoarea p { margin-bottom: 0; } footer#footerarea #infoarea .inner { max-width: 1200px; margin: 0 auto; overflow: hidden; } footer#footerarea #infoarea a:link, footer#footerarea #infoarea a:active, footer#footerarea #infoarea a:hover, footer#footerarea #infoarea a:visited { color: #fff; } footer#footerarea #infoarea .inner .left { float: left; width: 76%; font-size: 85%; } footer#footerarea #infoarea .inner .left ul { overflow: hidden; margin: 0; } footer#footerarea #infoarea .inner .left ul li { float: left; margin-bottom: 10px; margin-right: 20px; padding-bottom: 10px; padding-top: 10px; list-style-type: none; } footer#footerarea #infoarea .inner #copy { font-size: 80%; } footer#footerarea #infoarea .inner .right { float: right; width: 24%; text-align: right; font-size: 80%; }