/*	使用している色	*/
/*

ページ全体の背景色：	#080808
containerの背景色：	#1A1A1A
modの背景色：		#2d2d2d;
formの背景色：		#666666
containerの枠線：	#303030
containerの枠線：	#424242
全体の文字色：		#eeeeee
全体のリンク色：	#B38D5C
記事タイトル文字色：	#C7A774
記事日時文字色：	#c5c5c5
ナビの色：		#999999

*/



*{
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
}

/*	リンクの設定	*/
a {
  color: #B38D5C;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #C7A774;
}



/*	ページ全体の設定	*/
body {
  text-align: left;
  font-size: small;
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-family: "ＭＳ Ｐゴシック", Osaka, arial, sans-serif;
  color: #eeeeee;
  background-color: #080808;
}

li {
  list-style-type: none;
}

img {
  border: none;
}



/*	各要素の指定	*/
#container {
  width: 820px;
  margin-right: auto;
  margin-left: auto;
  background-color: #1a1a1a;
  border-right: 1px solid #303030;
  border-left: 1px solid #303030;
}

#head {
  min-height:73px;
  height:auto !important;
  height: 73px;
  background: url(http://s.asablo.jp/css/common2l/kk/bg_header.gif) repeat-x bottom;
}

#left {
  padding-top: 30px;
  width: 240px;
  float: left;
}

#center {
  width: 580px;
  float: left;
}

#main {
  width: 540px;
  margin:30px 24px 0px 11px ;
  position: relative;
}

#footer {
  clear: both;
  padding-bottom:10px;
}

#footer img {
  border: none;
  text-decoration: none;
  padding-left: 25px;
  padding-top: 30px;
}

#footer a {
  border: none;
  text-decoration: none;
}



/*	ブログタイトル	*/
#head h1{
  padding: 23px 0px 0px 30px;
  text-align: left;
  font-size: x-large;
}

#head h1 a {
  color:#eeeeee;
}


/*	navi	*/
#navi-top{
  text-align: right;
  margin-bottom: 2px;
  position: absolute;
  top: -26px ;
  right: 0px;
}

#navi-bottom{
  text-align: right;
}

/*	ツールバーの設定	*/
.sidebar {
  padding: 0px 4px 0px 25px;
}

.mod {
  margin-bottom: 12px;
}

.mod-caption {
  font-size: 12px;
}

.mod-body {
  margin: 12px;
}

.mod-text {
  font-size: x-small;
  text-align: left; 
  line-height: 150%;
}

.mod-calendar,
.mod-comment,
.mod-trackback,
.mod-category,
.mod-description,
.mod-backno,
.mod-recent-articles,
.mod-message{
  border: 1px solid #424242;
  background-color: #2d2d2d;
  
}



