@charset "EUC-JP";

/*
Theme Name: Simple Modern
Theme URI: http://fc2.decoweb.jp/
Description: シンプルでモダンなデザイン
Version: three
Author: decoweb
Author URI: http://www.decoweb.jp/
*/

/*************** リンク定義 ***************/

/*** リンク設定 ***/

a:link,
a:visited,
a:active

{
	color: #444;
}

a:hover{
	color: #999;
	text-decoration: none;
}

#contents .entry-title a:link,
#contents .entry-title a:visited{
	color: #336699;
	text-decoration: none;
}

#contents .entry-title a:hover{
	color: #999;
}

/*************** body ***************/

body{
	margin: 0;
	padding: 0;
	font-size: 14px;
	*font-size: small;
	background: #555;
}

img{
	border: 0;
}

body.layout-three-column div#main-container
{
	margin: 0;
	padding: 0;
	width: 1024px;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/container_back2.jpg") repeat-y;
}

/*************** ヘッダー  ***************/

body.layout-three-column div#banner
{
	padding: 10px;
	height: 60px;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/banner_back.jpg") no-repeat left #555;
}

/*** h1 ---- ヘッダー内サイトタイトル ***/

div#banner h1{
	font-size: 130%;
	margin: 0 0 0 5px;
}

/*** ヘッダー内サブタイトル ***/

div#banner-description{
	font-size: 100%;
	color: #EEE;
	margin: 5px 0 0 5px;
}

/*** ヘッダー内リンク ***/

div#banner a{
	color: #FFF;
	text-decoration: none;
}

div#banner a:hover{
	color: #EEE;
	text-decoration: underline;
}

/*************** メイン（左中右カラム）  ***************/

div#main{
	margin: 0 0 30px 0;
}

/*************** コンテンツ（中央カラム） ***************/

/****** 中央カラムレイアウト ******/

body.layout-three-column #contents{
	width:624px;
	float:left;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/contents_back2.jpg") no-repeat left top;
}

/****** コンテンツ内定義 ******/

.layout-three-column div#contents-main{
	margin: 0;
	padding: 20px 20px 0px 20px;
	height: 1%;
}

/*** エントリーボディ内 h2 ***/

.entry-body h2{
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 100%;
	border-bottom: double #999;
	height:1%;
}

/*** エントリーボディ内 h3 ***/

.entry-body h3{
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 100%;
	border-bottom: 2px solid #999;
	height:1%;
}

/*** エントリーボディ内 h4 ***/

.entry-body h4{
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 100%;
	border-bottom: 1px dotted #999;
	height:1%;
}

.entry-body p{
	height:1%;
}

/*** エントリーボディ内 blockquote ***/

.entry-body blockquote{
	margin: 0px 10px;
	padding: 5px 5px 5px 5px;
	border: 1px dotted #999;
	height:1%;
}

/*** コンテンツ内ページナビ ***/

.page-navi{
	margin: 5px 0px 30px 0px;
	padding: 0;
	font-size: 80%;
	text-align: center;
}

/****** エントリー ******/

div.entry{
	margin: 0px 0px 40px 0px;
}

/****** 見出し上日付 ******/

.entry-img{
	position: relative;
	top: -120px;
	float: right;
}

.entry-date{
	margin: 5px 0 5px 0;
	text-align:center;
	width: 54px;
	height: 66px;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/entry_date_back.gif") no-repeat left top;
	float: right;
}

.entry-date .month{
	color: #FFF;
}

.entry-date .day{
	margin: 3px 0 0 0;
	color: #666;
	font-size: 130%;
}

.entry-date .year{
	margin: 2px 0 0 0;
	color: #777;
}

/****** エントリーヘッダー ******/
/*** h2 ---- コンテンツ内の見出し ***/

