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

body  {
height: 100%; margin: 0px; padding: 0px;
font-family:  "Arial","Helvetica","Verdana","ＭＳ ゴシック","Osaka",sans-serif;
font-size: 90%;
text-align: center;
background-color: #B8B8B8;
}

html { height: 100%; }
#map_canvas { height: 100%; } 

#wrapper {
width: 980px;
margin: 0 auto;
text-align: left;
border: 1px solid #eaeaea;
background-color: #FFF;
}

a {
text-decoration: none;
}

a:hover {
color: #006699;
text-decoration: underline;
}

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%;
}

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;
}

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

.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 top;
padding-left: 20px;
line-height: 150%;
}



/*
########################################################
メイン部分
########################################################
*/

#container  {
width: 960px;
margin: 0px; padding: 0px;
background-color: #FFF;
clear: both;
}

#main  {
float: left;
width: 530px;
padding: 0px;
margin-left:  10px;
line-height:  140%;
clear: both;
}

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

.contents-box2  {
width: 98%;
margin: 0px 0px 30px 0px;
position: relative;
background-color: #efefef;
border: #999 1px solid;
clear: both;
}

.contents-box3  {
width: 98%;
margin: 0px 0px 10px 0px;
position: relative;
clear: both;
}



/*  -------------------------------------------------------
* メイン：タイトル部分
*  -------------------------------------------------------  */

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

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


.title-main {
margin-left: 10px;
width: 500px;
padding: 5px;
}

.title-date {
padding: 5px;
font-size: 18px; font-family: "Arial Black";
line-height: 120%;
color: #990000;
}

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

.title-info {
width: 480px;
padding-top:  5px;
margin: 10px 0px 10px 0px;
font-size: 12px;
line-height: 120%;
text-align: right;
border-top: 1px dotted #999;
}

.title-info li {
list-style:  none outside;
background: url('http://small-life.com/images/icon/14_next.gif') no-repeat left;
text-indent:  18px;
display: inline;
float: right;
margin-right:  5px;
}


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

.entry-body {
width: 490px;
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;
}

.entry-body hr  {
background-color: #ccc;
color: #ccc;
border: none;
height: 2px;
margin: 40px 0px 40px 0px;
}

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

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

.entry-footer  {
width: 99%; height: 20px;
padding: 3px 5px 3px 0px;
margin: 20px 0px 0px 0px;
background-color: #ccc;
font-size: 14px;
text-align: right;
}

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

.entry-footer-com  {
list-style: none outside;
background:  url('http://small-life.com/images/icon/comment-s.gif') no-repeat left;
text-indent:  20px;
display: inline;
float: right;
padding-right: 10px;
}

.entry-footer-tra  {
list-style: none outside;
background:  url('http://small-life.com/images/icon/trackback-s.gif') no-repeat left;
text-indent:  20px;
display: inline;
float: right;
padding-right: 10px;
}

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

.main-cate-airbox  {
width: 530px;
float: left;
}

.main-cate-box  {
width: 520px;
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;
}


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

#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-footer {
text-align: right;
margin: 0px 50px 10px 0px;
}

.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: #eaeaea;
padding: 10px;
}



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

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

.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;
}

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

#menu  {
float: right;
width: 390px;
padding: 0px;
line-height: 130%;
}

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

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

.powered {
margin-right:  10px;
text-align:  right;
}

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


/*  -------------------------------------------------------
* メニュー：「先頭にノートアイコン」タイプ
*  -------------------------------------------------------  */

.re-entry-list  {
list-style: none outside;
background:  url('http://small-life.com/images/icon/note_ss.gif') no-repeat left top;
padding-left: 20px;
}


/*  -------------------------------------------------------
* メニュー：コメント一覧
*  -------------------------------------------------------  */

.menu-box-comment  {
padding: 0px;
margin-left:  0px;
line-height:  120%;
}

.menu-comment-title  {
list-style: none outside;
background:  url('http://small-life.com/images/icon/note_ss.gif') no-repeat left top;
padding: 3px 0px 10px 20px;
margin-top:  10px;
}

.menu-comment-body {
padding: 3px 0px 10px 30px;
}


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

.adsence-336x280  {
border-left:  #CC6600 3px solid;
padding-left: 20px;
margin-left: 10px;
}


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

.side-400-main  {
width: 390px;
margin: 5px 0px 5px 0px;
padding: 5px 0px 2px 0px;
clear: both;
}

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

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

.side-title-main  {
padding: 2px;
margin-top:  2px;
font-size: 16px;
}

.side-tn-main  {
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
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;
}

.side-tn-l 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;
}

.menu-info {
width: 98%;
border: #666 1px solid;
padding: 5px;
margin: 10px 0px 10px 0px;
font-size: 14px;
line-height:  140%;
}

.menu-info h3  {
margin: 10px 0px 5px 5px;
padding: 0px 0px 5px 0px;
font-size: 16px;
list-style:  none;
background:  url('http://small-life.com/images/icon/point_black.gif') no-repeat left top;
text-indent: 25px;
}

.menu-info-toppage {
width: 96%;
border: #ccc 1px solid;
padding: 3px;
margin: 10px 0px 10px 0px;
font-size: 14px;
line-height:  140%;
}


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

