/* BASE SETTTING */ body, p, div, td, th, form, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; color: #000000; font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif; } body { background: #E9E9E9 url("../images/mainbg.gif") top left repeat-y; } img { padding: 0px; margin: 0px; border: none; } a:link, a:visited { color: #1F41C0; text-decoration: none; } a:hover { color: #ff3333; text-decoration: underline; } a:active { color: #ff3333; text-decoration: none; } .bold { font-weight: bold; border-bottom:1px solid #444444; padding-bottom: 5px; margin-bottom: 5px; color: #037103; } .bold2 { font-weight: bold; padding-bottom: 5px; color: #037103; } .bold3 { font-weight: bold; padding-bottom: 5px; color: #000000; } .txt_b { font-weight: bold; padding-bottom: 3px; } .fcbk { color: #000000; } .fcred { color: #bb0000; } .fcorg { color: #ff7f09; } .fcgre { color: #037103; } .m3 { border-bottom:1px solid #444444; padding-bottom: 5px; margin-bottom: 5px; } /* ========== Global セット ========== */ #mainscreen { width: 760px; } /* バナーリンク縦アキ */ .banner p { padding-bottom: 5px; } /* フッダー */ #footerpagenavi { padding: 50px 10px 3px 0px; text-align: right; } #footer { border-top: 2px solid #037103; border-bottom: 1px solid #037103; padding: 10px 10px 10px 10px; margin-bottom: 20px; text-align: right; } /* 左右分割 */ #leftarea { float: left; width: 220px; margin-top: 20px; } .leftcontents { width: 210px; margin: 0px 0px 0px 10px; } #rightarea { float: right; width: 540px; margin-top: 20px; } .rightcontents { width: 510px; margin: 0px 10px 0px 20px; } /* 左エリア */ /* 右エリア */ .pickup { margin: 0px 0px 40px 0px; } .update { } /* ========== トップページ ========== */ /* ヘッダー */ #mainphoto { width: 760px; height: 279px; background: url("../images/mainphoto.jpg") top left no-repeat; } .toplogo { padding: 123px 0px 0px 20px; } /* 左右分割 */ #topleftarea { float: left; width: 530px; padding: 15px 0px 0px 0px; } .topleftcontents { width: 510px; margin: 0px 10px 0px 10px; } #toprightarea { float: right; width: 230px; } .toprightcontents { width: 210px; margin: 0px 10px 0px 10px; } /* ナビ */ .topnavitable { margin: 0px 0px 10px 0px; } .topnavitable .navitype1a { background: #F5EEDC; color: #000000; } .topnavitable .navitype1b { background: #F7EADF url("../images/navitype1bbg.jpg") top left repeat-x; vertical-align: middle; } .topnavitable .navitype2 { background: #56BD56; border-bottom:1px solid #B3BEB3; } .topnavitable .navitype1b p { padding: 3px 5px 3px 5px; color: #000000; } .topnavitable .navitype2 p { padding: 3px 5px 3px 5px; color: #ffffff; } /* Banner category1 */ .category1area { margin: 0px 0px 20px 0px; } /* マメ */ .mame { margin: 0px 0px 20px 0px; } .mame_box { background: #f2f8f2; border-left:1px solid #037103; border-right:1px solid #037103; padding: 10px 15px 0px 15px; } .mame_words_title { text-align: center; color: #037103; } .mame_words_yomi { text-align: center; padding: 0px 0px 10px 0px; color: #037103; } .mame_words_bodybox { background: #ffffff; border:1px solid #bed8be; padding: 10px; } .mame_morelink { text-align: right; padding: 10px 0px 0px 0px; } .mame_btn { text-align: right; padding: 10px 0px 0px 0px; } /* 栄養士 */ #dietitianarea { margin: 15px 0px 20px 0px; } /* インフォ */ #topinfoarea { margin: 0px 0px 40px 0px; } #topinfoarea p { margin: 0px 0px 10px 0px; } /* バナー */ #topbannerarea { margin: 0px 0px 20px 0px; } #topbannerarea p { margin: 0px 0px 10px 0px; } /* ========== セカンド共通 ========== */ #format_mainphoto { width: 760px; height: 81px; background: url("../images/format_header.jpg") top left no-repeat; } .format_toplogo { padding: 28px 0px 0px 19px; } #format_navi { } #pagetitle { margin-bottom: 10px; } #indextext { margin: 0px 0px 20px 10px; } #indexnavi { margin: 0px 15px 0px 15px; } /* カテゴリメニュー */ .categorymenu { margin-bottom: 10px; } .categorytitle { width: 360px; height: 60px; background: url("../images/format_bg_cattitle_top.gif") top left no-repeat; } .categorytitle p { padding: 20px 10px 0px 10px; } .categorytitle2 { width: 360px; height: 60px; background: url("../images/format_bg_cattitle_top.gif") top left no-repeat; } .categorytitle2 p { padding: 14px 10px 0px 10px; } .categorytext p { padding: 5px 10px 5px 10px; background: url("../images/format_bg_cattitle_mid.gif") top left repeat-y; } /* カテゴリメニュー to　Dr.コラム */ .categorymenu_column { margin-bottom: 10px; } .categorytitle_column { width: 510px; height: 60px; background: url("../images/format_bg_cattitle_top2.gif") top left no-repeat; } .categorytitle_column p { padding: 20px 10px 0px 10px; } .categorytitle2_column { width: 510px; height: 60px; background: url("../images/format_bg_cattitle_top2.gif") top left no-repeat; } .categorytitle2_column p { padding: 14px 10px 0px 10px; } .categorytext_column p { padding: 5px 10px 5px 10px; background: url("../images/format_bg_cattitle_mid2.gif") top left repeat-y; } /* コンテンツメニューのリンク色 */ .indexlink a:link, .indexlink a:visited, .indexlink a:active { color: #037103; text-decoration: underline; font-weight: bold; } .indexlink a:hover { color: #037103; text-decoration: none; font-weight: bold; } /* ========== 記事ページ ========== */ /* 左ナビ */ #leftNaviarea { margin-bottom: 10px; } #midashi { margin-bottom: 20px; } .m1, .m2 { color: #037103; } #contentstext { margin: 0px 0px 40px 0px; } #contentstext div { margin-bottom: 25px; } .bottombanner { padding-top: 20px; } #contentstext img { margin: 0px 0px 20px 20px; } #contentstext .def { margin: 0px 0px 0px 0px; } #contentstext .img2 { margin: 0px 20px 20px 0px; } .number p { padding: 1px 0px 6px 20px; } .number1 { background: url("../images/no1.gif") top left no-repeat; } .number2 { background: url("../images/no2.gif") top left no-repeat; } .number3 { background: url("../images/no3.gif") top left no-repeat; } .number4 { background: url("../images/no4.gif") top left no-repeat; } .number5 { background: url("../images/no5.gif") top left no-repeat; } .number6 { background: url("../images/no6.gif") top left no-repeat; } #nextpage { } #nextpage p { padding: 0px 0px 5px 0px; } /* 表組み */ .contentstable { border-top:1px solid #cccccc; border-left:1px solid #cccccc; } .contentstable th { padding: 5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background: #ECFAEC; color: #037103; } .contentstable td { padding: 3px 5px 3px 5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; } .contentstable .color1 { padding: 3px 5px 3px 5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background: #ECFAEC; } #txtpage { margin: 0px 50px 20px 50px; } #txtpage div { margin-bottom: 25px; } .contentstable2 { border-top:0px solid #cccccc; border-left:0px solid #cccccc; } .contentstable2 td { padding: 3px 5px 3px 5px; border-bottom:0px solid #cccccc; border-right:0px solid #cccccc; } #txtpage_indent { margin: 0px 50px 20px 90px; } .supporttable { border-top:0px solid #cccccc; border-left:0px solid #cccccc; } .supporttable td { padding: 5px; border-bottom:0px solid #cccccc; border-right:0px solid #cccccc; background: #eeeeee; } .supporttable .color1 { padding: 5px; border-bottom:0px solid #cccccc; border-right:0px solid #cccccc; background: #dddddd; } .supporttable .color2 { padding: 5px; border-bottom:0px solid #cccccc; border-right:0px solid #cccccc; background: #D0E5D0; } /* ========== インフォメーション ========== */ #txtpage_info { margin: 20px 50px 20px 50px; } .infoarea { padding: 20px 0px 20px 0px; background: url("../information/images/dotline.gif") bottom left no-repeat; } .info_date { float: left; width: 180px; } .info_txt { float: right; width: 480px; } .info_mame { width: 660px; } /* ========== サイトマップ ========== */ #sitemap_daizu a:link,#sitemap_daizu a:visited { color: #037103; text-decoration: none; } #sitemap_daizu a:hover { color: #ff3333; text-decoration: underline; } #sitemap_daizu a:active { color: #ff3333; text-decoration: none; } #sitemap_dietitian a:link,#sitemap_dietitian a:visited { color: #ff7f09; text-decoration: none; } #sitemap_dietitian a:hover { color: #ff3333; text-decoration: underline; } #sitemap_dietitian a:active { color: #ff3333; text-decoration: none; } /* ========== お問い合せ ========== */ .txtarea_form { padding: 20px 0px 0px 0px; } .txtarea_form p { padding: 0px 0px 3px 0px; } .txtarea_form_send { text-align: center; margin-top: 40px; padding: 10px 0px 10px 0px; background: #eff3ef; } .contact_table { border-top:1px solid #cccccc; border-left:1px solid #cccccc; text-align: left; } .contact_table th { width: 150px; padding: 3px; background: #e9e9e9; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; text-align:left; vertical-align: top; } .contact_table td { width: 400px; padding: 3px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; text-align:left; vertical-align: top; } .ne { color: #ff3333; } .contact_table .send { width: 570px; padding: 3px; background: #e9e9e9; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; text-align:center; vertical-align: middle; } div.clear { clear:both; height:0; } div.clear hr { display:none; } br.clr{ margin: 0; padding: 0; height:0px; clear:both; } .ftLeft { float: left; } .ftRight { float: right; } .allClear { clear: both; } /* PADDING ALL */ .pd1px { padding: 1px; } .pd3px { padding: 3px; } .pd5px { padding: 5px; } .pd10px { padding: 10px; } .pd15px { padding: 15px; } .pd20px { padding: 20px; } /* PADDING TOP */ .pt1px { padding-top: 1px; } .pt3px { padding-top: 3px; } .pt5px { padding-top: 5px; } .pt10px { padding-top: 10px; } .pt15px { padding-top: 15px; } .pt20px { padding-top: 20px; } /* PADDING RIGHT */ .pr1px { padding-right: 1px; } .pr3px { padding-right: 3px; } .pr5px { padding-right: 5px; } .pr10px { padding-right: 10px; } .pr15px { padding-right: 15px; } .pr20px { padding-right: 20px; } /* PADDING BOTTOM */ .pb1px { padding-bottom: 1px; } .pb3px { padding-bottom: 3px; } .pb5px { padding-bottom: 5px; } .pb10px { padding-bottom: 10px; } .pb15px { padding-bottom: 15px; } .pb20px { padding-bottom: 20px; } /* PADDING LEFT */ .pl1px { padding-left: 1px; } .pl3px { padding-left: 3px; } .pl5px { padding-left: 5px; } .pl10px { padding-left: 10px; } .pl15px { padding-left: 15px; } .pl20px { padding-left: 20px; } /* MARGIN ALL */ .mg1px { margin: 1px; } .mg3px { margin: 3px; } .mg5px { margin: 5px; } .mg10px { margin: 10px; } .mg15px { margin: 15px; } .mg20px { margin: 20px; } /* MARGIN TOP */ .mt1px { margin-top: 1px; } .mt3px { margin-top: 3px; } .mt5px { margin-top: 5px; } .mt10px { margin-top: 10px; } .mt15px { margin-top: 15px; } .mt20px { margin-top: 20px; } /* MARGIN RIGHT */ .mr1px { margin-right: 1px; } .mr3px { margin-right: 3px; } .mr5px { margin-right: 5px; } .mr10px { margin-right: 10px; } .mr15px { margin-right: 15px; } .mr20px { margin-right: 20px; } /* MARGIN BOTTOM */ .mb1px { margin-bottom: 1px; } .mb3px { margin-bottom: 3px; } .mb5px { margin-bottom: 5px; } .mb10px { margin-bottom: 10px; } .mb15px { margin-bottom: 15px; } .mb20px { margin-bottom: 20px; } .mb60px { margin-bottom: 60px; } /* MARGIN LEFT */ .ml1px { margin-left: 1px; } .ml3px { margin-left: 3px; } .ml5px { margin-left: 5px; } .ml10px { margin-left: 10px; } .ml15px { margin-left: 15px; } .ml20px { margin-left: 20px; } .alignLeft { text-align: left; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .valignTop { vertical-align: top; } .valignMiddle { vertical-align: middle; } .valignBottom { vertical-align: bottom; } /* ========== ヘッダーナビ ========== */ #HeaderNavi { margin: 0; padding: 0; background: url("../images/format_headnavi.gif") no-repeat; width: 760px; height: 47px; position: relative; } #HeaderNavi li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #HeaderNavi li, #HeaderNavi a { height: 47px; display: block; } #HeaderNavi a { text-indent: -5000px; text-decoration: none; } #HeaderNavi_home, #HeaderNavi_home_stay {left: 9px; width: 52px;} #HeaderNavi_cat1, #HeaderNavi_cat1_stay {left: 63px; width: 108px;} #HeaderNavi_cat2, #HeaderNavi_cat2_stay {left: 173px; width: 140px;} #HeaderNavi_cat6, #HeaderNavi_cat6_stay {left: 315px; width: 108px;} #HeaderNavi_cat3, #HeaderNavi_cat3_stay {left: 425px; width: 108px;} #HeaderNavi_cat5, #HeaderNavi_cat5_stay {left: 535px; width: 108px;} #HeaderNavi_cat4, #HeaderNavi_cat4_stay {left: 645px; width: 108px;} #HeaderNavi_home a:hover, #HeaderNavi_home a:visited:hover { background: transparent url("../images/format_headnavi.gif") -9px -47px no-repeat;} #HeaderNavi_home_stay { background: transparent url("../images/format_headnavi.gif") -9px -47px no-repeat;} #HeaderNavi_home_stay a:hover, #HeaderNavi_home_stay a:visited:hover { background: transparent url("../images/format_headnavi.gif") -9px -47px no-repeat;} #HeaderNavi_cat1 a:hover, #HeaderNavi_cat1 a:visited:hover { background: transparent url("../images/format_headnavi.gif") -63px -47px no-repeat;} #HeaderNavi_cat1_stay { background: transparent url("../images/format_headnavi.gif") -63px -47px no-repeat;} #HeaderNavi_cat1_stay a:hover, #HeaderNavi_cat1_stay a:visited:hover { background: transparent url("../images/format_headnavi.gif") -63px -47px no-repeat;} #HeaderNavi_cat2 a:hover, #HeaderNavi_cat2 a:visited:hover { background: transparent url("../images/format_headnavi.gif") -173px -47px no-repeat;} #HeaderNavi_cat2_stay { background: transparent url("../images/format_headnavi.gif") -173px -47px no-repeat;} #HeaderNavi_cat2_stay a:hover, #HeaderNavi_cat2_stay a:visited:hover { background: transparent url("../images/format_headnavi.gif") -173px -47px no-repeat;} #HeaderNavi_cat6 a:hover, #HeaderNavi_cat6 a:visited:hover { background: transparent url("../images/format_headnavi.gif") -315px -47px no-repeat;} #HeaderNavi_cat6_stay { background: transparent url("../images/format_headnavi.gif") -315px -47px no-repeat;} #HeaderNavi_cat6_stay a:hover, #HeaderNavi_cat6_stay a:visited:hover { background: transparent url("../images/format_headnavi.gif") -315px -47px no-repeat;} #HeaderNavi_cat3 a:hover, #HeaderNavi_cat3 a:visited:hover { background: transparent url("../images/format_headnavi.gif") -425px -47px no-repeat;} #HeaderNavi_cat3_stay { background: transparent url("../images/format_headnavi.gif") -425px -47px no-repeat;} #HeaderNavi_cat3_stay a:hover, #HeaderNavi_cat3_stay a:visited:hover { background: transparent url("../images/format_headnavi.gif") -425px -47px no-repeat;} #HeaderNavi_cat5 a:hover, #HeaderNavi_cat5 a:visited:hover { background: transparent url("../images/format_headnavi.gif") -535px -47px no-repeat;} #HeaderNavi_cat5_stay { background: transparent url("../images/format_headnavi.gif") -535px -47px no-repeat;} #HeaderNavi_cat5_stay a:hover, #HeaderNavi_cat5_stay a:visited:hover { background: transparent url("../images/format_headnavi.gif") -535px -47px no-repeat;} #HeaderNavi_cat4 a:hover, #HeaderNavi_cat4 a:visited:hover { background: transparent url("../images/format_headnavi.gif") -645px -47px no-repeat;} #HeaderNavi_cat4_stay { background: transparent url("../images/format_headnavi.gif") -645px -47px no-repeat;} #HeaderNavi_cat4_stay a:hover, #HeaderNavi_cat4_stay a:visited:hover { background: transparent url("../images/format_headnavi.gif") -645px -47px no-repeat;} /* ========== 記事ページ左ナビセット ========== */ #leftNavi li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi2 li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi3 li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi4 li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi5 li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi6 li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi_col li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi_exam li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi_recipe li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; } #leftNavi li, #leftNavi a { height: 36px; display: block; } #leftNavi2 li, #leftNavi2 a { height: 36px; display: block; } #leftNavi3 li, #leftNavi3 a { height: 36px; display: block; } #leftNavi4 li, #leftNavi4 a { height: 36px; display: block; } #leftNavi5 li, #leftNavi5 a { height: 36px; display: block; } #leftNavi6 li, #leftNavi6 a { height: 36px; display: block; } #leftNavi_col li, #leftNavi_col a { height: 36px; display: block; } #leftNavi_exam li, #leftNavi_exam a { height: 36px; display: block; } #leftNavi_recipe li, #leftNavi_recipe a { height: 36px; display: block; } #leftNavi a { text-indent: -5000px; text-decoration: none; } #leftNavi2 a { text-indent: -5000px; text-decoration: none; } #leftNavi3 a { text-indent: -5000px; text-decoration: none; } #leftNavi4 a { text-indent: -5000px; text-decoration: none; } #leftNavi5 a { text-indent: -5000px; text-decoration: none; } #leftNavi6 a { text-indent: -5000px; text-decoration: none; } #leftNavi_col a { text-indent: -5000px; text-decoration: none; } #leftNavi_exam a { text-indent: -5000px; text-decoration: none; } #leftNavi_recipe a { text-indent: -5000px; text-decoration: none; } /* ========== 記事ページ左ナビ　カテゴリ1 ========== */ #leftNavi { margin: 0; padding: 0; background: url("../category1/images/leftnavi.gif") no-repeat; width: 210px; height: 216px; position: relative; } #leftNavi_cat1_1, #leftNavi_cat1_1_stay {top: 0px; width: 210px;} #leftNavi_cat1_2, #leftNavi_cat1_2_stay {top: 36px; width: 210px;} #leftNavi_cat1_3, #leftNavi_cat1_3_stay {top: 72px; width: 210px;} #leftNavi_cat1_4, #leftNavi_cat1_4_stay {top: 108px; width: 210px;} #leftNavi_cat1_5, #leftNavi_cat1_5_stay {top: 144px; width: 210px;} #leftNavi_cat1_6, #leftNavi_cat1_6_stay {top: 180px; width: 210px;} #leftNavi_cat1_1 a:hover, #leftNavi_cat1_1 a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat1_1_stay, #leftNavi_cat1_1_stay a:hover, #leftNavi_cat1_1_stay a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat1_2 a:hover, #leftNavi_cat1_2 a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat1_2_stay, #leftNavi_cat1_2_stay a:hover, #leftNavi_cat1_2_stay a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat1_3 a:hover, #leftNavi_cat1_3 a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat1_3_stay, #leftNavi_cat1_3_stay a:hover, #leftNavi_cat1_3_stay a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat1_4 a:hover, #leftNavi_cat1_4 a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_cat1_4_stay, #leftNavi_cat1_4_stay a:hover, #leftNavi_cat1_4_stay a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_cat1_5 a:hover, #leftNavi_cat1_5 a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_cat1_5_stay, #leftNavi_cat1_5_stay a:hover, #leftNavi_cat1_5_stay a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_cat1_6 a:hover, #leftNavi_cat1_6 a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -180px no-repeat;} #leftNavi_cat1_6_stay, #leftNavi_cat1_6_stay a:hover, #leftNavi_cat1_6_stay a:visited:hover { background: transparent url("../category1/images/leftnavi.gif") -210px -180px no-repeat;} /* ========== 記事ページ左ナビ　カテゴリ2 ========== */ #leftNavi2 { margin: 0; padding: 0; background: url("../category2/images/leftnavi.gif") no-repeat; width: 210px; height: 360px; position: relative; } #leftNavi_cat2_1, #leftNavi_cat2_1_stay {top: 0px; width: 210px;} #leftNavi_cat2_2, #leftNavi_cat2_2_stay {top: 36px; width: 210px;} #leftNavi_cat2_3, #leftNavi_cat2_3_stay {top: 72px; width: 210px;} #leftNavi_cat2_4, #leftNavi_cat2_4_stay {top: 108px; width: 210px;} #leftNavi_cat2_5, #leftNavi_cat2_5_stay {top: 144px; width: 210px;} #leftNavi_cat2_6, #leftNavi_cat2_6_stay {top: 180px; width: 210px;} #leftNavi_cat2_7, #leftNavi_cat2_7_stay {top: 216px; width: 210px;} #leftNavi_cat2_8, #leftNavi_cat2_8_stay {top: 252px; width: 210px;} #leftNavi_cat2_9, #leftNavi_cat2_9_stay {top: 288px; width: 210px;} #leftNavi_cat2_10, #leftNavi_cat2_10_stay {top: 324px; width: 210px;} #leftNavi_cat2_1 a:hover, #leftNavi_cat2_1 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat2_1_stay, #leftNavi_cat2_1_stay a:hover, #leftNavi_cat2_1_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat2_2 a:hover, #leftNavi_cat2_2 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat2_2_stay, #leftNavi_cat2_2_stay a:hover, #leftNavi_cat2_2_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat2_3 a:hover, #leftNavi_cat2_3 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat2_3_stay, #leftNavi_cat2_3_stay a:hover, #leftNavi_cat2_3_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat2_4 a:hover, #leftNavi_cat2_4 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_cat2_4_stay, #leftNavi_cat2_4_stay a:hover, #leftNavi_cat2_4_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_cat2_5 a:hover, #leftNavi_cat2_5 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_cat2_5_stay, #leftNavi_cat2_5_stay a:hover, #leftNavi_cat2_5_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_cat2_6 a:hover, #leftNavi_cat2_6 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -180px no-repeat;} #leftNavi_cat2_6_stay, #leftNavi_cat2_6_stay a:hover, #leftNavi_cat2_6_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -180px no-repeat;} #leftNavi_cat2_7 a:hover, #leftNavi_cat2_7 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -216px no-repeat;} #leftNavi_cat2_7_stay, #leftNavi_cat2_7_stay a:hover, #leftNavi_cat2_7_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -216px no-repeat;} #leftNavi_cat2_8 a:hover, #leftNavi_cat2_8 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -252px no-repeat;} #leftNavi_cat2_8_stay, #leftNavi_cat2_8_stay a:hover, #leftNavi_cat2_8_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -252px no-repeat;} #leftNavi_cat2_9 a:hover, #leftNavi_cat2_9 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -288px no-repeat;} #leftNavi_cat2_9_stay, #leftNavi_cat2_9_stay a:hover, #leftNavi_cat2_9_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -288px no-repeat;} #leftNavi_cat2_10 a:hover, #leftNavi_cat2_10 a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -324px no-repeat;} #leftNavi_cat2_10_stay, #leftNavi_cat2_10_stay a:hover, #leftNavi_cat2_10_stay a:visited:hover { background: transparent url("../category2/images/leftnavi.gif") -210px -324px no-repeat;} /* ========== 記事ページ左ナビ　カテゴリ3 ========== */ #leftNavi3 { margin: 0; padding: 0; background: url("../category3/images/leftnavi.gif") no-repeat; width: 210px; height: 252px; position: relative; } #leftNavi_cat3_1, #leftNavi_cat3_1_stay {top: 0px; width: 210px;} #leftNavi_cat3_2, #leftNavi_cat3_2_stay {top: 36px; width: 210px;} #leftNavi_cat3_3, #leftNavi_cat3_3_stay {top: 72px; width: 210px;} #leftNavi_cat3_4, #leftNavi_cat3_4_stay {top: 108px; width: 210px;} #leftNavi_cat3_5, #leftNavi_cat3_5_stay {top: 144px; width: 210px;} #leftNavi_cat3_6, #leftNavi_cat3_6_stay {top: 180px; width: 210px;} #leftNavi_cat3_7, #leftNavi_cat3_7_stay {top: 216px; width: 210px;} #leftNavi_cat3_1 a:hover, #leftNavi_cat3_1 a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat3_1_stay, #leftNavi_cat3_1_stay a:hover, #leftNavi_cat3_1_stay a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat3_2 a:hover, #leftNavi_cat3_2 a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat3_2_stay, #leftNavi_cat3_2_stay a:hover, #leftNavi_cat3_2_stay a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat3_3 a:hover, #leftNavi_cat3_3 a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat3_3_stay, #leftNavi_cat3_3_stay a:hover, #leftNavi_cat3_3_stay a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat3_4 a:hover, #leftNavi_cat3_4 a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_cat3_4_stay, #leftNavi_cat3_4_stay a:hover, #leftNavi_cat3_4_stay a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_cat3_5 a:hover, #leftNavi_cat3_5 a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_cat3_5_stay, #leftNavi_cat3_5_stay a:hover, #leftNavi_cat3_5_stay a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_cat3_6 a:hover, #leftNavi_cat3_6 a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -180px no-repeat;} #leftNavi_cat3_6_stay, #leftNavi_cat3_6_stay a:hover, #leftNavi_cat3_6_stay a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -180px no-repeat;} #leftNavi_cat3_7 a:hover, #leftNavi_cat3_7 a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -216px no-repeat;} #leftNavi_cat3_7_stay, #leftNavi_cat3_7_stay a:hover, #leftNavi_cat3_7_stay a:visited:hover { background: transparent url("../category3/images/leftnavi.gif") -210px -216px no-repeat;} /* ========== 記事ページ左ナビ　カテゴリ4 ========== */ #leftNavi4 { margin: 0; padding: 0; background: url("../category4/images/leftnavi.gif") no-repeat; width: 210px; height: 108px; position: relative; } #leftNavi_cat4_1, #leftNavi_cat4_1_stay {top: 0px; width: 210px;} #leftNavi_cat4_2, #leftNavi_cat4_2_stay {top: 36px; width: 210px;} #leftNavi_cat4_3, #leftNavi_cat4_3_stay {top: 72px; width: 210px;} #leftNavi_cat4_1 a:hover, #leftNavi_cat4_1 a:visited:hover { background: transparent url("../category4/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat4_1_stay, #leftNavi_cat4_1_stay a:hover, #leftNavi_cat4_1_stay a:visited:hover { background: transparent url("../category4/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat4_2 a:hover, #leftNavi_cat4_2 a:visited:hover { background: transparent url("../category4/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat4_2_stay, #leftNavi_cat4_2_stay a:hover, #leftNavi_cat4_2_stay a:visited:hover { background: transparent url("../category4/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat4_3 a:hover, #leftNavi_cat4_3 a:visited:hover { background: transparent url("../category4/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat4_3_stay, #leftNavi_cat4_3_stay a:hover, #leftNavi_cat4_3_stay a:visited:hover { background: transparent url("../category4/images/leftnavi.gif") -210px -72px no-repeat;} /* ========== 記事ページ左ナビ　カテゴリ5 ========== */ #leftNavi5 { margin: 0; padding: 0; background: url("../category5/images/leftnavi.gif") no-repeat; width: 210px; height: 72px; position: relative; } #leftNavi_cat5_1, #leftNavi_cat5_1_stay {top: 0px; width: 210px;} #leftNavi_cat5_2, #leftNavi_cat5_2_stay {top: 36px; width: 210px;} #leftNavi_cat5_1 a:hover, #leftNavi_cat5_1 a:visited:hover { background: transparent url("../category5/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat5_1_stay, #leftNavi_cat5_1_stay a:hover, #leftNavi_cat5_1_stay a:visited:hover { background: transparent url("../category5/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat5_2 a:hover, #leftNavi_cat5_2 a:visited:hover { background: transparent url("../category5/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat5_2_stay, #leftNavi_cat5_2_stay a:hover, #leftNavi_cat5_2_stay a:visited:hover { background: transparent url("../category5/images/leftnavi.gif") -210px -36px no-repeat;} /* ========== 記事ページ左ナビ　カテゴリ6 ========== */ #leftNavi6 { margin: 0; padding: 0; background: url("../category6/images/leftnavi.gif") no-repeat; width: 210px; height: 144px; position: relative; } #leftNavi_cat6_1, #leftNavi_cat6_1_stay {top: 0px; width: 210px;} #leftNavi_cat6_2, #leftNavi_cat6_2_stay {top: 36px; width: 210px;} #leftNavi_cat6_3, #leftNavi_cat6_3_stay {top: 72px; width: 210px;} #leftNavi_cat6_4, #leftNavi_cat6_4_stay {top: 108px; width: 210px;} #leftNavi_cat6_1 a:hover, #leftNavi_cat6_1 a:visited:hover { background: transparent url("../category6/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat6_1_stay, #leftNavi_cat6_1_stay a:hover, #leftNavi_cat6_1_stay a:visited:hover { background: transparent url("../category6/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_cat6_2 a:hover, #leftNavi_cat6_2 a:visited:hover { background: transparent url("../category6/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat6_2_stay, #leftNavi_cat6_2_stay a:hover, #leftNavi_cat6_2_stay a:visited:hover { background: transparent url("../category6/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_cat6_3 a:hover, #leftNavi_cat6_3 a:visited:hover { background: transparent url("../category6/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat6_3_stay, #leftNavi_cat6_3_stay a:hover, #leftNavi_cat6_3_stay a:visited:hover { background: transparent url("../category6/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_cat6_4 a:hover, #leftNavi_cat6_4 a:visited:hover { background: transparent url("../category6/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_cat6_4_stay, #leftNavi_cat6_4_stay a:hover, #leftNavi_cat6_4_stay a:visited:hover { background: transparent url("../category6/images/leftnavi.gif") -210px -108px no-repeat;} /* ========== 記事ページ左ナビ　Dr.コラム ========== */ #leftNavi_col { margin: 0; padding: 0; background: url("../column/images/leftnavi.gif") no-repeat; width: 210px; height: 216px; position: relative; } #leftNavi_col1, #leftNavi_col1_stay {top: 0px; width: 210px;} #leftNavi_col2, #leftNavi_col2_stay {top: 36px; width: 210px;} #leftNavi_col3, #leftNavi_col3_stay {top: 72px; width: 210px;} #leftNavi_col4, #leftNavi_col4_stay {top: 108px; width: 210px;} #leftNavi_col5, #leftNavi_col5_stay {top: 144px; width: 210px;} #leftNavi_col6, #leftNavi_col6_stay {top: 180px; width: 210px;} #leftNavi_col1 a:hover, #leftNavi_col1 a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_col1_stay, #leftNavi_col1_stay a:hover, #leftNavi_col1_stay a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_col2 a:hover, #leftNavi_col2 a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_col2_stay, #leftNavi_col2_stay a:hover, #leftNavi_col2_stay a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_col3 a:hover, #leftNavi_col3 a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_col3_stay, #leftNavi_col3_stay a:hover, #leftNavi_col3_stay a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_col4 a:hover, #leftNavi_col4 a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_col4_stay, #leftNavi_col4_stay a:hover, #leftNavi_col4_stay a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_col5 a:hover, #leftNavi_col5 a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_col5_stay, #leftNavi_col5_stay a:hover, #leftNavi_col5_stay a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_col6 a:hover, #leftNavi_col6 a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -180px no-repeat;} #leftNavi_col6_stay, #leftNavi_col6_stay a:hover, #leftNavi_col6_stay a:visited:hover { background: transparent url("../column/images/leftnavi.gif") -210px -180px no-repeat;} /* ========== 記事ページ左ナビ　意識調査 ========== */ #leftNavi_exam { margin: 0; padding: 0; background: url("../examination/images/leftnavi.gif") no-repeat; width: 210px; height: 324px; position: relative; } #leftNavi_exam_1, #leftNavi_exam_1_stay {top: 0px; width: 210px;} #leftNavi_exam_2, #leftNavi_exam_2_stay {top: 36px; width: 210px;} #leftNavi_exam_3, #leftNavi_exam_3_stay {top: 72px; width: 210px;} #leftNavi_exam_4, #leftNavi_exam_4_stay {top: 108px; width: 210px;} #leftNavi_exam_5, #leftNavi_exam_5_stay {top: 144px; width: 210px;} #leftNavi_exam_6, #leftNavi_exam_6_stay {top: 180px; width: 210px;} #leftNavi_exam_7, #leftNavi_exam_7_stay {top: 216px; width: 210px;} #leftNavi_exam_8, #leftNavi_exam_8_stay {top: 252px; width: 210px;} #leftNavi_exam_9, #leftNavi_exam_9_stay {top: 288px; width: 210px;} #leftNavi_exam_1 a:hover, #leftNavi_exam_1 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_exam_1_stay, #leftNavi_exam_1_stay a:hover, #leftNavi_exam_1_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_exam_2 a:hover, #leftNavi_exam_2 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_exam_2_stay, #leftNavi_exam_2_stay a:hover, #leftNavi_exam_2_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_exam_3 a:hover, #leftNavi_exam_3 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_exam_3_stay, #leftNavi_exam_3_stay a:hover, #leftNavi_exam_3_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_exam_4 a:hover, #leftNavi_exam_4 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_exam_4_stay, #leftNavi_exam_4_stay a:hover, #leftNavi_exam_4_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -108px no-repeat;} #leftNavi_exam_5 a:hover, #leftNavi_exam_5 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_exam_5_stay, #leftNavi_exam_5_stay a:hover, #leftNavi_exam_5_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -144px no-repeat;} #leftNavi_exam_6 a:hover, #leftNavi_exam_6 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -180px no-repeat;} #leftNavi_exam_6_stay, #leftNavi_exam_6_stay a:hover, #leftNavi_exam_6_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -180px no-repeat;} #leftNavi_exam_7 a:hover, #leftNavi_exam_7 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -216px no-repeat;} #leftNavi_exam_7_stay, #leftNavi_exam_7_stay a:hover, #leftNavi_exam_7_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -216px no-repeat;} #leftNavi_exam_8 a:hover, #leftNavi_exam_8 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -252px no-repeat;} #leftNavi_exam_8_stay, #leftNavi_exam_8_stay a:hover, #leftNavi_exam_8_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -252px no-repeat;} #leftNavi_exam_9 a:hover, #leftNavi_exam_9 a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -288px no-repeat;} #leftNavi_exam_9_stay, #leftNavi_exam_9_stay a:hover, #leftNavi_exam_9_stay a:visited:hover { background: transparent url("../examination/images/leftnavi.gif") -210px -288px no-repeat;} /* ========== 記事ページ左ナビ　カテゴリ6 ========== */ #leftNavi_recipe { margin: 0; padding: 0; background: url("../recipe/images/leftnavi.gif") no-repeat; width: 210px; height: 108px; position: relative; } #leftNavi_recipe3, #leftNavi_recipe3_stay {top: 0px; width: 210px;} #leftNavi_recipe2, #leftNavi_recipe2_stay {top: 36px; width: 210px;} #leftNavi_recipe1, #leftNavi_recipe1_stay {top: 72px; width: 210px;} #leftNavi_recipe3 a:hover, #leftNavi_recipe3 a:visited:hover { background: transparent url("../recipe/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_recipe3_stay, #leftNavi_recipe3_stay a:hover, #leftNavi_recipe3_stay a:visited:hover { background: transparent url("../recipe/images/leftnavi.gif") -210px 0px no-repeat;} #leftNavi_recipe2 a:hover, #leftNavi_recipe2 a:visited:hover { background: transparent url("../recipe/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_recipe2_stay, #leftNavi_recipe2_stay a:hover, #leftNavi_recipe2_stay a:visited:hover { background: transparent url("../recipe/images/leftnavi.gif") -210px -36px no-repeat;} #leftNavi_recipe1 a:hover, #leftNavi_recipe1 a:visited:hover { background: transparent url("../recipe/images/leftnavi.gif") -210px -72px no-repeat;} #leftNavi_recipe1_stay, #leftNavi_recipe1_stay a:hover, #leftNavi_recipe1_stay a:visited:hover { background: transparent url("../recipe/images/leftnavi.gif") -210px -72px no-repeat;} /* ========== DWレイアウト用文字セット ========== */ .fs10 { font-size:80%; line-height:120%; } .fs12 { font-size:95%; line-height:85%; } .fs14 { font-size:110%; line-height:80%; } .fs12b { font-weight: bold; font-size:95%; line-height:85%; } .fs14b { font-weight: bold; font-size:110%; line-height:80%; }