/*
Theme Name: Tranishi Aki
Theme URI: http://teranishi.df-cue.com/
Description: 寺西紀光
Version: 1.0
Author: Design Factory CUE
Tags: 

*/

/* init.css 

 01. Yahoo UI Library Fonts CSS
 02. base 共通
 03. body ボディ
 04. container 全体包括
 05. header ヘッダ
 06. navi ナビゲーション
 07. content コンテンツエリア
 08. footer フッター
 09. トップページ
 10. ブログ
 11. アバウト
 12. search 検索結果
 
*/


/*
===============================================
 01. Yahoo UI Library Fonts CSS
----------------------------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*
===============================================
 02. base 共通
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

a img {
	margin: 0;
	padding: 0;
	border: none;
}

a { text-decoration: none;}
a:link { color: #559100;}
a:visited { color: #559100;}
a:active { color: #156EA4;}
a:hover { color: #156EA4;}

#gallery a:link { color: #333333;}

.float-clear {
	clear: both;
}

.clearfix:after, .published-inner:after, .navigation:after, .entry-body:after, .textwidget:after, .works-list dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, .published-inner, .navigation, .entry-body, .textwidget, .works-list dl { display: inline-block;}

/* Hides from IE-mac ¥*/
*html .clearfix, .published-inner, .navigation, .entry-body, .textwidget, .works-list dl { height: 1%;}
.clearfix, .published-inner, .navigation, .entry-body, .textwidget, .works-list dl { display: block;}
/* End hide from IE-mac */

/*
===============================================
 03.body ボディ
----------------------------------------------- */
body {
	background-color: #E0D6C3;
	line-height: 1;
	color: #333333;
	text-align: center;
	font-family: 'Lucida Grande', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}

body#gallery {
	background-color: #000000;
}

body#works {
	background-image: url(images/works_back.jpg);
	background-repeat: repeat;
}

/*
===============================================
 04.container 全体包括
----------------------------------------------- */

/* かえる入り
----------------------------------------------- */
#container {
	width: 100%;
	/*background-image: url(images/frog.gif);
	background-repeat: no-repeat;
	background-position: 98% top;
	background-attachment: fixed;*/
}

/* ページの幅
----------------------------------------------- */
#container-inner {
	width: 660px;
	margin: 0 auto;
	text-align: left;
}

/* ページの幅（変則）
----------------------------------------------- */
#blog #container-inner {
	width: 905px;
	margin: 0 auto;
	text-align: left;
}

#gallery #container-inner {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

#works #container-inner {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

/*
===============================================
 05.header ヘッダー
----------------------------------------------- */
#header {
	width: 660px;
}

#blog #header {
	width: 905px;
	background-image: url(images/blog_header.jpg);
	background-repeat: no-repeat;
}

#blog #header-inner {
	padding: 0;
}

#about #header {
	width: 660px;
	background-image: url(images/logo_about.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}

#gallery #header {
	width: 780px;
	background-image: url(images/gallery_header_new.jpg);
	background-repeat: no-repeat;
}

#works #header {
	width: 660px;
	background-image: url(images/works_title_new.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}

/*
===============================================
 06.navi ナビゲーション
----------------------------------------------- */
#navi {
	width: 480px;
	padding: 0;
	margin: 0;
}

#blog #navi {
	width: 480px;
	padding: 0 0 177px 0;
	margin: 0 0 0 300px;
}

#about #navi {
	width: 480px;
	padding: 0 0 67px 0;
	margin: 0 0 0 180px;
}

#gallery #navi {
	width: 480px;
	padding: 0 0 60px 0;
	margin: 0 0 0 300px;
}

#works #navi {
	width: 480px;
	padding: 0 0 80px 0;
	margin: 0 0 0 300px;
}

#navi li {
	float: left;
	list-style-type: none;
}

#navi li a {
	display: block;
	height: 36px;
	background-repeat: no-repeat;
	background-position: left -4px;
	text-indent: -9999em;
}

#navi li a:hover {
	display: block;
	height: 36px;
	background-repeat: no-repeat;
	background-position: left -44px;
	text-indent: -9999em;
}

