@charset "utf-8";
/*--------------------------------------
	初期スタイル
---------------------------------------*/
body { font:13px/1.231 arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;}select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; }table { font-size:inherit; font:100%; }pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;line-height:100%; }p, pre, cite, blockquote { font-size: 12px; }li, dt, dd { font-size: 12px; }html { overflow-y: scroll; }body { line-height: 1.5; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; color: #333; }p, pre, blockquote, address, cite { margin: 0.5em 15px 1em; }address { font-style: normal; }h1, h2, h3, h4, h5, h6 { margin: 0.8em 1em 0.5em; }h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { position: absolute; right: 1em; bottom: 0.3em; font-size: 12px; color: #555; }h1 { margin: 0 0 0 4px; padding: 0; font-size: 167%; font-weight: normal; color: #fff; }h2 { margin: 0 17px 0 0; padding: 5px 9px 4px; font-size: 13px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-weight: normal; _height: 1%; background: #ccc url(images/styleimages/title_blue_bg.jpg) no-repeat left top; }h3 { padding: 0.1em 0.7em; font-size: 116%; font-weight: normal; background-color: #eee; border-left: 5px solid #c9c9c9; border-top: 1px solid #c9c9c9; }h4 { padding: 0.1em 0.7em; background-color: #f5f5f5; border-left: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; font-size: 100%; }h5 { padding: 0.1em 1em; border-left: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; font-size: 100%; }h6 { font-size: 100%; }p { line-height: 1.5; }br { letter-spacing: 0; }pre { margin: 1em; padding: 0.5em 0 0.5em 20px; _width: 100%; display: block; overflow: scroll; font-family: monospace; background-color: #f5f5f5; border: 1px dashed #ccc; }q { color: #555; font-style: oblique; }blockquote { margin-left: 1.5em; padding: 0.6em 1em; font-size: 100%; background-color: #f0f0f0; border: 3px double #ccc; }cite { display: block; text-align: right; }em { font-weight: bold; font-style: normal; }strong { font-weight: bold; font-size: 115%; }code { font-family: "Courier New", Courier, monospace; }dfn, abbr, acronym { border-bottom: 1px dotted #aaa; cursor: help; }kbd { border: 1px solid #ccc; padding: 0 0.3em; background-color: #f5f5f5; font-family: monospace; }a:link { color: #2993D1; }a:visited { color: #2993D1; }a:active { color: #e00; outline: #e00 dotted 1px; }a:hover { color: #22e; position:relative; top: 1px; }a img { border: none; }ul, ol, dl { margin: 1em 20px; }ul, ol, dl { padding: 1px 0; list-style-position: outside; }ul { list-style-type: disc; }li, dt, dd { margin: 0.4em 10px; }dt { margin-top: 0.6em; }dd { margin-left: 20px; margin-bottom: 0.6em; }li li, li p, li pre, li dt, li dd, dd li, dd p, dd pre, dd dt, dd dd { font-size: 100%; }li ul, li ol, li dl, li p, dd ul, dd ol, dd dl, dd p { margin: 0.5em 10px; }td ul, td ol, td dl, td p { margin: 0; }del { color: #bbb; text-decoration: line-through; }del[datetime]::before { content: " ("attr(datetime)"\00524a\009664) "; }ins { border-bottom: 1px dotted #ccc; text-decoration: none; }form { margin: 0; padding: 0; }fieldset { margin: 0; padding: 0; border: none; }legend { display: none; }input, textarea { border-width: 1px; border-style: solid; border-color: #555; margin: 0.4em 10px; padding: 0.2em 5px; line-height: 1; font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", sans-serif; }input:hover, textarea:hover { }input:focus, textarea:focus { }textarea { font-size: 100%; padding: 0.4em 8px; }textarea * { font-size: 100%; }input.inputField { }input.submit { _padding: 0; border: none; font-size: 85%; font-weight: bold; text-transform: uppercase; }input.submit:hover { }input.radio, input.checkbox { background-color: transparent; background-image: none; border: none; }table { margin: 15px 0 15px 25px; border-collapse: collapse; border-style: solid; border-color: #BEECEC; border-width: 1px; position: relative; /* (ページ幅-左右の余白)/ページ幅 */ /* (580px-(20*2)/580) */ width: 620px; }th, td { padding: 8px 5px 8px 9px; border-style: solid; border-color: #BEECEC; border-width: 1px; font-size: 12px; font-weight: normal; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }th { background-color: #FFFCF3; text-align: left; }td ul li { margin: 0 0 0 15px; }img { vertical-align: bottom; }

/*--------------------------------------
	特定スタイル
---------------------------------------*/
.note { font-size: 10px; color: #aaa; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
div.note { margin-right: 1em; display: block; border: 1px dashed #ddd; }
span.note { display: inline; margin-left: 1em; }
p#site_title { margin: 0 0 0 4px; padding: 0; font-size: 167%; font-weight: normal; color: #fff; }
p.back_link { margin: 15px 0 0 23px; }
h2.line_type { padding: 20px 0 10px; margin: 0 0 10px; background: none; clear: both; }
.required { color: #cc0000; }
table th .required { color: #cc0000; display: block; }
.attention, .attention a:link, .attention a:visited, .attention a:hover, a:link.attention, a:visited.attention, a:hover.attention { color: #cc0000; }
div.main_image { margin: 0 0 0 5px; padding-bottom: 7px; background: #eeeeee url(images/styleimages/main_image_bg.jpg) no-repeat left bottom; }
.editbox { margin-right: 17px; overflow: visible; border: 1px solid #B8C8D7; font-family: Arial, Helvetica, sans-serif; }
.editbox ul { margin: 0 0 0 15px; }
.editbox ul li { margin: 4px 10px; }
ul#sub_nav { margin: 0; padding: 0 0 0 55px; _padding-left: 45px; list-style: none; background-color: #fff; position: absolute; top: 61px; _top: 60px; right: 295px; }
ul#sub_nav li { margin: 0 0 0 5px; padding: 0 5px 0 0; float: left; display: inline; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: transparent url(images/styleimages/subnav_separate.gif) no-repeat right top; }
ul#sub_nav li.sub_nav_last { margin: 0 5px 0 5px; background: none; }
ul#sub_nav li a { color: #807B78; }
ul#top_pickup_nav { margin: 0 0 0 5px; padding: 15px 0 24px 20px; list-style: none; background: #eeeeee url(images/styleimages/picup_nav_bg.gif) no-repeat left bottom; }

/* Clear Fix*/
ul#top_pickup_nav, ul#sub_nav { _height: 1px; min-height: 1px; /* for MacIE5 \*//*/ height: auto; overflow: hidden; /* end */ }
ul#top_pickup_nav:after, ul#sub_nav:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

ul#top_pickup_nav li { margin: 0 7px 0 0; padding: 0; float: left; }
ul#top_pickup_nav li#pickup_nav_shop { margin-bottom: 5px; }

div#special_exp h2 { background-image: none; background-color: #bcecec; font-size: 12px; }
div.job_type_images { margin-bottom: 15px; }
div.job_type_images ul { list-style: none; margin: 0 0 0 25px; }
div.job_type_images ul li { margin: 0 11px 0 0; float: left; display: inline; }
div.job_type_images ul li span.caption { display: block; text-align: center; color: #000; text-decoration: none; }

/* Clear Fix*/
div.job_type_images { _height: 1px; min-height: 1px; /* for MacIE5 \*//*/ height: auto; overflow: hidden; /* end */ }
div.job_type_images:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

ul.agent_images { margin: 0; float: right; list-style: none; }
ul.agent_images li { margin: 14px 25px 0 0; }

/*--------------------------------------
	文脈依存スタイル
---------------------------------------*/
div#header div.pickup_banner { position: absolute; right: 3px; bottom: 5px; }
body#index div.main_image { padding-bottom: 10px; background: #eeeeee url(images/styleimages/main_image_bg.jpg) no-repeat left 125px; }
/*top_topics---------------------------------------*/
body#index div#top_topics { margin: 5px 0 0 25px; }
body#index div#top_topics div.editbox { width: 621px; /* height: 350px;*/ }
body#index div#top_topics h2 { background-image: url(images/styleimages/title_red_bg.jpg); }
body#index div#top_topics div.editbox div.article { padding: 0 0 5px 0; }
/*top_news---------------------------------------*/
body#index div#top_news div.editbox { width: 621px; /* height: 200px; */ }
body#index div#top_news dl { margin: 10px 0 0 10px; paddin: 0; font-family: Arial, Helvetica, sans-serif; }
body#index div#top_news dl dt { margin: 2px 0 5px; font-size: 12px; line-height: 1.2; width: 80px; float: left; display: inline; }
body#index div#top_news dl dd { margin: 0 0 5px 85px; }
body#index div#top_news p.picup_news { margin: 5px 10px 0; padding: 0 0 4px; list-style: none; border-bottom: 1px solid #ccc; line-height: 24px; }
/*utilities---------------------------------------*/
body#index div#utilities dl.nav dd ul { margin: 0; padding: 0; border: none; }
body#index div#utilities dl.nav dd ul li { margin: 0; padding: 7px 13px; border: none; }
body#index div#utilities div.others { margin-top: 2px; width: 234px; height: 212px; position: relative; background: transparent url(images/styleimages/top_utilities_footer.gif) no-repeat left bottom; }
body#index div#utilities div.others p { margin: 0; padding: 0; position: absolute; left: 10px; top: 9px; }
body#index div#utilities div.others ul, body#index div#utilities div.others ul li { margin: 0; padding: 0; font-size: 1px; line-height: 1.2; list-style: none; }
body#index div#utilities div.others ul li#top_util_contact { position: absolute; left: 142px; top: 67px; }
body#index div#utilities div.others ul li#top_util_sales { position: absolute; left: 40px; top: 105px; }


/*--------------------------------------
	基礎レイアウト
---------------------------------------*/
body { margin: 0; padding: 0; text-align: center; /* Centering for IE6 */ background: #ba8400 url(images/styleimages/body_bg.jpg) no-repeat center top; }
div#header, div#content, div#footer { margin: 0 auto; text-align: left; clear: both; width: 903px; }
div#header { position: relative; padding-top: 21px; }
div#content { background: transparent url(images/styleimages/content_body_bg.gif) repeat-y left top; }
div#footer { padding-bottom: 5px; background: transparent url(images/styleimages/footer_bg.gif) no-repeat left bottom; }

/* Clear Fix*/
div#content { _height: 1px; min-height: 1px; /* for MacIE5 \*//*/ height: auto; overflow: hidden; /* end */ }
div#content:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

body.double div#main { margin: 0; padding: 0 0 15px 0; width: 665px; float: left; clear: left; position: relative; }
body.double div#utilities { margin: -3px 0 0; width: 234px; float: left; }
div#utilities { position: relative; }
div#utilities dl.nav, div#utilities dl.nav dt, div#utilities dl.nav dd { margin: 0; padding: 0; }
div#utilities dl.nav dd { padding-bottom: 5px; width: 234px; background: transparent url(images/styleimages/utilities_body_bg.gif) no-repeat left bottom; }
div#utilities dl.nav dd dl { margin: 0; }
div#utilities dl.nav dd dl dd { padding: 0; width: auto; background: none; }
div#utilities dl.nav dd dl dt { padding-top: 5px; width: 234px; text-align: center; }
div#utilities dl.nav dd ul { margin: 0 10px 5px; padding: 10px 0 0; list-style: none; border-bottom: 1px solid #beecec; }
div#utilities dl.nav dd ul li { margin: 0; list-style: none; border-width: 1px 1px 0 1px; border-style: solid; border-color:  #BEECEC; }
div#utilities div.others { margin-top: 2px; background: transparent url(images/styleimages/utilities_foot_bg.gif) no-repeat left top; }
div#utilities div.others p { margin: 0 11px; padding: 12px 0 15px; }
div#footer div#list_works { margin: 0 0 15px 5px; width: 753px; position: relative; }
div#footer div#list_works h2 { margin: 0 0 0 1px; padding: 0; background: transparent url(images/styleimages/list_works_title_bg.gif) repeat-x left top; }
div#footer div#list_works a.more { position: absolute; right: 10px; top: 7px; color: #758B96; font-size: 12px; }
div#footer div#list_works ul { margin: 0; padding: 15px 0 0 0; list-style: none; }
div#footer div#list_works ul li { float: left; height: 69px; margin: 0 0 5px; padding: 0 15px 0; }
div#footer div#list_works ul li.line_text { padding: 0 15px; vertical-align: middle; line-height: 69px; }
div#footer div#list_works ul li span.line2 { display: block; font-size: 10px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: right; }
div#footer div#list_works ul li span.line1 { display: block; }
div#footer ul.nav { margin: 0 0 0 5px; padding: 0; clear: both; width: 753px; border-top: 1px solid #D0E6F1; list-style: none; }
div#footer ul.nav li { margin: 0; bottom: 0; float: left; }
div#footer div.copyright { width: 732px; margin: 0 0 10px 5px; padding: 5px 10px; border: 1px solid #d0e6f1; background-color: #DFF4F5; font-family: Arial, Helvetica, sans-serif; color: #7F9D9D; font-size: 12px; }
div#footer p.caution { width: 732px; margin: 0 0 0 15px; padding: 0 0 12px 0; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 10px; }

/* Clear Fix*/
div#footer div#list_works, div#footer ul.nav { _height: 1px; min-height: 1px; /* for MacIE5 \*//*/ height: auto; overflow: hidden; /* end */ }
div#footer div#list_works:after, div#footer ul.nav:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

div.section { margin: 15px 0 15px 25px; }
div.section div.section { margin: 0 0 15px; }
div.section table { margin: 0 0 0 1px; }

/*--------------------------------------
	グローバルナビゲーション
---------------------------------------*/
ul#global_nav { margin: 0 0 0 5px; /* 出現時にheaderの下の余白を詰める */ padding: 0; background: transparent url(images/styleimages/gnav_bg.jpg) no-repeat 600px bottom; list-style: none; }
ul#global_nav li { margin: 0; padding: 0; float: left; width: 151px; height: 43px; z-index: 9999; text-align: center; font-size: 100%; background-color: #aaa; }
ul#global_nav li a { padding: 0; /* ボタンの厚み調整 */ border: none; display: block; position: relative; /* IE6でマウス反応領域をFix */ font-size: 100%; width: 151px; color: #000; text-align: center; text-decoration: none; background-color: #aaa; }
ul#global_nav li a:hover { background-color: #bbb; }

/* Clear Fix*/
ul#global_nav { _height: 1px; min-height: 1px; /* for MacIE5 \*//*/ height: auto; overflow: hidden; /* end */ }
ul#global_nav:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }