@charset "utf-8";
/* CSS Document */

/*~~~~~~~~~~~~~~~~~~~~~
//  for blog styles
//
~~~~~~~~~~~~~~~~~~~~~*/
body { background:url(../blog/img/header-bg-roll.gif) repeat-x 0 0}
h1 { width:560px; text-align:left; float:left;}
h1 img { margin: 18px 0 0 23px!important; width:427px!important;; height:67px!important;}


#footer-wrapper {width:900px; margin:0 auto; padding-top:3px; text-align:left;}

/*~~~~~~~~~~~~~~~~~~~~~
//  header
//
~~~~~~~~~~~~~~~~~~~~~*/
#header {height:100px !important; padding:0; margin:0}

#header form { float:right; width:250px; text-align:right; padding:0 18px 0 0;}
#header form .banner { margin:15px 0 5px 0;}
#header form input { width:120px;vertical-align:middle; margin:0 0 0 2px;}
#header form .btn {
	width:85px; height:19px;text-indent:-200px; overflow:hidden;
	background:url(../blog/img/form-btn.gif) no-repeat 0 0;
	border:none; cursor:pointer;}
#header form .btn:hover { background:url(../blog/img/form-btn.gif) no-repeat 0 -19px; border:none;}


/*~~~~~~~~~~~~~~~~~~~~~
//  main-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#main-column { padding:20px 15px 0 15px;}



/*~~~~~~~~~~~~~~~~~~~~~
//  right-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#right-column { width:630px !important; background:}

.blog-wrapper { border:solid 1px #ccc; padding:18px 25px 10px 25px; margin-bottom:15px;}
.blog-wrapper h2 {
	background:url(../blog/img/h2-bg.gif) no-repeat 2px 0;
	font-weight:bold; font-size:122%; padding:1px 0 0 40px; margin:0 0 5px 0; border-bottom:dotted 1px #b8a481;
	}
.blog-wrapper h2 a { color:#333333}
.blog-wrapper h2 a:hover { color:#145db8}
.blog-wrapper .date{ text-align:right; font-size:92%; margin-bottom:12px;}

.blog-wrapper .list { font-size:92%; text-align:right; margin:20px 0 0 0; clear:both}
.blog-wrapper .list li { display:inline}
.blog-wrapper .list li a { margin:0 3px 0 2px}

.blog-wrapper .left-img { float:left; margin:0 20px 20px 0; border: solid 1px #ccc}
.blog-wrapper .right-img { float:right; margin:0 0 20px 20px; border: solid 1px #ccc}

.blog-wrapper .more {
	text-align:right; clear:both; margin:20px 0 0 0;
	}
.blog-wrapper .more a{
	background:url(../img/arrow.gif) no-repeat 0 3px;
	padding:0 0 0 13px;
	}
.blog-wrapper .doc p{ line-height:1.8em; margin:0 0 20px 0}

#page-navi { font-size:92%; text-align:center; margin:20px 0 0 0; clear:both}
#page-navi li { display:inline}
#page-navi li a { margin:0 20px}

/*~~~~~~~~~~~~~~~~~~~~~
// left-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#left-column { width:220px !important;}

/* カレンダー */
#calendar { border:solid 1px #ccc; margin:0 0 15px 0 ;}
#calendar-wrapper {
	border:solid 3px #fff; padding:15px 0 5px 0;
	background:#e4e5e5 url(../blog/img/calendar-bg.gif) no-repeat center bottom;
	text-align:center; height:100%;
	}
#calendar table { width:210px; clear:both; border-collapse:collapse}
#calendar th{ text-align:center; font-weight:normal;border-collapse:collapse; padding:3px 0 2px 0}
#calendar td { text-align:center; padding:2px 0;border-collapse:collapse}
#calendar td a { color:#CC0033;}

#calendar .list { padding-left:15px; height:25px; overflow:hidden}
#calendar .list li { width:60px; height:25px; float:left; text-align:center; line-height:25px;line-height:normal}
#calendar .list .selected { font-size:122%; }



/* カテゴリ */
.category { border:solid 1px #ccc;margin:0 0 15px 0 ; padding:5px}
.category h3 { background:url(../img/h2-bg.gif) repeat-y 0 0; padding:3px 3px 3px 5px; color:#fff}
.category h3 span { display:inline-block; border-left: solid #fff 3px; padding:0 0 0 5px; line-height:normal}
.category ul { padding:8px 5px; font-size:92%;}
.category ul li { background:url(../img/arrow.gif) no-repeat 0 4px; padding:0 0 0 13px; margin:0 0 5px 0;}