#navi li.navi-home { width :73px; margin-right: 6px;}
#navi li.navi-blog { width :68px; margin-right: 6px;}
#navi li.navi-works { width :83px; margin-right: 6px;}
#navi li.navi-about { width :81px; margin-right: 6px;}
#navi li.navi-gallery { width :97px;}

/* ナビゲーション画像
----------------------------------------------- */
#navi li.navi-home a,
#navi li.navi-home a:hover { 
	background-image: url(images/common/navi_home.gif);
}

#navi li.navi-blog a,
#navi li.navi-blog a:hover { 
	background-image: url(images/common/navi_blog.gif);
}

#navi li.navi-works a,
#navi li.navi-works a:hover { 
	background-image: url(images/common/navi_works.gif);
}

#navi li.navi-about a,
#navi li.navi-about a:hover { 
	background-image: url(images/common/navi_about.gif);
}

#navi li.navi-gallery a,
#navi li.navi-gallery a:hover { 
	background-image: url(images/common/navi_gallery.gif);
}

/* ホーム
----------------------------------------------- */
#home li.navi-home a,
#home li.navi-home a:hover { 
	background-image: url(images/common/navi_home.gif);
	background-position: left -44px;
}

/* ナビゲーション画像（ブログ）
----------------------------------------------- */
#blog #navi li.navi-home a,
#blog #navi li.navi-home a:hover { 
	background-image: url(images/navi_home.gif);
}

#blog #navi li.navi-blog a,
#blog #navi li.navi-blog a:hover { 
	background-image: url(images/navi_blog.gif);
	background-position: left -44px;
}

#blog #navi li.navi-works a,
#blog #navi li.navi-works a:hover { 
	background-image: url(images/navi_works.gif);
}

#blog #navi li.navi-about a,
#blog #navi li.navi-about a:hover { 
	background-image: url(images/navi_about.gif);
}

#blog #navi li.navi-gallery a,
#blog #navi li.navi-gallery a:hover { 
	background-image: url(images/navi_gallery.gif);
}

/* アバウト
----------------------------------------------- */
#about li.navi-about a,
#about li.navi-about a:hover { 
	background-image: url(images/common/navi_about.gif);
	background-position: left -44px;
}

/* ギャラリー
----------------------------------------------- */
#gallery #navi li.navi-home a,
#gallery #navi li.navi-home a:hover { 
	background-image: url(images/g_navi_home.jpg);
}

#gallery #navi li.navi-blog a,
#gallery #navi li.navi-blog a:hover { 
	background-image: url(images/g_navi_blog.jpg);
}

#gallery #navi li.navi-works a,
#gallery #navi li.navi-works a:hover { 
	background-image: url(images/g_navi_works.jpg);
}

#gallery #navi li.navi-about a,
#gallery #navi li.navi-about a:hover { 
	background-image: url(images/g_navi_about.jpg);
}

#gallery li.navi-gallery a,
#gallery li.navi-gallery a:hover { 
	background-image: url(images/g_navi_gallery.jpg);
	background-position: left -44px;
}


/* 制作
----------------------------------------------- */
#works #navi li.navi-home a,
#works #navi li.navi-home a:hover { 
	background-image: url(images/w_navi_home.gif);
}

#works #navi li.navi-blog a,
#works #navi li.navi-blog a:hover { 
	background-image: url(images/w_navi_blog.gif);
}

#works #navi li.navi-works a,
#works #navi li.navi-works a:hover { 
	background-image: url(images/w_navi_works.gif);
	background-position: left -44px;
}

#works #navi li.navi-about a,
#works #navi li.navi-about a:hover { 
	background-image: url(images/w_navi_about.gif);
}

#works li.navi-gallery a,
#works li.navi-gallery a:hover { 
	background-image: url(images/w_navi_gallery.gif);
}

/*
===============================================
 07.content コンテンツエリア
----------------------------------------------- */
#home #content {
	clear: both;
	width: 660px;
}

#home #content-inner {
	margin: 30px 0 0 0;
}