/*	リスト	*/
li.mod-text{
  font-size: x-small;
  line-height: 2;
  background: url(http://s.asablo.jp/css/common2l/kk/point_list.gif) no-repeat;
  background-position: center left;
  padding-left: 10px;
  list-style-position: outside;
}

li.mod-link-to-archives{
  font-size: x-small;
  padding-left: 10px;
}



/*	mod-captionの画像指定	*/
.mod-comment h2.mod-caption{
  width: 209px;
  height: 23px;
  text-indent: -5000px;
  background:transparent url(http://s.asablo.jp/css/common2l/kk/tooltitle_com.gif);
}

.mod-trackback h2.mod-caption{
  width: 209px;
  height: 23px;
  text-indent: -5000px;
  background: url(http://s.asablo.jp/css/common2l/kk/tooltitle_tb.gif);
}

.mod-category h2.mod-caption{
  width: 209px;
  height: 23px;
  text-indent: -5000px;
  background: url(http://s.asablo.jp/css/common2l/kk/tooltitle_cat.gif);
}

.mod-description h2.mod-caption{
  width: 209px;
  height: 23px;
  text-indent: -5000px;
  background: url(http://s.asablo.jp/css/common2l/kk/tooltitle_des.gif);
}

.mod-backno h2.mod-caption{
  width: 209px;
  height: 23px;
  text-indent: -5000px;
  background: url(http://s.asablo.jp/css/common2l/kk/tooltitle_bk.gif);
}

.mod-recent-articles h2.mod-caption{
  width: 209px;
  height: 23px;
  text-indent: -5000px;
  background: url(http://s.asablo.jp/css/common2l/kk/tooltitle_entry.gif);
}



/*	メッセージ	*/
.mod-message h2.mod-caption {
  font-size: x-small;
  width: 179px;
  min-height:19px; 
  height:auto !important;
  height:19px; 
  padding: 2px 0 2px 30px;
  border-bottom: 1px solid #424242;
  background: url(http://s.asablo.jp/css/common2l/kk/tooltitle_mess.gif) no-repeat;
}

.mod-message a{
  color: #eeeeee; 
}

.mod-message a:hover{
  text-decoration: none;
}



/*	カレンダー	*/
table.calendar{
  width: 100%;
  height: 130px;
  text-align: center;
  font-size: x-small;
}

table.calendar a{
  display: inline;
}

.calendar-title{
  text-align: center;
  font-size:small;
  padding-bottom: 10px;
}



/*	記事	*/
.msg{
  border: 1px solid #424242;
  background-color: #2d2d2d;
  padding: 12px 0px 12px 12px;
  margin-bottom: 17px;
}



/*	記事タイトルの細かな設定	*/
.msg-title{ 
  width: 511px;
  font-size: 120%;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
  padding-reft: -12px;

  background-position: 100% 30%;
  color: #2d2d2d;
}

.msg-title a {
  display: block;
  width: 491px;
  padding-left: 10px;
  padding-right:10px;
  position: relative;
  top: 30px ;
  left:0px;
  text-align: left;
  color: #C7A774;
}

.msg-date{
  background: url(http://hal990323.web.infoseek.co.jp/cgi-bin/img-box/img20100303231816.jpg) no-repeat right bottom;
  display: block;
  width: 491px;
  position: absolute;
  top: 5px;
  left:0px;
	padding-left: 10px; 
	padding-right: 10px; 

  font-size: 70%;
  font-weight: bold;
  text-align: right;
  color: #c5c5c5;
}



/*	記事の中身	*/
.msg-body{
  margin: 0px 13px 25px 10px;
}

.msg-pict{
	padding-bottom: 15px;
	border: none;
}

.msg-footer{
  clear: both;
  font-size: 90%;
  margin-bottom: 8px;
}

.msg-archives li{
  background: url(http://s.asablo.jp/css/common2l/kk/point_list.gif) no-repeat;
  background-position: 1% 50%;
  padding-left: 20px;
  list-style-position: outside;
  list-style: none;
}

pre{
  border: 1px dotted #C7A774;
  margin: 1em 0 0 0;
  padding: 1em;
}

blockquote{
  border: 4px double #C7A774;
  margin: 1em 0 0 0;
  padding: 1em;
}



/*	コメント	*/
.comment-caption{
  border-top: none;
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: small;
  border-bottom: dashed 1px #424242;
  color: #B38D5C;
}

.comment-caption a{
	color: #B38D5C;
}

.comment-caption a:hover{
  text-decoration: none;
}

.comment-title{
  font-size: small;
  padding: 0.2em;
  color: #B38D5C;
}

.comment-title a{
  border-bottom: 1px dotted #B38D5C;
}

.comment-title a:hover{
  border-bottom: none;
}
.comment-body{
  font-size: small;
  padding: 0.2em 1em 0.7em 1.2em;
}

.comment-form {
  font-size: small;
  padding: 0.2em 1em 0.7em 1.2em;
}

.comment-form form p input {
  display: block;
  color:#ccc;
  background-color: #666666;
  border: 1px solid #424242;
  padding-left:2px;
  margin-bottom: 2px;
}

.comment-form form p br{
  display: none;
}

.comment-form textarea{
  display: block;
  color:#ccc;
  background-color: #666666;
  border: 1px solid #424242;
  font-size: small;
  height: 80px;
  font-family:  "ＭＳ Ｐゴシック", Osaka, arial, sans-serif;
  width: 430px;
  padding-left: 2px;
}



/*	トラックバック		*/
.tb-caption{
  border-top: dashed 1px #424242;
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: small;
  border-bottom: none;
}

.tb-caption a:hover{
  text-decoration: none;
  color: #B38D5C;
}

.tb-title{
  font-size: small;
  padding: 0.2em;
  color: #B38D5C;
}

.tb-url{
  padding: 0.5em 2em;
  font-size: small;
}

.tb-body{
  font-size: small;
  padding: 0.2em 1em 0.7em 1em;
}

.tb-attention{
	padding: 0.5em 1em;
}



/*	RSS,MAILPIA,ログアウト	*/
.mod-rss-button .mod-caption a,
.mod-mailpia-button .mod-caption a,
.mod-login-button .mod-caption a{
  color: #B38D5C;
}

.mod-rss-button .mod-caption a:hover,
.mod-mailpia-button .mod-caption a:hover,
.mod-login-button .mod-caption a:hover{
  text-decoration: underline;
  color: #C7A774;
}