/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*resetend 
---------------------------------------- */

@charset "utf-8";

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*clearfix 
---------------------------------------- */
.clearfix:after { 
                 content:".";
                 display:block;
                 height:0;
                 clear:both;
                 visibility:hidden;
}

.clear{clear:both;}
.clearfix{display:inline-block;}

/* Hides from MacIE \*/
* html .clearfix {height: 1%;} 
.clearfix{ display:block;}
/* End hide from MacIE */

/*全体
---------------------------------------- */
body{
     font-family:'メイリオ', 'Hiragino Kaku Gothic Pro',sans-serif;
     line-height:1.5;
     width:90%;
     margin:0 auto;
    -webkit-text-size-adjust: 100%;
}

nav#main{background:#70c966;}
footer{background:#70c966;}
#menu{display:none;}

.mainnav ul{margin:0;padding:0;list-style:none}
.mainnav li a{
                display:block;
                padding:12px 5px;
                font-size:12px;
                font-weight:600;
                color:#000;
                background-color:#E5E3DE;
                text-decoration:none;
}
.mainnav li a:hover{color:#fff;background-color:#c9c5c1;}

.footnav ul{margin:0;padding:0;list-style:none}
.footnav li a{
                display:block;
                padding:12px 5px;
                font-size:12px;
                font-weight:600;
                color:#000;
                background-color:#E5E3DE;
                text-decoration:none;
                text-align:center;
}
.footnav li a:hover{color:#fff;background-color:#c9c5c1;}
footer p{text-align:center;}


/*スマホ 
------------------------------------------ */
h1,h2,h3,h4,h5,h6{margin-bottom:0px;}
h1{
   font-size:36px;
   line-height:1;} /* 48px */
h2{
   font-size:24px;
   line-height:1.3333;} /* 48px */
h3{
   font-size:16px;
   line-height:1;} /* 24px */
h4,h5,h6{
   font-size:16px;
   line-height:1.5;} /* 24px */
p{
   font-size:16px;
   line-height:1.5;} /* 24px */

.mainnav{display:none;}
.footnav{display:none;}

/* ヘッダー */
#head2 h1{display:none;}
#head1 img{width:200px;border:none;}

.topnav ul{margin:0;padding:0;list-style:none}
.topnav li a{
             display:block;
             padding:5px;
             font-size:14px;
             color:#000;
             text-decoration:none;
             border-bottom: 1px dashed  #E5E3DE;
}
.topnav li a:hover{color:#cb9966;}

/* トグルボタン */
#manubtn{
         padding:6px 12px;
         border:solid 1px #cb9966;
         border-radius: 5px;
         background:#fff;
         position:absolute;
         top:12px;
         right:15px;
         cursor:pointer
}
#manubtn:hover{background-color:#e8ddc8;}
#manubtn:focus{outline:none;}
#manubtn span{
              display:inline-block;
              text-indent:-9999px
}
#manubtn i{
           color:#cb9966;
           font-size:16px
}

/* サイドバー */

section#about{display:none;}

/* サーチエンジン */
.search{
              margin-top:20px;
              padding:15px 0 15px 0;
              border-bottom:dashed 1px #E5E3DE;
              border-top:dashed 1px #E5E3DE;
} 
.search p{font-size:14px;}
td.gsc-input .gsc-input-box {height:30px;}

/* サイドバーブログ */

section#blog{padding:10px 0 20px 0;}
section#blog h2{
              font-size:14px;
              padding-bottom:10px;
}
section#blog ul{margin:0;padding:0;list-style:none;}
section#blog ul li a{
                display:block;
                padding:5px 0 5px 15px;
                font-size:14px;
                color:#000;
                background-color:#e8ddc8;
                text-decoration:none;
                border-radius:4px;
}
section#blog li a:hover{
                        color:#fff;
                        background-color:#c9c5c1;; 
}
section#blog li{border-bottom: 5px solid #fff;}
section#blog li:last-child{border:none;}