#blog #content {
	clear: both;
	width: 905px;
	background-image: url(images/paper_long.gif);
	background-repeat: repeat-y;
}

#blog #content-inner {
	width: 840px;
	padding: 30px 0 20px 0;
	margin: 0 0 0 40px;
}

#gallery #content {
	clear: both;
	width: 780px;
}

#gallery #content-inner {
	padding: 0;
	width: 780px;
	height: 520px;
}

#works #content {
	clear: both;
	margin: 0 0 0 40px;
}

/*
===============================================
 08.footer フッター
----------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
}

#home #footer {
	clear: both;
	width: 660px;
}

#footer-inner {
	padding: 10px 0 30px 0;
	text-align: right;
}

#home #footer-inner {
	text-align: left;
}

address {
	color: #4F3C2B;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
}

#gallery address {
	color: #666666;
}

/*
===============================================
 09.トップページ
----------------------------------------------- */

/* メインイメージエリア
----------------------------------------------- */
#main-image {
	width: 455px;
	height: 543px;
	float: left;
	_overflow: hidden;
}

/* ブログの新着記事エリア
----------------------------------------------- */
#from-blog {
	width: 185px;
	float: left;
	padding: 280px 0 0 0;
	margin: 0 0 0 20px;
}

/* ブログの新着記事体裁
----------------------------------------------- */
#home #blog-title {
	padding: 0;
	width: 185px;
	height: 66px;
	background-image: url(images/photo_teranishi.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#home #blog-title img {
	margin-top: 26px;
}

#blog-recent {
	border-bottom: 1px solid #CBC0AD;
	padding: 15px 0 0 0;
}

#blog-recent p {
	font-size: 93%;
	line-height: 1.4;
	border-top: 1px solid #CBC0AD;
	padding: 15px 0 15px 0;
}

#home .entry {
	border-top: 1px solid #CBC0AD;
	padding: 8px 0;
}

#home .entry-title {
	font-size: 93%;
	line-height: 1.3;
	font-weight: bold;
	padding: 0;
	margin: 0 0 2px 0;
}

.entry-title span {
	margin: 0 0 0 6px;
}

img.icon-new {
	vertical-align: middle;
}

#home .published {
	font-size: 85%;
	color: #896D4B;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

/*
===============================================
 10.ブログ
----------------------------------------------- */

/* スケッチ紙
----------------------------------------------- */
#blog #alpha {
	width: 600px;
	float: left;
	_overflow: hidden;
}

/* サイドバー
----------------------------------------------- */
#blog #beta {
	width: 220px;
	float: left;
	margin: 0 0 0 20px;
	_overflow: hidden;
}

/* ブログタイトル
----------------------------------------------- */
#blog #blog-title {
}

/* 記事エリア
----------------------------------------------- */
#blog #alpha-inner {
	width: 600px;
	padding: 0 0 20px 0;
}

#blog #alpha-inner2 {
	width: 600px;
	padding: 20px 0 20px 0;
}

/* 日付
----------------------------------------------- */
#blog .published {
	font-size: 85%;
	color: #896D4B;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #EAE6E1;
}

/* コメントの日付
----------------------------------------------- */
#blog .comment-header .published {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #EAE6E1;
	border-right: none;
}

/* エントリーヘッダー
----------------------------------------------- */
#blog .entry-header {
	border-top: 3px solid #EAE6E1;
	padding: 8px 0 0 0;
}

/* エントリータイトル
----------------------------------------------- */
#blog .entry-title {
	color: #4F3C2B;
	font-size: 138.5%;
	line-height: 1.3;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0 10px;
}

#blog .entry-title a {
	color: #4F3C2B;
}

#blog .entry-title a:hover {
	color: #156EA4;
}


/* エントリーメタ
----------------------------------------------- */
#blog .entry-meta {
	text-align: left;
	padding: 6px 10px;
	margin: 8px 0 0 0;
	border-top: 1px solid #EAE6E1;
	border-bottom: 1px solid #EAE6E1;
	background-color: #F5F3F0;
}

#blog .post .entry-meta {
	border-bottom: none;
}


