/*----------------------------------------------*/
/*                 共通スタイル                 */
/*   (トップ、月別、テーマ別、記事ページ共通)   */
/*----------------------------------------------*/
body{
	background-image:url("../../images/article/illust_cat01_back_04.jpg")
}

/* コンテナ(広告・フッタを除くメイン領域) */
#container{
	background:#E3F3FC;
	border:1px solid #87B3CE;
	margin:0px;
}

/* カウンタ領域 */
#counter{
	background:url("../../images/article/illust_cat01_counter_back.gif") repeat-y right top;
	text-align:right;
	padding:2px 5px;
}

/* アンカー */
a, a:link, a:active, a:visited, a:hover{
	color:#E28800;
}

a:visited{
	color:#E24000;
}

a:hover{
    text-decoration:underline;
}

/*-------------- ページフッタ領域 --------------*/
#footer{
	color:#022C46;
}

/* フッタ内のアンカー */
#footer a{
	color:#022C46;
}

/* リンク領域 */
#footer #links{
	border-bottom:1px solid #99CAE8;
}

/* ウェブリブログトップへのリンクバナー */
#footer #sbanner img{
    border:1px solid #fff;
}

/*----------------------------------------------*/
/*         トップ、月別、テーマ別ページ         */
/*----------------------------------------------*/

/*---------------- タイトル(大) ----------------*/
#banner{
	background:url("../../images/article/illust_cat01_main_image_01.jpg") no-repeat right top;
	height:194px;
}

/* タイトル領域内のアンカー */
#banner a{
    color:#2163A4;
}

/* タイトルテキスト */
#banner h1{
    font-size:x-large;
    font-family:"Trebuchet MS", "ＭＳ Ｐゴシック";
    /* タイトル領域内での位置を指定します */
    position:absolute;
	padding-top:50px;
	padding-left:20px;
	padding-right:50%;
}

/* ログインボタン */
#banner #login{
    /* タイトル領域内での位置を指定します */
    position:absolute;
    top:10px;
    left:20px;
}

/*---------------- プロフィール ----------------*/
#profile{
	border-bottom:0px;
	height:106px;
	background:url("../../images/article/illust_cat01_profile_01.jpg") no-repeat right top;
}

/* ラベル(「ブログ名」「自己紹介」) */
#profile dt{
	color:#000000;
}

/* プロフィールテキスト */
#profile dd{
	color:#000000;
}

/*------------------ 新着記事 ------------------*/
#contents{
	background:#FFFFFF;
}

/* 見出し */
#contents #postlist h2{
	color:#303A44;
	font-size:medium;
	font-weight:bold;
	margin-top:10px;
	padding: 3px 3px 3px 30px;
	background:url("../../images/article/illust_cat01_icon_01.gif") no-repeat;
	height:20px;
}

/* 一覧ヘッダセル */
#contents #postlist th{
	margin-left:10px;
	color:#605A4C;
	font-weight:normal;
 	border-top:1px solid #B8D8F6;
    border-left:0px;
    border-right:0px ;
	border-bottom:1px solid #B8D8F6;
	padding: 2px 2px 2px 20px;
}

/* 一覧データセル */
#contents #postlist td{
	vertical-align:top;
	vertical-align:bottom;
	color:#605A4C;
	border-bottom:1px solid #ccc;
	padding: 5px 5px 5px 5px;
}

/* 一覧概要表示 */
#contents #postlist blockquote{
    color:#000;
    margin: 5px 0px 5px 10px;
}

/* 月別リンク項目 */
#contents #archives li{
    color:#999;
}

#postlist a img.thumnail{
    border:1px solid #84B3CF;
}
/*-------------- コンポーネント群 --------------*/

#utilities, #utilities2{
}

#utilities h2, #utilities2 h2,
#blog-foot h2{
	font-size:small;
	font-weight:bold;
	text-align:center;
	color:#056BAB;
	border-top:1px solid #2163A4;
    border-left:0px;
    border-right:0px;
	border-bottom:1px solid #2163A4;
	margin-bottom:3px;
	background:#E3F3FC
}

#utilities h3, #utilities2 h3{
	font-weight:bold;
	color:#056BAB;
    border-top:1px solid #056BAB;
    border-left:1px solid #056BAB;
    border-right:1px solid #056BAB;
	border-bottom:1px solid #056BAB;
}

#utilities ul, #utilities2 ul{
	list-style:square;
}

/*----- calendar -----*/

#calendar{
}

#calendar td,
#calendar td a,
#calendar th{
}

