/*--------------------------------------------------------
	do-blog 個別ブログテンプレート「WEBLOGグレー」
	last-updated: 2007 03/16;

	1: html and body
	2: layout
	5: etc
--------------------------------------------------------*/

/*----------------------------------
	1: html and body
------------------------------------*/
body {
font-size: 12px;
line-height: 150%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
text-align:center;
font-family: Arial, sans-serif;
background:url(../img/bg_wrapper.gif) top;
}

div#main a {text-decoration: underline; color:#333;}
div#main a:link {color: #333;}
div#main a:visited {color: #333;}
div#main a:active {color: #333;}
div#main a:hover {color: #333; text-decoration:none;}

img {border:none;}

.clearFix {zoom: 100%;}
.clearFix:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

pre{
font-size: 12px;
}

/*----------------------------------
	2: layout
------------------------------------*/
/* ====== OUTLINE ====== 
------------------------------------------*/
#outline {margin:0 auto; text-align: left; padding: 0px; width: 800px; background: #fff;}



/* HEADER 
========================================================*/
#header {text-align: left; background:#fff url(../img/bg_head.jpg) top no-repeat; margin: 0; height:196px; overflow:hidden;}

#header p#logo001 {position:absolute; margin:0;}
#header ul {list-style:none; padding:5px 0 0 518px; margin:0;}
#header ul li {display:inline; font-size:0; width:132px; line-height:0; margin-right:5px;}

#header h1{font-size: 12px; margin:60px 0 0 20px; padding-bottom:5px;}
#header h1 a{color: #fff; text-decoration: none;}
#header h1 a:hover{color:#fff; text-decoration:underline;}

#header h2 {color:#fff; font-size:10px; _font-size: 9px; font-weight:normal; margin:0 210px 0 0; padding:0 0 0 20px; line-height:14px;}
*+html #header h2{font-size: 9px;}

#header h2 a {text-decoration:none; color:#004fae;}
#header h2 a:hover {color:#000; text-decoration: underline;}

h3#sponsor {margin:0; padding:0 0 10px;}
ul#sponsor-box {list-style:none; margin:0; padding:0 0 10px 41px;}
ul#sponsor-box li {width:88px; height:31px; float:left; margin:0 2px 2px 0; overflow:hidden;}

/* MAIN
========================================================*/

/*メイン部分
------------------------------------------*/
#main {margin: 0; padding: 0; float:left; width: 620px; overflow: hidden; background:#fff;}



/*エントリー前後リンク
------------------------------------------*/
#main .articleNavi {
margin: 10px 0px 10px 10px;
padding: 3px;
background: #ffffff;
text-align: center;
border: 0px solid #cccccc;
}

#main .articleNavi ul {
margin: 0;
padding: 0;
list-style: none;
}

#main .articleNavi ul li{
margin: 0;
padding: 0;
display: inline;
margin-right: 5px;
}

#main .articleNavi ul li.prev{
}

#main .articleNavi ul li.top{
font-weight: bold;
}

#main .articleNavi ul li.next{
}

/*今見ているカテゴリ表示（カテゴリアーカイブのみ）
------------------------------------------*/
#main div.this_cate{
background: url(../img/bg_cate.gif) no-repeat left;
margin: 15px 20px 10px 20px;
padding: 16px 0 16px 130px;
font-weight: bold;
color:#fff;
font-size: 15px;
line-height:1.0em;
}



/*エントリーボックス
------------------------------------------*/
#main .content {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #cccccc;
}

#main .content .art_box{
margin: 20px 20px 0px 20px;
padding: 0px;
}

/*エントリのタイトル
------------------------------------------*/
#main .content h3.entryTitle {
font-size: 13px;
margin: 0;
padding: 10px 105px 10px 20px;
color: #fff;
background:url(../img/bg_title.gif) no-repeat left top;
}

#main .content h3.entryTitle a{
color: #fff;
text-decoration: none;
}
#main .content h3.entryTitle a:hover {color:#ccc; text-decoration:underline;}




/*エントリの日付
------------------------------------------*/
#main .content p.entryDate {
font-size: 12px;
margin: 0px;
color:#600;
padding: 5px 10px;
border:none;
background: #dbdcdc; line-height:1em;
}

/*エントリの本文BOX
------------------------------------------*/
#main .content div.entryBody {
margin-top: 15px;
padding: 0;
}

/*エントリの本文
------------------------------------------*/
#main .content div.entryBody p{
margin: 0;
}

/*エントリの追記BOX
------------------------------------------*/
#main .content div.entryExtended {
margin: 0;
padding: 0;
}

/*エントリの追記文
------------------------------------------*/
#main .content div.entryExtended p{
}

