/*-------------------------------------
UKIUKI TEMPLATE
template : custom(red001)

2008/01/18
-------------------------------------*/


/*-------------------------------------
▼▼　基本
-------------------------------------*/

html
	{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
	}

body
	{ 
	margin: 0;
	padding: 0;
	background:#fff; /*サイト背景*/
	text-align: center;
	color: #666; /*サイト文字色*/
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	line-height:160%;
	}

form, input
	{
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6,p
	{
	margin:0;
	padding:0;
	}

a img
	{
	border: 0;
	}

/*-------------------------------------
▼▼　リンク
-------------------------------------*/

a
	{
	color:#0068b7; /*リンク色*/
	}

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

a.no-link
	{
	text-decoration:none;
	color:#666;
	}

a:hover.no-link
	{
	color:#666;
	}

/*-------------------------------------
▼▼　外枠
-------------------------------------*/

#container
	{
	width:760px;
	margin:auto;
	padding:auto;
	border-right:1px solid #D9E4EB; /*右ライン色*/
	border-left:1px solid #D9E4EB; /*左ライン色*/
	text-align:left;
	}



/*-------------------------------------
▼▼　ヘッダー部分
-------------------------------------*/

#banner
	{
	width:760px;
	border-bottom:5px solid #D8D8D8; /*ヘッダー下ライン色*/
	
	background:url(img/banner_bg.jpg) center bottom no-repeat;
	height:160px;
	
	/*******バナー表示は↑の「/*と*/」を削除してください*******/

	}

#banner-inner
	{
	padding:15px 0 15px 30px;
	background:#F2E76E; /*ヘッダー背景色*/
	}

h1
	{
	font-size:9px;
	font-weight:normal;
	letter-spacing:2px;
	margin-left:5px;
	}

#banner a
	{
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;text-decoration:none;
	color:#fff; /*タイトルリンク色*/
	}

#banner a:hover
	{
	color:#B0111D; /*タイトルリンクにマウスがのったときの色*/
	}


/*-------------------------------------
▼▼　メイン
-------------------------------------*/

#wrap
	{
	width:760px;
	float:left;
	}

#main
	{
	float:left;
	width:550px
	background:#fff;
	}

#main-inner
	{
	margin-left:20px;
	}

/*-------------------------------------
▼▼　メイン【アドセンス】
-------------------------------------*/

.ad
	{
	clear:both;
	margin:0;
	font-size:10px;
	padding:5px 0 0 10px; 
	}

/*-------------------------------------
▼▼　メイン【サイト説明】
-------------------------------------*/

#main_des
	{
	width:500px;
	margin-left:10px;
	padding-bottom:10px;
	}

#main_des h2
	{
	font-size:12px;
	letter-spacing:1px;
	color:#c43606; /*サイト説明文タイトル文字色*/
	margin-bottom:10px;
	margin-top:10px;
	border-left:4px double #c43606; /*サイト説明文タイトル左ライン色*/
	padding:2px 8px;
	background:#ECF1F4; /*サイト説明文タイトル背景色*/
	}

#main_des p
	{
	line-height:200%;
	}

/*-------------------------------------
▼▼　メイン部分【一覧部分】
-------------------------------------*/

#box ,.entry_box
	{
	width:500px;
	margin-left:10px;
	margin-top:5px;
	}

.box_h2
	{
	font-size:12px;
	letter-spacing:1px;
	color:#c43606; /*一覧部分タイトル文字色*/
	margin-bottom:10px;
	margin-top:20px;
	border-left:4px double #c43606; /*一覧部分タイトル左ライン色*/
	padding:2px 8px;
	background:#ECF1F4; /*一覧部分タイトル背景色*/
	clear:both;
	}

.box_h3
	{
	color:#F0D371; /*一覧部分▼の色*/
	font-size:12px;
	letter-spacing:1px;
	margin:5px;
	}

.box_p
	{
	color:#F0D371; /*一覧部分●の色*/
	padding:0;
	margin: 0 10px 10px 40px;
	}

.topbox_entry p,
.box_entry p
	{
	margin:10px 10px 20px 10px;
	}

.new_entry
	{
	margin-top:30px;
	border-top:1px dotted #cee3ff;
	padding-top:10px;
	padding-bottom:20px;
	}

/*-------------------------------------
▼▼　メイン部分【エントリーページ・関連エントリー】
-------------------------------------*/

#entry-with
	{
	width:490px;
	margin:20px 10px;
	}

#entry-with h3
	{
	border-left: 5px solid #c43606; /*関連エントリータイトル左ライン色*/
	padding: 5px;
	color:#c43606; /*関連エントリータイトル文字色*/
	background: #ECF1F4; /*関連エントリータイトル背景色*/
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom:10px;
	}

#entry-with ul
	{
	list-style-type:square;
	margin:0;
	padding:0 30px;
	color:#c43606; /*関連エントリー一覧リストマーク色*/
	}

#entry-with ul li
	{
	margin:3px 0;
	}

/*-------------------------------------
▼▼　メイン部分【ページトップ】
-------------------------------------*/

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

/*-------------------------------------
▼▼　メイン部分【パンくずリスト】
-------------------------------------*/
.pan
	{
	width:490px;
	padding:2px 0px;
	margin:5px 0;
	}

.pan a
	{
	text-decoration:none;
	}

/*-------------------------------------
▼▼　サイド部分
-------------------------------------*/

#side
	{
	float:right;
	width:199px;
	background:#ECF1F4; /*サイド背景色*/
	border-left:1px solid #D9E4EB; /*サイドとメインの境界線色*/
	}

#side-inner
	{
	margin:0;
	}

#side a
	{
	text-decoration:none;
	}

#side a:hover
	{
	}

/*-------------------------------------
▼▼　カテゴリ部分
-------------------------------------*/

.category
	{
	margin:0px;
	padding-bottom:20px;
	}

.category h2
	{
	padding-top:5px;
	padding-left:10px;
	font-size:12px;
	color:#F0D371; /*サイドタイトル文字色*/
	border-bottom:1px solid #D9E4EB; /*サイドタイトル下ライン色*/
	background:#fff;
	}

.category ul ,.category-navi ul
	{
	margin:0;
	padding:0;
	list-style-type:none;
	}

.category ul li ,.category-navi ul li
	{
	border-bottom:1px solid #D9E4EB; /*サイドメニュー下ライン色*/
	}

.category ul li a ,.category-navi ul li a
	{
	display:block;
	padding:5px 8px;
	border-left:2px solid #6892de; /*サイドメニュー左ライン色*/
	}

.category ul li a:hover ,.category-navi ul li a:hover
	{
	background:#fff; /*サイドメニューにマウスがのったときの背景色*/
	text-decoration:none;
	border-left:2px solid #c43606; /*サイドメニューにマウスがのったときの左ライン色*/
	}

.category-inner ul li span
	{
	font-size:10px;
	padding-left:5px;
	}

.search
	{
	padding:10px 0;
	background: #fff;
	margin: 0px;
	border-bottom:1px solid #D9E4EB;
	text-align:center;
	}

/*-------------------------------------
▼▼　フッター部分
-------------------------------------*/

#footer
	{
	clear:both;
	width:760px;
	height:45px;
	text-align:center;
	border-top:5px solid #D8D8D8; /*フッター上ライン色*/
	background:#F2E76E; /*フッター背景色*/
	}


#footer-inner
	{
	padding-top:10px;
	}

#footer a
	{
	text-decoration:none;
	}

/*-------------------------------------
▼▼　カテゴリページ
-------------------------------------*/

.cate_exc
	{
	padding:2px 0 5px 20px;
	margin-top:2px;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
	}

.cate_exc p
	{
	margin:0;
	}


/*-------------------------------------
▼▼　カラー一括置き換え用
-------------------------------------*/


/* ----カラー一括置き換えを使用する場合、この行を削除-----



#banner,
#footer
	{
	border-color:#D8D8D8; /*バナー・フッターライン色*/
	}