/* サイドバー他のコンテンツ */

section.side{
             border-right:1px solid #E5E3DE; 
             border-left:1px solid #E5E3DE;
             border-bottom:1px solid #E5E3DE;
             border-radius:5px;
}
section.side{margin-bottom:10px;}
section.side h2{
               font-size:16px;
               padding:8px;
               background-color:#70c966;
               border-radius:5px 5px 0 0;
}
section.side h2 a{
                display:block;
                color:#fff;
                text-decoration:none;
}
section.side h2:hover{background-color:#33a02c; }
section.side p{font-size:14px;padding:5px;}

/* サイドバーミニメニュー */
#menu3 ul{margin:15px 0 15px 0;padding:0;list-style:none}
#menu3 li a{
                display:block;
                padding:5px 0;
                font-size:14px;
                color:#000;
                text-decoration:none;
}
#menu3 li a:hover{color:#cb9966;}
#menu3 li{border-bottom: 1px dashed  #E5E3DE;}
#menu3 li:last-child{border:none;} 

/* サイドカテゴリ目次スマホ */

ul.accordion ul{display:none;}
.side-mokuji li{font-size:14px;}
.side-mokuji li a,
.side-mokuji li.acodown a{
                          display:block;
                          padding:4px 5px;
                          color:#000;
                          text-decoration:none;
}
.side-mokuji li{border-bottom:none;}
.side-mokuji li.acodown{
                       padding:3px 0 3px 10px;
                       border-bottom: 1px dashed  #33a02c;
}
.side-mokuji li.acolast{
                               padding:3px 0 3px 10px;
}
.side-mokuji li.acotop3{
                                padding:10px 0 3px 0;
                                color:#33a02c;
}
.side-mokuji li.acotop2{
                               padding:5px 10px;
                               cursor:pointer;
}
.side-mokuji li a:hover{color:#33a02c;}
.side-mokuji p span{color:#33a02c;}
.side-mokuji p{position:relative;}
.side-mokuji p span:after{
                                font-family: 'FontAwesome';
                                content: "\f107";
                                font-size:20px;
                                color:#33a02c;
                                position: absolute;
                                top: 50%;
                                right: 0px;
                                margin-top: -16px;
}
.side-mokuji p span.open:after{
                                      font-family: 'FontAwesome';
                                      content: "\f106";
}
section.side,.side-mokuji{
             border-right:1px solid #E5E3DE; 
             border-left:1px solid #E5E3DE;
             border-bottom:1px solid #E5E3DE;
             border-radius:5px;
}
.side-mokuji{margin-top:15px;}
.side-mokuji li.acotop{
                              font-size:16px;
                              padding:0px 5px;
                              background-color:#70c966;
                              border-radius:5px 5px 0 0;
}
.side-mokuji li.acotop{position:relative;}
.side-mokuji li.acotop:after {
                                  font-family: 'FontAwesome';
                                  content: "\f105";
                                  font-size:24px;
                                  color:#fff;
                                  position: absolute;
                                  top: 50%;
                                  right:10px;
                                  margin-top: -21px;
}
.side-mokuji li.acotop a{color:#fff;}
.side-mokuji li.acotop:hover{
                                   background-color:#33a02c;
}
.side-mokuji li#active {
                                font-weight:bold;
                                 background-color:#E5E3DE;
}


/* メイン */

main{
     margin-bottom:0px;
     padding:0px 0px 10px 0px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
main article{
             border-right:1px solid #E5E3DE; 
             border-left:1px solid #E5E3DE;
             border-bottom:1px solid #E5E3DE;
             border-radius:5px;
}

nav#breadcrumbs ol li a:hover:before {
	content: "";
}
nav#breadcrumbs{padding:0 0 5px 5px;}
nav#breadcrumbs ol li{
                      font-size:14px;
                      display:block;
                      list-style:none}
nav#breadcrumbs ol li:before{content: ">";}
nav#breadcrumbs ol li:first-child:before{content: "";}
nav#breadcrumbs ol li:last-child{color:#33a02c;}
nav#breadcrumbs ol li.none{display:none;}

main h1{
        font-size:20px;
        color:#fff;
        padding:8px 0 8px 34px;
        margin-bottom:15px;
        background-color:#70c966;
        border-radius:5px 5px 0 0;
        }
main h1 { position: relative; }
main h1:before{
              font-family: 'FontAwesome';
              content: "\f157";
              font-size:28px;
              position: absolute;
              top: 50%;
              left:12px;
              margin-top: -14px;
}
main h1#med{
           padding-left:45px;
           }
