/*
########################################################
全般
########################################################
*/

html { height: 100%; }

#wrapper2 {
margin-left: 5px;
}

a {
color: #006699;
text-decoration: none;
}

a:visited {
color: #006699;
text-decoration: none;
}

a:hover {
color: #dd2c0d;
text-decoration: underline;
-ms-filter: "alpha( opacity=50 )";/*for IE8*/
filter: alpha(opacity=50); /*for IE6～7*/
opacity: 0.50;
}

h1, h2, h3,h4 {
margin: 0px;
padding: 0px;
font-weight:  normal;
font-size: 100%;
}

blockquote {
background-color: #FFF;
padding: 10px 20px;
border-top: 3px solid #999;
border-bottom: 3px solid #999;
margin: 5px 5px 5px 15px;
}

.blockquote-origin {
text-align: right;
margin-bottom: 0px;
}

.blockquote-origin a {
padding: 10px 0px 10px 15px;
color: #999;
}

.blockquote-back {
background: url('http://small-life.com/images/icon/blockquote.gif') no-repeat 0% 6%;
}

.white-space {
background-color: #FFF;
padding: 10px;
border: 1px solid #999;
margin: 5px;
}

img {
border-style:none;
}

form  {
margin: 0px; padding: 0px;
}

ul  {
margin: 0px; padding: 0px;
}


/*
########################################################
リスト関連など
########################################################
*/

.ul-1 {
margin: 0px; padding: 0px;
list-style:  none;
}

.ul-2 {
margin: 0px; padding: 0px;
font-size: 13px;
line-height:  140%;
list-style:  none;
}

.clear {
clear:both;
}

.ul-inline {
margin: 0px; padding: 0px;
list-style:  none;
}

.li-inline {
margin: 0px; padding: 10px 10px 0px 0px;
line-height: 140%;
list-style: none;
display: inline;
}

.li-inline-photo {
margin-bottom: 1px;
padding: 3px 5px 3px 0px;
list-style: none;
float:left;
display:inline-block;
height: 220px;
}

.ul-tag-main {
list-style: none;
background: url('http://small-life.com/images/icon/next_or.gif') no-repeat left top;
text-indent: 25px;
}

.li-info {
margin: 0px; padding: 0px;
list-style: none outside;
background:  url('http://small-life.com/images/icon/diamonds_2.png') no-repeat left 4px;
padding-left: 20px;
line-height: 150%;
}



/*  -------------------------------------------------------
* メイン：エントリ部分
*  -------------------------------------------------------  */

.entry-body {
margin: 0px 10px 0px 10px;
clear: both;
}

.h2-red {
padding: 3px 0px 3px 0px;
font-weight:  normal;
background-image: none;
border-left: 15px solid #990000;
margin: 40px 0px 20px 0px;
font-size: 130%;
text-indent:  10px;
}

.h2-blue {
padding: 3px 0px 3px 0px;
font-weight: normal;
background-image: none;
border-left: 15px solid #3366CC;
margin: 40px 0px 20px 0px;
font-size: 130%;
text-indent:  10px;
}

.h3-gray {
padding: 2px 0px 2px 0px;
font-weight:  normal;
background-image: none;
border-left: 5px solid #333333;
margin: 10px 0px 10px 10px;
font-size: 120%;
text-indent:  10px;
}

.entry-body img  {
margin-bottom:  3px;
}

.entry-more {
margin: 25px 15px 10px 5px;
text-align:  right;
}

.ranking-banner  {
margin: 0px 20px 10px 10px;
}

.paginate {
text-align: right;
font-size: 16px;
margin: 15px;
}

.main-cate-box  {
margin-left:  10px;
}

.main-cate-box-s  {
width: 99%;
margin: 5px 0px 5px 10px;
line-height:  140%;
clear: both;
}

.main-cate-box-title  {
width: 99%;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: #666 1px dashed;
}

.new-entry {
position: absolute;
top: -30px; right: -10px;
}

/*  -------------------------------------------------------
* メイン：下部ナビゲーション部分
*  -------------------------------------------------------  */

