/*
Theme Name: 70723_pink
Description: WordPressテーマ Ver7.5（2カラムグリーン）
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('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: #DE5065;}
.icon-cost:before {content: "\f25d"; margin-right: 5px; color: #DE5065;}
.icon-hyoka:before {content: "\f1fb"; margin-right: 5px; color: #DE5065;}
.icon-biko:before {content: "\e001"; margin-right: 5px; color: #DE5065;}
.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: #F4CAD0; margin-right: 5px; font-size: 115%;}
.icon-koushin:before {content: "\f473";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: #FDF6F7; -webkit-text-size-adjust: 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: 10px 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;}

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

/*ヘッダー*/
header {margin: 0; border-top: 5px solid #DE5065;  background: #F4CAD0;}
header .header_inner {margin: 0 auto; width: 1020px; 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: #DE5065;}
.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: #DE5065; text-decoration: none;}
.header_inner nav ul li a:hover{color: #CC0000;}

/*ヘッダー画像*/
#mainvisual {margin: 0; border-bottom: 1px solid #DE5065; background: #FFFFFF;}
#mainvisual_inner {margin: 0 auto;padding: 0; max-width: 1020px ; 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: #DE5065;}
#mainvisual_inner #header2 h2 a {color: #DE5065; text-decoration: none;}
#mainvisual_inner #header2 h2 a:hover {color: #DE5065; 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; font-size: 85%; background-color: #FFFFFF; overflow: hidden; }

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

/*コンテンツ*/
#contents {float: right; width: 750px; margin: 0; font-size: 100%; text-align:left; border: 1px dashed  #F4CAD0; *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: #DE5065; border-width: 1px 15px; border-color: #F4CAD0; border-style: solid groove;  
  background-color: #FDF6F7; 
  background: -moz-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9E4E7));
  background: -webkit-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: -o-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: linear-gradient(to bottom, #FFFFFF, #F9E4E7);
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 .ie7 .main-title, .ie8 .main-title {border-width: 1px 10px; border-color: #F4CAD0; border-style: solid;}
.contents-title{margin:  0; padding: 8px 10px; line-height: 135%;color: #DE5065; border-width: 1px 10px; border-color: #F4CAD0; border-style: solid; 
  background-color: #FDF6F7; 
  background: -moz-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9E4E7));
  background: -webkit-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: -o-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: linear-gradient(to bottom, #FFFFFF, #F9E4E7);
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 .ie7 .contents-title, .ie8 .contents-title {border-width: 1px 6px; border-color: #F4CAD0; 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: #DE5065; line-height: 150%; border-width: 1px 1px 0 1px; border-color: #F4CAD0; border-style: solid;
  background-color: #F9E4E7;
  background: -moz-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9E4E7));
  background: -webkit-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: -o-linear-gradient(top, #FFFFFF, #F9E4E7);
  background: linear-gradient(to bottom, #FFFFFF, #F9E4E7);
  -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 #F4CAD0; 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 #F4CAD0;}
.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("img/adv_link.png") no-repeat right center;}
.koushin_link a:hover{text-decoration: none; background: #FDF6F7 url("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: #DE5065; background: url("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("img/arrow_01.png") no-repeat right center;}
#cat-list ul li a h4{color: #DE5065; text-decoration: underline;}
#cat-list ul li a:hover {background-color: #FDF6F7; 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 #F4CAD0; -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: #DE5065; border: 1px solid #F4CAD0; background-color: #FDF6F7;}
#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%;}

/*  コメント・トラックバック  */
section.tback {border: none;}
.tback h2{margin-botoom: 0; padding-bottom: 15px;}
.tback p {margin: 0px 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;}
#submit:hover{border:solid 1px #BA678E; }

/*  サイドバー  */
#sidebar {float: left;width: 250px;top: 0;left: 0;}
#sidebar section, #sidebar aside {margin-bottom: 20px;}
#sidebar section h3{display: block;padding: 8px 10px;  font-size: 100%; font-weight: 600; color: #FFFFFF;line-height: 150%;
  background: #DE5065 url("img/menu_back.png") repeat-x; 
  background: -moz-linear-gradient(top, #F4CAD0, #DE5065);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4CAD0), to(#DE5065));
  background: -webkit-linear-gradient(top, #F4CAD0, #DE5065);
  background: -o-linear-gradient(top, #F4CAD0, #DE5065);
  background: linear-gradient(to bottom, #F4CAD0, #DE5065);
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  border-radius: 5px 5px 0px 0px;}
#sidebar section form,
#sidebar section p,
#sidebar section .tagcloud{padding: 10px; border: solid 1px #D5D5D5;border-top: none; font-size: 92%; background: #FCFCFC;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-radius: 0px 0px 5px 5px;}
#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;}
#sidebar section ul li {border-top: solid 1px #D5D5D5; text-align: left;}
#sidebar section ul li:first-child {border-top: none;}
#sidebar section ul li a {display: block;padding: 10px 25px 10px 10px;font-size: 92%; color: #333333;line-height: 150%;text-decoration: none;border-top: solid 1px #F5F5F5;background: url("img/arrow_01.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;}

/* ------ フッター ------ */
footer {width: 100%;background: #F4CAD0; }
#footer-inner {width: 1020px;margin: 0 auto; padding: 20px 0 ; text-align: left;}
#footer-inner h3{margin: 0 0 15px 0; padding: 5px 0 5px 5px; font-size: 108%; font-weight: 600; lline-height: 135%; color: #DE5065; background-color: #FDF6F7; border-left: 15px groove #DE5065; display: block;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ie7 #footer-inner h3, .ie8 #footer-inner h3 {border-left: 10px solid #DE5065;}	
#footer-inner .f-left {margin: 0 10px; width: 480px; line-height: 180%; float: left;}
#footer-inner .f-left  .textwidget {padding: 0 10px; font-size: 92%; line-height: 150%;}
#footer-inner .f-center {margin: 0 10px; width: 240px; line-height: 135%; float: left;}
#footer-inner .f-right {margin: 0 10px; width: 240px; line-height: 135%; float: left;}
#footer-inner ul{margin: 0 0 10px 5px; font-size: 100%; list-style: none;}
#footer-inner ul li {padding: 0 0 6px 15px; background: url("img/footer_list.png") no-repeat left top;}
#footer-inner .post-date{font-size: 84%;}
footer #copyright {width: 100%; padding: 5px 0; text-align:center; color: #FFEEF3; font-size: 92%;background: #DE5065;}
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;}

/* 線の属性 */
.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;}

/* ページナビ */
.page_navi {text-align: center;}
.page_navi li {display: inline;list-style: none;}
.page_navi li.current span {color: #666666 ;font-weight: 600; display: inline-block;padding: 3px 7px;background: #FCFCFC;border: solid 1px #CFCFCF;}
.page_navi li a {color: #666666;padding: 3px 7px;background: #EFEFEF;display: inline-block;border: solid 1px #CCCCCC;text-decoration: none;}
.page_navi li a:hover {color: #FF0000;}
.page_navi li.page_nums span {color: #FFFFFF;padding: 3px 7px;background: #999999; display: inline-block;border: solid 1px #FFFFFF;}

/* ランキングパーツ */
.n06_rank {width: 90%; margin: 10px auto; border: 10px solid #FDF6F7; *zoom: 1;}
.n06_rank-inner {margin: 0; padding: 10px;border: 5px solid #F4CAD0;}
.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: #DE5065; font-weight: 600; text-align: left; background: url("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("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 #F4CAD0; border-collapse: collapse;}
.n06_rank-inner table th {text-align: center; color: #DE5065; border: solid 1px #F4CAD0 ; padding : 3px;background: #FDF6F7; font-size: 92%;}
.n06_rank-inner td{border: solid 1px #F4CAD0 ; 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("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;}

/* 人気ランキングパーツ */
#sidebar section.rank-post {margin-bottom: 20px; padding: 10px 17px; border: 3px solid #F4CAD0; 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: 100%; font-weight: 600; color: #DE5065;line-height: 135%;
	-webkit-text-shadow: none ; text-shadow: none; }
#sidebar 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 #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;}

/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
  header .header_inner {width: 96%;}
  #mainvisual_inner #header2 {position: absolute; top: 40px; left: 15px; max-width: 70%; }
  #containar {width: 100%;}
  #plist .plist-inner {width: 90%;}
  #contents {float: none;width: 94%;margin: 0 auto 20px auto; padding-bottom: 0;}
  #footer-inner {	width: 94%;}
  #footer-inner .f-left { width: 100%; margin: 0 0 10px;line-height: 180%; float: none;}
  #footer-inner .f-center {margin: 0; width: 46%; line-height: 135%; float: left;}
  #footer-inner .f-right {margin: 0; width: 46%; line-height: 135%; float: right;}
  #sidebar {float: none;	width: 94%;	margin: 0 auto;	*margin: 0 auto 20px;overflow: hidden;*zoom: 1;}
  #sidebar1 {float: left ; width: 48%;}
  #sidebar2 {float: right; width: 48%;}
  #footer-inner {	width: 96%;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
  #mainvisual_inner #header2 {position: absolute; top: 30px; left: 15px; max-width: 70%; }
  #mainvisual_inner #header2 h2 {font-size: 200% ; }
  article section p, article section .doc {padding: 10px 2%;}
  .koushin{width: 100%;}
  #kanren {margin: 10px 2%;}
  #sidebar1 {float: none; width: 100%;}
  #sidebar2 {float: none; width: 100%;}
  .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;}
  .alignleft {float: none;  margin: 0 auto; display: block;}
  .alignright{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-center {width: 100%; line-height: 135%; float: none;}
  #footer-inner .f-right {width: 100%; line-height: 135%; float: none;}
  .n06_rank {width: 100%; margin: 10px auto; padding: 20px 0; border: none; border-bottom: 3px dotted #DE5065;}
  .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%;}
}