main h1#med{ position: relative; }
main h1#med:before{
              font-family: 'FontAwesome';
              content: "\f0fa";
              font-size:24px;
              position: absolute;
              top: 50%;
              left:12px;
              margin-top: -14px;
}

main h1#smoke{
            padding-left:35px;
           }
main h1#smoke{ position: relative; }
main h1#smoke:before{
              font-family: 'FontAwesome';
              content: "\f06d";
              font-size:24px;
              position: absolute;
              top: 50%;
              left:12px;
              margin-top: -14px;
}

.AB{padding:5px 10px;}
.text{font-weight:bold;}
 
main h2{
        font-size:20px;
        font-weight:bold;
        padding:5px;
        margin:15px 0;
        }

main h3{
	position: relative;
	background: #E5E3DE;
	border: 4px solid #E5E3DE;
        border-radius:5px 5px 0 0;
        padding:8px 0 8px 24px;
        margin:5px 0;
        border:2px solid #c9c5c1;
        font-weight:bold;
}
main h3:before {
               font-family: 'FontAwesome';
               content: "\f12a";
               font-size:24px;
               position: absolute;
              top: 50%;
              left:10px;
              margin-top: -12px;
        font-weight:bold;
}

main h3.point{
	position: relative;
	background: #E5E3DE;
	border: 4px solid #E5E3DE;
        border-radius:5px 5px 0 0;
        padding:8px 0 8px 24px;
        margin:5px 0;
        border:2px solid #c9c5c1;
        font-weight:bold;
}
main h3.point:before {
               font-family: 'FontAwesome';
               content: "\f12a";
               font-size:24px;
               position: absolute;
              top: 50%;
              left:10px;
              margin-top: -12px;
              color:red;
        font-weight:bold;
}

main h3.koumoku{
        padding:5px;
        background-color:#E5E3DE;
        border:none;
        }
main h3.koumoku:before {
               content: "";
}

main h4{
	position: relative;
        font-size:16px;
        font-weight:bold;
        padding:5px 5px 5px 24px;
        margin:5px 0;
	border-bottom: 2px dotted #E5E3DE;
}

main h4:before{
                  font-family: 'FontAwesome';
                  content: "\f00c";
                  font-size:12px;
                  position: absolute;
                  top: 50%;
                  left:5px;
                  margin-top:-7px;
} 




#shA,#choA,#kaA{padding-left:5px;}
.se7,.se10,.ka1{display:none;}