/*エントリの追記文　続きはこちら
------------------------------------------*/
#main .content div.entryExtended p.continue{
text-align:right;
}

/*前後記事リンク部navi
++++++++++++++++++++++++++++++*/
div#main div.navi{
margin-left: 20px;
padding: 3px;
background: #ffffff;
text-align: center;
}
/*まとめてposted by
--------------------------------------------------------------*/
ul.posted {
margin: 10px 0 10px 0;
padding: 3px;
background:#eee;
list-style: none;
text-align: right;
font-size: 10px;
}

*+html ul.posted {
font-size: 9px;
}


ul.posted li{
display: inline;
margin: 0px 5px 0px 0px;
}
ul.posted li.postAuthor span.txtAu{
font-weight: bold;
}


/* -- エントリーのposted by -- 
------------------------------------------*/
.entryBody ul.posted {
}
.entryBody ul.posted li{
}

/* -- エントリのposted by 投稿社名 -- 
------------------------------------------*/
.entryBody ul.posted li.postAuthor{
}
.entryBody ul.posted li.postAuthor span.txtAu{
}

/* -- エントリのposted by 投稿日 -- 
------------------------------------------*/
.entryBody ul.posted li.postDate{
}

/* -- エントリのposted by 投稿カテゴリ -- 
------------------------------------------*/
.entryBody ul.posted li.postCat{
}

/* -- エントリのposted by コメント -- 
------------------------------------------*/
.entryBody ul.posted li.postCom{
}

/* -- エントリのposted by トラクバック -- 
------------------------------------------*/
.entryBody ul.posted li.postTb{
}

/* -- コメントのposted by -- 
------------------------------------------*/
#comment ul.posted {
}
#comment ul.posted li{
}

/* -- コメントのposted by 投稿社名 -- 
------------------------------------------*/
#comment ul.posted li.postAuthor{
}
#comment ul.posted li.postAuthor span.txtAu{
}

/* -- コメントのposted by 投稿日 -- 
------------------------------------------*/
#comment ul.posted li.postDate{
}


/*まとめてトラックバック・コメント見出し
--------------------------------------------------------------*/
#main h4 {
font-size: 12px;
background: #eeeeee;
padding: 3px 3px 3px 10px;
margin-top: 20px;
}


/* -- トラックバック見出し -- 
------------------------------------------*/
#main div.tbUrl h4 {
}

/* -- コメント見出し -- 
------------------------------------------*/
#main div.tbUrl h4 {
}

/*まとめてトラックバック・コメントの小見出し
------------------------------------------*/
#main h5 {
font-size: 12px;
font-weight: normal;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 5px;
border-left: 5px solid #cccccc;
}

/* -- このエントリーのトラックバックURL -- 
------------------------------------------*/
#main div.tbUrl h5 {
}

/* -- この記事に対するトラックバック一覧 -- 
------------------------------------------*/
#main h5.tbListTitle {
}
/* -- この記事に対するコメント一覧 -- 

------------------------------------------*/
#main h5.comListTitle {
}

/* -- コメントフォーム -- 
------------------------------------------*/
#main h5.comFormTitle {
}

/* トラックバックURL 
------------------------------------------*/
.tbUrl p{
font-size: 10px;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 3px;
margin: 10px;
background: #ffffff;
}

/* トラックバックリスト 
------------------------------------------*/
dl.tbList {
margin: 10px 0px 0px 0px;
padding: 0;
}

dl.tbList dt{
font-weight: bold;
}

dl.tbList dt span.blogName{
font-weight: normal;
}

dl.tbList dd {
margin: 10px 0px 0px 0px;
padding: 0px 20px 0px 20px;
}

dl.tbList dd.continue{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
border-bottom: 1px dashed #cccccc;
}

/* コメントリスト 
------------------------------------------*/
dl.comList {
margin: 10px 0px 0px 0px;
padding: 0;
}

dl.comList dt{
font-weight: bold;
}

dl.comList dd{
margin: 10px 0px 0px 0px;
padding: 0px 20px 0px 20px;
}

/* コメントフォーム 
------------------------------------------*/
.comForm {
margin: 20px 0px 0px 0px;
padding: 0;
}

#error ul{
font-size: 12px;
color: #999999;
}

.comForm dl {
margin: 0;
padding: 0;
}

.comForm dt {
font-size: 12px;
margin: 5px 0px 0px 0px;
}

.comForm dd {
margin: 0;
}

.comForm dd input {
width: 200px;
}

.comForm dd textarea {
width: 330px;
}

.comForm dd.sub input {
width: 80px;
}


/* SIDE 
========================================================*/
#sub {float:right; width: 180px; line-height:16px; overflow: hidden; margin:0; padding:0; background:#fff;}

#sub subRight {
}

#sub subLeft {
}

