@charset "Shift_JIS"; /* tag initilize */ h3,h4,h5 { font-size:12px; _font-size: 100%; font-weight:normal; } .cssVersion2 h4 { font-size:16px; line-height: 1.6; font-weight:800; } /* 特集中見出し */ /* mod_font-style.css expand */ #index a strong{ color: #206fb0; font-weight: normal!important; } #index a:hover strong{ color: #ffffff; background:#206fb0; } #index a:visited strong{ color: #B683AE; } a.strongBold strong, a.strongBold .fontWeightBold { color: #206fb0; font-weight:bold;} a.strongBold:hover strong, a.strongBold:hover .fontWeightBold { font-weight:bold;} a.strongBold:visited strong, a.strongBold:visited .fontWeightBold { color: #B683AE; font-weight:bold;} /* expand */ .indent, .indent * { text-indent:1em; } .clearRight { font-size: 0px; line-height: 0px; clear:right; } /* utilities */ .docW { line-height:1.6; } .cn2blue, .cn2blue * { color: #336699; } .cn2lightBlue, .cn2lightBlue * { color: #6699CC; } .cn2lightBlue2, .cn2lightBlue2 * { color: #33CCCC; } .cn2darkPurple, .cn2darkPurple * { color: #333399; } .cn2lightYellow, .cn2lightYellow * { color: #FFC000; } .cn2purple, .cn2purple * { color:#CC99CC; } .cn2lightPurple, .cn2lightPurple * { color:#8282CE; } .cn2red, .cn2red * { color: #CC3333; } .cn2lightRed, .cn2lightRed * { color:#FF3333; } .cn2green, .cn2green * { color:#66CC99; } .cn2lightGreen, .cn2lightGreen * { color:#66CC33; } .cn2darkGreen, .cn2darkGreen * { color:#336600; } .cn2darkGreen2, .cn2darkGreen2 * { color:#006666; } .marginBottomB1 { margin-bottom:-1px;} .marginLeft1 { margin-left:1px;} .marginLeft4 { margin-left:4px;} .marginLeft9 { margin-left:9px;} .marginLeft11 { margin-left:11px;} .marginRight7 { margin-right:7px;} .marginRightS { margin-right:5px;} .marginRight1 { margin-right:1px;} .hrE5E5E5 { background: #E5E5E5; } .hrDotGray { background: url(../img/HEN/bg_dotline.gif) repeat-x; } .notText { text-indent:-9999px; } .url {color:#206fb0; text-decoration:underline; vertical-align:middle;} table.image { border-spacing:1px; background: #999999; } table.image th { padding:5px 0 3px 0; background: #F7F7F7; } table.image td { background: #FFFFFF; text-align:center; } table.table { border-spacing:1px; background: #999999; width:100%; } table.table th { padding:5px 0 3px 0; background: #F7F7F7; } table.table td { padding:1px 6px 0 3px; background: #FFFFFF; } table.table td.bgBlue { background: #E0EBF5; text-align:center; } table.table td.bgGray { background: #E5E5E5; white-space:nowrap; text-align:left!important; } table.table td.bglightBlue { background: #D6F5F5; } table.table td.bgPurple { background: #E6E6F5; text-align:center; } table.table td.bgPurple .ls2em { letter-spacing:2em; padding-left:1em;} table.table td.w183 { width:183px; } table.table td.w359 { width:359px; } p.numList { padding-left:1.5em; text-indent:-1.5em;} .w330 { width:330px; } .w300 { width:300px; } .w460 { width:460px; } .w360 { width:360px; } #panNavigation { padding:1px 0 10px 3px; } /* contentsHead */ #contentsHead { width:700px; background:url(../img/HEN/bg_contenthead.gif) left top repeat-y; } #contentsHead .top { width:700px; background:url(../img/HEN/bg_contenthead_top.gif) left top no-repeat; } #contentsHead .bottom { width:700px; background:url(../img/HEN/bg_contenthead_bottom.gif) left bottom no-repeat; } #contentsHead .inside { padding: 0 5px; } .cssVersion2 #contentsHead .inside .doc { font-size:14px; line-height: 1.6; } .cssVersion2 #contentsHead .inside .date { font-family: MS PGOTHIC,Osaka,Verdana,Helvetica,sans-serif; } /* columnBox */ div.columnBox { width:670px; background:url(../img/HEN/bg_column.gif) left top repeat-y; } div.columnBox .top { width:670px; background:url(../img/HEN/bg_column_top.gif) left top no-repeat; } div.columnBox .bottom { width:670px; background:url(../img/HEN/bg_column_bottom.gif) left bottom no-repeat; } div.columnBox div.columnDocument { margin:0 10px 0 20px; } div.columnBoxW { width:690px; background:url(../img/HEN/bg_column_w.gif) left top repeat-y; } div.columnBoxW .top { width:690px; background:url(../img/HEN/bg_column_w_top.gif) left top no-repeat; } div.columnBoxW .bottom { width:690px; background:url(../img/HEN/bg_column_w_bottom.gif) left bottom no-repeat; } div.columnBoxW div.columnDocument { margin:0 10px 0 20px; } div.columnBoxW .columnTitle { padding-bottom:3px; border-bottom:2px solid #BBBBBB; font-weight:bold; } /* contents */ .toKigyou {margin-left:8px;} .toKigyou img {margin-bottom:1px;} .h3 .icon { margin-right:10px; } .h3 span { margin-bottom:6px; vertical-align:bottom; } #index { margin-left:10px; } .cssVersion2 #index .doc, .cssVersion2 #index .doc * { font-size:14px; line-height: 1.6; } .cssVersion2 #smb_its_navi #index .doc, .cssVersion2 #smb_its_navi #index .doc * { font-size:12px; line-height: 1.6; } /* kiji list */ #kijiList {} #kijiList th, #kijiList td { text-align:left; margin:0; padding:0 0 0 0;} #kijiList .kijiTitle { width:360px; } #kijiList .keisaibi { width:150px; } #kijiList .category { width:170px; } #kijiList .bgSortBtn { margin-left:15px; } #kijiList .subject { width:170px; } .comingSoon { margin-left:20px; } #kaiinGenteiTitle { margin-left:161px; } div.TpackcolumnTitleBox { width:690px; margin:0 10px 0 8px; background:url(../img/HEN/bg_columntit.gif) left top no-repeat; } div.TpackcolumnTitleBox .title { width:670px; padding:8px 5px 8px 18px; left top no-repeat; } /*--------------------------------------------- IT製品解体新書 ---------------------------------------------*/ #kaitai {} #kaitai .hr3 { width:700px; background:url(../img/HEN/kaitai/bg_3pxhr.gif) left top repeat-x; } #kaitai .hr4 { width:700px; background:url(../img/HEN/kaitai/bg_4pxhr.gif) left top repeat-x; } #kaitai #shoulderTitle { margin-bottom:3px;} #kaitai .titBoxA { width:690px; background:url(../img/HEN/kaitai/bg_titbox_a.gif) left top repeat-y; } #kaitai .titBoxA .top { width:690px; background:url(../img/HEN/kaitai/bg_titbox_a_top.gif) left top no-repeat!important; } #kaitai .titBoxA .bottom { width:690px; background:url(../img/HEN/kaitai/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #kaitai .titBoxA .inside { padding: 0 6px!important; } #kaitai .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #kaitai .titBoxB { width:690px; background:url(../img/HEN/kaitai/bg_titbox_b.gif) left top no-repeat; } #kaitai .titBoxB .inside { width:690px; background:url(../img/HEN/kaitai/bg_titbox_b_bottom.gif) left bottom no-repeat; } #kaitai .titBoxB .inside table th { padding:8px 9px 4px 12px; color: #6699CC; } #kaitai .titBoxB .inside table td { padding:7px 10px 5px 13px; } #kaitai .titBoxB .inside table .separater { padding:0 0 0 0; background: #6699CC; } #kaitai div.enclosed { padding:12px 10px 11px; border:1px solid #B2CCE5; } #kaitai div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/kaitai/bg_columntit.gif) left top repeat-y; } #kaitai div.columnTitleBox .inside { width:651px; background:url(../img/HEN/kaitai/bg_columntit_top.gif) right top no-repeat; } #kaitai div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/kaitai/img_columntit_pin.gif) left top no-repeat; } #kaitai div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/kaitai/bg_columntit_bottom.gif) left bottom no-repeat; } #kaitai div.columnTitleBox .title .icon { margin-right:1px; } #kaitai #memoBox .titMemo {text-indent:-9999px; background:url(../img/HEN/kaitai/tit_memo.gif) left top no-repeat; width:112px; height:13px;} #kaitai #memoBox { width:690px; background:url(../img/HEN/kaitai/bg_memo.gif) left top repeat-y; } #kaitai #memoBox .top { width:660px; padding:16px 0 12px 30px; background:url(../img/HEN/kaitai/bg_memo_top.gif) left top no-repeat; } #kaitai #memoBox .bottom { width:690px; background:url(../img/HEN/kaitai/bg_memo_bottom.gif) left bottom no-repeat; } #kaitai #memoBox .inside { margin:0 10px 0 20px; } /* other */ #kaitai .titBoxC { width:690px; background:url(../img/HEN/kaitai/bg_titbox_c.gif) left top no-repeat; } #kaitai .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/kaitai/bg_titbox_c_bottom.gif) left bottom no-repeat; } #tit_kaitai_ichiran { text-indent:-9999px; background: url(../img/HEN/kaitai/tit_kaitai_ichiran.gif) no-repeat; width:690px; height:85px; } #kaitai .hTitBoxB { width:660px; background:url(../img/HEN/kaitai/bg_htitbox_b.gif) left top no-repeat; } #kaitai .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/kaitai/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #kaitai .toolbox { width:670px; } #kaitai .toolbox .displaySwitch {background: url(../img/HEN/icon_allclose.gif) left center no-repeat; } #kaitai .toolbox .allopen { background: url(../img/HEN/icon_allopen.gif) left center no-repeat; padding-left:14px; } #kaitai .toolbox .allclose { padding-left:14px; } #kaitai .toolbox .notice { text-align:right; padding-right:6px; } #kaitai .toolbox .btn { width:80px; background: url(../img/HEN/btn_hikaku_out.gif) left top no-repeat; } #kaitai .toolbox .btn2 { text-align:right; vertical-align:top; width:280px; } #kaitai .toolbox .hidden { visibility:hidden; } #kaitai .itemBox { width:650px; } #kaitai .itemBox th, #kaitai .itemBox td { padding-top:5px; } #kaitai .itemBox .btn { width:20px; padding-right:10px; } #kaitai .itemBox .information { padding:7px 10px 0 0; } #kaitai .itemBox .checkBox { padding-top:4px!important; width:22px; padding-right:1px; text-align:center; background: url(../img/HEN/itGuide/bg_checkbox.gif); } #kaitai .itemBox th { white-space:nowrap; text-align:left; } #kaitai .itemBox td.separate { padding-right:2px; padding-left:4px; } #kaitai .titBoxD { width:670px; background:url(../img/HEN/kaitai/bg_titbox_d.gif) left top repeat-y; } #kaitai .titBoxD .bottom { width:670px; background:url(../img/HEN/kaitai/bg_titbox_d_bottom.gif) left bottom no-repeat; } #kaitai .titBoxD p { padding:7px 7px 0; font-weight:bold; } /*--------------------------------------------- IT製品選び方ガイド ---------------------------------------------*/ #itGuide {} #itGuide .hr3 { width:700px; background:url(../img/HEN/itGuide/bg_3pxhr.gif) left top repeat-x; } #itGuide .hr4 { width:700px; background:url(../img/HEN/itGuide/bg_4pxhr.gif) left top repeat-x; } #itGuide #shoulderTitle { margin-bottom:3px;} #itGuide .titBoxA { width:690px; background:url(../img/HEN/itGuide/bg_titbox_a.gif) left top repeat-y; } #itGuide .titBoxA .top { width:690px; background:url(../img/HEN/itGuide/bg_titbox_a_top.gif) left top no-repeat!important; } #itGuide .titBoxA .bottom { width:690px; background:url(../img/HEN/itGuide/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #itGuide .titBoxA .inside { padding: 0 6px!important; } #itGuide .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #itGuide .titBoxB { width:690px; background:url(../img/HEN/itGuide/bg_titbox_b.gif) left top no-repeat; } #itGuide .titBoxB .inside { width:690px; background:url(../img/HEN/itGuide/bg_titbox_b_bottom.gif) left bottom no-repeat; } #itGuide .titBoxB .inside table th { padding:8px 9px 4px 12px; color:#956D00; } #itGuide .titBoxB .inside table td { padding:7px 10px 5px 13px; } #itGuide .titBoxB .inside table .separater { padding:0 0 0 0; background: #FFC000; } #itGuide div.enclosed { padding:12px 10px 11px; border:1px solid #F1D273; } #itGuide div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/itGuide/bg_columntit.gif) left top repeat-y; } #itGuide div.columnTitleBox .inside { width:651px; background:url(../img/HEN/itGuide/bg_columntit_top.gif) right top no-repeat; } #itGuide div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/itGuide/img_columntit_pin.gif) left top no-repeat; } #itGuide div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/itGuide/bg_columntit_bottom.gif) left bottom no-repeat; } #itGuide div.columnTitleBox .title .icon { margin-right:1px; } #itGuide .titBoxD { width:670px; background:url(../img/HEN/itGuide/bg_titbox_d.gif) left top repeat-y; } #itGuide .titBoxD .bottom { width:670px; background:url(../img/HEN/itGuide/bg_titbox_d_bottom.gif) left bottom no-repeat; } #itGuide .titBoxD p { padding:7px 7px 0; font-weight:bold; } /* other */ #itGuide .titBoxC { width:690px; background:url(../img/HEN/itGuide/bg_titbox_c.gif) left top no-repeat; } #itGuide .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/itGuide/bg_titbox_c_bottom.gif) left bottom no-repeat; } #itGuide .toolbox { width:670px; } #itGuide .toolbox .displaySwitch {background: url(../img/HEN/icon_allclose.gif) left center no-repeat; } #itGuide .toolbox .allopen { background: url(../img/HEN/icon_allopen.gif) left center no-repeat; padding-left:14px; } #itGuide .toolbox .allclose { padding-left:14px; } #itGuide .toolbox .notice { text-align:right; padding-right:6px; } #itGuide .toolbox .btn { width:80px; background: url(../img/HEN/btn_hikaku_out.gif) left top no-repeat; } #itGuide .toolbox .btn2 { text-align:right; vertical-align:top; width:280px; } #itGuide .toolbox .hidden { visibility:hidden; } #itGuide .itemBox { width:650px; } #itGuide .itemBox th, #itGuide .itemBox td { padding-top:5px; } #itGuide .itemBox .btn { width:20px; padding-right:10px; } #itGuide .itemBox .information { padding:7px 10px 0 0; } #itGuide .itemBox .checkBox { padding-top:4px!important; width:22px; padding-right:1px; text-align:center; background: url(../img/HEN/itGuide/bg_checkbox.gif); } #itGuide .itemBox th { white-space:nowrap; text-align:left; } #itGuide .itemBox td.separate { padding-right:2px; padding-left:4px; } #tit_itGuide_ichiran { text-indent:-9999px; background: url(../img/HEN/itGuide/tit_itGuide_ichiran.gif) no-repeat; width:690px; height:85px; } /*--------------------------------------------- シェア情報アーカイブ ---------------------------------------------*/ #share {} #share .hr3 { width:700px; background:url(../img/HEN/share/bg_3pxhr.gif) left top repeat-x; } #share .hr4 { width:700px; background:url(../img/HEN/share/bg_4pxhr.gif) left top repeat-x; } #share .titBoxA .shareTitle {font-size:19px; padding-left:10px; color:#FFFFFF; margin-top:-2px;} #share .imageBox { border: 1px solid #999999;} #share .productItem { float:left; margin-right:10px; width:100px; } #share #shoulderTitle { margin-bottom:3px;} #share .titBoxA { width:690px; background:url(../img/HEN/share/bg_titbox_a.gif) left top repeat-y; } #share .titBoxA .top { width:690px; background:url(../img/HEN/share/bg_titbox_a_top.gif) left top no-repeat!important; } #share .titBoxA .bottom { width:690px; background:url(../img/HEN/share/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #share .titBoxA .inside { padding: 0 6px!important; } #share .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } /* other */ #share .titBoxC { width:690px; background:url(../img/HEN/share/bg_titbox_c.gif) left top no-repeat; } #share .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/share/bg_titbox_c_bottom.gif) left bottom no-repeat; } #share .hTitBoxB { width:660px; background:url(../img/HEN/share/bg_htitbox_b.gif) left top no-repeat; } #share .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/share/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #tit_share_ichiran { text-indent:-9999px; background: url(../img/HEN/share/tit_share_ichiran.gif) no-repeat; width:690px; height:85px; } /*--------------------------------------------- 最新ITゲキ売れ５ ---------------------------------------------*/ #gekiure {} #gekiure .hr3 { width:700px; background:url(../img/HEN/gekiure/bg_3pxhr.gif) left top repeat-x; } #gekiure .hr4 { width:700px; background:url(../img/HEN/gekiure/bg_4pxhr.gif) left top repeat-x; } #gekiure #shoulderTitle { } #gekiure .titBoxA { width:690px; background:url(../img/HEN/gekiure/bg_titbox_a.gif) right top repeat-y; } #gekiure .titBoxA .top { width:690px; background:url(../img/HEN/gekiure/bg_titbox_a_top.gif) left top no-repeat!important; } #gekiure .titBoxA .bottom { width:690px; background:url(../img/HEN/gekiure/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #gekiure .titBoxA .inside { padding: 0 6px!important; } #gekiure .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #gekiure .titBoxB { background: url(../img/HEN/gekiure/bg_titbox_b.gif) left top repeat-x; } #gekiure .titBoxB .tit { padding:13px 0 6px 15px; } /* other */ #gekiure .titBoxC { background:url(../img/HEN/gekiure/bg_titbox_c.gif) left bottom no-repeat; } #gekiure .titBoxC .inside { padding:5px 10px 3px 15px; background:url(../img/HEN/gekiure/bg_titbox_c_top.gif) left top no-repeat; } #gekiure .w450 { width:450px; } #gekiure .w425 { width:425px; } #gekiure .w665 { width:665px; } #gekiure .w220 { width:220px; } #gekiure .boxArrow { padding-left:18px; background: url(../img/HEN/gekiure/icon_box_arrow.gif) left 2px no-repeat; } #gekiure .rankBox { width:220px; background: url(../img/HEN/gekiure/bg_rankbox_.gif) left top repeat-y; } #gekiure .rankBox .top { width:210px; padding:5px 5px 0; background: url(../img/HEN/gekiure/bg_rankbox_top.gif) left top no-repeat; } #gekiure .rankBox .inside { width:220px; background: url(../img/HEN/gekiure/bg_rankbox_bottom.gif) left bottom no-repeat; } #gekiure .rankBox .border { width:220px; background: url(../img/HEN/gekiure/bg_rankbox_border.gif) left top no-repeat; } #gekiure .notice { line-height:1.6; } #gekiure .note { line-height:1.25!important; } #gekiure .pickupBox { width:690px; background: url(../img/HEN/gekiure/bg_pickupbox.gif) left top repeat-y; } #gekiure .pickupBox .top { width:690px; background: url(../img/HEN/gekiure/bg_pickupbox_top.gif) left top no-repeat; } #gekiure .pickupBox .inside { padding:0 10px 11px 21px; width:659px; background: url(../img/HEN/gekiure/bg_pickupbox_bottom.gif) left bottom no-repeat; } #gekiure .pickupBox .left { float:left; width:424px; } #gekiure .pickupBox .border { background: url(../img/HEN/gekiure/bg_pickupbox_border.gif) left top repeat-x; } #gekiure .pickupBox .right { float:right; width:225px; } #gekiure .pickupBox .circle { margin-right:1px; } #gekiure .horidashiBox { width:690px; } #gekiure .horidashiBox .top { padding:8px 10px 15px 53px; width:627px; background: url(../img/HEN/gekiure/bg_horidashi_top.gif) left top no-repeat; } #gekiure .horidashiBox .bottom { width:690px; background: url(../img/HEN/gekiure/bg_horidashi_bottom.gif) left bottom no-repeat; } #gekiure .horidashiBox .inside1 { padding:0 10px 0 20px; background: url(../img/HEN/gekiure/bg_horidashi.gif) left top repeat-y; } #gekiure .horidashiBox .border { background: url(../img/HEN/gekiure/bg_horidashi_border.gif) left top repeat-x; } #gekiure .horidashiBox .inside2 { background: url(../img/HEN/gekiure/bg_horidashi_2.gif) left top repeat-y; padding:0 8px 0 15px; } #gekiure .columnBoxW .columnTitle span { margin-right:1px; } #gekiure #tit_trend_yomu {background:url(../img/HEN/gekiure/tit_trend_yomu.gif) left top no-repeat; width:183px; height:21px; text-indent:-9999px; } #gekiure #tit_pickupreview {background:url(../img/HEN/gekiure/tit_pickupreview.gif) left top no-repeat; width:183px; height:21px; text-indent:-9999px; } #gekiure #tit_horidashi {background:url(../img/HEN/gekiure/tit_horidashi.gif) left top no-repeat; width:357px; height:19px; text-indent:-9999px; } #gekiure #tit_column {background:url(../img/HEN/gekiure/tit_column.gif) left top no-repeat; width:671px; height:34px; text-indent:-9999px; } #gekiure .hTitBoxB { width:660px; background:url(../img/HEN/gekiure/bg_htitbox_b.gif) left top no-repeat; } #gekiure .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/gekiure/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #tit_gekiure_ichiran { text-indent:-9999px; background: url(../img/HEN/gekiure/tit_gekiure_ichiran.gif) no-repeat; width:690px; height:85px; } /*--------------------------------------------- バックナンバー ---------------------------------------------*/ #backnumber #tit_backnumber { text-indent:-9999px; background:url(../img/HEN/backnumber/tit_backnumber_list.gif) left top no-repeat; width:167px; height:18px;} #backnumber #panNavigation { margin-top:-2px;} #backnumber #tabNavigation { width:699px; padding-left:1px; border-bottom:4px solid #D7D7D7; background:url(../img/HEN/backnumber/bg_tab_area.gif) left top no-repeat; } #backnumber #tabNavigation li { list-style:none; float:left; font-size:10px; background: url(../img/HEN/backnumber/bg_tab.gif) right top no-repeat; width:139px; text-align:center; } #backnumber #tabNavigation li.first {width:139px!important; background: url(../img/HEN/backnumber/bg_tab_first.gif) right top no-repeat!important; } #backnumber #tabNavigation li a { padding:6px 0 4px; display:block; } #backnumber #tabNavigation li a:hover { background: url(../img/HEN/backnumber/bg_tab_hover.gif) left top no-repeat; color:#666666; text-decoration:none; } #backnumber #tabNavigation li.first a:hover { background: url(../img/HEN/backnumber/bg_tab_first_hover.gif) left top no-repeat!important; } #backnumber #tabNavigation li span { color:#666666; padding:6px 0 4px; display:block; background: url(../img/HEN/backnumber/bg_tab_on.gif) left top no-repeat; } #backnumber #tabNavigation li.first span { color:#666666; background: url(../img/HEN/backnumber/bg_tab_first_on.gif) left top no-repeat!important; } #backnumber #anchorArea { background: #F5F5F5; border:1px solid #CCCCCC; padding:0 15px; } #backnumber #anchorArea li { color:#999999; margin-right:15px; padding:5px 0 5px 10px; list-style:none; letter-spacing:1px; background: url(../img/catlist/icon_anchor.gif) left 9px no-repeat; float:left; font-size:10px; white-space: nowrap; } #backnumber #anchorArea .bottom { margin-top:-2px; } #backnumber .category {} #backnumber .category .categoryTitle { padding:0 0 5px 10px; width:690px; border-bottom:3px solid #CCCCCC;} #backnumber .category dt { clear:left; margin-bottom:14px; margin-right:8px; float:left; padding-left:9px; background: url(../img/icon_arrow_bllet_.gif) left 1px no-repeat;} #backnumber .category dd { margin-bottom:14px; font-size:10px; padding-top:3px; } /*--------------------------------------------- 図解でわかるIT入門 ---------------------------------------------*/ #nyumon h3.h3 .icon { margin-right:10px; } #nyumon h3.h3 span { margin-bottom:6px; vertical-align:-11px;} #nyumon {} #nyumon .hr3 { width:700px; background:url(../img/HEN/nyumon/bg_3pxhr.gif) left top repeat-x; } #nyumon .hr4 { width:700px; background:url(../img/HEN/nyumon/bg_4pxhr.gif) left top repeat-x; } #nyumon .imageBox { border: 1px solid #999999;} #nyumon .productItem { float:left; margin-right:10px; width:100px; } #nyumon #shoulderTitle { margin-bottom:3px;} #nyumon .titBoxA { width:690px; background:url(../img/HEN/nyumon/bg_titbox_a.gif) left top repeat-y; } #nyumon .titBoxA .top { width:690px; background:url(../img/HEN/nyumon/bg_titbox_a_top.gif) left top no-repeat!important; } #nyumon .titBoxA .bottom { width:690px; background:url(../img/HEN/nyumon/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #nyumon .titBoxA .inside { padding: 0 6px!important; } #nyumon .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } /* other */ #nyumon .titBoxC { width:690px; background:url(../img/HEN/nyumon/bg_titbox_c.gif) left top no-repeat; } #nyumon .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/nyumon/bg_titbox_c_bottom.gif) left bottom no-repeat; } #nyumon .list li { list-style:none; text-indent:-1em; padding-left:1em;} #nyumon .list li img.icon { vertical-align:-2px;} .marginBottom9 { margin-bottom:9px;} #nyumon .productCount { font-size:16px; font-weight:bold; } #nyumon div.columnBoxW div.columnDocument .cn2green { margin-right:1px; } #tit_nyumon_ichiran { text-indent:-9999px; background: url(../img/HEN/nyumon/tit_nyumon_ichiran.gif) no-repeat; width:690px; height:85px; } /*--------------------------------------------- 5分でわかる最新キーワード解説 ---------------------------------------------*/ #keyword {} #keyword .hr3 { width:700px; background:url(../img/HEN/keyword/bg_3pxhr.gif) left top repeat-x; } #keyword .hr4 { width:700px; background:url(../img/HEN/keyword/bg_4pxhr.gif) left top repeat-x; } #keyword #shoulderTitle { margin-bottom:3px;} #keyword .titBoxA { width:690px; background:url(../img/HEN/keyword/bg_titbox_a.gif) left top repeat-y; } #keyword .titBoxA .top { width:690px; background:url(../img/HEN/keyword/bg_titbox_a_top.gif) left top no-repeat!important; } #keyword .titBoxA .bottom { width:690px; background:url(../img/HEN/keyword/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #keyword .titBoxA .inside { padding: 0 6px!important; } #keyword .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #keyword .titBoxB { width:690px; background:url(../img/HEN/keyword/bg_titbox_b.gif) left top no-repeat; } #keyword .titBoxB .inside { width:690px; background:url(../img/HEN/keyword/bg_titbox_b_bottom.gif) left bottom no-repeat; } #keyword .titBoxB .inside table th { padding:8px 9px 4px 12px; color:#66CC33; } #keyword .titBoxB .inside table td { padding:7px 10px 5px 13px; } #keyword .titBoxB .inside table .separater { padding:0 0 0 0; background: #66CC33; } #keyword div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/keyword/bg_columntit.gif) left top repeat-y; } #keyword div.columnTitleBox .inside { width:651px; background:url(../img/HEN/keyword/bg_columntit_top.gif) right top no-repeat; } #keyword div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/keyword/img_columntit_pin.gif) left top no-repeat; } #keyword div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/keyword/bg_columntit_bottom.gif) left bottom no-repeat; } #keyword div.columnTitleBox .title .icon { margin-right:1px; } #keyword .titBoxC { width:690px; background:url(../img/HEN/keyword/bg_titbox_c.gif) left top no-repeat; } #keyword .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/keyword/bg_titbox_c_bottom.gif) left bottom no-repeat; } #keyword div.enclosed { padding:7px 10px 11px; border:1px solid #B2E599; } #keyword div.nearKeywordBox { margin-bottom:10px; border:1px solid #999999;} #keyword div.nearKeywordBox .nearKeyword { padding:6px 10px 4px; background: #F7F7F7; } #keyword div.nearKeywordBox .nearKeyword a { font-weight:bold; } #keyword div.nearKeywordBox div.nearKeywordBorder { background: url(../img/HEN/keyword/bg_nkeyword_box_border.gif) repeat-x; } #keyword div.nearKeywordBox .body { padding:7px 10px 11px; } #keyword div.nearKeywordBox .body .cn2lightGreen { padding-right:1px; } #tit_keyword_ichiran { text-indent:-9999px; background: url(../img/HEN/keyword/tit_keyword_ichiran.gif) no-repeat; width:690px; height:85px; } /*--------------------------------------------- ネットワーク講座 ---------------------------------------------*/ #network table.table td { padding:2px 6px 1px 3px!important; } #network {} #network .hr3 { width:700px; background:url(../img/HEN/network/bg_3pxhr.gif) left top repeat-x; } #network .hr4 { width:700px; background:url(../img/HEN/network/bg_4pxhr.gif) left top repeat-x; } #network #shoulderTitle { margin-bottom:3px;} #network .titBoxA { width:690px; background:url(../img/HEN/network/bg_titbox_a.gif) left top repeat-y; } #network .titBoxA .top { width:690px; background:url(../img/HEN/network/bg_titbox_a_top.gif) left top no-repeat!important; } #network .titBoxA .bottom { width:690px; background:url(../img/HEN/network/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #network .titBoxA .inside { padding: 0 6px!important; } #network .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #network .titBoxB { width:690px; background:url(../img/HEN/network/bg_titbox_b.gif) left top no-repeat; } #network .titBoxB .inside { width:690px; background:url(../img/HEN/network/bg_titbox_b_bottom.gif) left bottom no-repeat; } #network .titBoxB .inside table th { padding:8px 9px 4px 12px; color:#33CCCC; } #network .titBoxB .inside table td { padding:7px 10px 5px 13px; } #network .titBoxB .inside table .separater { padding:0 0 0 0; background: #33CCCC; } #network div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/network/bg_columntit.gif) left top repeat-y; } #network div.columnTitleBox .inside { width:651px; background:url(../img/HEN/network/bg_columntit_top.gif) right top no-repeat; } #network div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/network/img_columntit_pin.gif) left top no-repeat; } #network div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/network/bg_columntit_bottom.gif) left bottom no-repeat; } #network div.columnTitleBox .title .icon { margin-right:1px; } #network .titBoxC { width:690px; background:url(../img/HEN/network/bg_titbox_c.gif) left top no-repeat; } #network .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/network/bg_titbox_c_bottom.gif) left bottom no-repeat; } #network div.enclosed { padding:12px 10px 11px; border:1px solid #99E5E5; } #network div.qaBox { width:670px; background: url(../img/HEN/network/bg_qabox.gif) repeat-y; } #network div.qaBox .top { width:670px; background: url(../img/HEN/network/bg_qabox_top.gif) left top no-repeat; } #network div.qaBox .bottom { width:670px; background: url(../img/HEN/network/bg_qabox_bottom.gif) left bottom no-repeat; } #network div.qaBox .tit { margin:0 11px; } #network div.qaBox .btn { margin:6px 9px -1px 10px; text-align:right; } #network div.qaBox .qObject{ margin:0 11px 0 21px; } #network div.qaBox .aSelectImage { margin:0 14px; text-align:center!important; } #network div.qaBox .aSelect{ margin:0 10px 0 27px; } #network div.qaBox .aSelect input { margin-top:-2px; } #network div.qaBox .kaitou { color:#FF9900; line-height:1; } .cssVersion2 #network div.qaBox .kaitou { font-size: 16px; } #network div.qaBox .aObject { padding-left:61px; margin:0 10px 0 20px; } #network div.qaBox .correct { padding-left:61px; margin:0 10px 0 20px; background: url(../img/HEN/network/img_qa_correct.gif) left top no-repeat; } #network div.qaBox .wrong { padding-left:61px; margin:0 10px 0 20px; background: url(../img/HEN/network/img_qa_wrong.gif) left top no-repeat; } #tit_network_ichiran { text-indent:-9999px; background: url(../img/HEN/network/tit_network_ichiran.gif) no-repeat; width:690px; height:85px; } /*--------------------------------------------- アナリスト ---------------------------------------------*/ #analyst table.table td { padding:2px 6px 1px 3px!important; text-align:center; } #analyst {} #analyst .hr3 { width:700px; background:url(../img/HEN/analyst/bg_3pxhr.gif) left top repeat-x; } #analyst .hr4 { width:700px; background:url(../img/HEN/analyst/bg_4pxhr.gif) left top repeat-x; } #analyst #shoulderTitle { margin-bottom:3px;} #analyst .titBoxA { width:690px; background:url(../img/HEN/analyst/bg_titbox_a.gif) left top repeat-y; } #analyst .titBoxA .top { width:690px; background:url(../img/HEN/analyst/bg_titbox_a_top.gif) left top no-repeat!important; } #analyst .titBoxA .bottom { width:690px; background:url(../img/HEN/analyst/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #analyst .titBoxA .inside { padding: 0 6px!important; } #analyst .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #analyst .titBoxB { width:690px; background:url(../img/HEN/analyst/bg_titbox_b.gif) left top no-repeat; } #analyst .titBoxB .inside { width:690px; background:url(../img/HEN/analyst/bg_titbox_b_bottom.gif) left bottom no-repeat; } #analyst .titBoxB .inside table th { padding:8px 9px 4px 12px; color:#8282CE; } #analyst .titBoxB .inside table td { padding:7px 10px 5px 13px; } #analyst .titBoxB .inside table .separater { padding:0 0 0 0; background: #8282CE; } #analyst div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/analyst/bg_columntit.gif) left top repeat-y; } #analyst div.columnTitleBox .inside { width:651px; background:url(../img/HEN/analyst/bg_columntit_top.gif) right top no-repeat; } #analyst div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/analyst/img_columntit_pin.gif) left top no-repeat; } #analyst div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/analyst/bg_columntit_bottom.gif) left bottom no-repeat; } #analyst div.columnTitleBox .title .icon { margin-right:1px; } #analyst .titBoxC { width:690px; background:url(../img/HEN/analyst/bg_titbox_c.gif) left top no-repeat; } #analyst .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/analyst/bg_titbox_c_bottom.gif) left bottom no-repeat; } #analyst div.enclosed { padding:12px 10px 11px; border:1px solid #C0C0E6; } #analyst .profileBox { margin-left:10px; width:690px; background:url(../img/HEN/analyst/bg_profilebox.gif) left top repeat-y; } .cssVersion2 #analyst .profileBox * { font-size: 12px; } #analyst .profileBox .top { width:690px; background:url(../img/HEN/analyst/bg_profilebox_top.gif) left top no-repeat; } #analyst .profileBox .bottom { width:690px; background:url(../img/HEN/analyst/bg_profilebox_bottom.gif) left bottom no-repeat; } #analyst .profileBox .inside { padding: 0 10px; } #analyst .profileBox .right { width:540px; float:right; } #analyst .profileBox .w120 { width:120px; } #analyst .profileBox .profileBorder { margin:4px 0 7px; width:540px; background:url(../img/HEN/analyst/bg_profilebox_border.gif) repeat-x; } #tit_analyst_ichiran { text-indent:-9999px; background: url(../img/HEN/analyst/tit_analyst_ichiran.gif) no-repeat; width:690px; height:85px; } .cn2orange, .cn2orange * { color: #ff9933; } #kaitai .cn2findColor { color: #336699; } #kaitai .cn2fontColor { color: #6699CC; } #kaitai .cn2bgColor { background-color: #E8F0F7; } #kaitai .cn2enclosed { background-color: #B2CCE5; } #itGuide .cn2findColor { color: #8F6D00; } #itGuide .cn2fontColor { color: #FFC000; } #itGuide .cn2bgColor { background-color: #FFF6D9; } #itGuide .cn2enclosed { background-color: #F1D273; } #itGuide .hTitBoxB { width:660px; background:url(../img/HEN/itGuide/bg_htitbox_b.gif) left top no-repeat; } #itGuide .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/itGuide/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #share .cn2fontColor { color: #CC99CC; } #gekiure .cn2findColor { color: #CC3333; } #gekiure .cn2fontColor { color: #FF3333; } #nyumon .cn2fontColor { color: #66CC99; } #nyumon .hTitBoxB { width:660px; background:url(../img/HEN/nyumon/bg_htitbox_b.gif) left top no-repeat; } #nyumon .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/nyumon/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #keyword .cn2findColor { color: #336600; } #keyword .cn2fontColor { color: #66CC33; } #keyword .cn2bgColor { background-color: #E8F7E1; } #keyword .cn2enclosed { background-color: #B2E599; } #keyword .hTitBoxB { width:660px; background:url(../img/HEN/keyword/bg_htitbox_b.gif) left top no-repeat; } #keyword .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/keyword/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #network .cn2findColor { color: #006666; } #network .cn2fontColor { color: #33CCCC; } #network .cn2bgColor { background-color: #E1F7F7; } #network .cn2enclosed { background-color: #99E5E5; } #network .hTitBoxB { width:660px; background:url(../img/HEN/network/bg_htitbox_b.gif) left top no-repeat; } #network .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/network/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #analyst .cn2findColor { color: #333399; } #analyst .cn2fontColor { color: #8282CE; } #analyst .cn2bgColor { background-color: #ECECF8; } #analyst .cn2enclosed { background-color: #C0C0E6; } #analyst .hTitBoxB { width:660px; background:url(../img/HEN/analyst/bg_htitbox_b.gif) left top no-repeat; } #analyst .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/analyst/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #recipe .cn2findColor { color: #15BCFF; } #recipe .cn2fontColor { color: #15BCFF; } #recipe .cn2bgColor { background-color: #DDECF2; } #recipe .cn2enclosed { background-color: #C0C0E6; } #recipe .hTitBoxB { width:660px; background:url(../img/HEN/recipe/bg_htitbox_b.gif) left top no-repeat; } #recipe .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/recipe/bg_htitbox_b_bottom.gif) left bottom no-repeat; } /*--------------------------------------------- 課題スッキリ！IT処方箋 ---------------------------------------------*/ .lightGlay3 ,.lightGlay3 *{ color:#b8b8b8; } .lightBlue ,.lightBlue *{ color:#15bcff; } #recipe {} #recipe .hr2 { width:670px; background-color:#f0f0f0; margin:0; padding:0; } #recipe .hr3 { width:700px; background:url(../img/HEN/recipe/bg_3pxhr.gif) left top repeat-x; } #recipe .hr3b { width:700px; background:url(../img/HEN/recipe/bg_3pxhr_b.gif) left top repeat-x; } #recipe .hr3soon { width:700px; background:url(../img/HEN/recipe/bg_3pxhrsoon.gif) left top repeat-x; } #recipe .hr4 { width:700px; background:url(../img/HEN/recipe/bg_4pxhr.gif) left top repeat-x; } #recipe .times {width:690px; margin:2px 0 6px 0; text-align:right; } #recipe .pickup { width:700px; height:auto; margin:15px 0 14px 0; padding:0; border:0; float:left; } #recipe .pickup .img { width:100px; margin:0 10px; display:inline; padding:0; float:left; } #recipe .pickup .txt { width:580px; margin:0; padding:0; float:left; } #recipe .pickup .txt table td { line-height:1.1em} #recipe #shoulderTitle { margin-bottom:3px;} #recipe .h3title { margin-left:10px;} #recipe .titBoxA { width:690px; background:url(../img/HEN/recipe/bg_titbox_a.gif) left top repeat-y; } #recipe .titBoxA .top { width:690px; background:url(../img/HEN/recipe/bg_titbox_a_top.gif) left top no-repeat!important; } #recipe .titBoxA .bottom { width:690px; background:url(../img/HEN/recipe/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #recipe .titBoxA .inside { padding: 0 6px!important; } #recipe .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #recipe .titBoxB { width:680px; background:url(../img/HEN/recipe/bg_titbox_b.gif) left top repeat-y; } #recipe .titBoxB .top { width:680px; background:url(../img/HEN/recipe/bg_titbox_b_top.gif) left top no-repeat!important; } #recipe .titBoxB .bottom { width:680px; background:url(../img/HEN/recipe/bg_titbox_b_bottom.gif) left bottom no-repeat!important; } #recipe .titBoxB .inside { padding: 0 10px 0 20px!important; } #recipe div.enclosed { padding:12px 10px 11px; border:1px solid #C0C0E6; } #recipe .hTitBox { width:660px; background:url(../img/HEN/recipe/bg_htitbox_b.gif) left top no-repeat; } #recipe .hTitBox .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/recipe/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #recipe .maintxt { width:670px; margin:0; padding:0; float:left; } #recipe .maintxt .honbun { width:380px; margin:0; padding:0; float:left; } #recipe .maintxt .kanren { width:270px; margin:0 0 0 20px; padding:0; float:left; } #recipe div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/recipe/bg_columntit.gif) left top repeat-y; } #recipe div.columnTitleBox .inside { width:651px; background:url(../img/HEN/recipe/bg_columntit_top.gif) right top no-repeat; } #recipe div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/recipe/img_columntit_pin.gif) left top no-repeat; } #recipe div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/recipe/bg_columntit_bottom.gif) left bottom no-repeat; } #recipe div.columnTitleBox .title .icon { margin-right:1px; } #recipe a.linkbox { margin:0; padding:10px; background-color:#ddecf2; color:#206fb0; text-decoration:none; border:1px #cccccc solid; width:648px; display:block; text-align:center; } #recipe a.linkbox:visited { background-color:#ddecf2; color:#206fb0; text-decoration:none; border:1px #cccccc solid; } #recipe a.linkbox:hover { border:1px #cccccc solid; background-color:#a9d2e2; color:#ffffff; text-decoration:none; } #recipe a.linkbox .sbig{ color:#206fb0; text-decoration:underline; } #recipe a.linkbox:visited .sbig{ color:#206fb0; text-decoration:underline; } #recipe a.linkbox:hover .sbig{ color:#ffffff; text-decoration:underline; } #recipe .kenlabel { width:648px; border:1px #cccccc solid; margin:0; padding:10px; background-color:#ffffff; } #recipe .kenlist { width:656px; border:1px #cccccc solid; border-top:0px solid; margin:0; padding:6px; background-color:#f5f5f5; text-align:center; } #recipe .cassetteBox { width:670px; height:auto; margin:0; padding:0; float:left; } #recipe .cassetteBox .imglabel { width:160px; margin:0; padding:10px; background-color:#f5f5f5; float:left; } #recipe .cassetteBox .txtinfo { width:480px; margin:0 0 0 10px; padding:0; display:inline; float:left; } #tit_recipe_ichiran { text-indent:-9999px; background: url(../img/HEN/recipe/tit_recipe_ichiran.gif) no-repeat; width:690px; height:85px; } /*--------------------------------------------- セキュリティ登龍門50 ---------------------------------------------*/ .lightGlay3 ,.lightGlay3 *{ color:#b8b8b8; } .lightBlue ,.lightBlue *{ color:#15bcff; } #touryumon {} #touryumon .hr2 { width:670px; background-color:#f0f0f0; margin:0; padding:0; } #touryumon .hr3 { width:700px; height:3px; background:url(../img/HEN/touryumon/bg_3pxhr.gif) left top repeat-x; } #touryumon .hr4 { width:700px; height:4px; background:url(../img/HEN/touryumon/bg_4pxhr.gif) left top repeat-x; } #touryumon .times {width:690px; margin:2px 0 6px 0; text-align:right; } #touryumon .pickup { width:700px; height:auto; margin:15px 0 14px 0; padding:0; border:0; float:left; } #touryumon .pickup .img { width:100px; margin:0 10px; display:inline; padding:0; float:left; } #touryumon .pickup .txt { width:580px; margin:0; padding:0; float:left; } #touryumon #navi{width:700px; float:left;} #touryumon #navi .box_off{width:340px; display:inline; margin-left:10px; padding-bottom:10px; float:left; background:url(../img/HEN/touryumon/bg_navi_bot.gif) left bottom no-repeat;} #touryumon #navi .box_off .top{width:340px; height:10px; background:url(../img/HEN/touryumon/bg_navi_top.gif) left top no-repeat;} #touryumon #navi .box_on{width:340px; display:inline; margin-left:10px; padding-bottom:10px; float:left; background:url(../img/HEN/touryumon/bg_navi_bot_on.gif) left bottom no-repeat;} #touryumon #navi .box_on .top{width:340px; height:10px; background:url(../img/HEN/touryumon/bg_navi_top_on.gif) left top no-repeat;} #touryumon #navi .w10{width:10px; float:left;} #touryumon #navi dd{width:305px; margin:0 10px 3px 10px; padding-left:15px; background:url(../img/HEN/touryumon/icon_tou_arrow.gif) left top no-repeat;} #touryumon #navi dt{width:305px; margin:0 10px; text-align:right;} #touryumon #navi .soon{color:#999999;} #touryumon .casefile{width:700px; background:url(../img/HEN/touryumon/bg_casefile.gif) left top repeat-y;} #touryumon .casefile .top{width:690px; margin-bottom:15px; padding:5px 10px 5px 0; background:url(../img/HEN/touryumon/tit_tou_casefile.gif) left top no-repeat; text-align:right; color:#ffffff; font-weight:bold;} #touryumon .casefile .top_not{width:700px; height:24px; margin-bottom:15px; background:url(../img/HEN/touryumon/tit_tou_casefile_not.gif) left top no-repeat; text-align:right;} #touryumon .casefile .bot{width:700px; height:7px; margin-top:8px; background:url(../img/HEN/touryumon/bg_casefile_bot.gif) left bottom no-repeat;} #touryumon .casefile .txtbox{width:676px; margin:0 12px;} #touryumon .casefile .txtbox p{margin-bottom:10px;} /*--#touryumon .casefile .txtbox .orange{color:#fb721f; font-weight:bold;}*/ #touryumon .casefile .orange{color:#fb721f; font-weight:bold;} #touryumon .w690{width:690px; margin-left:10px;} #touryumon .w690 p{margin-bottom:20px;} #touryumon .w690 .orange{color:#fb721f; font-weight:bold; line-height:200%;} #touryumon .w670{width:670px; margin-left:20px; line-height: 1.4;} #touryumon .w670 .main{ width:670px; float:left; margin-bottom:20px;} #touryumon .w670 .main .txt_a{ width:360px; margin-right:10px; float:left;} #touryumon .w670 .main .img_a{ width:300px; float:left;} #touryumon .w670 .main .txt_b{ width:360px; float:left;} #touryumon .w670 .main .img_b{ width:300px; margin-right:10px; float:left;} #touryumon #shoulderTitle { margin-bottom:3px;} #touryumon .titBoxA { width:690px; background:url(../img/HEN/touryumon/bg_titbox_a.gif) left top repeat-y; } #touryumon .titBoxA .top { width:690px; background:url(../img/HEN/touryumon/bg_titbox_a_top.gif) left top no-repeat!important; } #touryumon .titBoxA .bottom { width:690px; background:url(../img/HEN/touryumon/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #touryumon .titBoxA .inside { padding: 0 6px!important; } #touryumon .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #touryumon .titBoxB { width:690px; background:url(../img/HEN/touryumon/bg_titbox_b.gif) left top repeat-y; } #touryumon .titBoxB .inside { width:690px; background:url(../img/HEN/touryumon/bg_titbox_b_bottom.gif) left bottom no-repeat!important; } #touryumon .titBoxB .inside table th {padding:8px 9px 4px 12px; color:#fb721f;} #touryumon .titBoxB .inside table td {padding:7px 10px 5px 13px;} #touryumon .titBoxB .inside table .separater{background:#f65d00; padding:0 0 0 0;} #touryumon div.enclosed { padding:12px 10px 11px; border:1px solid #FB721F; } #touryumon div.enclosed p{margin:0; padding:0} /*--#touryumon .cn2findColor { color: #336699; }--*/ #touryumon .cn2findColor { color: #FB721F; } #touryumon .cn2fontColor { color: #FB721F; } #touryumon .cn2bgColor { background-color: #ffe7d8; } #touryumon .cn2enclosed { background-color: #ffc39e; } #touryumon div.columnBox div.columnDocument p{margin:0; padding:0;} #touryumon div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/touryumon/bg_columntit.gif) left top repeat-y; } #touryumon div.columnTitleBox p{margin:0; padding:0;} #touryumon div.columnTitleBox .inside { width:651px; background:url(../img/HEN/touryumon/bg_columntit_top.gif) right top no-repeat; } #touryumon div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/touryumon/img_columntit_pin.gif) left top no-repeat; } #touryumon div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/touryumon/bg_columntit_bottom.gif) left bottom no-repeat; } #touryumon div.columnTitleBox .title .icon { margin-right:1px; } #touryumon .titBoxC { width:690px; background:url(../img/HEN/touryumon/bg_titbox_c.gif) left top no-repeat; } #touryumon .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/touryumon/bg_titbox_c_bottom.gif) left bottom no-repeat; } #tit_touryumon_ichiran { text-indent:-9999px; background:url(../img/HEN/touryumon/tit_tou_ichiran.gif) no-repeat; width:690px; height:85px; } #touryumon div.theText2{ width:670px; float:left; _float:none; padding:0 15px; } #touryumon div.theText2 h3{ margin-bottom:10px; padding:20px 0 15px 30px; background:url(../img/HEN/touryumon/icon_title_a.gif) no-repeat 0 0; font-weight:bold; } #touryumon div.theText2 p{ margin-bottom:10px; } /*-------------------------------------------- セキュリティWatchers --------------------------------------------*/ #watchers{ width:700px; } #watchers .clear{ clear:both; } #watchers p{ line-height:1.4em; } #watchers ul, dl{ list-style:none; } #watchers #watchers_body { background:url(../img/HEN/watchers/bg_12.gif) repeat-y 0 0; } #watchers div.secuWatcherBT{ clear:both; border-bottom:#ffd200 1px solid; } #watchers div#watcherMidashi{ width:700px; min-height:274px; height:auto !important; height:274px; float:left; background:url(../img/HEN/watchers/bg_01.jpg) no-repeat 0 0;} #watchers div#watcherMidashi h2{ margin-bottom:5px; } #watchers div#watcherMidashi p.profileImg{ margin:0 0 15px 20px; } #watchers div#watcherMidashi dl{ width:600px; float:left; padding:12px 0 20px 25px; } #watchers div#watcherMidashi dl dt{ width:100px; float:right; } #watchers div#watcherMidashi dl dd{ width:500px; float:left; font-size:18px; font-weight:bold; } #watchers div#watcherMidashi dl dd span { line-height:1.1em; } #watchers div#watcherMidashi ul{ width:486px; float:left; display:inline; margin:0 0 0 20px; padding:10px; background:url(../img/HEN/watchers/bg_15.gif) no-repeat 0 0; } #watchers div#watcherMidashi span {position:relative;} .cssVersion2 #watchers div#watcherMidashi * {line-height: 1;} #watchers_body div.blockMarginLeftS { width:675px; } #watchers_body table.ml20 { margin-left:5px; } #watchers_body div.floatLeft { margin-left:2px !important; } #watchers div.theText{ width:660px; float:left; _float:none; padding:0 20px; } #watchers div.theText h3{ margin-bottom:10px; padding:8px 0 8px 20px; background:url(../img/HEN/watchers/bg_08.gif) no-repeat 0 0; font-size:16px; font-weight:bold; } #watchers div.theText p{ margin-bottom:10px; } #watchers ul#specification{ width:638px; margin:0 20px; padding:10px; background:#FFFFFF; border:#ffd200 1px solid; } #watchers ul#specification li{ line-height:1.6em; } #watchers ul#specification li span{ color:#FFD200; } #watchers div.graph{ width:660px; margin:0 20px; } #watchers div.comment{ width:658px; margin:0 20px; background:#FFFFFF; border:#ffd200 1px solid; } #watchers div.comment h3{ padding:5px 10px; background:#fdf5d0; border-bottom:#ffd200 1px solid; font-weight:bold; } #watchers div.comment p{ padding:10px; } #watchers div.column{ width:660px; margin:0 20px; background:url(../img/HEN/watchers/bg_10.gif) repeat-y 0 0; } #watchers div.column h3{ padding:25px 0 20px 90px; background:url(../img/HEN/watchers/bg_09.gif) no-repeat 0 0; font-weight:bold; } #watchers div.column div.columnText{ padding:0 20px 20px; background:url(../img/HEN/watchers/bg_11.gif) no-repeat 0 bottom; } #watchers div.column div.columnText p{ margin-bottom:10px; } #watchers div.example{ width:660px; margin:0 20px; } #watchers table.textLink{ width:670px; margin-left:20px; background:#ffffdf; } #watchers table.textLink a{ line-height:1.4; } #watchers div.textLink{ width:650px; margin:0 20px; padding:10px; background:#ffffdf; } #watchers div.textLink p.textLinkL{ width:220px; float:left; padding-right:104px; border-right:#ffe154 1px solid; } #watchers div.textLink p.textLinkL a{ display:block; padding-left:15px; background:url(../img/HEN/watchers/icon_03.gif) no-repeat 0 7px; font-size:10px; line-height: 2.0; } #watchers div.textLink p.textLinkR{ width:220px; float:right; padding-left:105px; text-align:right; } #watchers div.textLink p.textLinkR a{ display:block; padding-right:15px; background:url(../img/HEN/watchers/icon_04.gif) no-repeat right 7px; font-size:10px; line-height: 2.0; } #watchers div.theText2{ width:670px; float:left; _float:none; padding:0 15px; } #watchers div.theText2 h3{ margin-bottom:10px; padding:8px 0 8px 20px; background:url(../img/HEN/watchers/bg_08.gif) no-repeat 0 0; font-size:16px; font-weight:bold; } #watchers div.theText2 p{ margin-bottom:10px; } #watchers div.textLink2{ width:640px; margin:0 20px; padding:10px; background:#f7f7f2; } #watchers div.textLink2 p.textLinkL{ width:200px; float:left; padding:0 104px 0 15px; border-right:#CCCCCC 1px solid; background:url(../img/HEN/watchers/icon_05.gif) no-repeat 0 7px; } #watchers div.textLink2 p.textLinkR{ width:200px; float:right; padding:0 15px 0 105px; background:url(../img/HEN/watchers/icon_06.gif) no-repeat right 7px; } #watchers div.textLink2 p span{ color:#bfbfba; border-bottom:#bfbfba 1px solid; font-size:10px; } #watchers p.explanation{ padding:0 10px 5px; text-align:left; font-size:10px; line-height: 14px; } #watchers div.enclosed { padding:4px 10px 11px; border:1px solid #ffe154; } #watchers div.enclosed p{margin:0; padding:0} #watchers .cn2findColor { color: #ffd200; } #watchers .cn2fontColor { color: #ffd200; } #watchers .cn2enclosed { background-color: #ffe154; } #watchers .cn2bgColor { background-color: #fdf5d0; } #watchers .marginLeftL { margin-left:5px;} #watchers div.columnTitleBox { width:651px; margin:0px 10px 0 9px; background:url(../img/HEN/watchers/bg_columntit.gif) left top repeat-y; } #watchers div.columnTitleBox p{margin:0; padding:0;} #watchers div.columnTitleBox .inside { width:651px; background:url(../img/HEN/watchers/bg_columntit_top.gif) left top no-repeat; } #watchers div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/watchers/img_columntit_pin.gif) left top no-repeat; } #watchers div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/watchers/bg_columntit_bottom.gif) left bottom no-repeat; } #productLink{ padding:10px 20px 0; background:#f2fdfe; border:#c5e0e4 1px solid; } #productLink p.title{ margin-bottom:7px; } #productLink dl{ margin-bottom:10px; padding:0 5px; line-height:1.4em; } #productLink dl dt{ margin-bottom:5px; font-weight:bold; } #productLink dl dt a{ font-weight:bold; } #productLink dl dd{ margin-bottom:5px; } /*-------------------------------------------- IT担当者300人に聞きました --------------------------------------------*/ #it300 .titBoxA { width:690px; background:url(../img/HEN/it300/bg_titbox_a.gif) left top repeat-y; } #it300 .titBoxA .top { width:690px; background:url(../img/HEN/it300/bg_titbox_a_top.gif) left top no-repeat!important; } #it300 .titBoxA .bottom { width:690px; background:url(../img/HEN/it300/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #it300 .titBoxA .inside { padding: 0 6px!important; } #it300 .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #it300 .hr4 { background:url(../img/HEN/it300/bg_4pxhr.gif) repeat-x scroll left top transparent; width:700px; } #it300 .hr3 { width:700px; background:url(../img/HEN/it300/bg_3pxhr.gif) left top repeat-x; } #it300 #shoulderTitle { margin-bottom:3px;} #it300 .cn2findColor { color: #fe9500; } #it300 .cn2fontColor { color: #fe9500; } #it300 .cn2bgColor { background-color: #feeeca; } #it300 .cn2enclosed { background-color: #feca7f; } #it300 div.enclosed { padding:12px 10px 11px; border:1px solid #feca7f; } #it300 .hTitBoxB { width:660px; background:url(../img/HEN/it300/bg_htitbox_b.gif) left top no-repeat; } #it300 .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/it300/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #it300 div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/it300/bg_columntit.gif) repeat-y scroll left top transparent; } #it300 div.columnTitleBox .inside { width:651px; background:url(../img/HEN/it300/bg_columntit_top.gif) no-repeat scroll right top transparent; } #it300 div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/it300/img_columntit_pin.gif) no-repeat scroll left top transparent; } #it300 div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/it300/bg_columntit_bottom.gif) no-repeat scroll left bottom transparent; } #it300 div.columnTitleBox .title .icon { margin-right:1px; } #tit_it300_ichiran { text-indent:-9999px; background:url(../img/HEN/it300/tit_it300_ichiran.gif) no-repeat scroll 0 0 transparent; width:690px; height:85px; } #it300 .titBoxB { width:690px; background:url(../img/HEN/it300/bg_titbox_b.gif) left top no-repeat; } #it300 .titBoxB .inside { width:690px; background:url(../img/HEN/it300/bg_titbox_b_bottom.gif) left bottom no-repeat!important; } #it300 .titBoxB .inside table th {padding:8px 9px 4px 12px;} #it300 .titBoxB .inside table td {padding:7px 10px 5px 13px;} #it300 .titBoxB .inside table .separater{padding:0 0 0 0;} /*-------------------------------------------- システム部門の羅針盤 --------------------------------------------*/ #rashinban_jirei .hr4 { background:url(../img/HEN/rashinban/jirei/bg_4pxhr.gif) } #rashinban_jirei .title_icon { padding:5px 10px 40px 20px; background:url(../img/HEN/rashinban/jirei/icon_title_a.gif) left top no-repeat;} #rashinban_jirei .hTitBoxB { width:660px; background:url(../img/HEN/rashinban/jirei/bg_htitbox_b.gif) left top no-repeat; } #rashinban_jirei .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/rashinban/jirei/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #rashinban_zadan .hr4 { background:url(../img/HEN/rashinban/zadan/bg_4pxhr.gif) } #rashinban_zadan .title_icon { padding:5px 10px 40px 20px; background:url(../img/HEN/rashinban/zadan/icon_title_a.gif) left top no-repeat;} #rashinban_zadan .hTitBoxB { width:660px; background:url(../img/HEN/rashinban/zadan/bg_htitbox_b.gif) left top no-repeat; } #rashinban_zadan .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/rashinban/zadan/bg_htitbox_b_bottom.gif) left bottom no-repeat; } #navi {width:700px; float:left;} #rashinban_jirei #navi .box_off{width:335px; display:inline; margin-left:10px; padding-bottom:10px; float:left; background:url(../img/HEN/rashinban/bg_navi_left_bot.gif) left bottom no-repeat; background-color:#D3E7FE;} #rashinban_jirei #navi .box_off .top{width:335px; height:10px; background:url(../img/HEN/rashinban/bg_navi_left_top.gif) left top no-repeat;} #rashinban_jirei #navi .box_on{width:335px; display:inline; margin-left:10px; padding-bottom:10px; float:left; background:url(../img/HEN/rashinban/bg_navi_right_bot.gif) left bottom no-repeat; background-color:#FFE1CD;} #rashinban_jirei #navi .box_on .top{width:335px; height:10px; background:url(../img/HEN/rashinban/bg_navi_right_top.gif) left top no-repeat;} #rashinban_zadan #navi .box_off{width:335px; display:inline; margin-left:10px; padding-bottom:10px; float:left; background:url(../img/HEN/rashinban/bg_navi_right_bot.gif) left bottom no-repeat; background-color:#FFE1CD;} #rashinban_zadan #navi .box_off .top{width:335px; height:10px; background:url(../img/HEN/rashinban/bg_navi_right_top.gif) left top no-repeat;} #rashinban_zadan #navi .box_on{width:335px; display:inline; margin-left:10px; padding-bottom:10px; float:left; background:url(../img/HEN/rashinban/bg_navi_left_bot.gif) left bottom no-repeat; background-color:#D3E7FE;} #rashinban_zadan #navi .box_on .top{width:335px; height:10px; background:url(../img/HEN/rashinban/bg_navi_left_top.gif) left top no-repeat;} #navi .w10{width:10px; float:left;} #navi dd{width:305px; margin:0 10px 3px 10px; padding-left:15px; background:url(../img/HEN/rashinban/icon_tou_arrow.gif) left top no-repeat;} #navi dt{width:305px; margin:0 10px; text-align:right;} /*-------------------------------------------- SMBパーク --------------------------------------------*/ #smb .missionBox { margin: 0 15px; } #smb .missionBox ul.nav li { list-style: none; display: inline; } #smb .missionBox ul.nav li a:hover { background:none; } #smb .missionBox .missionWrap { border-top: 3px solid #ff881e; padding: 15px 0 0 0; } #smb .missionBox .missionWrap ul.nav { float: left; padding-top:1px; } #smb .missionBox .missionWrap ul.nav li { line-height:1.4; } #smb .missionBox .missionWrap ul.nav li a { padding: 10px 30px 10px 10px; border: 1px solid #ebeaea; font-weight: bold; margin-top: -1px; display: block; background: url(../img/HEN/smb/btn_arrow.gif) no-repeat right center; zoom: 1; width: 140px; } #smb .missionBox .missionWrap ul.nav li.current a, #smb .missionBox .missionWrap ul.nav li a:hover { background: url(../img/HEN/smb/btn_arrow_on.gif) no-repeat right center; color: #ff881e; } #smb .missionBox .missionWrap ul.list_2nd {float:left;list-style:none;} #smb .missionBox .missionWrap ul.list_2nd li a { margin: 0 0 0 20px; line-height:200%; text-decoration: none; } #smb .headlineH.system, #smb .headlineH.its_navi { border-top: none; height:40px; padding: 0px; } #smb .headlineH.system { background: url(../img/HEN/smb/bg_headline_system.gif) repeat-x left top; } #smb .headlineH.its_navi { background: url(../img/HEN/smb/bg_headline_its_navi.gif) repeat-x left top; } #smb .headlineH.system h4, #smb .headlineH.its_navi h4 { padding: 12px 0 0 10px; } h2.sub_logo { margin:5px 0 20px; } /* - 事例 --------------------------------- */ #smb_system h3#tit_smb_system_ichiran { background: url(../img/HEN/smb_system/tit_system_ichiran.jpg) no-repeat scroll 0 0 transparent; height: 93px; text-indent: -9999px; width: 696px; margin: -8px 0 0 -3px; } #smb_system .more { width:690px; background:url(../img/HEN/smb_system/bg_more.gif) left top no-repeat;} #smb_system .more p { line-height:30px; height:30px; margin-left:17px; font-size: 120%;} #smb_system .hr3 { width:700px; background:url(../img/HEN/smb_system/bg_3pxhr_system.gif) left top repeat-x; } #smb_system .hr4 { width:700px; background:url(../img/HEN/smb_system/bg_4pxhr_system.gif) left top repeat-x; } #smb_system .titBoxA { width:696px; background:url(../img/HEN/smb_system/bg_titbox_a.jpg) left top no-repeat; margin:-3px 0 0 -3px; height:93px; } #smb_system .titBoxA h2 { float:left; padding:64px 0 0 12px; font-weight:bold; font-size:180%;} #smb_system .titBoxA .date { float:right; padding:70px 9px 0 0; font-weight:bold; color: #333333;} #smb_system .titBoxA .smbTitle {font-size:21px;} #smb_system .titBoxB { width:690px; background:url(../img/HEN/smb_system/bg_titbox_b.gif) left top no-repeat; } #smb_system .titBoxB .inside { width:690px; background:url(../img/HEN/smb_system/bg_titbox_b_bottom.gif) left bottom no-repeat; } #smb_system .titBoxB .inside table th { padding:8px 9px 4px 12px; color: #297279; } #smb_system .titBoxB .inside table td { padding:7px 10px 5px 13px; } #smb_system .titBoxB .inside table .separater { padding:0 0 0 0; background: #78cfd9; } #smb_system .profileBox { margin-left:10px; width:690px; background:url(../img/HEN/smb_system/bg_profilebox.gif) left top repeat-y; } .cssVersion2 #smb_system .profileBox * { font-size: 12px; } #smb_system .profileBox .top { width:690px; background:url(../img/HEN/smb_system/bg_profilebox_top.gif) left top no-repeat; } #smb_system .profileBox .bottom { width:690px; background:url(../img/HEN/smb_system/bg_profilebox_bottom.gif) left bottom no-repeat; } #smb_system .profileBox .inside { padding: 0 10px; } #smb_system .profileBox .right { width:550px; float:right; } #smb_system .profileBox .w120 { width:120px; } #smb_system .profileBox .w250 { width:250px; } #smb_system .profileBox .w255 { width:255px; } #smb_system .profileBox .profileBorder { margin:4px 0 7px; background:url(../img/HEN/smb_system/bg_profilebox_border.gif) repeat-x; } #smb_system .profileBox .doc { word-wrap: break-word; } #smb_system .flowBox {margin: 0 0 0 10px;} .cssVersion2 #smb_system .flowBox * { font-size: 12px; } #smb_system .flowBox td.step { border:3px solid; background:#fcf5d9; padding:10px; } #smb_system .flowBox td.step.no1 {border-color:#ffcd1e;} #smb_system .flowBox td.step.no2 {border-color:#ffa21f;} #smb_system .flowBox td.step.no3 {border-color:#ff6e1f;} #smb_system .viewBox { margin-left:30px; width:670px; background:url(../img/HEN/smb_system/bg_viewbox.gif) left top repeat-y; } #smb_system .viewBox .inside { padding: 0 10px; } #smb_system .viewBox .title { background:url(../img/HEN/smb_system/tit_viewbox.gif) left top no-repeat;width:640px;height:58px;} #smb_system .viewBox .title span {margin-top: 8px;line-height:120%;float:right;width:310px;font-size: 140%;color:#6a6a6a;font-weight:bold;} #smb_system .viewBox .top { width:670px; background:url(../img/HEN/smb_system/bg_viewbox_top.gif) left top no-repeat; } #smb_system .viewBox .bottom { width:670px; background:url(../img/HEN/smb_system/bg_viewbox_bottom.gif) left bottom no-repeat; } #smb_system .viewBox .w120 { width:120px; } #smb_system .viewBox .w480 { width:480px; } #smb_system .viewBox .detail { background: #ebf6f8;width:610px;margin:10px 0 0 10px;padding:10px; } #smb_system .pointBox { margin-left:30px; width:670px; background:url(../img/HEN/smb_system/bg_pointbox.gif) left top repeat-y; } #smb_system .pointBox .inside { padding: 0 10px; } #smb_system .pointBox .top { width:670px; background:url(../img/HEN/smb_system/bg_pointbox_top.gif) left top no-repeat;height:38px; } #smb_system .pointBox .bottom { width:670px; background:url(../img/HEN/smb_system/bg_pointbox_bottom.gif) left bottom no-repeat; } #smb_system .pointBox ol { margin:5px 0 0 0;list-style: none;line-height:1.6;} /*#smb_system .pointBox ol li span {color: #3ea2af;}*/ #smb_system .pointBox .top p { padding: 5px 0 0 10px;} #smb_system div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/smb_system/bg_columntit.gif) left top repeat-y; } #smb_system div.columnTitleBox .inside { width:651px; background:url(../img/HEN/smb_system/bg_columntit_top.gif) right top no-repeat; } #smb_system div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/smb_system/img_columntit_pin.gif) left top no-repeat; } #smb_system div.columnTitleBox .innovation { padding:0px;} #smb_system div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/smb_system/bg_columntit_bottom.gif) left bottom no-repeat; } #smb_system div.columnTitleBox .title .icon { margin-right:1px; } #smb_system div.tantouBox { width:670px; background:url(../img/HEN/bg_column.gif) left top repeat-y; } #smb_system div.tantouBox .top { width:670px; background:url(../img/HEN/bg_column_top.gif) left top no-repeat; } #smb_system div.tantouBox .bottom { width:670px; background:url(../img/HEN/bg_column_bottom.gif) left bottom no-repeat; } #smb_system div.tantouBox div.tantouDocument { margin:0 10px 0 20px; } #smb_system div.tantouTitleBox { width:650px; margin:0 10px 0 9px; background:url(../img/HEN/smb_system/bg_tantoutit.gif) left top repeat-y; } #smb_system div.tantouTitleBox .inside { width:650px; background:url(../img/HEN/smb_system/bg_tantoutit_top.gif) left top no-repeat;line-height:1.4; } #smb_system div.tantouTitleBox .title { width:570px; padding:20px 10px 10px 80px; background:url(../img/HEN/smb_system/img_tantoutit_pin.gif) left top no-repeat; } #smb_system div.tantouTitleBox .bottom { width:650px; background:url(../img/HEN/smb_system/bg_tantoutit_bottom.gif) left bottom no-repeat; } #smb_system div.tantouTitleBox .title .icon { margin-right:1px; } #smb_system .cn2findColor { color: #297279; } #smb_system .cn2fontColor { color: #3ea2af; } #smb_system .cn2bgColor { background-color: #DDECF2; } #smb_system div.enclosed { padding:12px 10px 11px; border:1px solid #B2CCE5; } #smb_system .cn2enclosed { background-color: #C0C0E6; } #smb_system .hTitBoxB { width:660px; background:url(../img/HEN/recipe/bg_htitbox_b.gif) left top no-repeat; } #smb_system .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/HEN/recipe/bg_htitbox_b_bottom.gif) left bottom no-repeat; } /* - 解決 --------------------------------- */ #smb_its_navi h3#tit_smb_its_navi_ichiran { background: url(../img/HEN/smb_its_navi/tit_smb_its_navi_ichiran.jpg) no-repeat scroll 0 0 transparent; height: 93px; text-indent: -9999px; width: 696px; margin: -3px 0 0 -3px; } /* contentsHead */ #smb_its_navi #contentsHead { width:700px; background:url(../img/HEN/smb_its_navi/bg_contenthead.gif) left top repeat-y; } #smb_its_navi #contentsHead .top { width:700px; background:url(../img/HEN/smb_its_navi/bg_contenthead_top.gif) left top no-repeat; } #smb_its_navi #contentsHead .bottom { width:700px; background:url(../img/HEN/smb_its_navi/bg_contenthead_bottom.gif) left bottom no-repeat; } #smb_its_navi #contentsHead .inside { padding: 0 5px; } #smb_its_navi .more { width:690px; background:url(../img/HEN/smb_its_navi/bg_more.gif) left top no-repeat;} #smb_its_navi .more p { line-height:30px; height:30px; margin-left:17px; font-size: 120%;} #smb_its_navi .hr3 { width:700px; background:url(../img/HEN/smb_its_navi/bg_3pxhr_its_navi.gif) left top repeat-x; } #smb_its_navi .hr4 { width:700px; background:url(../img/HEN/smb_its_navi/bg_4pxhr_its_navi.gif) left top repeat-x; } #smb_its_navi .titBoxA { width:696px; background:url(../img/HEN/smb_its_navi/bg_titbox_a.jpg) left top no-repeat; margin:-3px 0 0 -3px; height:123px; } #smb_its_navi .titBoxA h2 { float:left; padding:85px 0 0 16px; font-weight:bold; font-size:180%; } #smb_its_navi .titBoxA .date { float:right; padding:95px 9px 0 0; font-weight:bold; } #smb_its_navi .titBoxA .smbTitle {font-size:21px;} #smb_its_navi .titBoxB { width:690px; background:url(../img/HEN/smb_its_navi/bg_titbox_b.gif) left top no-repeat; } #smb_its_navi .titBoxB .inside { width:690px; background:url(../img/HEN/smb_its_navi/bg_titbox_b_bottom.gif) left bottom no-repeat; } #smb_its_navi .titBoxB .inside table th { padding:8px 9px 4px 12px; color: #ec5b14; } #smb_its_navi .titBoxB .inside table td { padding:7px 10px 5px 13px; } #smb_its_navi .titBoxB .inside table .separater { padding:0 0 0 0; background: #ffb55d; } #smb_its_navi .cn2findColor { color: #ec5b14; } #smb_its_navi .cn2fontColor { color: #ffb55d; } #smb_its_navi .cn2bgColor { background-color: #FFEFD5; } #smb_its_navi .cn2enclosed { background-color: #FFA500; } #smb_its_navi div.enclosed { padding:12px 10px 11px; border:1px solid #FFA500; } #smb_its_navi div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/smb_its_navi/bg_columntit.gif) left top repeat-y; } #smb_its_navi div.columnTitleBox .inside { width:651px; background:url(../img/HEN/smb_its_navi/bg_columntit_top.gif) right top no-repeat; } #smb_its_navi div.columnTitleBox .title { width:618px; padding:14px 10px 0 23px; background:url(../img/HEN/smb_its_navi/img_columntit_pin.gif) left top no-repeat; } #smb_its_navi div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/smb_its_navi/bg_columntit_bottom.gif) left bottom no-repeat; } #smb_its_navi div.columnTitleBox .title .icon { margin-right:1px; } #smb_its_navi #index {} #smb_its_navi #index table th, #smb_its_navi #index table td {padding:5px 5px 0 0 !important;text-align:left;} #smb_its_navi #index table th {width: 20em;} #smb_its_navi .linkbox { margin:0 0 0 10px; padding:10px; background-color:#fff6d9; border:1px #ff881e solid; text-align:center; } #smb_its_navi .linkbox ul { list-style:none;} #smb_its_navi .linkbox ul li { display:inline;margin-right: 1em; padding-left: 20px;background:url(../img/HEN/smb_its_navi/icon_arrow.gif) no-repeat left center;} /* - ITコラム --------------------------------- */ #smb #it_column table tr table td.column_data{ padding-bottom:1.5em; } /* - ITコラム 製品詳細ページ --------------------------------- */ #smb_column .more { width:690px; background:url(../img/HEN/smb_system/bg_more.gif) left top no-repeat;} #smb_column .more p { line-height:30px; height:30px; margin-left:17px; font-size: 120%;} .cssVersion2 #smb_column .header .date { font-size: 12px; font-family: MS PGOTHIC,Osaka,Verdana,Helvetica,sans-serif; } #smb_column .recommend_column{ background:#f1f1f1; padding:16px 0 16px 17px; } #smb_column .recommend_column p.ttl{ background:url(/3w/navi/img/HEN/smb_column/bk_ttl_recommend_column.gif) no-repeat 0 center; padding:0 0 0 12px; font-size:120%; } #smb_column .recommend_column table{ padding-left:2px; } #smb_column .recommend_column table td p{ line-height:1.6; padding-left:3px; } #smb_column .recommend_column table td p span{ padding-left:4em; color:#206fb0; } #smb_column .recommend_column table td{ padding-bottom:0.1em; } #smb_column #column_container{ background:url(/3w/navi/img/HEN/smb_column/column_list_middle.png) repeat-y 0 0; line-height:1.5; width: 700px; } #smb_column #column_container h3.column_ttl{ background:url(/3w/navi/img/HEN/smb_column/bk_column_ttl.png) no-repeat 0 center; padding:0 0 0 34px; color:#000000; font-size:24px; font-weight:bold; line-height:1.5; margin:0 0 15px 20px; } #smb_column #column_container div.prof{ padding:0 0 6px 0; background:url(/3w/navi/img/HEN/smb_column/bg_prof_bottom.png) no-repeat 0 bottom; width:660px; margin:19px auto 0 auto; } #smb_column #column_container div.prof div.prof_container{ background:url(/3w/navi/img/HEN/smb_column/bg_prof_middle.png) repeat-y 0 0; } #smb_column #column_container div.prof div.prof_container div.prof_body{ background:url(/3w/navi/img/HEN/smb_column/bg_prof_middle.png) repeat-y 0 0; } #smb_column #column_container div.prof div.theme{ float:left; width:118px; text-align:left; padding-left:20px; } #smb_column #column_container div.prof div.theme table.prof_box { margin:0; padding:0; border: none; } #smb_column #column_container div.prof div.theme table.prof_box td { width: 100px; height: 100px; text-align: center; vertical-align: middle; padding: 0; } #smb_column #column_container div.prof div.prof_detail{ width:500px; text-align:left; float:left; } #smb_column #column_container div.prof div.prof_detail dl dd{ margin-bottom:20px; } #smb_column #column_container #column_contents{ background:url(/3w/navi/img/HEN/smb_column/column_list_bottom.png) no-repeat 0 bottom; /*padding:0 0 4px 20px;*/ padding-bottom: 4px; } #smb_column #column_container #column_contents div.column_sub_ttl{ margin:20px 0 16px 20px; } #smb_column #column_container #column_contents div.column_sub_ttl h4 { background:url(/3w/navi/img/HEN/smb_column/bk_subttl.png) repeat-y 0 0; width:640px; line-height:1; color:#FFF; font-size:22px; padding:9px 0 8px 20px; font-weight:bold; } #smb_column #column_container #column_contents div.column_sub_ttl h4 * { line-height:1.6; color:#FFF; font-size:22px; font-weight:bold; } #smb_column #column_container #column_contents .column_body{ /*padding:0 22px 0 20px;*/ } #smb_column #column_container #column_contents .column_body div{ /*padding-bottom:25px;*/ } #smb_column #column_container #column_contents .column_body div ul li{ list-style:none; } #smb_column #column_container #column_contents .column_body div.pageTop{ padding-left:15px; } #smb_column #column_container #column_contents .column_body div.floatRight{ margin-right:20px; } #smb_column div.columnBox { width:640px; background:url(../img/HEN/smb_column/bg_column.gif) left top repeat-y; } #smb_column div.columnBox .top { width:640px; background:url(../img/HEN/smb_column/bg_column_top.gif) left top no-repeat; } #smb_column div.columnBox .bottom { width:640px; background:url(../img/HEN/smb_column/bg_column_bottom.gif) left bottom no-repeat; } #smb_column #column_container #column_contents .column_body div.blockMarginLeftS div.marginLeftL p.no_margin_doc{ margin-right:30px; } /* from smb_system */ #smb_column .titBoxB { width:680px; background:url(../img/HEN/smb_column/bg_titbox_b.gif) left top no-repeat; } #smb_column .titBoxB .inside { width:680px; background:url(../img/HEN/smb_column/bg_titbox_b_bottom.gif) left bottom no-repeat; } #smb_column .titBoxB .inside table th { padding:8px 9px 4px 12px; color: #297279; } #smb_column .titBoxB .inside table td { padding:7px 10px 5px 13px; } #smb_column .titBoxB .inside table .separater { padding:0 0 0 0; background: #78cfd9; } #smb_column div.columnTitleBox { width:621px; margin:0 10px 0 9px; background:url(../img/HEN/smb_column/bg_columntit.gif) right top repeat-y; } #smb_column div.columnTitleBox .inside { width:621px; background:url(../img/HEN/smb_column/bg_columntit_top.gif) right top no-repeat; } #smb_column div.columnTitleBox .title { width:588px; padding:14px 10px 0 23px; background:url(../img/HEN/smb_column/img_columntit_pin.gif) left top no-repeat; } #smb_column div.columnTitleBox .bottom { width:621px; background:url(../img/HEN/smb_column/bg_columntit_bottom.gif) left bottom no-repeat; } #smb_column div.columnTitleBox .title .icon { margin-right:1px; } #smb_column .pointBox { margin-left:30px; width:640px; background:url(../img/HEN/smb_column/bg_pointbox.gif) left top repeat-y; } #smb_column .pointBox .inside { padding: 0 10px; } #smb_column .pointBox .top { width:640px; background:url(../img/HEN/smb_column/bg_pointbox_top.gif) left top no-repeat;height:38px; } #smb_column .pointBox .bottom { width:640px; background:url(../img/HEN/smb_column/bg_pointbox_bottom.gif) left bottom no-repeat; } #smb_column .pointBox ol { margin:5px 0 0 0;list-style: none;line-height:1.6;} /*#smb_column .pointBox ol li span {color: #3ea2af;}*/ #smb_column .pointBox .top p { padding: 5px 0 0 10px;} #smb_column .cn2findColor { color: #297279; } #smb_column .cn2fontColor { color: #3ea2af; } #smb_column .cn2bgColor { background-color: #DDECF2; } #smb_column div.enclosed { padding:12px 10px 11px; border:1px solid #B2CCE5; width:620px; } #smb_column .cn2enclosed { background-color: #C0C0E6; } .cssVersion2 #contents #smb_column .blockMarginLeftS .marginLeftL .alignRight .doc, .cssVersion2 #contents #smb_column .blockMarginLeftS .marginLeftL .alignRight .doc * { font-size: 12px; } /* - ITコラム一覧 --------------------------------- */ #smb_column #it_column_ichiran { background: url(../img/HEN/smb_column/tit_it_cloumn_ichiran.gif) no-repeat scroll 0 0 transparent; height: 93px; text-indent: -9999px; width: 696px; margin: -8px 0 0 -3px; } #smb_column .hr3 { background:url(../img/HEN/smb_column/bg_3pxhr_it_column.gif) left top repeat-x; } #smb_column .lineO { height:22px ;background:transparent url(../img/HEN/smb_column/line_01.gif) repeat-x scroll 0 bottom; } #smb_column .kiji{ width:680px; padding:10px; background:#fbfbfb; border:#CCCCCC 1px solid; } #smb_column .kiji table{ background:#FFFFFF; } /*#smb_column .kiji table td{ padding:0 0 10px; }*/ #smb_column .kiji table td.pdL5{ padding-left:5px; } #smb_column .kiji div.open{ padding:5px 0; text-align:center; } #smb_column .kiji div.open img{ vertical-align:-3px; } #smb_column .kiji table td p.publication{ font-size:10px; } #smb_column .kiji table td p.position{ font-size:10px; color:#CCCCCC; } #smb_column .kiji .kijiTitle { width:360px; text-align:left;} #smb_column .kiji .keisaibi { width:150px; text-align:left;} #smb_column .kiji .category { width:170px; text-align:left;} #smb_column .kiji .bgSortBtn { margin-left:15px; } #smb_column .kiji .subject { width:170px; } #smb_column .column_list_datail { width:257px;} #smb_column .column_list_datail2 { width:600px;} #smb_column .header {background:url(../img/HEN/smb_column/tit_it_column_detail.png) left top repeat-x;} /* smb_side */ #smb_side .access10Area { background: url("/3w/navi/img/HEN/smb/btm_access10.gif?v=1") no-repeat scroll left bottom; margin: 0 0 20px; padding: 0 0 10px 0; } #smb_side .access10Area li { border-bottom: 1px dotted #BEBEBE; margin: 0; padding: 12px 0 12px 25px; } #smb_side .access10Area li { line-height: 140%; list-style: none outside none; } #smb_side .access10Area li.rank01 { background: url("/3w/navi/img/HEN/smb/icon_access10_01.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank02 { background: url("/3w/navi/img/HEN/smb/icon_access10_02.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank03 { background: url("/3w/navi/img/HEN/smb/icon_access10_03.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank04 { background: url("/3w/navi/img/HEN/smb/icon_access10_04.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank05 { background: url("/3w/navi/img/HEN/smb/icon_access10_05.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank06 { background: url("/3w/navi/img/HEN/smb/icon_access10_06.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank07 { background: url("/3w/navi/img/HEN/smb/icon_access10_07.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank08 { background: url("/3w/navi/img/HEN/smb/icon_access10_08.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank09 { background: url("/3w/navi/img/HEN/smb/icon_access10_09.gif") no-repeat scroll left center; } #smb_side .access10Area li.rank10 { background: url("/3w/navi/img/HEN/smb/icon_access10_10.gif") no-repeat scroll left center; border-bottom: medium none !important; } /*-------------------------------------------- キーマンズ列伝 --------------------------------------------*/ #retsuden .hr4 { width:700px; background:url(../img/HEN/retsuden/bg_4pxhr.gif) left top repeat-x; } /*-------------------------------------------- 金曜Blackピット --------------------------------------------*/ #blackpit .hr4 { width:700px; background:url(../img/HEN/blackpit/bg_4pxhr.gif) left top repeat-x; } /*-------------------------------------------- ザ・キーマンインタビュー --------------------------------------------*/ #interview .key_vis_box {border:1px solid #e5e5e5;padding: 5px;margin: 0 0 25px 0;} #interview .key_vis_box h2 {margin-bottom: 1em;} #interview .key_vis_box p {padding: 5px;} #interview .company_box {border-top:1px solid #dddbdc;border-bottom:1px solid #dddbdc;background:url(../img/HEN/interview/profile.gif) no-repeat right top #eff4fa;margin: 0 0 25px 0;} #interview .company_box .wrap {vertical-align:middle;} #interview .company_box .wrap .company_name {background: url(../img/HEN/interview/tit_company.gif) no-repeat left top; height: 25px;line-height: 25px;padding: 0 0 0 14px;color: #333333;font-weight:bold;} #interview .company_box .wrap .company_name span {margin:0 0 0 5px;} #interview .company_box .wrap .company_detail {margin-top: 5px;line-height: 200%;} #interview h3 {background:url(../img/HEN/interview/title_om.gif) no-repeat left center;width:700px;margin: 0 0 25px 0;} #interview h3 span {height:40px;line-height:40px;margin: 0 0 0 30px;} .cssVersion2 #contents #interview h3 span.big {height:40px;line-height:40px;font-size:16px;} #interview .sectionQ {padding: 0 10px;margin: 0 0 10px 0;clear:both;} #interview .sectionA {padding: 0 10px;margin: 0 0 25px 0;clear:both;} #interview h4.faq {margin-bottom:10px;} #interview .box_r {float:right;margin: 0 0 10px 10px;} #interview .box_l {float:left;margin: 0 10px 10px 0;} /* columnBox */ #interview div.columnBox {margin: 0 0 0 10px;} #interview div.columnTitleBox {background: url(../img/HEN/interview/bg_columntit.gif) repeat-y left top transparent;margin: 0 10px 0 9px;width: 651px;} #interview div.columnTitleBox .inside {background: url(../img/HEN/interview/bg_columntit_top.gif) no-repeat scroll right top transparent;width: 651px;} #interview div.columnTitleBox .title {background: url(../img/HEN/interview/img_columntit_pin.gif) no-repeat scroll left top transparent;padding: 14px 10px 0 23px;width: 618px;} #interview div.columnTitleBox .bottom {background: url(../img/HEN/interview/bg_columntit_bottom.gif) no-repeat scroll left bottom transparent;width: 651px;} #interview div.columnTitleBox .title .icon {margin-right: 1px;} #interview .hr4 {background: url(../img/HEN/interview/bg_4pxhr.gif) repeat-x scroll left top transparent;width: 700px;} /*-------------------------------------------- 強化塾 --------------------------------------------*/ #kyoukajyuku .hr2 { width:670px; background-color:#f0f0f0; margin:0; padding:0; } #kyoukajyuku .hr3 { width:700px; height:3px; background: url(../img/HEN/kyoukajyuku/bg_3pxhr_skyoka.gif) left top repeat-x; } #kyoukajyuku .hr4 { width:700px; height:4px; background: url(../img/HEN/kyoukajyuku/bg_4pxhr_skyoka.gif) left top repeat-x; } #kyoukajyuku {} #kyoukajyuku .whiteboard {background: url(../img/HEN/kyoukajyuku/bg_kyoka_kadai_bottom.gif) no-repeat left bottom;min-height: 300px;margin: 0 0 25px 0;} #kyoukajyuku .whiteboard .top {background: url(../img/HEN/kyoukajyuku/bg_kyoka_kadai_top.gif) no-repeat left top;} #kyoukajyuku .whiteboard .mid .tit { background: url(../img/HEN/kyoukajyuku/bg_kyoka_kadai_title.gif) no-repeat left bottom; width: 632px; min-height: 40px; margin: 0 0 10px 0; } #kyoukajyuku .whiteboard .mid .tit p , #kyoukajyuku .whiteboard .mid .tit div.input { font-weight: bold; font-size: 16px; padding: 10px 0 10px 35px; margin: 0 0 0 0; vertical-align: bottom; } #kyoukajyuku .whiteboard .mid { background: url(../img/HEN/kyoukajyuku/bg_kyoka_kadai_mid.gif) repeat-y left top; padding: 0px 33px 20px; } .cssVersion2 #kyoukajyuku .whiteboard .mid .doc { font-size: 16px; line-height: 1.6; } #kyoukajyuku .w690 {width:690px; margin-left:10px;} #kyoukajyuku .w690 p {margin-bottom:20px;} #kyoukajyuku .w670 {width:670px; margin-left:20px; line-height: 1.4;} #kyoukajyuku .w670 .main { width:670px; float:left; margin-bottom:20px;} #kyoukajyuku .w670 .main .txt_a { width:360px; margin-right:10px; float:left;} #kyoukajyuku .w670 .main .img_a { width:300px; float:left;} #kyoukajyuku .w670 .main .txt_b { width:360px; float:left;} #kyoukajyuku .w670 .main .img_b { width:300px; margin-right:10px; float:left;} #kyoukajyuku #shoulderTitle { margin-bottom:3px;} #kyoukajyuku .titBoxA { width:690px; background:url(../img/HEN/kyoukajyuku/bg_titbox_a.gif) left top repeat-y; } #kyoukajyuku .titBoxA .top { width:690px; background:url(../img/HEN/kyoukajyuku/bg_titbox_a_top.gif) left top no-repeat!important; } #kyoukajyuku .titBoxA .bottom { width:690px; background:url(../img/HEN/kyoukajyuku/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #kyoukajyuku .titBoxA .inside { padding: 0 6px!important; } #kyoukajyuku .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #kyoukajyuku .titBoxB { width:690px; background:url(../img/HEN/kyoukajyuku/bg_titbox_b.gif) left top repeat-y; } #kyoukajyuku .titBoxB .inside { width:690px; background:url(../img/HEN/kyoukajyuku/bg_titbox_b_bottom.gif) left bottom no-repeat!important; } #kyoukajyuku .titBoxB .inside table th {padding:8px 9px 4px 12px; color:#e25b58;} #kyoukajyuku .titBoxB .inside table td {padding:7px 10px 5px 13px;} #kyoukajyuku .titBoxB .inside table .separater{background:#fe9e85; padding:0 0 0 0;} #kyoukajyuku .titBoxC { width:690px; background:url(../img/HEN/kyoukajyuku/bg_titbox_c.gif) left top no-repeat; } #kyoukajyuku .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/kyoukajyuku/bg_titbox_c_bottom.gif) left bottom no-repeat; } #kyoukajyuku div.enclosed { padding:12px 10px 11px; border:1px solid #FB721F; } #kyoukajyuku div.enclosed p{margin:0; padding:0} #kyoukajyuku .cn2findColor { color: #ff3939; } #kyoukajyuku .cn2fontColor { color: #ff3939; } #kyoukajyuku .cn2bgColor { background-color: #fdf0e0; } #kyoukajyuku .cn2enclosed { background-color: #fe9e84; } #kyoukajyuku div.columnBox div.columnDocument p{margin:0; padding:0;} .cssVersion2 #kyoukajyuku div.columnBox .title {font-size: 14px;} #kyoukajyuku div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/kyoukajyuku/bg_columntit.gif) left top repeat-y; } #kyoukajyuku div.columnTitleBox p{margin:0; padding:0;} #kyoukajyuku div.columnTitleBox .inside { width:651px; background:url(../img/HEN/kyoukajyuku/bg_columntit_top.gif) right top no-repeat; } #kyoukajyuku div.columnTitleBox .title { width:595px; padding:16px 10px 2px 46px; background:url(../img/HEN/kyoukajyuku/img_columntit_book.gif) left top no-repeat; } #kyoukajyuku div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/kyoukajyuku/bg_columntit_bottom.gif) left bottom no-repeat; } #kyoukajyuku div.columnTitleBox .title .icon { margin-right:1px; } #kyoukajyuku div.qaBox { width:670px; background: url(../img/HEN/kyoukajyuku/bg_kyoka_qa_mid.gif) repeat-y; } #kyoukajyuku div.qaBox .top { width:670px; background: url(../img/HEN/kyoukajyuku/bg_kyoka_qa_top.gif) left top no-repeat; } #kyoukajyuku div.qaBox .bottom { width:670px; background: url(../img/HEN/kyoukajyuku/bg_kyoka_qa_bottom.gif) left bottom no-repeat; } #kyoukajyuku div.qaBox .tit { margin: 0 11px; } #kyoukajyuku div.qaBox .btn { margin: 6px auto; text-align: center;} #kyoukajyuku div.qaBox .qObject { margin: 0 22px; } #kyoukajyuku div.qaBox .aSelectImage { margin:0 14px; text-align:center!important; } #kyoukajyuku div.qaBox .bg_qa {background:url(../img/HEN/kyoukajyuku/pic_qa_maru_01.gif) no-repeat 15px bottom;min-height: 70px;margin: 0 0 10px 0;} #kyoukajyuku div.qaBox .aSelect { margin: 0 11px 0 130px; } #kyoukajyuku div.qaBox .aSelect input { margin-top:-2px; } #kyoukajyuku div.qaBox .kaitou { color:#FF9900; line-height:1; } .cssVersion2 #kyoukajyuku div.qaBox .kaitou { font-size: 16px; } #kyoukajyuku div.qaBox .aObject div { padding-right: 100px; margin: 0 20px; } #kyoukajyuku div.theText2{ width:670px; float:left; _float:none; padding:0 15px; } #kyoukajyuku div.theText2 h3{ margin-bottom:10px; padding:20px 0 15px 30px; background:url(../img/HEN/kyoukajyuku/icon_title_a.gif) no-repeat 0 0; font-weight:bold; } #kyoukajyuku div.theText2 p{ margin-bottom:10px; } /*-------------------------------------------- IT導入完全ガイド --------------------------------------------*/ .cssVersion2 #perfectGuide { font-size:12px !important; line-height:1.625 !important; } #perfectGuide .hr2 { width:670px; background-color:#f0f0f0; margin:0; padding:0; } #perfectGuide .hr3 { width:700px; height:3px; background: url(../img/HEN/perfectGuide/bg_3pxhr_skyoka.gif) left top repeat-x; } #perfectGuide .hr4 { width:700px; height:4px; background: url(../img/HEN/perfectGuide/bg_4pxhr_skyoka.gif) left top repeat-x; } #perfectGuide #shoulderTitle { margin-bottom:3px;} #perfectGuide .titBoxA { width:690px; background: url(../img/HEN/perfectGuide/bg_titbox_a.gif) left top repeat-y; } #perfectGuide .titBoxA .top { width:690px; background:url(../img/HEN/perfectGuide/bg_titbox_a_top.gif) left top no-repeat!important; } #perfectGuide .titBoxA .bottom { width:690px; background:url(../img/HEN/perfectGuide/bg_titbox_a_bottom.gif) left bottom no-repeat!important; } #perfectGuide .titBoxA .inside { padding: 0 6px!important; } #perfectGuide .titBoxA .date { float:right; padding-right:9px; font-weight:bold; } #perfectGuide .titBoxB { width:690px; background:url(../img/HEN/perfectGuide/bg_titbox_b.gif) left top no-repeat; } #perfectGuide .titBoxB .inside { width:690px; background:url(../img/HEN/perfectGuide/bg_titbox_b_bottom.gif) left bottom no-repeat!important; } #perfectGuide .titBoxB .inside table th {padding:8px 9px 4px 12px; color:#1c5fa5;} #perfectGuide .titBoxB .inside table td {padding:7px 10px 5px 13px;} #perfectGuide .titBoxB .inside table .separater{background:#3d8aca; padding:0 0 0 0;} #perfectGuide .titBoxC { width:690px; background:url(../img/HEN/perfectGuide/bg_titbox_c.gif) left top no-repeat; } #perfectGuide .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/perfectGuide/bg_titbox_c_bottom.gif) left bottom no-repeat; } #perfectGuide div.enclosed { padding:12px 10px 11px; border:1px solid #3d8aca; } #perfectGuide div.enclosed p{margin:0; padding:0} #perfectGuide .cn2findColor { color: #1c5fa5; } #perfectGuide .cn2fontColor { color: #1c5fa5; } #perfectGuide .cn2enclosed { background-color: #3d8aca; } #perfectGuide .cn2bgColor { background-color: #e7f0f7; } #perfectGuide .related_info { width:670px; background-color:#f2f3f3; border:1px solid #d4d5d5; padding:15px 0; text-align:center;} #perfectGuide .related_info p * { font-weight:bold !important;} #perfectGuide div.columnBox div.columnDocument p{margin:0; padding:0;} #perfectGuide div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/perfectGuide/bg_columntit.gif) left top repeat-y; position:relative;} #perfectGuide div.columnTitleBox .icon_e{ position:absolute; top:-1px; left:11px;} #perfectGuide div.columnTitleBox p{margin:0; padding:0;} #perfectGuide div.columnTitleBox .inside { width:651px; background:url(../img/HEN/perfectGuide/bg_columntit_top.gif) right top no-repeat; } #perfectGuide div.columnTitleBox .title { width:628px; padding:14px 0 0 23px; background:url(../img/HEN/perfectGuide/img_columntit_pin.gif) left top no-repeat; } #perfectGuide div.columnTitleBox .title_e { width:594px; padding:15px 0 0 57px; background:url(../img/HEN/perfectGuide/img_columntit_book.gif) left top no-repeat; } #perfectGuide div.columnTitleBox .title p, #perfectGuide div.columnTitleBox .title_e p { font-weight:bold; color:#206fb0;} #perfectGuide div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/perfectGuide/bg_columntit_bottom.gif) left bottom no-repeat; } #perfectGuide #index {} #perfectGuide #index table th, #perfectGuide #index table td {text-align:left;} #perfectGuide #index table td {font-weight:bold; color:#206fb0;} /* Keyノート自動表出ブロック 他でも利用する特集がある */ #perfectGuide .itemBox, #itPerfectGuide .itemBox, #analyst .itemBox, #it300 .itemBox, #smb_system .itemBox { width:650px; } #perfectGuide .itemBox th, #itPerfectGuide .itemBox th, #analyst .itemBox th, #it300 .itemBox th, #smb_system .itemBox th, #perfectGuide .itemBox td, #itPerfectGuide .itemBox td, #analyst .itemBox td, #it300 .itemBox td, #smb_system .itemBox td { padding-top:5px; } #perfectGuide .itemBox .btn, #itPerfectGuide .itemBox .btn, #analyst .itemBox .btn, #it300 .itemBox .btn, #smb_system .itemBox .btn { width:20px; padding-right:10px; } #perfectGuide .itemBox .information, #itPerfectGuide .itemBox .information, #analyst .itemBox .information, #it300 .itemBox .information, #smb_system .itemBox .information { padding:7px 10px 0 0; } #perfectGuide .itemBox .checkBox, #itPerfectGuide .itemBox .checkBox, #analyst .itemBox .checkBox, #it300 .itemBox .checkBox, #smb_system .itemBox .checkBox { padding-top:4px!important; width:22px; padding-right:1px; text-align:center; background: url(../img/HEN/perfectGuide/bg_checkbox.gif); } #perfectGuide .itemBox th, #itPerfectGuide .itemBox th, #analyst .itemBox th, #it300 .itemBox th, #smb_system .itemBox th { white-space:nowrap; text-align:left; } #perfectGuide .itemBox td.separate, #itPerfectGuide .itemBox td.separate, #analyst .itemBox td.separate, #it300 .itemBox td.separate, #smb_system .itemBox td.separate { padding-right:2px; padding-left:4px; } #perfectGuide .toolbox, #itPerfectGuide .toolbox, #analyst .toolbox, #it300 .toolbox, #smb_system .toolbox { width:670px; } #perfectGuide .toolbox .displaySwitch, #itPerfectGuide .toolbox .displaySwitch, #analyst .toolbox .displaySwitch, #watchers .toolbox .displaySwitch, #it300 .toolbox .displaySwitch, #kyoukajyuku .toolbox .displaySwitch, #smb_system .toolbox .displaySwitch {background: url(../img/HEN/icon_allclose.gif) left center no-repeat; } #perfectGuide .toolbox .allopen, #itPerfectGuide .toolbox .allopen, #analyst .toolbox .allopen, #it300 .toolbox .allopen, #smb_system .toolbox .allopen { background: url(../img/HEN/icon_allopen.gif) left center no-repeat; padding-left:14px; } #perfectGuide .toolbox .allclose, #itPerfectGuide .toolbox .allclose, #analyst .toolbox .allclose, #it300 .toolbox .allclose, #smb_system .toolbox .allclose { padding-left:14px; } #perfectGuide .toolbox .notice, #itPerfectGuide .toolbox .notice, #analyst .toolbox .notice, #it300 .toolbox .notice, #smb_system .toolbox .notice { text-align:right; padding-right:6px; } #perfectGuide .toolbox .btn, #itPerfectGuide .toolbox .btn, #analyst .toolbox .btn, #it300 .toolbox .btn, #smb_system .toolbox .btn { width:80px; background: url(../img/HEN/btn_hikaku_out.gif) left top no-repeat; } #perfectGuide .toolbox .btn2, #itPerfectGuide .toolbox .btn2, #analyst .toolbox .btn2, #it300 .toolbox .btn2, #smb_system .toolbox .btn2 { text-align:right; vertical-align:top; width:280px; } #perfectGuide .toolbox .hidden, #itPerfectGuide .toolbox .hidden, #analyst .toolbox .hidden, #it300 .toolbox .hidden, #smb_system .toolbox .hidden { visibility:hidden; } #perfectGuide .titBoxD { width:670px; background:url(../img/HEN/perfectGuide/bg_titbox_d.gif) left top repeat-y; } #perfectGuide .titBoxD .bottom { width:670px; background:url(../img/HEN/perfectGuide/bg_titbox_d_bottom.gif) left bottom no-repeat; } #perfectGuide .titBoxD p { padding:7px 7px 0; font-weight:bold; } #itPerfectGuide .titBoxD { width:670px; background:url(../img/HEN/perfectGuide/bg_titbox_d.gif) left top repeat-y; } #itPerfectGuide .titBoxD .bottom { width:670px; background:url(../img/HEN/perfectGuide/bg_titbox_d_bottom.gif) left bottom no-repeat; } #itPerfectGuide .titBoxD p { padding:7px 7px 0; font-weight:bold; } #tit_perfectGuide_ichiran { text-indent:-9999px; background: url(../img/HEN/perfectGuide/tit_perfectGuide_ichiran.gif) no-repeat; width:690px; height:85px; } /*-------------------------------------------- 情シスのスイッチ --------------------------------------------*/ #jsys .hr4 { width:700px; background:url(../img/HEN/jsys/bg_4pxhr.gif) left top repeat-x; } /* ITコラム プロフィール 連載バックナンバー */ #profile_backnum{ width:660px; margin: 0 auto 0px; padding-bottom:20px; background:url(../img/HEN/smb_column/profile_ttl_bg_01.png) repeat-y; } #profile_backnum a{ color:#206FB0; } #profile_backnum .heading{ font-size:15px; line-height:1.2; font-weight:800; padding:9px; padding-left:40px; background:url(../img/HEN/smb_column/profile_ttl_01.png) no-repeat; } #profile_backnum .heading .title{ color:#fff; } #profile_backnum dl{ background:url(../img/HEN/smb_column/profile_ttl_bg_02.png) no-repeat bottom; padding:10px 30px 10px; margin-bottom:-20px; overflow:hidden; zoom:1; } #profile_backnum dl dt{ background:url(../img/HEN/smb_column/profile_ttl_bg_03.png) no-repeat 2px 50%; padding:2px 0px; padding-left:20px; font-size:14px; font-weight:800; border-bottom:1px solid #ccc; margin-bottom:5px; } #profile_backnum dl dd{ margin-bottom:20px; line-height:1.7; } #profile_backnum dl dd ul li{ list-style:none; } /*-------------------------------------------- IT導入完全ガイド〜フォント拡大対応版 --------------------------------------------*/ #itPerfectGuide *{ font-size:inherit; line-height:inherit; font-family:inherit; } #itPerfectGuide *{ font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",MS PGOTHIC,Osaka,Verdana,Helvetica,sans-serif; } #itPerfectGuide{ font-size:12px !important; line-height:1.625 !important; font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",MS PGOTHIC,Osaka,Verdana,Helvetica,sans-serif; } #itPerfectGuide .titBoxA{ background:#E7F0F7; border-left:#1F6EB0 3px solid; padding-left:1px; margin-bottom:8px; position:relative; width:auto; } #itPerfectGuide .titBoxA h2{ border-left:#1F6EB0 1px solid; padding:15px 0px; padding-left:5px; font-size:24px; line-height:1.2 !important; color:#1F6CB0; zoom:1; vertical-align:middle; } #itPerfectGuide .titBoxA .date{ position:absolute; right:8px; top:0px; font-size:10px; padding:0px; margin:0px; color:#666; } #itPerfectGuide .inside p{ font-size:16px; line-height:1.625; /* text-align:justify; */ /* text-justify:kashida; */ } #itPerfectGuide .enqSection .inside p.middle150{ font-family:"ＭＳ Ｐゴシック"; font-size:12px; _font-size:100%; line-height:150%; text-align:left; } #itPerfectGuide #index{ width:698px; margin:0px auto 10px; padding:0px; background:#E7F0F7 url(/3w/navi/img/HEN/itPerfectGuide/index_bg01.png) top left no-repeat; } #itPerfectGuide #index dl{ background:url(/3w/navi/img/HEN/itPerfectGuide/index_bg02.png) bottom left no-repeat; padding:5px; font-size:14px; } #itPerfectGuide #index dl dt{ font-weight:800; overflow:hidden; zoom:1; /*border-bottom:1px dotted #ccc;*/ margin-bottom:5px; padding-right:5px; } #itPerfectGuide #index dl dt span.idx{ float:left; font-weight:800; } #itPerfectGuide #index dl dt span.kako{ font-size:12px !important; font-weight:100; float:right; background:url(/3w/navi/img/HEN/itPerfectGuide/arrow01.png) no-repeat 0px 50%; padding-left:10px; } #itPerfectGuide #index dl dt a:hover{ color: #ffffff; background: #206fb0; } #itPerfectGuide #index dl dd ol{ list-style:none; padding-left:24px; } #itPerfectGuide #index dl dd ol li span{ display:inline-block; background:#1F6EB0; border-radius:2px; min-width:15px; height:15px; color:#fff; line-height:15px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-right:5px; vertical-align:middle; } #itPerfectGuide #index dl dd ol li a{ font-weight:800; } #itPerfectGuide .heading01{ font-size:20px; font-weight:800; color:#1F6EB0; width:100%; margin:5px 0px 10px; } #itPerfectGuide .heading01 span{ display:inline-block; vertical-align:middle; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; min-width:30px; height:37px; line-height:37px; background:url(/3w/navi/img/HEN/itPerfectGuide/number_bg01.png) no-repeat; margin-right:5px; font-weight:800; } #itPerfectGuide .heading02{ margin-left:30px; background:url(/3w/navi/img/HEN/itPerfectGuide/heading02_02.png) repeat-y left; margin-bottom:5px; } #itPerfectGuide .heading02 .wrap01{ background:url(/3w/navi/img/HEN/itPerfectGuide/heading02_01.png) no-repeat 0px 0px; } #itPerfectGuide .heading02 .wrap02{ background:url(/3w/navi/img/HEN/itPerfectGuide/heading02_03.png) no-repeat bottom left; } #itPerfectGuide .heading02 h4{ padding:5px 0px; font-weight:800; font-size:20px; line-height:1.2; padding-left:50px; position:relative; zoom:1; vertical-align:top; } #itPerfectGuide .heading02 h4 .num{ display:inline-block; width:42px; text-align:center; color:#1E6EB0; font-size:14px; line-height:2.4em; position:absolute; left:0px; top:0px; } #itPerfectGuide .blockMarginLeftS{ } #itPerfectGuide .blockMarginLeftS h4{ font-size:16px; font-weight:800; } #itPerfectGuide .blockMarginLeftS p{ line-height:1.6; font-size:16px; } #itPerfectGuide .blockMarginLeftS .htBox, #itPerfectGuide .blockMarginLeftS .htBox * { line-height:1.6; font-size:16px; } #itPerfectGuide .catalog .block01 .detail .keycatalog{ display:none; } #itPerfectGuide h5.pic_caption{ font-size:14px; line-height:1.6; } #itPerfectGuide .cn2enclosed{ border:1px solid #3C8ACA; border-collapse:collapse; width:100%; } #itPerfectGuide .cn2enclosed *{ font-size:14px; } #itPerfectGuide .cn2enclosed th{ background:#E7F0F7; padding:5px; border:1px solid #3C8ACA; text-align:left; font-weight:800; } #itPerfectGuide .cn2enclosed td p.doc .cn2fontColor{ font-weight:800; } #itPerfectGuide .cn2enclosed td p.doc{ font-size:14px; } #itPerfectGuide .detail_link{ font-size:14px; margin-left:30px; margin-bottom:10px; padding-left:10px; background:url(/3w/navi/img/HEN/itPerfectGuide/arrow01.png) no-repeat 0px 50%; } #itPerfectGuide .detail_link a{ font-size:14px; } #itPerfectGuide .detail_link a:hover{ color: #ffffff; background: #206fb0; } /* 旧ガイドからの移植 */ #itPerfectGuide .hr2 { width:670px; background-color:#f0f0f0; margin:0; padding:0; } #itPerfectGuide .hr3 { width:700px; height:3px; background: url(../img/HEN/perfectGuide/bg_3pxhr_skyoka.gif) left top repeat-x; } #itPerfectGuide .hr4 { width:700px; height:4px; background: url(../img/HEN/perfectGuide/bg_4pxhr_skyoka.gif) left top repeat-x; } #itPerfectGuide .titBoxC { width:690px; background:url(../img/HEN/perfectGuide/bg_titbox_c.gif) left top no-repeat; } #itPerfectGuide .titBoxC .inside { width:660px; padding:4px 10px 3px 20px; background:url(../img/HEN/perfectGuide/bg_titbox_c_bottom.gif) left bottom no-repeat; } #itPerfectGuide div.enclosed { padding:12px 10px 11px; border:1px solid #3d8aca; } #itPerfectGuide div.enclosed p{margin:0; padding:0} #itPerfectGuide .cn2findColor { color: #1c5fa5; } #itPerfectGuide .cn2fontColor { color: #1c5fa5; } #itPerfectGuide .cn2enclosed { background-color: #3d8aca; } #itPerfectGuide .cn2bgColor { background-color: #e7f0f7; } #itPerfectGuide .related_info { width:670px; background-color:#f2f3f3; border:1px solid #d4d5d5; padding:15px 0; text-align:center;} #itPerfectGuide .related_info p.doc { font-weight:bold !important;} #itPerfectGuide .related_info p, #itPerfectGuide .related_info p * { font-size:12px; line-height: 1.6; } #itPerfectGuide div.columnBox div.columnDocument p{margin:0; padding:0;} #itPerfectGuide div.columnTitleBox { width:651px; margin:0 10px 0 9px; background:url(../img/HEN/perfectGuide/bg_columntit.gif) left top repeat-y; position:relative;} #itPerfectGuide div.columnTitleBox .icon_e{ position:absolute; top:-1px; left:11px;} #itPerfectGuide div.columnTitleBox p{margin:0; padding:0;} #itPerfectGuide div.columnTitleBox .inside { width:651px; background:url(../img/HEN/perfectGuide/bg_columntit_top.gif) right top no-repeat; } #itPerfectGuide div.columnTitleBox .title { width:628px; padding:14px 0 0 23px; background:url(../img/HEN/perfectGuide/img_columntit_pin.gif) left top no-repeat; } #itPerfectGuide div.columnTitleBox .title_e { width:594px; padding:15px 0 0 57px; background:url(../img/HEN/perfectGuide/img_columntit_book.gif) left top no-repeat; } #itPerfectGuide div.columnTitleBox .title p, #itPerfectGuide div.columnTitleBox .title_e p { font-weight:bold; color:#206fb0;} #itPerfectGuide div.columnTitleBox .bottom { width:651px; background:url(../img/HEN/perfectGuide/bg_columntit_bottom.gif) left bottom no-repeat; } /* f_renewal関連 */ #itPerfectGuide div.inside input { line-height: 1.0; } #itPerfectGuide div.inside input[type='text'] { width: 224px;} #itPerfectGuide div.inside input[type='text'][size='5'] { width: 28px;} #itPerfectGuide div.inside input[type='text'][size='10'] { width: 56px;} #itPerfectGuide div.inside input[type='text'][size='15'] { width: 94px;} #itPerfectGuide div.inside input[type='text'][size='20'] { width: 112px;} #itPerfectGuide div.inside input[type='text'][size='25'] { width: 140px;} #itPerfectGuide div.inside input[type='text'][size='30'] { width: 168px;} #itPerfectGuide div.inside input[type='text'][size='35'] { width: 174px;} #itPerfectGuide div.inside input[type='text'][size='40'] { width: 224px;} #itPerfectGuide div.inside input[type='text'][size='45'] { width: 252px;} #itPerfectGuide div.inside input[type='text'][size='50'] { width: 280px;} #itPerfectGuide div.inside textarea { width: 224px;} #itPerfectGuide div.inside textarea[cols='40'] { width: 224px;} #itPerfectGuide div.inside textarea[cols='45'] { width: 252px;} #itPerfectGuide div.inside textarea[cols='50'] { width: 280px;} #itPerfectGuide div.inside textarea[cols='64'] { width: 340px;} /* 入稿ツール対応 */ #itPerfectGuide .titBoxA .guideTitle {color:#1F6CB0;} #itPerfectGuide .inside .guideTopTxt {font-size:16px; line-height:1.625;} #itPerfectGuide .heading01 input.txt{width:640px;font-size:20px; font-weight:800; color:#1F6EB0;} #itPerfectGuide .heading02 h4 input.no{width:38px; text-align:center; color: #1E6EB0; font-size:14px; line-height: 2.4em; } #itPerfectGuide .heading02 h4 input.txt{font-weight:800; width:560px; font-size:20px; vertical-align:top;} /* カタログ */ #itPerfectGuide .catalog{ } #itPerfectGuide .catalog .lead{ font-size:1.333em; margin-bottom:5px; line-height:1.2; } #itPerfectGuide .catalog .block01{ background:#BED5F6; padding-left:23px; position:relative; margin-bottom:5px; } #itPerfectGuide .catalog .block01 .check{ position:absolute; left:0px; top:3px; width:23px; text-align:center; } #itPerfectGuide .catalog .block01 .check input{ margin-bottom:2px; } #itPerfectGuide .catalog .block01 .detail{ border-left:5px solid #fff; background:#F2F8FC; padding:5px 8px; } #itPerfectGuide .catalog .block01 .detail{ font-size:1.166em; font-weight:800; } #itPerfectGuide .catalog .block01 .detail .title a{ font-weight:800; } #itPerfectGuide .catalog .block01 .detail .keynote{ background:url(../img/search/parts_line_b_keynote.gif) no-repeat top right; display:inline-block; width:60px; height:16px; overflow:hidden; text-indent:-200%; vertical-align:middle; } #itPerfectGuide .catalog .block01 .block02{ margin-top:5px; background:#fff; padding:10px 5px; font-size:0.857em; overflow:hidden; } #itPerfectGuide .catalog .block01 .block02 p{ font-size:1em; margin-bottom:5px; } #itPerfectGuide .catalog .block01 .block02 .switch{ width:20px; height:20px; background-image:url(../img/HEN/itPerfectGuide/switch.png); background-position:left top; cursor:pointer; } #itPerfectGuide .catalog .block01 .block02 .switch{ width:20px; height:20px; background-image:url(../img/HEN/itPerfectGuide/switch.png); background-position:left top; float:left; } #itPerfectGuide .catalog .block01 .block02 dl{ float:right; width:580px; } #itPerfectGuide .catalog .block01 .block02 dl dt{ font-weight:800; } #itPerfectGuide .catalog .block01 .block02 dl dt img{ vertical-align:middle; } #itPerfectGuide .catalog .block01 .block02 dl dd{ margin-bottom:5px; } #itPerfectGuide .catalog .block01 .block02.open .switch{ background-position:left bottom; } #itPerfectGuide .catalog .block01 .block02.close dl dd{ display:none; } #itPerfectGuide .searchsNaviBoxTop table tr td{ font-size:0.833em; line-height:1.2; } #itPerfectGuide .catalog .block01 .block02 dl dt{ font-weight:800; } #itPerfectGuide .catalog .block01 .block02 dl dt img{ vertical-align:middle; } #itPerfectGuide .catalog .block01 .block02 dl dd{ margin-bottom:5px; } #itPerfectGuide .catalog .block01 .block02.open .switch{ background-position:left bottom; } #itPerfectGuide .catalog .block01 .block02.close dl dd{ display:none; } #itPerfectGuide .searchsNaviBoxTop table tr td{ font-size:0.833em; line-height:1.2; } #itPerfectGuide .blockMarginLeftS .marginLeftL .reference{ font-size:1.3em; font-weight:bold; margin-top:20px; margin-bottom: 13px; line-height:1.0em; } #itPerfectGuide .blockMarginLeftS .marginLeftL .reference span{ background-color:#eeeeee; padding:5px 5px 3px 5px; display:inline; } #itPerfectGuide .blockMarginLeftS .marginLeftL ul{ list-style-type: none; margin:10px 0; font-size:14px; padding-right:10px; padding-left:5px; } #itPerfectGuide .blockMarginLeftS .marginLeftL ul li{ background: url(../img/special_new/icn_set02.png) no-repeat 0 5px; padding-left:15px; } #itPerfectGuide .catalog .block01 .block02 dl dt{ font-weight:800; } #itPerfectGuide .catalog .block01 .block02 dl dt img{ vertical-align:middle; } #itPerfectGuide .catalog .block01 .block02 dl dd{ margin-bottom:5px; } #itPerfectGuide .catalog .block01 .block02.open .switch{ background-position:left bottom; } #itPerfectGuide .catalog .block01 .block02.close dl dd{ display:none; } #itPerfectGuide .searchsNaviBoxTop table tr td{ font-size:0.833em; line-height:1.2; }