main img {max-width: 100%;height: auto;}
main p{padding:5px 5px 10px 5px;}
main  a{text-decoration:none;color:#000;}
article  a{text-decoration:none;color:#0000ff;}
main ul{margin:0;padding:0px;list-style:none;}
main li{line-height:28px;}
main li a{border-bottom:1px dotted #E5E3DE;}
main li a:hover{color:#33a02c;}

article p.p1{font-size:150%;font-weight:bold;color:red;}
article p.p2{font-weight:bold;color:red;}
article p.p3{font-weight:bold;}
p span{color:red;}

.line-through{text-decoration:line-through;}


article ul.nomal {padding:5px 3px;}
article ul.nomal li{font-weight:bold;}
article ul.nomal li:before{content:"・"}

article ul.nomal1 {padding: 5px 0 0 0;}
article ul.nomal1 li:before{content:"・"}
article ul.nomal1 li.red{color:red;}
.nomal li span,
.nomal1 li span
               {color:red;font-weight:bold;}

article ul.link1{padding:10px 10px;}
article ul.link1 li a{font-weight:bold;}
article ul.link1 li a:before{content:"○"}

article ol.nomal2 {padding: 0 0 0 5px;
                   list-style:decimal inside;}

blockquote{
background-color:#f0efec;
padding:3em 1em;
position:relative;
}
blockquote:before{
                  content:"“";
                  font-size:600%;
                  line-height:1em;
                  font-family:"ＭＳ Ｐゴシック",sans-serif;
                  color:#999;
                  position:absolute;
                  left:0;
                  top:0;
}
blockquote:after{
                 content:"”";
                 font-size:600%;
                line-height:0em;
                font-family:"ＭＳ Ｐゴシック",sans-serif;
                color:#999;
                position:absolute;
                right:0;
                bottom:0;
}

dl.gray1 {
         background:#f0efec;
         border-radius:5px 5px;
         padding:10px 5px 3px 5px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;     
}
.gray1 dt{  
          font-weight : bold;
          border-left: 15px solid #c3bfb3;
          padding-left :5px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.gray1 dd{  
          font-size :95%;
          line-height : 1.6;    
          border-bottom: 1px dashed #c9c5c1;
          margin:10px 0px 15px 17px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

dl.gray2 dt{ position: relative; }
dl.gray2 dt:before{
                  font-family: 'FontAwesome';
                  content: "\f00c";
                  font-size:12px;
                  position: absolute;
                  top: 50%;
                  left:5px;
                  margin-top:-7px;
} 
dl.gray2{
        background:#f0efec;
        border-radius:5px 5px;
        padding-bottom:10px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.gray2 dt{
          font-weight : bold;    
       padding :10px 0 0 25px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
        margin :0 15px 5px 0;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.gray2 dd{ 
           font-size :95%;
           line-height :1.6;    
           border-bottom: 1px dashed #c9c5c1;
           padding:0 0 0 25px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

dl.gray3 {
         border-radius:5px 5px;
         margin:10px 0;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray3 dt{
         background:#f0efec;;    
         border-left: 10px solid #c3bfb3;
         margin-bottom:10px;
        padding-left :5px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray3 dd{  
         font-size :95%;
         line-height :1.6 ;    
         border-bottom: 1px dashed #c9c5c1;
         margin:0px 3px 10px 3px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray4{font-size:90%;
       margin:5px 5px;
        background:#f0efec;}
.gray4 dt{
        float:left;
        font-weight:bold;
       padding :5px 0 0 5px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray4 dd{    
  padding:5px 0 0 0px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray5{font-size:100%;
       margin:5px 5px;
        background:#ccc;}
.gray5 dt{
        float:left;
        font-weight:bold;
       padding :5px 0 0 5px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray5 dd{    
         padding:5px 0 0 0px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

dl.gray6 dt{ position: relative; }
dl.gray6 dt:before{
                  font-family: 'FontAwesome';
                  content: "\f00c";
                  font-size:12px;
                  position: absolute;
                  top: 50%;
                  left:5px;
                  margin-top:-7px;
} 

.gray6 dt{
         font-weight:bold;
         background:#f0efec;;    
         margin:10px 0;
          font-weight : bold;    
       padding :8px 0 8px 25px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray6 dd{  
         font-size :95%;
         margin:0px 3px 10px 5px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray4 dd.d1{font-weight:bold;}
.gray4 dd.d2{font-weight:bold;color:red;}

.gray5 dd.d1{font-weight:bold;}
.gray5 dd.d2{font-weight:bold;color:red;}



article table{
              margin:10px 0px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
article table th,article table td{
              padding:5px;
              border:1px solid #ddd;}
article table th{font-weight:bold;background:#f0efec; }

/* theadが無いテーブル */
table.tb1 th,
table.tb1 td{
            font-size:100%;
            display:block;
            border-top:none;
}
table.tb1 tr:first-child th
{border-top:1px solid #ddd;}

/* theadがあるテーブル借金 */
table.tb2{display:block;}
table.tb2 thead{display:none;}
table.tb2 tbody{display:block;}
table.tb2 tbody tr{display:block;}
table.tb2 tbody th,table.tb2 tbody td{
                                     display:list-item;
}
table.tb2 tbody th{list-style-type:none;}
table.tb2 tbody td{list-style-position:inside;padding:0;}

table.tb2 tbody td:nth-of-type(1)::before{content:"「借金総額」";}
table.tb2 tbody td:nth-of-type(2)::before{content:"「先月比」";}
table.tb2 tbody td:nth-of-type(3)::before{content:"「返済額累計」";}
table.tb2 tbody td:nth-of-type(4)::before{content:"\00a0\00a0";}

/* theadがあるテーブル引越し */
table.tb3{display:block;}
table.tb3 thead{display:none;}
table.tb3 tbody{display:block;}
table.tb3 tbody tr{display:block;}
table.tb3 tbody th,table.tb3 tbody td{
                                     display:list-item;
}
table.tb3 tbody th{list-style-type:none;}
table.tb3 tbody td{list-style-position:inside;padding:0;}

.sh1{display:none;}

/* theadがあるテーブル家計簿 */
table.tb4{display:block;}
table.tb4 thead{display:none;}
table.tb4 tbody{display:block;}
table.tb4 tbody tr{display:block;}
table.tb4 tbody th,table.tb4 tbody td{
                                     display:list-item;
}
table.tb4 tbody th{list-style-type:none;}
table.tb4 tbody td{list-style-position:inside;padding:0;}

table.tb4 tbody td:nth-of-type(1)::after{content:"円";}
table.tb4 tbody td:nth-of-type(2)::before{content:"";}

/* ページトップへ */

#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#70c966;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
} 
#page-top p:hover{background:#33a02c;} 
#move-page-top{
	      color:#fff;
	      line-height:50px;
	      text-decoration:none;
	      display:block;
	      cursor:pointer;
}

/* ページネーション */
.pagenation ul{
               margin:10px 0 0 0;
               list-style:none;}
.pagenation ul a{display:block;
                 margin-left:5px;
                 margin-right:5px;
                 padding:3px 7px;
                 border-bottom:none;
                 color:#000;
                 font-size:14px;
                 text-decoration:none;}
.pagenation ul a:hover{font-weight:bold;}
.pagenation ul:after{content:"";
                     display:block;
                     clear:both;}
.pagenation li{float:left;width:auto;}
.pagenation ul a.act{font-weight:bold;
                        background:#ccc;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;}

/* 広告 */
.sh-ad1{display:none;}
.sh-ad2{display:block;margin-top:10px;}
.ad{display:none;}
.ad1{display:block;text-align:center;margin-bottom:15px;}
.ad2{display:block;text-align:center;margin-bottom:10px;}
.ad3{display:block;text-align:center;margin-bottom:10px;}
.ad-sm1{text-align:center;margin-top:15px;}

.gg1 p, .gg2 p{font-size:12px;}
.gg1,.gg2 {margin-bottom:15px;}
.gg3 {font-size:12px;margin-bottom:5px;border-bottom:dashed 1px #E5E3DE;}

/* 楽天広告1人暮らしの家具 */
.rakuten-pc{display:none;}


/*タブレット
------------------------------------------ */
@media all and (min-width:480px){


#head2 h1{display:none;}
#head1 img{width:286px;}

/*トップナビ */
#manubtn{display:none;}
#menu{display:block !important}

.topnav li a{ padding:5px 5px; border-bottom:none;}
.topnav li{float:left;width:auto}
.topnav li a:hover{
                   color:#cb9966;
                   background-color:#fff;
}
li.non{display:none;}

/* サーチエンジン */
.search{      
              margin-top:0px;
              padding-top:10px;
               border-top:none;
} 

/* メイン */

/* 要素の横並び */

.yokoA{
     display:table;
     width:100%;
     padding:10px;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.yoko{
      display: table-cell;
      width:33.33%; 
}

.yoko img{width:75%;}

.non{display:none;}

nav#breadcrumbs{padding-bottom:10px;}
nav#breadcrumbs ol li{
                      font-size:12px;
                      display:inline;
                      list-style:none}
nav#breadcrumbs ol li.none{display:inline;}

main h2{
        font-size:16px;
        padding:8px 0 8px 5px;
        margin:10px 0;
        background-color:#c9c5c1;
        border-radius:5px 5px 0 0;
        }

dl.gray2 :after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
main p{padding:10px;}

article table{
              margin:10px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
dl.gray2{
   padding-bottom:0px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.gray2 dt{
  float:left;   
  padding :5px 0 0 25px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray2 dd{    
  padding:5px 0 0 0px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

.gray3 dd{  
         line-height :1.6 ;    
         border-bottom: 1px dashed #c9c5c1;
         margin:0px 0px 10px 10px;
          -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

/* theadが無いテーブル */
.tb1 th{text-align:left;}
table.tb1 th,
table.tb1 td{
             display:table-cell;
             border-top:1px solid #ddd;
}
table caption{font-weight:bold;}
td span{color:red;}

/* theadがあるテーブル借金 */
table.tb2{display:table;width:95%;}
table.tb2 thead{display:table-header-group;}
table.tb2 tbody{display:table-row-group;}
table.tb2 tbody tr{display:table-row;}
table.tb2 thead th,
table.tb2 tbody th,
table.tb2 tbody td{
                   display:table-cell;padding:3px 5px;
}
table.tb2 tbody td:nth-of-type(1)::before{content:"";}
table.tb2 tbody td:nth-of-type(2)::before{content:"";}
table.tb2 tbody td:nth-of-type(3)::before{content:"";}
table.tb2 tbody td:nth-of-type(4)::before{content:"";}

/* theadがあるテーブル引越し */
table.tb3{display:table;}
table.tb3 thead{display:table-header-group;}
table.tb3 tbody{display:table-header-group;}
table.tb3 tbody tr{display:table-row;}
table.tb2 thead th,
table.tb3 tbody th,
table.tb3 tbody td{
                  display:table-cell;padding:3px 5px;
}

/* theadがあるテーブル家計簿 */
table.tb4{display:table;width:95%;}
table.tb4 thead{display:table-header-group;}
table.tb4 tbody{display:table-row-group;}
table.tb4 tbody tr{display:table-row;}
table.tb4 thead th,
table.tb4 tbody th,
table.tb4 tbody td{
                   display:table-cell;padding:3px 5px;
}
table.tb4 tbody td:nth-of-type(1)::before{content:"";}
table.tb4 tbody td:nth-of-type(2)::before{content:"";}


/* 広告 */
.sh-ad1{display:block;}
.sh-ad2{display:none;}
.ad2{display:block;}
.ad3{display:block;}

.rakuten-pc{display:block;}
.rakuten-mb{display:none;}
}



/*PC
------------------------------------------ */
@media all and (min-width:768px){

#head2 h1{display:block; font-size:12px;}
.mainnav{display:block;}
.footnav{display:block;}
main{
    float:left; width:100%;
     margin-right:-340px;
     padding:5px 355px 15px 0px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
#sidebar{float:left;width:340px;}

.mainnav li{float:left;width:20%}
.footnav li{float:left;width:20%}

/*ヘッダー */
#head1{float:left;width:auto}
#head2{float:right;width:auto}
#head2 h1{font-size:12px;
         line-height:1.5;
         text-align:right;
         padding:10px 0px 5px 0px
}

/*トップナビ */
#manubtn{display:none;}
#menu{display:block !important}
.topnav ul{margin:0;padding:0;list-style:none}
.topnav li a{ padding:5px 0px 3px 40px}
.topnav li{float:left;width:auto}

.topnav li a:hover{
                   color:#cb9966;
                   background-color:#fff;
}
.mainnav li a{text-align:center;}

/* サイドバー */
#sidebar{
        border-right:1px solid #E5E3DE;
        -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
         -ms-box-sizing: border-box;
        box-sizing: border-box;
}
section#about{
              display:block;
              padding:10px;
              border-bottom:dashed 1px #E5E3DE;
}
.about1{float:left;}
.about2{float:left; padding:20px 0px 0px 15px}
.about2 h1{font-size:14px;}
.about2 ul{margin:0;padding-top:5px;list-style:none}
.about2 li{float:left;padding-right:35px;}
.about2 li a{
             display:block;
             font-size:14px;
             color:#000;
             text-decoration:none;
}
.about2 li a:hover{ color:#cb9966;
                   background-color:#fff;}

.search,section#blog,#menu3,
aside.ad1,aside.ad2,aside.ad3{
          padding-right:15px;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

section.side{margin-right:15px;}
.gg2{margin-right:15px;}

/* サイドカテゴリ目次 */

ul.accordion ul#act{display:block;}
.side-mokuji li a,
.side-mokuji li.acodown a{ padding:1px 0px;}
.side-mokuji{margin:10px 15px 10px 0;}
.side-mokuji li.acotop{padding:4px 0px 4px 10px;}

/* メイン */

.yoko img{width:65%;}

.sh1 img{ display:block;}

#shA{
     display:table;
     width:100%;
     padding:10px 0;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.sh1{
    display: table-cell;
    width:20%;
    vertical-align: middle;
    padding-left:15px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
    }
.sh2,.sh3{display: table-cell;width:40%; }

.sh-ad1{
        padding-top:10px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}

#seA{
     display:table;
     width:100%;
     padding:10px 0;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.se1{
    display: table-cell;
    width:20%;
    vertical-align: middle;
    padding-left:30px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.se2,.se3{display: table-cell;width:40%; }

#seB{
     display:table;
     width:100%;
     padding:10px 0;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.se4{
    display: table-cell;
    width:20%;
    vertical-align: middle;
    padding-left:45px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.se5,.se6{display: table-cell;width:40%; }

#seC{
     display:table;
     width:100%;
     padding:10px 0;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.se7{
    display: table-cell;
    width:20%;
    vertical-align: middle;
    padding-left:15px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.se8,.se9{display: table-cell;width:40%; }

#seD{
     display:table;
     width:100%;
     padding:10px 0;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.se10{
    display: table-cell;
    width:20%;
    vertical-align: middle;
    padding-left:15px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.se11,.se12{display: table-cell;width:40%; }

#kaA{
     display:table;
     width:100%;
     padding:10px 0;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.ka1{
    display: table-cell;
    width:20%;
    vertical-align: middle;
    padding-left:15px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.ka2,.ka3{display: table-cell;width:40%; }

#choA{
     display:table;
     width:100%;
     padding:10px 0;     
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.cho1{
    display: table-cell;
    width:20%;
    vertical-align: middle;
    padding-left:45px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
             -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
                box-sizing: border-box;
}
.cho2,.cho3{display: table-cell;width:40%; }


/* 広告 */

aside.ad{
         display:block;
         padding-left:11px;
}
aside.ad1{
         margin:10px 0px;
         font-size:14px;
         text-align:center;
}



}

/*1200px以上
------------------------------------------ */
@media all and (min-width:1200px){

header,nav.mainnav,#contents,nav.footnav,footer
{
width:1100px;
margin-left:auto;
margin-right:auto;
}

}