#bottom-navi  {
width: 100%;
padding: 5px 3px 5px 0px;
margin-right: 10px;
text-align: right;
}



/*
########################################################
トラバ・コメント関連
########################################################
*/

.tb-box {
width: 99%;
padding: 5px 0px 5px 0px;
margin: 0px;
line-height: 120%;
clear: both;
}

.tb-box-s {
width: 95%;
padding: 3px;
margin: 0px 0px 10px 10px;
}

.tb-box-s p {
width: 100%;
padding-bottom: 3px;
margin: 0px 0px 5px 5px;
clear: both;
}

.comment-box {
width: 100%;
padding: 3px;
margin: 0px 0px 5px 0px;
}

.comment-date  {
background: url('http://small-life.com/images/back/hukidashi.gif') no-repeat left bottom;
padding: 3px 0px 5px 70px;
}

.comment-body {
background-color: #f5f5f5;
padding: 10px;
}



/*  -------------------------------------------------------
* メイン「過去記事一覧」
*  -------------------------------------------------------  */

.main-entrylist {
margin-left: 10px;
padding: 5px;
border: #ccc 1px solid;
}

.main-entrylist-noborder {
margin-left: 10px;
padding: 5px;
}

.main-entrylist-li {
list-style: none outside;
background: url('http://small-life.com/images/icon/note_ss.gif') no-repeat left top;
padding-left: 20px;
margin-bottom: 5px;
font-size: 15px;
line-height: 140%;
}

.entrylist-title {
margin: 0px;
padding: 10px 0px 10px 0px;
list-style: none;
background: none;
}

.main-entrylist-noline {
margin-left: 10px;
padding: 5px;
}

.rokuyado-main-entrylist {
width: 510px;
position: relative;
margin: 50px 0px 50px 0px;
padding: 5px;
border: #ccc 1px solid;
}

.rokuyado-main-entrylist-noline {
padding: 15px 10px 10px 15px;
}

.main-entrylist a:hover img{
-ms-filter: "alpha( opacity=85 )";/*for IE8*/
filter: alpha(opacity=85); /*for IE6-7*/
opacity: 0.85;
}


/*
########################################################
メニュー部分：全般
########################################################
*/

.menu-box {
width: 100%;
margin-bottom: 40px;
position: relative;
}

.menu-box-2 {
width: 100%;
position: relative;
}

.menu-list {
padding-right: 5px;
margin: 3px 0px 0px 5px;
}

.menu-cate-list  {
padding-right:  5px;
margin: 3px 0px 20px 5px;
line-height: 180%;
}

#menu a:hover img{
-ms-filter: "alpha( opacity=80 )";/*for IE8*/
filter: alpha(opacity=80); /*for IE6～7*/
opacity: 0.80;
}

.search-box {
width: 340px;
height: 60px;
padding: 20px 0px 25px 0px;
margin-bottom: 20px;
clear: both;
}


/*  -------------------------------------------------------
* メニュー：Adsence
*  -------------------------------------------------------  */

.adsence-336x280  {
margin-left: 5px;
}

.adsence-336x280-main {
margin: 10px;
}


/*  -------------------------------------------------------
* メニュー：「画像付きリスト」など
*  -------------------------------------------------------  */

.side-400-r-tag  {
width: 98%;
padding: 10px 0px 5px 5px;
margin-top:  5px;
border-top:  #ccc 1px  dashed;
font-size: 16px;
}

.side-title-date  {
padding: 3px;
font-size: 17px; font-family:  "Arial  Black";
line-height:  110%;
color: #990000;
}

.side-title-main  {
padding: 2px;
margin-top:  2px;
font-size: 18px;
line-height:  125%;
}

.side-tn-main  {
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
position: relative;
clear: both;
}

.side-tn-l {
float: left;
width: 130px;
padding: 0px; margin-left:  3px;
}

.side-tn-l img  {
margin: 2px 2px 5px 4px;
}