/* 属するカテゴリー
----------------------------------------------- */
.catedata {
	font-size: 93%;
	margin: 0 10px;
	padding: 0;
}

/* エントリーコンテンツ
----------------------------------------------- */
.entry-content {
	clear: both;
	padding: 20px 0 50px 0;
	margin: 0;
}

/* エントリーボデイ
----------------------------------------------- */
.entry-body {
	font-size: 93%;
	line-height: 1.7;
	padding: 20px 0;
}

.entry-body p,
.comment-content p {
	padding: 0 0 1.2em 0;
}

/* エントリーフッター
----------------------------------------------- */
.entry-footer {
	clear: both;
	border-top: 1px solid #EAE6E1;
	padding: 6px 0 0 0;
	text-align: right;
	font-family: 'Lucida Grande', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}

/* 使用したタグ
----------------------------------------------- */
.tagdata {
	font-size: 93%;
	margin: 0;
	padding: 6px 10px;
	color: #896D4B;
	border-left: 1px solid #EAE6E1;
}

/* コメント数
----------------------------------------------- */
.comdata {
	font-size: 93%;
	margin: 0;
	padding: 6px 10px;
	border-left: 1px solid #EAE6E1;
}

/* 編集リンク
----------------------------------------------- */
.edit-link {
	padding: 6px 10px;
	margin: 0x;
	border-left: 1px solid #EAE6E1;
}

/* 関連する記事
----------------------------------------------- */
.similar-posts-title {
	color: #896D4B;
	font-weight: bold;
	padding: 10px 0 0 0;
}

.entry-content .similar-posts {
	margin: 10px 0 0 15px;
	font-size: 93%;
}

.similar-posts li {
	list-style-type: none;
	padding: 4px 0;
	color: #896D4B;
}

.similar-posts li a {
	padding: 2px 0 2px 18px;
	background-image: url(images/icon_right.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

.similar-posts li a:hover {
	padding: 2px 0 2px 18px;
	background-image: url(images/icon_right.gif);
	background-repeat: no-repeat;
	background-position: left -14px;
}

/* メール投稿の場合
----------------------------------------------- */
.mail-photo {
	float: left;
	width: 160px;
}

.mail-photo img {
	margin: 0 0 20px 0;
}

.mail-text {
	float: right;
	width: 400px;
}

/* 画像リンク
----------------------------------------------- */
.entry-body a img {
	border: 3px solid #EAE6E1;
}

.entry-body a:hover img {
	border: 3px solid #39B9DE;
}

/* ナビゲーション
----------------------------------------------- */
.navigation {
	width: 100%;
	padding: 0 0 1.2em 0;
	font-size: 93%;
}

.align-left {
	width: 40%;
	float: left;
}

.align-left a {
	display: block;
	background-image: url(images/icon_left.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding: 2px 0 2px 18px;
}

.align-left a:hover {
	display: block;
	background-image: url(images/icon_left.gif);
	background-repeat: no-repeat;
	background-position: left -16px;
	padding: 2px 0 2px 18px;
}

.align-right {
	width: 40%;
	float: right;
}

.align-right a {
	display: block;
	text-align: right;
	background-image: url(images/icon_right.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
	padding: 2px 18px 2px 0;
}

.align-right a:hover {
	display: block;
	text-align: right;
	background-image: url(images/icon_right.gif);
	background-repeat: no-repeat;
	background-position: right -16px;
	padding: 2px 18px 2px 0;
}

/* コメント数
----------------------------------------------- */
#comments {
	padding: 8px 15px;
	margin: 30px 0 0 0;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: bold;
	color: #5C4A3A;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	background-color: #F5F3F0;
	border: 1px solid #EAE6E1;
}

#comments span {
	color: #B9AEA2;
}

/* コメントをどうぞ
----------------------------------------------- */
#respond h3 {
	color: #5C4A3A;
	font-size: 18px;
	font-weight: normal;
	background-image: url(images/comments.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 24px;
	margin: 20px 0 0 0;
}

/* コメントエリア
----------------------------------------------- */
#comment {
	width: 100%;
}

/* コメントリスト
----------------------------------------------- */
#commentlist {
	padding: 0 0 50px 0;
	margin: 0;
}

