/* ++++++++++++++++++ 会社概要グループ共通の設定 ++++++++++++++++++ */
#gttl.company h1 { float:left; width:407px; height:100px; background: url(../company/img/gttl1.gif) no-repeat;
    text-indent:-9999px; text-decoration:none; overflow:hidden; }
#gttl.company_tmp h1 { float:left; width:407px; height:100px; background: url(../company/img/gttl1.gif) no-repeat;
    text-indent:-9999px; text-decoration:none; overflow:hidden; }
#gttl.company .ph { float:right; width:353px; height:100px; background:url(../company/img/gttl2.jpg) no-repeat; }
#gttl.company_tmp .ph { float:right; width:353px; height:100px; background:url(../company/img/gttl2_tmp.jpg) no-repeat; }

/* ++++++ 470px幅テーブル ++++++ */
#tb { width:470px; margin:0 0 30px 40px; background: url(../company/img/tb.gif) repeat-y; }
#tb .L { float:left; width:90px; padding:7px 5px 5px 5px; }
#tb .R { float:right; width:360px; padding:7px 5px 5px 5px; }
#tb .R ul { margin:0; line-height:15px; }
#tb .R ul li { margin:0 0 10px 0; padding:0 0 0 13px; background:url(../img/square01.gif) no-repeat 0 3px; }
#tb .R ul ul { margin:3px 0 0 20px; }
#tb .R ul ul li { margin:0; padding:0; background-image:none; list-style:disc; }
#tb .dot01 { margin:0; }

/* ++++++ 470px幅テーブル（透明） ++++++ */
#tb.tp { width:510px; margin:0 0 30px 3px; background-image:none; }
#tb.tp .L { float:left; width:87px; padding:7px 5px 5px 5px; }
#tb.tp .R { float:right; width:400px; padding:7px 5px 5px 5px; }
#tb.tp .dot01 { margin:0; }

/* ++++++++++++++++++ 会社概要の設定 ++++++++++++++++++ */
#cont.top h1 { width:530px; height:26px; margin:0 0 15px 0;
    background: url(../company/img/ttl_top.gif) no-repeat; text-indent:-9999px; text-decoration:none; }