.side-tn-r {
float: right;
width: 245px;
padding: 0px; margin-top: 5px;
}

.new-product {
position: absolute;
top: -5px; left: 90px;
}


/*  -------------------------------------------------------
* メイン部分に使う「画像付きリスト」など
*  -------------------------------------------------------  */

.main-tn-r {
float: right;
width: 380px;
padding: 0px; margin-top: 5px;
}

.main-tn-r-book {
float: right;
width: 355px;
padding: 0px; margin-top: 5px;
}

.main-tn-r-entry  {
float: right;
width: 350px;
padding: 0px; margin-top:  5px;
}

.search-tn-main  {
margin: 5px 0px 5px 0px;
padding: 7px 0px 7px 0px;
border-bottom: #ccc 1px solid;
clear: both;
}


/*  -------------------------------------------------------
* メニュー：画像モザイク型
*  -------------------------------------------------------  */

.images-mosaic-120 {
padding: 0px; margin: 0px;
}

.images-mosaic-120 img {
padding: 0px 5px 5px 0px;
}

.images-mosaic-120 ul {
margin: 0px; padding: 0px;
list-style: none;
}

.images-mosaic-120 li {
margin: 0px; padding: 0px;
list-style:  none;
display: inline;
}

.images-trimming {
display: block;
}

.images-trimming li {
float: left;
display: inline;
margin: 0px;
list-style: none;
width: 120px;
height: 120px;
overflow: hidden;
padding: 0px 5px 5px 0px;
}

.padding-bottom {
padding-bottom: 10px;
}


/*
########################################################
検索結果ページ
########################################################
*/

.search-result-top {
width: 510px;
margin: 0px 0px 20px 10px;
padding: 10px;
border: #999 1px solid;
}

.search-result-top  h2{
margin-bottom: 10px;
padding: 5px 0px 10px 40px;
font-size: 18px;
font-weight:  normal;
background:  url('http://small-life.com/images/icon/search_button.png') no-repeat left top;
border-bottom: 1px dotted #999;
}

.ad-middle {
margin: 30px 0px 30px 0px;
}

.ad-main-468 {
width: 480px;
margin: 0px 0px 5px 20px;
clear: both;
}



/*
########################################################
フッター部分
########################################################
*/

#footer {
width: 960px;
clear: both;
margin: 0 auto;
padding: 15px 15px 0px 5px;
text-align:  left;
background-color: #E6E6E6;
}

#footer-530 {
margin: 0 auto;
padding: 15px 0px 0px 0px;
text-align: left;
background-color: #E6E6E6;
}

#footer-main  {
float: left;
width: 530px;
padding: 0px;
margin-left: 15px;
font-size: 13px;
clear: both;
}

#footer-main-box {
float: left;
width: 530px;
padding: 0px;
clear: both;
}

#copyright {
text-align:  right;
margin: 10px 10px 10px 0px;
font-size:16px;
}

.footer-about  {
width: 98%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}

.footer-about-l  {
float: left;
width: 110px;
padding-left:  5px;  margin: 0px;
}

.footer-about-r  {
float: right;
width: 260px;
padding: 0px; margin-right:  5px;
}

.footer-about-r  li {
list-style:  none outside;
background:  url('http://small-life.com/images/icon/next_s2.gif') no-repeat left;
padding: 0px 0px 2px 18px;
font-size:14px;
}

.footer-left-l  {
float: left;
width: 260px;
padding: 0px; margin-left:  0px;
}

.footer-left-r  {
float: right;
width: 260px;
padding: 0px; margin-left:  0px;
}


/*
########################################################
リンク用のボックス（フッター・サイド）
########################################################
*/

.text-link-box {
margin-left: 10px;
font-size: 16px;
line-height: 145%;
}

.text-link-box ul {
margin: 0px; padding: 0px;
list-style:  none;
}

.text-link-box li  {
list-style: none;
background: url('http://small-life.com/images/icon/arrow_20-20.png') no-repeat left top;
text-indent: 25px;
}