#contents h2.entry-title
{
	margin: 10px 0 30px 0;
	padding: 10px 10px 5px 10px;
	font-size: 120%;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/h2_back.jpg") repeat-x left top;
	letter-spacing: .18em;
	line-height: 1.6;
  border-style: solid; 
 border-width: 1px;
 border-left-width: 15px;
border-left-color: #336699;
}

/****** エントリーボディ ******/

.entry-body{
	margin: 10px 0;
	padding: 0 10px;
	line-height:1.6;
	letter-spacing: .2em;
}

/*************** タグ ***************/

div.entry-tags{
	margin: 0 0 2px 0;
}

/****** タグヘッダー ******/

div.entry-tags-header{
	padding:0 0 5px 7px;
	margin:0 0 5px 0;
	font-size: 100%;
	font-weight:bold;
	background-color:transparent;
	border-bottom:1px dotted #999999;
	height: 1%;
}

div.entry-tags ul.entry-tags-list{
	list-style: none;
	padding: 0;
	margin: 0 0 5px 7px;
}

div.entry-tags ul.entry-tags-list li{
	display:inline;
	padding: 0 5px 0 0;
}

/****** 投稿時間 ******/

div.posted {
	padding: 5px 0;
	font-size: 80%;
	border-top: 1px solid #CCC;
	text-align: right;
	height:1%;
}

/****** トラックバック、コメント、コメント書き込み ******/

 /***  見出し ***/

div.trackbacks-title,
div.comments-title,
div.comments-open-title,
div.comments-active-title,
div.retrieval-result-title
{
	margin: 20px 0;
	padding:5px;
	font-size: 100%;
	font-weight:bold;
	color: #222;
	background: #EEE;
	border: 1px solid #CCC;
	height:1%;
}

#trackbacks,
#comments,
#comments-open,
#comments-active,
.retrieval-result
{
	margin: 20px 5px 30px 5px;
}

/* コメントのヘッダー */

.comments-header {
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	font-size: 100%;
	color: #444;
	font-weight: bold;
}

/****** コメント部分の設定 ******/

/* コメントフォーム */

div#contents-main form {
	margin: 0px 30px 20px 30px;
}

input,
textarea,
select {
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	padding: 2px;
}

/* 管理者だけにコメント */

input#himitu {
	margin-right: 0.5em;
}

/* コメントフォームのボタン */

p.form-button {
	margin: 20px 0px 0px 40px;
}

/* コメント本文 */

div.comments-body {
	padding: 5px 25px;
}

/****** トラックバック部分の設定 ******/

/* トラックバックURL */

p.trackbacks-uri {
	margin: 10px 15px;
	padding: 2px 5px;
}

/* トラックバックURLワンクリックフォーム */

p.trackbacks-uri input {
	margin: 1px;
	padding: 0px 1px;
	width: 90%;
}

/* トラックバックのヘッダー */

.trackbacks-header{
	margin: 50px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 100%;
}

/* トラックバックのヘッダーリンク */

.trackbacks-header a:link,
.trackbacks-header a:visited
{
	color: #444;
	text-decoration: underline;
}

.trackbacks-header a:hover{
	color: #999;
	text-decoration: none;
}

/* トラックバック先の概要 */

div.trackbacks-body {
	padding: 5px 15px;
}

/*************** サイドレイアウト  ***************/

body.layout-three-column div#left-side
{
	width:200px;
	float:left;
	font-size: 100%;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/leftside_back.jpg") no-repeat left top;
}

body.layout-three-column div#right-side
{
	width:200px;
	float: left;
	font-size: 100%;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/rightside_back.jpg") no-repeat left top;
}

body.layout-two-column-right div.left-content,
body.layout-two-column-right div.right-content,
body.layout-two-column-left div.left-content,
body.layout-two-column-left div.right-content,
body.layout-three-column div.right-content,
body.layout-three-column div.left-content
{
	padding: 0;
}

/*************** サイドバー（左右カラム） ***************/

