/* Theme Name: 80521_blue Description: MTテンプレート Ver.8（2カラムブルー） Version: 8 Author: エーエフ・パートナー Author URI: http://www.jp-soft.com/ */ /* ------ 初期設定 ------ */ html {overflow-y: scroll;} body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {margin: 0;padding: 0;} address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;} table {border-collapse: collapse;border-spacing: 0;} caption, th {text-align: left;} q:before ,q:after {content: '';} object, embed {vertical-align: top;} hr, legend {display: none;} h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;text-align: left;} img, abbr, acronym, fieldset {border: 0;} img {vertical-align: bottom;-ms-interpolation-mode: bicubic;} ul li {list-style-type: none;} .textwidget{margin: 0;padding: 0;text-align: left;} /* ------ Web Font ------ */ @font-face { font-family: iconfont; src: url('fonts/coolicon.eot'); /* IE9 Compat Modes */ src: url('fonts/coolicon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/coolicon.woff') format('woff'), /* Modern Browsers */ url('fonts/coolicon.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/coolicon.svg#svgFontName') format('svg'); /* Legacy iOS */} .icon {font-family: iconfont;font-weight: normal;} .icon-list:before {content: "\f00b";} .icon-top:before {content: "\e601";font-size: 18px;} .icon-smap:before {content: "\f0e8";font-size: 18px;} .icon-rss:before {content: "\e771";font-size: 18px; } .icon-kanren:before {content: "\f14a"; color: #414444; padding-right: 5px;} /* ------ BODY ------ */ body {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 14px;line-height: 1.6em; text-align: left; letter-spacing: 0; -webkit-text-size-adjust: 100%;} /* ------ 画像属性等 ------ */ img {max-width: 100%;height: auto;width: auto\9;} .alignleft {float: left; margin: 5px 10px 5px 0;} .alignright{float: right; margin: 5px 0 5px 10px;} .aligncenter{margin: 5px auto;display:block;} a:hover.link img,a:hover img.link{filter: alpha(opacity=80); -moz-opacity:0.80; -ms-filter: "alpha( opacity=80 )"; opacity:0.80; background:none!important;} .text-center {text-align: center;} #wrapper {position: relative; width: 1100px; margin: 0 auto; background: #FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 6px 3px; -webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 6px 3px; -moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 6px 3px;} /* ------ ヘッダー ------ */ #header-inner {width: 100% ;margin: 0 auto; text-align:center; overflow: hidden; *zoom: 1;} #ptitle {margin: 0; padding: 3px 0; text-align: center; line-height: 160%; font-size: 78%; color: #FFFFFF; background-color: #333766;} /* ------ ヘッダーナビゲーション ------ */ #h_nav nav ul{position: absolute; top: 30px; right: 15px; text-align: right;font-size: 16px; line-height: 24px; list-style: none;} #h_nav nav ul li{margin-left: 5px; display: inline-block;} #h_nav nav ul li a{color: #333766; text-decoration: none;} #h_nav nav ul li a:hover{color: #CC0000;} /* ------ メイン画像 ------ */ #mainvisual {width: 1100px; margin: 0 auto; overflow:hidden;background-color: #FFFFFF;} #mainvisual img{text-align: left;} /* ------ メインナビゲーション ------ */ #gnav-btn {display :none;} #gnav {margin: 0 auto; width: 1020px; padding-top: 10px;} #gnav nav {margin: 0 auto; padding: 0;width:100%; position: relative; z-index: 1;} #gnav nav > ul {list-style-type: none; width: 100%; height: 2em; margin: 0; padding: 0;} #gnav nav li {position: relative; width: 19.5%; float: left; margin: 0 .25%; padding: 0; text-align: center;} #gnav nav > ul > li a {display: block; margin: 0; padding: 0.5em 0; color: #414444; font-size: 13px;font-weight: 500; line-height: 1; text-decoration: none; background-color: #EFEFEF;} #gnav nav > ul > li > ul {position: absolute; top: 120%; left: 0; list-style: none; margin: 0;} #gnav nav > ul > li:last-child > ul {left: -50%; width: 100%;} #gnav nav > ul > li ul li{overflow: hidden; width: 150%; height: 0; color: #FFFFFF; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;} #gnav nav > ul > li ul li a{height: 2em; line-height: 2em; padding-left: 10px; background: #EEEEEE; text-align: left; font-size: 12px; font-weight: normal; border-bottom: 1px solid #CCCCCC; display: block;} #gnav nav > ul > li:hover > a{background: #333766; color: #FFFFFF;} #gnav nav > ul > li ul li:hover > a{background: #333766;color: #FFFFFF;} #gnav nav > ul >li.current-menu-parent >a, #gnav nav > ul > li.current-menu-item > a{background: #333766;color: #FFFFFF;} #gnav nav > ul > li:hover ul li{overflow: hidden; height: 2em;} #gnav nav > ul > li:hover ul li:last-child{border-bottom: 0;} /* ------ パンくずリスト ------ */ #plist {margin: 0 0 20px 10px; font-size:85%; overflow: hidden;*zoom: 1;} /* ------ コンテンツ ------ */ h2 {margin: 0; padding: 10px 0 ;font-size: 158%; font-weight: 700; line-height: 1.3em; color: #414444;} h3 {margin: 0; padding: 5px 0 ;font-size: 143%; font-weight: 700; line-height: 1.3em; color: #414444;} h4 {margin: 0; padding: 10px 0 ;font-size: 129%; font-weight: 700; line-height: 1.3em; color: #414444;} h5 {margin: 0; padding: 10px 0 ;font-size: 115%; font-weight: 700; line-height: 1.3em; color: #414444;} h6 {margin: 0; padding: 10px 0 ;font-size: 108%; font-weight: 700; line-height: 1.3em; color: #414444;} .doc {padding: 0 10px ; line-height: 1.6em; text-align: justify; text-justify: distribute-all-lines;} .ie7 .doc , .ie8 .doc{text-align: left;} .main-title {padding: 0 12px 5px 12px;font-size: 172%; font-weight: bold; line-height: 1.3em; color: #00688C;} .contents-title{margin: 15px 0; padding: 5px 0 5px 5px;font-size: 172%; font-weight: bold;line-height: 1.3em;color: #414444; border-left: 8px solid #333766;} .posts-title{padding: 10px 0 0;font-size: 129%; font-weight: 500;line-height: 1.3em;color: #414444;} .posted { text-align: right; font-size: 72%; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0; } /* ------ 投稿設定------ */ .doc {padding: 0 10px ; line-height: 1.6em; text-align: justify; text-justify: distribute-all-lines;} .ie7 .doc , .ie8 .doc{text-align: left;} p {margin-bottom: 10px;} /* ------ 記事リスト表示 ------ */ #kiji-list{padding-bottom: 30px;padding-left: 27px;} #kiji-list > article{width: 90%; padding: 15px 0; border-bottom: 1px solid #CCCCCC;} #kiji-list > article:first-child {border-top: 1px solid #CCCCCC;} #kiji-list > article h3 {font-size: 143%; font-weight: 600; line-height: 1.2em; } #kiji-list > article h3 a {margin: 0; padding: 0 10px ; color: #414444; text-decoration: none; display: block; overflow: hidden; } #kiji-list > article h3 a:hover {color: #CC0000;display: block; } #kiji-list > article img {border: 1px solid #CCCCCC;} #kiji-list > article p {padding: 0px 10px 0 10px; font-size: 100%; line-height: 1.5em; text-align: justify; text-justify: distribute-all-lines; overflow: hidden; } .ie7 #kiji-list > article p {text-align: left;} .ie8 #kiji-list > article p {text-align: left;} /* ------ 続きを読む ------ */ #kiji-list > article .next {padding: 10px 10px 5px; font-size: 80%; text-align: right;} #kiji-list > article .next a {margin: 0; padding: 5px 10px; font-weight: 500; color: #414444; text-decoration: none; *zoom: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #EEEEEE;} #kiji-list > article .next a:hover {color: #FFFFFF; background-color: #333766;} /* ------ 関連記事リスト属性 ------ */ #kanren{margin: 10px; padding: 15px; background-color: #F9F9F9; line-height: 150%; border: 1px solid #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .kanren-title {padding: 10px ; font-size: 129%; font-weight: 500;line-height: 140%; color: #414444;} #kanren dl {margin: 0 0 0 20px;} #kanren dt a {font-size: 108%; font-weight: 500;} #kanren dt a:hover {padding-bottom: 1px;} #kanren dd {margin: 10px; font-size: 92%; color: #666666;} /* ---- コメント----- */ .comments{border: none;} .comments-open label {display: block;} #comment-author, #comment-email, #comment-url, #comment-text { width: 80%;} #comment-bake-cookie {margin-left: 0; vertical-align: middle;} #top-comment-nav, #comment-nav {list-style: none; width: 100%; margin: 0 0 1em 0; padding: 0; text-align: center;} #top-comment-nav li, #comment-nav li {display: inline; padding: 0;} #top-prev-comments, #prev-comments {text-align: left; margin: 0 1em 0 0;} #top-next-comments, #next-comments {text-align: right; margin: 0 0 0 1em;} #top-num-comments, #num-comments {text-align: center;} #comment-submit {font-weight: bold;} .comment,.trackback {margin: 0 0 .5em 1em; border-bottom: 1px dotted #ccc; padding-bottom: .5em; font-size: 100%;} .comment .asset-meta,.trackback .asset-meta { border: 0; margin-bottom: .5em; font-size: 92%;} .comment-content {clear: none; line-height: 150%; margin-bottom: 1em; font-size: 100%;} .comment-content p {margin-bottom: .5em;} .comments-open-content{margin-left: 1em;} .trackbacks-info{ margin-left: 1em; font-size: 12px;} /* ------ サイドバー ------ */ #sidebar {float: right; width: 251px; padding: 0; text-align: left;} #sidebar1,#sidebar2 {margin-bottom: 10px; padding: 0; } #sidebar .sidebar-wrapper {margin-bottom: 20px;} #sidebar .sidebar-wrapper h4{display: block;padding: 0 0 5px; font-size: 115%; font-weight: 700; color: #3333;line-height: 150%;} #sidebar .sidebar-wrapper form, #sidebar .sidebar-wrapper p, #sidebar .sidebar-wrapper .tagcloud{padding: 5px; font-size: 92%; } #sidebar .sidebar-wrapper ul {padding: 0;} #sidebar .sidebar-wrapper ul li {border-bottom: solid 1px #D5D5D5;} #sidebar .sidebar-wrapper ul li:first-child {border-top: solid 1px #D5D5D5;} #sidebar .sidebar-wrapper ul li a:before {font-family: iconfont;font-weight: normal;content: "\e625";color: #CCCCCC; padding-right: 5px;} #sidebar .sidebar-wrapper ul li.menu-item-object-category a:before, #sidebar .sidebar-wrapper ul li.cat-item a:before {font-family: iconfont;font-weight: normal;content: "\e62e";color: #CCCCCC; padding-right: 5px;} #sidebar .sidebar-wrapper ul li a {display: block;padding: 8px 20px 8px 8px;font-size: 100%; color: #414444;line-height: 150%;text-decoration: none;background: url("img/arrow_02.png") no-repeat right center;} #sidebar .sidebar-wrapper ul li:first-child a {border-top: none;} #sidebar .sidebar-wrapper ul li a:hover{font-weight: normal; background-color: #F5F5F5;} #sidebar .sidebar-wrapper ul li a:hover:before{font-family: iconfont;font-weight: normal;content: "\e625";color: #333766; padding-right: 5px;} #sidebar .sidebar-wrapper ul li.cat-item a:hover:before, #sidebar .sidebar-wrapper ul li.menu-item-object-category a:hover:before, #sidebar .sidebar-wrapper ul li.current-menu-item a:before, #sidebar .sidebar-wrapper ul li.current-menu-parent a:before, #sidebar .sidebar-wrapper ul li.current-cat a:before{font-family: iconfont;font-weight: normal;content: "\e62f";color: #333766; padding-right: 5px;} #sidebar .sidebar-wrapper ul.children {padding: 0; border: none;} #sidebar .sidebar-wrapper ul.children li{border-top: solid 1px #D5D5D5; text-indent: 10px;} #sidebar .sidebar-wrapper ul.children li:first-child{border-top: solid 1px #D5D5D5;} #sidebar .sidebar-wrapper ul.children li:last-child{border-bottom: none;} /* タグ指定 */ #sidebar .tag-wrapper {margin-bottom: 20px;} #sidebar .tag--wrapper h4{display: block;padding: 0 0 5px; font-size: 115%; font-weight: 700; color: #3333;line-height: 150%;} #sidebar .widget-tag-cloud, footer .widget-tag-cloud{padding: 0 5px 5px 5px; font-size: 85%;} #sidebar .widget-tag-cloud .widget-content ul, footer .widget-tag-cloud .widget-content ul{margin: 0;} #sidebar .widget-tag-cloud .widget-content li, footer .widget-tag-cloud .widget-content li{display: inline; margin: 0 5px 0 0; padding: 0; line-height: 1.6em; border: none; background: none;} #sidebar .widget-tag-cloud .rank-1, footer .widget-tag-cloud .rank-1 { font-size: 1.75em; } #sidebar .widget-tag-cloud .rank-1, footer .widget-tag-cloud .rank-1 { font-size: 1.75em; } #sidebar .widget-tag-cloud .rank-3, footer .widget-tag-cloud .rank-3 { font-size: 1.625em; } #sidebar .widget-tag-cloud .rank-4, footer .widget-tag-cloud .rank-4 { font-size: 1.5em; } #sidebar .widget-tag-cloud .rank-5, footer .widget-tag-cloud .rank-5 { font-size: 1.375em; } #sidebar .widget-tag-cloud .rank-6, footer .widget-tag-cloud .rank-6 { font-size: 1.25em; } #sidebar .widget-tag-cloud .rank-7, footer .widget-tag-cloud .rank-7 { font-size: 1.125em; } #sidebar .widget-tag-cloud .rank-8, footer .widget-tag-cloud .rank-8 { font-size: 1em; } #sidebar .widget-tag-cloud .rank-9, footer .widget-tag-cloud .rank-9 { font-size: 0.95em; } #sidebar .widget-tag-cloud .rank-10, footer .widget-tag-cloud .rank-10{ font-size: 0.9em; } /* ------人気ランキングパーツ ------ */ #sidebar .rank-post {margin-bottom: 10px; padding: 0; overflow: hidden; *zoom: 1;} #sidebar .rank-post h4{display: block; margin-bottom: 10px; padding: 5px 0 2px ; text-align: left; font-size: 115%; font-weight: 600; color: #414444;line-height: 135%; border-bottom: 1px solid #CFCFCF;} #sidebar .rank-post h5{display: block; padding: 0 ; text-align: left; font-size: 115%; font-weight: 600; color: #414444;line-height: 135%; text-align: justify; text-justify: distribute-all-lines; } .ie7 #sidebar .rank-post h5 , .ie8 #sidebar .rank-post h5{text-align: left;} #sidebar .rank-post .p-post {margin-bottom: 10px; padding-bottom: 10px; font-size:85%; line-height: 130%; text-align: justify; text-justify: distribute-all-lines; border-bottom: 1px dotted #CFCFCF;} .ie7 #sidebar .rank-post .p-post , .ie8 #sidebar .rank-post .p-post{text-align: left;} #sidebar .rank-post .p-post img{float: left; margin: 3px 8px 3px 0; max-width: 120px;} #sidebar .rank-post .p-post a {color: #414444; text-decoration: none; display: block;} #sidebar .rank-post .p-post a:hover {color: #CC0000; text-decoration: underline;} /*ページ分割*/ .e_page{text-align: center; font-size: 80%; padding: 15px 0;} .e_page .link_before,.e_page .link_page,.e_page .current_page,.e_page .link_next {color: #414444;padding: 2px 6px; background: #FFFFFF; display: inline-block; border: solid 1px #333766;text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .e_page .current_page {color: #FFFFFF; font-weight: bold; display: inline-block; padding: 2px 6px; background: #333766; border: solid 1px #333766; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .e_page a {color: #414444;padding: 2px 6px; background: #FFFFFF; display: inline-block; border: solid 1px #333766;text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .e_page a:hover{background: #333766; color: #FFFFFF; font-weight: normal;} /* ------ ランキング　------ */ .rank {width: 31%; margin: 0 0 15px 1% ;padding: 0; border: 2px solid #333766;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #FFFFFF; float: left; *zoom: 1;} .ie7 .rank {min-height: 200px;} .rank .idx {margin: 0; padding: 5px 5px 0; background-color: #333766;} .rank .idx img {margin: -20px 0px 10px -10px; float: left;} .rank .idx h3 {margin: 0; padding: 5px 0; font-size: 107%; font-weight: 500; line-height: 120%;color: #FFFFFF;} .ie7 .rank .idx h3{padding: 0;float: left;} .rank .rankinner{margin: 10px; padding: 0 ; font-size:86%; line-height: 150%;} .rank .rankinner .b_link img {max-width: 100%; border: 1px solid #CCCCCC;} .rank .rankinner .t_link {text-align: right;} .rank .rankinner .exp {margin: 0; padding: 10px 0;} /* ------ スクロールトップ------ */ .pagetop {display: none; position: fixed; bottom: 30px; right: 0;} /* ------ その他属性 ------ */ .red_uline{border-bottom: 2px solid #FF3300;} .uline{border-bottom: 1px solid #FF6633;} .link_line{text-decoration: underline;} .dot{border-bottom:1px dotted #CCCCCC;} .solid{border-bottom:1px solid #CCCCCC;} .clr{clear: both;} strong{font-weight: bold;} em{color: red;} .txtcenter{text-align: center;} .red{color: #CC0000;} .pink{color: #CC0099;} .bg_yellow{background: #FFFF00;} .gold{color: #F4CA54;} .silver{color: #999999;} .copper{color: #BD4C54;} .other{color: #71AAE0;} /* ------ フォント属性 ------ */ .fon10{font-size: 71%;} .fon11{font-size: 78%;} .fon12{font-size: 85%;} .fon13{font-size: 92%;} .fon14{font-size: 100%;} .fon15{font-size: 108%;} .fon16{font-size: 115%;} .fon18{font-size: 129%;} .fon20{font-size: 143%;} .fon22{font-size: 158%;} .fon24{font-size: 172%;} .fon28{font-size: 200%;} .tab10{padding-left: 10px;} .tab20{padding-left: 20px;} .tab30{padding-left: 30px;} .bld{font-weight: bold;} /* ------ ～ 979px ------ */ @media screen and (max-width: 979px) { #wrapper {width: 100%;} #gnav {width: 100%;} #gnav nav {width: 100%; border: 0;} #gnav nav > ul {width: 100%; height: none;} #mainvisual {width: 100%;} #plist .plist-inner {width: 90%; margin: 0 auto;overflow: hidden;*zoom: 1;} #containar {width: 100%; padding: 0;} #contents {float: none;width: 90%;margin: 0 auto;padding: 20px 0 0 0;} #sidebar {float: none; width: 90%; margin: 0 auto; *margin: 0 auto 20px; padding-top: 30px; overflow: hidden;*zoom: 1;} #sidebar1 {float: left ; width: 48%;} #sidebar2 {float: right; width: 48%;} #footer-inner {width: 100%;} } /* ------ ～ 767px ------ */ @media screen and (max-width: 767px) { html {*overflow-x: hidden;} #wrapper {position: relative; background-color: #999999; overflow: hidden;} #mainvisual {border-bottom: 1px solid #333766;} #gnav-btn {display: block; background-color: #EEEEEE;} #header-inner {width: 100%; border-bottom: 0; background-color: #333766;} #ptitle {color: #FFFFFF;} #h_nav nav ul{position: absolute; top: 28px; right: 5px; } #gnav-btn div {padding: 5px 0 0 10px;} #gnav-btn div a {line-height: 25px; color: #333766; font-size: 22px; text-decoration: none;} #gnav {position: absolute;width: 250px; height: auto; top: 0;left: -250px; background-color: #999999; border: none;} #gnav nav {width: 100%; margin: 35px 0 0 0; padding: 0; border: 0;border-top: solid 1px #666666; position: static;} #gnav nav > ul {float: none; width: 100%; height: auto; border-left: none;border-right: none; background-color: #555555;} #gnav nav li {position: static; width: 100%; float: none; margin: 0; padding: 0; text-align: left; border-left: none;} #gnav nav > ul > li a {display: block;padding: 9px 20px 9px; color: #FFFFFF; font-size: 92%; line-height: 1.2em; border-left: none;border-right: none;border-bottom: solid 1px #666666; background: #555555 url("img/arrow_03.png") no-repeat right center; *zoom: 1;} #gnav nav > ul > li > ul {position: static; top: 100%; left: 0; list-style: none; margin: 0; width: 100%;} #gnav nav > ul > li:last-child > ul {width: 100%;} #gnav nav > ul > li ul li{overflow: hidden; width: 100%; height: auto ; color: #FFFFFF;} #gnav nav > ul > li ul li a{height: auto; line-height: 1.2em; display: block; padding: 9px 20px 9px 30px; text-align: left; font-size: 92%; font-weight: normal; border-bottom: solid 1px #666666; background: #555555 url("img/arrow_03.png") no-repeat right center; *zoom: 1;} #gnav nav > ul > li:hover > a{background: #333333 url("img/arrow_03.png") no-repeat right center; color: #FFFFFF;} #gnav nav > ul > li ul li:hover > a{background: #333333 url("img/arrow_03.png") no-repeat right center; color: #FFFFFF;} #gnav nav > ul > li:hover ul li{height: auto ;border-top: 0;} #gnav nav > ul > li:hover ul li:last-child{border-bottom: 0;} #gnav nav > ul >li.current-menu-parent >a {color: #FFFFFF; background: #555555 url("img/arrow_03.png") no-repeat right center;} #gnav nav > ul > li.current-menu-item > a {color: #FFFFFF; background: #333333 url("img/arrow_03.png") no-repeat right center;} #plist{width: 100%;margin: 0 0 10px 0;} #containar{position: relative; background: #FFFFFF;} .doc{padding: 0;} .adv{margin: 0;} #kanren {margin: 10px 2%;} #sidebar1 {float: none; width: 100%;} #sidebar2 {float: none; width: 100%;} } /* ------ ～479px ------ */ @media screen and (max-width: 479px) { .btn {width: auto;} .btn a {width: auto;} .lenth{width: 100%;} #kiji-list ul li{padding: 10px 0;} .alignleft, .alignright{float: none; margin: 5px auto; display: block;text-align: center;} .adv_link a{padding: 10px 30px 10px 0; } .adv_link .adv_doc{padding: 5px 0 0 10px;} #kanren {margin: 10px 0; padding: 10px;} #kanren dl{margin: 0 0 0 10px;} #sidebar {padding-top: 20px; *margin-bottom: 0;} #sidebar-inner {width: 100%;} #sidebar .btn {height: 40px;margin: 10px auto 0;border-radius: 25px;font-size: 100%;} #sidebar .btn a {height: 40px; line-height: 40px;border-radius: 20px;} #sidebar .ad {margin-right: 0; padding: 10px 10px 0;} #footer-inner {width: 100% ;margin: 0 ;padding: 0;} #footer-inner nav{width: 100% ; margin: 0; padding: 0;} #footer-inner ul li {width: 100%; margin: 0; padding: 0; text-align: left; display: block; border: none; border-top: solid 1px #999999;*zoom: 1;} #footer-inner ul li a{display: block; padding: 10px 20px 10px 20px; line-height: 1.5em; font-size: 100%; color: #414444; text-decoration: none; background: url("img/arrow_02.png") no-repeat right center;} #footer-inner ul li a:hover{color: #FFFFFF; text-decoration: none; background: #666666 url("img/arrow_02.png") no-repeat right center;} footer ul li:last-child {border-bottom: none;} /* ------ ランキング------ */ .rank {float: none; margin: 0 auto 15px auto; padding: 0; width: 90%;} .rank .rankinner .b_link img {max-width: 100%; margin: 0 auto; display: block;} }