/* Theme Name: 70621_blue Description: WordPressテーマ Ver.7.5 特別版（2カラムブルー） Version: 7.5.0 Author: Tsunehisa Hazama Author URI: http://www.af-joho.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;} 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('coolicon.eot'); /* IE9 Compat Modes */ src: url('coolicon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('coolicon.woff') format('woff'), /* Modern Browsers */ url('coolicon.ttf') format('truetype'), /* Safari, Android, iOS */ url('coolicon.svg#svgFontName') format('svg'); /* Legacy iOS */} .icon {font-family: iconfont;font-weight: normal;} .icon-list:before {content: "\f00b";} .icon-kanren:before {content: "\f473"; margin-right: 5px; color: #B9AC9F;} .icon-arrow01:before {content: "\f31b";margin: 0 5px; color: #82715D;} .icon-rank:before {content: "\f28f"; color: #0085C9; font-size: 123%;} .icon-koushin:before {content: "\f473";padding-right: 6px; color: #0085C9;} .icon-cat:before {content: "\f47c"; color: #CC0000; font-weight: normal; padding-right: 6px;} .icon-cost:before {content: "\f25d"; margin-right: 5px; color: #0085C9;} .icon-hyoka:before {content: "\f1fb"; margin-right: 5px; color: #0085C9;} .icon-biko:before {content: "\e001"; margin-right: 5px; color: #0085C9;} .icon-arrow:before {content: "\f473"; margin-right: 5px;} .icon-star1:before {content: "\f2e0"; color: #FFCC66; font-size: 115%;} .icon-star2:before {content: "\f2df"; color: #FFCC66; font-size: 115%;} .icon-star3:before {content: "\f2de"; color: #FFCC66; font-size: 115%;} article section h5 { color: #333333; clear: both; background-color: #F0E7C8; color: #333333; font-size: 23px; line-height: 2.5em; margin: 15px 0 15px 0; padding-left: 10px; text-shadow: 1px 1px 0 #FFF; border-radius: 6px;} article section h4 {padding: 30px 0 20px;font-size: 123%;font-weight: bold;line-height: 140%;color: #333333;margin-bottom:15px; margin-top:15px; border-left:7px solid #ccc; border-bottom:1px dashed #ccc; padding:.4em .6em;} article section p {padding-left: 0em; line-height: 180%; margin-bottom: 1.5em;} /* ------ BODY ------ */ body {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color: #333333;font-size: 16px;line-height: 180%;text-align: /*left;-webkit-text-size-adjust: none;*/} /* ------ リンクの属性（未指定の時）------ */ a {outline: none;} a:link, a:visited {color: #0085C9; text-decoration: underline;} a:active, a:hover {color: #CC0000; text-decoration: none;} /* ------ 画像属性等 ------ */ 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 {width: 100%;} /* ------ ヘッダー ------ */ header {width: 100%; background-color: #DEF6FD;} #header-inner {width: 100% ;margin: 0; text-align:center; border-bottom: 3px solid #00A2D8; overflow: hidden; *zoom: 1;} #ptitle {margin: 0; padding: 0; text-align: center; line-height: 160%; font-size: 84%; color: #00A2D8; } /* ------ ヘッダーナビゲーション ------ */ #gnav-btn {display :none;} #gnav {width: 100%;background-color: #7FC4E7;} #gnav nav {margin: 0 auto; width:1000px; position: relative;border-left: solid 1px #71BEE5;border-right: solid 1px #71BEE5; z-index: 1;} #gnav nav > ul {list-style-type: none; width: 1000px; height: 26px; margin: 0; padding: 0; background: #7FC4E7;} #gnav nav li {position: relative; width: 20%; float: left; margin: 0; padding: 0; text-align: center;} #gnav nav > ul > li a {display: block; margin: 0; padding: 6px 0 6px; color: #FFFFFF; font-size: 92%;font-weight: 500; line-height: 1; text-decoration: none;} #gnav nav > ul > li > ul {position: absolute; top: 100%; 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{padding: 10px 10px; background: #7FC4E7; text-align: left; font-size: 12px; font-weight: normal;} #gnav nav > ul > li:hover > a{background: #00A2D8; color: #FFFFFF;} #gnav nav > ul > li ul li:hover > a{background: #00A2D8;color: #FFFFFF;} #gnav nav .current-menu-parent, #gnav nav .current-menu-item {background: #00A2D8;color: #FFFFFF;} #gnav nav > ul > li:hover ul li{overflow: visible; height: 30px; border-top: 1px solid #45A5D6;} #gnav nav > ul > li:hover ul li:last-child{border-bottom: 0;} /* ------ メイン画像 ------ */ #mainvisual {position: relative; width: 100%; border-bottom: 1px solid #A1DEF4; overflow:hidden;background-color: #DEF6FD;} #mainvisual img{position: relative; width: 1000px; margin-left: -500px; padding-left: 50%;} /* ------ パンくずリスト ------ */ #plist {width: 100%;padding: 10px 0;font-size:92%; background-color: #EEEEEE;} #plist .plist-inner {width: 980px;margin: 0 auto;overflow: hidden;*zoom: 1;} /* ------ コンテンツ ------ */ #containar {width: 980px;margin: 0 auto;padding-top: 20px;overflow: hidden;*zoom: 1;} #contents {float: right;width: 730px;} #contents-lp{width:800px;margin:auto;} article {padding-bottom: 20px;text-align: justify; text-justify: distribute-all-lines;} .ie7 article {padding-bottom: 20px;text-align: left;} .ie8 article {padding-bottom: 20px;text-align: left;} article section {padding: 0 0 20px 10px;} article section h2 {padding: 30px 0 20px;font-size: 138%;font-weight: bold;line-height: 140%;color: #333333;} article section h3 {padding: 20px 0 10px;font-size: 123%;font-weight: bold;line-height: 140%;color: #333333;} article section p {padding-left: 0em; line-height: 180%; /*padding: 15px 25px;*/} article section .doc {padding: 0 10px;line-height: 160%;} .main-title {/*padding: 0 0 10px 0;*/font-size: 185%;font-weight: bold;line-height: 140%;color: #0085C9;-webkit-text-shadow: 1px 1px 2px #BBBBBB;text-shadow: 1px 1px 2px #BBBBBB;} .contents-title{padding: 20px 0 10px 0;font-size: 154%;font-weight: bold;line-height: 140%;color: #0085C9;-webkit-text-shadow: 1px 1px 2px #BBBBBB;text-shadow: 1px 1px 2px #BBBBBB;} .posts-title{padding: 10px 0;font-size: 138%;font-weight: bold;line-height: 140%;color: #0085C9;-webkit-text-shadow: 1px 1px 2px #BBBBBB;text-shadow: 1px 1px 2px #BBBBBB;} section.post{padding: 0;border: none;} /* ------ 更新リンク ------ */ section.kousin{margin-top: 20px;} section.kousin .kousin-title {display: block;padding: 8px 10px; font-size: 93%; color: #FFFFFF;line-height: 150%; background: #0085C9 url(img/menu_back.png) repeat-x; background: -moz-linear-gradient(top, #75c0e6, #0085C9); background: -webkit-gradient(linear, left top, left bottom, from(#75c0e6), to(#0085C9)); background: -webkit-linear-gradient(top, #75c0e6, #0085C9); background: -o-linear-gradient(top, #75c0e6, #0085C9); background: linear-gradient(to bottom, #75c0e6, #0085C9); -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius: 5px 5px 0px 0px; box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;} section.kousin ul {margin: 0; padding: 0; border: 1px solid #CCCCCC; border-top: none; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;} section.kousin ul li {margin:0 10px; padding: 5px 10px; } section.kousin ul li:last-child {padding-bottom: 15px;} section.kousin ul li a {padding-bottom: 1px;} /* ------ カテゴリ------ */ #cat-list {margin-bottom: 10px;} #cat-list h3 {padding: 0 0 10px; font-size: 123%; font-weight: 500; } #cat-list ul {margin: 0; padding: 0;} #cat-list ul li {padding: 10px 30px 10px 10px; text-align: left; border-bottom: 1px dashed #CCCCCC; background: url(img/arrow_01.png) no-repeat right center;} #cat-list ul li:first-child {border-top: 1px dashed #CCCCCC; } #cat-list ul li a {display: block; font-size: 100%; color: #444444;line-height: 150%;text-decoration: none;} #cat-list ul li a h4{color: #0085C9; text-decoration: underline;} #cat-list ul li:hover {background-color: #F0FCFF; text-decoration: none;} #cat-list ul li a h4:hover {text-decoration: none;} .img-set{float: left; margin: 0 10px 5px 0; max-width: 80px;} /* ------ 関連記事リスト属性 ------ */ #kanren{margin: 10px 30px; 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: 123%; font-weight: 500;line-height: 140%; color: #333333; -webkit-text-shadow: 1px 1px 2px #BBBBBB; text-shadow: 1px 1px 2px #BBBBBB;} #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;} /* ---- コメント・トラックバック----- */ section.tback {border: none;} .tback h2{margin-botoom: 0; padding-bottom: 15px;} .tback p {margin: 0 0 10px 10px;padding: 0;font-size: 11px; line-height: 130%;} section.comments{border: none;} .comments ul{list-style: none;margin: 0;color:#444444;font-size: 12px;} .comments ul li {margin-bottom: 10px;background: #EFEFEF;padding: 10px;} .comments ul li.depth-1{border-bottom: 1px dotted #CCCCCC;margin-bottom: 10px;} .comments ul.children {list-style: none;} .comments p{padding: 0 10px 5px 20px;text-align: left;} .comments form p{line-height: 160%;display: block;} .comments label{font-weight: bold;display:block;} .comments form p.comment-notes,.comments form p.form-allowed-tags{font-size: 11px;text-align: left;} .comments .reply{width: 40px;height: 20px;margin-left: 20px;text-align: center;line-height: 20px;border: 1px solid #CCCCCC;background: #FFFFFF;display: block;} .comments .reply a{color: #333333;text-decoration: none;display: block;} .comments .reply a:hover{color: #FFFFFF;background: #CCCCCC;} .comments h3 small{font-size: 100%;} #author{width: 200px;} #email{width: 200px; } #url {width: 200px; } #comment {width: 99%; height:100px; } #submit {margin:0; padding:2px 25px; cursor:pointer;} /* ------ 左サイドバー ------ */ #sidebar {float: left;width: 235px;top: 0;left: 0;} #sidebar section, #sidebar aside {margin-bottom: 20px;} #sidebar section h2{display: block;padding: 8px 10px; font-size: 93%; color: #FFFFFF;line-height: 150%; background: #0085C9 url(img/menu_back.png) repeat-x; background: -moz-linear-gradient(top, #75c0e6, #0085C9); background: -webkit-gradient(linear, left top, left bottom, from(#75c0e6), to(#0085C9)); background: -webkit-linear-gradient(top, #75c0e6, #0085C9); background: -o-linear-gradient(top, #75c0e6, #0085C9); background: linear-gradient(to bottom, #75c0e6, #0085C9); -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius: 5px 5px 0px 0px; box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;} #sidebar section form, #sidebar section p, #sidebar section .tagcloud{padding: 10px; border: solid 1px #D5D5D5;border-top: none; font-size: 93%; background: #FCFCFC; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;} #sidebar section ul {padding: 0; border: solid 1px #D5D5D5; border-top: none; background: #FCFCFC; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;} #sidebar section ul li {border-top: solid 1px #D5D5D5;} #sidebar section ul li:first-child {border-top: none;} #sidebar section ul li a {display: block;padding: 8px 20px 8px 10px;font-size: 93%; color: #333333;line-height: 150%;text-decoration: none;border-top: solid 1px #F5F5F5;background: url(img/arrow_02.png) no-repeat right center;} #sidebar section ul li:first-child a {border-top: none;} #sidebar section ul li a:hover, #sidebar section ul li a:active{background-color: #F0F0F0;} #sidebar section ul.children {padding: 0; border: none;} #sidebar section ul.children li{border-top: solid 1px #D5D5D5; text-indent: 10px;} #sidebar section ul.children li:first-child{border-top: solid 1px #D5D5D5;} /*サイドバー（外部リンク）内スペース画像拡大防止*/ #sidebar1 img[width="1"]{ display:none; } /* ------カレンダー ------ */ #calendar_wrap {padding: 10px; border: solid 1px #D5D5D5;border-top: none; font-size: 93%; background: #FCFCFC; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;} #wp-calendar {width: 96%; margin: 0 auto; } /* ------人気ランキングパーツ ------ */ #sidebar section.rank-post {margin-bottom: 20px; padding: 10px 17px; border: 3px solid #A1DEF4; background-color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; *zoom: 1;} #sidebar section.rank-post h3{display: block; padding: 5px 0 10px ; text-align: left; background: none; font-size: 108%; font-weight: 600; color: #0085C9;line-height: 135%; -webkit-text-shadow: none ; text-shadow: none; } #sidebar section.rank-post .p-post {margin-bottom: 10px; padding-bottom: 10px; font-size: 84%; line-height: 150%; text-align: justify; text-justify: distribute-all-lines; border-bottom: 1px dotted #CFCFCF;} .ie7 #sidebar section.rank-post .p-post {text-align: left;} .ie8 #sidebar section.rank-post .p-post {text-align: left;} #sidebar section.rank-post .p-post:last-child {margin-bottom: 0; border-bottom: none;} #sidebar section.rank-post .p-post img{float: left; margin: 3px 8px 3px 0; max-width: 70px;} #sidebar section.rank-post .p-post a {color: #666666; text-decoration: none; display: block;} #sidebar section.rank-post .p-post a:hover {text-decoration: underline;} /* ------ フッター ------ */ footer {width: 100%;background: #7FC4E7;} #footer-inner {width: 1000px;margin: 0 auto;padding: 10px 0;} footer nav{text-align: center;margin: 0; padding: 10px 0 20px;} footer ul li {display: inline-block;*display: inline;*margin-bottom: 12px;padding: 0 10px 0 15px;line-height: 100%;font-size: 84%; color: #CCCCCC;border-left: solid 1px #CCCCCC;*zoom: 1;} footer ul li:first-child {border-left: none;} footer #copyright {width: 100%; padding: 5px 0; text-align:center; color: #CCCCCC;font-size: 92%;background: #00A2D8;} footer a:link, footer a:visited {color: #FFFFFF;text-decoration: none;} footer a:active, footer a:hover {color: #FFFFFF;text-decoration: underline;} /* ------ ページナビ ------ */ ul.page_navi {text-align: center; margin: 10px 0;} .ie7 ul.page_navi, ul.ie8 .page_navi, .ie9 ul.page_navi {text-align: left; margin: 10px;} .page_navi li {display: inline;list-style: none;} .page_navi li.current span {color: #CC0000;font-weight: bold; display: inline-block; padding: 3px 7px; background: #FFEEEE; border: solid 1px #FFCCCC;} .page_navi li a {color: #333333;padding: 3px 7px;background: #DEF6FD;display: inline-block;border: solid 1px #7FC4E7;text-decoration: none;} .page_navi li a:hover {color: #FF0000;} .page_navi li.page_nums span {color: #FFFFFF;padding: 3px 7px;background: #7FC4E7;display: inline-block;border: solid 1px #00A2D8;} /* ランキングパーツ706 */ section.rank07 {width: 48%; margin: 0 0 15px 1% ;padding: 0; border: 2px solid #BFEFFF;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #FFFFFF; float: left;*zoom: 1;} .ie7 section.rank07 {min-height: 200px;} .rank07 .idx {margin: 0; padding: 5px 5px 0; background-color: #D8F5FF;} .rank07 .idx img {margin: -20px 5px 10px -10px; float: left;} .rank07 .idx h3 {margin: 0; padding: 5px 0; font-size: 123%; font-weight: 500; line-height: 120%;color: #0085C9; -webkit-text-shadow: 1px 1px 2px #BBBBBB;text-shadow: 1px 1px 2px #BBBBBB;} .ie7 .rank07 .idx h3{padding: 0;float: left;} .rank07 .rankinner{margin: 10px; padding: 0 ; font-size: 92%; line-height: 150%;} .rank07 .rankinner .b_link {float: left; padding: 0 5px 0 0;} .rank07 .rankinner .b_link img {max-width: 120px;} .rank07 .rankinner .t_link {margin-top: 5px; text-align: right;} .rank07 .doc {padding: 10px 0;} /* ランキングパーツ707 */ .n06_rank {width: 90%; margin: 10px auto; border: 10px solid #F2F8FC; *zoom: 1;} .n06_rank-inner {margin: 0; padding: 0px;border: 5px solid #B2DAEE;} .n06_rank-inner h3 { margin:10px 0; padding: 10px 0 10px 60px ; font-size: 170%; font-weight: 600;line-height:100%;} .n06_rank-inner h4 { border-left:none;border-bottom:none;} .n06_rank-inner img{max-width: 40%; margin-left: 15px;margin-right:0;} .n06_rank-inner .idx01{float: right; width: 44%; margin: 0; padding-left: 70px; line-height: 20px; color: #0085C9; font-weight: 600; text-align: left; background: url("n06_check.png"); *zoom: 1;} .n06_rank-inner ul {float: right; width: 52% ; margin: 10px 15px 10px 0; line-height: 130%;} .n06_rank-inner ul li {margin: 0; padding: 0 0 5px 20px; font-weight: 500; background: url("n06_list.png") no-repeat left top;} .n06_rank-inner table {float: right; margin: 0; width: 55%; text-align: center; border: 1px solid #B2DAEE; border-collapse: collapse;} .n06_rank-inner table th {text-align: center; color: #0085C9; border: solid 1px #B2DAEE ; padding : 3px;background: #F2F8FC; font-size: 92%;} .n06_rank-inner td{border: solid 1px #B2DAEE ; padding: 3px;line-height:130%; font-size: 92%;} .n06_rank-inner .check-p {margin: 10px auto ; width: 96%; font-weight: normal; border: 1px solid #CFCFCF; background: url("n06_point.png") no-repeat left top; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; *zoom: 1;} .n06_rank-inner .check-p .check-inner {padding: 10px 20px; line-height: 150%;} .n06_rank-inner .check-p .check-inner h4 { margin: 0; padding: 0 0 10px 95px; font-weight: 600; color: #F07297;} .n06_rank-inner .s-link {float: left; margin: 10px 0 10px 50px; padding: 8px 0; width: 40%; text-align: center; font-size: 108%; font-weight: 600; border: 1px solid #6ac5fa; display: block; *zoom: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #e8f5fd; background: -moz-linear-gradient(top, #e8f5fd, #bfe6fc); background: -webkit-gradient(linear, left top, left bottom, from(#e8f5fd), to(#bfe6fc)); background: -webkit-linear-gradient(top, #e8f5fd, #bfe6fc); background: -o-linear-gradient(top, #e8f5fd, #bfe6fc); background: linear-gradient(to bottom, #e8f5fd, #bfe6fc);} .n06_rank-inner .k-link {float: right; margin: 10px 50px 10px 0; padding: 8px 0; width: 40%; text-align: center; font-size: 108%; font-weight: 600; border: 1px solid #ecaabb; display: block; *zoom: 1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #ffedf2; background: -moz-linear-gradient(top, #ffedf2, #fcbece); background: -webkit-gradient(linear, left top, left bottom, from(#ffedf2), to(#fcbece)); background: -webkit-linear-gradient(top, #ffedf2, #fcbece); background: -o-linear-gradient(top, #ffedf2, #fcbece); background: linear-gradient(to bottom, #ffedf2, #fcbece);} .n06_rank-inner a.k-link{color: #fa6585; text-decoration: none;} .n06_rank-inner a.s-link {color: #0689d4; text-decoration: none;} .n06_rank-inner a:hover {color: #FF0000; text-decoration: none;} .n06_rank-inner .rankicon{float:left;margin-top:0;} /* ランキング挿入用スタイル初期化 */ .single article section .n06_rank{ padding-bottom:0; } .single article section .n06_rank p{ margin:0; padding:0; } .single article section .n06_rank-inner{ margin-bottom:0; } .single article section .n06_rank-inner h3, .page article section .n06_rank-inner h3{ margin-top:-15px; padding-top:10px; } .single article section .n06_rank-inner .check-p{ margin-bottom:0; } .single article section .n06_rank-inner .check-p .check-inner{ padding-bottom:0; } .single article section .n06_rank-inner .check-p .check-inner p{ line-height:155%; margin-bottom:10px; } .single article section .n06_rank-inner .check-p .check-inner h4{ font-size:16px; } /* ランキングパーツ708 */ .rank08 {margin: 0 1em;padding: 0;border-top: 5px solid #307EB8;} .rank08:last-child {border-bottom: 2px solid #307EB8;} .rank08 .idx{margin: 0; padding: 5px; border-bottom: 1px solid #307EB8; } .rank08 .idx img{float: left;} .rank08 .idx h2{margin: 0; padding: 10px 0 5px 60px; font-size: 143%;font-weight: bold;line-height: 120%;color: #333333;-webkit-text-shadow: 1px 1px 2px #BBBBBB;text-shadow: 1px 1px 2px #BBBBBB;} .rank08 .rankinner{margin: 0; padding: 10px 20px ; line-height: 150%;} .rank08 .rankinner .b_link img{float: left; padding: 0 10px 10px 0; max-width: 200px;} .rank08 .rankinner .t_link{text-align: right;} .ie8 .rank08 .rankinner .t_link{float: right;} .rank08 .doc{padding: 10px 0;} .rank08 .star {vertical-align: top;} .rank08 .star:before {content: url("r08_osusume.png"); margin-right: 5px;} div.ctable { text-align: center; /* IEでセンタリングさせる方法 */ } div.ctable table { margin: auto; /* 標準のセンタリング方法 */ text-align: left; /* IE用方法の弊害対策用 */ } table.company { width: 600px; margin: 0 auto; border-collapse: separate; border-spacing: 0px 10px; } table.company th, table.company td { padding: 10px; } table.company th { background: #295890; vertical-align: middle; text-align: left; width: 120px; overflow: visible; position: relative; color: #fff; font-weight: normal; } table.company th:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #295890; border-width: 10px; margin-top: -10px; } /* firefox */ @-moz-document url-prefix() { table.company th::after { float: right; padding: 0; left: 30px; top: 10px; content: " "; height: 0; width: 0; position: relative; pointer-events: none; border: 10px solid transparent; border-left: #295890 10px solid; margin-top: -10px; } } table.company td { background: #f8f8f8; width: 430px; padding-left: 20px; } section table { width: 100%; } section th, section td { padding: 10px; border: 1px solid #ddd; } section th { background: #f4f4f4; } @media screen and (max-width:684px){ table.company{ width:auto; } } /*---------------------------------------------------- .demo01 ----------------------------------------------------*/ .demo01 th { width: 30%; text-align: left; } @media only screen and (max-width:480px){ .demo01 { margin: 0 -10px; } .demo01 th, .demo01 td{ width: 100%; display: block; border-top: none; } .demo01 tr:first-child th { border-top: 1px solid #ddd; } } table.brwsr2 { margin: 0 auto; width: 90%; border: none; border-top: solid 1px #666; border-bottom: solid 1px #666; border-collapse: separate; border-spacing: 0 10px; } table.brwsr2 th { vertical-align: middle; height: 53px; width: 40%; margin: 0; text-align: center; color: #333; font-size: 16px; font-weight: bold; background: #f5f5f5; } table.brwsr2 td.data { padding: 0; margin: 0; height: 53px; width: 30%; border: none; color: #666; font-size: 12px; line-height: 16px; text-align: center; vertical-align: middle; white-space: nowrap; overflow: hidden; } table.brwsr2 td:fst-child { padding: 0 0 0 10px; vertical-align: middle; } table.brwsr2 td.bar { height: 1px; width: 100%; border-top: solid 1px #34495e; } .menu1 { background: url(num1.jpg) no-repeat; padding: 10px 0px 27px 65px; margin:3px 3px 13px 12px; font-weight: 700; font-size: 20px; } .menu2 { background: url(num2.jpg) no-repeat; padding: 10px 0px 27px 65px; margin:3px 3px 13px 12px; font-weight: 700; font-size: 20px; } .menu3 { background: url(num3.jpg) no-repeat; padding: 10px 0px 27px 65px; margin:3px 3px 13px 12px; font-weight: 700; font-size: 20px; } .menu4 { background: url(kutikomi.png) no-repeat; padding: 10px 0px 27px 65px; margin:3px 3px 13px 12px; font-weight: 700; font-size: 20px; } /* ------ その他属性 ------ */ .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: 76%;} .fon11{font-size: 84%;} .fon12{font-size: 92%;} .fon13{font-size: 100%;} .fon14{font-size: 108%;} .fon16{font-size: 123%;} .fon18{font-size: 138%;} .fon20{font-size: 154%;} .fon22{font-size: 170%;} .fon24{font-size: 185%;} .fon28{font-size: 216%;} .tab10{padding-left: 10px;} .tab20{padding-left: 20px;} .tab30{padding-left: 30px;} .bld{font-weight: bold;} /* ------ ～ 979px ------ */ @media screen and (max-width: 979px) { #header-inner {width: 100%; } #gnav nav {width: 100%; border: 0;} #gnav nav > ul {width: 100%; height: none;} #mainvisual .img {width: 100%;} #mainvisual img {float: right;} #plist .plist-inner {width: 90%; margin: 0 auto;overflow: hidden;*zoom: 1;} #containar {width: 100%;} #contents,#contents-lp {float: none;width: 90%;margin: 0 auto;padding-bottom: 0;} #cat-list h3 {padding: 0 0 5px 0;} #cat-list ul li {padding: 10px 30px 10px 10px; } article section p {padding: 0;} #sidebar {float: none; width: 90%; margin: 0 auto; *margin: 0 auto 20px;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 {background-color: #60B2DB; overflow: hidden;} #gnav-btn {position: relative;display: block; width: 100%;padding: 5px 0 4px; background-color: #7FC4E7;} #header-inner {position: relative; width: 100%; border-bottom: 0; background-color: #00A2D8;} #ptitle {color: #FFFFFF;} #gnav-btn div {width: 50px; margin-left: 10px;border-bottom: solid 1px #0085C9; -webkit-border-radius: 5px; border-radius: 5px;} #gnav-btn a {display: block; height: 25px;line-height: 25px;color: #FEFEFE; font-size: 14px;border: solid 1px #0085C9; text-align: center;vertical-align: top;text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-text-shadow: 0px -1px 0px #700; text-shadow: 0px -1px 0px #111; } #gnav-btn a:link,#gnav-btn a:visited {background: #0085C9; background: -moz-linear-gradient(top, #75C0E6, #0085C9); background: -webkit-gradient(linear, left top, left bottom, from(#75C0E6), to(#0085C9)); background: -webkit-linear-gradient(top, #75C0E6, #0085C9); background: -o-linear-gradient(top, #75C0E6, #0085C9); background: linear-gradient(to bottom, #75C0E6, #0085C9);} #gnav-btn a:hover,#gnav-btn a:active, #gnav-btn a.current {background: url(../img/bg_gradient.png) repeat-x #44A8DB; background: -moz-linear-gradient(top, #75C0E6, #44A8DB); background: -webkit-gradient(linear, left top, left bottom, from(#75C0E6), to(#44A8DB)); background: -webkit-linear-gradient(top, #75C0E6, #44A8DB); background: -o-linear-gradient(top, #75C0E6 #44A8DB); background: linear-gradient(to bottom, #75C0E6, #44A8DB);} #gnav {position: absolute;width: 250px; top: 0;left: -250px; background-color: #60B2DB; border: none;} #gnav nav {width: 100%; margin: 35px 0 0 0; border: 0; border-top: solid 0px #60B2DB;border-bottom: solid 1px #60B2DB; position: static;} #gnav nav > ul {float: none; width: 100%; height: auto; border-left: none;border-right: none;border-top: solid 0px #60B2DB; background-color: #00A2D8;} #gnav nav li {position: static; width: 100%; float: none; margin: 0; padding: 0; text-align: left;} #gnav nav > ul > li a {display: block;padding: 10px 20px 10px;font-size: 92%;border-left: none;border-right: none;border-top: solid 1px #7FC4E7; background: 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;} #gnav nav > ul > li ul li{overflow: hidden; width: 100%; height: 30px ; color: #FFFFFF;} #gnav nav > ul > li ul li a{display: block; padding: 8px 20px 8px 30px; background: #00A2D8; text-align: left; font-size: 92%; font-weight: normal;border-bottom: solid 1px #60B2DB; border-top: solid 1px #60B2DB; background: url("img/arrow_03.png") no-repeat right center; *zoom: 1;} #gnav nav > ul > li:hover > a{background: #7FC4E7 url("img/arrow_04.png") no-repeat right center; color: #FFFFFF;} #gnav nav > ul > li ul li:hover > a{background: #7FC4E7 url("img/arrow_04.png") no-repeat right center; color: #FFFFFF;} #gnav nav > ul > li:hover ul li{border-top: 0;} #gnav nav > ul > li:hover ul li:last-child{border-bottom: 0;} #plist{position: relative; width: 100%;} #containar{position: relative; background: #FFFFFF;} article section{width: 100%; padding: 0 0 10px 0;} article section .doc {padding: 0;} .adv{margin: 0;} #kanren {margin: 10px 2%;} #sidebar1 {float: none; width: 100%;} #sidebar2 {float: none; width: 100%;} /* ランキングパーツ707 */ .n06_rank{width: 96%;} .n06_rank-inner img{max-width: 40%;} .n06_rank-inner .idx01{width: 40%;} .n06_rank-inner ul {width: 50% ;} .n06_rank-inner table {width: 55%;} .n06_rank-inner .s-link {width: 35%;} .n06_rank-inner .k-link {width: 35%;} } /* ------ ～479px ------ */ @media screen and (max-width: 479px) { .btn {width: auto;} .btn a {width: auto;} .alignleft, .alignright{float: none; margin: 5px auto; display: block;} #kanren {margin: 10px 0; padding: 10px;} #kanren dl{margin: 0 0 0 10px;} #sidebar {*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;} /* ランキングパーツ706 */ section.rank07{margin: 0 0 15px 0; width: 100%; float: none;} /* ランキングパーツ707 */ .n06_rank {width: 100%; margin: 10px auto; padding: 20px 0; border: none; border-bottom: 3px dotted #0085C9;} .n06_rank-inner {width: 96%; margin: 0 auto; padding: 0; border: none;} .n06_rank-inner h3 { margin-bottom: 10px; padding: 5px 0 5px 55px ; font-size: 139%;} .n06_rank-inner img{float: none; margin: 0 auto; max-width: 90%;} .n06_rank-inner .idx01{float: none; margin-top: 10px; width: 100%;} .n06_rank-inner ul {float: none; width: 100% ;} .n06_rank-inner table {float: none; width: 100%;} .n06_rank-inner .check-p {width: 100%;} .n06_rank-inner .s-link {float: none; margin: 0 auto 10px auto; width: 90%;} .n06_rank-inner .k-link {float: none; margin: 0 auto; width: 90%;} .n06_rank-inner .rankicon{margin-top:-15px;} /* ランキングパーツ708 */ .rank08 {margin: 0;} .rank08 .rankinner{margin: 0; padding: 10px 5px ;} .rank08 .rankinner .b_link img{float: none; margin: 0 auto; padding: 0 0 10px 0; max-width: 200px; display: block;} } @media screen and (min-width:480px) { .n06_rank-inner .alignleft{margin-left:25px;} } /* ------ 運営者 ------ */ #uneisya td {padding:10px;} .kuchi-male { clear: both; margin: 10px 10px 30px 10px; padding: 10px; position: relative; background-color: #cdeffd; border-radius: 4px; } .kuchi-male:before { content: ""; position: absolute; width: 0px; height: 0px; top: 100%; left: 30px; border-style: solid; border-width: 20px 20px 0px 3px; border-color: #cdeffd rgba(192,192,192,0); } .kuchi-batu { clear: both; margin: 10px 10px 30px 10px; padding: 10px; position: relative; background-color: #ddd; border-radius: 4px; } .kuchi-batu:before { content: ""; position: absolute; width: 0px; height: 0px; top: 100%; left: 30px; border-style: solid; border-width: 20px 20px 0px 3px; border-color: #ddd rgba(192,192,192,0); } .ad { font-weight: bold; font-size: 20px; text-align: center; margin: 0px 10px; border: 5px solid #efefef; padding: 10px; } .movie-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blockwhite { padding: 5px; background: #fff; border: 1px #ccc solid; box-shadow: 0 2px 3px 0 #ddd; -moz-box-shadow: 0 2px 3px 0 #ddd; -webkit-box-shadow: 0 2px 3px 0 #ddd; } .note { position: relative; border: 3px solid #ccc; border-radius: 8px; padding: 1em; } .note::before, .note::after { position: absolute; bottom: 100%; left: 10%; content: ''; height: 0; width: 0; border: 12px solid transparent; } .note::before { border-bottom: 16px solid #ccc; } .note::after { border-bottom: 16px solid #fff; margin-bottom: -5px; } .anago img{ vertical-align:middle; }