/*global-menu*/
#global-menu{ margin: 0 0 20px; border-bottom: 2px solid #FF022C; overflow:hidden; height:auto !important; height:1%;}
#global-menu ul{ list-style: none;}
#global-menu li{ float: left; margin: 0 2px 0 0; text-indent: -9999px;}
#global-menu li a{ display: block; height: 26px;background: url(/image/global-menu.png) no-repeat;}
#global-menu li#top a{ width: 100px;}
#global-menu li#top a:hover{ width: 100px; background-position: 0 -26px;}
#global-menu li#top a.over{ background-position: 0 -26px;}
#global-menu li#know-how a{ width: 140px; background-position: -100px 0;}
#global-menu li#know-how a:hover{ width: 140px; background-position: -100px -26px;}
#global-menu li#know-how a.over{ background-position: -100px -26px;}
#global-menu li#site a{ width: 120px; background-position: -240px 0;}
#global-menu li#site a:hover{ width: 120px; background-position: -240px -26px;}
#global-menu li#site a.over{ background-position: -240px -26px;}
/*end global-menu*/

/*main-contents*/
#whats-tiky{ height: 150px; margin: 0 0 20px; padding: 10px; background: url(/image/whats-tiky-bg.png) no-repeat;}
html>body #whats-tiky{ height: 130px;}
#whats-tiky dt{ height: 22px; margin: 0 0 10px; background: url(/image/whats-tiky.png) no-repeat; text-indent: -9999px;}
#whats-tiky dd{ width: 440px; font-size: 14px;}

#main-contents .info{ margin: 20px 0;}

#main-contents #search-map{ float: left; width: 460px; margin: 0 0 30px;}
#main-contents #search-map h3{ background: url(http://file.tiky.jp/image/common/title-bg-m.png) no-repeat;}
#main-contents #search-shortcut{ float: right; width: 210px;}
#main-contents #search-shortcut-outline{ height: 249px; padding:0 10px; border: 1px solid #CCC; border-top: none;}
#main-contents #search-shortcut h3{ background: url(http://file.tiky.jp/image/common/title-bg-s.png) no-repeat;}
#main-contents #search-shortcut dl{ padding: 10px 0 0;}
#main-contents #search-shortcut dt{ margin: 0 0 6px; padding: 0 0 0 14px; background: url(http://file.tiky.jp/image/common/icon/arrow-box.png) no-repeat 0 50%;}
#main-contents #search-shortcut select{ width: 190px; margin: 0 0 20px;}
#main-contents #search-shortcut input{ width: 94px; height: 26px; margin: 0 0 0 46px; color: #FFE; font-weight: bold; font-size: 14px; border: none; background: url(http://file.tiky.jp/image/common/search-btn.png) no-repeat 0 -44px; cursor:pointer;}
#main-contents #search-shortcut input:hover{ background-position:0 -70px;}

#main-contents .text-search-box .text-box-note{ width: 180px; margin: 0 0 0 10px; padding: 2px 0 8px 0; text-align: center; color: #FFE; background:url(http://file.tiky.jp/image/common/text-box-note-13.png) no-repeat;}

/*search*/
#main-contents .search-pref{ width: 660px; margin:20px 10px;}
#main-contents .search-pref h4{ margin: 0; padding: 6px; font-size: 14px; border: 1px solid #CCC; border-bottom: none; border-left: 5px solid #FF022C; background: #F0F0F0;}
#main-contents .search-pref dl{ margin: 0 0 20px; border: 1px solid #CCC; border-top: none;}
#main-contents .search-pref dt,#main-contents .search-pref dd{ padding: 6px; border-top: 1px solid #CCC;}
#main-contents .search-pref dt{ float: left; width: 90px; text-indent: -9999px;}
html>body #main-contents .search-pref dt{ width: 80px;}
#main-contents .search-pref dd{ border-left: none; overflow:auto; height:auto !important; height:1%;}
#main-contents .search-pref .position{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-position.png) no-repeat 6px 8px;}
#main-contents .search-pref .date{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-date.png) no-repeat 6px 8px;}
#main-contents .search-pref .number{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-number.png) no-repeat 6px 8px;}
#main-contents .search-pref .zip{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-zip.png) no-repeat 6px 8px;}
#main-contents .search-pref .address{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-address.png) no-repeat 6px 8px;}
#main-contents .search-pref .tel{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-tel.png) no-repeat 6px 8px;}
#main-contents .search-pref .station{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-station.png) no-repeat 6px 8px;}
#main-contents .search-pref .pride{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-pride.png) no-repeat 6px 8px;}
#main-contents .search-pref .foothold{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-foothold.png) no-repeat 6px 8px;}
#main-contents .search-pref .introduction{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-introduction.png) no-repeat 6px 8px;}
#main-contents .search-pref .list-bg{ background-color: #F0F0F0;}
#main-contents .search-detail{ float: left; display: inline; width: 390px; margin: 20px 10px 0;}
#main-contents .search-detail dl{ margin: 0 0 -1px;}
#main-contents .search-detail dd{ padding: 6px 6px 12px;}
#main-contents .search-duties{ clear: both; margin: 0 10px;}
#main-contents #office-map{ float: right; display: inline; width: 240px; height: 200px; margin: 20px 10px 16px 0; padding: 4px; border: 1px solid #CCC;}
/*end search*/

