/*------------------------------------------------------------------------------------------------------------*/ /* ■html構成 */ /*------------------------------------------------------------------------------------------------------------*/ .lp {} .lp_head {} .lp_head_logo {} .lp_head_image {} .lp_body {} .lb_side {} .lm_navi_1 {} .lm_navi_1_item {} .lm_banner_1 {} .lm_banner_1_item {} .lb_main {} .lb_main_categories {} .lc {} .lc_head {} .lc_body {} .lc_body_entries {} .le {} .le_head {} .le_body {} .le_foot {} .lc_foot {} .lc0000 {} .lc0000_body {} .lc0000_body_entries {} .le0000 {} .le0000_head {} .lc0000_foot {} .lc8000 {} .lc8000_head {} .lc8000_body {} .lc8000_body_entries {} .le8000 {} .le8000_head {} .le8000_body {} .le8000_foot {} .lc8000_foot {} .lc0006 {} .lc0006_head {} .lc0006_body {} .lc0006_body_entries {} .le0006 {} .le0006_head {} .le0006_body {} .le0006_foot {} .lc0006_foot {} .lp_foot {} /*------------------------------------------------------------------------------------------------------------*/ /* ■clearfix */ /*------------------------------------------------------------------------------------------------------------*/ div {overflow:hidden;} div {zoom:1;} /* for IE6 hasLayout bug */ div:after{/*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden; } /*------------------------------------------------------------------------------------------------------------*/ /* ■フォント */ /*------------------------------------------------------------------------------------------------------------*/ * {font-size: 100%; line-height:150%; font-weight:100;} * {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,'ＭＳ ゴシック','メイリオ',sans-serif;} /*------------------------------------------------------------------------------------------------------------*/ .lp_head_logo h1 {font-size: 75%;} .lm_navi_1_item {font-size: 90%;} .lc_head {font-size: 180%;} .le_body h4 {} .le_body h5 {} .le_body h6 {} .le0000_head {font-size: 160%;} .lc8000_head {font-size: 160%;} .le8000_body {font-size: 75%;} .lc0006_head {font-size: 160%;} .lp_foot {font-size: 75%;} /*------------------------------------------------------------------------------------------------------------*/ /* ■文字色・背景 */ /*------------------------------------------------------------------------------------------------------------*/ body {color:#000000;} /*------------------------------------------------------------------------------------------------------------*/ .lp_head_logo {background:url(_app/template_images/logo_bg.jpg) left top no-repeat;} .lp_head_image {background:url(_app/template_images/head_bg.jpg) left top no-repeat;} .lp_body {background-color:#FFFFFF;} .lm_navi_1 {background-color:#EEF2F4;} .lm_navi_1_item {background-color:#FFFFFF;} .lm_navi_1_item_0100 {background:url(_app/template_images/icon_s_cat_0100.png) 5px 5px no-repeat;} .lm_navi_1_item_0200 {background:url(_app/template_images/icon_s_cat_0200.png) 5px 5px no-repeat;} .lm_navi_1_item_0300 {background:url(_app/template_images/icon_s_cat_0300.png) 5px 5px no-repeat;} .lm_navi_1_item_0400 {background:url(_app/template_images/icon_s_cat_0400.png) 5px 5px no-repeat;} .lm_navi_1_item_0500 {background:url(_app/template_images/icon_s_cat_0500.png) 5px 5px no-repeat;} .lm_navi_1_item_9000 {background:url(_app/template_images/icon_s_cat_9000.png) 5px 5px no-repeat;} .lm_banner_1 {background-color:#EEF2F4;} .lm_banner_1_item a {background-color:#FFFFFF;} .le_head { background-color:#EEF2F4;} .le_head h3 {background:url(_app/template_images/kantan_icon.png) left center no-repeat;} .le_body {color:#407590;} .le_body h4 {color:#000000;} .le_body h5 {color:#000000;} .le_body h6 {color:#000000;} .lc0000 {color:#FFFFFF; background-color:#C0D657;} .lc8000_head {color:#407590;} .le8000 { background-color:#EEF2F4;} /* .le8000_head { background-color:#EEF2F4;}*/ .le8000_body {color:#407590;} .lc0006_head {color:#407590;} .le0006 { background-color:#EEF2F4;} /* .le0006_head { background-color:#EEF2F4;}*/ .le0006_head h3 {background:url(_app/template_images/kantan_icon.png) left center no-repeat;} .le0006_body {color:#407590;} .lp_foot {color:#909A8F; background:url(_app/template_images/footer_bg.gif) left top repeat-x #F1F7D0;} /*------------------------------------------------------------------------------------------------------------*/ /* ■角丸 */ /*------------------------------------------------------------------------------------------------------------*/ .lm_navi_1 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .lm_navi_1_item {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .lm_banner_1 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .lm_banner_1_item a {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .lc_head {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .lc0000 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .le {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .le8000 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .le0006 {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} /*------------------------------------------------------------------------------------------------------------*/ /* ■レイアウト */ /*------------------------------------------------------------------------------------------------------------*/ .lb_side {float:left;} .lb_main {float:left;} .le8000 {float:left;} .lp_foot {clear:both;} /*------------------------------------------------------------------------------------------------------------*/ /* ■マージンと文字よせ */ /*------------------------------------------------------------------------------------------------------------*/ body {text-align:center;} /* サイト全体の中央寄せ */ .lp {text-align:left;} /* サイト全体の中央寄せ */ /*------------------------------------------------------------------------------------------------------------*/ * {margin: 0;} table {margin: 10px 0px 10px 0px;} /*------------------------------------------------------------------------------------------------------------*/ /* 上 右 下 左 */ /*------------------------------------------------------------------------------------------------------------*/ .lp {margin: 0 auto;} /* サイト全体の中央寄せ */ .lp_head {margin: 5px 0px 10px 0px;} .lp_body {margin: 0px 0px 5px 0px;} .lm_navi_1 {margin: 0px 0px 10px 0px;} .lm_navi_1_item {margin: 0px 0px 5px 0px;} .lm_banner_1 {margin: 0px 0px 10px 0px;} .lm_banner_1_item {margin: 0px 0px 5px 0px;} .lb_main {margin: 0;} .lb_main_categories {margin: 0px 0px 0px 0px;} .lc_head {margin: 0px 0px 10px 0px;} .le {margin: 0px 0px 10px 0px;} .le_body img {margin: 10px 10px 10px 10px;} .le_body h4 {margin: 10px 0px 10px 0px;} .le_body h5 {margin: 10px 0px 10px 0px;} .le_body h6 {margin: 10px 0px 10px 0px;} .lc0000 {margin: 0px 0px 10px 0px;} .le8000 {margin: 0px 10px 10px 0px;} .le8000_body img {margin: 10px 10px 10px 10px;} .lc8000 {margin: 0px 0px 10px 0px;} .le0006 {margin: 0px 0px 10px 0px;} .le0006_body img {margin: 10px 10px 10px 10px;} .lp_foot {margin: 5px 0px 5px 0px;} /*------------------------------------------------------------------------------------------------------------*/ /* ■パディング */ /*------------------------------------------------------------------------------------------------------------*/ * {padding: 0;} th {padding: 5px;} td {padding: 5px;} /*------------------------------------------------------------------------------------------------------------*/ /* 上 右 下 左 */ /*------------------------------------------------------------------------------------------------------------*/ .lp_head_logo {padding: 0;} .lp_head_logo h1 {padding: 0 0 0 10px;} .lp_body {padding: 0;} .lm_navi_1 {padding: 10px;} .lm_navi_1_item {padding: 0;} .lm_navi_1_item a {padding: 10px 10px 10px 50px;} .lm_banner_1 {padding: 10px;} .lm_banner_1_item a {padding: 10px;} .lb_main {padding: 0 0 0 10px;} .lc_head h2 {padding: 20px 20px 20px 140px;} .le_head {padding: 10px 10px 10px 15px;} .le_head h3 {padding: 0px 0px 0px 20px;} .le_body {padding: 10px 10px 10px 10px;} .lc0000_body_entries {padding: 40px 20px 40px 60px;} .le8000_head {padding: 5px 5px 0px 10px;} .le8000_body {padding: 10px 10px 10px 10px;} .le0006_head {padding: 10px 10px 10px 15px;} .le0006_head h3 {padding: 0px 0px 0px 20px;} .le0006_body {padding: 10px 10px 10px 10px;} .lp_foot {padding: 15px;} /*------------------------------------------------------------------------------------------------------------*/ /* ■border */ /*------------------------------------------------------------------------------------------------------------*/ * {border: 0;} table {border-top: solid 1px #AAAAAA;} table {border-left: solid 1px #AAAAAA;} th {border-bottom: solid 1px #AAAAAA;} th {border-right: solid 1px #AAAAAA;} td {border-bottom: solid 1px #AAAAAA;} td {border-right: solid 1px #AAAAAA;} /*------------------------------------------------------------------------------------------------------------*/ .lm_navi_1_item {border: solid 1px #AAAAAA;} .lm_banner_1_item a {border: solid 1px #AAAAAA;} .lc_head {border: solid 1px #AAAAAA;} .le {border: solid 1px #AAAAAA;} .le_head {border-bottom: solid 1px #AAAAAA;} .le8000 {border: solid 1px #AAAAAA;} .le8000_head {border-bottom: solid 1px #AAAAAA;} .le0006 {border: solid 1px #AAAAAA;} .le0006_head {border-bottom: solid 1px #AAAAAA;} /*------------------------------------------------------------------------------------------------------------*/ /* ■サイズ */ /*------------------------------------------------------------------------------------------------------------*/ .lp {width:1000px;} .lp_head_logo { height: 70px;} .lp_head_logo a {width: 400px;height: 45px;} .lp_head_image { height: 85px;} .lm_navi_1 {width: 230px;} .lm_navi_1_item a {width: 168px;} .lm_banner_1 {width: 230px;} .lm_banner_1_item a {width: 208px;} .lb_main {width: 740px;} .lc0000 { height: 100%;} .lc8000_body_entries {width: 750px;} .le8000 {width: 363px; overflow:hidden;white-space: nowrap;} .lp_foot { height: 20px;} /*------------------------------------------------------------------------------------------------------------*/ /* ■リンク */ /*------------------------------------------------------------------------------------------------------------*/ li {list-style-type: none;} /*------------------------------------------------------------------------------------------------------------*/ a { text-decoration:none;} a:hover { text-decoration:underline;} /*------------------------------------------------------------------------------------------------------------*/ .lp_head_logo a {display:block;} .lm_navi_1_item a {display:block; text-decoration:none;} .lm_navi_1_item a:hover { text-decoration:none;} /*------------------------------------------------------------------------------------------------------------*/ .lm_navi_1_item a:link {color:#000000;} .lm_navi_1_item a:visited {color:#000000;} .lm_navi_1_item a:active {color:#000000;} .lm_navi_1_item a:hover {background-color:#D4ED6D;} /*------------------------------------------------------------------------------------------------------------*/ .lm_banner_1_item a {display:block; text-decoration:none;} .lm_banner_1_item a:hover { text-decoration:none;} .lm_banner_1_item a {color:#000000;} .lm_banner_1_item a:link {color:#000000;} .lm_banner_1_item a:visited {color:#000000;} .lm_banner_1_item a:active {color:#000000;} .lm_banner_1_item a:hover {border: solid 1px #FF0000;} /*------------------------------------------------------------------------------------------------------------*/