@charset "euc-jp"; /* PublishCharset into mt-config.cgi */

/*
 * File      : styles-site.css
 * Version   : 4.00
 * Update    :
 * 2.00 2005.09.01: Update for Movable Type 3.2.
 * 2.01 2005.09.03: add font-size to content-nav.
 * 2.02 2005.09.27: correct the capital letter to the small letter.
 * 2.03 2005.10.13: add ul and ol type selectors to .entry class selector.
 * 2.04 2005.11.26: fixed typo.
 * 2.05 2006.01.26: comment out the specification of the background image.
 * 2.06 2006.02.26: delete font-weight property from all name selector and add h type selectors
 *                            and brought property for the title together.
 * 2.07 2006.06.01: add .archive-list class selector.
 * 3.00 2006.06.27: Update for Movable Type 3.3.
 * 3.01 2006.07.07: correct class selector.
 * 4.00 2007.05.11: XHTML 1.0 Strict.
 *
 * Copyright (C) 2005-2007 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
}
body {
    font-size: 12px;
	line-height: 150%;
}
html>body {
    font-size: 12px;
}

/* 包容ボックス */
#bbox {
	width: 850px;
	text-align: left;
	background-color: #fff;
	margin: 0 auto;
	border: solid 1px #ccc;
}


/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1 {
	font-size:10px;
}

/* リンク */
a,
a:link,
a:visited {
    color: #0099CC;
    text-decoration: none;
}
a:hover {
    color: #0099CC;
    text-decoration: underline;
}
a:active {}

/* リンクつき画像 */
a img {
    border: none;
}

table {
	font-size:12px;
	font-weight: normal;
	line-height: 150%;
	margin: 10px;
}

td {
	padding: 3px;
}	

td ul li{
    list-style-type: circle;
	margin-left:15px;
}	

p {
	margin-top:5px;
	margin-bottom:5px;
}


hr {
	margin-top:5px;
	margin-bottom:20px;
}

/* フォーム */
form {
    margin: 0px;
}
#search-options,
input {
    padding: 1px;
}
#search {
	width: 150px;
}

/* ヘッダ */
#header {
	color: #999;
	background: #fff;
	/*    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(".gif");*/
    text-align: left;
	background-repeat: no-repeat;
	background-image: url(/images/topbanner.jpg);
	height: 320px;
	margin: 0 auto;
	width: 850px;
}

#header2 {
	color: #999;
	background: #fff;
    text-align: left;
	background-repeat: no-repeat;
	background-image: url(/images/topbanner2.jpg);
	height: 200px;
	margin: 0 auto;
	width: 850px;
}


/* タイトルバナー下の説明 */
.blog-description {
	color: #fff;
	background: transparent;
	font-size: 12px;
	height: 52px;
	margin: 10px 20px 10px 20px;
	text-align: left;
}


/* ヘッダメニューバー */
#menu-header {
	text-align: left;
	line-height: 100%;
	background-repeat: no-repeat;
	background-image: url(/images/menu_header.jpg);
	height: 45px;
	width: 850px;
	margin: 0 auto;
	font-weight: bold;
	margin-bottom: 10px;
}


/* リンク */
#menu-header a,
#menu-header a:link,
#menu-header a:visited {
    color: #663300;
    background: transparent;
    font-size: 12px;
    text-decoration: none;
}
#menu-header a:hover {
    color: #663300;
    text-decoration: underline;
}
#menu-header a:active {}


#menu-header img {
	vertical-align: text-bottom;
	margin: 0 3px 0 3px;
}


/* メニュー事項 */
.menu-item {
	text-align: left;
	margin: 5px 15px 5px 10px;
	color: #663300;
	font-size: 12px;
}

.menu-item-r {
	text-align: left;
	font-weight:bold;
	float: right;
	margin: 10px 10px 0 25px;
	color: #663300;
	font-size: 12px;
}