#banner-inner,
#footer
	{
	background:#F2E76E; /*バナー・フッター背景色*/
	}

#des_inner h2,
.box_h2
	{
	color:#c43606; /*サイト説明文・一覧部分文字色*/
	border-left:4px double #c43606; /*サイト説明文・一覧部分左ライン色*/
	background:#ECF1F4; /*サイト説明文・一覧部分背景色*/
	}

.box_h3,
.box_p
	{
	color:#F0D371; /*一覧部分▼と●の色*/
	}

#side,
.category h2,
.category ul li,
.category-navi ul li,
.search
	{
	border-color:#D9E4EB; /*サイド部分ライン色*/
	}



 ----カラー一括置き換えを使用する場合、この行を削除----- */




/*-------------------------------------
▼▼　エントリーページ【コメント・トラックバック】
-------------------------------------*/

.trackbacks
	{
	margin-top:20px;
	}

.trackbacks,
.comments,
.archive
	{
	position: static;
	overflow: hidden;
	clear: both;
	width: 490px;
	margin:10px;
	}

.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
	{
	/* ie win (5, 5.5, 6) bugfix */
	p\osition: relative;
	width: 460px;
	w\idth: auto;

	margin: 0;
	border-left: 5px solid #c43606;
	padding: 5px;
	color:#c43606;
	background: #ECF1F4;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	}

.trackbacks
	{
	margin-top:20px;
	}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
	{
	clear: both;
	margin: 5px 10px;
	}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
	{
	clear: both;
	margin: 5px 10px 20px 10px;
	}

.entry,
.trackbacks,
.comments,
.archive
	{
	position: static;
	overflow: hidden;
	clear: both;
	width: 460px;
	margin-bottom: 20px;
	}

#comment-author, #comment-email, #comment-url, #comment-text
	{
	width: 240px;
	}

#comment-bake-cookie
	{
	margin-left: 0;
	vertical-align: middle;
	}

.comments-open label { display: block; }


