@charset "utf-8";
/*
Theme Name: rakuken
Description: らく研テーマ
Version: 1.0
Author: Ryuichi Itou
Author URI: http://www.rp1.jp/blog/
*/

/* ------ 初期設定 ------ */
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;}

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

/* ------ リンクの属性（未指定の時）------ */
a {outline: none;}
a:link, a:visited {color: #1111CC;text-decoration: none;}
a:active, a:hover {color: #1111CC;text-decoration: underline;}

/* ------ 画像属性等 ------ */
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: 0px 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 {margin: 0 auto; max-width: 980px;*zoom: 1;
  border-left: 1px solid #999999;border-right: 1px solid #999999;background: #fff9e5;
  -moz-box-shadow: 0px 0px 6px #666666;-webkit-box-shadow: 0px 0px 6px #666666;box-shadow: 0px 0px 6px #666666;}

/* ------ ヘッダー ------ */
header {width: 100%;}
#ptitle {margin: 0; padding: 0; text-align: center; line-height: 160%; font-size: 79%; color: #FFFFFF; background: #8ac758;}
#header-inner {width: 100% ; margin: 0; text-align:center; overflow: hidden; *zoom: 1;}
#logo {padding: 0;}
#logo a {margin: 0 auto; display: block;}

/* ------ ヘッダーナビゲーション ------ */
#gnav {clear: both;	width: 100%;border-top: 1px solid #CCCCCC;border-bottom: 3px solid  #7dc146;
  background: #EFEFEF url("img/topmenu.png") repeat-x;
  background: -moz-linear-gradient(top, #EFEFEF, #FCFCFC);
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FCFCFC));
  background: -webkit-linear-gradient(top, #EFEFEF, #FCFCFC);
  background: -o-linear-gradient(top, #EFEFEF, #FCFCFC);
  background: linear-gradient(to bottom, #EFEFEF, #FCFCFC);}
#gnav-btn {display :none;}
#gnav-btn2 {display :none;}
#gnav nav {width: 980px;margin: 0 auto;	overflow: hidden;*zoom: 1;}
/* ------ メニュー ------ */
#gnav nav ul {list-style-type: none;}
#gnav nav ul li {width: 20%; float: left; margin: 0;text-align: center;}
#gnav nav ul li a{display: block;padding: 15px 5px 13px;border-right: 1px solid #CCCCCC;font-size: 120%;}
#gnav nav ul li:last-child a{border-right: 0px;}


#gnav nav ul li a:link,#gnav nav ul li a:visited {color: #333333;text-decoration: none;}
#gnav nav ul li a:hover,#gnav nav ul li a:active,#gnav nav ul li.current-menu-item a{color: #FFFFFF;text-decoration: none;
  background: #335599 url("img/topmenu_bg.png") repeat-x;
  background: -moz-linear-gradient(top, #a2d279, #7dc146);
  background: -webkit-gradient(linear, left top, left bottom, from(#a2d279), to(#7dc146));
  background: -webkit-linear-gradient(top, #a2d279, #7dc146);
  background: -o-linear-gradient(top, #a2d279, #7dc146);

  
  /* グラデーション */
  background: linear-gradient(to bottom, #a2d279, #7dc146);}


/* ------ パンくずリスト ------ */
#plist {width: 100%;padding: 10px 0;font-size: 79%;background-image: url(img/body_bg.gif);}
#plist .plist-inner {width: 930px;margin: 0 auto;overflow: hidden;*zoom: 1;}

/* ------ コンテンツ ------ */
#containar {width: 930px;margin: 0 auto;padding-top: 20px;overflow: hidden;*zoom: 1;}
#contents {float: right;width: 630px;padding-bottom: 20px;}
.main-title {margin: 0; padding: 0;font-size: 143%;font-weight: bold;line-height: 158%;color: #333333;}
.contents-title{padding: 20px 0 10px 0;font-size: 143%;font-weight: bold;line-height: 143%;color: #333333;}
.posts-title{padding: 0 0 5px;font-size: 129%;font-weight: bold;line-height: 143%;color: #333333;}
article section {padding: 10px 5px;border-top: solid 1px #CCC;}
article section:first-child {border-top: none;}
article section h1{padding: 10px 0; font-size: 129%; font-weight: bold; color: #333333;}
article section h2{padding: 10px 0; font-size: 115%; font-weight: bold; color: #333333;}
article section h3{padding: 10px 0; font-size: 115%; font-weight: bold; color: #333333;}
article section.info {margin: 0;padding: 0 5px;border-top: none;clear: both;}
article section.top {margin: 0;padding: 0 5px 20px;border-top: none;clear: both;}
article section p{line-height: 150%;}
article section .doc{padding: 10px 0 10px 10px;line-height: 150%;}
article section p.list{line-height: 150%;font-size: 86%;}
article section .img-set{float: left; padding-right: 10px;}
article section a.post-column {text-decoration: none;display: block;padding: 5px 36px 5px 5px;color: #333333; background: url("img/arrow_01.png") no-repeat center right;}
article section a.post-column:hover{background-color: #EFEFEF; text-decoration: none;display: block;}

.main-title.kiji {padding-left:18px; background: url("img/icon_kiji.jpg") no-repeat; background-size:11px; background-position:0px 5px}
.main-title.page {padding-left:18px; background: url("img/icon_kiji.jpg") no-repeat; background-size:11px; background-position:0px 5px}
.main-title.cate {padding-left:18px; background: url("img/icon_folder.jpg") no-repeat; background-size:16px; background-position:-3px 3px}
.posts-title.kiji {padding-left:15px; background: url("img/icon_kiji.jpg") no-repeat; background-size:9px; background-position:0px 4px}


/* ------ コンテンツ２(１カラム固定ページテンプレート) ------ */
#contents2 {width: 930px;padding-bottom: 20px;}
.main-title {margin: 0; padding: 0;font-size: 143%;font-weight: bold;line-height: 158%;color: #333333;}
.contents-title{padding: 20px 0 10px 0;font-size: 143%;font-weight: bold;line-height: 143%;color: #333333;-webkit-text-shadow: 1px 1px 2px #BBBBBB;text-shadow: 1px 1px 2px #BBBBBB;}
.posts-title{padding: 0 0 5px;font-size: 129%;font-weight: bold;line-height: 143%;color: #333333;-webkit-text-shadow: 1px 1px 2px #BBBBBB;text-shadow: 1px 1px 2px #BBBBBB;}
article section {padding: 10px 5px;border-top: solid 1px #CCC;}
article section:first-child {border-top: none;}
article section h1{padding: 10px 0; font-size: 129%; font-weight: bold; color: #333333;}
article section h2{padding: 10px 0; font-size: 115%; font-weight: bold; color: #333333;}
article section h3{padding: 10px 0; font-size: 115%; font-weight: bold; color: #333333;}
article section.info {margin: 0;padding: 0 5px;border-top: none;clear: both;}
article section.top {margin: 0;padding: 0 5px 20px;border-top: none;clear: both;}
article section p{line-height: 150%;}
article section .doc{padding: 10px 0 10px 10px;line-height: 150%;}
article section p.list{line-height: 150%;font-size: 86%;}
article section .img-set{float: left; padding-right: 10px;}
article section a.post-column {text-decoration: none;display: block;padding: 5px 36px 5px 5px;color: #333333; background: url("img/arrow_01.png") no-repeat center right;}
article section a.post-column:hover{background-color: #EFEFEF; text-decoration: none;display: block;}

/* ------ リンク集 ------ */
article section ul.slink{margin: 10px 5px 20px 20px;}
article section ul.slink li{margin: 0; font-size: 92%; line-height: 150%;}

/* ------ 関連記事リスト ------ */
#contents .kanren {width: 80%;margin: 15px auto 0; padding: 5%; background: #F2F2F2; border: 1px solid #CCCCCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;}
.kanren h2 {margin: 0; padding: 0 0 0 20px; font-size: 115%; font-weight:bold; background: url("img/arrow_h2.png") no-repeat center left;}
.kanren ol {margin-left: 20px;padding-left: 20px;}
.kanren li {margin: 0; font-size: 12px;line-height: 180%;}

/* ---- コメント・トラックバック----- */
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: 280px;top: 0;left: 0;}
#sidebar section, #sidebar aside {margin-bottom: 20px;}
#sidebar section h2{display: block;padding: 5px 10px; background:  url("img/menu_bg.png") repeat-x; font-size: 86%; color: #FFFFFF;line-height: 150%;
  -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: 86%; background: #F9F9F9;
  -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-bottom: 5px; border: solid 1px #D5D5D5; border-top: none; background: #F9F9F9;
  -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: 10px 20px 10px 10px;font-size: 86%; color: #555555;line-height: 150%;text-decoration: none;border-top: solid 1px #F5F5F5;}
#sidebar section ul li a.pare_a {font-size: 120%; text-indent: 30px; font-weight: bold; background-image: url("img/icon_folder.jpg"); background-repeat: no-repeat; background-position : 20px 47%;}

#sidebar section ul li:first-child a {border-top: none;}
#sidebar section ul li a:hover,
#sidebar section ul li a:active{background-color: #FFFFFF;}
#sidebar section ul.children {padding: 0; border: none;}
#sidebar section ul.children li{border-top: solid 1px #D5D5D5; text-indent: 50px; height:40px;}
#sidebar section ul.children li:first-child{border-top: solid 1px #D5D5D5;}
#sidebar section ul.children li a{background-image: url("img/icon_folder.jpg"); background-repeat: no-repeat; background-position : 41px 47%;}

#sidebar1 section ul li select[name="archive-dropdown"] {margin: 15px 20px 10px; width:83%;}

#sidebar1 section ul li a.recent_post {text-indent: 25px; background-image: url("img/icon_kiji.jpg"); background-repeat: no-repeat; background-position : 20px 50%;
  white-space: nowrap; overflow: hidden; width: 89%; text-overflow: ellipsis;}


/* Keizo */
/* ------ サイドバー動的メニュー(記事リスト部分)  ------ */
#sidebar section ul.children li ul.posts{
  visibility: hidden;
  overflow: hidden;
  position: relative;
  top: -40px;            /*親メニューの高さと同じにする*/
  left: 296px;          /*親メニューから離す距離*/
  width: 340px;
  z-index: 101;
}
/* ------ 吹き出し ------ */
#sidebar section ul.children li ul.posts li img.tail{
  position: absolute;
  top: 12px;            /*親メニューの高さと同じにする*/
  right: 341px;          /*親メニューから離す距離*/
  z-index: 101;
}
#sidebar section ul.children li ul.posts li a{
  text-indent: 30px;
  background-image: url("img/icon_kiji.jpg");
  background-repeat: no-repeat;
  background-position : 25px 47%;
}
#sidebar section ul.children li ul.posts li:hover a{
  background-image: url("img/icon_kiji_hover.jpg");
  background-repeat: no-repeat;
  background-position : 21px 47%;
}
#sidebar section ul.children li ul.posts li.tuduki a{
  background-image: none;
}


/* ------ リストのヘッダー部分  ------ */
#sidebar section ul.children li ul {
  padding-top: 5px;
  padding-bottom: 5px;
  border: solid 1px #D5D5D5;
  background: #F9F9F9;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
}
#sidebar section ul.children li ul li:first-child{
  border-top: solid 0px;
}

#sidebar section ul.children li:hover ul,
#sidebar section ul.children li:hover ul li,
#sidebar section ul.children li a:hover ul li{
  visibility: visible;
  overflow: visible;
  z-index: 100;
}




/* ------ フッター ------ */
footer {margin-top: 20px; width: 100%; border-top: 3px solid #8ac758;}
#footer-inner {width: 930px;}
footer nav {text-align: center; margin-top: 20px; margin-bottom: 20px;}
footer ul li {display: inline-block; *display: inline; line-height: 100%; padding: 0 10px; font-size: 90%; border-left: solid 1px #CCCCCC;*zoom: 1;}
footer ul li a:link, footer ul li a:visited {color: #000000;}
footer ul li:first-child {border-left: none;}

#copyright {text-align: center; padding-top: 10px; padding-bottom: 10px; background: #8ac758; color: #ffffff; }
#copyright * {color: #ffffff;}    /*アンカーテキストの色＝白*/

/* ------ ページナビ ------ */
.page_navi {text-align: center;}
.page_navi li {display: inline;list-style: none;}
.page_navi li.current span {color: #000000;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: #EEEEEE;display: inline-block;border: solid 1px #999999;text-decoration: none;}
.page_navi li a:hover {color: #FF0000;}
.page_navi li.page_nums span {color: #FFFFFF;padding: 3px 7px;background: #666666;display: inline-block;border: solid 1px #333333;}

/* ------ ランキング ------ */
section.rank{border: none;}
#rank00{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank00.png) no-repeat left center;;*zoom: 1;}
#rank01{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank01.png) no-repeat left center;;*zoom: 1;}
#rank02{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank02.png) no-repeat left center;;*zoom: 1;}
#rank03{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank03.png) no-repeat left center;;*zoom: 1;}
#rank04{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank04.png) no-repeat left center;;*zoom: 1;}
#rank05{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank05.png) no-repeat left center;;*zoom: 1;}
#rank06{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank06.png) no-repeat left center;;*zoom: 1;}
#rank07{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank07.png) no-repeat left center;;*zoom: 1;}
#rank08{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank08.png) no-repeat left center;;*zoom: 1;}
#rank09{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank09.png) no-repeat left center;;*zoom: 1;}
#rank10{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank10.png) no-repeat left center;;*zoom: 1;}
.rankinner{margin:0 0 0 40px; padding: 0; line-height: 150%;}
.rankinner h3 {margin: 0; padding: 0;font-size: 115%; font-weight: bold; line-height: 160%;color: #333333; border-bottom: 1px solid #CCCCCC;display: block;*zoom: 1;}
.rankinner h3 a{padding: 2px 5px;color: #333333; display: block;}
.rankinner h3 a:hover{text-decoration: none;background: #EFEFEF;display: block;}
.ranklbox {float: left; padding: 5px;width: 23%;text-align: center;}
.rankrbox {float: right; margin: 0;width: 74%;}
table.tblrank{border-left: solid 1px #CCCCCC; border-collapse: collapse;font-size: 93%; line-height: 135%;}
.tblrank th{border-right: solid 1px #CCCCCC ;border-bottom: solid 1px #CCCCCC ; padding :  2px; background: #F6F6F6;font-weight: normal;width: 25%;text-align: center;}
.tblrank td{border-bottom: solid 1px #CCCCCC ; padding : 2px 2px 2px 5px;}
.tblrank td.shousai{border-bottom: none; padding : 5px 10px;}

.r01_box{width: 100%; margin-bottom: 10px;border-bottom:5px solid #F0A8C6;}
.r01_box:first-child{border-top:5px solid #F0A8C6;}
.r01_box .inner{padding: 10px 0;}
table.r01{width: 100%;border: none; border-collapse: collapse;line-height: 120%;}
.r01 th{border: none; padding: 0px 2px;color: #333333; font-size: 100%;}
.r01 th.bcolor{padding: 6px 5px;background: #F25576;font-size: 18px; text-align: left; color: #FFFFFF;}
.r01 th.bcolor2{padding: 5px;text-align: left; color: #FFCC33;font-weight: bold;font-size: 14px;}
.r01 th.bcolor3{padding: 5px;background: #FCDADA; text-align: center; color: #555555;font-weight: normal;font-size: 12px;}
.r01 th.line,.r01 td.line{border: 1px solid #F25576;}
.r01 td{border: none ; padding: 5px 2px;font-size: 85%; line-height:130%;}
.r01 td.point{border: none ; padding: 5px 2px;font-size: 85%; line-height:130%;}
.r01_box .psize{margin-left: 60px;}
.r01_box .banner{padding: 5px 0 10px 0;}
.r01_box .slink{padding-top: 5px;text-align: right;}
.r01_box ul li{margin-left: 0;padding-left: 12px;list-style: none;background: url(img/rank_img/list.png) no-repeat left 3px}

/* ------ 比較ランキング ------ */
table.hikaku{margin-top:10px;border: solid 1px #CCCCCC; border-collapse: collapse;width: 100%;font-size: 12px;}
.hikaku th{border: solid 1px #CCCCCC ; padding : 5px;background: #AD8FC9;color: #FFFFFF;text-align: center;}
.hikaku td{border: solid 1px #CCCCCC ; padding: 4px;line-height:150%;}
.hikaku td.bcolor{background: #F5EDFC;}
.hikaku_btn{float: right;margin: 5px 5px 5px 0;}

table.h02{margin-top:10px;border: none; border-collapse: collapse;width: 100%;font-size: 12px;}
.h02 th{border: solid 1px #FFB4A8; padding : 5px;background: #F25576;color: #FFFFFF;text-align: center;}
.h02 td{border: solid 1px #FFB4A8; padding: 4px;line-height:150%;}
.h02 td.bcolor{background: #FFEEEE;}
.h02_btn{float: right;margin: 5px 5px 5px 0;}
.h02 .lht{line-height: 200%;}
.fon115{font-size: 115%;}
.bld{font-weight: bold;}
.orange{color: #ff6666;}
.orange2{color: #ff9999;}
.green{color: #669966;}


.br-sp {display:none;}


/* ------ 〜 979px ------ iPad縦(768px) */
@media screen and (max-width: 979px) {

	#gnav nav {width: 100%;}
	#gnav nav ul li a {padding: 10px 0px 8px;}
	#containar {width: 100%;}
	#plist .plist-inner {width: 90%;}
	#contents {float: none;width: 90%;margin: 0 auto;padding-bottom: 0;}
	#contents2 {float: none;width: 90%;margin: 0 auto;padding-bottom: 0;}
	#sidebar {float: none;	width: 90%;	margin: 0 auto;	*margin: 0 auto 20px;overflow: hidden;*zoom: 1;}
	#sidebar1 {float: left ; width: 100%;}
	#sidebar2 {float: right; width: 100%;}
	#footer-inner {	width: 100%;}

}

/* ------ 〜 767px ------ nexus7縦(768px) */
@media screen and (max-width: 767px) {
  #gnav nav ul li {float: left; margin: 0;text-align: center;}
  #gnav nav ul li:nth-child(1) {width: 13%;}
  #gnav nav ul li:nth-child(2) {width: 22%;}
  #gnav nav ul li:nth-child(3) {width: 17%;}
  #gnav nav ul li:nth-child(4) {width: 17%;}
  #gnav nav ul li:nth-child(5) {width: 31%;}
  #gnav nav ul li a {padding: 12px 6px;}
	footer ul li {display: inline-block;*display: inline;*margin-bottom: 12px;padding: 0 10px 0 15px;
		      line-height: 100%;font-size: 100%; color: #FFFFFF;border-left: solid 1px #CCCCCC;*zoom: 1;}

  article section.info {margin: 0;padding: 0px;}

}

/* ------ 〜 599px ------ iPhone5横(600px) */
@media screen and (max-width: 599px) {

	#gnav-btn2 {display: inline-block; _display: inline;width: 120px;margin: 0 12px 4px 12px;border-bottom: solid 1px #8ac758;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
	#gnav-btn2 a {display: block;height: 25px;line-height: 25px;color: #FFFFFF;font-size: 100%; border: solid 1px #8ac758;
		text-align: center;vertical-align: top;text-decoration: none;
		-webkit-border-radius: 5px; border-radius: 5px;
		-webkit-text-shadow: 0px -1px 0px #00d364;
		text-shadow: 0px -1px 0px #111;}
	#gnav-btn2 a:link,#gnav-btn a:visited {
		background-color: #335599;
  		background: -moz-linear-gradient(top, #8ac758, #00d364);
  		background: -webkit-gradient(linear, left top, left bottom, from(#a2d279), to(#7dc146));
  		background: -webkit-linear-gradient(top, #a2d279, #7dc146);
  		background: -o-linear-gradient(top, #a2d279, #7dc146);
  		background: linear-gradient(to bottom, #a2d279, #7dc146);}
	#gnav-btn2 a:hover,#gnav-btn a:active,#gnav-btn .current-menu-item a {
		background-color: #4F73BA;
		background: -moz-linear-gradient(top, #a2d279, #7dc146);
		background: -webkit-gradient(linear, left top, left bottom, from(#a2d279), to(#7dc146));
		background: -webkit-linear-gradient(top, #a2d279, #7dc146);
		background: -o-linear-gradient(top, #a2d279, #7dc146);
		background: linear-gradient(to bottom, #a2d279, #7dc146
	  );}
  
	#gnav {padding-top: 5px;}
	#gnav-btn {display: inline-block; _display: inline;width: 120px;margin: 0 12px 4px 12px;border-bottom: solid 1px #8ac758;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
	#gnav-btn a {display: block;height: 25px;line-height: 25px;color: #FFFFFF;font-size: 100%; border: solid 1px #8ac758;
		text-align: center;vertical-align: top;text-decoration: none;
		-webkit-border-radius: 5px; border-radius: 5px;
		-webkit-text-shadow: 0px -1px 0px #00d364;
		text-shadow: 0px -1px 0px #111;}
	#gnav-btn a:link,#gnav-btn a:visited {
		background-color: #335599;
  		background: -moz-linear-gradient(top, #8ac758, #00d364);
  		background: -webkit-gradient(linear, left top, left bottom, from(#a2d279), to(#7dc146));
  		background: -webkit-linear-gradient(top, #a2d279, #7dc146);
  		background: -o-linear-gradient(top, #a2d279, #7dc146);
  		background: linear-gradient(to bottom, #a2d279, #7dc146);}
	#gnav-btn a:hover,#gnav-btn a:active,#gnav-btn .current-menu-item a {
		background-color: #4F73BA;
		background: -moz-linear-gradient(top, #a2d279, #7dc146);
		background: -webkit-gradient(linear, left top, left bottom, from(#a2d279), to(#7dc146));
		background: -webkit-linear-gradient(top, #a2d279, #7dc146);
		background: -o-linear-gradient(top, #a2d279, #7dc146);
		background: linear-gradient(to bottom, #a2d279, #7dc146
	  );}
	#gnav nav {width: 100%;overflow: hidden;border-top: solid 1px #CCCCCC;}
	#gnav nav ul {display: none;float: none;width: 100%;border-left: none;border-right: none;border-top: solid 1px #CCCCCC;}
	#gnav nav ul li {float: none;width: 100%;}
    #gnav nav ul li:nth-child(1) {width: 100%;}
    #gnav nav ul li:nth-child(2) {width: 100%;}
    #gnav nav ul li:nth-child(3) {width: 100%;}
    #gnav nav ul li:nth-child(4) {width: 100%;}
    #gnav nav ul li:nth-child(5) {width: 100%;}

	#gnav nav ul li a {display: block;padding: 10px 5% 8px;font-size: 100%; border-left: none;border-right: none;border-bottom: solid 1px #CCCCCC;border-top: solid 1px #EFEFEF;background: url(img/arrow_03.png) no-repeat right center;*zoom: 1;}
	#gnav nav ul li a:hover,#gnav nav ul li a:active,#gnav nav ul li.current-menu-item a{color: #333333;background: #E9E9E9 url(img/arrow_03.png) no-repeat right center;}
	.posts-title{padding: 0 15px 5px;font-size: 129%;font-weight: bold;line-height: 140%;color: #333333;-webkit-text-shadow: 0px 1px 0px #fff;text-shadow: 0px 1px 0px #fff;}
	article section .doc {padding: 10px 0;}
	.post-column {float: none;width: 100%; height: auto; margin: 0 auto; padding: 10px 0 5px; display: block;*zoom: 1;}
	.post-column .img-set {float: left; margin: 0 10px 0 0;}
	.post-column h3 {margin: 0 0 5px;}
	article section a.post-column{padding: 5px;text-decoration: none;display: block;background: url(img/arrow_01.png) no-repeat right 12px;}
	article section a.post-column:hover{background: #EFEFEF url(img/arrow_01.png) no-repeat right 12px;text-decoration: none;display: block;}
	#sidebar1 {float: none; width: 100%;}
	#sidebar2 {float: none; width: 100%;}
    
    #sidebar section ul.children li ul {display: none;}

    table.hikaku{display: block; position: relative; width: 100%;}
	table.hikaku tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
	table.h02{display: block; position: relative; width: 100%;}
	table.h02 tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
}


/* ------ 〜479px ------ iPhone縦(縦) */
@media screen and (max-width: 479px) {

	article section.info {margin: 0;padding: 0px;}

	.br-sp {display:inline; line-height:12pt;}

	.box {padding: 0 20px 20px;}
	.btn {width: auto;}
	.btn a {width: auto;}
	.post-column {float: none;width: 100%;}
	.lenth{width: 100%;}
	#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;}
	.ranklbox {float: none; margin: 5px;width: 100%;text-align: center;}
	.rankrbox {float: none; margin: 0;width: 100%;}
	table.tblrank{border-left: none; border-top: solid 1px #CCCCCC; border-collapse: collapse;}
	.r01_box .psize{margin-left: 0; width: 100%;}
	#copyright {padding-top: 6px; padding-bottom: 6px; padding-right: 2px;  font-size:10px;}

}


/* ------ その他属性 ------ */
.red_uline{border-bottom: 3px solid #FF3300;}
.uline{border-bottom: 1px solid #FF6633;}  
.dotline{clear: both;margin: 5px 0; border-bottom: 1px dotted #CCCCCC;}
.clr{clear: both;}
strong{font-weight: bold;}
em{color: red;}
.txtcenter{text-align: center;}
.red{color: #CC0000;}
.pink{color: #CC0099;}

/* ------ 線の属性 ------ */
.dot{border-bottom:1px dotted #CCCCCC;}
.solid{border-bottom:1px solid #CCCCCC;}

/* ------ フォント属性*/
.fon10{font-size: 72%;}
.fon11{font-size: 76%;}
.fon12{font-size: 86%;}
.fon13{font-size: 93%;}
.fon14{font-size: 100%;}
.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;}



/* 特商法ページのテーブル */

table#tokutei {
    margin:5px 0 10px 0;
    padding:0;
    border: 1px #d3d3d3 solid;
    border-collapse:collapse;
    border-spacing:0px;
    line-height:1.4;
}

table#tokutei th {
    width:27%;
    padding:4px;
    padding-right:0;
    border: 1px #d3d3d3 solid;
    background: #F5F5F5;
    font-weight: bold;
}

table#tokutei td {
    padding:5px;
    vertical-align:top;
    border: 1px #d3d3d3 solid;
}



/* 伊藤 Youtube動画のサイズを可変にする。*/
.video-wrapper {
	width: 600px;
	max-width: 100%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 伊藤 月別アーカイブのセレクトボックス前のラベルを非表示にする。*/
.screen-reader-text {
    display: none;
}