#cont.top h1.his { width:530px; height:26px; margin:0 0 15px 0;
    background: url(../company/img/ttl_top2.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.top h2.hl1 { width:530px; height:20px; margin:0 0 10px 0;
    background: url(../company/img/hl1_top.gif) no-repeat; text-indent:-9999px; text-decoration:none; }

/* ++++++++++++++++++ メッセージの設定 ++++++++++++++++++ */
#cont.mes h1 { width:530px; height:26px; margin:0 0 15px 0;
    background: url(../company/img/ttl_mes.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.mes h2.pict { width:525px; height:160px; margin:0 0 15px 0;
    background: url(../company/img/pict_mes.jpg) no-repeat; text-indent:-9999px; text-decoration:none; }

/* ++++++++++++++++++ 経営理念・行動規範の設定 ++++++++++++++++++ */
#cont.principle h1 { width:530px; height:26px; margin:0 0 20px 0;
    background: url(../company/img/ttl_principle.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.principle h2.hl1 { width:530px; height:20px; margin:0 0 5px 0;
    background: url(../company/img/hl1_principle.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.principle h2.hl2 { width:530px; height:20px; margin:0 0 5px 0;
    background: url(../company/img/hl2_principle.gif) no-repeat; text-indent:-9999px; text-decoration:none; }

#cont.principle .bg { width:530px; background: url(../company/img/principle.jpg) repeat-y; }
#cont.principle .txt p { margin:0 0 15px 60px; font-size:14px; line-height:20px; }

/* ++++++++++++++++++ X?ARTに込めた想いの設定 ++++++++++++++++++ */
#cont.about h1 { width:530px; height:26px; margin:0 0 15px 0;
    background: url(../company/img/ttl_about.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.about h2.ban { width:525px; height:130px; margin:0 0 20px 0;
    background: url(../company/img/ban_about.jpg) no-repeat; text-indent:-9999px; text-decoration:none; }

#cont.about h2.hl1 { width:530px; height:20px; margin:0 0 5px 0;
    background: url(../company/img/hl1_about.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.about h2.hl2 { width:530px; height:20px; margin:0 0 5px 0;
    background: url(../company/img/hl2_about.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.about h2.hl3 { width:530px; height:20px; margin:0 0 5px 0;
    background: url(../company/img/hl3_about.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.about h2.hl4 { width:530px; height:20px; margin:0 0 5px 0;
    background: url(../company/img/hl4_about.gif) no-repeat; text-indent:-9999px; text-decoration:none; }


/* ++++++++++++++++++ 地図の設定 ++++++++++++++++++ */
#cont.map h1 { width:530px; height:26px; margin:0 0 20px 0;
    background: url(../company/img/ttl_map.gif) no-repeat; text-indent:-9999px; text-decoration:none; }

#cont.map p.map { margin:0 0 10px 80px; }

/* ++++++++++++++++++ プレスリリースの設定 ++++++++++++++++++ */
#cont.press h1 { width:530px; height:26px; margin:0 0 20px 0;
    background: url(../company/img/ttl_press.gif) no-repeat; text-indent:-9999px; text-decoration:none; }

#cont.press h2.hl1 { width:530px; height:20px; margin:0 0 5px 0;
    background: url(../company/img/hl1_press.gif) no-repeat; text-indent:-9999px; text-decoration:none; }
#cont.press h2.hl2 { width:530px; height:20px; margin:0 0 5px 0;
    background: url(../company/img/hl2_press.gif) no-repeat; text-indent:-9999px; text-decoration:none; }

#cont.article h1 { width:520px; height:23px; margin:0 0 5px 0; padding:3px 0 0 10px;
    background: url(../company/img/ttl_article.gif) no-repeat; color:#d70005; font-size:14px; font-weight:bold;
    line-height:16px; }
#cont.article h1.double { width:520px; height:39px; margin:0 0 5px 0; padding:3px 0 0 10px;
    background: url(../company/img/ttl_article2.gif) no-repeat; color:#d70005; font-size:14px; font-weight:bold;
    line-height:17px; }
#cont.article #R h2 { width:520px; height:20px; margin:0 0 10px 0; padding:0 0 0 10px;
    font-size:14px; font-weight:bold; line-height:16px; background: url(../company/img/hl1_article.gif) no-repeat; }

#cont.article p { margin:0 0 15px 0; }
#cont.article p.lead { margin:0 0 15px 0; padding:10px; border-left:1px dotted #555; border-right:1px dotted #555; background:#f2f2f2; }
#cont.article p.date { text-align:right; margin:0 0 15px 0; }

#cont.article dl { margin:0 0 15px 3px; }
#cont.article dt { margin:0 0 3px 0; font-weight:bold; }
#cont.article dd { margin:0 0 10px 0; }

#cont.article #R ul { margin:0; line-height:15px; }
#cont.article #R ul li { margin:0 20px 5px 40px; padding:0; list-style:disc; font-weight:normal; }
#cont.article #R ol { margin:0; line-height:15px; }
#cont.article #R ol li { margin:0 20px 5px 50px; padding:0; list-style: decimal; font-weight:normal; }

#tb.tp a:link,#tb.tp a:visited {color:#103491;text-decoration:underline;}
#tb.tp a:hover {color:#d70005;text-decoration:underline;}

/* ++++++++++++++++++ プレスリリース紹介記事の設定 ++++++++++++++++++ */
#article { margin:0 auto; padding:10px; background-image:none; background:#fff; }
#article h1 { margin:0 0 5px 0; padding:5px; border-top:1px solid #555;
    border-bottom:1px solid #555; background:#eee; font-size:14px; font-weight:bold; }
.close { margin:5px 0;  text-align:center; }






/* ++++++++++++++++++ 会社概要サイドメニュー ++++++++++++++++++ */
ul.smn { margin:0; } 
ul.smn li.top a { display:block; width:180px; height:26px; margin:0 0 8px 0;
    background:url(../company/img/b_top.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }
ul.smn li.top a:hover { background: url(../company/img/b_top_o.gif); }
ul.smn li.mes a { display:block; width:170px; height:13px; margin:0 0 5px 10px;
    background:url(../company/img/b_mes.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }
ul.smn li.mes a:hover { background: url(../company/img/b_mes_o.gif); }

ul.smn li.principle a { display:block; width:170px; height:13px; margin:0 0 5px 10px;
    background:url(../company/img/b_principle.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }
ul.smn li.principle a:hover { background: url(../company/img/b_principle_o.gif); }

ul.smn li.map a { display:block; width:170px; height:13px; margin:0 0 5px 10px;
    background:url(../company/img/b_map.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }
ul.smn li.map a:hover { background: url(../company/img/b_map_o.gif); }
ul.smn li.press a { display:block; width:170px; height:13px; margin:0 0 5px 10px;
    background:url(../company/img/b_press.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }
ul.smn li.press a:hover { background: url(../company/img/b_press_o.gif); }
ul.smn li.about a { display:block; width:170px; height:13px; margin:0 0 5px 10px;
    background:url(../company/img/b_about.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }
ul.smn li.about a:hover { background: url(../company/img/b_about_o.gif); }
ul.smn li.recruit a { display:block; width:170px; height:13px; margin:0 0 5px 10px;
    background:url(../company/img/b_recruit.gif); text-indent:-9999px; text-decoration:none; overflow:hidden; }
ul.smn li.recruit a:hover { background: url(../company/img/b_recruit_o.gif); }