/* 年月 */
calendar table caption{
	color:#5F594B;
	border-bottom:1px solid #85C8E6;
}

/* 曜日 */
#calendar th{
	border-bottom:1px solid #85C8E6;
}

#calendar td a{
}

#calendar table caption{
	color:#056BAB;
	border-bottom:1px solid #85C8E6;
}

/* ●テーマカテゴリ */
#categories{
}

/*----- album -----*/

#albums img{
	border-color:#FA7D28;
}

/*----------------------------------------------*/
/*                  記事ページ                  */
/*----------------------------------------------*/

/*---------------- タイトル(小) ----------------*/
#subbanner{
	background:url("../../images/article/illust_cat01_main_image_01.jpg") no-repeat right top;
	height:194px;
}

/* タイトル領域内のアンカー */
#subbanner a{
	color:#2163A4;
	font-family:"Trebuchet MS", "ＭＳ Ｐゴシック";
}

/* タイトルテキスト */
#subbanner h1{
	font-size:medium;
	font-weight:bold;
	padding:20px 15px 0px 20px;
}

/* ログインアンカー */
#subbanner #login{
	bottom:0px;
	left:20px;
}

/*-- ブログ(記事＋トラックバック＋コメント) --*/
#blog{
    padding:10px;
	background:#FFFFFF;
}

/* ナビゲーション */
#blog .navi{
	border:1px solid #E28800;
	border-width:1px 0px;
}

/* 月別リンク項目 */
#blog #archives li{
	color:#E28800;
}

/*----------------- 記事ヘッダ -----------------*/
#blog-head{
}

/* 記事タイトル */
#blog-head h2{
	font-size:larger;
	font-weight:bold;
	font-family:"Trebuchet MS", "ＭＳ Ｐゴシック";
	padding: 0px 0px 0px 30px;
    background:url("../../images/article/illust_cat01_bar_02.gif") no-repeat;
}

/* トラックバック数／コメント数 */
#blog-head .response{
    color:#E28800;
}

/* 投稿日時 */
#blog-head .date{
    color:#E28800;
}

/* 投稿日時左右のナビゲーション */
#blog-head .date a{
    font-weight:bold;
}

/*------------------ 記事本体 ------------------*/
#blog-body{
    font-size:small;
    line-height:150%;
    padding:0px 30px;
}

/* アップロード画像 */
#blog-body a img#upload-image{
    border:1px solid #84B3CF;
    float:right;
    margin:5px 0px 5px 5px;
}

#blog-body img{
	border:0px solid #84B3CF;
}
#blog-body a img{
	border:1px solid #84B3CF;
}
#blog-body img.up-image{
	border:0px solid #84B3CF;
	margin:5px;
}
#blog-body a img.up-image{
	border:1px solid #84B3CF;
}


/* タグスタイル再定義(段落) */
#blog-body p{
    text-indent:1em;
    margin:0.3em 0em 0.7em;
}

/* タグスタイル再定義(引用) */
#blog-body blockquote{
    line-height:120%;
    background-color:#FFFFFF;
    margin:5px;
    padding:8px;
    border:1px dotted #ccc;
}

/* タグスタイル再定義(コード) */
#blog-body code{
    font-size:0.9em;
    font-family:"Courier New", "ＭＳ ゴシック";
}

/* タグスタイル再定義(セパレータ) */
#blog-body hr{
    border:1px solid;
    border-color:#ccc #fff #fff #ccc
}

/* アフィリエイト一覧 */
#blog-body blockquote#affiliate{
}

#blog-body blockquote#affiliate table{
}

#affiliate img{
	border:0px;
}

/*----------------- 記事フッタ -----------------*/
#blog-foot{
}

#blog-foot h2{
	font-size:small;
	font-weight:bold;
	color:#71C2F5;
	border-bottom:1px solid #87B3CE;
	margin-bottom:3px;
}

/* 関連テーマ */
#blog-foot #theme{
    color:#71C2F5;
    text-align:left;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    padding:0px 30px 0px 30px;
}

/* 関連テーマ見出し */
#blog-foot #theme h2{
    color:#71C2F5;
    font-size:small;
    margin-bottom:3px;
    text-align:left;
    background:url("../../images/article/illust_cat01_bar_03.gif") no-repeat;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    padding:0px 30px 0px 40px;
}

/* テーマレーダボタン */
#blog-foot #theme #rader{
    background-image:url("../../images/article/illust_cat01_trb_default.gif");
}

/* 関連テーマ記事 */
#blog-foot #related theme {
    color:#71C2F5;
    font-size:small;
    margin-bottom:3px;
    text-align:left;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:1px solid #87B3CE;
    padding:10px 10px 10px 10px;
}