#main-contents dd.pride-list span{ float: left; display:inline-block; width: 86px; height: 22px; margin: 0 3px 4px 0; background: url(/image/icon/pride.png) no-repeat; text-indent: -9999px;}
#main-contents dd.pride-list .pride-01{ }
#main-contents dd.pride-list .pride-02{ width: 76px; background-position: -86px 0;}
#main-contents dd.pride-list .pride-03{ width: 96px; background-position: -162px 0;}
#main-contents dd.pride-list .pride-04{ width: 76px; background-position: -258px 0;}
#main-contents dd.pride-list .pride-05{ width: 66px; background-position: -334px 0;}
#main-contents dd.pride-list .pride-06{ width: 76px; background-position: -400px 0;}
#main-contents dd.pride-list .pride-07{ width: 56px; background-position: -476px 0;}

#main-contents dd.pride-list .pride-01-off{ background-position: 0 -22px;}
#main-contents dd.pride-list .pride-02-off{ width: 76px; background-position: -86px -22px;}
#main-contents dd.pride-list .pride-03-off{ width: 96px; background-position: -162px -22px;}
#main-contents dd.pride-list .pride-04-off{ width: 76px; background-position: -258px -22px;}
#main-contents dd.pride-list .pride-05-off{ width: 66px; background-position: -334px -22px;}
#main-contents dd.pride-list .pride-06-off{ width: 76px; background-position: -400px -22px;}
#main-contents dd.pride-list .pride-07-off{ width: 56px; background-position: -476px -22px;}

/*know-how*/
#main-contents #know-how-detail{ margin: 10px;}
#main-contents #know-how-detail h4{ height: 36px; margin: 0 0 10px; padding: 8px 10px 0; font-size: 14px; color: #333; background: url(/image/know-how-title-bg.png) no-repeat;}
html>body #main-contents #know-how-detail h4{ height: 28px;}
#main-contents #know-how-detail p{ margin: 0 20px 20px;}
#main-contents #know-how-detail .example{ margin: 0 20px 6px; padding: 2px 0 4px 40px; font-weight: bold; border-bottom: 1px solid #333;}
#main-contents #know-how-detail .example1{ background: url(/image/icon/example.png) no-repeat;}
#main-contents #know-how-detail .example2{ background: url(/image/icon/example.png) no-repeat 0 -26px;}
#main-contents #know-how-detail .example3{ background: url(/image/icon/example.png) no-repeat 0 -52px;}
#main-contents #know-how-back,#main-contents #know-how-next{ height: 27px; margin: 0 10px; padding: 8px 0 0 50px; background: url(http://file.tiky.jp/image/common/icon/arrow-move.png) no-repeat;}
#main-contents #know-how-back{ float: left;}
#main-contents #know-how-next{ float: right; padding: 8px 50px 0 0; background-position: right -35px;}
#main-contents #know-how-reporting{ clear: both; padding: 30px 0 20px; color: #999; text-align: right;}
/*end know-how*/

/*site*/
#main-contents #site-link{ margin: 0 10px; border: 1px solid #FF022C; border-top: none;}
#main-contents #site-link dt,#main-contents #site-link dd{ padding: 6px; border-top: 1px solid #FF022C;}
#main-contents #site-link dt{ float: left; width: 180px;}
html>body #main-contents #site-link dt{ width: 170px;}
#main-contents #site-link dd{ border-left: 1px solid #FF022C; overflow:hidden; height:auto !important; height:1%;}
#main-contents #site-link dt a{ display: block; height: 50px; overflow: hidden;}
#main-contents #site-link .logo-001{ background: url(/image/logo/001_l.gif) no-repeat 50% 50%; text-indent: -9999px;}
#main-contents #site-link .logo-002{ background: url(/image/logo/002_l.gif) no-repeat 50% 50%; text-indent: -9999px;}
#main-contents #site-link .logo-003{ background: url(/image/logo/003_l.gif) no-repeat 50% 50%; text-indent: -9999px;}
#main-contents #site-link .logo-004{ background: url(/image/logo/004_l.gif) no-repeat 50% 50%; text-indent: -9999px;}
#main-contents #site-link .logo-005{ background: url(/image/logo/005_l.gif) no-repeat 50% 50%; text-indent: -9999px;}
#main-contents #site-link .logo-006{ background: url(/image/logo/006_l.gif) no-repeat 50% 50%; text-indent: -9999px;}
#main-contents #site-link .logo-007{ background: url(/image/logo/007_l.gif) no-repeat 50% 50%; text-indent: -9999px;}
#main-contents #site-link .logo-008{ background: url(/image/logo/008_l.gif) no-repeat 50% 50%; text-indent: -9999px;}

