/*
Theme Name: 70711_blue
Description: MTテンプレート  Ver.7.5 特別版（1カラムブルー）
Version: 7.5.0
Author: Tsunehisa Hazama
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;}
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-top:before {content: "\21b8";}
.icon-smap:before {content: "\f0f0";}
.icon-rss:before {content: "\e007";}
.icon-list:before {content: "\f473"; margin-right: 5px; color: #0085C9;}
.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%;}
.icon-rank:before {content: "\f28f"; color: #B2DAEE; margin-right: 5px; font-size: 115%;}
.icon-koushin:before {content: "\f473";padding-right: 6px;}
.icon-cat:before {content: "\f47c"; color: #CC0000; font-weight: normal; padding-right: 6px;}

/* ------ BODY ------ */
body {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333333; font-size: 13px; text-align: center; line-height: 150%; background-color: #F2F8FC; -webkit-text-size-adjust: none;}

/* ------ 画像属性等 ------ */
img {max-width: 100%;height: auto;width: auto\9;}
.mt-image-left {float: left;  margin: 5px 10px 5px 0;}
.mt-image-right{float: right; margin: 5px 0 5px 10px;}
.mt-image-center{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;}

/* リンクの属性（未指定の時） */
a:link, a:visited {color: #0085C9;text-decoration: underline}
a:active, a:hover {color: #0085C9;text-decoration: none;}
  
/* 基本設定 */
#wrapper{width: 100% ;margin: 0; text-align: center;}

/*ヘッダー*/
header {margin: 0; border-top: 5px solid #0085C9;  background: #B2DAEE;}
header .header_inner {margin: 0 auto; width: 800px; height: 24px; text-align: left;position: relative; overflow: hidden; *zoom: 1;}
.header_inner h1{float: left; font-size: 85% ; line-height: 24px; font-weight: 500; color: #0085C9;}
.header_inner nav ul{float: right; text-align: right;font-size: 16px; line-height: 24px; list-style: none;}
.header_inner nav ul li{margin-left: 10px; float: left;}
.header_inner nav ul li a{color: #0085C9; text-decoration: none;}
.header_inner nav ul li a:hover{color: #CC0000;}

/*ヘッダー画像*/
#mainvisual {margin: 0; border-bottom: 1px solid #0085C9; background: #FFFFFF;}
#mainvisual_inner {margin: 0 auto;padding: 0; max-width: 800px ; position: relative;overflow: hidden; *zoom: 1;}
#mainvisual_inner #header2 {position: absolute; top: 40px; left: 10px; max-width: 70%; }
#mainvisual_inner #header2 h2 {margin: 0; padding: 0;  text-align: left; font-size: 277% ; line-height: 130%; font-weight: 800; color: #0085C9;}
#mainvisual_inner #header2 h2 a {color: #0085C9; text-decoration: none;}
#mainvisual_inner #header2 h2 a:hover {color: #0085C9; text-decoration: underline;}
#mainvisual_inner #header2 .des {margin: 10px 0 0  0; text-align: left; font-size: 85%; color: #555555; font-weight: 500; }

/*  パンくずリスト  */
#plist {padding: 5px 10px; text-align: left; font-size: 85%; background-color: #FFFFFF; overflow: hidden; }

/*ブログの枠等の属性*/
#containar {width: 770px; margin: 0 auto;padding: 10px 0 20px; background: #FFFFFF; overflow: hidden; *zoom: 1;}

/*コンテンツ*/
#contents {width: 100%; margin: 0; font-size: 100%; text-align:left; *zoom: 1;}
#contents article {padding: 20px;  background: #FFFFFF; overflow: hidden; text-align: justify; text-justify: distribute-all-lines;}
.ie7 #contents article {text-align: left;} 
.ie8 #contents article {text-align: left;}
.main-title {margin: 0; padding: 8px 10px; line-height: 135%;color: #0085C9; border-width: 1px 15px; border-color: #B2DAEE; border-style: solid groove;  
  background-color: #F2F8FC; 
  background: -moz-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D8ECF6));
  background: -webkit-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: -o-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: linear-gradient(to bottom, #FFFFFF, #D8ECF6);
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 .ie7 .main-title, .ie8 .main-title {border-width: 1px 10px; border-color: #B2DAEE; border-style: solid;}
.contents-title{margin:  0; padding: 8px 10px; line-height: 135%;color: #0085C9; border-width: 1px 10px; border-color: #B2DAEE; border-style: solid; 
  background-color: #F2F8FC; 
  background: -moz-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D8ECF6));
  background: -webkit-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: -o-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: linear-gradient(to bottom, #FFFFFF, #D8ECF6);
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 .ie7 .contents-title, .ie8 .contents-title {border-width: 1px 6px; border-color: #B2DAEE; border-style: solid;}
article section {padding-bottom:  : 20px;}
article section:first-child {border-top: none;}
article h2{padding: 10px 0; font-size: 140%; font-weight: 700; color: #333333;}
article h3{padding: 10px 0; font-size: 123%; font-weight: 600; color: #333333;}
article h4{padding: 10px 0; font-size: 116%; font-weight: 500; color: #333333;}
article section p{padding: 15px 25px;}
article section .doc{padding: 10px 25px;}

/* ------ 更新リンク ------ */
.koushin{margin: 0 auto 10px ;width: 94%;}
.koushin-title {display: block;padding: 8px 10px;  font-size: 100%; font-weight: 600; color: #0085C9; line-height: 150%; border-width: 1px 1px 0 1px; border-color: #B2DAEE; border-style: solid;
  background-color: #D8ECF6;
  background: -moz-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D8ECF6));
  background: -webkit-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: -o-linear-gradient(top, #FFFFFF, #D8ECF6);
  background: linear-gradient(to bottom, #FFFFFF, #D8ECF6);
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  border-radius: 5px 5px 0px 0px;}
.koushin ul {padding: 0; border: solid 1px #B2DAEE; border-top: none;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-radius: 0px 0px 5px 5px;}
.koushin li {border-top: 1px solid #B2DAEE;}
.koushin li:first-child {border-top: none;}
.koushin_link a{padding: 10px 30px 10px 10px; font-size: 100%; font-weight: 500; text-align: left; line-height: 120%; display: block; text-decoration: none; background: url("http://www.topclusters.org/img/adv_link.png") no-repeat right center;}
.koushin_link a:hover{text-decoration: none; background: #F2F8FC url("http://www.topclusters.org/img/adv_link.png") no-repeat right center;}
.koushin_link .koushin_doc{padding: 5px 0 0 20px; color: #555; font-size: 76%; font-weight: normal; line-height: 120%; text-decoration: none; display: block;}

/* ------ カテゴリ------ */
#cat-list {margin-bottom: 20px;}
#cat-list h4 {margin: 0 0 5px; padding: 0 0 0 20px; font-size: 123%; font-weight: 600; color: #0085C9; background: url("http://www.topclusters.org/img/cat_list.png") no-repeat left center;}
#cat-list ul {margin: 0 auto; width: 96%; padding: 0; background: #FFFFFF;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#cat-list ul li {text-align: left; border-bottom: 1px  dashed #CCCCCC;}
#cat-list ul li a {display: block;padding: 10px 30px 10px 10px;font-size: 100%; color: #444444;line-height: 150%;text-decoration: none;background: url("http://www.topclusters.org/img/arrow_01.png") no-repeat right center;}
#cat-list ul li a h4{color: #0085C9; text-decoration: underline;}
#cat-list ul li a:hover {background-color: #F2F8FC; text-decoration: none;}
#cat-list ul li a h4:hover {text-decoration: none;}

/*  関連記事リスト属性 */
#kanren{margin: 15px 30px; padding: 15px;background: #FFFFFF; line-height: 150%; border: 5px double #B2DAEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.kanren-title{margin: 0 0 15px 0; padding: 10px 0 10px 15px;line-height: 150%;color: #0085C9; border: 1px solid #B2DAEE; background-color: #F2F8FC;}
#kanren dl{margin: 0 0 0 20px;}
#kanren dt a {font-size: 108%; font-weight: 600;}
#kanren dt a {padding-bottom: 1px;}
#kanren dd {margin: 10px; font-size: 92%; color: #666666;}

/*  相互リンクリスト属性 */
#contents .slink ul{margin: 10px 5px 20px 20px;}
#contents .slink ul li{margin: 0;font-size: 12px;line-height: 150%;}

/* ---- コメント----- */
#comments {margin: 0 10px;}
.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;}
.comments-header, .comments-open-header {font-size: 138%;}

/*ページ分割*/
.e_page{margin: 10px; text-align: center;}
.e_page .link_before,.e_page .link_page,.e_page .current_page,.e_page .link_next{padding:4px 6px; border: 1px solid #BBB;}
.e_page .current_page{color: #FFF; background: #BBB;}
.e_page a:link, .e_page a:visited, .e_page a:active {color: #999; text-decoration: none;}
.e_page a:hover{color:#FFF; background: #BBB;}

/* ------ フッター ------ */
footer {width: 100%;background: #B2DAEE; }
#footer-inner {width: 770px;margin: 0 auto; padding: 20px 0 ; text-align: left;}
#footer-inner h3{margin: 0 0 10px 0; padding: 5px 0 5px 5px; font-size: 92%; font-weight: 600; lline-height: 135%; color: #FFFFFF; display: block;
  background: #0085C9 url("http://www.topclusters.org/img/menu_back.png") repeat-x; 
  background: -moz-linear-gradient(top, #58AEDB, #0085C9);
  background: -webkit-gradient(linear, left top, left bottom, from(#58AEDB), to(#0085C9));
  background: -webkit-linear-gradient(top, #58AEDB, #0085C9);
  background: -o-linear-gradient(top, #58AEDB, #0085C9);
  background: linear-gradient(to bottom, #58AEDB, #0085C9);
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;}
#footer-inner .f-left { width: 32%; font-size: 92% ; line-height: 135%; float: left;}
#footer-inner .f-center {margin-left: 2%; font-size: 92% ; width: 32%; line-height: 135%; float: left;}
#footer-inner .f-right {margin-left: 2%; font-size: 92% ; width: 32%; line-height: 135%; float: left;}
#footer-inner ul{margin: 0 0 10px 5px; list-style: none;}
#footer-inner ul li {padding: 0 0 6px 18px; background: url("http://www.topclusters.org/img/footer_list.png") no-repeat left top;}
#footer-inner ul.children li {padding: 0 0 6px 30px; background-image: none;}
#footer-inner section form,
#footer-inner section p,
#footer-inner section .tagcloud{padding: 0 10px 10px; font-size: 92%;}
#footer-inner .post-date{font-size: 84%;}
footer #copyright {width: 100%; padding: 5px 0; text-align:center; color: #FFEEF3; font-size: 92%;background: #0085C9;}
footer #copyright a {color: #FFFFFF;text-decoration: none;}
footer #copyright a:hover {color: #FFFFFF;text-decoration: underline;}

/*その他属性*/
strong{font-weight: 700;}
.clr{clear: both;}
.red{color: #DD0000;}
.text-center{text-align: center;}
.search a:hover{padding-bottom: 1px;}

/* 線の属性 */
.line{clear: both;margin: 10px 0; border-bottom: 1px dotted #CCCCCC;}
.uline{border-bottom:1px solid #CCCCCC;}
.red-uline{border-bottom: 1px solid #FF0000;}
.blue-line {margin: 10px 0 20px; border-bottom: 2px dotted #D1EAEC;}
.yellow-bg{background-color: #FFEE00;}
.star {color: #FFCC00; font-size: 16px; font-weight: 600;}

/*フォント属性*/
.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: 139%;}
.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: 700;}
.bld-s{font-weight: 500;}

/* ランキングパーツ */
.n06_rank {width: 90%; margin: 10px auto; border: 10px solid #F2F8FC; *zoom: 1;}
.n06_rank-inner {margin: 0; padding: 10px;border: 5px solid #B2DAEE;}
.n06_rank-inner h3 { margin-bottom: 10px; padding: 10px 0 10px 60px ; font-size: 170%; font-weight: 600;}
.n06_rank-inner img{max-width: 40%;}
.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("http://www.topclusters.org/img/p_img/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("http://www.topclusters.org/img/p_img/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("http://www.topclusters.org/img/p_img/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;}

/* 人気ランキングパーツ */
section.rank-post {margin-bottom: 20px; padding: 10px 17px; border: 3px solid #D8ECF6; background-color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; *zoom: 1;}
section.rank-post  h3{display: block; padding: 5px 0 10px ; text-align: left; background: none; font-size: 100%; font-weight: 600; color: #0085C9;line-height: 135%;
	-webkit-text-shadow: none ; text-shadow: none; }
section.rank-post .p-post {margin-bottom: 10px; padding-bottom: 10px; font-size: 11px; line-height: 150%; text-align: justify; text-justify: distribute-all-lines; border-bottom: 1px dotted #CFCFCF;}
.ie7 section.rank-post .p-post {text-align: left;}
.ie8 section.rank-post .p-post {text-align: left;}
section.rank-post .p-post:last-child {margin-bottom: 0; border-bottom: none;}
section.rank-post .p-post img{float: left; margin: 3px 8px 3px 0; max-width: 70px;}
section.rank-post .p-post a {color: #666666; text-decoration: none; display: block;}
section.rank-post .p-post a:hover {text-decoration: underline;}

/* タグ指定 */
#sidebar .widget-tag-cloud, footer .widget-tag-cloud{margin-bottom: 10px; padding: 5px; font-size: 85%; border-width: 0px 1px 1px 1px; border-color: #CCC; border-style: solid; background: none;}
#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; }

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  header .header_inner {width: 96%;}
  #containar {width: 100%;}
  #plist .plist-inner {width: 96%;}
  #mainvisual_inner #header2 {position: absolute; top: 30px; left: 15px; max-width: 70%; }
  #mainvisual_inner #header2 h2 {font-size: 200% ; }
  #contents {width: 94%;margin: 0 auto 20px auto; padding-bottom: 0;}
  article section p, article section .doc {padding: 10px 2%;}
  .koushin{width: 100%;}
  #kanren {margin: 10px 2%;}
  #footer-inner {	width: 94%;}
  #footer-inner .f-left {width: 48%;}
  #footer-inner .f-center {width: 48%;}
  #footer-inner .f-right {width: 48%;}
  .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) {
  body {background-color: #FFFFFF;}
  .mt-image-left {float: none;  margin: 0 auto; display: block;}
  .mt-image-right {float: NONE; margin: 0 auto; display: block;}
  header .header_inner {text-align: center;}
  .header_inner h1{float: none;} 
  #mainvisual_inner #header2 {position: absolute; top: 20px; left: 10px; max-width: 70%; }
  #mainvisual_inner #header2 h2 {font-size: 154% ; }
  #contents {border: none;}
  #contents article {padding: 0; background: #FFFFFF; overflow: hidden}
  .main-title{margin: 0 0 10px 0;}
  article section p, article section .doc {padding: 10px 0;}
  #kanren {margin: 10px 0;}
  #kanren dl{margin: 0;}
  #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;}
  #footer-inner .f-left { margin: 0; width: 100%; float: none;}
  #footer-inner .f-center {margin: 0; width: 100%; float: none;}
  #footer-inner .f-right {margin: 0; width: 100%; float: none;}
  .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%;}
}