.text-link-box-sub {
font-size: 16px;
margin-left: 10px;
line-height: 160%;
}

.text-link-box-sub ul {
margin: 0px; padding: 0px;
display: inline;
list-style:  none;
}

.text-link-box-sub li {
float: left;
background: url('http://small-life.com/images/icon/arrow_20-20.png') no-repeat left top;
text-indent: 25px;
margin-right: 20px;
list-style:  none;
}

.text-link-box-sub2 {
font-size: 16px;
margin-left: 10px;
line-height: 160%;
}

.text-link-box-sub2 ul {
margin: 0px; padding: 0px;
display: inline;
list-style:  none;
}

.text-link-box-sub2 li {
float: left;
margin-right: 15px;
list-style:  none;
}


/*
########################################################
Webページ
########################################################
*/

.menu-web {
border-top:  #666 5px  solid;
padding: 10px 5px 5px 5px;
margin: 10px 0px 10px 0px;
font-size: 15px;
line-height: 140%;
}

.web-title {
margin: 0px; padding: 0px;
list-style: none;
background: none;
}

.web-title-roku {
margin-top: 15px;
padding: 0px;
list-style: none;
background: none;
}

.h3-green {
padding: 3px 0px 3px 0px;
font-weight:  normal;
background-image: none;
border-left: 15px solid #006600;
margin: 10px 0px 15px 10px;
font-size: 120%;
text-indent:  10px;
}

.map-banner {
padding: 5px 10px 10px 0px;
font-size: 16px;
border-bottom: 1px dotted #999;
}

.map-banner ul {
padding: 5px 5px 0px 0px;
list-style: none;
background: url('http://small-life.com/images/icon/next_or.gif') no-repeat left;
text-indent:  25px;
}

.map-banner li  {
margin: 0px; padding: 0px;
list-style:  none;
display: inline;
}



/*
########################################################
万葉ページ
########################################################
*/

.manyo-uta {
width: 500px;
background-color: #fff;
background-image: url('http://small-life.com/images/back/manyo-uta.gif') ;
background-repeat: no-repeat;
padding: 25px 0px 15px 0px;
margin: 10px 0px 10px 0px;
}

.manyo-uta-main {
margin-top: 60px;
padding-left: 20px;
font-size: 18px;
line-height: 150%;
}

.manyo-uta-origin {
text-align: right;
margin-bottom: 0px;
padding: 15px 25px 10px 5px;
color: #666;
font-size: 15px;
}

.manyo-uta-yaku {
background-color: #F0F0F0;
background-image: url('http://small-life.com/images/back/manyo-uta2.gif') ;
background-repeat: no-repeat;
padding: 30px 10px 10px 10px;
margin: 20px 20px 10px 20px;
font-size: 16px;
}

.manyo-waka {
width: 500px;
background-color: #fff;
background-image: url('http://small-life.com/images/back/manyo-waka.gif') ;
background-repeat: no-repeat;
padding: 25px 0px 15px 0px;
margin: 10px 0px 10px 0px;
}

/*
########################################################
書評サイト用
########################################################
*/

.books-main {
width: 480px;
background-color: #FFF;
padding: 15px 0px 0px 5px;
margin: 15px 0px 15px 0px;
line-height: 120%;
}

.books-maintext {
width: 480px;
margin: 20px 0px 15px 10px;
}

.books-title {
margin: 0px;
padding: 3px 0px 3px 30px;
font-weight: bold;
font-size: 130%;
background: url('http://small-life.com/images/icon/note_m.gif') no-repeat left top;
}

.h2-red-book {
padding: 3px 3px 3px 10px;
font-weight:  normal;
background-image: none;
border-left: 15px solid #990000;
margin: 40px 0px 20px 0px;
font-size: 120%;
}

.h2-green-book {
padding: 3px 3px 3px 10px;
font-weight:  normal;
background-image: none;
border-left: 15px solid #006600;
margin: 25px 0px 20px 0px;
font-size: 120%;
}

.li-inline-rokuyado {
padding: 0px 5px 5px 0px;
list-style: none;
float:left;
display:inline-block;
}