#main-contents .site-evaluation{ display: inline; float: left; width: 450px; margin:20px 10px;}
#main-contents .site-evaluation dl{ margin: 0 0 -1px; border: 1px solid #CCC; border-top: none; overflow:hidden; height:auto !important; height:1%;}
#main-contents .site-evaluation dt,#main-contents .site-evaluation dd{ padding: 6px;}
#main-contents .site-evaluation dt{ float: left; width: 106px; margin: 0 0 0 -1px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; text-indent: -9999px;}
html>body #main-contents .site-evaluation dt{ width: 81px;}
#main-contents .site-evaluation dd{ float: left; width: 119px; border-top: 1px solid #CCC; overflow: auto; height: auto;}
#main-contents .site-evaluation dl.introduction{ margin: 0 0 20px;}
#main-contents .site-evaluation .introduction dd{ float: none; width: auto;}
#main-contents .site-evaluation .evaluation dd{ color: #FAA61A;}
#main-contents .site-evaluation dt.evaluation{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-evaluation.png) no-repeat 6px 8px;}
#main-contents .site-evaluation dt.information{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-information.png) no-repeat 6px 8px;}
#main-contents .site-evaluation dt.update{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-update.png) no-repeat 6px 8px;}
#main-contents .site-evaluation dt.convenience{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-convenience.png) no-repeat 6px 8px;}
#main-contents .site-evaluation dt.introduction{ background: url(http://file.tiky.jp/image/common/icon/detail/detail-introduction.png) no-repeat 6px 8px;}
#main-contents #site-image{ float: right; width: 200px; height: 180px; margin:20px 0; border: 1px solid #CCC;}
#main-contents #link-site{ text-align: center;}
#main-contents #link-site a{ display: block; width: 170px; height: 23px; padding: 3px 0 0; margin: 0 auto; font-size: 14px; font-weight: bold; color: #FFE; text-align: center; border: none; background: url(http://file.tiky.jp/image/common/search-btn.png) no-repeat 0 -96px;}
#main-contents #link-site a:hover{ background: url(http://file.tiky.jp/image/common/search-btn.png) no-repeat 0 -122px;}
/*end site*/

#main-contents .sitemap li a[href^="/area/"]{ display: inline-block; margin: 0; padding: 0 0 0 1.6em; background: url(http://file.tiky.jp/image/common/icon/directory.png) no-repeat;}

/*end main-contents*/

/*right-column*/
#right-column .know-how h4{ height: 20px; margin: 0; padding: 0; font-size: 10px; background: url(/image/side-column/know-how.png) no-repeat; text-indent: -9999px;}
#right-column .know-how dt#know-how01{ background: url(/image/side-column/know-how.png) no-repeat 0 -20px;}
#right-column .know-how dt#know-how02{ background: url(/image/side-column/know-how.png) no-repeat 0 -35px;}
#right-column .know-how dt#know-how03{ background: url(/image/side-column/know-how.png) no-repeat 0 -50px;}
#right-column .know-how dt#know-how04{ background: url(/image/side-column/know-how.png) no-repeat 0 -65px;}
#right-column .know-how dt#know-how05{ background: url(/image/side-column/know-how.png) no-repeat 0 -80px;}
#right-column .know-how dt#know-how06{ background: url(/image/side-column/know-how.png) no-repeat 0 -95px;}
#right-column .know-how dt#know-how07{ background: url(/image/side-column/know-how.png) no-repeat 0 -110px;}
#right-column .know-how dt#know-how08{ background: url(/image/side-column/know-how.png) no-repeat 0 -125px;}
#right-column .know-how dt#know-how09{ background: url(/image/side-column/know-how.png) no-repeat 0 -140px;}
#right-column .know-how dd.border-none{ border: none !important;}

#right-column .link-block h4.site{ height: 20px; margin: 0 0 7px; padding: 0; font-size: 10px; background: url(/image/side-column/portal-site.png) no-repeat; text-indent: -9999px;}
#right-column .link-block h4.dispatch{ height: 20px; margin: 0 0 7px; padding: 0; font-size: 10px; background: url(/image/side-column/dispatch.png) no-repeat; text-indent: -9999px;}

/*end right-column*/