#blog-foot #related theme h2{
    color:#71C2F5;
    font-size:small;
    margin-bottom:3px;
    text-align:left;
    background:url("../../images/article/illust_cat01_bar_02.gif") no-repeat;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    padding:0px 0px 0px 30px;
}

#blog-foot #related theme h3{
    color:#71C2F5;
    font-size:small;
    margin-bottom:3px;
    text-align:left;
    padding:20px 0px 0px 20px;
}

/*-------- トラックバック、コメント領域 --------*/
.box-unit,
#blog #trackback,
#blog #comment{
    margin:15px 5px;
}

#blog #url{
    margin-top:5px;
}


/* 見出し */
h2.h2-general,
#blog #trackback h2,
#blog #comment h2{
    color:#71C2F5;
    font-size:medium;
    margin-top:20px;
    padding:2px 0px 2px 30px;
    border:0;
    background:url("../../images/article/illust_cat01_bar_02.gif") no-repeat;
    margin-left:0px;
}

/* 見出し補足(トラックバック・コメント件数など) */
.supple{
    color:#666;
    font-size:small;
    font-weight:normal;
    margin:0px 5px;
}

#blog #trackback table,
#blog #comment table{
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    background-color:#FFFFFF;
    padding:1px 3px 1px 10px;
}

/* 一覧ヘッダセル */
#blog #trackback th,
#blog #comment th{
    color:#605A4C;
    font-weight:normal;
    line-height:110%;
    padding:5px 3px 5px 15px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    border-bottom:1px solid #B8D8F6;
}

/* 一覧データセル */
#trackback td,
#comment td{
    vertical-align:top;
    padding:10px 20px 5px 30px;
    border-top:0px;
    border-bottom:1px solid #CCCCCC;
	vertical-align:bottom;
}

#trackback td,
#comment td{
    color:#87B3CE;
    margin: 0px 0px 0px 0px;
    padding:5px 0px 5px 15px;
}

#trackback form td,
#comment form td{
    padding:5px 0px 0px 0px;
	background:none;
}

/* 一覧概要表示 */
#blog #trackback blockquote{
    color:#000;
    margin: 5px 0px 5px 10px;
    padding:0px 0px 0px 0px;
}

#blog #comment blockquote{
    color:#000;
    margin: 3px;
}

/* フォーム ラベル */
#blog #trackback dt,
#blog #comment dt{
    color:#71C2F5;
}

/* フォーム フィールド */
#blog input.txt,
#blog textarea{
    border:1px solid;
    border-color:#9ABEE2 #9ABEE2 #9ABEE2 #9ABEE2;
}

/*----------------------------------------------*/
/*      トラックバックＵＲＬ表示ウィンドウ      */
/*----------------------------------------------*/
#miniwin{
    background:#edf9fe;
    border:2px solid #499acd;
}

/* メッセージ */
#miniwin .message{
    color:#06a;
}

#miniwin .notice{
    color:#f60;
}

/* トラックバックＵＲＬ */
#miniwin .url{
    color:#000;
    background:#fff;
    border:3px solid #66caed;
}

/* 閉じるボタン領域 */
#miniwin .buttons{
    background:#85c8e6;
}

/* ★ for SNS ★ */
#utilities #c-menu, #utilities2 #c-menu{
	border-top:1px solid #CCCCCC;
}
#utilities #c-menu .item, #utilities2 #c-menu .item{
    border-bottom:1px solid #CCCCCC;
}
#outer-box h2{
	color:#303A44;
	padding: 3px 3px 3px 30px;
	background:url("../../images/article/illust_cat01_icon_01.gif") no-repeat;
	height:20px;
}
#outer-box h3{
	padding: 0px 0px 0px 30px;
    background:url("../../images/article/illust_cat01_bar_02.gif") no-repeat;
}
#outer-box,
.inner-box{
}
#outer-box input.txt,
#outer-box textarea{
    border:1px solid;
    border-color:#9ABEE2 #9ABEE2 #9ABEE2 #9ABEE2;
}
#outer-box .navi{
	border:1px solid #E28800;
	border-width:1px 0px;
}
.deco{
}
.deco th{
    color:#605A4C;
    line-height:110%;
    padding:5px 0;
    border-bottom:1px solid #B8D8F6;
}
.deco td{
    border-bottom:1px solid #CCCCCC;
}
.tc1{
}


.themetabs{
	background:#9acbeb;
}
.themetabs a{
}