/* コメント１記事
----------------------------------------------- */
li.comment {
	list-style-type: none;
	padding: 20px 0 0 0;
	margin: 0;
	border-bottom: 1px solid #EAE6E1;
}

.inner {
	padding: 0 0 0 20px;
	text-align: left;
	background-image: url(images/comment.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.comment-header {
}

.comment-author {
	font-size: 93%;
	font-weight: bold;
	color: #5C4A3A;
}

.comment-content {
	font-size: 93%;
	line-height: 1.7;
	padding: 20px 0 0 0;
}

.comment-footer {
	text-align: right;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 93%;
	text-align: right;
	padding: 0 0 6px 0;
}

/* コメントフォーム
----------------------------------------------- */
#commentform {
	padding: 20px 20px 15px 20px;
	margin: 15px 0 20px 0;
	background-color: #F5F3F0;
}

#commentform p {
	font-size: 93%;
	line-height: 1.6;
	margin: 0 0 1em 0;
}

#commentform label {
	color: #5C4A3A;
	font-size: 93%;
	margin: 0 0 0 6px;
}

/* サイドバー
----------------------------------------------- */
#beta li {
	list-style-type: none;
}

/* カレンダー
----------------------------------------------- */
#wp-calendar {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #D5CDC3;
	border-left: 1px solid #D5CDC3;
}

#calendar_wrap {
	clear: both;
	margin: 0 0 20px 0;
	background-color: #E0DAD2;
	padding: 3px;
}

/* 現在の年月
----------------------------------------------- */
#calendar_wrap caption {
	font-size: 85%;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	padding: 5px 0;
	background-color: #827261;
	color: #FFFFFF;
	border-right: 1px solid #E0D6C3;
	font-weight: bold;
}

#calendar_wrap th,
#calendar_wrap td {
	text-align: center;
	font-size: 10px;
}

/* 曜日
----------------------------------------------- */
#calendar_wrap th {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	background-color: #B9AC9A;
	padding: 4px 0;
	border-right: 1px solid #D5CDC3;
	border-bottom: 1px solid #D5CDC3;
}

/* 日
----------------------------------------------- */
#calendar_wrap td {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFFAEE;
	padding: 0;
	font-size: 10px;
	line-height: 20px;
	border-right: 1px solid #D5CDC3;
	border-bottom: 1px solid #D5CDC3;
}

#calendar_wrap td a {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	background-image: url(images/calendar_back.gif);
	background-repeat: no-repeat;
	background-position: center 2px;
	padding: 2px 0 2px 0;
}

#calendar_wrap td a:hover {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	background-image: url(images/calendar_back.gif);
	background-repeat: no-repeat;
	background-position: center -22px;
	padding: 2px 0 2px 0;
}

#calendar_wrap td#prev a,
#calendar_wrap td#next a {
	background-color: #99C73E;
	background-image: none;
}

#calendar_wrap td#prev a:hover,
#calendar_wrap td#next a:hover {
	background-color: #3195C9;
	background-image: none;
}

/* プロフィール
----------------------------------------------- */
.profile-photo {
	float: right;
	margin: 0 0 10px 15px;
}

.profile-text {
	font-size: 93%;
	line-height: 1.5;
	padding: 10px 6px 0 6px;
}

.profile-text p {
	margin: 0 0 0.8em 0;
}

.profile-text p.profile-more {
	clear: both;
	text-align: right;
	margin: 0 0 0.3em 0;
}

/* ウィジェットを入れるボックス
----------------------------------------------- */
.widget {
	margin: 0 0 20px 0;
	background-color: #E0DAD2;
	padding: 3px;
}

/* ウィジェットのタイトル
----------------------------------------------- */
.widget h3 {
	padding: 5px 8px 5px 8px;
	background-color: #827261;
	color: #FFFFFF;
	border-left: 6px solid #5C4A3A;
	font-size: 85%;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2em;
}