.rokuyado-main-list {
width: 98%;
padding: 0px;
margin: 0px 5px 0px 10px;
}

.rokuyado-side-entrylist {
width: 95%;
padding: 5px;
}



/*
########################################################
テスト中など
########################################################
*/

.search-tn-33info  {
margin: 5px 0px 5px 10px;
padding: 5px 0px 5px 0px;
clear: both;
}

.h2-image {
margin: 0px;
padding: 0px;
font-weight:  normal;
font-size: 100%;
background-image: none;
}

.img-border {
border: 1px #666666 solid;
width: 390px;
}


.image-padding img {
padding: 0px 0px 2px 4px;
}

.search-tn-main-odd  {
position: relative;
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background-color: #fff;
clear: both;
}

.search-tn-main-o  {
position: relative;
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background-color: #fff;
clear: both;
}

.search-tn-main-even  {
position: relative;
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background-color: #f5f5f5;
clear: both;
}

.side-tn-main-odd {
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background-color: #fff;
position: relative;
clear: both;
}

.side-tn-main-even  {
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background-color: #f5f5f5;
position: relative;
clear: both;
}

.main-2nd-airbox {
width: 525px;
padding: 0px;
margin-left: 10px;
}

.main-2nd-airbox a:hover img{
-ms-filter: "alpha( opacity=80 )";/*for IE8*/
filter: alpha(opacity=80); /*for IE6～7*/
opacity: 0.80;
}


.title-tag {
font-size: 16px;
}

.title-tag ul {
margin: 0px; padding: 0px;
list-style:  none;
background: url('http://small-life.com/images/icon/arrow_16-16.png') no-repeat left top;
text-indent: 20px;
}

.title-tag li {
list-style: none;
display: inline;
}

.title-tag-free {
font-size: 16px;
text-align: right;
}

.side-search-box {
padding: 0px 15px 0px 0px;
clear: both;
}

.title-text100  {
padding: 5px 5px 0px 5px;
font-size: 90%;
}



/*
########################################################
タブメニューCSS（Yetii）
########################################################
*/

#tabBox {
width: 380px;
margin-top: 30px;
background: #fff;
}

ul#tabBox-nav {
list-style-type: none;
width: 380px;
float: left;
}

ul#tabBox-nav li {
margin-right: 5px;
float: left;
}

ul#tabBox-nav a {
float: left;
display: block;
width: 100px;
padding: 5px 5px 5px 10px;
border: 1px solid #ccc;
border-bottom: 0;
color: #666;
background: #f5f5f5;
text-decoration: none;
font-weight: bold;
outline: none;
}

ul#tabBox-nav a:hover {
background: #fff;
}

ul#tabBox-nav a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color: #CC0000;
}

#babTxt {
margin: 0px;
padding: 0px;
}

.tab {
width: 375px;
clear: left;
border: 1px solid #ccc;
border-top: none;
padding: 10px;
background: #fff;
}


/*
########################################################
jQuery スクロール途中でメニューが止まるやつ
########################################################
*/

#side-stop {
padding-bottom: 10px;
}

.side-fixed {
position: fixed;
top: 10px;
width: 100%;
z-index: 10000;
}


/*
########################################################
タブ型メニューのあたり
########################################################
*/

.tabmenu-box {
padding: 3px;
}

.tabmenu-box ul {
margin: 0px; padding: 0px;
list-style:  none;
}

.tabmenu-box li {
list-style: none outside;
background:  url('http://small-life.com/images/icon/arrow_16-16.png') no-repeat left 2px;
padding-left: 20px;
line-height: 150%;
}



/*
########################################################
新バナー部分（since 2014）
########################################################
*/

#b-main {
padding: 0px;
margin: 0px;
background: url('http://small-life.com/images/logo/logo-main990-120.png') no-repeat left top;
display: block;
height: 120px;
}

#b-left a:hover img{
-ms-filter: "alpha( opacity=80 )";/*for IE8*/
filter: alpha(opacity=80); /*for IE6～7*/
opacity: 0.80;
}

