@charset "utf-8"; /* CSS Document */ body{ background:url(../imgs/bgk.png) top repeat-x; font-size:12px; line-height:160%; text-align:center; margin:0px auto 0px auto; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} html{ height:101%;} #all{ margin:0px auto 0px auto; padding:0px 0px 10px 0px; text-align:center; width:830px; display:table; background:url(../imgs/all.png) top left repeat-y;} .all_top { margin:0px auto 0px auto; padding:0px; text-align:center; width:830px; display:block; height:0px; } .all_bottom { margin:0px auto 0px auto; padding:0px; text-align:center; width:830px; display:block; height:20px; background:url(../imgs/all_bottom.png) bottom no-repeat;} #top { width:830px; height:150px; background:url(../imgs/top.png) top left no-repeat; margin:0px auto 0px auto; display:block;} .logo { height:67px; width:225px; background:; float:left; margin:35px 0px 0px 3px; display:block;} .logo a { height:67px; width:225px; background:url(../imgs/logo_a.png) top no-repeat; float:left; margin:0px; display:block;} #menu { width:820px; height:42px; background:; display:block; float:left; margin:0px 0px 0px 0px; border-top:0px solid #666;} .menu_line_bottom { } .menu { width:820px; height:35px; background:url(../imgs/menu.gif) top repeat-x; display:block; float:left; margin:0px;} .menu ul { margin:0px; padding:0px; display:block; float:left;} .menu ul li { width:160px; height:35px; display:block; float:left;} .btn_home { background:url(../imgs/btn_home_c.gif) top left no-repeat; height:35px; width:160px;} .btn_home a { background:url(../imgs/btn_home_a.gif) top left no-repeat; height:35px; width:160px; display:block;} .btn_home a:hover { background:url(../imgs/btn_home_b.gif) top left no-repeat;} .btn_company { background:url(../imgs/btn_company_c.gif) top left no-repeat; height:35px; width:160px;} .btn_company a { background:url(../imgs/btn_company_a.gif) top left no-repeat; height:35px; width:160px; display:block;} .btn_company a:hover { background:url(../imgs/btn_company_b.gif) top left no-repeat;} .btn_products { background:url(../imgs/btn_products_c.gif) top left no-repeat; height:35px; width:160px;} .btn_products a { background:url(../imgs/btn_products_a.gif) top left no-repeat; height:35px; width:160px; display:block;} .btn_products a:hover { background:url(../imgs/btn_products_b.gif) top left no-repeat;} .btn_recruit { background:url(../imgs/btn_recruit_c.gif) top left no-repeat; height:35px; width:160px;} .btn_recruit a { background:url(../imgs/btn_recruit_a.gif) top left no-repeat; height:35px; width:160px; display:block;} .btn_recruit a:hover { background:url(../imgs/btn_recruit_b.gif) top left no-repeat;} .btn_contact { background:url(../imgs/btn_contact_c.gif) top left no-repeat; height:35px; width:160px;} .btn_contact a { background:url(../imgs/btn_contact_a.gif) top left no-repeat; height:35px; width:160px; display:block;} .btn_contact a:hover { background:url(../imgs/btn_contact_b.gif) top left no-repeat;} .flash { width:800px; height:284px; background:#CCC url(../imgs/flash_bottom.gif) bottom left repeat-x; display:block; margin:0px auto 10px 9px; padding:0px; float:left; } #wrap { width:800px; display:block; margin:0px 0px 0px 9px; padding:0px; float:left;} #navi_right { width:202px; float:right; display:block; margin-top:2px;} #navi_right .banner { margin:0px 0px 6px 0px; text-align:right;} #content { width:590px; display:block; float:left; margin:0px; padding:0px;} #content p.news { background:url(../imgs/news.png) top no-repeat; width:590px; height:34px; display:block; float:left; margin:0px; padding:0px; } #content p.news .more { background:url(../imgs/conner.png) top left no-repeat; height:20px; width:100px; display:block; float:right; margin:10px 0px 0px 0px; text-align:left; padding:0px 0px 0px 20px; line-height:100%; } #content p.news .more a { color:#000; text-decoration:none;} #content p.news .more a:hover { text-decoration:underline;} #content div.news_frm { background:url(../imgs/news_frm.gif) top left repeat-y; display:block; text-align:left; height:288px; margin:0px; padding:0px; width:590px; float:left;} #content div.news_frm dl { margin:10px 0px 0px 20px; padding:5px 0px 5px 0px; line-height:160%; width:530px; display:table;} #content div.news_frm dt { float:left; width:120px; margin:2px 0px 2px 0px; padding:0px; } #content div.news_frm dt a {color:#06C; font-weight:bold; text-decoration:none;} #content div.news_frm dt a:hover{ text-decoration:underline;} #content div.news_frm dd { float:left; width:390px; margin:2px 0px 2px 0px; padding:0px 0px 0px 20px; background:url(../imgs/conner.png) left no-repeat; } #content div.news_frm dd a { color:#333; text-decoration:none;} #content div.news_frm dd a:hover{ text-decoration:underline;} /*************************************************************************************************NEWS */ #news { width:780px; display:block; float:left; margin:10px 5px 10px 10px;} #news .ttl { background:url(../imgs/news_l.png) top no-repeat; height:35px; float:left; display:block; margin:0px; padding:0px; width:780px;} #news div.news { display:block; margin:0px auto 0px auto; float:left; width:780px;} #news div.news_frm { border:2px outset #E0E7E6; text-align:left; padding-top:10px; padding-bottom:10px;} #news div.news_frm dl { margin:5px; padding:10px 0px 10px 0px; line-height:180%; display:table; background-color:#FFF; border:1px solid #6FF; width:760px;} #news div.news_frm dt { float:left; width:120px; margin:2px 20px 3px 10px; padding:0px; border-bottom:1px dotted #CCC;} #news div.news_frm dt a { color:#06C; font-weight:bold; text-decoration:none;} #news div.news_frm dt a:hover { text-decoration:underline;} #news div.news_frm dd { float:left; width:500px; margin:2px 0px 3px 0px; padding:0px 0px 0px 20px; background:url(../imgs/conner.png) left no-repeat; border-bottom:1px dotted #fff;} #news div.news_frm dd a { color:#333; text-decoration:none;} #news div.news_frm dd a:hover { text-decoration:underline;} #news p.title_date { color:#06C; margin:0px 0px 0px 20px; padding:10px 0px 0px 0px; line-height:120%; font-size:17px; float:left; display:table; width:660px; border-bottom:1px solid #09F; height:20px;} #news p.back { float:right; display:block; margin:10px 10px 0px 0px; padding:0px; width:80px; height:20px; background-color:#FC3; text-align:center; border:1px solid #FFF;} #news p.back a { color:#333; width:80px; display:block;} #news p.back a:hover { color:#000; background-color:#9C0; width:80px; height:20px;} #news .news_content { margin:20px; padding:0px 0px 10px 0px; line-height:160%; display:table;} #news .news_content ul { margin:10px 0px 15px 10px; padding:0px 0px 0px 0px; display:table; } #news .news_content ul li { font-weight:bold; background:url(../imgs/conner_01.png) left no-repeat; padding-left:20px; display:block; float:left; width:740px; line-height:200%;} /*************************************************************************************************COMPANY */ #company { width:790px; display:block; float:left; margin:20px 5px 10px 5px;} #company div.company_frm { background:url(../imgs/frm_l.gif) top left repeat-y; display:table; text-align:left; width:790px;} #company div.company_frm p { margin:0px; line-height:160%; color:#333;} #company div.frm { background:#FFF; border:1px solid #CCC; margin:10px; padding:20px;} #company .text_01 { font-size:15px; margin:0px; padding:1px; color:#333; background:; border:0px solid #06F; font-weight:bold;} #company .ttl { background:url(../imgs/conner.png) left no-repeat; margin:15px 5px 0px 0px; font-size:15px; padding-left:20px; font-weight:bold; color:#F30;} #company div.tab_company { background:url(../imgs/tab_line.gif) bottom repeat-x; width:790px; height:30px; display:block; float:left; margin:0px; padding:0px;} #company div.tab_company ul { display:block; float:left; width:790px; height:24px; margin:0px; padding:0px;} #company div.tab_company ul li{ width:160px; height:24px; float:left; display:block; margin:0px 1px 0px 0px;} #company .tab_01 { background:url(../imgs/tab_01_a.gif) top left no-repeat; height:24px ; width:160px;} #company .tab_01 a { background:url(../imgs/tab_01_b.gif) top left no-repeat; height:24px ; width:160px; display:block; } #company .tab_01 a:hover { background:url(../imgs/tab_01_c.gif) top left no-repeat; height:24px ; width:160px;} #company .tab_02 { background:url(../imgs/tab_02_a.gif) top left no-repeat; height:24px ; width:160px;} #company .tab_02 a { background:url(../imgs/tab_02_b.gif) top left no-repeat; height:24px ; width:160px; display:block; } #company .tab_02 a:hover { background:url(../imgs/tab_02_c.gif) top left no-repeat; height:24px ; width:160px;} #company .tab_03 { background:url(../imgs/tab_03_a.gif) top left no-repeat; height:24px ; width:160px;} #company .tab_03 a { background:url(../imgs/tab_03_b.gif) top left no-repeat; height:24px ; width:160px; display:block; } #company .tab_03 a:hover { background:url(../imgs/tab_03_c.gif) top left no-repeat; height:24px ; width:160px;} #company .tab_04 { background:url(../imgs/tab_04_a.gif) top left no-repeat; height:24px ; width:160px;} #company .tab_04 a { background:url(../imgs/tab_04_b.gif) top left no-repeat; height:24px ; width:160px; display:block; } #company .tab_04 a:hover { background:url(../imgs/tab_04_c.gif) top left no-repeat; height:24px ; width:160px;} #company table { margin:10px 10px 10px 20px; width:750px;} #company th { background:#9FF; font-size:13px; text-align:left; padding:3px 3px 3px 10px; border:1px dotted #333; font-weight:normal; line-height:160%;} #company td { background:#fff; font-size:13px; text-align:left; padding:3px 3px 3px 10px; border:1px dotted #333; font-weight:normal; line-height:160%;} #company td a { color:#F30; text-decoration:underline;} #company td a:hover { text-decoration:none; color:#F90;} /*************************************************************************************************PRODUCTS */ #product { width:790px; display:block; float:left; margin:20px 5px 10px 5px;} #product div.product_frm { background:url(../imgs/frm_l.gif) top left repeat-y; display:table; text-align:left; width:790px;} #product div.product_frm .frm { float:left; display:block; background:#fff; width:360px; margin:10px 0px 10px 12px; border:2px solid #CCC; padding:0px 0px 10px 0px; font-size:12px; line-height:160%;} #product div.product_frm dl { margin:0px 10px 1px 10px; border:1px solid #D6E9E9; padding:10px;} #product div.product_frm dl:hover { background-color:#CFC;} #product div.product_frm dt { margin:0px; padding:0px 0px 0px 12px; color:#06C; background:url(../imgs/conner_01.png) left no-repeat; width:300px; display:block; font-weight:bold; } #product div.product_frm dd { margin:0px 0px 0px 10px; padding:0px; color:#333;} #product div.tab_product { background:url(../imgs/tab_line.gif) bottom repeat-x; width:790px; height:30px; display:block; float:left; margin:0px; padding:0px;} #product div.tab_product ul { display:block; float:left; width:790px; height:24px; margin:0px; padding:0px;} #product div.tab_product ul li{ width:160px; height:24px; float:left; display:block; margin:0px 1px 0px 0px;} #product .tab_01 { background:url(../imgs/tab_05_a.gif) top left no-repeat; height:24px ; width:160px; } #product .tab_01 a { background:url(../imgs/tab_05_b.gif) top left no-repeat; height:24px ; width:160px; display:block; } #product .tab_01 a:hover { background:url(../imgs/tab_05_c.gif) top left no-repeat; height:24px ; width:160px; } #product .tab_02 { background:url(../imgs/tab_06_a.gif) top left no-repeat; height:24px ; width:160px; } #product .tab_02 a { background:url(../imgs/tab_06_b.gif) top left no-repeat; height:24px ; width:160px; display:block; } #product .tab_02 a:hover { background:url(../imgs/tab_06_c.gif) top left no-repeat; height:24px ; width:160px; } #product div.product_frm .frm table{ margin:0px 0px 10px 10px; width:;} #product div.product_frm .frm th { background:#9FF; font-size:13px; text-align:left; padding:3px 3px 3px 10px; border:1px dotted #000; font-weight:normal; line-height:160%;} #product div.product_frm .frm td { background:#fff; font-size:13px; text-align:left; padding:5px; border:1px dotted #000; font-weight:normal; line-height:160%;} #product div.product_frm .frm td a { color:#F30; text-decoration:none;} #product div.product_frm .frm td a:hover{ text-decoration:underline;} #product div.product_frm .frm div.ttl{ margin:10px 10px 3px 10px; font-size:15px; font-weight:bold; border-top:1px solid #9FC5D7; border-left:1px solid #9FC5D7; border-right:1px solid #A3B4C5; border-bottom:1px outset #39C; background: #D6E6F1 url(../imgs/conner.png) 2px no-repeat; padding:2px 2px 2px 20px; } #product .frm_intro { margin:10px 10px 10px 10px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; float:left; display:block; padding:10px 0px 10px 0px; background:#fff url(../imgs/bgk_product.gif) top repeat-x; width:760px;} #product .frm_intro div.left { float:left; display:block; width:225px;} #product .frm_intro div.left img { border:1px solid #CCC; padding:1px;} #product .frm_intro div.right { float:right; display:block; width:530px;} #product .frm_intro div.right p.more { width:120px; height:30px; background:url(../imgs/more.png) left no-repeat; text-align:left; float:right; font-size:12px; display:block; line-height:200%;} #product .frm_intro div.right p.more a{ color:#000;width:120px; height:30px; display:block; padding-left:20px; text-decoration:none;} #product .frm_intro div.right p.more a:hover{ color:#F30;} #product .frm_intro p { margin:0px; padding:0px;} #product .frm_intro p.ttl { margin:0px 0px 10px 0px; padding:0px; color:#F30; font-weight:bold; font-size:15px; background:#fff url(../imgs/conner.png) left no-repeat; padding-left:20px;} /*#product .frm_intro p.ttl { margin:0px 0px 10px 0px; background:url(../imgs/ttl.gif) left no-repeat;height:30px; width:760px; text-align:center;} */ /*************************************************************************************************RECRUIT */ #recruit { width:790px; display:block; float:left; margin:20px 5px 10px 5px;} #recruit div.recruit_frm { background:url(../imgs/frm_l.gif) top left repeat-y; display:table; text-align:left; width:790px;} #recruit div.recruit_frm p { margin:20px; line-height:160%; font-size:15px; color:#066;} #recruit div.tab_recruit { background:url(../imgs/tab_line.gif) bottom repeat-x; width:790px; height:30px; display:block; float:left; margin:0px; padding:0px;} #recruit div.tab_recruit ul { display:block; float:left; width:790px; height:24px; margin:0px; padding:0px;} #recruit div.tab_recruit ul li{ width:160px; height:24px; float:left; display:block; margin:0px 1px 0px 0px;} #recruit .tab { background:url(../imgs/tab_07_a.gif) top left no-repeat; height:24px ; width:160px; } #recruit .tab a { background:url(../imgs/tab_07_b.gif) top left no-repeat; height:24px ; width:160px; display:block; } #recruit .tab a:hover { background:url(../imgs/tab_07_c.gif) top left no-repeat; height:24px ; width:160px; } #recruit table { margin:10px 0px 10px 20px; width:750px;} #recruit th { background:#9FF; font-size:15px; text-align:left; padding:3px 3px 3px 10px; border:1px dotted #000; font-weight:bold; line-height:160%;} #recruit td { background:#fff; font-size:13px; text-align:left; padding:10px; border:1px dotted #000; font-weight:normal; line-height:160%;} #recruit td a { color:#F30; text-decoration:underline;} #recruit td a:hover { text-decoration:none;} /*************************************************************************************************POLICY */ #policy { width:790px; display:block; float:left; margin:20px 5px 10px 5px;} #policy div.policy_frm { background:url(../imgs/frm_l.gif) top left repeat-y; display:table; text-align:left; width:790px;} #policy div.policy_frm p { margin:20px; line-height:160%; font-size:15px; line-height:160%;} #policy div.tab_policy { background:url(../imgs/policy.png) bottom repeat-x; width:790px; height:34px; display:block; float:left; margin:0px; padding:0px;} #policy table { margin:10px 0px 10px 20px; width:750px;} #policy th { background:#9FF; font-size:15px; text-align:left; padding:3px 3px 3px 10px; border:1px dotted #000; font-weight:bold; line-height:160%;} #policy td { background:#fff; font-size:13px; text-align:left; padding:10px; border:1px dotted #000; font-weight:normal; line-height:160%;} #policy td a { color:#F30; text-decoration:underline;} #policy td a:hover { text-decoration:none;} #policy div.ttl01 { margin:20px 10px 10px 10px; font-size:17px; font-weight:bold; border-bottom:1px solid #3C9; color:#360;} #policy a { color:#F30;} #policy a:hover { color:#393;} /*************************************************************************************************page class */ .page { display:block; height:20px; width:770px; margin:10px auto 0px auto; text-align:center; float:left;} .page .left { float:left; display:block; width:400px; text-align:left; margin-left:10px;} .page .right { float:right; display:block; width:360px; text-align:right;} /*************************************************************************************************bottom */ #bottom { background:url(../imgs/bgk_bottom.png) bottom repeat-x; text-align:center;float:left; width:100%; margin:0px auto 0px auto; display:table; padding:0px 0px 1px 0px; color:#666; font-size:11px; } #bottom a { font-size:12px; color:#03C;} #bottom a:hover { color:#FFF; background-color:#009;} .all_bottom { background:url(../imgs/all_bottom.png) bottom no-repeat; height:20px; width:830px; margin:0px auto 0px auto;} .bottom { background:url(../imgs/all.png) bottom repeat-y; height:30px; width:830px; margin:0px auto 0px auto; padding-top:30px;} /*********************************************************************************************** */ .text_blue{ color:#06C; font-size:15px; margin:10px 0px 10px 0px;} .top10 { margin-top:10px; line-height:180%;} .top20 { margin-top:20px; line-height:200%;} .left10 { margin-left:10px;} .left20 { margin-left:20px;}