.widget ul {
	font-size: 93%;
	padding: 0;
	background-color: #FFFFFF;
	border-left: 1px solid #D5CDC3;
	border-right: 1px solid #D5CDC3;
	border-bottom: 1px solid #D5CDC3;
}

.widget ul li {
	padding: 6px 10px;
	line-height: 1.3;
	margin: 0;
	border-top: 1px solid #D5CDC3;
}

/* 最近のコメントリスト
----------------------------------------------- */
.widget #recentcomments ul {
	margin: 4px 0 0 0;
	border: none;
}

.widget #recentcomments ul {
	border-top: 1px solid #EAE6E1;
}

.widget #recentcomments ul li.rescomment {
	background-color: #F5F3F0;
	border-top: none;
	border-left: 1px solid #EAE6E1;
	border-right: 1px solid #EAE6E1;
	border-bottom: 1px solid #EAE6E1;
}

/* アーカイブリスト
----------------------------------------------- */
#archives li {
	color: #896D4B;
}

/* カテゴリーリスト
----------------------------------------------- */
#categories li {
	color: #896D4B;
}

/* 最近の記事リスト
----------------------------------------------- */
#recent-posts li {
}

/* タグクラウド
----------------------------------------------- */
#tagcloud {
	padding: 6px 10px;
	background-color: #FFFFFF;
	border-left: 1px solid #D5CDC3;
	border-right: 1px solid #D5CDC3;
	border-bottom: 1px solid #D5CDC3;
	line-height: 1.2;
}

/* リンクリスト
----------------------------------------------- */
#links li {
}

/* メタ
----------------------------------------------- */
#meta-list li {
}

#meta-list li.rss {
	padding: 6px 0 6px 32px;
	text-align: left;
	background-image: url(images/feed.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin: 0;
	line-height: 1.3;
}

/* 検索
----------------------------------------------- */
.hidden {
	display: none;
}

#s {
	font-size: 100%;
	width: 140px;
	border: none;
	height: 20px;
	margin: 0;
	float: left;
	display: block;
}

#searchsubmit {
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #739E00;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	border: none;
	width: 65px;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	margin: 0;
	float: right;
	display: block;
}

#searchform {
	background-color: #827261;
	padding: 4px;
}

#alpha-inner #s {
	width: 500px;
}

#blog h2.center {
	clear: both;
	padding: 0 0 10px 0;
}

/* アーカイブのタイトル
----------------------------------------------- */
#blog .pagetitle {
	padding: 8px 15px;
	margin: 0 0 30px 0;
	text-transform: capitalize;
	font-size: 138.5%;
	font-weight: bold;
	color: #5C4A3A;
	letter-spacing: 0.1em;
	background-color: #E0DAD2;
	border-bottom: 1px solid #D5CDC3;
	border-left: 10px solid #A0958B;
}

.post {
	padding: 15px 0;
}

#blog .post h3 {
	font-size: 138.5%;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 4px 0;
	padding: 0;
}

/* パンくず
----------------------------------------------- */
.kuzu {
	font-size: 93%;
	line-height: 1.3;
	margin-bottom: 10px;
}


/* 管理画面からの画像の右寄せ左寄せ
----------------------------------------------- */
.alignright {
	float: right;
	margin: 0 0 15px 20px;
}

.alignleft {
	float: left;
	margin: 0 20px 15px 0;
}

.aligncenter {
	text-align: center;
	margin: 0 auto 15px auto;
	display: block;
}

.size-medium {
	width: 366px;
}

/*
===============================================
 11.アバウト
----------------------------------------------- */
/* 紙
----------------------------------------------- */
#post-about {
	width: 660px;
	height: 680px;
	background-image: url(images/about_back.gif);
	background-repeat: no-repeat;
}

#post-about-inner {
}

/* プロフィール
----------------------------------------------- */
#about-main {
	float: left;
	width: 360px;
	_overflow: hidden;
}

#post-about h2 {
	width: 280px;
	margin: 0 0 0 60px;
	color: #DFDBD6;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 138.5%;
	padding: 20px 0 6px 0;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