/* パンくずリスト */
#pankuzu {
	width:850px;
	margin:0 auto;
	height: 30px;
	font-size: 12px;
	background-color: #fff;
	text-align: left;
	font-weight: normal;
	border-top: solid 1px #ccc;

}

/* エントリー全体 */
.blog {
    padding: 10px 15px 10px 15px;
}

/* エントリー日付 */
.date {
	margin: 5px 0 15px 0;
	/*    background-position: left; 
    background-repeat: no-repeat;
    background-image: url(".gif");*/
    font-size: 10px;
	line-height: 2.0;
	text-align: right;
	border-top: dotted #ccc 3px;
}

/* エントリー タイトルリスト（カテゴリーアーカイブ用） */
.titlelist {
	margin: 5px 0 15px 0;
	/*    background-position: left; 
    background-repeat: no-repeat;
    background-image: url(".gif");*/
    font-size: 10px;
	line-height: 2.0;
	text-align: right;
	border-top: dotted #ccc 3px;
}


/* くるくるウィジェット */
.amazon_wi {
	margin: 0;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px;
}


/* コメントタイトル・トラックバックタイトルの配色 */
.trackbacks-header,
.comments-header,
.comments-open-header {
    color: #fff;
}

/* エントリー */
.entry {
	width: auto;
	color: #36414d;
	background: #fff;
	/*    background-position: right; 
    background-repeat: repeat-y; 
    background-image: url(".gif");*/
    font-size: 12px;
	line-height:1.7em;
	word-break: break-all;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

.entry-body entry-more {
}

/* 段落 */
.entry p {
    margin: 15px 0;
}

/* 順序なしリスト */
.entry ul,
.entry ol {
    padding-left: 16px;
}
.entry ul li {
    list-style-type: circle;
}
.entry li.new {
    margin-left: 10px; 
}

/* 定義リスト */
.entry dl {}
.entry dt {}
.entry dd {
    padding-left: 8px;
}

/* テキストエリア */
.entry textarea {
    width: 97%;
}


/* 引用 */
blockquote {
	width: auto;
	margin: 15px 20px 0;
	padding: 10px;
	border: 1px solid #666;
	background: #f6f6f6;
	line-height: 1.5;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
.quotetitle { /* 引用文タイトル */
    font-size: 83.3%;
    border-bottom: 1px solid #666;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* 追記 */
.entry.extended {}

/* エントリータイトル */
.entry-header {
	margin: 15px 0 0 0;
	color: #444;
	font-size: 20px;
	font-weight: normal;
	background-image: url(/images/icon_camera.jpg);
	background-repeat: no-repeat;
	height: auto;
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom: 8px;
	vertical-align: bottom;
	background-position: left center;
	line-height: normal;
}

.entry-mainheader {
	margin: 0;
	padding-left: 5px;
	color: #666;
	font-size: 100%;
	font-weight: normal;
	text-align: right;
}


.entry-content h3 {
	border-bottom: solid 1px #ccc;
	border-left: solid 3px #669900;
	padding-left: 10px;
	font-weight: normal;
	font-size: 14px;
	color: #663300;
	margin-top: 30px;
	margin-bottom: 20px;
}


/* エントリー日付の配色 */
.entry-maindate {
	color: #999;
	text-align: left;
	border-bottom: solid 1px #ccc;
	font-size: 28px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    text-align: right;
    font-size: 83.3%;
}

/* タグ */
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
    font-size: 100%;
}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}

/* Typekeyコメンタ−画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ランキング */
.entry-ranking {
	background-image:url(/images/note.jpg);
	padding:10px 20px 15px 25px;
	margin-top: 20px;
}


/* アーカイブページ */


/* アーカイブタイトル */
.archive-title {
	margin-top: 3px;
	color: #663300;
	text-align: left;
	font-size: 22px;
	border-bottom: solid #663300 3px;
	font-weight: normal;
}

.archive-title img {
    vertical-align: text-bottom;
	margin:0 5px 1px 0;
}

.archive-entry-box{
	margin:1em 0 50px 0;
}
.archive-entry-title,
.archive-entry-excerpt,
.archive-entry-data{
	margin:0;
}

.archive-entry-title{
	font-size:18px;
	font-weight:normal;
	background:url('http://camera.na-watashi.com/images/point.gif') left top no-repeat;
	border-bottom: dotted #ccc 3px;
}

.archive-entry-title img {
    vertical-align: text-bottom;
	margin:0 5px 1px 0;
}

.archive-entry-data{
	font-size:10px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
	margin: 10px;
	text-align: center;
	font-size: 12px;
/*    font-size: 12px;*/
}


#links-left-box dl,
#links-right-box dl {
    margin: 0;
    padding: 0;
}
#links-left-box dd,
#links-right-box dd {
    font-size: 12px;
}

