@charset "UTF-8";
/* Reset
====================================================================================================================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ul, ol { list-style:none; }
img { border:0; padding:0px; margin:0px; }
body { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color:#000; line-height:1; font-size:10px; /font-size:62.5%; font-size:62.5%\9; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
td, th { text-align:left; vertical-align:top; }
caption { text-align:left;}
hr { color:#ccc; border:0; height:1px; background:#ccc; }
form { margin:0px; padding:0; }
fieldset { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
.clearfix:after { content: "."; display:block; clear:both; height:0.1px; font-size:0.1em; visibility:hidden; line-height:0; }
.clearfix { min-height:1px; }
* html .clearfix { height:1px; }
/*▼フォントカラー▼*/
body { color:#4f4f4f; }
a { outline-style:none; text-decoration:none; }
a:link { color: #20599a; }
a:visited { color:#20599a; }
a:hover { color:#0a9fde; text-decoration:underline; }
/*▼汎用スタイル▼*/
.none { display:none !important; }
.mb0 { margin-bottom:0 !important; }
.ma10 { margin:10px !important; }
.ma0 { margin:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
/* structure
====================================================================================================================================== */
html { overflow-y:scroll; height:100%; }
body { height:100%; background:url(images/co_body_line_repeat.gif) repeat-x; padding-top:4px; }
#container { font-size:1.4em; line-height:1.5; text-align:center; background:url(images/in_all_bg_repeat.gif) repeat-x left 133px;}
#header { position:relative; zoom:1; text-align:left; padding-top:19px; width:920px; margin:0 auto; }
#globalnavi { background:url(images/gl_bg.gif) repeat-x; }
#globalnavi ul.inner { text-align:left; width:960px; margin:0 auto; }
* html #globalnavi ul.inner { margin:0; }/*【中ページ用】IEでcenter揃えがずれる問題を解決*/
#main_visual { height:360px; background:url(images/ma_bg_repeat.gif) repeat-x; }
#main_visual .inner{ background:url(images/ma_image.jpg) no-repeat center top; height:340px; }
#pick_up {}
#wrapper { margin:0 auto; text-align:left; padding-top:20px; width:100%; background:url(images/in_all_bg_top.png) no-repeat center top; text-align:center;}
#main { width:920px; margin:auto; text-align:left; }
#conts_top { width:440px; float:right; padding-top:4px; }
* html #conts_top { overflow:hidden; }/*IE6でボックスが拡張する問題を解決*/
#sidebar01 { width:220px; float:left; }
#sidebar02 { width:220px; float:right; }
#footer01 { clear:both; padding-top:20px; }
#footer02 { }
#footer02 .inner { width:920px; margin:0 auto; }
#header img,
#globalnavi img,
#conts_top img,
#sidebar01 img,
#sidebar02 img,
#footer01 img { vertical-align:bottom; }
/* 中ページ追加・変更
====================================================================================================================================== */
ul#globalnavi { margin-bottom:20px; }
#conts { width:680px; float:left; margin-bottom:30px; line-height:1.6; }
/* header
====================================================================================================================================== */
/*▼サイトタイトル▼*/
#header h1#site_title { margin-bottom:25px; }
/*▼ディスクリプション▼*/
#header p#description { }
/*▼ヘッダーナビ▼*/
#header ul#header_navi { position: absolute; top:55px; right:0; zoom:1; }
#header ul#header_navi li { float:left; display:inline; padding-right:15px; font-size:0.9em; }
#header ul#header_navi li.item01 { background:url(images/he_navi_icon_01.gif) no-repeat left center; padding-left:16px; }
#header ul#header_navi li.item02 { background:url(images/he_navi_icon_02.gif) no-repeat left center; padding-left:18px; }
#header ul#header_navi li.item03 { background:url(images/he_navi_icon_03.gif) no-repeat left center; padding-left:15px; }
#header ul#header_navi li.item04 { background:url(images/he_navi_icon_04.gif) no-repeat left center; padding-left:15px; padding-right:2px; }
/*フコイダンについて@中文*/
#header ul#header_navi li.item_cn a { background:url(images/he_navi_icon_cn_off.gif) no-repeat left center; padding-left:15px; padding-right:2px; text-indent:-9999px; display:inline-block; width:130px;}
#header ul#header_navi li.item_cn a:hover { background:url(images/he_navi_icon_cn_on.gif) no-repeat left center; padding-left:15px; padding-right:2px; }
/*▼ソーシャルメディア共有ボタン▼*/
#header #social_box { position: absolute; top:21px; right:190px; zoom:1; }
/*▼検索▼*/
#header form#search { width:192px; position:absolute; top:20px; right:0; }
#header form#search p#text_bg input#text_area { width:145px; background:none; border:none; outline:none; font-size:12px; line-height:14px; margin:4px 0 0 5px; }
#header form#search p#text_bg { background:url(images/he_search_bg.gif) no-repeat; width:155px; height:22px; float:left; display:inline; }
#header form#search p#btn { float:left; display:inline; width:37px;}
#header form#search p#btn *{vertical-align: middle;}
/* globalnavi
====================================================================================================================================== */
#globalnavi .inner li{ float:left; height:40px; }
#globalnavi .inner li.item01 a { display:block; width:186px; background:url(images/gl_btn_01_over.gif) no-repeat; }
#globalnavi .inner li.item02 a { display:block; width:188px; background:url(images/gl_btn_08_over.gif) no-repeat; }
#globalnavi .inner li.item03 a { display:block; width:144px; background:url(images/gl_btn_07_over.gif) no-repeat; }
#globalnavi .inner li.item04 a { display:block; width:143px; background:url(images/gl_btn_04_over.gif) no-repeat; }
#globalnavi .inner li.item05 a { display:block; width:159px; background:url(images/gl_btn_05_over.gif) no-repeat; }
#globalnavi .inner li.item06 a { display:block; width:140px; background:url(images/gl_btn_09_over.gif) no-repeat; }
/* pick up
====================================================================================================================================== */
#pick_up { margin-bottom:20px; zoom:1;}
#pick_up .pick_box { background:url(images/co_pick_up_bg_repeat.gif) repeat-y; width:293px; float:left; display:inline; margin-right:20px; position:relative; }
#pick_up .item01 { margin-right:0px; margin-left:1px; }
#pick_up .pick_box p.navi_btn { position:absolute; top:29px; right:4px; zoom:1; }
#pick_up .pick_box h2{}
#pick_up .pick_box ul{ background:url(images/co_pick_up_bg_bottom.gif) no-repeat left bottom; padding-bottom:2px; zoom:1; }
#pick_up .pick_box ul li { background:url(images/co_pick_up_bg_border.gif) no-repeat left bottom; padding:15px; zoom:1; }
#pick_up .pick_box ul li.last { background:none; padding-bottom:20px; }
#pick_up .pick_box ul li p.image { float:left; }
#pick_up .pick_box ul li dl { float:right; width:205px; }
#pick_up .pick_box ul li dl dt.title { margin-bottom:4px; line-height:1.3; font-size:0.95em; }
#pick_up .pick_box ul li dl dt.title a { display:inline-block; }
#pick_up .pick_box ul li dl dt.title a:hover { text-decoration:underline; }
#pick_up .pick_box ul li dl dd.comment { font-size:0.85em; line-height:1.3; }
/* conts_top
====================================================================================================================================== */
/*▼新着情報▼*/
#conts_top #new_box { position:relative; zoom:1; }
/*▼プレリリース▼*/
#conts_top #pure_box { position:relative; zoom:1; }
/*▼新着情報・プレリリース共通▼*/
#conts_top h2 { padding-bottom:10px; }
#conts_top p.navi_btn { position:absolute; top:0; right:0; zoom:1; }
#conts_top p.rss_btn { position:absolute; top:0; right:95px; zoom:1; }
#conts_top dl { }
#conts_top dl dt span.new img{ margin:0 0 3px 5px; }
#conts_top dl dt.day { font-size:0.8em; }
#conts_top dl dd.title { margin-bottom:10px; padding-bottom:10px; background:url(images/co_top_border.gif) no-repeat left bottom; line-height:1.3; font-size:0.95em; }
#conts_top dl dd.last { margin-bottom:0; }
#conts_top dl dd.title a { padding-left:10px; background:url(images/all_icon_01.gif) no-repeat left 5px; display:inline-block; zoom:1; }
#conts_top dl dd.title a:hover { text-decoration:none; }
#conts #conts_top img { margin:0; }
#osusume_box { margin-bottom:15px; }
/* sidebar01
====================================================================================================================================== */
/*▼関連リンク▼conts打ち消し追加*/
#sidebar01 #link_box { }
#sidebar01 #link_box h3{ line-height:34px; background:none; padding:0; margin:0; }
#conts #sidebar01 ul { padding:0; margin:0; list-style:none; }
#conts #sidebar01 li { margin:0; }
#conts #sidebar01 #link_box ul.bnr_box_b { background:url(images/si_link_bg_repeat.gif); padding-top:10px; margin-bottom:10px; zoom:1; }
#conts #sidebar01 #link_box ul.bnr_box_b li{ padding-bottom:10px; text-align:center; }
#conts #sidebar01 #link_box ul.bnr_box_s { background:url(images/si_link_bg_repeat.gif); padding:0 10px 10px 0 ; margin-bottom:15px; zoom:1; }
#sidebar01 #link_box ul.bnr_box_s li{ float:left; display:inline; padding:15px 0 0 15px; }
#conts #sidebar01 img { margin:0; }
/*▼お問い合わせ＋資料請求▼*/
ul#contact_box {}
ul#contact_box li{ margin-bottom:10px; }
#conts #sidebar01 ul#contact_box li{ margin-bottom:10px; }
/* sidebar02
====================================================================================================================================== */
/*▼企業情報＋中ページ用ナビ▼*/
#sidebar02 .side_navi { background:url(images/si_info_bg_repeat.gif) repeat-y; margin-bottom:15px; zoom:1; }
#sidebar02 .side_navi h3 { }
#sidebar02 .side_navi ul { background:url(images/si_info_bg_bottom.gif) no-repeat left bottom; zoom:1; }
#sidebar02 .side_navi ul li { background:url(images/si_info_bg_border.gif) no-repeat left bottom; zoom:1; }
#sidebar02 .side_navi ul li a { padding:7px 28px; background:url(images/all_icon_01.gif) no-repeat 17px 14px; display:block; zoom:1; }
#sidebar02 .side_navi ul li.item { background:url(images/si_info_bg_border_in.gif) no-repeat left bottom; zoom:1; }
#sidebar02 .side_navi ul li.item a { padding-left:43px; background:url(images/all_icon_01.gif) no-repeat 32px 10px; font-size:0.85em; line-height:1.3; }
#sidebar02 .side_navi ul li.item02 { }
#sidebar02 .side_navi ul li.item02 a { padding-left:43px; background:url(images/all_icon_01.gif) no-repeat 32px 10px; font-size:0.85em; line-height:1.3; }
#sidebar02 .side_navi ul li a:hover { text-decoration:none; }
#sidebar02 .side_navi ul li ul li a { padding:7px 28px 7px 40px; background-position:32px 12px; }
#sidebar02 .side_navi ul li.last{ background:none; padding-bottom:8px; }
/*▼バナーエリア（サイト内）▼*/
#sidebar02 ul#bnr_box { }
#sidebar02 ul#bnr_box li{ margin-bottom:10px; }
/* footer
====================================================================================================================================== */
/*▼フッターナビ（上）▼*/
#footer01 #footer_navi01 { background:url(images/fo_navi_bg_repeat.gif) repeat-y; zoom:1; clear:both; margin-bottom:10px; }
#footer01 #footer_navi01 .bg_top { background:url(images/fo_navi_bg_top.gif) no-repeat left top; zoom:1; }
#footer01 #footer_navi01 .bg_top ul.bg_bottom { background:url(images/fo_navi_bg_bottom.gif) no-repeat left bottom; margin:0 auto; padding:8px 10px 10px; line-height:1.2; zoom:1; }
* html #footer01 #footer_navi01 .bg_top ul.bg_bottom { margin:0; }/*【中ページ用】IEでcenter揃えがずれる問題を解決*/
#footer01 #footer_navi01 .bg_top ul.bg_bottom li { float:left; border-right:1px solid #bebebe; margin-right:12px; padding-right:12px; }
#footer01 #footer_navi01 .bg_top ul.bg_bottom li.home_icon { background:url(images/he_navi_icon_01.gif) no-repeat left center; padding-left:18px; }
#footer01 #footer_navi01 .bg_top ul.bg_bottom li.last { border-right:none; padding-right:0; margin-right:0; }
#footer01 #footer_navi01 a { }
#footer01 #footer_navi01 a:hover { text-decoration:none; }
/*▼フッターその他▼*/
#footer01 p#site_box { font-size:1.2em; line-height:1.2em; margin-bottom:5px; }
#footer01 p#site_box span#fo_site_title { color:#0a9fde; }
#footer01 p#access { font-size:0.9em; line-height:1.2; margin-bottom:15px; }
#footer01 p#page_top_btn { float:right; margin-top:10px; margin-right:10px; }
/*▼フッターナビ（下）▼*/
#footer02 { background:url(images/fo_bg_top.gif) repeat-x; border-bottom:4px #29abe2 solid; padding:7px 0 5px; }
#footer02 .inner { text-align:left; }
#footer02 .inner ul#footer_navi02 { font-size:0.9em; }
#footer02 .inner ul#footer_navi02 li { background:url(images/all_icon_01.gif) no-repeat left 5px; padding-left:10px; margin-right:10px; float:left; display:inline; }
/*▼コピーライト▼*/
#footer02 p#copyright { float:right; font-size:0.8em; margin-top:1px; }
/* デフォルトスタイル
====================================================================================================================================== */
#conts>* {max-width:100%; }
/*▼段落▼*/
#conts p { }
/*▼画像▼*/
#conts img { margin:0 10px 10px; }
/*▼リンク▼*/
#conts a { text-decoration:underline; }
#conts a:hover { text-decoration:none; }
/*▼フォルダタイトル▼*/
#conts #title_box { margin-bottom:20px; background:url(images/co_h2_bg_repeat.gif) repeat-y; zoom:1; }
#conts #title_box .bg_top { background:url(images/co_h2_bg_top.gif) no-repeat left top; zoom:1; }
#conts #title_box .bg_top h2#folder_title { font-size:1.4em; color:#0a9fde; line-height:1.2; padding:20px 10px 25px 30px; background:url(images/co_h2_bg_bottom.gif) no-repeat left bottom; zoom:1; }
/*▼見出し▼*/
#conts h3{ font-size:1.4em; line-height:50px;; background:url(images/co_h3_bg.gif) no-repeat left center; padding-left:12px; color:#0a9fde; margin-bottom:5px; }
#conts h4{ font-size:1.2em; line-height:1.2; margin-bottom:4px; background: url(images/co_h4_icon.gif) no-repeat left center; padding:4px 0 4px 19px; color:#303030; }
#conts h5{ font-size:1.2em; line-height:1.3; margin-bottom:3px; color:#333; }
/*▼hr▼*/
hr { border-top:1px #ccc solid; height: 1px; background-color:transparent; padding:0; margin:20px 0; display:block; }
/*▼テーブル▼*/
#conts table { margin-bottom:10px; background-color:transparent; }
#conts table tr{ }
#conts table th, #conts table td { }
#conts table th { color:#444; text-align:left; }
#conts table td { color:#color:#4f4f4f; }
#conts table caption{ font-size:1.2em; line-height:1.2; padding:0 0 5px 0; color:#0a9fde; }
/*▽テーブルボーダー追加【幅100%】▽*/
#conts table.table01 { width:100%; }
#conts table.table01 tr{ }
#conts .table01 th, #conts .table01 td { border:1px #cfcfcf solid; padding:10px; }
#conts table.table01 th { white-space:nowrap; background-color:#f9f9f9; font-weight:bold; }
#conts table.table01 td{ }
/*▽テーブルボーダー追加▽*/
#conts table.table02 { }
#conts table.table02 tr{ }
#conts .table02 th, #conts .table02 td { border:1px #cfcfcf solid; padding:10px; }
#conts table.table02 th { white-space:nowrap; background-color:#f9f9f9; font-weight:bold; vertical-align:middle; }
#conts table.table02 td{ }
/*▼リスト関係▼*/
#conts ul { padding-left:2.5em; margin-bottom:1em; list-style:disc; }
#conts ol { padding-left:2.5em; margin-bottom:1em; list-style-type:decimal; }
#conts li { margin-bottom:0.5em; }
#conts dl { margin-bottom:1em; }
#conts dd { padding-left:2em; }
/* サイトメーカーテンプレート
====================================================================================================================================== */
/*▼パンくずリスト▼*/
#conts #breadcrumb { margin-bottom:3px; }
#conts #breadcrumb span.border { color:#aaa; }
#conts #breadcrumb a { text-decoration:underline; }
#conts #breadcrumb a:hover { text-decoration:none; }
#conts #breadcrumb div { display:inline; }
/*▼索引▼*/
#conts .list_box { border-bottom:1px #aaa dotted; margin-bottom:15px; padding-bottom:15px; }
#conts .list_box .img_box { float:left; display:inline; }
#conts .list_box .img_box img { margin-right:10px; }
#conts .list_box .text_box { overflow:hidden; zoom:1; }
#conts .list_box .text_box h4{ line-height:1.2; background:url(images/co_link_icon.gif) no-repeat left 3px; padding:0; padding-left:18px; margin-bottom:3px; }
#conts .list_box .text_box h4 a{ display:inline-block; text-decoration:none; }
#conts .list_box .text_box h4 a:hover{ text-decoration:underline; }
/*▼文章枠▼*/
#conts .section { margin-bottom:5px; }
/* f85追加
====================================================================================================================================== */
#f85 #container { background:none; }
#f85 #wrapper { padding-top:0; width:920px; background:none; text-align:left; }
#f85 #header { padding-top:10px;margin-bottom:10px; }
#f85 #conts { width:920px; float:none; padding-top:0px; }
#f85 #conts h2,
#f85 #conts h3,
#f85 #conts h4 { margin:0; padding:0; }
#f85 #conts img { vertical-align:bottom; margin:0; }
.f85_box { position:relative; zoom:1; }
.f85_box .btn { position:absolute; left: 642px; top: 223px; zoom:1; }
#f85 #conts h3.item01 { background:none; background-color:#666; line-height:1.3em; color:#fefefe; padding:5px 10px; font-size:1.2em; margin:0; }
#f85 #footer01 a:hover { text-decoration:none; }
#f85 #footer01 { border-top:1px #bbb dotted; }
#f85 #header #social_box { position: absolute; top:21px; right:0; zoom:1; }
#f85 p#description { padding-top:8px; font-size:0.8em; width:920px; text-align:left; margin:0 auto; }
/* フォーム
====================================================================================================================================== */
#formWrap {
width:700px;
margin:0 auto;
color:#555;
line-height:120%;
font-size:90%;
}
table.formTable{
width:100%;
margin:0 auto;
border-collapse:collapse;
}
table.formTable td,table.formTable th{
border:1px solid #ccc;
padding:10px;
}
table.formTable th{
width:30%;
font-weight:normal;
background:#efefef;
text-align:left;
}
p.error_messe{
margin:5px 0;
color:red;
}
/* サイトマップ
====================================================================================================================================== */
.sitemap li{
padding-left:42px;
line-height:32px;
background:url(images/m_idx.gif) top left no-repeat;
list-style:none;
}
#conts .sitemap ul{
padding-left:0.1em;
}
.sitemap li.open{
background:url(images/m_idx_open.gif) top left no-repeat;
}
/* sp用調整
====================================================================================================================================== */
.sp_w100{
width:38%;
float:left;
}
#conts .sp_w100+table.table01{
width:60%;
float:right;
}
#conts ul.lr{
text-align:center;
margin:0;
padding:0;
}
#conts ul.lr li{
width:48%;
float:left;
list-style:none;
margin:1%;
padding:0;
}
#conts ul.lr:after {content: ""; display:block; clear:both; height:0.1px; font-size:0.1em; visibility:hidden; line-height:0;}
#conts ul.honsha{
margin:0;
padding:0;
}
#conts ul.honsha li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#conts ul.honsha .photo{
width:400px;
}
#conts ul.honsha .map{
width:256px;
float:right;
}
#conts ul.honsha:after {content: ""; display:block; clear:both; height:0.1px; font-size:0.1em; visibility:hidden; line-height:0;}
.mail_color {
color: #cc0000;
}