.side-400-lparts  {
float: left;
width: 210px;
padding: 0px; margin: 0px;
}

.side-400-rparts  {
float: right;
width: 175px;
padding: 0px; margin: 0px;
}

.main-tn-r {
float: right;
width: 380px;
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: 5px 0px 5px 0px;
border-bottom: #999 1px solid;
clear: both;
}

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

.search-tn-main-even  {
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
clear: both;
}

.search-tn-main-o  {
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background-color: #ffffff;
clear: both;
}
.search-tn-main-e  {
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background-color: #eaeaea;
clear: both;
}



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

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

.search-result-top  h2{
margin-bottom: 5px;
padding: 5px 0px 5px 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;
}


/*
########################################################
バナー部分
########################################################
*/

#banner  {
padding: 0px;
margin: 10px 0px 10px 0px;
width: 99%;
}

#banner-left  {
float: left;
width: 530px;
margin: 10px 0px 0px 20px;
}

#banner-right  {
float: right;
width: 397px;
}

#banner  ul li{
display: inline;
padding: 0px;
margin: 0px;
}

#banner-topmenu {
margin-bottom: 5px;
padding: 0px;
width: 100%;
}

#topmenu {
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:14px;
font-weight:bold;
background:transparent url(http://small-life.com/images/back/nav_bg.png) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

#topmenu li {
display:block;
float:left;
margin:0;
padding:0;
}

#topmenu li a {
display:block;
float:left;
color:#cccccc;
text-decoration:none;
font-weight:bold;
padding:8px 15px 0 15px;
}

#topmenu li a:hover {
color:#FFFFFF;
height:22px;
background:transparent url(http://small-life.com/images/back/nav_bg.png) 0px -30px no-repeat;
}

#topmenu li a.current {
display:inline;
height:22px;
background:transparent url(http://small-life.com/images/back/nav_bg.png) 0px -30px no-repeat;
float:left;
margin:0;
}

input.google {
width: 300px;
}

input.google-s {
width: 160px;
margin: 5px 0px 15px 0px;
}

input.google-s2 {
margin: 5px 0px 15px 0px;
}

.banner-social {
float: left;
width: 130px;
padding: 0px; margin-left: 3px;
}

.banner-social img {
border-style:none;
padding: 0px 1px 1px 0px;
}

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

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

.banner-social-side {
float: left;
padding: 0px; margin-left: 3px;
}


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


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

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

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

.footer-about  {
width: 98%;
margin: 10px 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: 290px;
padding: 0px; margin-left:  0px;
}

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



/*
########################################################
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;
}

.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;
}



/*
########################################################
naraphotoページ
########################################################
*/


#photoframe {
padding: 0px 0px 10px 0px;
background-color: #FFFFFF;
}

#photoframe-title {
border-left: #990000 10px solid;
padding: 4px 0px 4px 10px;
margin: 3px 0px 3px 3px;
}

#photoframe-title h1 {
font-size: 130%;
line-height:  140%;
}

.contents-box-photo {
margin-bottom: 50px;
clear: both;
}

.photo-title {
margin-bottom: 5px;
padding: 5px 0px 3px 0px;
font-size: 18px;
border-top: #990000 4px solid;
}

#photo-entry-tn  {
width: 520px;
float: left;
padding: 0px;
margin: 0px 0px 20px 10px;
}

#photo-entry-tn img {
border-style:none;
padding: 2px;
}


#photo-entry-tn ul {
margin: 0px; padding: 0px;
list-style: none;
}

#photo-entry-tn li {
margin: 0px; padding: 0px;
list-style:  none;
display: inline;
}


#i-tra-com-box {
width: 98%;
padding: 3px;
margin-left: 10px;
border: #DCE3E3 1px solid;
}


.image-space img {
padding-bottom: 3px;
}


.photo-half-main {
width: 500px;
margin: 0px 0px 10px 0px;
}

.photo-half-left {
float: left;
width: 245px;
}

.photo-half-right {
float: right;
width: 245px;
}

.photogallery-title {
width: 99%;
padding: 0px;
margin: 0px;
}

.photogallery-title-l {
float: left;
padding: 0px;
margin-left: 15px;
}

.photogallery-title-r {
float: right;
padding: 0px;
margin: 15px 15px 0px 0px;
}

.photogallery-box {
float: left;
width: 925px;
padding: 0px;
margin-left: 15px;
}

.photogallery-box img {
border-style:none;
padding: 2px;
}

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

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


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

.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;
}



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

.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-bottom: 10px;
}

.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;
}


/*
########################################################
関連ツイート表示用
########################################################
*/

#twitterer-anywhere-box {
width: 99%;
font-size: 90%;
}

.tweet_box {
margin-top: 6px;
border-bottom: 1px dashed #999;
}

.tweet_box_left {
width: 58px;
float: left;
}

.tweet_box_right {
width: 300px;
line-height: 1.2em;
float: right;
}

.tweet_clearfloat {
clear: both;
text-align: right;
}

.tweet_clearfloat span {
margin-left: 6px;
margin-right: 6px;
}