.sidebar {margin:10px 0px 10px 0px; padding: 0px;}

/* サイドまとめて設定 
--------------------------------------------------------------*/
.sidebar h2{
margin: 0px 0px 10px 0px;
padding: 4px 10px;
background: url(../img/bg_side_h2.gif) no-repeat top left;
color: #fff;
font-size: 12px;
}

.sidebar ul{
margin:0 0 0 5px;
padding: 0;
list-style: none;
}

.sidebar li{
margin: 0 0 5px 0;
padding: 0 0 0 15px;
line-height: 140%;
background: url(../img/bg_side_list.gif) left 3px no-repeat;
}
.sidebar li a {color:#333;}
.sidebar li a:hover {color:#333; text-decoration:none;}


/* サイドの各ボックスをまとめて 
--------------------------------------------------------------*/
.sidebar #info,
.sidebar #calendar,
.sidebar #profile,
.sidebar #categories,
.sidebar #hotword,
.sidebar #recent,
.sidebar #comment,
.sidebar #trackback,
.sidebar #archive,
.sidebar #link,
.sidebar #search{
margin: 10px 0px 0px 0px;
padding:0 20px 10px 0;
background-color: #ffffff;
}



/* インフォメーション 
------------------------------------------*/
.sidebar #info {
}
.sidebar #info h2{
}


/* カレンダー 
------------------------------------------*/
.sidebar #calendar {
}

.sidebar #calendar h2 {
}

.sidebar #calendar table {
font-size: 10px;
margin-top:5px;
padding: 0px;
border-collapse: separate;
width: 100%;
}

.sidebar #calendar th {
text-align: center;
font-weight: bold;
}

.sidebar #calendar td {
text-align: center;
}
.sidebar #calendar td a {color:#000; text-decoration:underline;}
.sidebar #calendar td a:hover {color:#fff; text-decoration:none; background:#ff7200;}

/* プロフィール 
------------------------------------------*/
.sidebar #profile {padding-top:10px;}
.sidebar #profile h2{

}
.sidebar #profile p{

}
.sidebar #profile img.profile{
width: 100%;
margin: 0;
padding: 0;
}
.sidebar #profile pre{
margin-bottom:0;
}
.sidebar #profile a {color:#333;}
.sidebar #profile a:hover {background:#333; color:#fff; text-decoration:none;}


/* カテゴリー 
------------------------------------------*/
.sidebar #categories {
}
.sidebar #categories h2{
}
.sidebar #categories ul{
}
.sidebar #categories li{
}

/* ホットワード
------------------------------------------*/
.sidebar #hotword {}
.sidebar #hotword h2 {}
.sidebar #hotword ul {}
.sidebar #hotword li {}


/* 最新エントリ 
------------------------------------------*/
.sidebar #recent {
}
.sidebar #recent h2{
}
.sidebar #recent ul{
}
.sidebar #recent li{
}

/* 最新コメント 
------------------------------------------*/
.sidebar #comment {
}
.sidebar #comment h2{
}
.sidebar #comment ul{
}
.sidebar #comment li{
}

/* 最新とらば 
------------------------------------------*/
.sidebar #trackback {
}
.sidebar #trackback h2{
}
.sidebar #trackback ul{
}
.sidebar #trackback li{
}

/* 月別アーカイブ 
------------------------------------------*/
.sidebar #archive {
}
.sidebar #archive h2{
}
.sidebar #archive ul{
}
.sidebar #archive li{
}

/* リンク 
------------------------------------------*/
.sidebar #link {
}
.sidebar #link h2{
}
.sidebar #link ul{
}
.sidebar #link li{
}

/* 検索 
------------------------------------------*/
.sidebar #search {}
.sidebar #search h2 {}
.sidebar #search ul{}
.sidebar #search li{}

/* RSS 
------------------------------------------*/
#rss{
text-align: right;
margin: 0 0px 5px 0px;
padding-right:20px;
}

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


/* 総合トップへのリンクバナー
------------------------------------------*/
#global{margin:10px 20px 0 0;}


/* FOOTER 
========================================================*/
#footer {width:800px; margin:0 auto; padding:3px 0; background: #004fae; text-align: center; clear:both;}

#footer p{font-size: 12px; margin: 0; padding: 0; color: #fff; line-height:1em;}

#footer p a {color:#fff; text-decoration:none;}






/*----------------------------------
	3: etct
------------------------------------*/
/*  ENTRYV ARCHIVE 
========================================================*/

/*HR区切り線など
------------------------------------------*/
hr {
    width:95%;
    text-align: center;
    border-style:solid;
    border-color:#aaaaaa;
    height:1px;
    }

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}


#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

/*プロフィール　タイトル表示なし*/
div#profile h2 {display:none;}