#about-main-inner {
	width: 280px;
	border-top: 3px solid #DFDBD6;
	padding: 15px 0;
	margin: 0 0 0 60px;
}

/* 名前
----------------------------------------------- */
#post-about h3 {
	font-size: 138.5%;
	font-weight: normal;
	letter-spacing: 0.2em;
	padding: 15px 0 0 0;
}

#post-about img {
	border: 4px solid #DFDBD6;
}

.name-al {
	margin: 4px 0 0 0;
	color: #644111;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.about-midashi {
	margin: 15px 0 0 0;
	font-size: 93%;
	line-height: 1.5;
}

/* プロフィール詳細
----------------------------------------------- */
#about-text {
	clear: both;
	border-top: 1px solid #DFDBD6;
	padding: 15px 0 0 0;
	font-size: 93%;
	line-height: 1.5;
}

#about-text p {
	padding: 0 0 1.2em 0;
}

.about-photo {
	float: right;
	margin: 0 0 15px 0;
}

#about-text p.works-more {
	text-align: right;
}

#about-text dt {
	font-weight: bold;
}

/* メールフォーム
----------------------------------------------- */
#contact {
	float: right;
	width: 300px;
	background-color: #C2B6A4;
	border-top: 3px solid #948775;
	background-image: url(images/contact_shadow.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	_overflow: hidden;
}

#contact-inner {
	width: 260px;
	margin: 0 15px;
	padding: 20px 0;
}

#post-about h2.contact-title {
	padding: 0 0 6px 0;
	margin: 0;
	border-bottom: 1px solid #DFDBD6;
	width: 260px;
}

#contact-inner p {
	padding: 8px 0 0 0;
}

.your-name,
.your-email,
.your-subject,
.your-message,
.captcha-995 {
	display: block;
	width: 260px;
	margin: 4px 0 0 0;
}

.your-name input,
.your-email input,
.your-subject input,
.your-message input,
.captcha-995 input,
#contact-inner textarea {
	font-size: 93%;
	width: 100%;
	background-color: #F6F4F2;
	border-top: 1px solid #948775;
	border-left: 1px solid #948775;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.your-name input,
.your-email input,
.your-subject input,
.your-message input,
.captcha-995 input {
	height: 20px;
	width: 80%;
}

.wpcf7-form {
	padding: 20px 0 0 0;
	width: 260px;
}

.wpcf7-form p {
	font-size: 93%;
}

#post-about .about-edit {
	clear: both;
	font-size: 93%;
	margin: 0 0 0 60px;
}

#flashcontent {
	width: 100%;
	height: 100%;
}

.wpcf7-mail-sent-ok {
	font-size: 93%;
	line-height: 1.5;
}

/*
===============================================
 12.制作
----------------------------------------------- */
/* 活動記録
----------------------------------------------- */
body#works h2 {
	display: none;
}

body#works h3 {
	color: #559100;
	font-size: 123%;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.works-list dl {
	padding: 0.5em 0;
}

.works-list dt {
	float: left;
	width: 11%;
	padding: 0;
	line-height: 1.6;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #948775;
}

.works-list dd {
	float: right;
	width: 85%;
	padding: 0 0 0 1em;
	font-size: 93%;
	line-height: 1.6;
	border-left: 3px solid #D7D0BC;
}

.works-photo {
	margin: 10px 0 10px 0;
}

.works-photo img {
	margin: 0 5px 0 0;
}

/* wp-pagenavi
----------------------------------------------- */
.wp-pagenavi {
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #99C73E;
	color: #FFFFFF;
	background-color: #99C73E;	
}

.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #99C73E;
	color: #FFFFFF;
	background-color: #99C73E;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #3195C9;
	color: #FFFFFF;
	background-color: #3195C9;
}

.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #3195C9;
	color: #FFFFFF;
	background-color: #3195C9;	
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #FFFFFF;
	border: 1px solid #D5CDC3;
	background-color: #B9AC9A;
}

.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #D5CDC3;
	color: #99C73E;
	background-color: #FFFFFF;
}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #D5CDC3;
	color: #D5CDC3;
	background-color: #FFFFFF;
}