body{ font-size: 12px; color: #333; text-align:center; margin:0; padding:0; background: #dedede; line-height: 1.5; font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS P Gothic",sans-serif;}
td{ font-size: 12px;}
p,h1,h2,h3,h4,h5,dl,dt,dd,ul,li{ margin: 0; padding: 0;}
img{ border: none;}

a:link { color:#06c; text-decoration: none;}
a:visited { color:#06c; text-decoration: none;}
a:hover { color:#f90; text-decoration: none;}
a:active { color:#f90; text-decoration: none;}

h1 { height:16px; margin:0; padding:4px 10px 0; font-size:9px; font-weight:normal; background: #EFEFEF; border-bottom:1px solid #CCC;}
h1 a:link,h1 a:visited,h1 a:hover,h1 a:active{ color:#000;}
h2 { margin: 10px 0; font-size:14px;}
h3 { margin: 10px 0; font-size:12px;}
h4 { clear: both; font-size:14px;}

#outline{ width: 920px; margin:0 auto; padding: 0 10px; background: #FFF; text-align:left;}
.clear{ clear: both;}

/*header*/
#header{ padding: 10px 0 5px; overflow:hidden; height:auto !important; height:1%;}
#sitelogo{ float: left; padding:0 0 0 5px;}
#header p#text{ float: left; width: 374px; margin: 5px 0 0 6px;}
#sitemap{ float: right; padding: 35px 5px 0 0;}
#header #searchform{ float: right; width: 220px;}
#header #searchform p{ float: left; margin: 0 5px 0 0; display: inline;}
#header #searchtext{ width: 156px;}
#header input{ float: left; margin: 0 0 0 5px;}
#header input#searchbtn{ width: 40px;}
#header #show_ads{ float: left; margin: 5px 0 0;}
#header #addclips{ float: left; margin: 5px 0 0;}
/*end header*/

/*serach result*/
#result_searchform{ float: left; margin: 8px 0 0 10px; display: inline;}
#result_addclips{ float: right; margin: 28px 10px 0; display: inline;}
/*end serach result*/

/*global-menu*/
#global-menu{ margin: 0 0 20px; border-bottom: 2px solid #000080; 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{ height: 26px;}
#global-menu li#top a{ display: block; width: 100px; background: url(/image/common/global-menu.png) no-repeat;}
#global-menu li#souzoku a{ display: block; width: 100px; background: url(/image/common/global-menu.png) no-repeat -100px 0;}
#global-menu li#search a{ display: block; width: 120px; background: url(/image/common/global-menu.png) no-repeat -200px 0;}
#global-menu li#words a{ display: block; width: 100px; background: url(/image/common/global-menu.png) no-repeat -320px 0;}
#global-menu li#top a:hover{ display: block; width: 100px; background: url(/image/common/global-menu.png) no-repeat 0 -26px;}
#global-menu li#souzoku a:hover{ display: block; width: 100px; background: url(/image/common/global-menu.png) no-repeat -100px -26px;}
#global-menu li#search a:hover{ display: block; width: 120px; background: url(/image/common/global-menu.png) no-repeat -200px -26px;}
#global-menu li#words a:hover{ display: block; width: 100px; background: url(/image/common/global-menu.png) no-repeat -320px -26px;}
#global-menu li#top a.over{ background: url(/image/common/global-menu.png) no-repeat 0 -26px;}
#global-menu li#souzoku a.over{ background: url(/image/common/global-menu.png) no-repeat -100px -26px;}
#global-menu li#search a.over{ background: url(/image/common/global-menu.png) no-repeat -200px -26px;}
#global-menu li#words a.over{ background: url(/image/common/global-menu.png) no-repeat -320px -26px;}
/*end global-menu*/

/*topic-path*/
#topic-path{ margin: -10px 0 10px; overflow:hidden; height:auto !important; height:1%;}
#topic-path ul{ list-style: none;}
#topic-path li{ float: left; margin: 0 8px 0 0; padding: 0 0 0 10px; background: url(/image/common/icon/topic-arrow.png) no-repeat 0 50%;}
#topic-path li.none{ padding: 0; background: none;}

/*end topic-path*/

/*footer*/
#footer{ clear: both; padding:0 0 10px 0; border-top: 2px solid #000080; line-height: 1.2;}
#f_logo{ float: left; width: 360px; margin: 10px 0 10px 5px; display: inline;}
#f_logo img{ float: left; margin: 0 5px 0 0;}
#f_link{ float: right; width: 440px; margin: 28px 5px 0 0; text-align: right; display: inline;}
html>body #f_link{ margin: 14px 5px 0;}
#f_olink{ clear: both; margin: 0 5px; border-top: 1px solid #CCC;}
#f_olink ul,#f_link ul{ margin: 0; padding: 0;}
#f_olink li{ float: left; margin: 6px 0; padding:0 4px; list-style: none; border-right: 1px solid #CCC; display: block;}
#f_link li{ float: right; padding:0 4px; list-style: none; border-left: 1px solid #CCC; display: block;}

#copy{ clear: both; margin: 0 5px; padding: 10px 0 0; text-align:center; border-top: 1px solid #CCC;}
/*end footer*/

/*main-contents*/
#main-contents{ float: left; width: 680px; font-size: 14px;}

#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;}

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

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

#main-contents h3{ height: 30px; margin: 0; padding: 5px 0 0 30px; font-size: 14px; background: url(/image/common/title-bg.png) no-repeat;}
html>body #main-contents h3{ height: 25px;}
#main-contents .h3-link{ height: 25px; margin: -25px 0 0 190px; font-size: 12px;}
#main-contents .h3-link-search{ height: 25px; margin: -25px 0 0 136px; font-size: 12px;}
#main-contents .h3-link-words{ height: 25px; margin: -25px 0 0 92px; font-size: 12px;}

#main-contents h4{ margin: 10px 0 4px 10px;}

#main-contents form{ margin: 0; padding: 0;}
#main-contents .contents-outline{ margin: 0 0 30px; border: 1px solid #CCC; border-top: none; overflow:hidden; height:auto !important; height:1%;}

#main-contents .text-search-box{ margin: 0 0 30px; padding:0 10px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .text-search-box input.submit-btn{ float: left; width: 94px; height: 26px; margin: 6px 0 0 8px; font-size: 14px; font-weight: bold; color: #333; border: none; background: url(/image/common/search-btn.png) no-repeat 0 -44px; cursor:pointer;}
#main-contents .text-search-box input.submit-btn:hover{ background-position:0 -70px;}
#main-contents .text-search-box input.text-box{ width: 420px; margin: 8px;}
#main-contents .text-search-box .text-box-outline{ float: left; width: 440px; background: #DADAED;}

#main-contents .word-syllabary{ height: 20px; margin: 0 10px; padding: 6px; list-style: none; background: #F0F0F0;}
#main-contents .word-syllabary li{ float: left; margin: 0 9px; padding: 0 0 0 16px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 50%;}

/*related-link*/
#main-contents #related-link{ margin: 0 0 30px; padding:6px 10px; border-top: 2px solid #CCC; font-size: 12px; background: #F0F0F0; overflow:hidden; height:auto !important; height:1%;}
#main-contents #related-link dt{ clear: left;float: left; margin: 0 16px 0 0; padding: 4px 0 4px 26px; background: url(/image/common/icon/arrow-box.png) no-repeat 10px 50%;}
#main-contents #related-link dd{ padding: 4px 0; color: #666;}
/*end related-link*/

#main-contents #search-map{ float: left; width: 460px; margin: 0 0 30px;}
#main-contents #search-map h3{ background: url(/image/common/title-bg-m.png) no-repeat;}
#main-contents #search-pickup{ float: right; width: 210px;}
#main-contents #search-pickup-outline{ height: 249px; padding:0 10px; font-size: 12px; text-align: center; border: 1px solid #CCC; border-top: none;}
#main-contents #search-pickup-outline a{ display: block; padding: 10px 0;}
#main-contents #search-pickup-outline img{ margin: 6px 0 0; border: 1px solid #CCC;}

#main-contents .kanto-detail{ position: relative; top:-130px; left: 325px; width: 120px; margin: 0 0 -116px; font-size: 12px; border: 2px solid #CCC; background: #FFF;}
#main-contents .kanto-detail li{ margin: 4px 0 4px 10px; padding: 0 0 0 14px; list-style: none; background: url(/image/common/icon/arrow-box.png) no-repeat 0 50%;}

#main-contents .all-contents{ clear: both; padding: 6px; text-align: right; font-size: 12px; background: #F0F0F0;}
#main-contents .all-contents a{ padding: 0 0 0 16px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 1px;}

/*souzoku*/
#main-contents #souzoku-list{ width: 660px; margin: 0 10px 30px; border-collapse: collapse;}
#main-contents #souzoku-list th,#main-contents #souzoku-list td{ padding: 4px; text-align: center; border: 1px solid #CCC; font-size: 14px;}
#main-contents #souzoku-list td{ padding: 6px;}
#main-contents #souzoku-list th.item-title{ vertical-align: top; text-align: left; font-size: 16px; background: #F0F0F0;}
#main-contents #souzoku-list td a{ display: block; text-align: left;}
#main-contents #souzoku-list #list-th th{ height: 50px; padding: 0 4px; background: url(/image/souzoku-list-th-bg.png) repeat-x;}
#main-contents #souzoku-list td span{ display: block; background: url(/image/common/icon/check.gif) no-repeat 50% 50%; text-indent: -9999px;}
#main-contents #souzoku-list .list-th-check{ width: 56px;}
#main-contents #souzoku-list .list-bg{ background: #F0F0F0;}

/*souzoku-detail*/
#main-contents #souzoku-detail{ margin: 10px;}
#main-contents #souzoku-detail h4{ height: 36px; margin: 0 0 10px; padding: 8px 10px 0; background: url(/image/souzoku-title-bg.png) no-repeat;}
html>body #main-contents #souzoku-detail h4{ height: 28px;}
#main-contents #souzoku-detail p{ margin: 0 20px 20px;}
#main-contents #souzoku-detail .example{ margin: 0 20px 6px; padding: 2px 0 4px 40px; font-weight: bold; border-bottom: 1px solid #333;}
#main-contents #souzoku-detail .example1{ background: url(/image/common/icon/example.png) no-repeat;}
#main-contents #souzoku-detail .example2{ background: url(/image/common/icon/example.png) no-repeat 0 -26px;}
#main-contents #souzoku-detail .example3{ background: url(/image/common/icon/example.png) no-repeat 0 -52px;}
#main-contents #souzoku-back,#main-contents #souzoku-next{ height: 27px; margin: 0 10px; padding: 8px 0 0 50px; background: url(/image/common/icon/arrow-move.png) no-repeat;}
#main-contents #souzoku-back{ float: left;}
#main-contents #souzoku-next{ float: right; padding: 8px 50px 0 0; background-position: right -35px;}
#main-contents #souzoku-reporting{ clear: both; padding: 30px 0 20px; color: #999; text-align: right;}
#main-contents .h3-souzoku-tag{ width: 210px; height: 27px; margin: -29px 0 0 460px; text-indent: -9999px; background: url(/image/common/icon/souzoku-tag.png) no-repeat;}
#main-contents .souzoku-tag1{ }
#main-contents .souzoku-tag2{ background-position: -210px 0;}
#main-contents .souzoku-tag3{ background-position: -420px 0;}
#main-contents .souzoku-tag4{ background-position: -630px 0;}
#main-contents .souzoku-tag5{ background-position: -840px 0;}
#main-contents .souzoku-tag6{ background-position: -1050px 0;}
/*end souzoku-detail*/
/*end souzoku*/

/*search*/
#main-contents .search-pickup-block{ padding: 10px; background: #F0F0F0;}
#main-contents .search-pickup-block dl{ float: left; width: 480px;}
#main-contents .search-pickup-block dt{ margin: 0 0 10px;}
#main-contents .search-pickup-block dt a{ padding: 0 0 0 16px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 1px;}
#main-contents .search-pickup-block dd{ margin: 0 0 0 16px; font-size: 12px;}
#main-contents .search-pickup-block dd p{ margin: 0 0 10px;}
#main-contents .search-pickup-block p{ float: left; margin: 0 0 0 10px;}
#main-contents .search-pickup-block img{ margin: 6px 0 0; border: 1px solid #CCC;}

#main-contents #search-pref{ width: 660px; margin:20px 10px;}
#main-contents #search-pref h4{ margin: 0; padding: 6px; border: 1px solid #CCC; border-bottom: none; border-left: 5px solid #000080; background: #F0F0F0;}
#main-contents #search-pref dl{ margin: 0 0 20px; border-bottom: 1px solid #CCC;}
#main-contents #search-pref dt,#main-contents #search-pref dd{ padding: 6px; border: 1px solid #CCC; border-bottom: none;}
#main-contents #search-pref dt{ float: left; width: 90px; border-left:1px solid #CCC; border-right: none; text-indent: -9999px;}
html>body #main-contents #search-pref dt{ width: 80px;}
#main-contents #search-pref .position{ background: url(/image/common/icon/detail-position.png) no-repeat 6px 8px;}
#main-contents #search-pref .date{ background: url(/image/common/icon/detail-date.png) no-repeat 6px 8px;}
#main-contents #search-pref .number{ background: url(/image/common/icon/detail-number.png) no-repeat 6px 8px;}
#main-contents #search-pref .zip{ background: url(/image/common/icon/detail-zip.png) no-repeat 6px 8px;}
#main-contents #search-pref .address{ background: url(/image/common/icon/detail-address.png) no-repeat 6px 8px;}
#main-contents #search-pref .tel{ background: url(/image/common/icon/detail-tel.png) no-repeat 6px 8px;}
#main-contents #search-pref .station{ background: url(/image/common/icon/detail-station.png) no-repeat 6px 8px;}
#main-contents .search-detail{ float: left; width: 400px !important;}
#main-contents #search-pref .list-bg{ background: #F0F0F0;}
#main-contents #office-map{ float: right; width: 242px; height: 202px; margin: 20px 0; padding: 5px; border: 1px solid #CCC;}
/*end search*/

/*word*/
#main-contents #word-detail{ margin: 0 0 26px;}
#main-contents #word-detail p{ margin: 14px;}
/*end word*/

#main-contents .column-box{ margin: 0 0 30px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .column-box h4{ margin: 0; padding: 0;}
#main-contents .column-box ul{ list-style: none; margin: 0 0 20px;}
#main-contents .column-box li{ margin: 6px 0 10px 10px; padding: 0 0 0 16px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 4px;}
#main-contents .column2 { float: left; width: 310px; margin: 10px 0 0 10px;}
#main-contents .column3 { float: left; width: 200px; margin: 10px 0 0 10px;}

#main-contents .column1-list{ list-style: none; margin: 0 0 30px;}
#main-contents .column1-list li{ margin: 10px 0 0 10px; padding: 0 0 0 16px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 3px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .column2-list{ list-style: none; margin: 0 0 30px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .column2-list li{ float: left; width: 310px; margin: 10px 0 0 10px; padding: 0 0 0 16px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 3px;}
#main-contents .column3-list{ list-style: none; margin: 0 0 30px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .column3-list li{ float: left; width: 200px; margin: 10px 0 0 10px; padding: 0 0 0 16px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 3px;}
#main-contents .column5-list{ list-style: none; margin: 0 0 30px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .column5-list li{ float: left; width: 110px; margin: 10px 0 0 10px; padding: 0 0 0 16px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 3px;}

#main-contents .keyword-tag{ margin: -30px 10px 20px; list-style: none; overflow:hidden; height:auto !important; height:1%;}
#main-contents .keyword-tag li{ display: inline; margin: 0 5px 0 0;}
#main-contents .keyword-tag li a:hover{ color: #F30; text-decoration: underline;}
#main-contents .keyword-tag .tag-01{ font-size: 18px; font-weight: bold;}
#main-contents .keyword-tag .tag-02{ font-size: 16px; color: #777;}
#main-contents .keyword-tag .tag-03{ font-size: 14px; color: #777;}
#main-contents .keyword-tag .tag-04{ font-size: 12px; color: #777;}
#main-contents .keyword-tag .tag-05{ font-size: 10px; color: #777;}


/*table*/
#main-contents .table-01{ margin: 6px 10px 20px; border: 1px solid #CCC; border-top: none; background: #EEE;}
#main-contents .table-01 dt,#main-contents .table-01 dd{ padding: 6px; border: 1px solid #CCC; border-bottom: none;}
#main-contents .table-01 dt{ float: left; width: 8em; border-left:1px solid #CCC; border-left: none; border-right: none;}
#main-contents .table-01 dd{ margin: 0 0 0 8em; border-right: none; background: #FFF;}
/*end table*/

/*end link*/
#main-contents .ohter-link dl{ margin: -1px 10px 0; padding: 5px; border: 1px solid #CCC;}
#main-contents .ohter-link dt,.link dd{ margin: 0;}
#main-contents .ohter-link dt strong{ padding: 3px 0 3px 20px; background: url(/image/common/icon/arrow-box.png) no-repeat 0 50%;}
#main-contents .ohter-link dt em{ color: #666; font-style: normal;}
#main-contents .ohter-link dd .note{ padding: 5px; background: #EEE;}
/*end ohter-link*/

/*end main-contents*/

/*right-column*/
#right-column{ float: right; width: 200px;}
#right-column .hellowork-know-how{ width: 200px; margin: 0 0 20px; padding: 5px; font-size: 12px; background: #FFF; border: 1px solid #DCDCDC;}
html>body #right-column .hellowork-know-how{ width: 190px;}
#right-column .hellowork-know-how h4{ height: 20px; margin: 0; padding: 0; font-size: 10px; background: url(/image/common/side-column/know-how.png) no-repeat; text-indent: -9999px;}
#right-column .hellowork-know-how dt{ margin: 10px 0 5px;}
#right-column .hellowork-know-how dt a{ display: block; height: 15px; font-size: 10px; text-indent: -9999px;}
#right-column .hellowork-know-how dd{ padding: 0 0 20px; border-bottom:1px solid #DCDCDC;}
#right-column .hellowork-know-how dt.koyo_hoken{ background: url(/image/common/side-column/know-how.png) no-repeat 0 -20px;}
#right-column .hellowork-know-how dt.shitsugyo{ background: url(/image/common/side-column/know-how.png) no-repeat 0 -35px;}
#right-column .hellowork-know-how dt.shitsugyo_qa{ background: url(/image/common/side-column/know-how.png) no-repeat 0 -50px;}
#right-column .hellowork-know-how dt.saishushoku{ background: url(/image/common/side-column/know-how.png) no-repeat 0 -65px;}
#right-column .hellowork-know-how dt.kyoiku_kyufu{ background: url(/image/common/side-column/know-how.png) no-repeat 0 -80px;}
#right-column .hellowork-know-how dt.shakai_hoken{ background: url(/image/common/side-column/know-how.png) no-repeat 0 -95px;}
#right-column .hellowork-know-how dd.border-none{ border: none !important;}

#right-column .right-search{ margin: 0 0 20px;}
#right-column .right-search ul{ margin: 0; padding: 0; list-style: none; font-size: 12px;}
#right-column .right-search li{ margin: 4px 0 4px 18px; padding: 0 0 0 10px; background: url(/image/common/side-column/icon/arrow.png) no-repeat 0 50%;}
#right-column .right-search .title{ margin: 0; padding:0 0 0 18px; background: url(/image/common/side-column/icon/search.png) no-repeat; font-size: 14px; font-weight: bold;}

#right-column .banner{ margin: 0 0 20px;}
#right-column .ads{ margin: 0 0 20px; text-align: center;}
/*end right-column*/

/*ads*/
.ads-big{ clear: both; margin: 0 0 20px 10px;}
/*end ads*/