.side dt,
.side dd {
    margin: 0;
    padding: 0;
}

/* サイドメニュータイトル */
.sidetitle {
	margin-top: 50px;
	color: #663300;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.sidetitle img {
    vertical-align: text-bottom;
	margin:0 5px 1px 0;
}

/* サイドメニュー */
.side {
    margin: 3px 0 20px 0;
    background: none;
    color: #444;
    font-size: 75%;
    line-height: 1.5;
}
.side ul,
.side ol {
    padding-left: 18px;
}
html>body .side ul {
    padding-left: 14px;
}
.side ul li {
    list-style-type: circle;
}
.side ul li ul {
    padding-left: 0px;
}
.side li li {
    list-style-type: none;
}

/* サイドメニュー(サブカテゴリー用) */
.side #categories ul {
    padding-left: 16px;
}
.side #categories ul ul {
    padding-left: 10px;
}
.side #categories li {
    list-style-type: circle;
}

/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 125%;
    font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 125%;
}
ul#tags li.taglevel3 {
    font-size: 116.6%;
}
ul#tags li.taglevel4 {
    font-size: 108.3%;
}
ul#tags li.taglevel5 {
    font-size: 100%;
}
ul#tags li.taglevel6 {
    font-size: 91.6%;
}

/* 検索 */
fieldset {
    border: none;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 15px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}

/* クレジットバナー */
.powered {
	text-align: left;
	color: #666666;
	font-size: 75%;
	line-height: 1.5;
	margin-bottom: 15px;
}
.powered img {
    margin-top: 3px;
}
.powered ul,
.powered li {
    list-style: none;
}

/* コメント・トラックバック */
#trackbacks,
#comments {
    margin: 10px 0;
}

.trackbacks-header,
.comments-header,
.comments-open-header,
.comments-head {
	border-bottom: solid 1px #ccc;
	border-left: solid 3px #669900;
	padding-left: 10px;
	font-weight: normal;
	font-size: 14px;
	color: #663300;
	margin-top: 30px;
	margin-bottom: 20px;
}

.trackbacks-header img,
.comments-header img,
.comments-open-header img,
.comments-head img{
    vertical-align: text-bottom;
	margin:0 5px 1px 0;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	word-break: break-all;
	margin-top: 0;
	margin-right: 2px;
	margin-left: 2px;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.comment-child {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.trackback-footer,
.comment-footer {
	margin-right: 2px;
	padding-top: 3px;
	border-top: 1px dotted #36414d;
	font-size: 10px;
	text-align: right;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
   font-weight: bold;
}
#comment-author, #comment-email, #comment-url, #comment-text {
   width: 220px;
}
#comment-text {
	width: 500px;
}
#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}
#comments-open-footer {
    text-align: center;
}
.comments-open label {
    display: block;
}



/* カテゴリメニュー */
#boxx {
	color: #36414d;
	background: #fff;
	text-align: left;
	margin: 0 auto;
	width: 850px;
	border-top: 1px solid #ccc;
}

#boxx ul.menu {
	padding: 0;
	list-style: none;
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	background-color: #fff;	
}