#b-left {
float: left;
width: 120px;
margin: 0px 0px 0px 0px;
position: relative;
}

#b-left img {
position: absolute;
left: -10px;
}

#b-right {
float: right;
width: 839px;
}

#b-right-under-l {
float: left;
width: 420px;
height: 120px;
left top;
}

#b-right-under-r {
float: right;
width: 398px;
margin-right: 8px;
}



/*
########################################################
新メイン部分（since 2014）
########################################################
*/

.entry-title-logo {
position: absolute;
top: 20px; left: -20px;
width: 120px;
}

.entry-title-logo-cate {
position: absolute;
top: 20px; left: -10px;
}

.contents-box-bg-f5f5f5 {
width: 98%;
margin: 0px 0px 30px 0px;
border: #ccc 1px solid;
background-color: #f5f5f5;
position: relative;
clear: both;
}

.contents-box-bg-fff {
width: 98%;
margin: 0px 0px 30px 0px;
position: relative;
clear: both;
}

.title-main-square {
position: relative;
margin: 15px 10px 0px 120px;
padding: 5px;
}

.title-box-square {
width: 100%;
padding: 5px 0px 15px 0px;
margin: 0px;
clear: both;
}

.title-date-square {
font-size: 120%; font-family: "Arial Black";
color: #990000;
padding-bottom: 10px;
}

.title-main-square h1,h2{
margin-bottom: 10px;
padding: 0px 0px 3px 3px;
font-size: 150%;
line-height: 130%;
}


/*
########################################################
jQuery ニュルっと出るタブメニュー
########################################################
*/

ul#navigation {
margin: 0px;
padding: 0px;
top: 0px;
right: 10px;
list-style: none;
z-index:999999;
width:621px;
}

ul#navigation li {
width: 123px;
display:inline;
float:left;    
}

ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 120px;
height: 25px;
background-color:#fff;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #fff;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:95px;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}

ul#navigation li a:hover{
background-color:#fff;
opacity: 0.9;
}

ul#navigation li a span{
letter-spacing:2px;
font-size:1px;
color:#60ACD8;
}

ul#navigation .rss a {
background-image: url(http://small-life.com/images/logo/menu/120-120_rss.png);
}

ul#navigation .allentry a {
background-image: url(http://small-life.com/images/logo/menu/120-120_allentry.png);
}
                      
ul#navigation .facebook a {
background-image: url(http://small-life.com/images/logo/menu/120-120_facebook.png);
}

ul#navigation .twitter a {
background-image: url(http://small-life.com/images/logo/menu/120-120_twitter.png);
}



/*
########################################################
シンプルな画像を使ったパンくずリスト
########################################################
*/

#pan-navi-wrapper {
position: relative;
margin-bottom: 15px;
}

#pan-navi {
width: 530px;
height: 37px;
position: absolute;
left: -10px;
display:block;
overflow: hidden;
}

#pan-navi li {
list-style-type: none;
float: left;
line-height: 37px;
color: #777;
padding: 0px 20px;
background:url(http://small-life.com/images/back/pan-navi.png) no-repeat right center;
}

#pan-navi li a {
display:block;
padding:0px;
}


/*  -------------------------------------------------------
* 　メイン：250px画像付き エントリーリスト
*  -------------------------------------------------------  */

.half-tn-main-odd  {
position: relative;
padding: 5px 0px 5px 0px;
background-color: #fff;
clear: both;
}

.half-tn-main-even  {
position: relative;
padding: 5px 0px 5px 0px;
background-color: #f5f5f5;
clear: both;
}

.half-tn-l {
float: left;
width: 255px;
padding: 0px; margin-left:  3px;
}

.half-tn-l-2 {
float: left;
width: 250px;
padding: 0px; margin-left: 5px;
}

.half-tn-l img  {
margin: 2px 2px 5px 4px;
}

.half-tn-r {
float: right;
padding: 0px; margin-top: 5px;
width: 245px;
}

