@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カラー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body { background: #FFF; color: #333;}
.mainBg { background: #FFF; }

/*リンクカラー*/
a:link,a:active,a:visited { color: #000; text-decoration: underline; } /*org 3A66CD*/
a:hover { text-decoration: none; }

/*アイコンリンク*/
a.linkArrow { padding: 0 0 0 18px; display: inline-block; background: url(../common-img/ico_arrow.gif) no-repeat 0.2em 0.3em; }
a.linkContact { padding: 0 0 0 18px; display: inline-block; background: url(../common-img/ico_contact.gif) no-repeat 0 0.4em; }

/*外部リンク*/
a.linkBlank { padding: 0 18px 0 0; display: inline-block; background: url(../common-img/ico_link_blank.gif) no-repeat right top; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ヘッダーエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*ロゴ*/
/*#headerArea #headerLogo a { background: url(../common-img/logo_shiro.png) no-repeat 0 0; }*/
#headerArea h1 { margin: 0; }
#headerArea h1 a { background: url(../common-img/logo_shiro.png) no-repeat 0 0; text-indent: -9999px; }

/*オプション*/
.headerOption { }
.headerOption p a { background: #000; color: #FFF; }
.headerOption p a:hover { background: #C84841; }
.headerOption dl#tsBox dt span { color: #000; }
.headerOption dl#tsBox a { border: 1px solid #E3E3E3; color: #000; }
.headerOption dl#tsBox a:hover, .headerOption dl#tsBox a.active,
.headerOption dl#tsBox a:hover, .headerOption dl#tsBox a.textresizer-active { background: #000; color: #FFF; }

/*言語*/
#subLang ul li.subLangEn a { background-image: url(../common-img/ico_language_en.gif); }
#subLang ul li.subLangCh a { background-image: url(../common-img/ico_language_ch.gif); }
#subLang ul li.subLangKo a { background-image: url(../common-img/ico_language_ko.gif); }

/*グローバルナビゲーション*/
#globalNaviArea {}
#globalNaviArea ul { }
#globalNaviArea ul li { border-left: 1px solid #CC9C40; border-top: 1px solid #CC9C40; }
#globalNaviArea ul li a { }
#globalNaviArea ul li.navi1 a { background-image: url(../common-img/gnavi_01.png); }
#globalNaviArea ul li.navi2 a { background-image: url(../common-img/gnavi_02.png); }
#globalNaviArea ul li.navi3 a { background-image: url(../common-img/gnavi_03.png); }
#globalNaviArea ul li.navi4 a { background-image: url(../common-img/gnavi_04.png); }
#globalNaviArea ul li.navi5 a { background-image: url(../common-img/gnavi_05.png?20160428); }
#globalNaviArea ul li.navi6 a { background-image: url(../common-img/gnavi_06.png); }

/*パンくずリスト*/
#breadcrumbsList li a { background: url(../common-img/ico_breadcrumbs.gif) no-repeat right; }

/*トップコンテナー*/
body#pageBody .col3-5 .box3 .containerInner { background-color: #F2F2F2; }

/*検索ボタン*/
input.siteSearchBtn { background-color: #C84841; color: #FFF; }
input.siteSearchBtn:hover,
input.siteSearchBtn:focus { background-color: #000; color: #FFF; }
.pageSearchHelp { background: url(../common-img/ico_page_search_help.gif) no-repeat 0 0; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
SNS
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#snsArea { background-color: #37589A; }
#snsArea h5 { color: #FFF; }
#snsArea p { color: #FFF; }
#snsArea li.btnSns1 a { background: url(../common-img/btn_sns_fb.gif) no-repeat 0 0; }
#snsArea li.btnSns2 a { background: url(../common-img/btn_sns_tw1.gif) no-repeat 0 0; }
#snsArea li.btnSns3 a { background: url(../common-img/btn_sns_tw2.gif) no-repeat 0 0; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フッターエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#pPageTop p a { background: url(../common-img/btn_pagetop.gif) no-repeat; }
#pPageTop p a:hover { background: url(../common-img/btn_pagetop.gif) no-repeat 0 -21px; }
#footerNaviArea ul li a { background: url(../common-img/footer_navi_ico.gif) no-repeat 0 0.65em; }
#footerArea {
    background: url(../common-img/footer_bg.gif) no-repeat 0 0;
}




/*------------------------------------------------------------
COLOR01（グローバルナビゲーションバックグラウンドカラー）
-------------------------------------------------------------*/
.color01 { background: url(../common-img/global_navi_bg.gif) no-repeat 0 0; }


/*------------------------------------------------------------
COLOR02（グローバルナビゲーションテキストカラー）
-------------------------------------------------------------*/
.color02 { color: #AB0200; }
.color02 a:link,.color02 a:active,.color02 a:visited { color: #AB0200; }


/*------------------------------------------------------------
COLOR03（グローバルナビゲーションバックグラウンドホバーカラー）
-------------------------------------------------------------*/
#globalNaviArea .active a { }
.color03 a:hover { }


/*------------------------------------------------------------
COLOR04（グローバルナビゲーションホバーテキストカラー）
-------------------------------------------------------------*/
#globalNaviArea .active a { color: #AB0200; }
.color04 a:hover { color: #AB0200; }


/*------------------------------------------------------------
COLOR05（ローカルナビゲーションバックグラウンドカラー）
-------------------------------------------------------------*/
.color05 { }


/*------------------------------------------------------------
COLOR06（ローカルナビゲーションテキストカラー）
-------------------------------------------------------------*/
.color06 a:link,.color06 a:active,.color06 a:visited { color: #AB0200; }


/*------------------------------------------------------------
COLOR07（ローカルナビゲーションバックグラウンドホバーカラー）
-------------------------------------------------------------*/
#localNaviArea .active a {  }
.color07 a:hover { }


/*------------------------------------------------------------
COLOR08（ローカルナビゲーションホバーテキストカラー）
-------------------------------------------------------------*/
#localNaviArea .active a { color: #AB0200; }
.color08 a:hover { color: #AB0200; }


/*------------------------------------------------------------
COLOR09（見出しバックグラウンドカラー）
-------------------------------------------------------------*/
.color09 h1,
.color09 h2,
.color09 h3 { color: #FFF; }
.color09 span span span span { background-color: #AB0200; }
.color09 { background-color: #AB0200; }


/*------------------------------------------------------------
COLOR10（見出しカラー）
-------------------------------------------------------------*/
.bTtl { }
.color10 { color: #000; }


/*------------------------------------------------------------
COLOR11（小見出し・th・キャプション・カラー）
-------------------------------------------------------------*/
.color11 { color: #333; }
.bSubTtl { border-bottom: 2px solid #AB0200; }
.bSubTtl h1,
.bSubTtl h2,
.bSubTtl h3 { color: #000; border-left: 5px solid #AB0200; }


/*------------------------------------------------------------
COLOR12（thバックグラウンド・キャプション・カラー）
-------------------------------------------------------------*/
.color12 { background-color: #FBF7F0; }

/*ユニットバックグラウンドカラー*/
.bgColor { background-color: #FBF7F0; }


/*------------------------------------------------------------
COLOR13（ボーダーカラー）
-------------------------------------------------------------*/
.color13 { border-color: #CCC; }

/*ユニットボーダー*/
.bdSolid	{ border-color: #CCC; }	/*実線*/
.bdDot		{ border-color: #CCC; }	/*点線*/

/*お問い合わせ必須項目*/
th.thImp { border-left-color: #C00 !important; }


/*------------------------------------------------------------
フォームエラー
-------------------------------------------------------------*/
input.err { background: #FDCCB7; border: 1px solid #F30; }
select.err { background: #FDCCB7; }
radio.err { background: #FDCCB7; }
.err { background: #FDCCB7; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ユニット
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*縦並びアンカー*/
.bAnchor { border-top-color: #AB0200; }
.bAnchor ul li a { background: url(../common-img/ico_arrow.gif) no-repeat 1em 1.1em; }

/*カテゴリ別1*/
.bCatList ul li { background: url(../common-img/ico_arrow.gif) no-repeat 0 0.3em; }

/*カテゴリ別情報ユニット（4.タブ+シンプル+サムネイル）*/
.bCatList4Tab { background: url(../common-img/u_catlist4_tab_bg.gif) repeat-x bottom; }
.bCatList4Tab a:link,
.bCatList4Tab a:visited,
.bCatList4Tab a:hover,
.bCatList4Tab a:active { color: #FFF; }
.bCatList4Tab a.mainBg { color: #333 !important; }

/*画像（左）+タイトル（右）+テキスト（右）+詳細ボタン（右）*/
.bImgTtlTxt .bImgTtlTxtRight p.linkArrow a { background: url(../common-img/ico_arrow.gif) no-repeat 0 0.4em; }

/*画像（左）+タイトル（右）+テキスト（右）+詳細ボタン（右）×2*/
.bImgTtlTxt2 .bImgTtlTxt2Data p.linkArrow a { background: url(../common-img/ico_arrow.gif) no-repeat 0 0.4em; }

/*箇条書き*/
.bItems .bItemsLeft	{ color: #000; }
.bItems ol li.no1	{ background-image: url(../common-img/u_no_001.gif); }
.bItems ol li.no2	{ background-image: url(../common-img/u_no_002.gif); }
.bItems ol li.no3	{ background-image: url(../common-img/u_no_003.gif); }
.bItems ol li.no4	{ background-image: url(../common-img/u_no_004.gif); }
.bItems ol li.no5	{ background-image: url(../common-img/u_no_005.gif); }
.bItems ol li.no6	{ background-image: url(../common-img/u_no_006.gif); }
.bItems ol li.no7	{ background-image: url(../common-img/u_no_007.gif); }
.bItems ol li.no8	{ background-image: url(../common-img/u_no_008.gif); }
.bItems ol li.no9	{ background-image: url(../common-img/u_no_009.gif); }
.bItems ol li.no10	{ background-image: url(../common-img/u_no_010.gif); }
.bItems ol li.no11	{ background-image: url(../common-img/u_no_011.gif); }
.bItems ol li.no12	{ background-image: url(../common-img/u_no_012.gif); }
.bItems ol li.no13	{ background-image: url(../common-img/u_no_013.gif); }
.bItems ol li.no14	{ background-image: url(../common-img/u_no_014.gif); }
.bItems ol li.no15	{ background-image: url(../common-img/u_no_015.gif); }
.bItems ol li.no16	{ background-image: url(../common-img/u_no_016.gif); }
.bItems ol li.no17	{ background-image: url(../common-img/u_no_017.gif); }
.bItems ol li.no18	{ background-image: url(../common-img/u_no_018.gif); }
.bItems ol li.no19	{ background-image: url(../common-img/u_no_019.gif); }
.bItems ol li.no20	{ background-image: url(../common-img/u_no_020.gif); }
.bItems .bItemsStyle1 li { background-image: url(../common-img/u_item.gif); }

/*MAP*/
.bMap { border: 1px solid #CCC; }

/*ページトップへ戻るボタン*/
.bPageTop p a { background: url(../common-img/u_btn_pagetop.gif) no-repeat 0 0; }
.bPageTop p a:hover { background: url(../common-img/u_btn_pagetop.gif) no-repeat 0 -21px; }

/*RSSリーダー*/
.bRssReader ul li { background: url(../common-img/ico_arrow.gif) no-repeat 0 0.3em; }

/*画像（上）+タイトル+テキスト（下）*/
.bVImgTtlTxt .bVImgTtlTxtBottom p.linkArrow a { background: url(../common-img/ico_arrow.gif) no-repeat 0 0.4em; }

/*画像（上段）×2 +テキスト（下段）×2*/
.bVImgTtlTxt2 .bVImgTtlTxt2Data p.linkArrow a { background: url(../common-img/ico_arrow.gif) no-repeat 0 0.4em; }

/*極小見出し*/
.bTtl4 h1,
.bTtl4 h2,
.bTtl4 h3,
.bTtl4 h4 { color: #000; background: url(../common-img/ico_arrow.gif) no-repeat 0 0.25em; }


/*-------------------------------------------------------------
サイトマップ（拡張）
-------------------------------------------------------------*/

/*第0階層*/
.bSiteMap li.bSiteMap0 .bSmLiaLv0 { color: #FFF; background: #A1826B; }

/*第1階層*/
.bSiteMap li.bSiteMap1 .bSmLiaLv1 { }

/*第2階層*/
.bSiteMap li.bSiteMap2 .bSiteMap2Inner { }
.bSiteMap li.bSiteMap2 .bSmLiaLv2 { border-left: 5px solid #A1826B; }

/*第3階層*/
.bSiteMap .bSmUlLv3 { border-left: 2px solid #96B4FF; }
.bSiteMap li.bSiteMap3 .bSmLiaLv3 { background: url(../common-img/u_sitemap_line.gif) no-repeat left; }

/*第4階層*/
.bSiteMap li.bSiteMap4 .bSmLiaLv4 { background: url(../common-img/ico_arrow.gif) no-repeat 0 0.4em; }

/*第5階層*/
.bSiteMap li.bSiteMap5 .bSmLiaLv5 { background: url(../common-img/u_sitemap_arrow.gif) no-repeat left; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カスタム
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#naviOuter { background-color: #AB0200; }
#mainCoverArea p.logoCity a { background: url(../common-img/logo1.png) no-repeat 0 0; }
#mainCoverArea:after { background: url(../common-img/cover_skirt.png) no-repeat center bottom; }

/*小田原城 平成の大改修*/
.bnrDaikaishu .logo { background: url(../common-img/bnr_daikaishu.png) no-repeat 0 0; }
.bnrDaikaishu .link { background: url(../common-img/ico_arrow_emergency.gif) no-repeat left center; color: #000 !important; }

/*bVImgBanner*/
.bVImgBanner a:after { background: url(../common-img/u_skirt2.png) repeat-x center bottom; }

/*フッターサイトマップエリア*/
.fSitemapArea .col01 .fLogo { background: url(../common-img/footer_logo.png) no-repeat 0 0; }
.fSitemapArea .col01 .fTel { color: #B21100; background: url(../common-img/footer_ico_tel.png) no-repeat 0 45%; }
.fSitemapArea .col02 li a { background: url(../common-img/ico_arrow.gif) no-repeat left center; font-size: 0.8em; }
.fSitemapArea .col02 li li a { background: url(../common-img/ico_arrow_s.png) no-repeat left center; }