#boxx ul.menu li {
	margin: 0;
	padding: 8px;
	float: left;
	width: 255px;
	height: 150px;	
}

#boxx ul.menu li.white {
	background-color: #fff;
}

#boxx ul.menu li.yellow {
	background-color: #FFFFCC;
}

#boxx ul.menu li.blog {
	padding: 10px;
	height: 400px;	
}

#boxx ul.menu li.blog-c {
	padding: 10px;
	height: 400px;	
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;	
}

.boxxmenu {
	height: 60px;
}



/* カラム切り替え */
body.layout-three-column,
body.layout-one-column {
    margin-bottom: 20px;
    text-align: center;
}
.layout-three-column #container {
    margin-bottom: 10px;
}

/* 3カラム用 */
.layout-three-column #box {
	width: 850px;
	text-align: left;
	background-color: #fff;
	margin: 0 auto;
}



/* 3カラム固定レイアウト */
.layout-three-column #content {
	float: left;
	width: 580px;
	margin: 0 0 10px 0;
}

.layout-three-column #content_top {
	float: left;
	width: 580px;
	margin: 0 0 10px 0;
}

.layout-three-column #links-right-box {
	float: left;
	width: 268px;
}

.layout-three-column #links-left-box {
	float: left;
	width: 268px;
}

.layout-three-column #links-left {
    padding: 15px 8px 0 8px;	
}

.layout-three-column #links-right {
    padding: 15px 8px 0 8px;
}

/* 1カラム固定レイアウト */
.layout-one-column #container {
    margin-bottom: 0;
}
.layout-one-column #box {
	width: 850px;
	text-align: left;
	background-color: #fff;
	margin: 0 auto;
}

.layout-one-column #content {
    float: left;
    width: 850px;
    margin: 0 0 10px 0;
}

/* フッタ */
.layout-one-column #footer {
    text-align: center;
}
.layout-one-column-liquid #footer {
    padding-bottom: 15px;
    text-align: center;
}


/* フッタ */
#footer {
	color: #999;
	text-align: center;
	background-repeat: no-repeat;
	width: 850px;
	font-size: 12px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/* リンク */
#footer a,
#footer a:link,
#footer a:visited {
    color: #663300;
    background: transparent;
    font-size: 14px;
    text-decoration: none;
}
#footer a:hover {
    color: #663300;
    text-decoration: underline;
}
#footer a:active {}


input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

#box::after {
    height: 0;
    display: block;
    content: " ";
    visibility: hidden;
    clear: both;
}
#box {
    width: 100%
    /*\*/*/
    overflow: hidden;
    /**/
}
p.clear {
	clear: both;
}
div.clear {
	clear: both;
}


/* begin styles for RSS Feed */

.rss-box {
}

.rss-title, rss_title a {
	font-size: 12px;
}

	
.rss-title ul li {
}	
	

.rss-items {
    list-style-type: circle;
	margin-left:15px;
}

.rss-item  {
	font-size: 12px;
}

.rss-date {
	font-size: 11px;
	font-weight : normal;
	}
	
/* 写真に影をつける */
.shadow {
	margin: 15px 8px 15px 0;
	background: url(/images/shadow.gif) right bottom;
	float: left; /* 回り込み制御 */
/* 	height: 97px;	*/
	height: 67px;
}
 
.shadow img {
	position: relative;
	left: -5px; /* 画像を左へ移動 */
	top: -5px; /* 画像を上へ移動 */
	padding: 3px; /* 画像枠 */
	background: #fff; /* paddingを設定した場合の背景色 */
	border: 1px solid #ccc; /* 画像の枠線 */
}

/* fotologue */
.fotologue {
	padding-left: 5px;
}

/* 改ページナビゲート表示 */
.paginate {
    text-align: center;
    font-size: 9px;
}

/* scode用 */
.scode {
    vertical-align: top;
}
 
#scode {
    margin-left:5px;
}

/* mac対応 */
textarea,select,input { 
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif"; 
}