.half-tn-r-2 {
float: right;
padding: 0px; margin-top: 5px;
width: 240px;
}



/*  -------------------------------------------------------
* 　エントリ下部のカテゴリ表示
*  -------------------------------------------------------  */

.title-cat {
position: absolute;
bottom: 10px; right: 10px;
font-size: 14px;
}


/*  -------------------------------------------------------
* 　サイドの奈良充の表示
*  -------------------------------------------------------  */

.side-nara-ju-main {
margin: 10px 5px 5px 5px;
padding: 10px;
border: #ccc 1px solid;
}

.side-nara-ju-main-padding {
margin: 0px 0px 5px 0px;
padding: 10px 0px 5px 10px;
}

.side-nara-ju-main-padding img {
margin-bottom: 10px;
}


/*  -------------------------------------------------------
* 　サイドのタグリストの表示
*  -------------------------------------------------------  */

.tag-list ul{
margin-bottom: 5px; 
padding: 0; 
list-style: none;
line-height: 150%;
}

.tag-list li{ 
display: inline; 
float: left;
background-color: #fff;
}

.tag-list li a{
display: block; 
border: 1px solid #ccc;
text-decoration: none;
color: #333;
text-align: center;
padding: 10px;
margin: 5px;
}

.tag-list li a:hover{
background-color: #ccc;
}



.sns-botton {
width: 490px;
margin: 20px 0px 20px 5px;
}

.sns-botton img  {
padding: 1px;
}

.sns-botton-l  {
float: left;
}

.sns-botton-r  {
float: right;
}



/*
########################################################
バナー部分（since 2015）
########################################################
*/

#banner-main {
padding: 0px;
margin: 0px;
background: url('http://small-life.com/images/logo/logo-main530-120.png') no-repeat left top;
display: block;
width: 530px;
height: 120px;
}

#banner-left a:hover img{
-ms-filter: "alpha( opacity=80 )";/*for IE8*/
filter: alpha(opacity=80); /*for IE6～7*/
opacity: 0.80;
}

#banner-left {
width: 120px;
margin: 0px 0px 0px 0px;
position: relative;
}

#banner-left img {
position: absolute;
left: -10px;
}


/*
########################################################
ページトップへ（since 2015）
########################################################
*/

#pagetop{
border-radius:5px;
color:#FFF;
position:fixed;
bottom:15px;
right:95px;
}


/*
########################################################
横からスライドするメニュー
########################################################
*/

#slide_menu{
position: fixed;
top: 0;
left: -280px;
width: 280px;
height: 100%;
background: #333;
z-index: 2;
overflow-y: scroll;
scrollbar-base-color: #333;
}

#slide_menu ul{
padding: 0;
margin: 0;
}

#slide_menu li{
list-style: none;
padding: 10px 0;
display: inline;
}

#slide_menu li a{
display: block;
display: inline;
}

#slide_menu_button {
position:fixed;
bottom:16px;
right:15px;
cursor: pointer;
}

#slide_menu_button img:hover {
-ms-filter: "alpha( opacity=80 )";/*for IE8*/
filter: alpha(opacity=80); /*for IE6～7*/
opacity: 0.80;
}

.layer{
position: fixed;
top: 0;
z-index: 1;
display: none;
width: 100%;
height: 100%;
background-color: transparent;
}



/*
########################################################
jQuery 開閉式アコーディオンメニュー
########################################################
*/

.side-accordion {
width: 98％;
}

.side-accordion dl {
padding: 0x;
}

.side-accordion dt {
background: #f5f5f5 ;
padding: 15px;
font-size: 120%;
border-bottom: 1px solid #ccc;
border-left: 10px solid #990000;
margin-bottom: 5px;
}

.side-accordion dd {
padding: 10px 5px 15px 0px;
}

.side-accordion dd ul {
display: inline;
padding-bottom: 20px;
list-style-type: disc;
}

.side-accordion dd li {
float: left;
margin-right: 25px;
padding-right: 15px;
font-size: 125%;
line-height: 150%;
}