就職博 サービス資料

お問い合わせ内容の入力

ご連絡先
貴社名 入力例) 株式会社学情
※同業他社様や個人の方のお申込はご遠慮ください。
部署名 入力例) 総務部人事課
ご担当者名 入力例) 学情 太郎
ご住所(都道府県)
お電話番号 入力例) 03-3545-7310
お電話番号(携帯電話) 入力例) 090-0000-0000
メールアドレス 入力例) taro.gakujo@gakujo.ne.jp
個人情報の取り扱いについて 同意する
個人情報の取り扱いについてはこちらをご確認ください。
その他お問い合わせ項目  
その他ご要望等有りましたらご記入ください
/* title */ body table.items { border-top: 0; } table.items tr.item#item_16, table.items tr.item#item_17 { border-width: 0 0 1px; padding: 10px 0 0; } table.items tr.item#item_16 td, table.items tr.item#item_17 td { display: none; } table.items tr.item#item_16 td.label, table.items tr.item#item_17 td.label { background: none; border: none; display: block; font-weight: bold; font-size: 130%; position: relative; width: auto; } /* space */ table.items tr.item#item_24 { border-width: 0 0 1px; height: 15px; padding-bottom: 0; } table.items tr.item#item_24 td { display: none; } @charset "utf-8"; /*------------------------------------------------------------------- Yahoo UI Library Fonts CSS * Copyright (c) 2006, Yahoo! Inc. All rights reserved. * http://developer.yahoo.com/yui/license.txt Font-size Adjustment 77% = 10px | 123.1% = 16px | 167% = 22px 85% = 11px | 131% = 17px | 174% = 23px 93% = 12px | 138.5% = 18px | 182% = 24px 100% = 13px | 146.5% = 19px | 189% = 25px 108% = 14px | 153.9% = 20px | 197% = 26px 116% = 15px | 161.6% = 21px | -------------------------------------------------------------------*/ body { font-size: 13px; *font-size: small; *font: x-small; font-style: normal; } /*------------------------------------------------------------------- Structure Module -------------------------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, input, textarea, th, td, blockquote, ul, ol, dl, dd, address { margin: 0; padding: 0; } /*------------------------------------------------------------------- Text Module -------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { font-size: 182%; } h2 { font-size: 167%; } h3 { font-size: 153.9%; } h4 { font-size: 138.5%; } h5 { font-size: 123.1%; } h6 { font-size: 108%; } br { letter-spacing: 0; } em { font-weight: bold; } strong { font-weight: bold; } /*------------------------------------------------------------------- Object Module -------------------------------------------------------------------*/ object, embed { vertical-align: bottom; } /*------------------------------------------------------------------- List Module -------------------------------------------------------------------*/ ul, ol { list-style-position: outside; list-style: none; } /*------------------------------------------------------------------- Table Module -------------------------------------------------------------------*/ caption { display: none; } th, td { text-align: left; vertical-align: top; } /*------------------------------------------------------------------- Forms Module -------------------------------------------------------------------*/ fieldset { border: none; } legend { display: none; } input.radio, input.checkbox { border: none; background-color: transparent; background-image: none; } input.submit { font-weight: bold; } /*------------------------------------------------------------------- Structure Module -------------------------------------------------------------------*/ body { font-family: "メイリオ", "MS Pゴシック", "ヒラギノ角ゴ Pro W3", Osaka,arial,helvetica,clean,sans-serif; line-height: 1.6; vertical-align: text-bottom; } div { word-wrap: break-word; } img { vertical-align: top; } /*------------------------------------------------------------------- Text Module -------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { } em { font-style: normal; } hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0 0; display: block; height: 1px; margin-top: 15px; vertical-align: top; } blockquote { background-color: #eee; border: 1px solid #ccc; margin-top: 15px; padding: 0 15px 15px; } cite { color: #666; display: block; text-align: right; } pre { font-family: inherit; *font-family: "メイリオ", "MS Pゴシック"; *font-size: 100%; white-space: pre-wrap; word-wrap: break-word; } p, ul, ol, dl, table { margin-top: 15px; word-wrap: break-word; } ul { } ol { list-style-type: decimal; margin-left: 2.3em; } ul li { background-image: url("../img/icon/list.gif"); background-position: 0 0.45em; background-repeat: no-repeat; padding-left: 1em; } ul li, ol li { margin-top: 7px; } li ul { margin-left: 0; } li ol { margin-left: 1em; } li ul li { } li ol li { background: none; list-style-type: decimal; padding-left: 0; } dl { *zoom: 100%; } /* Exception Rules */ ul > li:first-child, ol > li:first-child, li > p:first-child, li > dl:first-child, li > table:first-child, dd > p:first-child, dd > ul:first-child, dd > ol:first-child, dd > dl:first-child, dd > table:first-child { margin-top: 0; } p + ul { margin-top: 5px; } ul li.ul-child-li-first-child, ol li.ol-child-li-first-child, li p.li-child-p-first-child, li dl.li-child-dl-first-child, li table.li-child-table-first-child, dd p.dd-child-p-first-child, dd ul.dd-child-ul-first-child, dd ol.dd-child-ol-first-child, dd dl.dd-child-dl-first-child, dd table.dd-child-table-first-child { margin-top: 0; } ul.p-sibling-ul { margin-top: 5px; } /*------------------------------------------------------------------- Hypertext Module -------------------------------------------------------------------*/ a img { border: none; } /*------------------------------------------------------------------- Table Module -------------------------------------------------------------------*/ table { border-collapse: collapse; width: 100%; word-break: break-all; } tr { } th, td { font-weight: normal; padding: 8px 10px; } thead th { text-align: center; width: auto; } td { background-color: #fff; } /* Exception Rules */ th > p:first-child, th > ul:first-child, th > dl:first-child { margin-top: 0; } td > p:first-child, td > ul:first-child, td > dl:first-child { margin-top: 0; } th p.th-child-p-first-child, th ul.th-child-ul-first-child, th dl.th-child-dl-first-child { margin-top: 0; } td p.td-child-p-first-child, td ul.td-child-ul-first-child, td dl.td-child-dl-first-child { margin-top: 0; } /*------------------------------------------------------------------- Form Module -------------------------------------------------------------------*/ form, fieldset { display: inline; } input { font-family: inherit; font-size: 100%; } textarea { font-family: inherit; font-size: 100%; overflow: auto; padding: 3px 5px; } select { font-family: inherit; font-size: 100%; vertical-align: middle; } /* /////////////////////////////////////// Common Class /////////////////////////////////////// */ /*------------------------------------------------------------------- Prototype Element -------------------------------------------------------------------*/ /*----------------------------------------------- Inline List -----------------------------------------------*/ ul.inline { } ul.inline li { display: inline; float: left; margin-top: 0; } ul.inline + p, ul.inline + ul, ul.inline + ol { margin-top: 10px; } ul.inline li img { _display: block; } /* Exception Rules */ p.ul_inline-sibling-p, ul.ul_inline-sibling-ul, ol.ul_inline-sibling-ol { margin-top: 10px; } /*----------------------------------------------- Index Data List -----------------------------------------------*/ dl.index { } dl.index dt { float: left; } dl.index dd { overflow: hidden; *zoom: 100%; } /*----------------------------------------------- Column Layout -----------------------------------------------*/ div.column { } div.column div.col { display: inline; float: left; } /*------------------------------------------------------------------- Composition -------------------------------------------------------------------*/ div.composition { overflow: hidden; } /*----------------------------------------------- Artwork Layout -----------------------------------------------*/ div.composition div.artwork { } div.composition div.artwork img { display: block; } /* Option: Image Align Left */ div.imgLeft div.artwork, div.imgRight div.imgLeft div.artwork { display: inline; float: left; margin-bottom: 5px; margin-left: 0; margin-right: 20px; _margin-right: 17px; } div.imgLeft div.artwork img { } /* Option: Image Align Right */ div.imgRight div.artwork, div.imgLeft div.imgRight div.artwork { display: inline; float: right; margin-bottom: 5px; margin-left: 20px; _margin-left: 17px; margin-right: 0; } div.imgRight div.artwork img { } div.noWrap div.artwork { margin-bottom: 0; } /*----------------------------------------------- div.text -----------------------------------------------*/ div.composition div.text { } div.composition div.text img { } /* Option: Text No Wrap */ div.noWrap div.text { overflow: hidden; *zoom: 100%; } /* /////////////////////////////////////// Common Elements /////////////////////////////////////// */ /*------------------------------------------------------------------- Form Elements -------------------------------------------------------------------*/ input.typeRadio { margin-right: 0.3em; } input.typeCheckbox { margin-right: 0.3em; } input.typeText, input.typePassword { padding: 3px 5px; width: 100%; *width: 97%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } textarea { height: 4em; padding: 3px 5px; resize: vertical; width: 100%; *width: 97%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*----------------------------------------------- Value Size -----------------------------------------------*/ input.size2 { width: 3em; *width: 2em; } input.size4 { width: 5em; *width: 4em; } input.size6 { width: 7em; *width: 6em; } input.size8 { width: 9em; *width: 8em; } input.size10 { width: 11em; *width: 10em; } input.size15 { width: 16em; *width: 14em; } input.size20 { width: 21em; *width: 19em; } input.sizefull { width: 100%; *width: 97%; } textarea.rows2 { height: 4em; *height: 2.5em; } textarea.rows4 { height: 7.5em; *height: 4.5em; } textarea.rows6 { height: 10.5em; *height: 6.5em; } textarea.cols10 { width: 11em; } textarea.cols15 { width: 17em; } textarea.cols20 { width: 21.5em; *width: 22em; } textarea.sizefull { width: 100%; *width: 97%; } /*----------------------------------------------- Inquiry Flow Step Image -----------------------------------------------*/ p.inquiryFlow { text-align: center; } /*------------------------------------------------------------------- Input Example -------------------------------------------------------------------*/ .example { position: relative; } .example span.label { color: #aaa; display: block; padding: 3px 5px; position: absolute; } /* span.example */ span.example { display: inline-block; } /*------------------------------------------------------------------- Required -------------------------------------------------------------------*/ .required { color: #ed1c24; margin-left: 0.5em; } /*------------------------------------------------------------------- Stripe Pattern -------------------------------------------------------------------*/ .stripePattern { } .stripePattern .stripePattern-odd, .stripePattern .stripePattern-odd th, .stripePattern .stripePattern-odd td { background-color: #fff; } .stripePattern .stripePattern-even, .stripePattern .stripePattern-even th, .stripePattern .stripePattern-even td { background-color: #f7f7f7; } /*------------------------------------------------------------------- Button Style -------------------------------------------------------------------*/ .button { cursor: pointer; text-decoration: none; } .button, .button:link, .button:visited { background-color: #fff; background-image: url("../img/bg/gr_pattern_button.gif"); background-position: 0 100%; background-repeat: repeat-x; border: 1px solid #003c74; color: #333; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; outline: none; text-decoration: none; } .button:hover { background-image: url("../img/bg/gr_pattern_button_on.gif"); border: 1px solid #e59700; color: #000; text-decoration: none; } .button:active { background-color: #e0e0e0; background-image: url("../img/bg/gr_pattern_button_active.gif"); background-position: 0 0; border-color: #999; } .current .button, .current .button:hover, .current .button:visited, .current .button:active { background-color: #fff; background-image: url("../img/bg/gr_pattern_button_current.gif"); background-position: 0 100%; border-color: #c17b65; color: #000; } .disabled .button, .disabled .button:hover, .disabled .button:visited, .disabled .button:active { background-color: #eee; background-image: none; border-color: #aaa; color: #999; } a.button, span.button { display: -moz-inline-box; display: inline-block; *display: inline; padding: 0.3em 1em; text-decoration: none; vertical-align: top; *zoom: 100%; } input.button { font-family: inherit; font-size: 100%; padding: 0.25em 0.8em; *padding: 0.1em 0.43em 0.15em; _padding: 0.1em 0.43em 0.03em; vertical-align: top; } /* for IE8 X( */ html>/**/body input.button { padding /*\**/: 0.25em 1em 0.43em\9; } /*------------------------------------------------------------------- C5 Preset Class -------------------------------------------------------------------*/ .commentOut { display: none; } /*------------------------------------------------------------------- Separator Line -------------------------------------------------------------------*/ /*
Type */ hr { border-color: #eee; margin: 15px 0 0; *margin: 10px 0 0; } /* Image Type */ .separatorLine { margin-top: 15px; } .separatorLine img { background-position: 50% 0; background-repeat: no-repeat; border: none; display: block; width: 100%; } /*------------------------------------------------------------------- Icon Set -------------------------------------------------------------------*/ /* .disc */ .disc { background-image: url("../img/icon/list.gif"); } /* .arrowRight */ .arrowRight { background-image: url("../img/icon/arrow_right.gif"); } #ccm-block-fields ul.arrowRight > li { background-image: url("../img/icon/arrow_right.gif"); } /* .arrowLeft */ .arrowLeft { background-image: url("../img/icon/arrow_left.gif"); } #ccm-block-fields ul.arrowLeft > li { background-image: url("../img/icon/arrow_left.gif"); } /* .arrowBottom */ .arrowBottom { background-image: url("../img/icon/arrow_bottom.gif"); } #ccm-block-fields ul.arrowBottom > li { background-image: url("../img/icon/arrow_bottom.gif"); } /* .arrowTop */ .arrowTop { background-image: url("../img/icon/arrow_top.gif"); } #ccm-block-fields ul.arrowTop > li { background-image: url("../img/icon/arrow_top.gif"); } /* .iconPdf */ .iconPdf { background-image: url("../img/icon/file_pdf.gif"); } /* .iconExcel */ .iconExcel { background-image: url("../img/icon/file_excel.gif"); } /* .iconWord */ .iconWord { background-image: url("../img/icon/file_word.gif"); } /* .iconPpt */ .iconPpt { background-image: url("../img/icon/file_ppt.gif"); } /* .iconFile */ .iconFile { background-image: url("../img/icon/file_general.gif"); } /* .externalIcon */ .externalIcon { background-image: url("../img/icon/external.gif"); } /*------------------------------------------------------------------- Link Icon Set -------------------------------------------------------------------*/ a.disc, a.arrowRight, a.arrowLeft, a.arrowBottom, a.arrowTop, a.iconPdf, a.iconExcel, a.iconWord, a.iconPpt, a.iconFile, a.externalIcon { background-position: 100% 50%; background-repeat: no-repeat; margin-right: 0.5em; /*zoom: 100%;*/ } /*----------------------------------------------- Icon Set -----------------------------------------------*/ /* .iconPdf */ a.iconPdf { padding-right: 21px; } /* .iconExcel */ a.iconExcel { padding-right: 21px; } /* .iconWord */ a.iconWord { padding-right: 21px; } /* .iconPpt */ a.iconPpt { padding-right: 21px; } /* .iconFile */ a.iconFile { padding-right: 21px; } /* .externalIcon */ a.externalIcon { padding-right: 15px; } /* /////////////////////////////////////// Heading Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Heading -------------------------------------------------------------------*/ div.headingLevel2, div.headingLevel3, div.headingLevel4, div.headingLevel5, div.headingLevel6 { margin-top: 30px; *zoom: 100%; } /*----------------------------------------------- H2 -----------------------------------------------*/ div.headingLevel2 { background-image: url("../img/bg/heading_level2.gif"); background-position: 100% 100%; background-repeat: no-repeat; margin-left: -10px; margin-right: -10px; } div.headingLevel2 div.text { background-image: url("../img/bg/heading_level2_text.gif"); background-position: 0 100%; background-repeat: no-repeat; padding: 5px 10px; } div.headingLevel2 div.text h2 { font-weight: bold; } /* before */ div.headingLevel2:before { background-image: url("../img/bg/heading_level2_before_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; content: url("../img/bg/heading_level2_before.gif"); display: block; } div.headingLevel2 span.before { background-image: url("../img/bg/heading_level2_before_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; display: block; *zoom: 100%; } div.headingLevel2 span.before img { background-image: url("../img/bg/heading_level2_before.gif"); background-repeat: no-repeat; display: block; height: 5px; width: 5px; } /* after */ div.headingLevel2:after { background-image: url("../img/bg/heading_level2_after_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; content: url("../img/bg/heading_level2_after.gif"); display: block; } div.headingLevel2 span.after { background-image: url("../img/bg/heading_level2_after_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; display: block; *zoom: 100%; } div.headingLevel2 span.after img { background-image: url("../img/bg/heading_level2_after.gif"); background-repeat: no-repeat; display: block; height: 5px; width: 5px; } /* subText */ div.headingLevel2 div.text p.subText { font-size: 77%; margin-top: 0; } /* rightText */ div.headingLevel2 div.rightText { position: relative; *zoom: 100%; } div.headingLevel2 div.rightText h2 { } div.headingLevel2 div.rightText ul.inline { bottom: 25%; margin-top: 0; padding-right: 10px; position: absolute; right: 0; } div.headingLevel2 div.rightText ul.inline li { background: none; } /*----------------------------------------------- H3 -----------------------------------------------*/ div.headingLevel3 { background-image: url("../img/bg/heading_level3.gif"); background-position: 0 100%; background-repeat: repeat-x; border-top: 3px solid #325ea2; margin: 30px -10px 0; padding: 10px; } div.headingLevel3 div.text { } div.headingLevel3 div.text h3 { font-size: 123.1%; font-weight: bold; } /* before */ div.headingLevel3 span.before { display: none; } div.headingLevel3 span.before img { display: none; } /* after */ div.headingLevel3 span.after { display: none; } div.headingLevel3 span.after img { display: none; } /* subText */ div.headingLevel3 div.text p.subText { font-size: 77%; margin-top: 0; } /* rightText */ div.headingLevel3 div.rightText { position: relative; *zoom: 100%; } div.headingLevel3 div.rightText h3 { } div.headingLevel3 div.rightText ul.inline { bottom: 0; margin-top: 0; position: absolute; right: 0; } div.headingLevel3 div.rightText ul.inline li { background: none; } /*----------------------------------------------- H4 -----------------------------------------------*/ div.headingLevel4 { background-image: url("../img/bg/heading_level4.gif"); background-position: 100% 100%; background-repeat: no-repeat; margin-left: -10px; margin-right: -10px; } div.headingLevel4 div.text { background-image: url("../img/bg/heading_level4_text.gif"); background-position: 0 100%; background-repeat: no-repeat; padding: 0 10px; } div.headingLevel4 div.text h4 { font-size: 100%; font-weight: bold; } /* before */ div.headingLevel4:before { background-image: url("../img/bg/heading_level4_before_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; content: url("../img/bg/heading_level4_before.gif"); display: block; } div.headingLevel4 span.before { background-image: url("../img/bg/heading_level4_before_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; display: block; *zoom: 100%; } div.headingLevel4 span.before img { background-image: url("../img/bg/heading_level4_before.gif"); background-repeat: no-repeat; display: block; height: 5px; width: 5px; } /* after */ div.headingLevel4:after { background-image: url("../img/bg/heading_level4_after_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; content: url("../img/bg/heading_level4_after.gif"); display: block; } div.headingLevel4 span.after { background-image: url("../img/bg/heading_level4_after_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; display: block; *zoom: 100%; } div.headingLevel4 span.after img { background-image: url("../img/bg/heading_level4_after.gif"); background-repeat: no-repeat; display: block; height: 5px; width: 5px; } /* subText */ div.headingLevel4 div.text p.subText { font-size: 77%; margin-top: 0; } /* rightText */ div.headingLevel4 div.rightText { position: relative; *zoom: 100%; } div.headingLevel4 div.rightText h4 { } div.headingLevel4 div.rightText ul.inline { bottom: 0; margin-top: 0; position: absolute; right: 10px; } div.headingLevel4 div.rightText ul.inline li { background: none; } /*----------------------------------------------- H5 -----------------------------------------------*/ div.headingLevel5 { border-bottom: 1px dotted #999999; margin-top: 30px; } div.headingLevel5 div.text { } div.headingLevel5 div.text h5 { font-weight: bold; } /* before */ div.headingLevel5 span.before { display: none; } div.headingLevel5 span.before img { display: none; } /* after */ div.headingLevel5 span.after { display: none; } div.headingLevel5 span.after img { display: none; } /* subText */ div.headingLevel5 div.text p.subText { font-size: 65%; margin-top: 0; } /* rightText */ div.headingLevel5 div.rightText { position: relative; *zoom: 100%; } div.headingLevel5 div.rightText h5 { } div.headingLevel5 div.rightText ul.inline { bottom: 5px; right: 0; position: absolute; } div.headingLevel5 div.rightText ul.inline li { background: none; } /*----------------------------------------------- H6 -----------------------------------------------*/ div.headingLevel6 { border-bottom: 1px dotted #999999; margin-top: 30px; } div.headingLevel6 div.text { } div.headingLevel6 div.text h6 { font-weight: bold; } /* before */ div.headingLevel6 span.before { display: none; } div.headingLevel6 span.before img { display: none; } /* after */ div.headingLevel6 span.after { display: none; } div.headingLevel6 span.after img { display: none; } /* subText */ div.headingLevel6 div.text p.subText { font-size: 65%; margin-top: 0; } /* rightText */ div.headingLevel6 div.rightText { position: relative; *zoom: 100%; } div.headingLevel6 div.rightText h6 { } div.headingLevel6 div.rightText ul.inline { bottom: 5px; right: 0; position: absolute; } div.headingLevel6 div.rightText ul.inline li { background: none; } /*----------------------------------------------- headingImageLevel2 -----------------------------------------------*/ div.headingImageLevel2 { margin: 30px -10px 0; } div.headingImageLevel2 h2 { } /*----------------------------------------------- headingImageLevel3 -----------------------------------------------*/ div.headingImageLevel3 { margin: 30px 0 0; } div.headingImageLevel3 h3 { } /*----------------------------------------------- headingImageLevel4 -----------------------------------------------*/ div.headingImageLevel4 { margin: 30px 0 0; } div.headingImageLevel4 h4 { } /*----------------------------------------------- headingImageLevel5 -----------------------------------------------*/ div.headingImageLevel5 { margin: 30px 0 0; } div.headingImageLevel5 h5 { } /*----------------------------------------------- headingImageLevel6 -----------------------------------------------*/ div.headingImageLevel6 { margin: 30px 0 0; } div.headingImageLevel6 h6 { } /*----------------------------------------------- Exception Rules -----------------------------------------------*/ #main > div[class*="headingLevel"]:first-child, #main > div[class*="headingImageLevel"]:first-child, #main > div.ccm-layout-wrapper:first-child div.ccm-layout > div.ccm-layout-row:first-child div.ccm-layout-col > div[class*="headingLevel"]:first-child, #main > div.ccm-layout-wrapper:first-child div.ccm-layout > div.ccm-layout-row:first-child div.ccm-layout-col > div[class*="headingImageLevel"]:first-child { margin-top: 20px; } #main div.div_headingLevel-first-child, #main div.div_headingImageLevel-first-child { margin-top: 20px; } #main div[class*="headingLevel"] + div[class*="headingLevel"], #main div[class*="headingImageLevel"] + div[class*="headingImageLevel"] { margin-top: 15px; } #main div.div_headingLevel-sibling-div_headingLevel, #main div.div_headingImageLevel-sibling-div_headingImageLevel { margin-top: 15px; } #main > div.column:first-child div.col div[class*="headingLevel"]:first-child, #main > div.column:first-child div.col div[class*="headingImageLevel"]:first-child { margin-top: 0; } #main div.div_column-first-child-div_headingLevel-first-child, #main div.div_column-first-child-div_headingImageLevel-first-child { margin-top: 0; } /*------------------------------------------------------------------- Sub Heading -------------------------------------------------------------------*/ div.subhead { margin-top: 15px; overflow: hidden; *zoom: 100%; } div.subhead p { font-size: 116%; font-weight: bold; margin-top: 0; } div.subhead + p { *font-size: 100%; *font-weight: normal; } div.subhead .icon { background-image: url("../img/icon/subhead.gif"); background-position: 0 0.25em; *background-position: 0 0.2em; background-repeat: no-repeat; padding-left: 1em; } /* Exception Rules */ div.subhead + p, div.subhead + ul, div.subhead + ol, div.subhead + dl, div.subhead + table, div.subhead + div { margin-top: 5px; } .div_subhead-sibling-p, .div_subhead-sibling-ul, .div_subhead-sibling-ol, .div_subhead-sibling-dl, .div_subhead-sibling-table, .div_subhead-sibling-div { margin-top: 5px; } /* /////////////////////////////////////// Column Layout /////////////////////////////////////// */ /*------------------------------------------------------------------- CMS Default Element -------------------------------------------------------------------*/ .ccm-layout-wrapper { } .ccm-layout-wrapper .ccm-layout { } .ccm-layout-wrapper .ccm-layout-row { *zoom: normal; } .ccm-layout-wrapper .ccm-layout-col { margin-left: 20px; } .ccm-layout-wrapper .first { margin-left: 0; } .ccm-layout-wrapper .last { } /*------------------------------------------------------------------- Basic Column Layout -------------------------------------------------------------------*/ /*----------------------------------------------- .layout2col -----------------------------------------------*/ .layout2col { } .layout2col div.col { width: 340px; } /* .singleColumn */ .singleColumn .layout2col div.col { width: 460px; } /* .facebookLayout */ .facebookLayout .layout2col div.col { width: 370px; } /*----------------------------------------------- .layout3col -----------------------------------------------*/ .layout3col { } .layout3col div.col { width: 220px; } /* .singleColumn */ .singleColumn .layout3col div.col { width: 300px; } /* .facebookLayout */ .facebookLayout .layout3col div.col { width: 240px; } /*----------------------------------------------- .layout4col -----------------------------------------------*/ .layout4col { } .layout4col div.col { width: 160px; } /* .singleColumn */ .singleColumn .layout4col div.col { width: 220px; } /* .facebookLayout */ .facebookLayout .layout4col div.col { width: 175px; } /*----------------------------------------------- .layout5col -----------------------------------------------*/ .layout5col { } .layout5col div.col { width: 124px; } /* .singleColumn */ .singleColumn .layout5col div.col { width: 172px; } /* .facebookLayout */ .facebookLayout .layout5col div.col { width: 136px; } /*----------------------------------------------- .layout6col -----------------------------------------------*/ .layout6col { } .layout6col div.col { width: 100px; } /* .singleColumn */ .singleColumn .layout6col div.col { width: 140px; } /* .facebookLayout */ .facebookLayout .layout6col div.col { width: 110px; } /*------------------------------------------------------------------- Column Layout with Heading -------------------------------------------------------------------*/ /*----------------------------------------------- .layout1col_article -----------------------------------------------*/ .layout1col_article { margin-left: -10px; margin-right: -10px; } .layout1col_article div.col { padding-left: 10px; padding-right: 10px; } /*----------------------------------------------- .layout2col_article -----------------------------------------------*/ .layout2col_article { margin-left: -10px; margin-right: -10px; } .layout2col_article div.col { padding-left: 10px; padding-right: 10px; width: 330px; } /* .singleColumn */ .singleColumn .layout2col_article div.col { width: 450px; } /* .facebookLayout */ .facebookLayout .layout2col_article div.col { width: 360px; } /*----------------------------------------------- .layout3col_article -----------------------------------------------*/ .layout3col_article { margin-left: -10px; margin-right: -10px; } .layout3col_article div.col { margin-left: 18px; padding-left: 10px; padding-right: 10px; width: 208px; } .layout3col_article div.first { margin-left: 0; } /* .singleColumn */ .singleColumn .layout3col_article div.col { width: 288px; } /* .facebookLayout */ .facebookLayout .layout3col_article div.col { width: 228px; } /*----------------------------------------------- .layout4col_article -----------------------------------------------*/ .layout4col_article { margin-left: -10px; margin-right: -10px; } .layout4col_article div.col { padding-left: 10px; padding-right: 10px; width: 145px; } /* .singleColumn */ .singleColumn .layout4col_article div.col { width: 205px; } /* .facebookLayout */ .facebookLayout .layout4col_article div.col { width: 160px; } /*----------------------------------------------- .layout5col_article -----------------------------------------------*/ .layout5col_article { margin-left: -10px; margin-right: -10px; } .layout5col_article div.col { padding-left: 10px; padding-right: 10px; width: 108px; } /* .singleColumn */ .singleColumn .layout5col_article div.col { width: 156px; } /* .facebookLayout */ .facebookLayout .layout5col_article div.col { width: 120px; } /*----------------------------------------------- .layout6col_article -----------------------------------------------*/ .layout6col_article { margin-left: -10px; margin-right: -10px; } .layout6col_article div.col { margin-left: 18px; padding-left: 10px; padding-right: 10px; width: 85px; } .layout6col_article div.first { margin-left: 0; } /* .singleColumn */ .singleColumn .layout6col_article div.col { width: 125px; } /* .facebookLayout */ .facebookLayout .layout6col_article div.col { width: 95px; } /*------------------------------------------------------------------- Grid Column Layout -------------------------------------------------------------------*/ /*----------------------------------------------- .layout2col_grid4to8 -----------------------------------------------*/ .layout2col_grid4to8 { } .layout2col_grid4to8 div.col { } .layout2col_grid4to8 div.ccm-layout-col-1 { width: 220px; } .layout2col_grid4to8 div.ccm-layout-col-2 { width: 460px; } /* .singleColumn */ .singleColumn .layout2col_grid4to8 div.col { } .singleColumn .layout2col_grid4to8 div.ccm-layout-col-1 { width: 300px; } .singleColumn .layout2col_grid4to8 div.ccm-layout-col-2 { width: 620px; } /* .facebookLayout */ .facebookLayout .layout2col_grid4to8 div.col { } .facebookLayout .layout2col_grid4to8 div.ccm-layout-col-1 { width: 240px; } .facebookLayout .layout2col_grid4to8 div.ccm-layout-col-2 { width: 500px; } /*----------------------------------------------- .layout2col_grid8to4 -----------------------------------------------*/ .layout2col_grid8to4 { } .layout2col_grid8to4 div.col { } .layout2col_grid8to4 div.ccm-layout-col-1 { width: 460px; } .layout2col_grid8to4 div.ccm-layout-col-2 { width: 220px; } /* .singleColumn */ .singleColumn .layout2col_grid8to4 div.col { } .singleColumn .layout2col_grid8to4 div.ccm-layout-col-1 { width: 620px; } .singleColumn .layout2col_grid8to4 div.ccm-layout-col-2 { width: 300px; } /* .facebookLayout */ .facebookLayout .layout2col_grid8to4 div.col { } .facebookLayout .layout2col_grid8to4 div.ccm-layout-col-1 { width: 500px; } .facebookLayout .layout2col_grid8to4 div.ccm-layout-col-2 { width: 240px; } /*----------------------------------------------- .layout2col_grid3to9 -----------------------------------------------*/ .layout2col_grid3to9 { } .layout2col_grid3to9 div.col { } .layout2col_grid3to9 div.ccm-layout-col-1 { width: 160px; } .layout2col_grid3to9 div.ccm-layout-col-2 { width: 520px; } /* .singleColumn */ .singleColumn .layout2col_grid3to9 div.col { } .singleColumn .layout2col_grid3to9 div.ccm-layout-col-1 { width: 220px; } .singleColumn .layout2col_grid3to9 div.ccm-layout-col-2 { width: 700px; } /* .facebookLayout */ .facebookLayout .layout2col_grid3to9 div.col { } .facebookLayout .layout2col_grid3to9 div.ccm-layout-col-1 { width: 175px; } .facebookLayout .layout2col_grid3to9 div.ccm-layout-col-2 { width: 565px; } /*----------------------------------------------- .layout2col_grid9to3 -----------------------------------------------*/ .layout2col_grid9to3 { } .layout2col_grid9to3 div.col { } .layout2col_grid9to3 div.ccm-layout-col-1 { width: 520px; } .layout2col_grid9to3 div.ccm-layout-col-2 { width: 160px; } /* .singleColumn */ .singleColumn .layout2col_grid9to3 div.col { } .singleColumn .layout2col_grid9to3 div.ccm-layout-col-1 { width: 700px; } .singleColumn .layout2col_grid9to3 div.ccm-layout-col-2 { width: 220px; } /* .facebookLayout */ .facebookLayout .layout2col_grid9to3 div.col { } .facebookLayout .layout2col_grid9to3 div.ccm-layout-col-1 { width: 565px; } .facebookLayout .layout2col_grid9to3 div.ccm-layout-col-2 { width: 175px; } /*----------------------------------------------- .layout2col_grid2to10 -----------------------------------------------*/ .layout2col_grid2to10 { } .layout2col_grid2to10 div.col { } .layout2col_grid2to10 div.ccm-layout-col-1 { width: 100px; } .layout2col_grid2to10 div.ccm-layout-col-2 { width: 580px; } /* .singleColumn */ .singleColumn .layout2col_grid2to10 div.col { } .singleColumn .layout2col_grid2to10 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout2col_grid2to10 div.ccm-layout-col-2 { width: 780px; } /* .facebookLayout */ .facebookLayout .layout2col_grid2to10 div.col { } .facebookLayout .layout2col_grid2to10 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout2col_grid2to10 div.ccm-layout-col-2 { width: 630px; } /*----------------------------------------------- .layout2col_grid10to2 -----------------------------------------------*/ .layout2col_grid10to2 { } .layout2col_grid10to2 div.col { } .layout2col_grid10to2 div.ccm-layout-col-1 { width: 580px; } .layout2col_grid10to2 div.ccm-layout-col-2 { width: 100px; } /* .singleColumn */ .singleColumn .layout2col_grid10to2 div.col { } .singleColumn .layout2col_grid10to2 div.ccm-layout-col-1 { width: 780px; } .singleColumn .layout2col_grid10to2 div.ccm-layout-col-2 { width: 140px; } /* .facebookLayout */ .facebookLayout .layout2col_grid10to2 div.col { } .facebookLayout .layout2col_grid10to2 div.ccm-layout-col-1 { width: 630px; } .facebookLayout .layout2col_grid10to2 div.ccm-layout-col-2 { width: 110px; } /*----------------------------------------------- .layout3col_grid3to3to6 -----------------------------------------------*/ .layout3col_grid3to3to6 { } .layout3col_grid3to3to6 div.col { } .layout3col_grid3to3to6 div.ccm-layout-col-1 { width: 160px; } .layout3col_grid3to3to6 div.ccm-layout-col-2 { width: 160px; } .layout3col_grid3to3to6 div.ccm-layout-col-3 { width: 340px; } /* .singleColumn */ .singleColumn .layout3col_grid3to3to6 div.col { } .singleColumn .layout3col_grid3to3to6 div.ccm-layout-col-1 { width: 220px; } .singleColumn .layout3col_grid3to3to6 div.ccm-layout-col-2 { width: 220px; } .singleColumn .layout3col_grid3to3to6 div.ccm-layout-col-3 { width: 460px; } /* .facebookLayout */ .facebookLayout .layout3col_grid3to3to6 div.col { } .facebookLayout .layout3col_grid3to3to6 div.ccm-layout-col-1 { width: 175px; } .facebookLayout .layout3col_grid3to3to6 div.ccm-layout-col-2 { width: 175px; } .facebookLayout .layout3col_grid3to3to6 div.ccm-layout-col-3 { width: 370px; } /*----------------------------------------------- .layout3col_grid6to3to3 -----------------------------------------------*/ .layout3col_grid6to3to3 { } .layout3col_grid6to3to3 div.col { } .layout3col_grid6to3to3 div.ccm-layout-col-1 { width: 340px; } .layout3col_grid6to3to3 div.ccm-layout-col-2 { width: 160px; } .layout3col_grid6to3to3 div.ccm-layout-col-3 { width: 160px; } /* .singleColumn */ .singleColumn .layout3col_grid6to3to3 div.col { } .singleColumn .layout3col_grid6to3to3 div.ccm-layout-col-1 { width: 460px; } .singleColumn .layout3col_grid6to3to3 div.ccm-layout-col-2 { width: 220px; } .singleColumn .layout3col_grid6to3to3 div.ccm-layout-col-3 { width: 220px; } /* .facebookLayout */ .facebookLayout .layout3col_grid6to3to3 div.col { } .facebookLayout .layout3col_grid6to3to3 div.ccm-layout-col-1 { width: 370px; } .facebookLayout .layout3col_grid6to3to3 div.ccm-layout-col-2 { width: 175px; } .facebookLayout .layout3col_grid6to3to3 div.ccm-layout-col-3 { width: 175px; } /*----------------------------------------------- .layout3col_grid3to6to3 -----------------------------------------------*/ .layout3col_grid3to6to3 { } .layout3col_grid3to6to3 div.col { } .layout3col_grid3to6to3 div.ccm-layout-col-1 { width: 160px; } .layout3col_grid3to6to3 div.ccm-layout-col-2 { width: 340px; } .layout3col_grid3to6to3 div.ccm-layout-col-3 { width: 160px; } /* .singleColumn */ .singleColumn .layout3col_grid3to3to6 div.col { } .singleColumn .layout3col_grid3to6to3 div.ccm-layout-col-1 { width: 220px; } .singleColumn .layout3col_grid3to6to3 div.ccm-layout-col-2 { width: 460px; } .singleColumn .layout3col_grid3to6to3 div.ccm-layout-col-3 { width: 220px; } /* .facebookLayout */ .facebookLayout .layout3col_grid3to6to3 div.col { } .facebookLayout .layout3col_grid3to6to3 div.ccm-layout-col-1 { width: 175px; } .facebookLayout .layout3col_grid3to6to3 div.ccm-layout-col-2 { width: 370px; } .facebookLayout .layout3col_grid3to6to3 div.ccm-layout-col-3 { width: 175px; } /*----------------------------------------------- .layout3col_grid2to8to2 -----------------------------------------------*/ .layout3col_grid2to8to2 { } .layout3col_grid2to8to2 div.col { } .layout3col_grid2to8to2 div.ccm-layout-col-1 { width: 100px; } .layout3col_grid2to8to2 div.ccm-layout-col-2 { width: 460px; } .layout3col_grid2to8to2 div.ccm-layout-col-3 { width: 100px; } /* .singleColumn */ .singleColumn .layout3col_grid2to8to2 div.col { } .singleColumn .layout3col_grid2to8to2 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout3col_grid2to8to2 div.ccm-layout-col-2 { width: 620px; } .singleColumn .layout3col_grid2to8to2 div.ccm-layout-col-3 { width: 140px; } /* .facebookLayout */ .facebookLayout .layout3col_grid2to8to2 div.col { } .facebookLayout .layout3col_grid2to8to2 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout3col_grid2to8to2 div.ccm-layout-col-2 { width: 500px; } .facebookLayout .layout3col_grid2to8to2 div.ccm-layout-col-3 { width: 110px; } /*----------------------------------------------- .layout3col_grid2to4to6 -----------------------------------------------*/ .layout3col_grid2to4to6 { } .layout3col_grid2to4to6 div.col { } .layout3col_grid2to4to6 div.ccm-layout-col-1 { width: 100px; } .layout3col_grid2to4to6 div.ccm-layout-col-2 { width: 220px; } .layout3col_grid2to4to6 div.ccm-layout-col-3 { width: 340px; } /* .singleColumn */ .singleColumn .layout3col_grid2to4to6 div.col { } .singleColumn .layout3col_grid2to4to6 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout3col_grid2to4to6 div.ccm-layout-col-2 { width: 300px; } .singleColumn .layout3col_grid2to4to6 div.ccm-layout-col-3 { width: 460px; } /* .facebookLayout */ .facebookLayout .layout3col_grid2to4to6 div.col { } .facebookLayout .layout3col_grid2to4to6 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout3col_grid2to4to6 div.ccm-layout-col-2 { width: 240px; } .facebookLayout .layout3col_grid2to4to6 div.ccm-layout-col-3 { width: 370px; } /*----------------------------------------------- .layout3col_grid6to2to4 -----------------------------------------------*/ .layout3col_grid6to2to4 { } .layout3col_grid6to2to4 div.col { } .layout3col_grid6to2to4 div.ccm-layout-col-1 { width: 340px; } .layout3col_grid6to2to4 div.ccm-layout-col-2 { width: 100px; } .layout3col_grid6to2to4 div.ccm-layout-col-3 { width: 220px; } /* .singleColumn */ .singleColumn .layout3col_grid6to2to4 div.col { } .singleColumn .layout3col_grid6to2to4 div.ccm-layout-col-1 { width: 460px; } .singleColumn .layout3col_grid6to2to4 div.ccm-layout-col-2 { width: 140px; } .singleColumn .layout3col_grid6to2to4 div.ccm-layout-col-3 { width: 300px; } /* .facebookLayout */ .facebookLayout .layout3col_grid6to2to4 div.col { } .facebookLayout .layout3col_grid6to2to4 div.ccm-layout-col-1 { width: 370px; } .facebookLayout .layout3col_grid6to2to4 div.ccm-layout-col-2 { width: 110px; } .facebookLayout .layout3col_grid6to2to4 div.ccm-layout-col-3 { width: 240px; } /*----------------------------------------------- .layout4col_grid2to4to2to4 -----------------------------------------------*/ .layout4col_grid2to4to2to4 { } .layout4col_grid2to4to2to4 div.col { } .layout4col_grid2to4to2to4 div.ccm-layout-col-1 { width: 100px; } .layout4col_grid2to4to2to4 div.ccm-layout-col-2 { width: 220px; } .layout4col_grid2to4to2to4 div.ccm-layout-col-3 { width: 100px; } .layout4col_grid2to4to2to4 div.ccm-layout-col-4 { width: 220px; } /* .singleColumn */ .singleColumn .layout4col_grid2to4to2to4 div.col { } .singleColumn .layout4col_grid2to4to2to4 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout4col_grid2to4to2to4 div.ccm-layout-col-2 { width: 300px; } .singleColumn .layout4col_grid2to4to2to4 div.ccm-layout-col-3 { width: 140px; } .singleColumn .layout4col_grid2to4to2to4 div.ccm-layout-col-4 { width: 300px; } /* .facebookLayout */ .facebookLayout .layout4col_grid2to4to2to4 div.col { } .facebookLayout .layout4col_grid2to4to2to4 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout4col_grid2to4to2to4 div.ccm-layout-col-2 { width: 240px; } .facebookLayout .layout4col_grid2to4to2to4 div.ccm-layout-col-3 { width: 110px; } .facebookLayout .layout4col_grid2to4to2to4 div.ccm-layout-col-4 { width: 240px; } /*----------------------------------------------- .layout4col_grid4to2to4to2 -----------------------------------------------*/ .layout4col_grid4to2to4to2 { } .layout4col_grid4to2to4to2 div.col { } .layout4col_grid4to2to4to2 div.ccm-layout-col-1 { width: 220px; } .layout4col_grid4to2to4to2 div.ccm-layout-col-2 { width: 100px; } .layout4col_grid4to2to4to2 div.ccm-layout-col-3 { width: 220px; } .layout4col_grid4to2to4to2 div.ccm-layout-col-4 { width: 100px; } /* .singleColumn */ .singleColumn .layout4col_grid4to2to4to2 div.col { } .singleColumn .layout4col_grid4to2to4to2 div.ccm-layout-col-1 { width: 300px; } .singleColumn .layout4col_grid4to2to4to2 div.ccm-layout-col-2 { width: 140px; } .singleColumn .layout4col_grid4to2to4to2 div.ccm-layout-col-3 { width: 300px; } .singleColumn .layout4col_grid4to2to4to2 div.ccm-layout-col-4 { width: 140px; } /* .facebookLayout */ .facebookLayout .layout4col_grid4to2to4to2 div.col { } .facebookLayout .layout4col_grid4to2to4to2 div.ccm-layout-col-1 { width: 240px; } .facebookLayout .layout4col_grid4to2to4to2 div.ccm-layout-col-2 { width: 110px; } .facebookLayout .layout4col_grid4to2to4to2 div.ccm-layout-col-3 { width: 240px; } .facebookLayout .layout4col_grid4to2to4to2 div.ccm-layout-col-4 { width: 110px; } /*------------------------------------------------------------------- Separate Column -------------------------------------------------------------------*/ div[class*="_separate"] div.col > div:first-child, div[class*="_separate"] div.col > p:first-child, div[class*="_separate"] div.col > ul:first-child, div[class*="_separate"] div.col > ol:first-child, div[class*="_separate"] div.col > dl:first-child, div[class*="_separate"] div.col > table:first-child { margin-top: 0; } div.div_separate-div_col-child-div-first-child, p.div_separate-div_col-child-p-first-child, ul.div_separate-div_col-child-ul-first-child, ol.div_separate-div_col-child-ol-first-child, dl.div_separate-div_col-child-dl-first-child, table.div_separate-div_col-child-table-first-child { margin-top: 0 !important; } /*----------------------------------------------- .layout2col_separate -----------------------------------------------*/ .layout2col_separate { background-image: url("../img/bg/separate_layout2col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout2col_separate div.col { width: 340px; } /* .singleColumn */ .singleColumn .layout2col_separate { background-image: url("../img/bg/separate_layout2col_single.gif"); } .singleColumn .layout2col_separate div.col { width: 460px; } /* .facebookLayout */ .facebookLayout .layout2col_separate { background-image: url("../img/bg/separate_layout2col_facebook.gif"); } .facebookLayout .layout2col_separate div.col { width: 370px; } /*----------------------------------------------- .layout3col_separate -----------------------------------------------*/ .layout3col_separate { background-image: url("../img/bg/separate_layout3col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout3col_separate div.col { width: 220px; } /* .singleColumn */ .singleColumn .layout3col_separate { background-image: url("../img/bg/separate_layout3col_single.gif"); } .singleColumn .layout3col_separate div.col { width: 300px; } /* .facebookLayout */ .facebookLayout .layout3col_separate { background-image: url("../img/bg/separate_layout3col_facebook.gif"); } .facebookLayout .layout3col_separate div.col { width: 240px; } /*----------------------------------------------- .layout4col_separate -----------------------------------------------*/ .layout4col_separate { background-image: url("../img/bg/separate_layout4col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout4col_separate div.col { width: 160px; } /* .singleColumn */ .singleColumn .layout4col_separate { background-image: url("../img/bg/separate_layout4col_single.gif"); } .singleColumn .layout4col_separate div.col { width: 220px; } /* .facebookLayout */ .facebookLayout .layout4col_separate { background-image: url("../img/bg/separate_layout4col_facebook.gif"); } .facebookLayout .layout4col_separate div.col { width: 175px; } /*----------------------------------------------- .layout4col_separate_grid6to6 -----------------------------------------------*/ .layout4col_separate_grid6to6 { background-image: url("../img/bg/separate_layout2col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout4col_separate_grid6to6 div.col { width: 160px; } /* .singleColumn */ .singleColumn .layout4col_separate_grid6to6 { background-image: url("../img/bg/separate_layout2col_single.gif"); } .singleColumn .layout4col_separate_grid6to6 div.col { width: 220px; } /* .facebookLayout */ .facebookLayout .layout4col_separate_grid6to6 { background-image: url("../img/bg/separate_layout2col_facebook.gif"); } .facebookLayout .layout4col_separate_grid6to6 div.col { width: 175px; } /*----------------------------------------------- .layout5col_separate -----------------------------------------------*/ .layout5col_separate { background-image: url("../img/bg/separate_layout5col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout5col_separate div.col { width: 124px; } /* .singleColumn */ .singleColumn .layout5col_separate { background-image: url("../img/bg/separate_layout5col_single.gif"); } .singleColumn .layout5col_separate div.col { width: 172px; } /* .facebookLayout */ .facebookLayout .layout5col_separate { background-image: url("../img/bg/separate_layout5col_facebook.gif"); } .facebookLayout .layout5col_separate div.col { width: 136px; } /*----------------------------------------------- .layout6col_separate -----------------------------------------------*/ .layout6col_separate { background-image: url("../img/bg/separate_layout6col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout6col_separate div.col { width: 100px; } /* .singleColumn */ .singleColumn .layout6col_separate { background-image: url("../img/bg/separate_layout6col_single.gif"); } .singleColumn .layout6col_separate div.col { width: 140px; } /* .facebookLayout */ .facebookLayout .layout6col_separate { background-image: url("../img/bg/separate_layout6col_facebook.gif"); } .facebookLayout .layout6col_separate div.col { width: 110px; } /*----------------------------------------------- .layout6col_separate_grid4to4to4 -----------------------------------------------*/ .layout6col_separate_grid4to4to4 { background-image: url("../img/bg/separate_layout3col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout6col_separate_grid4to4to4 div.col { width: 100px; } /* .singleColumn */ .singleColumn .layout6col_separate_grid4to4to4 { background-image: url("../img/bg/separate_layout3col_single.gif"); } .singleColumn .layout6col_separate_grid4to4to4 div.col { width: 140px; } /* .facebookLayout */ .facebookLayout .layout6col_separate_grid4to4to4 { background-image: url("../img/bg/separate_layout3col_facebook.gif"); } .facebookLayout .layout6col_separate_grid4to4to4 div.col { width: 110px; } /*----------------------------------------------- .layout2col_grid4to8 -----------------------------------------------*/ .layout2col_separate_grid4to8 { background-image: url("../img/bg/separate_layout2col_4to8.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout2col_separate_grid4to8 div.col { } .layout2col_separate_grid4to8 div.ccm-layout-col-1 { width: 220px; } .layout2col_separate_grid4to8 div.ccm-layout-col-2 { width: 460px; } /* .singleColumn */ .singleColumn .layout2col_separate_grid4to8 { background-image: url("../img/bg/separate_layout2col_4to8_single.gif"); } .singleColumn .layout2col_separate_grid4to8 div.ccm-layout-col-1 { width: 300px; } .singleColumn .layout2col_separate_grid4to8 div.ccm-layout-col-2 { width: 620px; } /* .facebookLayout */ .facebookLayout .layout2col_separate_grid4to8 { background-image: url("../img/bg/separate_layout2col_4to8_facebook.gif"); } .facebookLayout .layout2col_separate_grid4to8 div.ccm-layout-col-1 { width: 240px; } .facebookLayout .layout2col_separate_grid4to8 div.ccm-layout-col-2 { width: 500px; } /*----------------------------------------------- .layout2col_separate_grid8to4 -----------------------------------------------*/ .layout2col_separate_grid8to4 { background-image: url("../img/bg/separate_layout2col_8to4.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout2col_separate_grid8to4 div.col { } .layout2col_separate_grid8to4 div.ccm-layout-col-1 { width: 460px; } .layout2col_separate_grid8to4 div.ccm-layout-col-2 { width: 220px; } /* .singleColumn */ .singleColumn .layout2col_separate_grid8to4 { background-image: url("../img/bg/separate_layout2col_8to4_single.gif"); } .singleColumn .layout2col_separate_grid8to4 div.ccm-layout-col-1 { width: 620px; } .singleColumn .layout2col_separate_grid8to4 div.ccm-layout-col-2 { width: 300px; } /* .facebookLayout */ .facebookLayout .layout2col_separate_grid8to4 { background-image: url("../img/bg/separate_layout2col_8to4_facebook.gif"); } .facebookLayout .layout2col_separate_grid8to4 div.ccm-layout-col-1 { width: 500px; } .facebookLayout .layout2col_separate_grid8to4 div.ccm-layout-col-2 { width: 240px; } /*----------------------------------------------- .layout2col_separate_grid3to9 -----------------------------------------------*/ .layout2col_separate_grid3to9 { background-image: url("../img/bg/separate_layout2col_3to9.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout2col_separate_grid3to9 div.col { } .layout2col_separate_grid3to9 div.ccm-layout-col-1 { width: 160px; } .layout2col_separate_grid3to9 div.ccm-layout-col-2 { width: 520px; } /* .singleColumn */ .singleColumn .layout2col_separate_grid3to9 { background-image: url("../img/bg/separate_layout2col_3to9_single.gif"); } .singleColumn .layout2col_separate_grid3to9 div.ccm-layout-col-1 { width: 220px; } .singleColumn .layout2col_separate_grid3to9 div.ccm-layout-col-2 { width: 700px; } /* .facebookLayout */ .facebookLayout .layout2col_separate_grid3to9 { background-image: url("../img/bg/separate_layout2col_3to9_facebook.gif"); } .facebookLayout .layout2col_separate_grid3to9 div.ccm-layout-col-1 { width: 175px; } .facebookLayout .layout2col_separate_grid3to9 div.ccm-layout-col-2 { width: 565px; } /*----------------------------------------------- .layout2col_separate_grid9to3 -----------------------------------------------*/ .layout2col_separate_grid9to3 { background-image: url("../img/bg/separate_layout2col_9to3.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout2col_separate_grid9to3 div.col { } .layout2col_separate_grid9to3 div.ccm-layout-col-1 { width: 520px; } .layout2col_separate_grid9to3 div.ccm-layout-col-2 { width: 160px; } /* .singleColumn */ .singleColumn .layout2col_separate_grid9to3 { background-image: url("../img/bg/separate_layout2col_9to3_single.gif"); } .singleColumn .layout2col_separate_grid9to3 div.ccm-layout-col-1 { width: 700px; } .singleColumn .layout2col_separate_grid9to3 div.ccm-layout-col-2 { width: 220px; } /* .facebookLayout */ .facebookLayout .layout2col_separate_grid9to3 { background-image: url("../img/bg/separate_layout2col_9to3_facebook.gif"); } .facebookLayout .layout2col_separate_grid9to3 div.ccm-layout-col-1 { width: 565px; } .facebookLayout .layout2col_separate_grid9to3 div.ccm-layout-col-2 { width: 175px; } /*----------------------------------------------- .layout2col_separate_grid2to10 -----------------------------------------------*/ .layout2col_separate_grid2to10 { background-image: url("../img/bg/separate_layout2col_2to10.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout2col_separate_grid2to10 div.col { } .layout2col_separate_grid2to10 div.ccm-layout-col-1 { width: 100px; } .layout2col_separate_grid2to10 div.ccm-layout-col-2 { width: 580px; } /* .singleColumn */ .singleColumn .layout2col_separate_grid2to10 { background-image: url("../img/bg/separate_layout2col_2to10_single.gif"); } .singleColumn .layout2col_separate_grid2to10 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout2col_separate_grid2to10 div.ccm-layout-col-2 { width: 780px; } /* .facebookLayout */ .facebookLayout .layout2col_separate_grid2to10 { background-image: url("../img/bg/separate_layout2col_2to10_facebook.gif"); } .facebookLayout .layout2col_separate_grid2to10 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout2col_separate_grid2to10 div.ccm-layout-col-2 { width: 630px; } /*----------------------------------------------- .layout2col_separate_grid10to2 -----------------------------------------------*/ .layout2col_separate_grid10to2 { background-image: url("../img/bg/separate_layout2col_10to2.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout2col_separate_grid10to2 div.col { } .layout2col_separate_grid10to2 div.ccm-layout-col-1 { width: 580px; } .layout2col_separate_grid10to2 div.ccm-layout-col-2 { width: 100px; } /* .singleColumn */ .singleColumn .layout2col_separate_grid10to2 { background-image: url("../img/bg/separate_layout2col_10to2_single.gif"); } .singleColumn .layout2col_separate_grid10to2 div.ccm-layout-col-1 { width: 780px; } .singleColumn .layout2col_separate_grid10to2 div.ccm-layout-col-2 { width: 140px; } /* .facebookLayout */ .facebookLayout .layout2col_separate_grid10to2 { background-image: url("../img/bg/separate_layout2col_10to2_facebook.gif"); } .facebookLayout .layout2col_separate_grid10to2 div.ccm-layout-col-1 { width: 630px; } .facebookLayout .layout2col_separate_grid10to2 div.ccm-layout-col-2 { width: 110px; } /*----------------------------------------------- .layout3col_separate_grid3to3to6 -----------------------------------------------*/ .layout3col_separate_grid3to3to6 { background-image: url("../img/bg/separate_layout2col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout3col_separate_grid3to3to6 div.col { } .layout3col_separate_grid3to3to6 div.ccm-layout-col-1 { width: 160px; } .layout3col_separate_grid3to3to6 div.ccm-layout-col-2 { width: 160px; } .layout3col_separate_grid3to3to6 div.ccm-layout-col-3 { width: 340px; } /* .singleColumn */ .singleColumn .layout3col_separate_grid3to3to6 { background-image: url("../img/bg/separate_layout2col_single.gif"); } .singleColumn .layout3col_separate_grid3to3to6 div.ccm-layout-col-1 { width: 220px; } .singleColumn .layout3col_separate_grid3to3to6 div.ccm-layout-col-2 { width: 220px; } .singleColumn .layout3col_separate_grid3to3to6 div.ccm-layout-col-3 { width: 460px; } /* .facebookLayout */ .facebookLayout .layout3col_separate_grid3to3to6 { background-image: url("../img/bg/separate_layout2col_facebook.gif"); } .facebookLayout .layout3col_separate_grid3to3to6 div.ccm-layout-col-1 { width: 175px; } .facebookLayout .layout3col_separate_grid3to3to6 div.ccm-layout-col-2 { width: 175px; } .facebookLayout .layout3col_separate_grid3to3to6 div.ccm-layout-col-3 { width: 370px; } /*----------------------------------------------- .layout3col_separate_grid6to3to3 -----------------------------------------------*/ .layout3col_separate_grid6to3to3 { background-image: url("../img/bg/separate_layout2col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout3col_separate_grid6to3to3 div.col { } .layout3col_separate_grid6to3to3 div.ccm-layout-col-1 { width: 340px; } .layout3col_separate_grid6to3to3 div.ccm-layout-col-2 { width: 160px; } .layout3col_separate_grid6to3to3 div.ccm-layout-col-3 { width: 160px; } /* .singleColumn */ .singleColumn .layout3col_separate_grid6to3to3 { background-image: url("../img/bg/separate_layout2col_single.gif"); } .singleColumn .layout3col_separate_grid6to3to3 div.ccm-layout-col-1 { width: 460px; } .singleColumn .layout3col_separate_grid6to3to3 div.ccm-layout-col-2 { width: 220px; } .singleColumn .layout3col_separate_grid6to3to3 div.ccm-layout-col-3 { width: 220px; } /* .facebookLayout */ .facebookLayout .layout3col_separate_grid6to3to3 { background-image: url("../img/bg/separate_layout2col_facebook.gif"); } .facebookLayout .layout3col_separate_grid6to3to3 div.ccm-layout-col-1 { width: 370px; } .facebookLayout .layout3col_separate_grid6to3to3 div.ccm-layout-col-2 { width: 175px; } .facebookLayout .layout3col_separate_grid6to3to3 div.ccm-layout-col-3 { width: 175px; } /*----------------------------------------------- .layout3col_separate_grid3to6to3 -----------------------------------------------*/ .layout3col_separate_grid3to6to3 { background-image: url("../img/bg/separate_layout3col_3to6to3.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout3col_separate_grid3to6to3 div.col { } .layout3col_separate_grid3to6to3 div.ccm-layout-col-1 { width: 160px; } .layout3col_separate_grid3to6to3 div.ccm-layout-col-2 { width: 340px; } .layout3col_separate_grid3to6to3 div.ccm-layout-col-3 { width: 160px; } /* .singleColumn */ .singleColumn .layout3col_separate_grid3to6to3 { background-image: url("../img/bg/separate_layout3col_3to6to3_single.gif"); } .singleColumn .layout3col_separate_grid3to6to3 div.ccm-layout-col-1 { width: 220px; } .singleColumn .layout3col_separate_grid3to6to3 div.ccm-layout-col-2 { width: 460px; } .singleColumn .layout3col_separate_grid3to6to3 div.ccm-layout-col-3 { width: 220px; } /* .facebookLayout */ .facebookLayout .layout3col_separate_grid3to6to3 { background-image: url("../img/bg/separate_layout3col_3to6to3_facebook.gif"); } .facebookLayout .layout3col_separate_grid3to6to3 div.ccm-layout-col-1 { width: 175px; } .facebookLayout .layout3col_separate_grid3to6to3 div.ccm-layout-col-2 { width: 370px; } .facebookLayout .layout3col_separate_grid3to6to3 div.ccm-layout-col-3 { width: 175px; } /*----------------------------------------------- .layout3col_separate_grid2to8to2 -----------------------------------------------*/ .layout3col_separate_grid2to8to2 { background-image: url("../img/bg/separate_layout3col_2to8to2.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout3col_separate_grid2to8to2 div.col { } .layout3col_separate_grid2to8to2 div.ccm-layout-col-1 { width: 100px; } .layout3col_separate_grid2to8to2 div.ccm-layout-col-2 { width: 460px; } .layout3col_separate_grid2to8to2 div.ccm-layout-col-3 { width: 100px; } /* .singleColumn */ .singleColumn .layout3col_separate_grid2to8to2 { background-image: url("../img/bg/separate_layout3col_2to8to2_single.gif"); } .singleColumn .layout3col_separate_grid2to8to2 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout3col_separate_grid2to8to2 div.ccm-layout-col-2 { width: 620px; } .singleColumn .layout3col_separate_grid2to8to2 div.ccm-layout-col-3 { width: 140px; } /* .facebookLayout */ .facebookLayout .layout3col_separate_grid2to8to2 { background-image: url("../img/bg/separate_layout3col_2to8to2_facebook.gif"); } .facebookLayout .layout3col_separate_grid2to8to2 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout3col_separate_grid2to8to2 div.ccm-layout-col-2 { width: 500px; } .facebookLayout .layout3col_separate_grid2to8to2 div.ccm-layout-col-3 { width: 110px; } /*----------------------------------------------- .layout3col_separate_grid2to4to6 -----------------------------------------------*/ .layout3col_separate_grid2to4to6 { background-image: url("../img/bg/separate_layout2col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout3col_separate_grid2to4to6 div.col { } .layout3col_separate_grid2to4to6 div.ccm-layout-col-1 { width: 100px; } .layout3col_separate_grid2to4to6 div.ccm-layout-col-2 { width: 220px; } .layout3col_separate_grid2to4to6 div.ccm-layout-col-3 { width: 340px; } /* .singleColumn */ .singleColumn .layout3col_separate_grid2to4to6 { background-image: url("../img/bg/separate_layout2col_single.gif"); } .singleColumn .layout3col_separate_grid2to4to6 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout3col_separate_grid2to4to6 div.ccm-layout-col-2 { width: 300px; } .singleColumn .layout3col_separate_grid2to4to6 div.ccm-layout-col-3 { width: 460px; } /* .facebookLayout */ .facebookLayout .layout3col_separate_grid2to4to6 { background-image: url("../img/bg/separate_layout2col_facebook.gif"); } .facebookLayout .layout3col_separate_grid2to4to6 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout3col_separate_grid2to4to6 div.ccm-layout-col-2 { width: 240px; } .facebookLayout .layout3col_separate_grid2to4to6 div.ccm-layout-col-3 { width: 370px; } /*----------------------------------------------- .layout3col_separate_grid6to2to4 -----------------------------------------------*/ .layout3col_separate_grid6to2to4 { background-image: url("../img/bg/separate_layout2col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout3col_separate_grid6to2to4 div.col { } .layout3col_separate_grid6to2to4 div.ccm-layout-col-1 { width: 340px; } .layout3col_separate_grid6to2to4 div.ccm-layout-col-2 { width: 100px; } .layout3col_separate_grid6to2to4 div.ccm-layout-col-3 { width: 220px; } /* .singleColumn */ .singleColumn .layout3col_separate_grid6to2to4 { background-image: url("../img/bg/separate_layout2col_single.gif"); } .singleColumn .layout3col_separate_grid6to2to4 div.ccm-layout-col-1 { width: 460px; } .singleColumn .layout3col_separate_grid6to2to4 div.ccm-layout-col-2 { width: 140px; } .singleColumn .layout3col_separate_grid6to2to4 div.ccm-layout-col-3 { width: 300px; } /* .facebookLayout */ .facebookLayout .layout3col_separate_grid6to2to4 { background-image: url("../img/bg/separate_layout2col_facebook.gif"); } .facebookLayout .layout3col_separate_grid6to2to4 div.ccm-layout-col-1 { width: 370px; } .facebookLayout .layout3col_separate_grid6to2to4 div.ccm-layout-col-2 { width: 110px; } .facebookLayout .layout3col_separate_grid6to2to4 div.ccm-layout-col-3 { width: 240px; } /*----------------------------------------------- .layout4col_separate_grid2to4to2to4 -----------------------------------------------*/ .layout4col_separate_grid2to4to2to4 { background-image: url("../img/bg/separate_layout2col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout4col_separate_grid2to4to2to4 div.col { } .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-1 { width: 100px; } .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-2 { width: 220px; } .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-3 { width: 100px; } .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-4 { width: 220px; } /* .singleColumn */ .singleColumn .layout4col_separate_grid2to4to2to4 { background-image: url("../img/bg/separate_layout2col_single.gif"); } .singleColumn .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-2 { width: 300px; } .singleColumn .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-3 { width: 140px; } .singleColumn .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-4 { width: 300px; } /* .facebookLayout */ .facebookLayout .layout4col_separate_grid2to4to2to4 { background-image: url("../img/bg/separate_layout2col_facebook.gif"); } .facebookLayout .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-2 { width: 240px; } .facebookLayout .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-3 { width: 110px; } .facebookLayout .layout4col_separate_grid2to4to2to4 div.ccm-layout-col-4 { width: 240px; } /*----------------------------------------------- .layout4col_separate_grid2to6to4 -----------------------------------------------*/ .layout4col_separate_grid2to6to4 { background-image: url("../img/bg/separate_layout4col_2to6to4.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout4col_separate_grid2to6to4 div.col { } .layout4col_separate_grid2to6to4 div.ccm-layout-col-1 { width: 100px; } .layout4col_separate_grid2to6to4 div.ccm-layout-col-2 { width: 220px; } .layout4col_separate_grid2to6to4 div.ccm-layout-col-3 { width: 100px; } .layout4col_separate_grid2to6to4 div.ccm-layout-col-4 { width: 220px; } /* .singleColumn */ .singleColumn .layout4col_separate_grid2to6to4 { background-image: url("../img/bg/separate_layout4col_2to6to4_single.gif"); } .singleColumn .layout4col_separate_grid2to6to4 div.ccm-layout-col-1 { width: 140px; } .singleColumn .layout4col_separate_grid2to6to4 div.ccm-layout-col-2 { width: 300px; } .singleColumn .layout4col_separate_grid2to6to4 div.ccm-layout-col-3 { width: 140px; } .singleColumn .layout4col_separate_grid2to6to4 div.ccm-layout-col-4 { width: 300px; } /* .facebookLayout */ .facebookLayout .layout4col_separate_grid2to6to4 { background-image: url("../img/bg/separate_layout4col_2to6to4_facebook.gif"); } .facebookLayout .layout4col_separate_grid2to6to4 div.ccm-layout-col-1 { width: 110px; } .facebookLayout .layout4col_separate_grid2to6to4 div.ccm-layout-col-2 { width: 240px; } .facebookLayout .layout4col_separate_grid2to6to4 div.ccm-layout-col-3 { width: 110px; } .facebookLayout .layout4col_separate_grid2to6to4 div.ccm-layout-col-4 { width: 240px; } /*----------------------------------------------- .layout4col_separate_grid4to2to4to2 -----------------------------------------------*/ .layout4col_separate_grid4to2to4to2 { background-image: url("../img/bg/separate_layout2col.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout4col_separate_grid4to2to4to2 div.col { } .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-1 { width: 220px; } .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-2 { width: 100px; } .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-3 { width: 220px; } .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-4 { width: 100px; } /* .singleColumn */ .singleColumn .layout4col_separate_grid4to2to4to2 { background-image: url("../img/bg/separate_layout2col_single.gif"); } .singleColumn .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-1 { width: 300px; } .singleColumn .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-2 { width: 140px; } .singleColumn .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-3 { width: 300px; } .singleColumn .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-4 { width: 140px; } /* .facebookLayout */ .facebookLayout .layout4col_separate_grid4to2to4to2 { background-image: url("../img/bg/separate_layout2col_facebook.gif"); } .facebookLayout .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-1 { width: 240px; } .facebookLayout .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-2 { width: 110px; } .facebookLayout .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-3 { width: 240px; } .facebookLayout .layout4col_separate_grid4to2to4to2 div.ccm-layout-col-4 { width: 110px; } /*----------------------------------------------- .layout4col_separate_grid4to6to2 -----------------------------------------------*/ .layout4col_separate_grid4to6to2 { background-image: url("../img/bg/separate_layout4col_4to6to2.gif"); background-repeat: repeat-y; margin-top: 15px; } .layout4col_separate_grid4to6to2 div.col { } .layout4col_separate_grid4to6to2 div.ccm-layout-col-1 { width: 220px; } .layout4col_separate_grid4to6to2 div.ccm-layout-col-2 { width: 100px; } .layout4col_separate_grid4to6to2 div.ccm-layout-col-3 { width: 220px; } .layout4col_separate_grid4to6to2 div.ccm-layout-col-4 { width: 100px; } /* .singleColumn */ .singleColumn .layout4col_separate_grid4to6to2 { background-image: url("../img/bg/separate_layout4col_4to6to2_single.gif"); } .singleColumn .layout4col_separate_grid4to6to2 div.ccm-layout-col-1 { width: 300px; } .singleColumn .layout4col_separate_grid4to6to2 div.ccm-layout-col-2 { width: 140px; } .singleColumn .layout4col_separate_grid4to6to2 div.ccm-layout-col-3 { width: 300px; } .singleColumn .layout4col_separate_grid4to6to2 div.ccm-layout-col-4 { width: 140px; } /* .facebookLayout */ .facebookLayout .layout4col_separate_grid4to6to2 { background-image: url("../img/bg/separate_layout4col_4to6to2_facebook.gif"); } .facebookLayout .layout4col_separate_grid4to6to2 div.ccm-layout-col-1 { width: 240px; } .facebookLayout .layout4col_separate_grid4to6to2 div.ccm-layout-col-2 { width: 110px; } .facebookLayout .layout4col_separate_grid4to6to2 div.ccm-layout-col-3 { width: 240px; } .facebookLayout .layout4col_separate_grid4to6to2 div.ccm-layout-col-4 { width: 110px; } /* /////////////////////////////////////// Box Column Layout /////////////////////////////////////// */ /*------------------------------------------------------------------- Base Element -------------------------------------------------------------------*/ div.boxColumn div.boxCol { float: left; margin-left: 20px; } div.boxColumn div.first { margin-left: 0; } div.boxColumn div.last { } /*------------------------------------------------------------------- Flex Composition -------------------------------------------------------------------*/ div.flexComposition { } div.flexComposition div.areaContent1 { } div.flexComposition div.areaContent2 { } div.flexComposition div.areaContent3 { } div.flexComposition div.flexArea { } /* div.typeWrapCenter */ div.flexComposition div.typeWrapCenter { } div.flexComposition div.typeWrapCenter div.areaContent2 { } div.flexComposition div.typeWrapCenter div.areaContent3 { } /* div.typeWrapLeft */ div.flexComposition div.typeWrapLeft { } div.flexComposition div.typeWrapLeft div.areaContent2 { display: inline; float: left; margin-right: 10px; _margin-right: 7px; max-width:75%; } div.flexComposition div.typeWrapLeft div.areaContent3 { overflow: hidden; *zoom: 100%; } /* div.typeWrapRight */ div.flexComposition div.typeWrapRight { } div.flexComposition div.typeWrapRight div.areaContent2 { display: inline; float: right; margin-left: 10px; _margin-left: 7px; max-width:75%; } div.flexComposition div.typeWrapRight div.areaContent3 { overflow: hidden; *zoom: 100%; } /* Exception Rules */ div.flexComposition div.boxAreaCol > p:first-child, div.flexComposition div.boxAreaCol > ul:first-child, div.flexComposition div.boxAreaCol > ol:first-child, div.flexComposition div.boxAreaCol > dl:first-child, div.flexComposition div.boxAreaCol > div:first-child, div.flexComposition div.boxAreaCol > table:first-child, div.flexComposition div.boxAreaCol > div:first-child > table:first-child { margin-top: 0; } p.div_flexComposition-div_col-child-elm-first-child, ul.div_flexComposition-div_col-child-elm-first-child, ol.div_flexComposition-div_col-child-elm-first-child, dl.div_flexComposition-div_col-child-elm-first-child, div.div_flexComposition-div_col-child-elm-first-child, table.div_flexComposition-div_col-child-elm-first-child { margin-top: 0; } div.flexComposition .ccm-layout-row { *zoom: normal; } div.flexComposition div.areaContent1 + div.typeWrapCenter div.areaContent2 { margin-top: 10px; } div.div_areaContent1-sibling-div_typeWrapCenter div.areaContent2 { margin-top: 10px; } div.flexComposition div.typeWrapCenter div.areaContent3 { } div.flexComposition div.typeWrapCenter div.areaContent2 + div.areaContent3 { margin-top: 10px; } div.flexComposition div.areaContent1 + div.typeWrapCenter div.areaContent3 { margin-top: 10px; } div.div_areaContent2-sibling-div_areaContent3, div.div_areaContent1-sibling-div_typeWrapCenter div.areaContent3 { margin-top: 10px; } div.flexComposition div.areaContent1 + div.typeWrapLeft, div.flexComposition div.areaContent1 + div.typeWrapRight { margin-top: 10px; } div.div_areaContent1-sibling-div_typeWrapLeft, div.div_areaContent1-sibling-div_typeWrapRight { margin-top: 10px; } /*------------------------------------------------------------------- Default Box Style -------------------------------------------------------------------*/ /*----------------------------------------------- .boxLayout -----------------------------------------------*/ .boxLayout { margin-top: 15px; } /* Exception Rules */ div.div_boxLayout { margin-left: -10px; margin-right: -10px; } div.div_boxLayout div.flexComposition { padding-left: 10px; padding-right: 10px; } /*----------------------------------------------- .layout2col_box -----------------------------------------------*/ .layout2col_box { } .layout2col_box div.boxCol { width: 340px; } /* .singleColumn */ .singleColumn .layout2col_box { } .singleColumn .layout2col_box div.boxCol { width: 460px; } /* .facebookLayout */ .facebookLayout .layout2col_box { } .facebookLayout .layout2col_box div.boxCol { width: 370px; } /*----------------------------------------------- .layout3col_box -----------------------------------------------*/ .layout3col_box { } .layout3col_box div.boxCol { width: 220px; } .layout3col_box div.first { margin-left: 0; } /* .singleColumn */ .singleColumn .layout3col_box { } .singleColumn .layout3col_box div.boxCol { width: 300px; } /* .facebookLayout */ .facebookLayout .layout3col_box { } .facebookLayout .layout3col_box div.boxCol { width: 240px; } /*----------------------------------------------- .layout4col_box -----------------------------------------------*/ .layout4col_box { } .layout4col_box div.boxCol { width: 160px; } /* .singleColumn */ .singleColumn .layout4col_box { } .singleColumn .layout4col_box div.boxCol { width: 220px; } /* .facebookLayout */ .facebookLayout .layout4col_box { } .facebookLayout .layout4col_box div.boxCol { width: 175px; } /*----------------------------------------------- .layout5col_box -----------------------------------------------*/ .layout5col_box { } .layout5col_box div.boxCol { width: 124px; } /* .singleColumn */ .singleColumn .layout5col_box { } .singleColumn .layout5col_box div.boxCol { width: 172px; } /* .facebookLayout */ .facebookLayout .layout5col_box { } .facebookLayout .layout5col_box div.boxCol { width: 136px; } /*----------------------------------------------- .layout6col_box -----------------------------------------------*/ .layout6col_box { } .layout6col_box div.boxCol { width: 100px; } .layout6col_box div.first { margin-left: 0; } /* .singleColumn */ .singleColumn .layout6col_box { } .singleColumn .layout6col_box div.boxCol { width: 140px; } /* .facebookLayout */ .facebookLayout .layout6col_box { } .facebookLayout .layout6col_box div.boxCol { width: 110px; } /*------------------------------------------------------------------- Merge Box Style -------------------------------------------------------------------*/ /*----------------------------------------------- .boxLayoutMerge -----------------------------------------------*/ .boxLayoutMerge { background-color: #eee; margin-top: 15px; padding: 10px; } /*----------------------------------------------- .layout2col_boxMerge -----------------------------------------------*/ .layout2col_boxMerge { } .layout2col_boxMerge div.boxCol { width: 330px; } /* .singleColumn */ .singleColumn .layout2col_boxMerge { } .singleColumn .layout2col_boxMerge div.boxCol { width: 450px; } /* .facebookLayout */ .facebookLayout .layout2col_boxMerge { } .facebookLayout .layout2col_boxMerge div.boxCol { width: 360px; } /*----------------------------------------------- .layout3col_boxMerge -----------------------------------------------*/ .layout3col_boxMerge { } .layout3col_boxMerge div.boxCol { margin-left: 22px; width: 212px; } .layout3col_boxMerge div.first { margin-left: 0; } /* .singleColumn */ .singleColumn .layout3col_boxMerge { } .singleColumn .layout3col_boxMerge div.boxCol { width: 292px; } /* .facebookLayout */ .facebookLayout .layout3col_boxMerge { } .facebookLayout .layout3col_boxMerge div.boxCol { margin-left: 19px; width: 234px; } .facebookLayout .layout3col_boxMerge div.first { margin-left: 0; } /*----------------------------------------------- .layout4col_boxMerge -----------------------------------------------*/ .layout4col_boxMerge { } .layout4col_boxMerge div.boxCol { width: 155px; } /* .singleColumn */ .singleColumn .layout4col_boxMerge { } .singleColumn .layout4col_boxMerge div.boxCol { width: 215px; } /* .facebookLayout */ .facebookLayout .layout4col_boxMerge { } .facebookLayout .layout4col_boxMerge div.boxCol { width: 170px; } /*----------------------------------------------- .layout5col_boxMerge -----------------------------------------------*/ .layout5col_boxMerge { } .layout5col_boxMerge div.boxCol { width: 120px; } /* .singleColumn */ .singleColumn .layout5col_boxMerge { } .singleColumn .layout5col_boxMerge div.boxCol { width: 168px; } /* .facebookLayout */ .facebookLayout .layout5col_boxMerge { } .facebookLayout .layout5col_boxMerge div.boxCol { width: 132px; } /*----------------------------------------------- .layout6col_boxMerge -----------------------------------------------*/ .layout6col_boxMerge { } .layout6col_boxMerge div.boxCol { margin-left: 22px; width: 95px; } .layout6col_boxMerge div.first { margin-left: 0; } /* .singleColumn */ .singleColumn .layout6col_boxMerge { } .singleColumn .layout6col_boxMerge div.boxCol { width: 135px; } /* .facebookLayout */ .facebookLayout .layout6col_boxMerge { } .facebookLayout .layout6col_boxMerge div.boxCol { margin-left: 22px; width: 105px; } .facebookLayout .layout6col_boxMerge div.first { margin-left: 0; } /*------------------------------------------------------------------- Separate Box Style -------------------------------------------------------------------*/ /*----------------------------------------------- .boxLayoutSeparate -----------------------------------------------*/ .boxLayoutSeparate { } .boxLayoutSeparate div.boxCol { background-color: #eee; margin-top: 15px; padding: 10px; } /*----------------------------------------------- .layout2col_boxSeparate -----------------------------------------------*/ .layout2col_boxSeparate { } .layout2col_boxSeparate div.boxCol { width: 320px; } /* .singleColumn */ .singleColumn .layout2col_boxSeparate { } .singleColumn .layout2col_boxSeparate div.boxCol { width: 440px; } /* .facebookLayout */ .facebookLayout .layout2col_boxSeparate { } .facebookLayout .layout2col_boxSeparate div.boxCol { width: 350px; } /*----------------------------------------------- .layout3col_boxSeparate -----------------------------------------------*/ .layout3col_boxSeparate { } .layout3col_boxSeparate div.boxCol { width: 200px; } /* .singleColumn */ .singleColumn .layout3col_boxSeparate { } .singleColumn .layout3col_boxSeparate div.boxCol { width: 280px; } /* .facebookLayout */ .facebookLayout .layout3col_boxSeparate { } .facebookLayout .layout3col_boxSeparate div.boxCol { width: 220px; } /*----------------------------------------------- .layout4col_boxSeparate -----------------------------------------------*/ .layout4col_boxSeparate { } .layout4col_boxSeparate div.boxCol { width: 140px; } /* .singleColumn */ .singleColumn .layout4col_boxSeparate { } .singleColumn .layout4col_boxSeparate div.boxCol { width: 200px; } /* .facebookLayout */ .facebookLayout .layout4col_boxSeparate { } .facebookLayout .layout4col_boxSeparate div.boxCol { width: 155px; } /*----------------------------------------------- .layout5col_boxSeparate -----------------------------------------------*/ .layout5col_boxSeparate { } .layout5col_boxSeparate div.boxCol { width: 104px; } /* .singleColumn */ .singleColumn .layout5col_boxSeparate { } .singleColumn .layout5col_boxSeparate div.boxCol { width: 152px; } /* .facebookLayout */ .facebookLayout .layout5col_boxSeparate { } .facebookLayout .layout5col_boxSeparate div.boxCol { width: 116px; } /*----------------------------------------------- .layout6col_boxSeparate -----------------------------------------------*/ .layout6col_boxSeparate { } .layout6col_boxSeparate div.boxCol { width: 80px; } /* .singleColumn */ .singleColumn .layout6col_boxSeparate { } .singleColumn .layout6col_boxSeparate div.boxCol { width: 120px; } /* .facebookLayout */ .facebookLayout .layout6col_boxSeparate { } .facebookLayout .layout6col_boxSeparate div.boxCol { width: 90px; } /* /////////////////////////////////////// List Block /////////////////////////////////////// */ /*------------------------------------------------------------------- linkList -------------------------------------------------------------------*/ ul.linkList { } ul.linkList > li { background-image: url("../img/icon/link_list.gif"); background-position: 0 0.35em; } /* Exception Rules */ ul.linkList li.ul_linkList-child-li { background-image: url("../img/icon/link_list.gif"); background-position: 0 0.4em; } /* update分を担保する為に追加 */ ul.linkList > li, ul.linkList li.ul_linkList-child-li { background-image: url("../img/icon/arrow_right.gif"); } /*------------------------------------------------------------------- Separate List -------------------------------------------------------------------*/ ul.separate, ol.separate { margin-left: 0; } ul.separate > li, ol.separate > li { background-position: 5px 0.4em; border-bottom: 1px dotted #ccc; padding-bottom: 5px; padding-left: 19px; padding-right: 10px; } /* Exception Rules */ ul.separate li.ul_separate-child-li, ul.separate li.ol_separate-child-li, ol.separate li.ol_separate-child-li, ol.separate li.ul_separate-child-li { background-position: 5px 0.4em; border-bottom: 1px dotted #ccc; padding-bottom: 5px; padding-left: 19px; padding-right: 10px; } /*------------------------------------------------------------------- Icon Chip List -------------------------------------------------------------------*/ ul.iconChipList { margin-top: 8px; } ul.iconChipList li { background: none; margin-right: 10px; margin-top: 7px !important; padding-left: 0; } /*------------------------------------------------------------------- List Unit -------------------------------------------------------------------*/ div.listUnit { margin-top: 15px; } /* ul */ div.listUnit ul { margin-top: 0; } div.listUnit ul li { background-image: none; margin-top: 0; padding-left: 0; } div.listUnit ul li + li { margin-top: 5px; } div.listUnit ul li.div_listUnit-li-sibling-li { margin-top: 5px; } div.listUnit ul li div { background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 100%; } /* ol */ div.listUnit ol { list-style: none; margin-left: 0; margin-top: 0; } div.listUnit ol li { margin-top: 0; padding-left: 0; } div.listUnit ol li + li { margin-top: 5px; } div.listUnit ol li.div_listUnit-li-sibling-li { margin-top: 5px; } div.listUnit ol li div { overflow: hidden; padding-left: 2.2em; } div.listUnit ol li span.order { display: inline-block; font-weight: bold; margin-left: -2.2em; padding-right: 0.2em; text-align: right; width: 2em; } /*----------------------------------------------- Line Style -----------------------------------------------*/ div.lineStyle { margin-top: 10px; } div.lineStyle ul { } div.lineStyle ul li { background-image: none; display: inline-block; *display: inline; margin-left: 0; margin-right: 16px; margin-top: 5px; padding-left: 0; white-space: nowrap; *zoom: 100%; } div.lineStyle ol li { display: inline-block; *display: inline; margin-left: 0; margin-right: 16px; margin-top: 5px; padding-left: 0; vertical-align: top; white-space: nowrap; *zoom: 100%; } div.lineStyle ul li.item-only, div.lineStyle ol li.item-only { margin-right: 0; } div.lineStyle ul li.item-first, div.lineStyle ol li.item-first { } div.lineStyle ul li.item-last, div.lineStyle ol li.item-last { margin-right: 0; } /*----------------------------------------------- Separate Style -----------------------------------------------*/ div.listUnit .separate li { background-image: url("../img/bg/dash_line.gif"); background-position: 0 100%; background-repeat: repeat-x; border-bottom: none; padding-left: 0; } div.lineStyle .separate li { background-image: url("../img/bg/dash_line_v.gif"); background-position: 100% 0; background-repeat: repeat-y; border-bottom: none; padding-bottom: 0; padding-right: 21px; } div.lineStyle .separate li.item-only, div.lineStyle .separate li.item-last { background-image: none; border-right: none; padding-right: 0; } div.lineStyle ol.separate li div { padding-left: 0; } div.lineStyle ol.separate li span.order { display: inline; margin-left: 0; } /*----------------------------------------------- Item Align Style -----------------------------------------------*/ div.lineStyle .itemAlignCenter { text-align: center; } div.lineStyle .itemAlignLeft { text-align: left; } div.lineStyle .itemAlignRight { text-align: right; } /*----------------------------------------------- Icon Position Style -----------------------------------------------*/ div.listUnit .rightSideIcon { } /*----------------------------------------------- Icon Set -----------------------------------------------*/ /* .disc */ div.listUnit div.disc { background-position: 0 0.45em; background-repeat: no-repeat; padding-left: 1em; } div.listUnit ul.rightSideIcon .disc { background-position: 100% 0.45em; background-repeat: no-repeat; padding-left: 0; padding-right: 1em; } /* .arrowRight */ div.listUnit div.arrowRight { background-position: 0 0.53em; padding-left: 11px; } div.listUnit ul.rightSideIcon div.arrowRight { background-position: 100% 0.53em; padding-left: 0; padding-right: 11px; } /* .arrowLeft */ div.listUnit div.arrowLeft { background-position: 0 0.53em; padding-left: 11px; } div.listUnit ul.rightSideIcon div.arrowLeft { background-position: 100% 0.53em; padding-left: 0; padding-right: 11px; } /* .arrowBottom */ div.listUnit div.arrowBottom { background-position: 0 0.6em; padding-left: 13px; } div.listUnit ul.rightSideIcon div.arrowBottom { background-position: 100% 0.6em; padding-left: 0; padding-right: 13px; } /* .arrowTop */ div.listUnit div.arrowTop { background-position: 0 0.6em; padding-left: 13px; } div.listUnit ul.rightSideIcon div.arrowTop { background-position: 100% 0.6em; padding-left: 0; padding-right: 13px; } /* .iconPdf */ div.listUnit div.iconPdf { background-position: 0 0.18em; padding-left: 21px; } div.listUnit ul.rightSideIcon div.iconPdf { background-position: 100% 0.18em; padding-left: 0; padding-right: 21px; } /* .iconExcel */ div.listUnit div.iconExcel { background-position: 0 0.18em; padding-left: 21px; } div.listUnit ul.rightSideIcon div.iconExcel { background-position: 100% 0.18em; padding-left: 0; padding-right: 21px; } /* .iconWord */ div.listUnit div.iconWord { background-position: 0 0.18em; padding-left: 21px; } div.listUnit ul.rightSideIcon div.iconWord { background-position: 100% 0.18em; padding-left: 0; padding-right: 21px; } /* .iconPpt */ div.listUnit div.iconPpt { background-position: 0 0.18em; padding-left: 21px; } div.listUnit ul.rightSideIcon div.iconPpt { background-position: 100% 0.18em; padding-left: 0; padding-right: 21px; } /* .iconFile */ div.listUnit div.iconFile { background-position: 0 0.18em; padding-left: 21px; } div.listUnit ul.rightSideIcon div.iconFile { background-position: 100% 0.18em; padding-left: 0; padding-right: 21px; } /* .iconFree */ div.listUnit div.iconFree { background-position: 0 0.18em; } div.listUnit ul.rightSideIcon div.iconFree { background-position: 100% 0.18em; } /*----------------------------------------------- Block Design Style -----------------------------------------------*/ /* Background */ div.listUnitStyleBackground { background-color: #f4f4f4; border-radius: 3px; margin-top: 15px; padding: 2px 10px 6px; } div.listUnitStyleBackground ul, div.listUnitStyleBackground ol { margin-top: 4px; } div.listUnitStyleBackground ul li, div.listUnitStyleBackground ol li { } div.listUnitStyleBackground ul.itemAlignCenter, div.listUnitStyleBackground ul.itemAlignLeft, div.listUnitStyleBackground ul.itemAlignRight, div.listUnitStyleBackground ol.itemAlignCenter, div.listUnitStyleBackground ol.itemAlignLeft, div.listUnitStyleBackground ol.itemAlignRight { margin-top: 0; } div.listUnitStyleBackground .separate li.item-last { background-image: none; padding-bottom: 0; } /* Separator */ div.listUnitStyleSeparator { background-image: url("../img/bg/dash_line.gif"); background-repeat: repeat-x; margin-top: 15px; } div.listUnitStyleSeparator ul, div.listUnitStyleSeparator ol { padding-top: 10px; } div.listUnitStyleSeparator ul li, div.listUnitStyleSeparator ol li { } div.listUnitStyleSeparator ul.itemAlignCenter, div.listUnitStyleSeparator ul.itemAlignLeft, div.listUnitStyleSeparator ul.itemAlignRight, div.listUnitStyleSeparator ol.itemAlignCenter, div.listUnitStyleSeparator ol.itemAlignLeft, div.listUnitStyleSeparator ol.itemAlignRight { padding-top: 5px; } div.listUnitStyleSeparator .separate { padding-top: 5px; } /* /////////////////////////////////////// Navigation Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Under Heading Navigation -------------------------------------------------------------------*/ div.underHeadingNav { overflow: hidden; *zoom: 100%; } div.underHeadingNav ul { float: right; margin: 5px 0 0 0; } div.underHeadingNav ul li { background: none; } /*------------------------------------------------------------------- Anchor List -------------------------------------------------------------------*/ ul.anchorList { } ul.anchorList li { background: none; border-right: 1px dotted #aaa; margin-right: 15px; margin-top: 7px; *overflow: visible; padding: 0 15px 0 0; white-space: nowrap; *zoom: 100%; } ul.anchorList li a { background-image: url("../img/icon/page_anchor.gif"); background-position: 0 50%; background-repeat: no-repeat; padding-left: 19px; *padding-bottom: 1px; *zoom: 100%; } /*------------------------------------------------------------------- Function Link -------------------------------------------------------------------*/ /*----------------------------------------------- .external -----------------------------------------------*/ span.external img { margin-left: 0.5em; } /*----------------------------------------------- .pdfFile -----------------------------------------------*/ span.pdfFile img { margin-left: 0.5em; } /*----------------------------------------------- TinyMCE -----------------------------------------------*/ .justifyleft { text-align: left !important; } .justifyright { text-align: right !important; } /*----------------------------------------------- .cover -----------------------------------------------*/ img.cover { border: 1px solid #eee; padding: 1px; } a img.cover { border-color: #ccc; } a:hover img.cover { border-color: #9803A1; } /*------------------------------------------------------------------- Pagination -------------------------------------------------------------------*/ /*----------------------------------------------- Base -----------------------------------------------*/ ul.pagination { text-align: center; } ul.pagination li { background-image: none; display: -moz-inline-box; display: inline-block; *display: inline; margin: 0 2px; padding-left: 0; } ul.pagination li a, ul.pagination li span { display: -moz-inline-box; display: inline-block; *display: inline; padding: 1px 10px; text-decoration: none; vertical-align: middle; *zoom: 100%; } ul.pagination li span.current { background-color: #393939; border: 1px solid #393939; color: #fff; } ul.pagination li span.truncate { padding-left: 0; padding-right: 0; } ul.pagination li a:link, ul.pagination li a:visited { background-color: #f7f7f7; border: 1px solid #909090; color: #444; text-decoration: none; } ul.pagination li a:hover, ul.pagination li a:active { background-color: #fff; } /*----------------------------------------------- div.paginationBundle -----------------------------------------------*/ div.paginationBundle { background-color: #eee; border: 1px solid #e0e0e0; margin-top: 15px; } div.paginationBundle dl { border: 1px solid #fff; margin: 0; padding: 5px; text-align: right; } div.paginationBundle dl dt { display: inline-block; *display: inline; vertical-align: middle; } div.paginationBundle dl dd { display: inline-block; *display: inline; vertical-align: middle; } div.paginationBundle ul.pagination { *display: inline; margin: 0; } div.paginationBundle ul.pagination li { } div.paginationBundle ul.pagination li a { vertical-align: middle; *vertical-align: top; } /*----------------------------------------------- div.pagination2ways -----------------------------------------------*/ div.pagination2ways { margin-top: 15px; } div.pagination2ways ul.pagination { margin: 0; text-align: left; } div.pagination2ways ul.pagination li { margin: 0; width: 50%; } div.pagination2ways ul.pagination li.prev { } div.pagination2ways ul.pagination li.next { text-align: right; } div.pagination2ways ul.pagination li a { vertical-align: top; } /*----------------------------------------------- div.pagination3ways -----------------------------------------------*/ div.pagination3ways { margin-top: 15px; text-align: left; } div.pagination3ways ul.pagination { margin: 0; text-align: left; } div.pagination3ways ul.pagination li { margin: 0; width: 33.3%; } div.pagination3ways ul.pagination li.prev { } div.pagination3ways ul.pagination li.center { text-align: center; } div.pagination3ways ul.pagination li.next { text-align: right; } div.pagination3ways ul.pagination li a { vertical-align: top; } /*------------------------------------------------------------------- Button Area -------------------------------------------------------------------*/ ul.buttonArea { text-align: center; } ul.buttonArea li { background-image: none; display: inline; margin: 0 5px; padding-left: 0; } /* Form Submit Button */ ul.formSubmit li .button { font-size: 116%; padding: 6px 20px; } /*------------------------------------------------------------------- Button Content -------------------------------------------------------------------*/ div.buttonContent { } div.buttonContent ul.buttonArea { margin-top: 10px; } div.buttonContent ul.buttonArea li { background-image: none; display: inline-block; *display: inline; margin: 5px 3px 0; padding-left: 0; vertical-align: top; *zoom: 100%; } /*----------------------------------------------- Item Align Style -----------------------------------------------*/ /* .itemAlignCenter */ div.buttonContent ul.itemAlignCenter { text-align: center; } /* .itemAlignLeft */ div.buttonContent ul.itemAlignLeft { text-align: left; } /* .itemAlignRight */ div.buttonContent ul.itemAlignRight { text-align: right; } /*----------------------------------------------- Form Submit Button -----------------------------------------------*/ div.buttonContent ul.formSubmit li .button { font-size: 116%; padding: 6px 20px; } /*------------------------------------------------------------------- Image Navigation -------------------------------------------------------------------*/ div.imageNav { background-color: #f3f3f3; margin: 15px -10px 0 -10px; } div.imageNav ul { margin-right: -10px; margin-top: 0; padding: 0 0 10px 10px; vertical-align: top; } div.imageNav ul li { background-image: none; margin-right: 20px; margin-top: 10px; padding-left: 0; } div.imageNav ul li img { display: block; } /*------------------------------------------------------------------- Single-line Separate Navigation -------------------------------------------------------------------*/ ul.lineSeparateNav { } ul.lineSeparateNav li { background-image: none; border-right: 1px dotted #aaa; display: inline-block; *display: inline; margin-right: 5px; *margin-right: 10px; margin-top: 7px; padding-right: 10px; padding-left: 0; white-space: nowrap; *zoom: 100%; } ul.lineSeparateNav li a { background-position: 0 50%; background-repeat: no-repeat; *padding-bottom: 1px; *zoom: 100%; } /* Icon Set */ ul.lineSeparateNav li.arrowRight { background-image: url("../img/icon/page_next.gif"); background-position: 0 50%; padding-left: 19px; } ul.lineSeparateNav li.arrowBottom { background-image: url("../img/icon/page_anchor.gif"); background-position: 0 50%; padding-left: 19px; } ul.lineSeparateNav li.arrowTop { background-image: url("../img/icon/page_top.gif"); background-position: 0 50%; padding-left: 19px; } ul.lineSeparateNav li.iconPdf { background-image: url("../img/icon/file_pdf.gif"); background-position: 0 50%; padding-left: 21px; } ul.lineSeparateNav li.iconExcel { background-image: url("../img/icon/file_excel.gif"); background-position: 0 50%; padding-left: 21px; } ul.lineSeparateNav li.iconWord { background-image: url("../img/icon/file_word.gif"); background-position: 0 50%; padding-left: 21px; } ul.lineSeparateNav li.iconPpt { background-image: url("../img/icon/file_ppt.gif"); background-position: 0 50%; padding-left: 21px; } ul.lineSeparateNav li.iconFile { background-image: url("../img/icon/file_general.gif"); background-position: 0 50%; padding-left: 21px; } /* Exception Rules */ ul.lineSeparateNav li.item-first { } ul.lineSeparateNav li.item-last { border-right: none; padding-right: 0; margin-right : 0px; } ul.lineSeparateNav li.item-only { border-right: none; padding-right: 0; margin-right : 0px; } /*----------------------------------------------- .goNext -----------------------------------------------*/ .goNext { } .goNext li { background-image: none; padding-left: 0; } .goNext a { background-image: url("../img/icon/page_next.gif"); background-position: 0 0.2em; background-repeat: no-repeat; display: inline-block; _display: inline; padding-left: 19px; *padding-top: 1px; } /*----------------------------------------------- p.goTop -----------------------------------------------*/ p.goTop { text-align: right; } p.goTop a { background-image: url("../img/icon/page_top.gif"); background-position: 0 0.2em; background-repeat: no-repeat; padding-left: 19px; *padding-top: 1px; } /*------------------------------------------------------------------- Each-item Link Navigation -------------------------------------------------------------------*/ ul.eachItemLinkNav { } ul.eachItemLinkNav li { } ul.eachItemLinkNav li dl.index { } ul.eachItemLinkNav li dl.index dt { } ul.eachItemLinkNav li dl.index dd { float: right; overflow: visible; } ul.eachItemLinkNav li dl.index dd p.goNext a { white-space: nowrap; } /*------------------------------------------------------------------- Tab Menu -------------------------------------------------------------------*/ /*----------------------------------------------- base -----------------------------------------------*/ div.tabMenu { border-bottom: 5px solid #407fa2; margin-top: 20px; *zoom: 100%; } div.tabMenu ul.inline { margin-top: 0; *zoom: 100%; } div.tabMenu ul.inline li { background: none; padding: 0; } div.tabMenu ul.inline li a, div.tabMenu ul.inline li.current span.tab { background-repeat: no-repeat; border-bottom-style: solid; border-bottom-width: 1px; display: block; font-size: 108%; padding: 5px 10px; } div.tabMenu ul.inline li a:link, div.tabMenu ul.inline li a:visited { border-bottom-color: #dddee0; color: #325ea2; text-decoration: none; } div.tabMenu ul.inline li a:hover, div.tabMenu ul.inline li a:active, div.tabMenu ul.inline li.current a, div.tabMenu ul.inline li.current span.tab { border-bottom-color: #205696; color: #fff; } /*----------------------------------------------- 2col -----------------------------------------------*/ div.tab2 ul.inline { margin-right: -5px; } div.tab2 ul.inline li { margin-right: 5px; width: 230px; } div.tab2 ul.inline li a { background-image: url("../img/bg/tabmenu_item_off_tab3.gif"); } div.tab2 ul.inline li a:hover { background-image: url("../img/bg/tabmenu_item_on_tab3.gif"); } div.tab2 ul.inline li.current a, div.tab2 ul.inline li.current span.tab { background-image: url("../img/bg/tabmenu_item_on_tab3.gif"); } /*----------------------------------------------- 3col -----------------------------------------------*/ div.tab3 ul.inline { margin-right: -5px; } div.tab3 ul.inline li { margin-right: 5px; width: 230px; } div.tab3 ul.inline li a { background-image: url("../img/bg/tabmenu_item_off_tab3.gif"); } div.tab3 ul.inline li a:hover { background-image: url("../img/bg/tabmenu_item_on_tab3.gif"); } div.tab3 ul.inline li.current a, div.tab3 ul.inline li.current span.tab { background-image: url("../img/bg/tabmenu_item_on_tab3.gif"); } /*----------------------------------------------- 4col -----------------------------------------------*/ div.tab4 ul.inline { margin-right: -5px; } div.tab4 ul.inline li { margin-right: 5px; width: 136px; } div.tab4 ul.inline li a { background-image: url("../img/bg/tabmenu_item_off_tab5.gif"); } div.tab4 ul.inline li a:hover { background-image: url("../img/bg/tabmenu_item_on_tab5.gif"); } div.tab4 ul.inline li.current a, div.tab4 ul.inline li.current span.tab { background-image: url("../img/bg/tabmenu_item_on_tab5.gif"); } /*----------------------------------------------- 5col -----------------------------------------------*/ div.tab5 ul.inline { margin-right: -5px; } div.tab5 ul.inline li { margin-right: 5px; width: 136px; } div.tab5 ul.inline li a { background-image: url("../img/bg/tabmenu_item_off_tab5.gif"); } div.tab5 ul.inline li a:hover { background-image: url("../img/bg/tabmenu_item_on_tab5.gif"); } div.tab5 ul.inline li.current a, div.tab5 ul.inline li.current span.tab { background-image: url("../img/bg/tabmenu_item_on_tab5.gif"); } /*------------------------------------------------------------------- Tab Unit -------------------------------------------------------------------*/ /*----------------------------------------------- div.tabNav -----------------------------------------------*/ div.tabNav { border-bottom: 3px solid #efefef; margin-top: 15px; *zoom: 100%; } div.tabNav ul.inline { margin-top: 0; } div.tabNav ul.inline li { background: none; margin-top: 0; padding: 0; } div.tabNav ul.inline li.item-first { margin-left: 0; } div.tabNav ul.inline li.item-last { } /* Tab Design */ div.tabNav .tab { border-radius: 3px 3px 0 0; display: block; outline: none; padding: 7px 10px 6px; } div.tabNav .tab, div.tabNav .tab:link, div.tabNav .tab:visited { background-color: #929292; color: #fff; font-weight: bold; text-decoration: none; } div.tabNav a.tab:hover, div.tabNav a.tab:active, div.tabNav a.tab:focus { background-color: #efefef; color: #333; font-weight: bold; text-decoration: none; } div.tabNav .current .tab, div.tabNav .current .tab:link, div.tabNav .current .tab:visited, div.tabNav .current .tab:hover, div.tabNav .current .tab:active, div.tabNav .current .tab:focus { background-color: #efefef; color: #333; font-weight: bold; text-decoration: none; } /* Tab Size */ div.tabNav .split1 .tab { *float: left; *zoom: 100%; } div.tabNav .split2 { margin-left: 4px; width: 348px; } div.tabNav .split3 { margin-left: 5px; width: 230px; } div.tabNav .split4 { margin-left: 4px; width: 172px; } div.tabNav .split5 { margin-left: 5px; width: 136px; } div.tabNav .split6 { margin-left: 2px; width: 115px; } .singleColumn div.tabNav .split2 { width: 468px; } .singleColumn div.tabNav .split3 { width: 310px; } .singleColumn div.tabNav .split4 { width: 232px; } .singleColumn div.tabNav .split5 { width: 184px; } .singleColumn div.tabNav .split6 { width: 155px; } /*----------------------------------------------- div.tabUnit -----------------------------------------------*/ div.tabUnit { *zoom: 100%; } /* div.tabNav */ div.tabUnit div.tabNav { border-bottom: none; } /* div.tabContent */ div.tabUnit div.tabContent { background-color: #efefef; border-radius: 0 0 3px 3px; overflow: hidden; padding: 0px 15px 15px; } div.tabUnit div.tabContent div.wysiwygContent { margin-top:0px; margin-bottom:0px; padding-top:8px; } div.tabUnit div.tabContent div.wysiwygContent p { margin-top: 7px; } /*------------------------------------------------------------------- Navigation Menu -------------------------------------------------------------------*/ div.navMenu { } div.navMenu div.navContent { } div.navMenu div.navContent ul { margin: 0; } div.navMenu div.navContent ul li { background-image: none; margin: 10px 10px 0 0; padding: 0; } div.navMenu div.navContent ul li a { display: block; } /*------------------------------------------------------------------- Topic Path -------------------------------------------------------------------*/ div.topicPath { } div.topicPath ul.nav { } div.topicPath ul.nav li { } div.topicPath ul.nav li.nav-child { } div.topicPath ul.nav li.nav-last { } /* /////////////////////////////////////// Definition List Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Border Index -------------------------------------------------------------------*/ dl.border { border-bottom: 1px dotted #ccc; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; zoom:100%; } dl.border dt { padding-right: 10px; *padding-right: 7px; width: 95px; } dl.border dd { } /* Exception Rules */ dl.border + dl.border { margin-top: 0; padding-top: 10px; } dl.dl_border-sibling-dl_border { margin-top: 0; padding-top: 10px; } /*------------------------------------------------------------------- Borderless Index -------------------------------------------------------------------*/ dl.borderless { } dl.borderless dt { padding-right: 10px; *padding-right: 7px; width: 95px; } dl.borderless dd { } /*------------------------------------------------------------------- Commentary -------------------------------------------------------------------*/ dl.commentary { background-color: #fff; border: 1px solid #e0e0e0; font-size: 85%; } dl.commentary dt { background-color: #eee; margin: 1px; padding: 3px 10px; } dl.commentary dd { padding: 3px 10px; } /*------------------------------------------------------------------- Bundle Box -------------------------------------------------------------------*/ dl.bundleBox { background-color: #eee; border: 1px solid #e0e0e0; } dl.bundleBox dt { padding: 10px 10px 5px; } dl.bundleBox dd { background-color: #fff; border: 1px solid #e0e0e0; margin: 2px; padding: 8px 10px; } /* /////////////////////////////////////// Box Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Box -------------------------------------------------------------------*/ /*----------------------------------------------- base -----------------------------------------------*/ div.box { background-image: url("../img/bg/box_body.gif"); background-position: 0 0; background-repeat: repeat-x; margin: 15px 0 0; *zoom: 100%; } div.box:before { background-image: url("../img/bg/box_before_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; content: url("../img/bg/box_before.gif"); display: block; height: 3px; } div.box span.before { background-image: url("../img/bg/box_before_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; display: block; font-size: 0; height: 3px; } div.box span.before img { background-image: url("../img/bg/box_before.gif"); background-position: 0 0; background-repeat: no-repeat; height: 3px; } div.box div.boxBody { background-image: url("../img/bg/box_body_right.gif"); background-position: 100% 0; background-repeat: repeat-y; padding: 10px; } div.box div.boxText { *zoom: 100%; } div.box:after { background-image: url("../img/bg/box_after_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; content: url("../img/bg/box_after.gif"); display: block; height: 3px; } div.box span.after { background-image: url("../img/bg/box_after_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; display: block; font-size: 0; height: 3px; } div.box span.after img { background-image: url("../img/bg/box_after.gif"); background-position: 0 0; background-repeat: no-repeat; display: block; height: 3px; } /* Exception Rules */ div.boxText > p:first-child, div.boxText > ul:first-child, div.boxText > ol:first-child, div.boxText > dl:first-child, div.boxText > div:first-child, div.boxText > table:first-child { margin-top: 0; } div.boxText .div_boxText-child-universal-first-child { margin-top: 0; } /*----------------------------------------------- Form-table Element -----------------------------------------------*/ div.formBalloon { background: none; margin-left: auto; margin-right: auto; width: 497px; } div.formBalloon:before { background: none; content: url("../img/bg/form_balloon_header.gif"); height: 10px; } div.formBalloon span.before { background-image: url("../img/bg/form_balloon_header.gif"); height: 10px; } div.formBalloon span.before img { background: none; height: 10px; } div.formBalloon div.boxBody { background-image: url("../img/bg/form_balloon_body.gif"); background-position: 0 0; padding-bottom: 3px; padding-top: 0; } div.formBalloon div.boxText { color: #ff0000; } div.formBalloon:after { background: none; content: url("../img/bg/form_balloon_footer.gif"); height: 15px; } div.formBalloon span.after { background-image: url("../img/bg/form_balloon_footer.gif"); height: 15px; } div.formBalloon span.after img { background: none; height: 15px; } /* /////////////////////////////////////// Table Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Table Module -------------------------------------------------------------------*/ /*----------------------------------------------- table.form -----------------------------------------------*/ table.form { } table.form tbody th { padding-right: 15px; width: 145px; } table.form tbody td { padding: 10px 15px; } table.form ul.inline li { background-image: none; margin-right: 1.5em; padding-left: 0; white-space: nowrap; } table.form .cautionText { color: #999; font-size: 90%; margin-top: 10px; } /* ul.contentList */ table.form ul[class*="contentList"] { *zoom: 100%; } table.form ul.ul_contentList { *zoom: 100%; } table.form ul.contentList2col { margin-right: -9px; } table.form ul.contentList2col li { margin-right: 9px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 223px; *width: 211px; } .singleColumn table.form ul.contentList2col { } .singleColumn table.form ul.contentList2col li { width: 343px; *width: 330px; } table.form ul.contentList3col { margin-right: -10px; } table.form ul.contentList3col li { margin-right: 10px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 138px; *width: 127px; } .singleColumn table.form ul.contentList3col { } .singleColumn table.form ul.contentList3col li { width: 218px; *width: 207px; } table.form ul.contentList4col { margin-right: -11px; } table.form ul.contentList4col li { margin-right: 11px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 95px; *width: 85px; } .singleColumn table.form ul.contentList4col { } .singleColumn table.form ul.contentList4col li { width: 155px; *width: 145px; } /* div.formElementContent */ table.form div.formElementContent { position: relative; } table.form div.formElementContent span { *zoom: 100%; } table.form div.formElementContent span.formBubble { left: -32px; position: absolute; top: 2px; z-index: 5; } /* .focusHighlight */ table.form tr.focusHighlight th, table.form tr.focusHighlight td { background-image: url("../img/bg/highlight.gif"); } /* Exception Rules */ table.form div.formElementContent + div.formElementContent { margin-top: 10px; } div.table_form-sibling-div_formElementContent { margin-top: 10px; } table.form div.formElementContent p:first-child, table.form div.formElementContent ul:first-child { margin-top: 0; } table.form div.formElementContent div.formBalloon + p, table.form div.formElementContent div.formBalloon + ul { margin-top: 0; } p.table_form-div_formElementContent-p-first-child, ul.table_form-div_formElementContent-ul-first-child { margin-top: 0; } p.table_form-div_formBalloon-sibling-p, ul.table_form-div_formBalloon-sibling-ul { margin-top: 0; } /* div.formBalloon */ table.form div.formBalloon { margin-top: 0; position: absolute; top: 0; } table.form div.formBalloon:after { content: url("../img/bg/form_balloon_footer_in_table.gif"); } table.form div.formBalloon span.after { background-image: url("../img/bg/form_balloon_footer_in_table.gif"); } /*----------------------------------------------- table.formNoBorder -----------------------------------------------*/ table.formNoBorder { } table.formNoBorder tbody td { border: none; padding-left: 32px; padding-right: 32px; } /* ul.contentList */ table.formNoBorder ul.contentList2col { margin-right: -9px; } table.formNoBorder ul.contentList2col li { margin-right: 9px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 292px; *width: 285px; } .singleColumn table.formNoBorder ul.contentList2col { margin-right: -10px; } .singleColumn table.formNoBorder ul.contentList2col li { margin-right: 10px; width: 412px; *width: 399px; } table.formNoBorder ul.contentList3col { margin-right: -10px; } table.formNoBorder ul.contentList3col li { margin-right: 10px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 184px; *width: 177px; } .singleColumn table.formNoBorder ul.contentList3col { margin-right: -9px; } .singleColumn table.formNoBorder ul.contentList3col li { margin-right: 9px; width: 265px; *width: 254px; } table.formNoBorder ul.contentList4col { margin-right: -11px; } table.formNoBorder ul.contentList4col li { margin-right: 11px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 129px; *width: 122px; } .singleColumn table.formNoBorder ul.contentList4col { margin-right: -12px; } .singleColumn table.formNoBorder ul.contentList4col li { margin-right: 12px; width: 189px; *width: 179px; } /* /////////////////////////////////////// Component Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Image Block -------------------------------------------------------------------*/ .boxFigCaption { margin-top: 15px; } .boxFigCaption .figImage { margin-top: 0; } .boxFigCaption .txtCaption { font-size: 93%; margin-top: 5px; } /*------------------------------------------------------------------- Image Block -------------------------------------------------------------------*/ div.imageBlock { margin-top: 5px; } div.imageBlock ul { margin-top: 0; } div.imageBlock ul li { background-image: none; margin-right: 10px; margin-top: 10px; padding-left: 0; } div.imageBlock ul li.item-only { margin-right: 0; } div.imageBlock ul li.item-first { } div.imageBlock ul li.item-last { margin-right: 0; } div.imageBlock ul p.image { } div.imageBlock ul p.caption { font-size: 100%; margin-top: 5px; padding: 0; text-align: center; text-indent: 0; } /*----------------------------------------------- Item Align Style -----------------------------------------------*/ div.imageBlock ul.itemAlignLeft { } div.imageBlock ul.itemAlignCenter { margin-left: auto; margin-right: auto; } div.imageBlock ul.itemAlignRight { margin-left: auto; } /*----------------------------------------------- Block Design Style -----------------------------------------------*/ /* Background */ div.imageBlockStyleBackground { background-color: #f4f4f4; border-radius: 3px; margin-top: 15px; overflow: hidden; padding: 0 10px 10px; } /*------------------------------------------------------------------- Banner -------------------------------------------------------------------*/ ul.banner { text-align: center; } ul.banner li { background-image: none; display: inline-block; *display: inline; margin: 0 3px 0; padding-left: 0; vertical-align: top; *zoom: 100%; } /*----------------------------------------------- #utility ul.banner -----------------------------------------------*/ #utility ul.banner { text-align: left; } #utility ul.banner li { display: block; } /*------------------------------------------------------------------- componentStyle01 -------------------------------------------------------------------*/ div.componentStyle01 { border: 1px solid #e0e0e0; margin-top: 15px; } div.componentStyle01 div.composition { background-color: #f6f6f6; border: 3px solid #fff; } div.componentStyle01 div.composition div.artwork { background-color: #fff; } div.componentStyle01 div.composition div.artwork p { margin-top: 0; } div.componentStyle01 div.composition div.text p { margin-bottom: 10px; margin-top: 10px; } div.componentStyle01 div.imgRight div.artwork { margin-left: 10px; } div.componentStyle01 div.imgRight div.text { padding-left: 10px; } div.componentStyle01 div.imgLeft div.artwork { margin-right: 10px; } div.componentStyle01 div.imgLeft div.text { padding-right: 10px; } /*------------------------------------------------------------------- componentStyle02 -------------------------------------------------------------------*/ div.componentStyle02 { border: 5px solid #eee; margin-top: 15px; } div.componentStyle02 dl { background-color: #fff; margin-top: 0; padding: 10px; } div.componentStyle02 dl dt { border-bottom: 3px solid #a6c3da; color: #325ea2; font-size: 108%; font-weight: bold; padding: 0 5px 5px; text-align: center; } div.componentStyle02 dl dd { } div.componentStyle02 dl dd p { margin-top: 10px; } div.componentStyle02 dl dd ul.buttonArea { margin-top: 15px; } /*------------------------------------------------------------------- Conversion Link Block -------------------------------------------------------------------*/ /*----------------------------------------------- dl.conversionStyle01_1 -----------------------------------------------*/ dl.conversionStyle01_1 { border: 5px solid #eee; margin-top: 15px; padding: 5px; } dl.conversionStyle01_1 dt { margin-right: 15px; } dl.conversionStyle01_1 dd { background-color: #eee; _height: 31px; min-height: 31px; padding: 10px; } /*----------------------------------------------- dl.conversionStyle01_2 -----------------------------------------------*/ dl.conversionStyle01_2 { border: 5px solid #eee; margin-top: 15px; padding: 5px; } dl.conversionStyle01_2 dt { margin-right: 15px; } dl.conversionStyle01_2 dd { } dl.conversionStyle01_2 dd div.box { margin-top: 0; } /*----------------------------------------------- div.conversionStyle01_3 -----------------------------------------------*/ div.conversionStyle01_3 { } div.conversionStyle01_3 dl.index dt { margin-right: 15px; } div.conversionStyle01_3 dl.index dd { } div.conversionStyle01_3 dd div.box { margin-top: 0; } /*----------------------------------------------- div.conversionStyle02 -----------------------------------------------*/ div.conversionStyle02 { border: 5px solid #eee; margin-top: 15px; padding: 10px; } div.conversionStyle02 div.subhead { margin-top: 0; } div.conversionStyle02 div.subhead p { color: #325ea2; } div.conversionStyle02 div.section1 { border-bottom: 1px dotted #e0e0e0; padding-bottom: 10px; } div.conversionStyle02 div.section1 p { margin-top: 0; } div.conversionStyle02 div.section2 { } /*----------------------------------------------- div.conversionStyle03 -----------------------------------------------*/ div.conversionStyle03 { margin-top: 15px; position: relative; *zoom:100%; } div.conversionStyle03 p.image { margin-top: 0; } div.conversionStyle03 p.btn { bottom: 10px; margin-top: 0; position: absolute; right: 10px; } /*------------------------------------------------------------------- New Conversion Link Block -------------------------------------------------------------------*/ div.conversionStyle div.subhead { margin-top: 0; } div.conversionStyle div.subhead { color: #325ea2; } div.conversionStyle div.section1 { padding-bottom: 10px; } div.conversionStyle div.section2 { border-top: 1px dotted #e0e0e0; } div.conversionStyle div.section1 p:first-child { margin-top: 0; } div.conversionStyle div.section1 div.text div.box { margin-top: 0; } div.conversionStyle p.image { margin-top: 0; } /*----------------------------------------------- .conversionType1 -----------------------------------------------*/ div.conversionType1 { border: 5px solid #eee; margin-top: 15px; padding: 10px; } /*----------------------------------------------- .conversionType2, .conversionType3 -----------------------------------------------*/ div.conversionType2, div.conversionType3 { border: 5px solid #eee; margin-top: 15px; padding: 5px; } div.conversionType2 div.section1 div.imgLeft div.artwork, div.conversionType3 div.section1 div.imgLeft div.artwork { margin-right: 15px; } div.conversionType2 div.section1 div.imgRight div.artwork, div.conversionType3 div.section1 div.imgRight div.artwork { margin-left: 15px; } /*----------------------------------------------- .conversionType2 -----------------------------------------------*/ div.conversionType2 div.section1 div.text { background-color: #eee; padding: 10px; _height: 31px; min-height: 31px; } /*----------------------------------------------- .conversionType3 -----------------------------------------------*/ /*----------------------------------------------- .conversionType4 -----------------------------------------------*/ /*----------------------------------------------- .conversionType5 -----------------------------------------------*/ div.conversionType5 div.image { position: relative; background-image:url(../img/thumb/dummy_x700.gif); background-repeat: no-repeat; width : 700px; height: 150px; } div.conversionType5 .btn { position: absolute; bottom: 10px; right: 10px; margin-top: 0; } /*------------------------------------------------------------------- Z-Pattern Layout Block -------------------------------------------------------------------*/ /*----------------------------------------------- div.zPatternStyle01 -----------------------------------------------*/ div.zPatternStyle01 { } div.zPatternStyle01 div.composition { background-image:url("../img/bg/zpattern_eyecatch.gif"); background-repeat: no-repeat; margin-top: 15px; padding-top: 25px; } div.zPatternStyle01 div.composition div.text { background-repeat: no-repeat; width: auto; } div.zPatternStyle01 div.composition p.label { height: 34px; letter-spacing: -0.5em; margin-top: 0; text-align: center; width: 140px; } div.zPatternStyle01 div.composition p.label img { vertical-align: bottom; } div.zPatternStyle01 div.composition p.label span.num img { background-repeat: no-repeat; display: inline-block; *display: inline; height: 34px; width: 34px; } /* div.imgLeft */ div.zPatternStyle01 div.imgLeft { background-position: 100% 0; padding-right: 40px; } div.zPatternStyle01 div.imgLeft div.text { background-image:url("../img/bg/dummy_zpattern_fragment_right.gif"); background-position: 100% 0; } div.zPatternStyle01 div.imgLeft p.label { margin-left: auto; } /* div.imgRight */ div.zPatternStyle01 div.imgRight { background-position: 0 0; padding-left: 40px; } div.zPatternStyle01 div.imgRight div.text { background-image:url("../img/bg/dummy_zpattern_fragment_left.gif"); background-position: 0 0; } div.zPatternStyle01 div.imgRight p.label { margin-right: auto; } /* Number Images */ div.zPatternStyle01 div.composition p.label span.num img.num01 { background-image:url("../img/common/zpattern_num01.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num02 { background-image:url("../img/common/zpattern_num02.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num03 { background-image:url("../img/common/zpattern_num03.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num04 { background-image:url("../img/common/zpattern_num04.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num05 { background-image:url("../img/common/zpattern_num05.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num06 { background-image:url("../img/common/zpattern_num06.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num07 { background-image:url("../img/common/zpattern_num07.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num08 { background-image:url("../img/common/zpattern_num08.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num09 { background-image:url("../img/common/zpattern_num09.gif"); } div.zPatternStyle01 div.composition p.label span.num img.num10 { background-image:url("../img/common/zpattern_num10.gif"); } /*------------------------------------------------------------------- Content List Block -------------------------------------------------------------------*/ /*----------------------------------------------- Base -----------------------------------------------*/ ul[class*="contentList"] { } ul[class*="contentList"] > li { background-image: none; float: left; margin-top: 0; padding-left: 0; } /* Exception Rules */ ul.ul_contentList { } li.ul_contentList-child-li { background-image: none; float: left; margin-top: 0; padding-left: 0; } .thumbStyle { background-color: #eff8ff; border: 1px solid #d4e4f1; padding: 10px; } .thumbStyle p.image { text-align: center; } .thumbStyle div.subhead { margin-top: 5px; } .thumbStyle p.description { margin-top: 5px; } .thumbStyle p.caption { margin-top: 5px; } .thumbStyle p.goNext { margin-top: 5px; text-align: right; } /*----------------------------------------------- div.contentListStyle01 -----------------------------------------------*/ div.contentListStyle01 { border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; *zoom: 100%; } div.contentListStyle01 ul.contentList3col { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; margin-bottom: -1px; margin-right: -1px; } div.contentListStyle01 ul.contentList3col li { border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 0 15px 15px 15px; width: 202px; } div.contentListStyle01 ul.contentList3col li div.artwork { margin-right: 10px; } /* .singleColumn */ .singleColumn div.contentListStyle01 ul.contentList3col li { width: 282px; } /*----------------------------------------------- div.contentListStyle02 -----------------------------------------------*/ div.contentListStyle02 { *zoom: 100%; } div.contentListStyle02 ul.contentList3col { margin-right: -20px; margin-top: 0; } div.contentListStyle02 ul.contentList3col li { border-bottom: 1px dotted #e0e0e0; margin-right: 20px; padding-bottom: 10px; width: 220px; } div.contentListStyle02 ul.contentList3col li div.artwork { margin-right: 10px; } /* .singleColumn */ .singleColumn div.contentListStyle02 ul.contentList3col li { width: 300px; } /*----------------------------------------------- div.contentListStyle03 -----------------------------------------------*/ div.contentListStyle03 { overflow: hidden; *zoom: 100%; } div.contentListStyle03 ul.contentList2col { margin-left: -20px; margin-right: -20px; overflow: hidden; } div.contentListStyle03 ul.contentList2col li { border: 1px solid #e0e0e0; border-left: none; border-top: none; margin: -1px; overflow: hidden; padding: 10px 20px 10px 21px; width: 330px; *zoom: 100%; } div.contentListStyle03 ul.contentList2col li div.subhead { margin-top: 0; } div.contentListStyle03 ul.contentList2col li p.text { } div.contentListStyle03 ul.contentList2col li p.image { text-align: center; } /* .singleColumn */ .singleColumn div.contentListStyle03 ul.contentList2col li { width: 440px; } /*----------------------------------------------- Thumbnail Content List -----------------------------------------------*/ /* 5 column */ div.thumbContent ul.contentList5col { margin-right: -10px; margin-top: 5px; } div.thumbContent ul.contentList5col li.thumbStyle { background-image: none; margin-right: 10px; margin-top: 10px; padding: 10px; width: 110px; } /* 6 column */ div.thumbContent ul.contentList6col { margin-right: -8px; margin-top: 7px; } div.thumbContent ul.contentList6col li.thumbStyle { background-image: none; margin-right: 8px; margin-top: 8px; padding: 10px; width: 88px; } /* .singleColumn */ .singleColumn div.thumbContent ul.contentList5col li.thumbStyle { width: 158px; } .singleColumn div.thumbContent ul.contentList6col li.thumbStyle { width: 128px; } /*------------------------------------------------------------------- Faq -------------------------------------------------------------------*/ dl.faq { border-bottom: dotted 1px #ccc; margin-top: 15px; padding-bottom: 10px; } dl.faq dt { background-image:url("../img/icon/faq_question.gif"); background-position: 11px 0.2em; background-repeat: no-repeat; font-size: 138.5%; padding-left: 40px; } dl.faq dd { *zoom: 100%; } dl.faq dd div.faqAnswerBox { margin-top: 5px; *zoom: 100%; } dl.faq dd div.faqAnswerBox:before { display: block; content:url("../img/bg/faq_answer_box_before.gif"); background-image: url("../img/bg/faq_answer_box_before_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; height: 11px; } dl.faq dd div.faqAnswerBox span.before { *display: block; *background-image: url("../img/bg/faq_answer_box_before_bg.gif"); *background-position: 100% 0; *background-repeat: no-repeat; *height: 11px; *font-size: 0; } dl.faq dd div.faqAnswerBox span.before img { *display: block; *background-image: url("../img/bg/faq_answer_box_before.gif"); *background-position: 0 0; *background-repeat: no-repeat; *width: 28px; *height: 11px; } dl.faq dd div.faqAnswerBox div.boxBody { background-color: #eff8ff; background-image: none; border-left: 1px solid #d4e4f1; border-right: 1px solid #d4e4f1; padding: 5px 10px 10px; *zoom: 100%; } dl.faq dd div.faqAnswerBox div.boxBody div.boxText { background-image: url("../img/icon/faq_answer.gif"); background-position: 0 0; background-repeat: no-repeat; padding-left: 28px; } dl.faq dd div.faqAnswerBox:after { display: block; content: url("../img/bg/faq_answer_box_after.gif"); background-image: url("../img/bg/faq_answer_box_after_bg.gif"); background-position: 100% 0; background-repeat: no-repeat; height: 3px; } dl.faq dd div.faqAnswerBox span.after { *display: block; *background-image: url("../img/bg/faq_answer_box_after_bg.gif"); *background-position: 100% 0; *background-repeat: no-repeat; *height: 3px; *font-size: 0; } dl.faq dd div.faqAnswerBox span.after img { *display: block; *background-image: url("../img/bg/faq_answer_box_after.gif"); *background-position: 0 0; *background-repeat: no-repeat; *height: 3px; } /*------------------------------------------------------------------- News Release List -------------------------------------------------------------------*/ div.newsRelease { } div.newsRelease ul.separate { } div.newsRelease ul.separate > li { background-image: none; padding-left: 0; } div.newsRelease ul.separate > li > dl.index dt { margin-right: 20px; } div.newsRelease ul.separate > li > dl.index dt img { background-repeat: no-repeat; margin-right: 10px; vertical-align: middle; } div.newsRelease ul.separate li dl.index dd.icon { float: left; margin-right: 10px; } div.newsRelease ul.separate li dl.index dd.icon img { background-repeat: no-repeat; _display: block; vertical-align: middle; } div.newsRelease ul.separate li dl.index dd p.title { } div.newsRelease ul.separate li dl.index dd p.text { margin-top: 5px; } /* Exception Rules */ div.newsRelease ul.separate li.ul_newsRelease-child-li { background-image: none; padding-left: 0; } div.newsRelease ul.separate li.ul_newsRelease-child-li dl.index dt.ul_newsRelease-child-li-child-dl_index-dt { margin-right: 20px; } div.newsRelease ul.separate li.ul_newsRelease-child-li dl.index dt.ul_newsRelease-child-li-child-dl_index-dt img { margin-right: 10px; vertical-align: middle; } /*------------------------------------------------------------------- keyvisual -------------------------------------------------------------------*/ div.keyvisual { position: relative; *zoom: 100%; } /* rightText */ div.keyvisual ul.rightText { bottom: 11px; position: absolute; right: 11px; } div.keyvisual ul.rightText li { background: none; float: right; margin: 0; vertical-align: bottom; } div.keyvisual ul.rightText li a { display: block; } /*------------------------------------------------------------------- scrollBox -------------------------------------------------------------------*/ div.scrollBox { border: 1px solid #D8D8D8; overflow-y: scroll; padding: 13px 16px; margin-top: 15px; height: 160px; } /*------------------------------------------------------------------- Caption -------------------------------------------------------------------*/ p.caption, ul.caption li { font-size: 85%; overflow: hidden; padding-left: 1em; text-indent: -1em; *zoom: 100%; } ul.caption li { background-image: none; } /*------------------------------------------------------------------- Icon Bullet -------------------------------------------------------------------*/ p.iconBullet, ul.iconBullet li { overflow: hidden; padding-left: 20px; text-indent: -20px; *zoom: 100%; } ul.iconBullet li { background-image: none; } p.iconBullet img, ul.iconBullet li img { margin-right: 4px; vertical-align: middle; } /*------------------------------------------------------------------- Icon BulletBg -------------------------------------------------------------------*/ p.iconBulletBg { padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%; } p.iconBulletBg.bulletNo1 { background-image: url('../img/icon/number_01.gif'); } p.iconBulletBg.bulletNo2 { background-image: url('../img/icon/number_02.gif'); } p.iconBulletBg.bulletNo3 { background-image: url('../img/icon/number_03.gif'); } p.iconBulletBg.bulletNo4 { background-image: url('../img/icon/number_04.gif'); } p.iconBulletBg.bulletNo5 { background-image: url('../img/icon/number_05.gif'); } p.iconBulletBg.bulletNo6 { background-image: url('../img/icon/number_06.gif'); } p.iconBulletBg.bulletNo7 { background-image: url('../img/icon/number_07.gif'); } p.iconBulletBg.bulletNo8 { background-image: url('../img/icon/number_08.gif'); } p.iconBulletBg.bulletNo9 { background-image: url('../img/icon/number_09.gif'); } p.iconBulletBg.bulletNo10 { background-image: url('../img/icon/number_10.gif'); } /*------------------------------------------------------------------- Message -------------------------------------------------------------------*/ div.message { } /*----------------------------------------------- Error -----------------------------------------------*/ .error { color: #ff0000; } .error a, .error a:link, .error a:visited { color: #ff0000; } .error a:hover, .error a:active { color: #ff0000; } .brokenLink { text-decoration:line-through; } /*----------------------------------------------- Summary -----------------------------------------------*/ div.summary { background-image: url("../img/bg/summary.gif"); background-position: 1px 1px; background-repeat: no-repeat; border: 1px solid #a6c3da; font-size: 116%; margin: 15px 20px 0; padding: 0 20px 15px; } /*----------------------------------------------- Note -----------------------------------------------*/ div.note { background-image: url("../img/icon/note.gif"); background-position: 15px 20px; background-repeat: no-repeat; border: 1px solid #a6c3da; margin: 15px 20px 0; padding: 5px 20px 20px 50px; } /*------------------------------------------------------------------- Social Button -------------------------------------------------------------------*/ ul.socialButton { } ul.socialButton li { background-image: none; display: inline-block; *display: inline; margin-top: 5px; padding-left: 0; vertical-align: middle; } /* /////////////////////////////////////// Utility Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Local Navigation -------------------------------------------------------------------*/ div.localNav { } div.localNav dl.nav { border: 1px solid #ccc; margin-top: 20px; } div.localNav dl.nav dt { background-color: #f5f5f5; border: 1px solid #fff; font-weight: bold; padding: 5px 10px; } div.localNav dl.nav dd { } div.localNav dl.nav dd ul { margin: 0; } div.localNav dl.nav dd ul li { background-image: none; border-top: 1px solid #ccc; margin: 0; padding: 5px 10px; } div.localNav dl.nav dd ul li p { margin: 0; } div.localNav dl.nav dd ul li a { background-image: url("../img/icon/utility_nav.gif"); background-position: 0 50%; background-repeat: no-repeat; display: block; margin: 0; padding: 5px 5px 5px 13px; } div.localNav dl.nav dd ul li ul { margin: 0 -10px; } div.localNav dl.nav dd ul li ul li { padding-left: 26px; } div.localNav dl.nav dd ul li ul li a { background-position: 13px 50%; padding-left: 26px; } div.localNav dl.nav dd ul li span { display: block; margin: 0; padding: 5px 5px 5px 0; } /*------------------------------------------------------------------- Clearfix -------------------------------------------------------------------*/ ul.inline, dl.index, div.column, div.ccm-layout-row, div.boxColumn, div.composition, div.flexComposition, p.subhead, div.section, table.form span.check, ul.ul_contentList, div#globalNav div.navContent ul { *zoom: 100%; /* Only Mac IE \*//*/ height: auto; display: inline-table; /**/ } ul.inline:after, dl.index:after, div.column:after, div.ccm-layout-row:after, div.boxColumn:after, div.composition:after, div.flexComposition:after, p.subhead:after, div.section:after, table.form span.check:after, ul[class*="contentList"]:after, div#globalNav div.navContent ul:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } /*------------------------------------------------------------------- Global Settings -------------------------------------------------------------------*/ body { } /*----------------------------------------------- Hypertext -----------------------------------------------*/ .facebookLayout a:link { color: #3b5998; text-decoration: none; } .facebookLayout a:visited { color: #3b5998; text-decoration: none; } .facebookLayout a:hover, .facebookLayout a:active, .facebookLayout a:focus { color: #3b5998; text-decoration: underline; } /*----------------------------------------------- Base Element -----------------------------------------------*/ /* table */ .facebookLayout table { } .facebookLayout table thead { } .facebookLayout table thead th { background-color: #eee; border: 1px solid #d8d8d8; } .facebookLayout table tbody { } .facebookLayout table tbody th { background-color: #eee; border: 1px solid #d8d8d8; } .facebookLayout table tbody td { background-color: #fff; border: 1px solid #d8d8d8; } /* /////////////////////////////////////// Template /////////////////////////////////////// */ /*------------------------------------------------------------------- facebook layout -------------------------------------------------------------------*/ .facebookLayout { background-color: #fff; } /*----------------------------------------------- div#header -----------------------------------------------*/ .facebookLayout div#header { display: none; } /*----------------------------------------------- div#kvContainer -----------------------------------------------*/ .facebookLayout div#kvContainer { } .facebookLayout div#kvContainer div.content { margin: 0 auto; padding-bottom: 15px; width: 520px; } /*----------------------------------------------- div#container -----------------------------------------------*/ .facebookLayout div#container { font-size: 12px !important; } .facebookLayout div#container div.content { margin: 0 auto; position: relative; width: 780px; } /*----------------------------------------------- div#main -----------------------------------------------*/ .facebookLayout div#main { padding: 0 10px; width: 760px; } /*----------------------------------------------- div#utility -----------------------------------------------*/ .facebookLayout div#utility { display: none; } /*----------------------------------------------- div#footer -----------------------------------------------*/ .facebookLayout div#footer { display: none; } /* /////////////////////////////////////// Heading Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Heading -------------------------------------------------------------------*/ div.headingLevel2, div.headingLevel3, div.headingLevel4, div.headingLevel5, div.headingLevel6 { } /*----------------------------------------------- H2 -----------------------------------------------*/ .facebookLayout div.headingLevel2 { background-color: #edeff4; background-image: none; border-top: 1px solid #d2d9e7; } .facebookLayout div.headingLevel2 div.text { background-image: none; padding: 3px 10px; } .facebookLayout div.headingLevel2 div.text h2 { color: #1c2a47; font-size: 116%; } /* before */ .facebookLayout div.headingLevel2:before { display: none; } .facebookLayout div.headingLevel2 span.before { display: none; } /* after */ .facebookLayout div.headingLevel2:after { display: none; } .facebookLayout div.headingLevel2 span.after { display: none; } /* subText */ .facebookLayout div.headingLevel2 div.text p.subText { } /* rightText */ .facebookLayout div.headingLevel2 div.rightText ul.inline { bottom: 4px; } .facebookLayout div.headingLevel2 div.rightText ul.inline li { padding-left: 5px; } /*----------------------------------------------- H3 -----------------------------------------------*/ .facebookLayout div.headingLevel3 { background-color: #f2f2f2; background-image: none; border: 1px solid #eaeaea; padding: 4px 10px; } .facebookLayout div.headingLevel3 div.text h3 { font-size: 100%; } /* rightText */ .facebookLayout div.headingLevel3 div.rightText ul.inline { bottom: 0; } .facebookLayout div.headingLevel3 div.rightText ul.inline li { padding-left: 5px; } /*----------------------------------------------- H4 -----------------------------------------------*/ .facebookLayout div.headingLevel4 { background-image: none; border-bottom: 1px solid #ccc; } .facebookLayout div.headingLevel4 div.text { background-image: none; padding-bottom: 4px; } /* before */ .facebookLayout div.headingLevel4:before { display: none; } .facebookLayout div.headingLevel4 span.before { display: none; } /* after */ .facebookLayout div.headingLevel4:after { display: none; } .facebookLayout div.headingLevel4 span.after { display: none; } .facebookLayout div.headingLevel4 div.rightText ul.inline { bottom: 4px; } .facebookLayout div.headingLevel4 div.rightText ul.inline li { padding-left: 5px; } /*----------------------------------------------- H5 -----------------------------------------------*/ .facebookLayout div.headingLevel5 div.text h5 { border-bottom: none; color: #1d4088; font-size: 100%; } /* subText */ .facebookLayout div.headingLevel5 div.text p.subText { } /* rightText */ .facebookLayout div.headingLevel5 div.rightText ul.inline { bottom: 0; } .facebookLayout div.headingLevel5 div.rightText ul.inline li { padding-left: 5px; } /*----------------------------------------------- H6 -----------------------------------------------*/ .facebookLayout div.headingLevel6 div.text h6 { border-bottom: none; font-size: 100%; } /* rightText */ .facebookLayout div.headingLevel6 div.rightText ul.inline { bottom: 0; } .facebookLayout div.headingLevel6 div.rightText ul.inline li { padding-left: 5px; } /*------------------------------------------------------------------- Sub Heading -------------------------------------------------------------------*/ .facebookLayout div.subhead p { font-size: 100%; font-weight: bold; margin-top: 0; } .facebookLayout div.subhead + p { *font-size: 100%; *font-weight: normal; } .facebookLayout div.subhead p.icon { background-image: url("../img/icon/subhead_fb.gif"); background-position: 0 0.3em; background-repeat: no-repeat; padding-left: 1em; } /* /////////////////////////////////////// Box Column Layout /////////////////////////////////////// */ /*------------------------------------------------------------------- Merge Box Style -------------------------------------------------------------------*/ /*----------------------------------------------- .boxLayoutMerge -----------------------------------------------*/ .facebookLayout .boxLayoutMerge { background-color: #f2f4f8; } /*------------------------------------------------------------------- Separate Box Style -------------------------------------------------------------------*/ /*----------------------------------------------- .boxLayoutSeparate -----------------------------------------------*/ .facebookLayout .boxLayoutSeparate div.boxCol { background-color: #f2f4f8; } /* /////////////////////////////////////// Navigation Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Pagination -------------------------------------------------------------------*/ /*----------------------------------------------- Base -----------------------------------------------*/ .facebookLayout ul.pagination li span.current { background-color: #3b5998; border-color: #3b5998; } .facebookLayout ul.pagination li a:link, .facebookLayout ul.pagination li a:visited { background-color: #f2f4f8; border-color: #d8dfea; color: #3b5998; } .facebookLayout ul.pagination li a:hover, .facebookLayout ul.pagination li a:active { background-color: #fff; } /*----------------------------------------------- div.paginationBundle -----------------------------------------------*/ .facebookLayout div.paginationBundle { background-color: #f2f4f8; border: 1px solid #d8dfea; } .facebookLayout div.paginationBundle ul.pagination li a:link, .facebookLayout div.paginationBundle ul.pagination li a:visited { background-color: #fff; border-color: #bdc7d8; } .facebookLayout div.paginationBundle ul.pagination li a:hover, .facebookLayout div.paginationBundle ul.pagination li a:active { background-color: #3b5998; border-color: #3b5998; color: #fff; } /*------------------------------------------------------------------- Tab Menu -------------------------------------------------------------------*/ /*----------------------------------------------- base -----------------------------------------------*/ .facebookLayout div.tabMenu { border-bottom: 2px solid #6d86b7; margin-left: -10px; margin-right: -10px; padding: 10px 0 0 10px; } .facebookLayout div.tabMenu ul.inline { } .facebookLayout div.tabMenu ul.inline li { } .facebookLayout div.tabMenu ul.inline li a, .facebookLayout div.tabMenu ul.inline li.current span.tab { background-image: none; border-style: solid; border-width: 1px 1px 0 1px; display: block; font-size: 100%; padding: 5px 10px; } .facebookLayout div.tabMenu ul.inline li a:link, .facebookLayout div.tabMenu ul.inline li a:visited { background-color: #f2f4f8; border-color: #d8dfea; color: #3b5998; } .facebookLayout div.tabMenu ul.inline li a:hover, .facebookLayout div.tabMenu ul.inline li a:active, .facebookLayout div.tabMenu ul.inline li.current a, .facebookLayout div.tabMenu ul.inline li.current a:link, .facebookLayout div.tabMenu ul.inline li.current a:visited, .facebookLayout div.tabMenu ul.inline li.current span.tab { background-color: #6d86b7; border-color: #627aad; color: #fff; } /*----------------------------------------------- 2col -----------------------------------------------*/ .facebookLayout div.tab2 ul.inline { margin-right: 0; } .facebookLayout div.tab2 ul.inline li { margin-right: 4px; width: 378px; } .facebookLayout div.tab2 ul.inline li a { background-image: none; } .facebookLayout div.tab2 ul.inline li a:hover { background-image: none; } .facebookLayout div.tab2 ul.inline li.current a, .facebookLayout div.tab2 ul.inline li.current span.tab { background-image: none; } /*----------------------------------------------- 3col -----------------------------------------------*/ .facebookLayout div.tab3 ul.inline { margin-right: 0; } .facebookLayout div.tab3 ul.inline li { margin-right: 5px; width: 250px; } .facebookLayout div.tab3 ul.inline li a { background-image: none; } .facebookLayout div.tab3 ul.inline li a:hover { background-image: none; } .facebookLayout div.tab3 ul.inline li.current a, .facebookLayout div.tab3 ul.inline li.current span.tab { background-image: none; } /*----------------------------------------------- 4col -----------------------------------------------*/ .facebookLayout div.tab4 ul.inline { margin-right: 0; } .facebookLayout div.tab4 ul.inline li { margin-right: 4px; width: 187px; } .facebookLayout div.tab4 ul.inline li a { background-image: none; } .facebookLayout div.tab4 ul.inline li a:hover { background-image: none; } .facebookLayout div.tab4 ul.inline li.current a, .facebookLayout div.tab4 ul.inline li.current span.tab { background-image: none; } /*----------------------------------------------- 5col -----------------------------------------------*/ .facebookLayout div.tab5 ul.inline { margin-right: 0; } .facebookLayout div.tab5 ul.inline li { width: 148px; } .facebookLayout div.tab5 ul.inline li a { background-image: none; } .facebookLayout div.tab5 ul.inline li a:hover { background-image: none; } .facebookLayout div.tab5 ul.inline li.current a, .facebookLayout div.tab5 ul.inline li.current span.tab { background-image: none; } /*------------------------------------------------------------------- Tab Unit -------------------------------------------------------------------*/ /*----------------------------------------------- div.tabNav -----------------------------------------------*/ .facebookLayout div.tabNav { border-bottom-color: #6d86b7; } /* Tab Design */ .facebookLayout div.tabNav .tab { border-radius: 3px 3px 0 0; display: block; outline: none; padding: 7px 10px 6px; } .facebookLayout div.tabNav .tab, .facebookLayout div.tabNav .tab:link, .facebookLayout div.tabNav .tab:visited { background-color: #f2f4f8; border-color: #d8dfea; color: #3b5998; } .facebookLayout div.tabNav a.tab:hover, .facebookLayout div.tabNav a.tab:active, .facebookLayout div.tabNav a.tab:focus { background-color: #6d86b7; border-color: #627aad; color: #fff; } .facebookLayout div.tabNav .current .tab, .facebookLayout div.tabNav .current .tab:link, .facebookLayout div.tabNav .current .tab:visited, .facebookLayout div.tabNav .current .tab:hover, .facebookLayout div.tabNav .current .tab:active, .facebookLayout div.tabNav .current .tab:focus { background-color: #6d86b7; border-color: #627aad; color: #fff; } /* Tab Size */ .facebookLayout div.tabNav .split2 { width: 378px; } .facebookLayout div.tabNav .split3 { width: 250px; } .facebookLayout div.tabNav .split4 { width: 187px; } .facebookLayout div.tabNav .split5 { width: 148px; } .facebookLayout div.tabNav .split6 { width: 125px; } /*----------------------------------------------- div.tabUnit -----------------------------------------------*/ .facebookLayout div.tabUnit { *zoom: 100%; } /* div.tabNav */ .facebookLayout div.tabUnit div.tabNav { border-bottom: 3px solid #6d86b7; } /* div.tabContent */ .facebookLayout div.tabUnit div.tabContent { background-color: #f2f4f8; } /*------------------------------------------------------------------- Navigation Menu -------------------------------------------------------------------*/ .facebookLayout div.navMenu div.navContent ul li { margin-right: 0; } /* /////////////////////////////////////// Definition List Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Commentary -------------------------------------------------------------------*/ .facebookLayout dl.commentary { border-color: #d8dfea; } .facebookLayout dl.commentary dt { background-color: #f2f4f8; } /*------------------------------------------------------------------- Bundle Box -------------------------------------------------------------------*/ .facebookLayout dl.bundleBox { background-color: #f2f4f8; border-color: #d8dfea; } .facebookLayout dl.bundleBox dd { border-color: #d8dfea; } /* /////////////////////////////////////// Box Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Box -------------------------------------------------------------------*/ /*----------------------------------------------- base -----------------------------------------------*/ .facebookLayout div.box { background-color: #edeff4; background-image: none; border-bottom: 1px solid #d2d9e7; padding: 5px; } .facebookLayout div.box:before { display: none; } .facebookLayout div.box span.before { display: none; } .facebookLayout div.box div.boxBody { background-color: #fff; background-image: none; border: 1px solid #bdc7d8; padding: 10px; } .facebookLayout div.box:after { display: none; } .facebookLayout div.box span.after { display: none; } /*----------------------------------------------- Form-table Element -----------------------------------------------*/ .facebookLayout div.formBalloon { background: none; border: none; padding: 0; width: 322px; } .facebookLayout div.formBalloon:before { background: none; content: url("../img/bg/fb_form_balloon_header.gif"); display: block; height: 10px; } .facebookLayout div.formBalloon span.before { background-image: url("../img/bg/fb_form_balloon_header.gif"); display: block; height: 10px; } .facebookLayout div.formBalloon span.before img { background: none; height: 10px; } .facebookLayout div.formBalloon div.boxBody { background-image: url("../img/bg/fb_form_balloon_body.gif"); background-position: 0 0; border: none; padding-bottom: 3px; padding-top: 0; } .facebookLayout div.formBalloon div.boxText { color: #ff0000; } .facebookLayout div.formBalloon:after { background: none; content: url("../img/bg/fb_form_balloon_footer.gif"); display: block; height: 15px; } .facebookLayout div.formBalloon span.after { background-image: url("../img/bg/fb_form_balloon_footer.gif"); display: block; height: 15px; } .facebookLayout div.formBalloon span.after img { background: none; height: 15px; } /* /////////////////////////////////////// Table Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Table Module -------------------------------------------------------------------*/ /*----------------------------------------------- table.form -----------------------------------------------*/ .facebookLayout table.form tbody th { width: 120px; } .facebookLayout table.form tbody td { *width: 322px; } /* ul.contentList */ .facebookLayout table.form ul.contentList2col { margin-right: -10px; } .facebookLayout table.form ul.contentList2col li { margin-right: 10px; width: 135px; *width: 123px; } .facebookLayout table.form ul.contentList3col { margin-right: -11px; } .facebookLayout table.form ul.contentList3col li { margin-right: 11px; width: 79px; *width: 68px; } .facebookLayout table.form ul.contentList4col { margin-right: -10px; } .facebookLayout table.form ul.contentList4col li { margin-right: 10px; width: 52px; *width: 41px; } .facebookLayout table.form ul li { text-align: left; } /* div.formBalloon */ .facebookLayout table.form div.formBalloon { } .facebookLayout table.form div.formBalloon:after { content: url("../img/bg/fb_form_balloon_footer_in_table.gif"); } .facebookLayout table.form div.formBalloon span.after { background-image: url("../img/bg/fb_form_balloon_footer_in_table.gif"); } /*----------------------------------------------- table.formNoBorder -----------------------------------------------*/ .facebookLayout table.formNoBorder { } .facebookLayout table.formNoBorder tbody td { border: none; *width: 436px; } /* ul.contentList */ .facebookLayout table.formNoBorder ul.contentList2col { margin-right: -10px; } .facebookLayout table.formNoBorder ul.contentList2col li { margin-right: 10px; width: 192px; *width: 185px; } .facebookLayout table.formNoBorder ul.contentList3col { margin-right: -11px; } .facebookLayout table.formNoBorder ul.contentList3col li { margin-right: 11px; width: 117px; *width: 110px; } .facebookLayout table.formNoBorder ul.contentList4col { margin-right: -12px; } .facebookLayout table.formNoBorder ul.contentList4col li { margin-right: 12px; width: 79px; *width: 72px; } .facebookLayout table.form .sizefull { *width: 308px; } .facebookLayout table.formNoBorder .sizefull { *width: 424px; } /* /////////////////////////////////////// Component Block /////////////////////////////////////// */ /*------------------------------------------------------------------- componentStyle01 -------------------------------------------------------------------*/ .facebookLayout div.componentStyle01 { border: 1px solid #d8dfea; font-size: 93%; } .facebookLayout div.componentStyle01 div.composition { background-color: #f2f4f8; } .facebookLayout div.componentStyle01 div.composition div.text p { margin-bottom: 5px; margin-top: 5px; } /*------------------------------------------------------------------- componentStyle02 -------------------------------------------------------------------*/ .facebookLayout div.componentStyle02 { border: 5px solid #edeff4; } .facebookLayout div.componentStyle02 dl dt { border-bottom-color: #bdc7d8; color: #3b5998; font-size: 108%; font-weight: bold; padding: 0 5px 5px; text-align: center; } /*------------------------------------------------------------------- Conversion Link Block -------------------------------------------------------------------*/ /*----------------------------------------------- dl.conversionStyle01_1 -----------------------------------------------*/ .facebookLayout dl.conversionStyle01_1 { background-color: #f2f4f8; border: 1px solid #d8dfea; margin-top: 15px; padding: 5px 5px 5px 10px; } .facebookLayout dl.conversionStyle01_1 dd { background-color: #fff; border: 1px solid #bdc7d8; padding: 5px; } /*----------------------------------------------- dl.conversionStyle01_2 -----------------------------------------------*/ .facebookLayout dl.conversionStyle01_2 { border: 1px solid #bdc7d8; padding: 5px 5px 5px 10px; } /*----------------------------------------------- div.conversionStyle01_3 -----------------------------------------------*/ .facebookLayout div.conversionStyle01_3 dd div.box div.boxBody { background: none; border: none; padding: 5px; } /*----------------------------------------------- div.conversionStyle02 -----------------------------------------------*/ .facebookLayout div.conversionStyle02 { border: 3px solid #d8dfea; } /*----------------------------------------------- div.conversionStyle03 -----------------------------------------------*/ div.conversionStyle03 { margin-top: 15px; position: relative; *zoom:100%; } div.conversionStyle03 p.image { margin-top: 0; } div.conversionStyle03 p.btn { bottom: 10px; margin-top: 0; position: absolute; right: 10px; } /*------------------------------------------------------------------- Content List Block -------------------------------------------------------------------*/ /*----------------------------------------------- Base -----------------------------------------------*/ .facebookLayout .thumbStyle { background-color: #f2f4f8; border-color: #d8dfea; } /*----------------------------------------------- div.contentListStyle01 -----------------------------------------------*/ .facebookLayout div.contentListStyle01 { } .facebookLayout div.contentListStyle01 ul.contentList3col li { padding: 0 10px 10px 10px; width: 232px; } .facebookLayout div.contentListStyle01 ul.contentList3col li div.artwork p { margin-top: 10px; } .facebookLayout div.contentListStyle01 div.subhead { margin-top: 10px; } /*----------------------------------------------- div.contentListStyle02 -----------------------------------------------*/ .facebookLayout div.contentListStyle02 ul.contentList3col { margin-right: -19px; } .facebookLayout div.contentListStyle02 ul.contentList3col li { margin-right: 19px; } .facebookLayout div.contentListStyle02 ul.contentList3col li { width: 240px; } /*----------------------------------------------- div.contentListStyle03 -----------------------------------------------*/ .facebookLayout div.contentListStyle03 ul.contentList2col li { width: 360px; } /*----------------------------------------------- Thumbnail Content List -----------------------------------------------*/ /* 5 column */ .facebookLayout div.thumbContent ul.contentList5col li.thumbStyle { overflow: hidden; width: 122px; } /* 6 column */ .facebookLayout div.thumbContent ul.contentList6col { margin-right: -10px; } .facebookLayout div.thumbContent ul.contentList6col li.thumbStyle { margin-right: 10px; margin-top: 10px; width: 96px; } /*------------------------------------------------------------------- Faq -------------------------------------------------------------------*/ .facebookLayout dl.faq dt { background-position: 11px 0; font-size: 100%; } .facebookLayout dl.faq dd { *zoom: 100%; } .facebookLayout dl.faq dd div.faqAnswerBox { margin-top: 10px; position: relative; } .facebookLayout dl.faq dd div.faqAnswerBox:before { display: block; content:url("../img/bg/faq_answer_fb_box_before.gif"); background-image: none; height: 7px; left: 13px; position: absolute; top: -7px; } .facebookLayout dl.faq dd div.faqAnswerBox span.before { background: none; height: 7px; left: 13px; position: absolute; top: -7px; } .facebookLayout dl.faq dd div.faqAnswerBox span.before img { background-image: url("../img/bg/faq_answer_fb_box_before.gif"); height: 7px; width: 14px; } .facebookLayout dl.faq dd div.faqAnswerBox div.boxBody { background: none; border: none; padding: 5px; } .facebookLayout dl.faq dd div.faqAnswerBox:after { display: none; } .facebookLayout dl.faq dd div.faqAnswerBox span.after { display: none; } /*------------------------------------------------------------------- Message -------------------------------------------------------------------*/ /*----------------------------------------------- Error -----------------------------------------------*/ .facebookLayout .error { color: #ff0000; } .facebookLayout .error a, .facebookLayout .error a:link, .facebookLayout .error a:visited { color: #ff0000; } .facebookLayout .error a:hover, .facebookLayout .error a:active { color: #ff0000; } /*------------------------------------------------------------------- Powered by Logo -------------------------------------------------------------------*/ .poweredBy { border-top: 1px solid #eee; padding-top: 10px; text-align: right; } /*------------------------------------------------------------------- FB Fangate -------------------------------------------------------------------*/ .facebookLayout .fbFungate { left: 0; overflow: hidden; position: absolute; top: 0; width: 780px; z-index: 10; } .facebookLayout .fbFungate .gate_mask { left: 0; position: absolute; top: 0; width: 780px; z-index: 11; } .facebookLayout .fbFungate .gate_mask img { width: 780px; } .facebookLayout .fbFungate .gate_content { position: relative; width: 780px; z-index: 12; } .facebookLayout .fbFungate .gate_content .visual { overflow: hidden; text-align: center; width: 780px; } .facebookLayout .fbFungate .gate_content .text { background-color: #fff; border: 1px solid #ddd; margin: 20px 50px 0; padding: 0 15px 15px; } /* Mask Color */ .facebookLayout .fbFungate .white { background-color: #fff; } .facebookLayout .fbFungate .black { background-color: #000; } /* Mask Opacity */ .facebookLayout .fbFungate .opacityLevel100 { -ms-filter: "alpha( opacity=100 )"; filter: alpha( opacity=100 ); opacity: 1; } .facebookLayout .fbFungate .opacityLevel80 { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity: 0.8; } .facebookLayout .fbFungate .opacityLevel60 { -ms-filter: "alpha( opacity=60 )"; filter: alpha( opacity=60 ); opacity: 0.6; } .facebookLayout .fbFungate .opacityLevel40 { -ms-filter: "alpha( opacity=40 )"; filter: alpha( opacity=40 ); opacity: 0.4; } .facebookLayout .fbFungate .opacityLevel20 { -ms-filter: "alpha( opacity=20 )"; filter: alpha( opacity=20 ); opacity: 0.2; } .facebookLayout .fbFungate .opacityLevel0 { -ms-filter: "alpha( opacity=0 )"; filter: alpha( opacity=0 ); opacity: 0; } /* /////////////////////////////////////// Technical Fix /////////////////////////////////////// */ iframe.FB_UI_Hidden { width: 0 !important; } /*------------------------------------------------------------------- Global Settings -------------------------------------------------------------------*/ body { color: #333; } /*----------------------------------------------- Hypertext -----------------------------------------------*/ a:link { color: #014375; text-decoration: none; } a:visited { color: #6f6f6f; text-decoration: none; } a:hover, a:active, a:focus { color: #0014375; text-decoration: underline; } /*----------------------------------------------- Base Element -----------------------------------------------*/ /* table */ th, td { border: 1px solid #d8d8d8; } th { background-color: #eee; } tbody th { width: 117px; } div#header p { margin: 0; padding: 0; } div#footer p { margin: 0; padding: 0; } /*------------------------------------------------------------------- Template (Layout & Design skin) -------------------------------------------------------------------*/ body { background-color: #fff; min-width: 960px; } /*----------------------------------------------- div#header -----------------------------------------------*/ div#header { border-top: 3px solid #ccc; } div#header div.content { margin-left: auto; margin-right: auto; width: 960px; } div#header div.section { padding-bottom: 5px; padding-top: 5px; } div#header h1 { float: left; font-size: 85%; } div#header p.logo { float: left; } div#header p.phone { float: right; padding: 15px 20px 0 0; } div#header p.inquiry { float: right; } div#header ul.linkList { float: right; margin-top: 0; } div#header ul.linkList li { margin-right: 15px; } div#header dl#fontSizeController { background-image: url("../../../c5_framework/default/img/bg/font_size_controller.gif"); background-repeat: no-repeat; float: right; height: 20px; margin-top: 0; padding: 2px; width: 156px; } div#header dl#fontSizeController dt img { display: block; } div#header dl#fontSizeController dd { *float: left; } div#header dl#fontSizeController ul { margin-top: 0; width: 89px; } div#header dl#fontSizeController ul li { background-image: none; padding-left: 0; } div#header dl#fontSizeController ul li a { display: block; } div#header div.search { float: right; margin-left: 20px; } div#header div.search form { } div#header div.search input.input { background-image: url("../../../c5_framework/default/img/bg/header_search_input_text.gif"); background-repeat: no-repeat; border: none; *border-width: 0px; color: #aaa; line-height: 24px; height: 24px; padding-left: 24px; padding-right: 6px; vertical-align: top; width: 100px; } div#header div.search input.btn { vertical-align: top; } /* .example */ div#header .example .label { color: #aaa; left: 24px; line-height: 24px; padding: 0; width: 100px; } /* div.topicPath */ div#header div.topicPath { margin-left: auto; margin-right: auto; width: 960px; } div#header div.topicPath ul.nav { margin-top: 0; padding-top: 5px !important; margin-bottom: -2px !important; } div#header div.topicPath ul.nav li { background-image: url("../../../c5_framework/default/img/icon/link_list.gif"); margin-right: 15px; } div#header div.topicPath ul.nav li a.current, div#header div.topicPath ul.nav li a.current:link, div#header div.topicPath ul.nav li a.current:visited, div#header div.topicPath ul.nav li a.current:hover, div#header div.topicPath ul.nav li a.current:active { color: #333; font-weight: bold; } /*----------------------------------------------- div#kvContainer -----------------------------------------------*/ div#kvContainer { } div#kvContainer div.content { } /*----------------------------------------------- div#container -----------------------------------------------*/ div#container { /* background-image: url("../img/bg/container.png"); */ /* background-position: 50% 0; */ /* background-repeat: repeat-y; */ margin: 0 auto; width: 1000px; _background-color: #fff; _background-image: none; _width: 980px; } div#container div.content { margin: 0 auto; padding-bottom: 95px; width: 960px; overflow: hidden; } /*----------------------------------------------- div#main -----------------------------------------------*/ div#main { margin-top: -7px; padding: 0 10px; } /* div.rightColumn */ div.rightColumn div#main { display: inline; float: left; width: 700px; } /* div.leftColumn */ div.leftColumn div#main { display: inline; float: right; width: 700px; } /* div.centerColumn */ div.centerColumn div#main { margin-left: auto; margin-right: auto; overflow: visible; width: 700px; } /*----------------------------------------------- div#utility -----------------------------------------------*/ div#utility { display: none; float: right; width: 220px; overflow: hidden; } /* div.rightColumn */ div.rightColumn div#utility { display: inline; float: right; margin-top: -7px; overflow: hidden; } /* div.leftColumn */ div.leftColumn div#utility { display: inline; float: left; overflow: hidden; } /* div.centerColumn */ div.centerColumn div#utility { } /*----------------------------------------------- div#footer -----------------------------------------------*/ div#footer a { color: #014375; background-color: none !important; } div#footer a { } div#footer div.content { margin-left: auto; margin-right: auto; overflow: hidden; width: 960px; } div#footer dl { float: left; width: 225px; } div#footer dl dt { border-bottom: 3px solid #ccc; color: #999; font-weight: bold; } div#footer dl.wide { margin-left: 20px; margin-right: 20px; width: 470px; } div#footer dl.wide ul { float: left; width: 225px; } div#footer dl ul { margin-top: 10px; } div#footer ul.inline { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 3px 0; text-align: center; } div#footer ul.inline li { display: inline-block; *display: inline; float: none; margin-left: 15px; margin-left: 15px; } div#footer p { padding: 5px 0; text-align: center; } /*------------------------------------------------------------------- Header Block -------------------------------------------------------------------*/ /*----------------------------------------------- Global Navigation -----------------------------------------------*/ div#header div.navMenu { background-color: #fff; border-bottom: 5px solid #01a7eb; position: relative; z-index: 0; *zoom: 100%; } div#header div.navMenu div.navContent { margin: 0 auto; position: relative; vertical-align: top; width: 985px; z-index: 1; top: 5px; margin-top: -5px; } div#header div.navMenu div.navContent ul { } div#header div.navMenu div.navContent ul li { margin: 0 2px 0 3px; } /*----------------------------------------------- [NEW] Global Navigation -----------------------------------------------*/ #header #globalNav { background-image: url("../img/bg/ptn_gnav.gif"); } #header #globalNav .navMenu { background-color: transparent; border: none; margin: 0 auto; width: 980px; } #header #globalNav .navMenu .navContent { margin: 0; top: inherit; width: auto; } #header #globalNav .navMenu .navContent ul li { margin: 0; } /* #globalSubNav */ #header #globalSubNav { background-color: #005d9e; } #header #globalSubNav .navMenu { background-color: transparent; border: none; margin: 0 auto; width: 980px; } #header #globalSubNav .navMenu .navContent { margin: 0; top: inherit; width: auto; } #header #globalSubNav .navMenu .navContent ul li { margin: 0; } /*------------------------------------------------------------------- Express Template -------------------------------------------------------------------*/ body.expressLayout { } body.expressLayout div#header div.content, body.expressLayout div#container div.content, body.expressLayout div#footer div.content { width: 720px; } /* .expressLeftColumn */ body.expressLeftColumn div#header div.content, body.expressLeftColumn div#container div.content, body.expressLeftColumn div#footer div.content { margin: 0; } /* .expressRightColumn */ body.expressRightColumn div#header div.content, body.expressRightColumn div#container div.content, body.expressRightColumn div#footer div.content { margin: 0 0 0 auto; } /* .expressCenterColumn */ body.expressCenterColumn div#header div.content, body.expressCenterColumn div#container div.content, body.expressCenterColumn div#footer div.content { margin: 0 auto; } /*------------------------------------------------------------------- Clearfix -------------------------------------------------------------------*/ div.content, div#globalNav ul, div.topicPath ul { *zoom: 100%; /* Only Mac IE \*//*/ height: auto; display: inline-table; /**/ } div.content:after, div#globalNav ul:after, div.topicPath ul:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } /*------------------------------------------------------------------- Body -------------------------------------------------------------------*/ body { /* background-image: url(../img/bg/body.gif); */ background-position: 0 135px; background-repeat: repeat-x; background-color: #fff !important; min-width: 1000px; } /*----------------------------------------------- div#header -----------------------------------------------*/ div#header { border-top: none; background-image: url("../img/bg/header.gif"); background-position: 0 0; background-repeat: repeat-x; } div#header div.content { background-color: #fff; margin-left: auto; margin-right: auto; width: 980px; } div#header div.section { padding-bottom: 10px; padding-top: 5px; } div#header h1 { float: left; font-size: 85%; } div#header p.logo { float: left; } div#header p.request { float: right; padding: 0 10px 0 0; } div#header p.inquiry { float: right; } div#header ul.linkList { font-size: 93%; float: right; margin-top: 0; } div#header ul.linkList li { background-image: url("../img/icon/page_next.gif"); background-position: 0 0.5em; background-repeat: no-repeat; padding-left: 0.8em; margin-left: 15px; margin-right: 0; } /*----------------------------------------------- composition -----------------------------------------------*/ /* div.topicPath */ div.topicPath { width: 1000px !important; _width: 980px !important; background: none; /* background-image: url(../img/bg/container.png); */ _background-image: none; _background-color: #fff; /* background-position: 50% 0; */ /* background-repeat: repeat-y; */ border-bottom: none !important; margin: 0 auto !important; padding: 0; zoom: 100%; } div.topicPath ul { padding-left: 20px; } div.topicPath ul li { background: none; margin-right: 0; margin-top: 7px; *overflow: visible; padding: 0 10px 0 0; white-space: nowrap; } div.topicPath ul li a { background-image: url("../img/icon/link_list.gif") !important; background-position: 0 50%; background-repeat: no-repeat; padding-left: 15px; } div.topicPath ul li.nav-child a { background-image: url("../img/icon/link_list_top.gif") !important; background-position: 0 50%; background-repeat: no-repeat; padding-left: 20px; } div.topicPath ul.nav li { background-image: url("../img/icon/link_list.gif") !important; background-position: 0 50%; background-repeat: no-repeat; margin-right: 0 !important; } /*------------------------------------------------------------------- Button Style -------------------------------------------------------------------*/ .button, .button:link, .button:visited { background-color: #01a7eb; background-image: none; border: 1px solid #01a7eb; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; outline: none; text-decoration: none; font-weight: bold; padding: 10px 20px 8px; } .button:hover { background-color: #01a7eb; background-image: none; border-color: #01a7eb; color: #fff; } .button:active { background-color: #01a7eb; background-image: none; border-color: #01a7eb; } .current .button, .current .button:hover, .current .button:visited, .current .button:active { background-color: #ffecec; background-image: url("../img/bg/gr_pattern_button_current.gif"); background-position: 0 100%; border-color: #d07f83; color: #333; } .disabled .button, .disabled .button:hover, .disabled .button:visited, .disabled .button:active { background-color: #eee; background-image: none; border-color: #aaa; color: #999; } /*------------------------------------------------------------------- Icon Set -------------------------------------------------------------------*/ /* .disc */ .disc { background-image: url("../img/icon/list.gif"); } /* .arrowRight */ .arrowRight { background-image: url("../img/icon/page_next.gif"); } #ccm-block-fields ul.arrowRight > li { background-image: url("../img/icon/page_next.gif"); } /* .arrowLeft */ .arrowLeft { background-image: url("../img/icon/page_prev.gif"); } #ccm-block-fields ul.arrowLeft > li { background-image: url("../img/icon/page_prev.gif"); } /* .arrowBottom */ .arrowBottom { background-image: url("../img/icon/page_anchor.gif"); } #ccm-block-fields ul.arrowBottom > li { background-image: url("../img/icon/page_anchor.gif"); } /* .arrowTop */ .arrowTop { background-image: url("../img/icon/page_top.gif"); } #ccm-block-fields ul.arrowTop > li { background-image: url("../img/icon/page_top.gif"); } /* /////////////////////////////////////// Heading Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Heading -------------------------------------------------------------------*/ /*----------------------------------------------- H2 -----------------------------------------------*/ div.headingLevel2 { background-image: none; background-color: #e3ebf1; border: none; margin-left: -10px; margin-right: -10px; position: relative; line-height: 1.2; padding: 3px; border-radius: 3px; } div.headingLevel2 div.text { background-image: url("../img/bg/heading_level2_text.gif"); background-position: 10px 50%; background-repeat: no-repeat; background-color: #fff; border: 1px solid #cbd3da; border-radius: 3px; color: #221815; padding: 15px 15px 11px 28px; *padding: 10px 15px 11px 28px; } div.headingLevel2 div.text h2 { font-size: 153.9%; font-weight: bold; } /* before */ div.headingLevel2:before { display: none; } div.headingLevel2 span.before { display: none; } div.headingLevel2 span.before img { display: none; } /* after */ div.headingLevel2:after { display: none; } div.headingLevel2 span.after { display: none; } div.headingLevel2 span.after img { display: none; } /* subText */ div.headingLevel2 div.text p.subText { font-size: 85%; } /* rightText */ div.headingLevel2 div.rightText { position: relative; *margin-bottom: -6px; } div.headingLevel2 div.rightText h2 { font-size: 153.9%; font-weight: bold; } div.headingLevel2 div.rightText ul.inline { position: absolute; top: 30%; right: 0; } div.headingLevel2 div.rightText ul.inline li { background: none; } div.headingLevel2 div.rightText ul.inline li p.detail { color: #FFF; } /*----------------------------------------------- H3 -----------------------------------------------*/ div.headingLevel3 { background-image: url("../img/bg/heading_level3.gif"); background-position: 0 0; background-repeat: no-repeat; border: 1px solid #cbd3da; border-radius: 4px; margin-left: -10px; margin-right: -10px; line-height: 1.2; padding: 3px 0 0 0; position: relative; } /* form h3 */ form div.headingLevel3 { background-image: url("../img/bg/heading_level3.gif"); background-position: 0 0; background-repeat: no-repeat; border: 1px solid #cbd3da; border-radius: 4px; margin-left: -25px; margin-right: -25px; line-height: 1.2; padding: 3px 0 0 0; position: relative; } div.headingLevel3 div.text { background-image: url("../img/bg/heading_level3_text.gif"); background-position: 0 50%; background-repeat: no-repeat; padding: 11px 12px 9px 25px; } div.headingLevel3 div.text h3 { font-size: 130%; font-weight: bold; } /* before */ div.headingLevel3:before { display: none; } div.headingLevel3 span.before { display: none; } div.headingLevel3 span.before img { display: none; } /* after */ div.headingLevel3:after { display: none; } div.headingLevel3 span.after { display: none; } div.headingLevel3 span.after img { display: none; } /* subText */ div.headingLevel3 div.text p.subText { font-size: 85%; } /* rightText */ div.headingLevel3 div.rightText { position: relative; *zoom: 100%; } div.headingLevel3 div.rightText ul.inline { position: absolute; top: 22%; *top: 33%; right: 10px; } div.headingLevel3 div.rightText ul.inline li { background: none; } /*----------------------------------------------- H4 -----------------------------------------------*/ div.headingLevel4 { background-image: none; border-bottom: 3px solid #e8eef1; margin: 30px 0 0; } div.headingLevel4 div.text { line-height: 1.3; padding: 10px 0 5px; background-image: none; } div.headingLevel4 div.text h4 { color: #1c92e4; font-size: 116%; font-weight: bold; padding-top: 1px; } /* before */ div.headingLevel4:before { display: none; } div.headingLevel4 span.before { display: none; } div.headingLevel4 span.before img { display: none; } /* after */ div.headingLevel4:after { display: none; } div.headingLevel4 span.after { display: none; } div.headingLevel4 span.after img { display: none; } /* subText */ div.headingLevel4 div.text p.subText { color: #221815; font-size: 77%; margin-top: 0; padding-bottom: 1px; } div.headingLevel4 div.rightText ul.inline { display: none; } /*----------------------------------------------- H5 -----------------------------------------------*/ div.headingLevel5 { background-image: url(../img/bg/heading_level5.gif); background-repeat: no-repeat; background-position: 0 0.2em; border-bottom: none; margin-top: 30px; padding-left: 17px; } div.headingLevel5 div.text { line-height: 1.3; } div.headingLevel5 div.text h5 { font-size: 100%; font-weight: bold; } /* before */ div.headingLevel5:before { display: none; } div.headingLevel5 span.before { display: none; } div.headingLevel5 span.before img { display: none; } /* after */ div.headingLevel5:after { display: none; } div.headingLevel5 span.after { display: none; } div.headingLevel5 span.after img { display: none; } /* subText */ div.headingLevel5 div.text p.subText { display: none; } div.headingLevel5 div.rightText ul.inline { display: none; } /*----------------------------------------------- H6 -----------------------------------------------*/ div.headingLevel6 { border-bottom: none; margin-top: 30px; line-height: 1.3; } div.headingLevel6 div.text { line-height: 1.3; } div.headingLevel6 div.text h6 { font-size: 100%; font-weight: bold; } /* before */ div.headingLevel6 span.before { display: none; } div.headingLevel6 span.before img { display: none; } /* after */ div.headingLevel6 span.after { display: none; } div.headingLevel6 span.after img { display: none; } /* subText */ div.headingLevel6 div.text p.subText { display: none; } div.headingLevel6 div.rightText ul.inline { display: none; } /*----------------------------------------------- headingImageLevel2 -----------------------------------------------*/ div.headingImageLevel2 { margin-left: 0; margin-right: 0; } /*------------------------------------------------------------------- Sub Heading -------------------------------------------------------------------*/ div.subhead { } div.subhead p { font-size: 100%; font-weight: bold; } div.subhead + p { *font-size: 100%; *font-weight: normal; } div.subhead p.icon { background-image: url(../img/bg/heading_level5.gif); background-repeat: no-repeat; background-position: 0 0.2em; border-bottom: none; padding-left: 17px; } /* subhead_black_arrow */ div.subhead_black_arrow div.subhead p { background-image: url(../img/bg/subhead_black_arrow.gif); } /* subhead_red_arrow */ div.subhead_red_arrow div.subhead p { background-image: url(../img/bg/subhead_red_arrow.gif); } /* subhead_black_border */ div.subhead_black_border div.subhead p { background-image: url(../img/bg/subhead_black_border.gif); background-position: 0 0; background-repeat: repeat-y; } /* subhead_red_border */ div.subhead_red_border div.subhead p { background-image: url(../img/bg/subhead_red_border.gif); background-position: 0 0; background-repeat: repeat-y; } /* /////////////////////////////////////// Column Layout /////////////////////////////////////// */ /* /////////////////////////////////////// Box Column Layout /////////////////////////////////////// */ /*------------------------------------------------------------------- Merge Box Style -------------------------------------------------------------------*/ /*----------------------------------------------- .boxLayoutMerge -----------------------------------------------*/ .boxLayoutMerge { background-color: #f5f8fa; } /*------------------------------------------------------------------- Separate Box Style -------------------------------------------------------------------*/ /*----------------------------------------------- .boxLayoutSeparate -----------------------------------------------*/ .boxLayoutSeparate div.boxCol { background-color: #f5f8fa; margin-top: 25px; padding: 20px; } /*----------------------------------------------- .layout2col_boxSeparate -----------------------------------------------*/ .layout2col_boxSeparate div.boxCol { width: 300px; } /* .singleColumn */ .singleColumn .layout2col_boxSeparate div.boxCol { width: 420px; } /*----------------------------------------------- .layout3col_boxSeparate -----------------------------------------------*/ .layout3col_boxSeparate div.boxCol { width: 180px; } /* .singleColumn */ .singleColumn .layout3col_boxSeparate div.boxCol { width: 260px; } /*----------------------------------------------- .layout4col_boxSeparate -----------------------------------------------*/ .layout4col_boxSeparate div.boxCol { width: 120px; } /* .singleColumn */ .singleColumn .layout4col_boxSeparate div.boxCol { width: 180px; } /*----------------------------------------------- .layout5col_boxSeparate -----------------------------------------------*/ .layout5col_boxSeparate div.boxCol { width: 84px; } /* .singleColumn */ .singleColumn .layout5col_boxSeparate div.boxCol { width: 132px; } /*----------------------------------------------- .layout6col_boxSeparate -----------------------------------------------*/ .layout6col_boxSeparate div.boxCol { width: 60px; } /* .singleColumn */ .singleColumn .layout6col_boxSeparate div.boxCol { width: 100px; } /* /////////////////////////////////////// List Block /////////////////////////////////////// */ /*------------------------------------------------------------------- ul, ol -------------------------------------------------------------------*/ ul li { background-image: url("../img/icon/list.gif"); background-position: 0 0.7em; background-repeat: no-repeat; padding-left: 0.7em; } ol { list-style-type: decimal; margin-left: 1.6em; *margin-left: 1.7em; } /*------------------------------------------------------------------- linkList -------------------------------------------------------------------*/ ul.linkList { } ul.linkList li { background-image: url("../img/icon/page_next.gif"); background-position: 0 0.4em; background-repeat: no-repeat; padding-left: 0.9em; } /* Exception Rules */ ul.linkList li.ul_linkList-child-li { background-image: url("../img/icon/page_next.gif"); background-position: 0 0.6em; background-repeat: no-repeat; padding-left: 0.7em; } /*------------------------------------------------------------------- separate -------------------------------------------------------------------*/ ul.separate { } ul.separate li { background-image: url("../img/icon/list.gif"); background-position: 0 0.6em; background-repeat: no-repeat; padding-left: 0.7em; } ul.separate li, ol.separate li { background-position: 0 0.6em; border-bottom: 1px dotted #bfc6cd; padding-bottom: 5px; padding-left: 0.7em; padding-right: 0; } /*------------------------------------------------------------------- List Unit -------------------------------------------------------------------*/ /*----------------------------------------------- Icon Set -----------------------------------------------*/ /* .disc */ div.listUnit div.disc { background-position: 0 0.7em; background-repeat: no-repeat; padding-left: 0.7em; } div.listUnit ul.rightSideIcon .disc { background-position: 100% 0.7em; background-repeat: no-repeat; padding-left: 0; padding-right: 0.7em; } /* .arrowRight */ div.listUnit div.arrowRight { background-position: 0 0.4em; padding-left: 0.9em; } div.listUnit ul.rightSideIcon div.arrowRight { background-position: 100% 0.4em; padding-left: 0; padding-right: 0.9em; } /* .arrowLeft */ div.listUnit div.arrowLeft { background-position: 0 0.4em; padding-left: 0.9em; } div.listUnit ul.rightSideIcon div.arrowLeft { background-position: 100% 0.4em; padding-left: 0; padding-right: 0.9em; } /* .arrowBottom */ div.listUnit div.arrowBottom { background-position: 0 0.6em; padding-left: 0.9em; } div.listUnit ul.rightSideIcon div.arrowBottom { background-position: 100% 0.6em; padding-left: 0; padding-right: 0.9em; } /* .arrowTop */ div.listUnit div.arrowTop { background-position: 0 0.6em; padding-left: 0.9em; } div.listUnit ul.rightSideIcon div.arrowTop { background-position: 100% 0.6em; padding-left: 0; padding-right: 0.9em; } div#main div.shinsotsu_li ul.lineSeparateNav li{ margin-right:0; } /* /////////////////////////////////////// Composition Block /////////////////////////////////////// */ /*------------------------------------------------------------------- composition -------------------------------------------------------------------*/ div.composition { } div.composition div.artwork p { } div.composition div.text p { } /*----------------------------------------------- Artwork Layout -----------------------------------------------*/ div.composition div.artwork { } div.composition div.artwork img { display: block; } /* Option: Image Align Left */ div.imgLeft div.artwork, div.imgRight div.imgLeft div.artwork { display: inline; float: left; margin-bottom: 5px; margin-left: 0; margin-right: 20px; _margin-right: 10px; } div.imgLeft div.artwork img { } /* Option: Image Align Right */ div.imgRight div.artwork, div.imgLeft div.imgRight div.artwork { display: inline; float: right; margin-bottom: 5px; margin-left: 10px; _margin-left: 5px; margin-right: 0; } div.imgRight div.artwork img { } div.noWrap div.artwork { margin-bottom: 0; } /* /////////////////////////////////////// Composition Block /////////////////////////////////////// */ /*------------------------------------------------------------------- div.componentStyle01 div.composition -------------------------------------------------------------------*/ div#footer div.componentStyle01 { border: none; padding: 0; margin-top: 20px; } div#footer div.componentStyle01 { border: none; padding: 0; margin-top: 20px; } div#footer div.componentStyle01 div.composition { background-color: #F5F8FA; border: none; outline: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; padding: 5px; margin: 0; } /* /////////////////////////////////////// thumbContent Block /////////////////////////////////////// */ /*------------------------------------------------------------------- thumbContent -------------------------------------------------------------------*/ .thumbStyle { background-color: #fff !important; border: 1px solid #d6dce2 !important; } /* /////////////////////////////////////// Definition List Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Border Index -------------------------------------------------------------------*/ dl.border { border-bottom: 1px dotted #CCC; padding-bottom: 5px; padding-left: 0; padding-right: 0; zoom: 100%; } dl.border dt { width: 95px; } /*------------------------------------------------------------------- Borderless Index -------------------------------------------------------------------*/ dl.borderless dt { width: 95px; } /*------------------------------------------------------------------- Commentary -------------------------------------------------------------------*/ dl.commentary { background-color: #d6dce2; border: 3px solid #f5f8fa; font-size: 100%; padding: 1px; } dl.commentary dt { background-image: url(../img/bg/commentary.gif); background-position: left bottom; background-repeat: no-repeat; background-color: #fff; margin: 0; padding: 7px 10px; } dl.commentary dd { background-color: #fff; font-size: 93%; padding: 7px 10px 5px; } /*------------------------------------------------------------------- Box -------------------------------------------------------------------*/ div.box { background: none; background-image: none; border: 3px solid #f5f8fa; margin: 15px 0 0; } div.box:before { background: none; display: none; } div.box span.before { background: none; display: none; } div.box span.before img { background: none; display: none; } div.box:after { background: none; display: none; } div.box span.after { background: none; display: none; } div.box span.after img { background: none; display: none; } div.box div.boxBody { background: none; background-image: none; background-position: 0 0; background-repeat: no-repeat; border: 1px solid #d6dce2; padding: 10px 10px 6px; } div.box div.boxBody div.subhead { background-image:url("../img/bg/subhead.gif"); background-position: 0 100%; background-repeat: repeat-x; font-size: 116%; padding-bottom: 7px; margin-bottom: 7px; } div.box div.boxBody div.subhead p.icon { background: none !important; background-image: none !important; padding-left: 0; } /*------------------------------------------------------------------- Bundle Box -------------------------------------------------------------------*/ dl.bundleBox { background-image:url("../img/bg/bundlebox.gif"); background-position: 0 0; background-repeat: repeat; border: none; border-radius: 3px; padding: 3px; *padding: 3px 3px 5px 3px; } dl.bundleBox dt { color: #fff; font-weight: bold; padding: 8px 10px 5px; } dl.bundleBox dd { background-color: #fff; border: none; border-radius: 3px; margin: 2px; padding: 7px 10px 5px; } dl.index { *padding: 5px 3px 2px 3px !important; } /*------------------------------------------------------------------- Z-Pattern Layout Block -------------------------------------------------------------------*/ /*----------------------------------------------- div.zPatternStyle01 -----------------------------------------------*/ div.zPatternStyle01 div.imgLeft { padding-right: 14px; } div.zPatternStyle01 div.composition { outline: none !important; margin-top: 0; padding-top: 0; padding-bottom: 50px; background-image:url("../img/bg/zpattern_eyecatch.gif"); } div.zPatternStyle01 div.imgLeft { background-position: 100% 10px; } div.zPatternStyle01 div.imgRight { background-position: 0 10px; } div.zPatternStyle01 div.imgLeft p.heading { text-align: right; } div.zPatternStyle01 div.composition div.artwork { padding-top: 40px; } div.zPatternStyle01 div.composition div.text { background: none; } div.zPatternStyle01 div.composition p.number { display: none; } div.zPatternStyle01 div.composition p.heading { margin-top: 0; } /*------------------------------------------------------------------- Faq -------------------------------------------------------------------*/ dl.faq { background-color: #f6f9fb; border-bottom: none; border-radius: 5px; margin-top: 15px; padding: 10px 10px 8px 10px; } dl.faq dt { background-image:url("../img/icon/faq_question.gif"); background-position: 0 0; background-repeat: no-repeat; font-size: 116%; font-weight: bold; padding: 5px 0 0 40px; } dl.faq dd { *zoom: 100%; } dl.faq dd div.box { background: none !important; background-image: none !important; border: none; margin: 15px 0 0; } dl.faq dd div.box div.boxBody { display: block; background-color: #f6f9fb; border-top: dashed 1px #bfc6cd !important; border-left: none !important; border-right: none !important; border-bottom: none !important; padding-top: 8px !important; margin: 0 0 0 40px !important; } dl.faq dd div.box div.boxBody div.boxText { background-color: #f6f9fb; background-image: none; background-position: 0 0; background-repeat: no-repeat; border: none; height: auto !important; padding-left: 0; } dl.faq dd div.faqAnswerBox { margin-top: 5px; *zoom: 100%; } dl.faq dd div.faqAnswerBox:before { display: none; } dl.faq dd div.faqAnswerBox span.before { display: none; } dl.faq dd div.faqAnswerBox span.before img { display: none; } dl.faq dd div.faqAnswerBox div.boxBody { background-image: none; border-left: none; border-right: none; padding: 0; *zoom: 100%; } dl.faq dd div.faqAnswerBox:after { display: none; } dl.faq dd div.faqAnswerBox span.after { display: none; } dl.faq dd div.faqAnswerBox span.after img { display: none; } /*------------------------------------------------------------------- Anchor List -------------------------------------------------------------------*/ ul.anchorList { } ul.anchorList li { background: none; border-right: 1px dotted #aaa; margin-right: 15px; margin-top: 7px; *overflow: visible; padding: 0 15px 0 0; white-space: nowrap; *zoom: 100%; } ul.anchorList li a { background-image: url("../img/icon/page_anchor.gif"); background-position: 0 50%; background-repeat: no-repeat; padding-left: 15px; *padding-bottom: 1px; *zoom: 100%; } /*------------------------------------------------------------------- Single-line Separate Navigation -------------------------------------------------------------------*/ ul.lineSeparateNav li { border-right: 1px dashed #bfc6cd; } ul.lineSeparateNav li.arrowRight { background-image: url("../img/icon/page_next.gif"); background-position: 0 0.6em; padding-left: 10px; } ul.lineSeparateNav li.arrowBottom { background-image: url("../img/icon/page_anchor.gif"); background-position: 0 0.6em; padding-left: 10px; } ul.lineSeparateNav li.arrowTop { background-image: url("../img/icon/page_top.gif"); background-position: 0 0.6em; padding-left: 10px; } ul.lineSeparateNav.icon li { margin-top : 7px; margin-right: 10px; margin-left : 0px; padding: 0px 10px 0px 0; } ul.lineSeparateNav.icon li.item-only { white-space: normal; } ul.lineSeparateNav.icon li a { background-image: url("../img/icon/page_next.gif"); background-position: 0 0.6em; background-repeat: no-repeat; padding-left: 19px; *padding-bottom: 1px; *zoom: 100%; } ul.lineSeparateNav.icon.anchor li a { background-image: url("../img/icon/page_anchor.gif"); } /*------------------------------------------------------------------- Pagination -------------------------------------------------------------------*/ /*----------------------------------------------- Base -----------------------------------------------*/ ul.pagination { text-align: center; } ul.pagination li { background-image: none; display: -moz-inline-box; display: inline-block; *display: inline; margin: 0 2px; padding-left: 0; } ul.pagination li a, ul.pagination li span { display: -moz-inline-box; display: inline-block; *display: inline; padding: 1px 10px; text-decoration: none; vertical-align: middle; *zoom: 100%; } ul.pagination li span.current { background-color: #01a7eb; border: 1px solid #01a7eb; color: #fff; } ul.pagination li span.truncate { padding-left: 0; padding-right: 0; } ul.pagination li a:link, ul.pagination li a:visited { background-color: #fff; border: 1px solid #d6dce2; color: #333; text-decoration: none; } ul.pagination li a:hover, ul.pagination li a:active { background-color: #01a7eb; border: 1px solid #01a7eb; color: #fff; } /*----------------------------------------------- div.paginationBundle -----------------------------------------------*/ div.paginationBundle { background-color: #f6f9fb; border: 1px solid #f6f9fb; border-radius: 5px; margin-top: 15px; } div.paginationBundle dl { border: none; margin: 0; padding: 5px; text-align: right; } div.paginationBundle dl dt { display: inline-block; *display: inline; vertical-align: middle; } div.paginationBundle dl dd { display: inline-block; *display: inline; vertical-align: middle; } div.paginationBundle ul.pagination { *display: inline; margin: 0; } div.paginationBundle ul.pagination li { } div.paginationBundle ul.pagination li a { vertical-align: middle; *vertical-align: top; } /*----------------------------------------------- div.pagination3ways -----------------------------------------------*/ div.pagination3ways { margin-top: 15px; text-align: left; } div.pagination3ways ul.pagination { margin: 0; text-align: left; } div.pagination3ways ul.pagination li { margin: 0; width: 33.3%; } div.pagination3ways ul.pagination li.prev { } div.pagination3ways ul.pagination li.center { text-align: center; } div.pagination3ways ul.pagination li.next { text-align: right; } div.pagination3ways ul.pagination li a { vertical-align: top; } /*------------------------------------------------------------------- Button Area -------------------------------------------------------------------*/ ul.buttonArea { text-align: center; } ul.buttonArea li { background-image: none; display: inline; margin: 0 5px; padding-left: 0; } /* Form Submit Button */ ul.formSubmit li .button { font-size: 116%; padding: 6px 20px; } /*----------------------------------------------- .goNext -----------------------------------------------*/ .goNext { } .goNext li { background-image: none; padding-left: 0; } .goNext a { background-image: url("../img/icon/page_next.gif"); background-position: 0.3em 0.5em; background-repeat: no-repeat; display: inline-block; _display: inline; padding-left: 12px; *padding-top: 1px; } /*----------------------------------------------- p.goTop -----------------------------------------------*/ p.goTop { text-align: right; } p.goTop a { background-image: url("../img/icon/page_top.gif"); background-position: 0.5em 0.5em; background-repeat: no-repeat; padding-left: 19px; *padding-top: 1px; } /*------------------------------------------------------------------- Tab Menu -------------------------------------------------------------------*/ div.tabMenu { border-bottom: none; } /*----------------------------------------------- 3col -----------------------------------------------*/ div.tab3 { background-image: url("../img/bg/tabmenu_item_bottom_tab3.gif"); background-position: left bottom; background-repeat: no-repeat; } div.tab3 ul.inline { margin-right: -5px; *margin-bottom: -3px; } div.tab3 ul.inline li { border-bottom: none; margin-right: 5px; width: 230px; } div.tab3 ul.inline li.current { background-image: url("../img/bg/tabmenu_item_on_tab3.gif"); background-position: 0 0; background-repeat: no-repeat; color: #333; } div.tab3 ul.inline li a { border-bottom: none; background-image: url("../img/bg/tabmenu_item_off_tab3.gif"); background-position: 0 0; background-repeat: no-repeat; color: #fff !important; } div.tab3 ul.inline li a:hover { background-image: url("../img/bg/tabmenu_item_on_tab3.gif"); color: #333 !important; } div.tab3 ul.inline li.current a, div.tab3 ul.inline li.current span.tab { background-image: url("../img/bg/tabmenu_item_on_tab3.gif"); color: #333 !important; } /*----------------------------------------------- 5col -----------------------------------------------*/ div.tab5 { background-image: url("../img/bg/tabmenu_item_bottom_tab5.gif"); background-position: left bottom; background-repeat: no-repeat; } div.tab5 ul.inline { margin-right: -5px; *margin-bottom: -3px; } div.tab5 ul.inline li { border-bottom: none; margin-right: 5px; width: 136px; } div.tab5 ul.inline li.current { background-image: url("../img/bg/tabmenu_item_on_tab5.gif"); background-position: 0 0; background-repeat: no-repeat; color: #333; } div.tab5 ul.inline li a { border-bottom: none; background-image: url("../img/bg/tabmenu_item_off_tab5.gif"); background-position: 0 0; background-repeat: no-repeat; color: #fff !important; } div.tab5 ul.inline li a:hover { background-image: url("../img/bg/tabmenu_item_on_tab5.gif"); color: #333 !important; } div.tab5 ul.inline li.current a, div.tab5 ul.inline li.current span.tab { background-image: url("../img/bg/tabmenu_item_on_tab5.gif"); color: #333 !important; } /*------------------------------------------------------------------- Tab Unit -------------------------------------------------------------------*/ /*----------------------------------------------- div.tabNav -----------------------------------------------*/ div.tabNav { background-image: url("../img/bg/tab_nav.gif"); background-position: 0 100%; background-repeat: repeat-x; border-bottom: none; } div.tabNav ul.inline { overflow: hidden; } div.tabNav ul.inline li { margin-bottom: -3px; } /* Tab Design */ div.tabNav .tab { border-radius: 5px 5px 0 0; border-style: solid; border-width: 3px; display: block; outline: none; padding: 7px 10px 9px; } div.tabNav .tab, div.tabNav .tab:link, div.tabNav .tab:visited { background-color: #00669f; border-color: #00669f; color: #fff; font-weight: normal; text-decoration: none; } div.tabNav a.tab:hover, div.tabNav a.tab:active, div.tabNav a.tab:focus { background-color: #fff; border-color: #00669f #00669f #fff #00669f; color: #333; font-weight: normal; text-decoration: none; } div.tabNav .current .tab, div.tabNav .current .tab:link, div.tabNav .current .tab:visited, div.tabNav .current .tab:hover, div.tabNav .current .tab:active, div.tabNav .current .tab:focus { background-color: #fff; border-color: #00669f #00669f #fff #00669f; color: #333; font-weight: normal; text-decoration: none; } /*----------------------------------------------- div.tabUnit -----------------------------------------------*/ /* div.tabContent */ div.tabUnit div.tabContent { background-color: #fff; border-color: #00669f; border-radius: 0 0 5px 5px; border-style: solid; border-width: 0 3px 3px 3px; overflow: hidden; padding: 0px 15px 15px; } /*------------------------------------------------------------------- Content List Block -------------------------------------------------------------------*/ /*----------------------------------------------- Base -----------------------------------------------*/ ul[class*="contentList"] { } ul[class*="contentList"] li { background-image: none; float: left; margin-top: 0; padding-left: 0; } /* Exception Rules */ ul.ul_contentList { } li.ul_contentList-child-li { background-image: none; float: left; margin-top: 0; padding-left: 0; } .thumbStyle { background-color: #eff8ff; border: 1px solid #d4e4f1; padding: 10px; } .thumbStyle p.image { text-align: center; } .thumbStyle div.subhead { margin-top: 5px; } .thumbStyle p.description { margin-top: 5px; } .thumbStyle p.caption { margin-top: 5px; } .thumbStyle p.goNext { margin-top: 5px; text-align: right; } /*----------------------------------------------- div.contentListStyle01 -----------------------------------------------*/ div.contentListStyle01 { border-bottom: none; border-right: none; *zoom: 100%; } div.contentListStyle01 ul.contentList3col { width: 700px; border-left: none; border-top: none; margin-top: 0; } div.contentListStyle01 ul.contentList3col li { width: 213px; background-color: #f6f9fb; border-bottom: none; border-right: none; padding: 0 20px 0 0; margin-top: 20px; } div.contentListStyle01 ul.contentList3col li div.composition { border: none; outline: none !important; padding: 10px; margin-top: 0; } div.contentListStyle01 ul.contentList3col li div.artwork { margin-right: 10px; } div.contentListStyle01 ul.contentList3col li div.text p { margin-top: 5px !important; } div.contentListStyle01 ul.contentList3col li div.text p:first-child { margin-top: 0 !important; } div.contentListStyle01 ul.contentList3col li div.composition div.subhead { margin-top: 0; } /*----------------------------------------------- div.contentListStyle02 -----------------------------------------------*/ div.contentListStyle02 { *zoom: 100%; } div.contentListStyle02 ul.contentList3col { margin-right: -20px; margin-top: 0; } div.contentListStyle02 ul.contentList3col li { border-bottom: none; margin: 20px 20px 0 0; padding-bottom: 0; width: 220px; } div.contentListStyle02 ul.contentList3col li div.composition { border: 1px solid #d6dce2; outline: none !important; padding: 10px; margin: 0; } div.contentListStyle02 ul.contentList3col li div.artwork { margin-right: 10px; } div.contentListStyle02 ul.contentList3col li div.text p { margin-top: 7px !important; } div.contentListStyle02 ul.contentList3col li div.text p:first-child { margin-top: 0 !important; } div.contentListStyle02 ul.contentList3col li div.text div.subhead { margin-top: 0 !important; } /*----------------------------------------------- div.contentListStyle03 -----------------------------------------------*/ div.contentListStyle03 { *zoom: 100%; } div.contentListStyle03 ul.contentList2col { margin-left: 0; margin-right: -20px; } div.contentListStyle03 ul.contentList2col li { border: 1px solid #d6dce2; padding: 10px ; margin: 20px 20px 0 0; width: 308px; *zoom: 100%; } div.contentListStyle03 ul.contentList2col li div.subhead { margin-top: 0; } div.contentListStyle03 ul.contentList2col li p.text { } div.contentListStyle03 ul.contentList2col li p.image { text-align: center; } div.contentListStyle03 ul.contentList2col li p.goNext a { } /*----------------------------------------------- Thumbnail Content List -----------------------------------------------*/ /* 5 column */ div.thumbContent ul.contentList5col { width: 710px; margin-right: -10px; margin-top: 5px; } div.thumbContent ul.contentList5col li.thumbStyle { background-image: none; margin-right: 10px; margin-top: 10px; padding: 5px; width: 116px; } div.thumbContent ul.contentList5col li.thumbStyle p.goNext { border-top: 1px dashed #bfc6cd; margin: 8px 2px 0; padding-top: 8px; } /*------------------------------------------------------------------- News Release List -------------------------------------------------------------------*/ div.newsRelease { } div.newsRelease ul.separate { border-bottom: 1px dashed #BFC6CD; margin-top: 10px; padding-bottom: 5px; } div.newsRelease ul.separate li { border-bottom: none !important; background-image: none; margin: 0; padding-left: 0; } div.newsRelease ul.separate li dl.index dt { margin-right: 20px; } div.newsRelease ul.separate li dl.index dt img { background-repeat: no-repeat; margin-right: 10px; vertical-align: middle; } div.newsRelease ul.separate li dl.index dd.icon { float: left; margin-right: 10px; } div.newsRelease ul.separate li dl.index dd.icon img { background-repeat: no-repeat; _display: block; vertical-align: middle; } div.newsRelease ul.separate li dl.index dd p.title { } div.newsRelease ul.separate li dl.index dd p.text { margin-top: 5px; } /* Exception Rules */ div.newsRelease ul.separate li.ul_newsRelease-child-li { background-image: none; padding-left: 0; } div.newsRelease ul.separate li.ul_newsRelease-child-li dl.index dt.ul_newsRelease-child-li-child-dl_index-dt { margin-right: 20px; } div.newsRelease ul.separate li.ul_newsRelease-child-li dl.index dt.ul_newsRelease-child-li-child-dl_index-dt img { margin-right: 10px; vertical-align: middle; } /*----------------------------------------------- in Box Layout -----------------------------------------------*/ .boxColumn .boxCol div.newsRelease ul.separate { border-bottom: none; margin: 20px 0 0; padding: 0; } .boxColumn .boxCol div.newsRelease ul.separate li { padding-bottom: 0; } .boxColumn .boxCol div.newsRelease ul.separate li + li { margin-top: 15px; } .boxColumn .boxCol div.newsRelease ul.separate li dl.index dt { float: none; font-weight: bold; margin: 0; } /*------------------------------------------------------------------- scrollBox -------------------------------------------------------------------*/ div.scrollBox { border: 1px solid #D8D8D8; overflow-y: scroll; padding: 13px 16px; margin-top: 15px; height: 160px; } /*------------------------------------------------------------------- Caption -------------------------------------------------------------------*/ p.caption, ul.caption li { font-size: 85%; overflow: hidden; padding-left: 1em; text-indent: -1em; *zoom: 100%; } ul.caption li { background-image: none; } /*------------------------------------------------------------------- Icon Bullet -------------------------------------------------------------------*/ p.iconBullet, ul.iconBullet li { overflow: hidden; padding-left: 20px; text-indent: -20px; *zoom: 100%; } /*------------------------------------------------------------------- Icon BulletBg -------------------------------------------------------------------*/ p.iconBulletBg { padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%; } p.iconBulletBg.bulletNo1 { background-image: url('../img/icon/number_01.gif'); } p.iconBulletBg.bulletNo2 { background-image: url('../img/icon/number_02.gif'); } p.iconBulletBg.bulletNo3 { background-image: url('../img/icon/number_03.gif'); } p.iconBulletBg.bulletNo4 { background-image: url('../img/icon/number_04.gif'); } p.iconBulletBg.bulletNo5 { background-image: url('../img/icon/number_05.gif'); } p.iconBulletBg.bulletNo6 { background-image: url('../img/icon/number_06.gif'); } p.iconBulletBg.bulletNo7 { background-image: url('../img/icon/number_07.gif'); } p.iconBulletBg.bulletNo8 { background-image: url('../img/icon/number_08.gif'); } p.iconBulletBg.bulletNo9 { background-image: url('../img/icon/number_09.gif'); } p.iconBulletBg.bulletNo10 { background-image: url('../img/icon/number_10.gif'); } /* /////////////////////////////////////// Component Block /////////////////////////////////////// */ /*------------------------------------------------------------------- Message -------------------------------------------------------------------*/ div.message { } /*----------------------------------------------- Summary -----------------------------------------------*/ div.summary { background-image: url("../img/bg/summary.gif"); background-position: 1px 1px; background-repeat: no-repeat; border: 1px solid #efb9c3; font-size: 116%; margin: 15px 20px 0; padding: 0 20px 15px; } /*------------------------------------------------------------------- componentStyle02 -------------------------------------------------------------------*/ div.componentStyle02 { background-color: #d6dce2; border: 3px solid #f5f8fa; margin-top: 15px; } div.componentStyle02 dl { margin: 1px; } div.componentStyle02 dl dt { border-bottom: 3px solid #01a7eb; color: #333333; font-size: 108%; font-weight: bold; padding: 0 5px 5px; text-align: center; } /*----------------------------------------------- Note -----------------------------------------------*/ div.note { background-image: url("../img/icon/note.gif"); background-position: 15px 20px; background-repeat: no-repeat; border: 1px solid #efb9c3; margin: 15px 20px 0; padding: 5px 20px 20px 50px; } /*----------------------------------------------- Form-table Element -----------------------------------------------*/ div.formBalloon { background: none; border: none; margin-left: auto; margin-right: auto; } div.formBalloon:before { background: none; content: url("../img/bg/form_balloon_header.gif"); display: block; height: 10px; } div.formBalloon span.before { background-image: url("../img/bg/form_balloon_header.gif"); display: block; height: 10px; } div.formBalloon span.before img { background: none; display: block; height: 10px; } div.formBalloon div.boxBody { background-image: url("../img/bg/form_balloon_body.gif"); background-position: 0 0; background-repeat: repeat-y; border: none; padding-bottom: 3px; padding-top: 0; } div.formBalloon div.boxText { color: #da2128; } div.formBalloon ul li { background-image: none; } div.formBalloon:after { background: none; content: url("../img/bg/form_balloon_footer.gif"); display: block; height: 15px; } div.formBalloon span.after { background-image: url("../img/bg/form_balloon_footer.gif"); display: block; height: 15px; } div.formBalloon span.after img { background: none; display: block; height: 15px; } /* /////////////////////////////////////// Table Block /////////////////////////////////////// */ /*----------------------------------------------- table -----------------------------------------------*/ table { border-collapse: collapse; width: 100%; word-break: break-all; table-layout: fixed; } tr { } th, td { font-weight: normal; } thead th { text-align: center; width: auto; } /*----------------------------------------------- table.form -----------------------------------------------*/ table.form { } table.form tbody th { padding-right: 5px 15px 5px 5px; width: 145px; } table.form tbody td { padding: 5px 15px; } table.formNoBorder tbody td { border: none; padding-left: 22px; padding-right: 22px; } table.form ul.inline li { background-image: none; margin-right: 1.5em; padding-left: 0; white-space: normal; } table.form .cautionText { color: #999; font-size: 90%; margin-top: 10px; } /* ul.contentList */ table.form ul.contentList2col { margin-right: -9px; } table.form ul.contentList2col li { margin-right: 9px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 223px; *width: 211px; } table.form ul.contentList3col { margin-right: -10px; } table.form ul.contentList3col li { margin-right: 10px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 138px; *width: 127px; } table.form ul.contentList4col { margin-right: -11px; } table.form ul.contentList4col li { margin-right: 11px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 95px; *width: 85px; } /* div.formElementContent */ table.form div.formElementContent { position: relative; } table.form div.formElementContent span { *zoom: 100%; } table.form div.formElementContent span.formBubble { left: -32px; position: absolute; top: 2px; } table.form div.formElementContent div.box { border: none; } /* .focusHighlight */ table.form tr.focusHighlight th, table.form tr.focusHighlight td { background-image: url("../img/bg/highlight.gif"); } /* Exception Rules */ table.form div.formElementContent + div.formElementContent { margin-top: 10px; } div.table_form-sibling-div_formElementContent { margin-top: 10px; } table.form div.formElementContent p:first-child, table.form div.formElementContent ul:first-child { margin-top: 0; } table.form div.formElementContent div.formBalloon + p, table.form div.formElementContent div.formBalloon + ul { margin-top: 0; } p.table_form-div_formElementContent-p-first-child, ul.table_form-div_formElementContent-ul-first-child { margin-top: 0; } p.table_form-div_formBalloon-sibling-p, ul.table_form-div_formBalloon-sibling-ul { margin-top: 0; } /* div.formBalloon */ table.form div.formBalloon { margin-top: 0; position: absolute; top: 0; } table.form div.formBalloon:after { content: url("../img/bg/form_balloon_footer_in_table.gif"); } table.form div.formBalloon span.after { background-image: url("../img/bg/form_balloon_footer_in_table.gif"); } /*----------------------------------------------- table.formNoBorder -----------------------------------------------*/ table.formNoBorder { } table.formNoBorder tbody td { border: none; padding-left: 32px; padding-right: 32px; } /* ul.contentList */ table.formNoBorder ul.contentList2col { margin-right: -9px; } table.formNoBorder ul.contentList2col li { margin-right: 9px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 292px; *width: 285px; } table.formNoBorder ul.contentList3col { margin-right: -10px; } table.formNoBorder ul.contentList3col li { margin-right: 10px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 184px; *width: 177px; } table.formNoBorder ul.contentList4col { margin-right: -11px; } table.formNoBorder ul.contentList4col li { margin-right: 11px; padding-left: 21px; *padding-left: 28px; text-indent: -21px; *text-indent: -28px; width: 129px; *width: 122px; } /*------------------------------------------------------------------- Local Navigation -------------------------------------------------------------------*/ div.localNav { width: 220px; border: none; margin-top: 20px; *margin-top: 0; line-height: 1.3; } div.localNav dl.nav { border: none; margin-top: 20px; line-height: 1.3; } div.localNav dl.nav dt { background-image: url(../img/bg/under_column_header_bg.gif); background-position: 0 0; background-repeat: no-repeat; border: none; border-bottom: none !important; color: #fff; font-size: 116%; font-weight: bold; margin: 0; padding: 0 0 0 20px; } div.localNav dl.nav dt a, div.localNav dl.nav dt span { padding: 10px 10px 7px; border-bottom: none !important; color: #fff !important; font-weight: bold; display: block; } div.localNav dl.nav dt a:hover { text-decoration: underline; } div.localNav dl.nav dd { background-color: #e3ebf1; background-image: url(../img/bg/under_column_bg.gif); background-position: left bottom; background-repeat: no-repeat; border: none; margin-top: 0; padding: 0 5px 5px 5px; } div.localNav dl.nav dd ul { margin: 0; border-top: none; } div.localNav dl.nav dd ul li { border: none; border-top: none; margin: 0; padding: 5px 0 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.localNav dl.nav dd ul li p { margin-top: 0; } div.localNav dl.nav dd ul li a { background-color: #fff; padding: 10px 10px 8px 30px; background-image: url(../img/bg/under_side_navi_link_bg_off.gif); background-position: 0.9em 0.9em; background-repeat: no-repeat; color: #333; display: block; margin: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.localNav dl.nav dd ul li a:hover { background-image: url(../img/bg/under_side_navi_link_bg_on.gif); background-position: 0.9em 0.9em; background-repeat: no-repeat; color: #333; margin: 0; text-decoration: none; } div.localNav dl.nav dd ul li ul { margin: 0; } div.localNav dl.nav dd ul li ul li { padding: 1px; } div.localNav dl.nav dd ul li ul li a { background-position: 0.9em 0.9em; padding: 10px 20px 10px 30px; } div.localNav dl.nav dd ul li span { display: block; margin: 0; padding: 10px 10px 10px 30px; background: url(../img/bg/under_side_navi_link_bg_on.gif) no-repeat; background-position: 0.9em 0.9em; } /*----------------------------------------------- Footer -----------------------------------------------*/ div#footer { width: 1000px; _width: 980px; _background-color: #fff; /* background-image: url(../img/bg/footer_container.png); */ _background-image: none; /* background-position: 50% 100%; */ /* background-repeat: no-repeat; */ font-size: 93%; margin: 0 auto 20px !important; padding: 0 0 5px; position: relative; } /* Link Color */ div#footer a:link, div#footer a:visited { color: #333; } div#footer a:hover, div#footer a:active, div#footer a:focus { color: #014375; text-decoration: none; } div#footer ul.inquiry { position: absolute; left: 30px; top: -40px; margin: 0; } div#footer ul.inquiry li { background-image: none; float: left; padding: 0; margin: 0 10px 0 0; } div#footer div.returnTop { position: absolute; right: 30px; *right: 26px; top: -23px; } div#footer div.content { border-top: 4px solid #00a7ec; } div#footer dl { width: 220px !important; float: left !important; line-height: 1.3; margin: 15px 0 0 20px; *margin: 15px 0 0 10px; padding: 0; } div#footer dl dt { background-image: url(../img/icon/page_next.gif); background-position: 0 0.5em; background-repeat: no-repeat; font-weight: normal; padding-left: 0.8em; border-bottom: none; } div#footer dl ul.linkList { float: left; width: 205px; margin: 10px 0 0 0; padding: 0 0 0 10px; } div#footer dl.noChild ul.linkList { float: left; width: 205px; margin: 0 !important; padding: 0 !important; } div#footer dl ul.linkList li { background-image: url(../img/icon/page_next_02.gif) !important; background-position: 0 0.5em; background-repeat: no-repeat; } div#footer dl.noChild ul.linkList li { background-image: url(../img/icon/page_next.gif) !important; background-position: 0 0.5em; background-repeat: no-repeat; } div#footer ul.inline { border-top: 1px dashed #bfc6cd; border-bottom: none; padding: 10px 0 0; text-align: center; margin-top: 20px; } div#footer ul.inline li { margin-left: 15px; padding-left: 0.8em; display: inline-block; *display: inline; float: none; } div#footer p { padding: 5px 0; text-align: center; } div#footer div.componentStyle01 { margin: 15px 0 0 0; padding: 0; } div#footer div.componentStyle01 div.composition { padding: 5px 10px 0 10px; } div#footer div.text { padding: 0; } div#footer div.text p { text-align: left !important; margin: 0 !important; } div#footer div.artwork { background: none; } div#footer div.artwork ul { margin: 0; padding: 0; } div#footer div.artwork ul li { background-image: none; display: inline-block; float: left; margin: 5px 0 0 45px; padding: 0; } div#footer div.artwork ul li img { vertical-align: top; } /* /////////////////////////////////////// Comment out Block /////////////////////////////////////// */ .commentOut { display: none; } /* .externalIcon */ .externalIcon { background-image: url("../img/icon/external.gif"); background-position: right 0.2em; background-repeat: no-repeat; padding-right: 17px; } /*------------------------------------------------------------------- Clearfix -------------------------------------------------------------------*/ div.topicPath, div.topicPath ul, div#header div.topicPath ul.nav, div#globalNav ul, div.contentListStyle01, div.contentListStyle02, div.contentListStyle03, .clearfix { *zoom: 100%; /* Only Mac IE \*//*/ height: auto; display: inline-table; /**/ } div.topicPath:after, div.topicPath ul:after, div#header div.topicPath ul.nav:after, div#globalNav ul:after, div.contentListStyle01:after, div.contentListStyle02:after, div.contentListStyle03:after, .clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } /* /////////////////////////////////////// Block Style in Box Layout /////////////////////////////////////// */ /*------------------------------------------------------------------- Heading -------------------------------------------------------------------*/ /*----------------------------------------------- div.headingLevel2 -----------------------------------------------*/ .boxLayout div.headingLevel2, .boxLayoutMerge div.headingLevel2, .boxLayoutSeparate div.headingLevel2 { margin-left: 0; margin-right: 0; } /*----------------------------------------------- div.headingLevel3 -----------------------------------------------*/ .boxLayout div.headingLevel3, .boxLayoutMerge div.headingLevel3, .boxLayoutSeparate div.headingLevel3 { margin-left: 0; margin-right: 0; } .layout2col_grid3to9 div.ccm-layout-col-2 { width: 700px; } .fontBold { font-weight: bold; } /*----------------------------------------------- body#blockTemplate -----------------------------------------------*/ body#blockTemplate { background-image: none; background-color: #fff; } /*----------------------------------------------- body#top -----------------------------------------------*/ /*----------------------------------------------- header search -----------------------------------------------*/ div#header .search_add ul.linkList li:last-child { background-image: none; margin-top: 0px; margin-right: 1px; margin-left: 10px; } .search_add ul.inline li { display: inline; float: left; margin-top: 0px; } div#header .search_add div.search { width: 220px !important; margin-right: 1px !important; margin-left: 0px !important; } /*google css 書き換え部分*/ table .gsc-search-box { margin-top: 0 !important; } table.gsc-search-box td { vertical-align : middle; padding: 0 0 0 2px !important; } .search table { margin-top: 0 !important; } .search table td { border: none; padding: 0 !important; } table.gsc-search-box td { padding: 1px !important; } .search .gsc-input-box { height: 20px !important; overflow: hidden; } .search .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { margin-top: 0px !important; } .search .cse input.gsc-search-button, input.gsc-search-button { padding: 0px !important; border:none !important; } .search .cse input.gsc-search-button, input.gsc-search-button { padding: 5px 12px 4px !important; height: auto !important; min-width: auto !important; margin-top: 0 !important; } .search .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 7px !important; } .search input.gsc-input { font-size: 12px !important; width: 99% !important; } #cse td { border: none; } /*----------------------------------------------- KvContainer -----------------------------------------------*/ div#kvContainer { display: none; } body#top div#kvContainer { margin-left: auto; margin-right: auto; width: 960px; } body#top #KV_201407 { width: 1000px; _width: 980px; height: 270px; /* background-image: url(../img/bg/container.png); */ _background-image: none; _background-color: #fff; _*background-color: none; /* background-position: 0 0; */ /* background-repeat: repeat-y; */ overflow: hidden; position: relative; margin: 0 auto 0; * margin: 0 auto -6px; padding: 0; /* clearfix */ } body#top div#keyvisual ul.slider { } body#top div#keyvisual ul.slider li { padding: 0; background: none; font-size: 0; line-height: 0; } body#top div#keyvisual ul.slider div.content { margin: 0 auto; width: 980px; height: 240px; } body#top div#keyvisual ul.slider { margin: 0px 0 -10px 0 !important; padding: 0 !important; } body#top div#keyvisual ul.slider li.slide { margin-top: 0; padding: 0; width: 100%; background: none; } /* keyvisual1 */ body#top div#keyvisual ul.slider div.keyvisual1 { } body#top div#keyvisual ul.slider div.keyvisual1 div.content { background: none; background-color: #fff; width: 980px; height: 230px; margin: 0 auto; padding: 0 0 20px !important; position: relative; } body#top div#keyvisual ul.slider div.keyvisual1 div.content ul.buttonLayout { height: 260px; margin: 10px -10px 10px 0; _margin: 10px -10px 20px 0; padding-bottom: 10px; position: absolute; top: 0; left: 10px; } body#top div#keyvisual ul.slider div.keyvisual1 div.content ul.buttonLayout li { float: left; font-size: 0; line-height: 0; margin: 0 10px 10px 0 !important; *margin: 0 8px 10px 0 !important; padding-bottom: 0; _padding-bottom: 20px; background: none; } body#top div#keyvisual ul.slider div.keyvisual1 div.content ul.buttonLayout { vertical-align: bottom !important; font-size: 0; line-height: 0; padding-bottom: 20px !important; } /* keyvisual2 */ body#top div#keyvisual ul.slider div.keyvisual2 div.content { width: 980px; height: 240px; background: url(../img/common/key_visual_02.jpg) no-repeat 50% 0; margin: 10px auto 0; padding: 0; position: relative; } body#top div#keyvisual ul.slider div.keyvisual2 div.content ul.buttonLayout { right: 36px; top: 26px; position: absolute; margin: 0; } body#top div#keyvisual ul.slider div.keyvisual2 div.content ul.buttonLayout li { margin-top: 0; padding-bottom: 13px; background: none; } /* keyvisual3 */ body#top div#keyvisual ul.slider div.keyvisual3 div.content { width: 980px; height: 240px; background: url(../img/common/key_visual_03.jpg) no-repeat 50% 0; margin: 10px auto 0; padding: 0; position: relative; } body#top div#keyvisual ul.slider div.keyvisual3 div.content ul.buttonLayout { right: 36px; top: 26px; position: absolute; margin: 0; } body#top div#keyvisual ul.slider div.keyvisual3 div.content ul.buttonLayout li { margin-top: 0; padding-bottom: 13px; background: none; } /* keyvisual4 */ body#top div#keyvisual ul.slider div.keyvisual4 div.content { width: 980px; height: 240px; background: url(../img/common/key_visual_04.jpg) no-repeat 50% 0; margin: 10px auto 0; padding: 0; position: relative; } body#top div#keyvisual ul.slider div.keyvisual4 div.content ul.buttonLayout { right: 36px; top: 26px; position: absolute; margin: 0; } body#top div#keyvisual ul.slider div.keyvisual4 div.content ul.buttonLayout li { margin-top: 0; padding-bottom: 13px; background: none; } /*------------------------------------------------------------------- div#KV_201407 -------------------------------------------------------------------*/ body#top #KV_201407 { width: 1000px; _width: 980px; height: 270px; /* background-image: url(../img/bg/container.png); */ _background-image: none; _background-color: #fff; _*background-color: none; /* background-position: 0 0; */ /* background-repeat: repeat-y; */ overflow: hidden; position: relative; margin: 0 auto 0; * margin: 0 auto -6px; padding: 0; /* clearfix */ } body#top #KV_201407 div.flexslider { overflow: hidden; position: relative; } body#top #KV_201407 div.flexslider ul.slides { margin: 0; height: 240px; overflow: hidden; } body#top #KV_201407 div.flexslider ul.slides li { background: none; height: 240px; margin: 0; padding: 0; width: 100%; } body#top #KV_201407 div.flexslider ul.slides li p { margin-top: 0; } /*----- div.content -----*/ body#top #KV_201407 ul.slides div.content { margin: 0 auto; width: 980px; height: 240px; } /* keyvisual1 (col3) */ body#top #KV_201407 ul.slides li div.keyvisual1 { } body#top #KV_201407 ul.slides li div.keyvisual1 div.buttonLayout { padding-top: 10px; /* clearfix */ } body#top #KV_201407 ul.slides li div.keyvisual1 div.buttonLayout p { float: left; margin-left: 10px; } body#top #KV_201407 ul.slides li div.keyvisual1 div.buttonLayout p img { background: transparent no-repeat top center; width: 313px; height: 230px; } body#top #KV_201407 ul.slides li div.keyvisual1 div.buttonLayout p a:hover img { background-position: bottom center; } body#top #KV_201407 ul.slides li div.keyvisual1 div.buttonLayout p.button_01 img { background-image: url(../img/button/kv_button_01_01_201411.jpg); } body#top #KV_201407 ul.slides li div.keyvisual1 div.buttonLayout p.button_02 img { background-image: url(../img/button/kv_button_01_02.jpg); width: 314px; } body#top #KV_201407 ul.slides li div.keyvisual1 div.buttonLayout p.button_03 img { background-image: url(../img/button/kv_button_01_03.jpg); } /* keyvisual2~4 (btn) */ body#top #KV_201407 ul.slides li div.btn div.content { margin: 10px auto 0; text-align: center; } body#top #KV_201407 ul.slides li div.btn div.content p a img { background: no-repeat center top; width: 960px; height: 230px; } body#top #KV_201407 ul.slides li div.btn div.content p a:hover img { background-position: center bottom; } /* keyvisual2 */ body#top #KV_201407 ul.slides li div.btn.keyvisual2 div.content p a img { background-image: url(../img/common/KV_201602_02.jpg); } /* keyvisual3 */ body#top #KV_201407 ul.slides li div.btn.keyvisual3 div.content p a img { background-image: url(../img/common/KV_201407_04.jpg); } /* keyvisual4 */ body#top #KV_201407 ul.slides li div.btn.keyvisual4 div.content p a img { background-image: url(../img/common/KV_201407_03.jpg); } /*----- pager -----*/ body#top #KV_201407 .flex-control-nav { margin: 0 auto; height: 11px; padding-top: 18px; text-align: center; } body#top #KV_201407 .flex-control-paging li { display: inline; font-size: 0; line-height: 1; list-style: none; margin: 0 5px; } body#top #KV_201407 .flex-control-paging li a { background: #C8C6C6 url('../img/button/KV_201407_paging.gif') no-repeat top center; cursor: pointer; display: inline-block; height: 11px; overflow: hidden; vertical-align: top; white-space: nowrap; width: 11px; } body#top #KV_201407 .flex-control-paging li a.flex-active { background-color: #0067A2; background-position: bottom center; } /*----- slide link -----*/ body#top #KV_201407 .flex-direction-nav { display: none; } /*------------------------------------------------------------------- Top_case -------------------------------------------------------------------*/ .bx-wrapper { position: relative; width: 960px; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; padding: 0 10px; } .bx-wrapper img:hover { background-position: bottom center; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { width: 960px; background: #fff; overflow: hidden; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; /* background: url(images/bx_loader.gif) center center no-repeat #fff; */ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #c8c6c6; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #c8c6c6; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #0067a2; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; /* background: url(images/controls.png) no-repeat 0 -32px; */ } .bx-wrapper .bx-next { right: 10px; /* background: url(images/controls.png) no-repeat -43px -32px; */ } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; /* background: url(images/controls.png) -86px -11px no-repeat; */ margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; /* background: url(images/controls.png) -86px -44px no-repeat; */ margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*----------------------------------------------- .layout2col_grid8to4 -----------------------------------------------*/ /* body#top .singleColumn .layout2col_grid8to4 { margin-left: -10px; margin-right: -10px; } body#top .singleColumn .layout2col_grid8to4 div.ccm-layout-col-1 { width: 600px; } body#top .singleColumn .layout2col_grid8to4 div.ccm-layout-col-2 { width: 340px; } body#top .singleColumn .layout2col_grid8to4 h2 { margin-top: 20px; } */ /*----------------------------------------------- .layout2col_article -----------------------------------------------*/ body#top .singleColumn .layout2col_article { width: 960px; margin: 0; } body#top .singleColumn .layout2col_article div.col { width: 460px; } body#top .singleColumn .layout2col_article .ccm-layout-col-2 { margin-left: 0; } body#top .singleColumn .layout2col_article .ccm-layout-col-2 div.composition { border: none; border-bottom: 1px dashed #bfc6cd !important; } /*----------------------------------------------- .layout2col_grid9to3 -----------------------------------------------*/ body#top .singleColumn .layout2col_grid9to3 div.ccm-layout-col-2 { width: 200px; background-color: #f5f8fa; border-radius: 4px; margin-top: 20px; padding: 10px 10px 0 10px; } body#top .singleColumn .layout2col_grid9to3 div.ccm-layout-col-2 p { margin: 0 0 10px 0; } /*----------------------------------------------- HeadingLevel4 -----------------------------------------------*/ body#top div.headingLevel4 { margin-top: 20px !important; } /*----------------------------------------------- ContentList6col -----------------------------------------------*/ body#top div.thumbContent ul.contentList6col { width: 610 !important; margin-top: 0; margin-right: -20px !important; margin-left: 10px; overflow: hidden; } body#top div.thumbContent ul.contentList6col li.thumbStyle { width: 270px !important; *width: 270px !important; _width: 260px !important; background-image: none; background-color: #e2ebf1 !important; border: none !important; margin-right: 20px; margin-top: 20px; padding: 5px 5px 0 5px; border-radius: 5px; } /* .layout2col_grid8to4 div.ccm-layout-col-2 */ body#top .singleColumn .layout2col_grid8to4 div.ccm-layout-col-2 div.thumbContent ul.contentList6col li.thumbStyle { margin-right: 0 !important; margin-top: 20px; width: 310px !important; } body#top div#main div.thumbContent ul.contentList6col li.thumbStyle p { width: 260px !important; margin-top: 5px; margin-left: 0 !important; padding: 5px; } body#top div#main div.thumbContent ul.contentList6col li.thumbStyle p.image { margin-top: 0; margin-bottom: 5px; margin-left: 0 !important; padding: 0 !important; } body#top div#main div.thumbContent ul.contentList6col li.thumbStyle p.image img { width: 270px !important; } /* .layout2col_grid8to4 div.ccm-layout-col-2 */ body#top div#main .layout2col_grid8to4 div.ccm-layout-col-2 div.thumbContent ul.contentList6col li.thumbStyle p img { width: 310px !important; } body#top div#main .layout2col_grid8to4 div.ccm-layout-col-2 div.thumbContent ul.contentList6col li.thumbStyle p { width: 300px !important; } body#top div.thumbContent ul.contentList6col li.thumbStyle:hover, body#top div.thumbContent ul.contentList6col li.thumbStyle p:hover { background-color: #f5f8fa !important; cursor: pointer; } /*----------------------------------------------- div.lineSeparateNav -----------------------------------------------*/ body#top div#main ul.lineSeparateNav { margin-top: 0 !important; } /*----------------------------------------------- div.composition -----------------------------------------------*/ body#top div#main div.composition, body#top div.imgLeft div.artwork, body#top iv.imgRight div.imgLeft div.artwork { border: none; outline: none; display: inline; float: left; padding: 7px 0 7px !important; margin-top: 0 !important; margin-right: 0px; margin-bottom: px !important; margin-left: 7px; } body#top div#main div.composition div.artwork p, body#top div#main div.composition div.text p { margin-top: 5px !important; } /*----------------------------------------------- body#top .top_service -----------------------------------------------*/ body#top .top_service { } body#top .top_service .layout2col_separate div.col.heading { background-color: #CCC; color: #FFF; position: relative; width: 80px; } body#top .top_service .layout2col_separate div.col.heading img { width: 40px; height: 88px; position: absolute; top: 50%; left: 50%; margin: -44px -20px; } body#top .top_service .layout2col_separate div.col.first, body#top .top_service .layout2col_separate.service3 div.col.last { width: 370px; margin-left: 10px; } body#top .top_service .layout2col_separate div.col.hd2 { margin-left: 20px; } body#top .top_service .layout2col_separate.service1 div.col.heading { background-color: #21B2ED; } body#top .top_service .layout2col_separate.service2 div.col.heading { background-color: #E94D13; } body#top .top_service .layout2col_separate.service3 div.col.heading.hd1 { background-color: #8A77A1; } body#top .top_service .layout2col_separate.service3 div.col.heading.hd2 { background-color: #FFC14B; } body#top .top_service .card { border-radius: 3px; display: block; min-height: 88px; padding: 10px; } body#top .top_service a.card:link, body#top .top_service a.card:visited { background-color: #fff; color: #333; } body#top .top_service a.card:hover, body#top .top_service a.card:active, body#top .top_service a.card:focus { background-color: #e0e7ec; text-decoration: none; } body#top .top_service a.card img { display: block; } body#top .top_service a.card .txt { display: block; margin-top: 10px; } /*----------------------------------------------- HeadingLevel Link Color -----------------------------------------------*/ h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, h3 a:focus, h5 a:link, h5 a:visited, h5 a:hover, h5 a:active, h5 a:focus, h6 a:link, h6 a:visited, h6 a:hover, h6 a:active, h6 a:focus { color: #333 !important; text-decoration: none !important; } h4 a:link, h4 a:visited, h4 a:hover, h4 a:active, h4 a:focus { background: url(../img/icon/icon_h4_a.gif) no-repeat 0 4px; color: #1C92E4 !important; padding-left: 20px; text-decoration: none !important; } /*----------------------------------------------- ul.subNavi -----------------------------------------------*/ ul.subNavi { width: 700px !important; margin: 30px auto 0; padding: 0 !important; overflow: hidden; } ul.subNavi li { float: left; font-size: 0; margin: 0; *margin: 0 -1px 0 0; padding: 0; } /*----------------------------------------------- a.link, link a -----------------------------------------------*/ body a.link, div.link a, ul.link a, ol.link a, dl.link a { background-image: url(../img/icon/page_next.gif); background-position: 0 0.5em; background-repeat: no-repeat; padding-left: 0.8em; } /*----------------------------------------------- bg, border -----------------------------------------------*/ div.bg, ul.bg, ol.bg, dl.bg, p.bg { background-color: #f6f9fb; margin: 15px 0 !important; padding: 10px !important; } div#utility div.bg, div#utility ul.bg, div#utility ol.bg, div#utility dl.bg, div#utility p.bg { background-color: #f6f9fb; margin: 15px 0 !important; padding: 10px; } div.bg p, ul.bg p, ol.bg p, dl.bg p { margin-top: 10px !important; } div.border, ul.border, ol.border, dl.border, p.border { border: 1px solid #d6dce2; padding: 10px !important; } .frame_border p { border: 1px solid #cccccc; margin: 20px 0; } .case_height .headingLevel4 { margin-top: 20px; } .case_height .headingLevel4 .text { padding-top: 0; } /*----------------------------------------------- utility -----------------------------------------------*/ div#utility div#blockStyle280CommonParts27 { margin-top: 20px; } div#utility div#blockStyle129CommonParts8 { margin-top: 20px; } div#utility div#blockStyle129CommonParts8 bg { background-color: #f6f9fb; margin: 15px 0 !important; padding: 1px 10px 10px 10px !important; } /*------------------------------------------------------------------- localNavBlock -------------------------------------------------------------------*/ div.localNavBlock { width: 220px; background-color: #e3ebf1; background-image: url(../img/bg/under_column_bg.gif); background-position: left bottom; background-repeat: no-repeat; border: none; margin-top: 20px; line-height: 1.3; overflow: hidden; } div.localNavBlock ol { margin: 0 0 5px; padding: 0; } div.localNavBlock ol li { background-image: url(../img/bg/under_column_header_bg.gif); background-position: 0 0; background-repeat: no-repeat; border: none; border-bottom: none !important; list-style-position: outside !important; color: #fff; font-size: 116%; font-weight: bold; margin: 0 !important; padding: 0 !important; } div.localNavBlock ol li a { margin: 0 !important; padding: 10px 10px 7px 30px; _padding: 10px 10px 0px 30px; border-bottom: none !important; color: #fff !important; font-weight: bold; display: block; } div.localNavBlock ol li a:hover { text-decoration: underline; } div.localNavBlock img { margin: 0 auto 5px; } div.localNavBlock p { margin-top: 10px !important; } div.localNavBlock ul { width: 220px; margin: 0 auto; } div.localNavBlock ul li { background-image: none; margin-top: 0; margin-bottom: 0; padding: 0 5px 5px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.localNavBlock ul li a { background-color: #fff; padding: 10px 10px 8px 30px; background-image: url(../img/bg/under_side_navi_link_bg_off.gif); background-position: 0.9em 0.9em; background-repeat: no-repeat; color: #333; display: block; margin: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.localNavBlock ul li a:hover { background-image: url(../img/bg/under_side_navi_link_bg_on.gif); background-position: 0.9em 0.9em; background-repeat: no-repeat; color: #333; margin: 0; text-decoration: none; } /*----------------------------------------------- topM15 -----------------------------------------------*/ .topM15 { margin-top: 15px !important; } /*----------------------------------------------- CVbannar -----------------------------------------------*/ div.cv_cont { background-image: url(/themes/gakujo_site/theme/img/button/con_banner1120.png); width: 695px; height: 180px; } div#container div.cv_cont li { float: left; margin: 0; padding-right: 12px; background: none; } div.cv_cont ul.btn_cont { padding-top: 111px; padding-left: 38px; } /* Re就活バナー */ div.bannar_box { background-image: url(/files/8013/9650/7731/img0625_10.jpg); height: 154px; position: relative; margin: 30px auto; } div.bannar_box p { width: 420px; padding-top: 61px; margin-left: 18px; } ul.bannar_link { position: absolute; top: 112px; left: 20px; } /* */ div.banner_box { /*background-image: url('.../banner_box_bg.gif');*/ background-repeat: no-repeat; background-position: top left; margin-top: 15px; padding-top: 15px; position: relative; } div.banner_box img { vertical-align: bottom; /* for IE7 */ } div.banner_box p { margin: 10px 20px 0; width: 420px; } ul.banner_link { margin: 0 20px 8px; _margin-bottom: 0; /* for IE7 */ } img.banner_10th { margin-top: -48px; position: absolute; top: 50%; left: 480px; width: 186px; height: 96px; } /*----------------------------------------------- table_style -----------------------------------------------*/ table.table_style th { width: auto; text-align: center; vertical-align: middle; } table.table_style th.th_width { width: 28px; line-height: 1.3; } table.table_style th.th_width02 { width: 77px; } table.table_style th.th_width03 { width: 170px; } td.td_style { text-align:center; } td.td_style02 { width:78px; } /*----------------------------------------------- http://service.gakujo.ne.jp/index.php?cID=252で、改行禁止によるレイアウト崩れが起こったため取り消し -----------------------------------------------*/ div.listStyle ul li.item-only { white-space: normal; } /*------------------------------------------------------------------- .boxContact -------------------------------------------------------------------*/ .boxContact { } .boxContact .lead { margin-top: 20px; } .boxContact .tel { margin-top: 20px; } .boxContact .tel li { background-image: none; margin-top: 10px; padding: 0; text-align: center; } .boxContact .btn { margin-top: 25px; } .boxContact .btn li { background-image: none; margin-top: 15px; padding: 0; text-align: center; } /*------------------------------------------------------------------- .boxServiceIndex -------------------------------------------------------------------*/ .boxServiceIndex { margin: 0 -10px; } .boxServiceIndex .boxLayoutSeparate div.boxCol { padding: 0 10px 10px; } .boxServiceIndex .layout2col_boxSeparate .boxCol.first { width: 580px; } .boxServiceIndex .layout2col_boxSeparate .boxCol.last { width: 320px; } .boxServiceIndex .headingImageLevel2 { margin: 0 -10px; } /*------------------------------------------------------------------- .listBannerBlock -------------------------------------------------------------------*/ .listBannerBlock { } .listBannerBlock .banner { margin-right: -20px; overflow: hidden; text-align: left; } .listBannerBlock .banner li { display: block; float: left; margin-left: 0; margin-right: 20px; width: 160px; } .singleColumn .listBannerBlock .banner li { width: 220px; } .singleColumn .listBannerBlock .banner li a:hover { cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } /*------------------------------------------------------------------- .listCardIndex -------------------------------------------------------------------*/ .listCardIndex { } .listCardIndex ul { margin: 0; } .listCardIndex ul li { background-image: none; margin: 20px 0 0; padding: 0; } .listCardIndex ul.contentList2col { margin-right: -20px; *zoom: 100%; } .listCardIndex ul.contentList2col li { margin-right: 20px; width: 280px; } .listCardIndex .card { background-color: #fff; border-radius: 3px; display: block; padding: 10px; } .listCardIndex .card:link, .listCardIndex .card:visited { background-color: #fff; color: #333; } .listCardIndex .card:hover, .listCardIndex .card:active, .listCardIndex .card:focus { background-color: #e0e7ec; text-decoration: none; } .listCardIndex .card img { display: block; } .listCardIndex .card .txt { display: block; margin-top: 10px; } /*------------------------------------------------------------------- .listFlowGuide -------------------------------------------------------------------*/ .listFlowGuide { } .listFlowGuide li { background-image: url("../img/bg/ptn_dash_line.gif"); background-position: 0 100%; background-repeat: repeat-x; padding: 15px 0; } .listFlowGuide .item { } .listFlowGuide .item .title, .listFlowGuide .item .text, .listFlowGuide .item .service { display: table-cell; vertical-align: middle; } .listFlowGuide .item .title, .listFlowGuide .item .text { background-image: url("../img/icon/arrow_flow_right.gif"); background-position: 100% 50%; background-repeat: no-repeat; } .listFlowGuide .item .title { width: 314px; } .listFlowGuide .item .text { width: 468px; } .listFlowGuide .item .text p { margin: 0 50px 0 40px; } .listFlowGuide .item .service { width: 158px; } .listFlowGuide .item .service p { margin: 0 20px 0 30px; } /* for IE7 */ .listFlowGuide .item .title, .listFlowGuide .item .text, .listFlowGuide .item .service { *display: inline; *float: left; } /*------------------------------------------------------------------- (#top) div.toppage div.newsRelease ul.separate -------------------------------------------------------------------*/ div.toppage div.newsRelease ul.separate { border-bottom: 0; } div.toppage div.newsRelease ul.separate li { margin-top: 15px; } div.toppage div.newsRelease ul.separate li dl.index dt { float: none; font-weight: bold; } /*----------------------------------------------- .data_CV_201606 -----------------------------------------------*/ /*----------------------------------------------- .data_CV_201606.verA -----------------------------------------------*/ .data_CV_201606.verA, .data_CV_201606.verA .boxColumn { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-top: 24px; } .data_CV_201606.verA { background: #00669F; color: #FFF; padding: 11px; } .data_CV_201606.verA .heading { font-size: 138.5%; font-weight: bold; margin-top: 2px; } .data_CV_201606.verA .boxColumn { background-color: #FFF; color: #5D5D5D; margin-top: 0; padding: 12px 0 12px 24px; } .data_CV_201606.verA .boxColumn .boxHeading { font-size: 123.1%; margin-bottom: 6px; padding-left: 6px; } .data_CV_201606.verA .boxColumn .boxCol { width: 187px; margin-left: 35px; } .data_CV_201606.verA .boxColumn .boxCol.first { margin-left: 0; } /*----------------------------------------------- .data_CV_201606.verB -----------------------------------------------*/ .data_CV_201606.verB { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #1472A7; background-image: url('../img/bg/data_CV_201606_verB.png'); color: #FFF; margin-top: 24px; padding: 19px 12px 10px; } .data_CV_201606.verB .heading { font-size: 138.5%; font-weight: bold; line-height: 1; text-align: center; } .data_CV_201606.verB .boxColumn { background-color: #FFF; background-image: url('../img/bg/data_CV_201606_verB_boxColumn.png'); background-position: center bottom; background-repeat: repeat-x; } .data_CV_201606.verB .boxColumn .boxCol { width: 224px; margin-left: 2px; } .data_CV_201606.verB .boxColumn .boxCol.first { margin-left: 0; } /*------------------------------------------------------------------- Clearfix -------------------------------------------------------------------*/ body#top div#keyvisual, body#top div#keyvisual div.keyvisual1 div.content ul.buttonLayout, body#top #KV_201407, body#top #KV_201407 ul.fadeSlider li div.keyvisual1 div.content div.buttonLayout, ul.subNavi, .clearfix { *zoom: 100%; /* Only Mac IE \*//*/ height: auto; display: inline-table; /**/ } body#top div#keyvisual:after, body#top div#keyvisual div.keyvisual1 div.content:after, ul.buttonLayout:after, body#top #KV_201407:after, body#top #KV_201407 ul.fadeSlider li div.keyvisual1 div.content div.buttonLayout:after, ul.subNavi:after, .clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } .online_meeting { text-align: center; font-size: 10px; font-weight: bold; margin-top: 10px; } .online_meeting span { font-size: medium; } /* Error */ .message, .finished-message { background: #FCE7E8; color: #F00; margin: 15px auto 0; max-width: 500px; padding: 10px; } /* table */ .wrapper { overflow: hidden; } table.items { border-top: 1px solid #d8d8d8; } table.items tr.item { border: 1px solid #d8d8d8; border-top: 0; display: block; overflow: hidden; padding-bottom: 8px; position: relative; } table.items tr.item td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: none; display: block; } table.items tr.item td.label { background-color: #eee; border-right: 1px solid #d8d8d8; float: left; width: 40%; height: 100%; left: 0; top: 0; padding-bottom: 1000px; margin-bottom: -1000px } table.items tr.item td.value { float: left; padding-bottom: 0; position: relative; width: 60%; } table.items tr.item td.comment { float: left; margin-left: 40%; margin-bottom: -5px; padding: 5px 10px 0; } /* required */ /* p.required_msg, */ span.required { float: right; margin-right: 4px; font-size: 60%; font-weight: bold; color: OrangeRed; } /* p.required_msg { font-size: 80%; } p.required_msg:after { content: "「※必須」となっている項目は必ず入力してください。"; } */ span.required:after { content: "※必須"; } /* input */ input { max-width: 100%; } textarea { height: auto; } /* submit */ .button_area { margin-top: 20px; text-align: center; } input[type="button"] { background-color: #01a7eb; background-image: none; border: 1px solid #01a7eb; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; outline: none; text-decoration: none; font-weight: bold; font-size: 116%; padding: 6px 20px; } /* フォームごと個別に設定 */ /* title */ table.items tr.item#item_xx { border-width: 0 0 1px; padding: 10px 0 0; } table.items tr.item#item_xx td { display: none; } table.items tr.item#item_xx td.label { background: none; border: none; display: block; font-weight: bold; font-size: 130%; position: relative; width: auto; } /* space */ table.items tr.item#item_xx { border-width: 0 0 1px; height: 15px; padding-bottom: 0; } table.items tr.item#item_xx td { display: none; }
プライバシーポリシーに同意の上、送信してください。

同意して送信すると、当社が個別に設定を行う場合を除き、当社はお客様のWebブラウザのクッキーにより当社のWebサイト上におけるお客様の行動履歴と個人情報を紐付けて把握、分析します。