dl.plugin {
	margin: 20px 0 20px 0;
	width:180px;
	padding:0 10px;
	font-size: 100%;
	background:	transparent;
	letter-spacing: .08em;
	line-height: 1.4;
	list-style: none;
}

/*** サイドバー内見出し ***/

#right-side dl.plugin dt {
	margin: 0px 0 5px 0;
	padding: 5px 5px 5px 10px;
	font-size: 100%;
	font-weight: bold;
	color: #222;
	background: #CCD3DD;
	border: 1px solid #88AECA;
}

#left-side dl.plugin dt {
	margin: 0px 0 5px 0;
	padding: 5px 5px 5px 5px;
	font-size: 100%;
	font-weight: bold;
	color: #222;
	background: #F2EFE3;
	border: 1px solid #DDD7B7;
}

dl.plugin dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}

dl.plugin dd p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*** サイドバーリスト ***/

dl.plugin dd ul {
	margin-top:3px;
	margin-left:0px;
	padding:2px 0px;
}

dl.plugin dd ul li {
	padding:2px 0px 2px 10px;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/menu_arrow.gif") no-repeat left top;
	list-style: none;
}

dl.plugin dd ul li ul{
	margin: 0 0 0 10px;
}

dl.plugin dd div{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
}

dl.plugin dd p img
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
}

/*************** カレンダー部分の設定（HTMLソースは管理画面のプラグインHTML参照）***************/

/* カレンダー表示用のテーブル設定 */

table.calender {
	
	width: 95%;
	border-collapse: collapse;
	color:#666;
}

/* カレンダー見出（前月・当月・次月などのリンク部分） */

.calender caption {
	padding: 0px 0px 10px 0px;
}

/* カレンダーのセル見出（曜日表示部分） */

.calender th {
	padding: 0.1em;
	text-align: center;
}

/* カレンダーのセル部分（日付表示部分） */

.calender td {
	padding: 0.1em;
	text-align: center;
	width: 25px;
}

/* 日曜日 */

th#sun {
	color: #FF6699;
}

/* 土曜日 */

th#sat {
	color: #0054BC;
}

/*************** フッター ***************/

body.layout-three-column div#footer
{
	clear: both;
}

body.layout-three-column div#footer
{
	margin: 0 auto;
	padding: 3px 0 10px 0;
	background: url("http://blog-imgs-56.fc2.com/a/n/i/animentary/footer_back2.jpg") no-repeat left top #555;
	color: #FFF;
	clear: both;
	height: 1%;
}

/*** COPYRIGHT ***/

div#copyright{
	margin: 30px 0 0 10px;
	text-align: center;
}

/*** decoウェブバナー ***/

div#deco-banner{
	margin: 5px 0;
	text-align: center;
	font-size: 80%;
}

#deco-banner a{
	color: #FFF;
}

/*** clearfix ***/

.clearfix:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/******************************/
/*\*/
* html .clearfix {
    height: 1em;
}

/************************************************************/

/****** 絵文字 ******/

.emoji {
	vertical-align: middle;
}

/****** 追記 ******/

p.entry-more {
	margin: 20px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

/****** fc2追加ボタン機能 ******/

div.fc2_footer {
	margin: 20px 0px 10px 0px;
}

/****** 記事の投稿先テーマ・ジャンル ******/

div.theme {
	margin: 20px 0px 0px 0px;
	padding: 0px 10px 5px 25px;
}

/****** 検索結果の日付部分 エントリーボディ内 ******/

div.entry-body span.state {
	color: #444;
}

/****** 検索結果の日付部分 エントリーボディ内　タイトル ******/

div#retrieval-result .retrieval-result-title{
	margin: 0px 0px 10px 0px;
}

/****** 検索結果の日付部分 エントリーボディ ******/

div#retrieval-result .entry-body{
	margin: 0px 0px 30px 0px;
}

/****** IEの改行バグ回避用 ******/

br {
letter-spacing:normal;
}