@charset "utf-8";
/*--------------------------------------------
  \\\ ういんぐの駄記帳 base.css \\\
  author：ういんぐ
  update：2008.10.07
  memo  ：共通スタイル
---------------------------------------------*/

body {
  margin : 20px 0px 20px 0px;
  color : #333333;
  background : #b3cfeb;
  font-family : 'meiryo', 'MS UI Gothic', 'Osaka';
  text-align : center; /*IE用中央寄せ*/
}
h1,h2 {
  margin : 0;
}

/*-----*/
#container {
  width : 770px;
  margin : 0 auto 0 auto; /*コンテナ中央寄せ*/
  background : #fcfcfc;
  text-align : left; /*IE用中央寄せ - 文字左寄せ*/
  overflow : hidden;
}



/*◆基本レイアウト
---------------------------------------------*/
#banner {
  clear : both;
  width : 770px;
  margin : 0 0 18px 0;
  background : url(../img/200809/bg21.gif) no-repeat;
}
#body {
  clear : both;
  width : 730px;
  margin : 0 0 0 20px;
  overflow : hidden;
}
#footer {
  clear : both;
  width : 770px;
  margin : 0; padding : 0;
  text-align : right;
  background : url(../img/200809/bg22.gif) #b3cfeb no-repeat;
  font-size : 8pt;
  color : #ffffff;
}



/*◆◆banner部分
---------------------------------------------*/
#title {
  width : 730px;
  margin : 0 0 12px 20px; padding : 0;
}
#top-p {
  width : 730px;
  margin : 0 0 0 20px; padding : 0;
}



#cont {
  float : right;
  text-align : right;
  margin-top : 15px;
}
#cont h2 {
  margin : 0;
}
#name h3 {
  margin : 0;
}



/*◆◆メインカラム
---------------------------------------------*/
#main {
  width : 480px;
  float : left;
  overflow : hidden;
  border-left : 0px #555555 solid;
  margin-bottom : 10px;
  }



/*◆◆お知らせ
---------------------------------------------*/
.info {
  width : 480px;
  clear : both;
  margin : 0 0 20px 0; padding : 0;
  background : #e9ea7a;
}
.info .h,
.info .f {
  margin : 0; padding : 0;
}
.info .b {
  margin : 0; padding : 0 10px 0 10px;
}
.info .b p {
  margin : 0 0 7px 0;
}



/*◆◆エントリー
---------------------------------------------*/
.entry {
  width : 480px;
  clear : both;
  margin : 0 0 20px 0; padding : 0;
}

/*--t--*/
.entry .t_p,
.entry .t_m {
  clear : both;
  margin : 0 0 10px 0; padding : 0;
  width : 480px; height : 26px;
  overflow : hidden;
}
.entry .t_p {
  background : url(../img/200809/d01.gif) no-repeat;
}
.entry .t_m {
  background : url(../img/200809/d02.gif) no-repeat;
}

.t_p h3,
.t_m h3 {
  color : #fcfcfc;
  margin : 0 0 0 40px;
}
.t_p h3 a,
.t_m h3 a {
  color : #fcfcfc;
  text-decoration: none;
}
.t_p h3 a:hover,
.t_m h3 a:hover {
  color : #b3cfeb;
  text-decoration: none;
}

/*--d--*/
.entry .d_p,
.entry .d_m {
  text-align : right;
  margin : 0 5px 0 5px;
  font-size : 9pt;
  line-height : 100%;
  letter-spacing : 4.5pt;
  font-weight : bold;
}
.entry .d_p {
  color : #47d977;
}
.entry .d_m {
  color : #d94747;
}


/*--b--*/
.entry .b {
  clear : both;
  margin : 0 5px 0 5px; 
  padding : 0;
  overflow : hidden;
}

.b p {
  margin : 0 0 15px 0;
  line-height : 150%;
  font-size : 9pt;
  color : #333333;
}
.b ul {
  margin : 0 0 10px 20px;
  list-style : disc; 	
}
.b li {
  font-size : 9pt;
  line-height : 150%;
  margin : 0; padding : 0;
}
.b hr {
  color : #333333;
  height : 1px;
  border: 0px;
}
.b div.memo {
  margin : 0 0 15px 0;
  border: 1px #999999 dashed;
  background : #f5f5f5;
  padding : 3px;
}
.b blockquote {
  margin : 0 0 15px 0;
  border-left : 3px #666666 solid;
  background : #f5f5f5;
  padding : 3px 3px 3px 10px;
}
.b blockquote p,
.b div.memo p {
  margin : 0;
}


/*--f--*/
.entry .f {
  font-family: 'Verdana', 'Arial', 'sans-serif';
  font-size: x-small;
  line-height : 150%;
  margin : 0 5px 0 5px;
  padding : 0 0 3px 0;
  color : #777777;
  text-align : right;
  border-bottom : 1px #cccccc solid;
}



/*◆◆コメント
---------------------------------------------*/
.comment {
  width : 480px;
  clear : both;
  margin : 0 0 20px 0; padding : 0;
}


.c-title {
  clear : both;
  margin : 0 0 10px 0; padding : 0;
}
.c-body {
  clear : both;
  margin : 0 5px 10px 5px; padding : 0;
  color : #333333;
  font-size : 9pt;
}



/*◆◆トラックバック
---------------------------------------------*/
.trackback {
  width : 480px;
  clear : both;
  margin : 0 0 20px 0; padding : 0;
}


.t-title {
  clear : both;
  margin : 0 0 10px 0; padding : 0;
}
.t-body {
  clear : both;
  margin : 0 5px 10px 5px; padding : 0;
  color : #333333;
  font-size : 9pt;
}




/*-----*/
.box .h {
  clear : both;
  padding : 0;
  margin-bottom : 10px;
}
.box .d {
  clear : both;
  padding : 4px 2px 2px 0;
  margin : 0 10px 0 10px;
  border-top : 1px #333333 solid;  
  overflow : hidden;
  text-align : right;
}
.box .f {
  clear : both;
  padding : 0;
  margin-top : 10px;
}


#etc .b p.date {
  font-weight : bold;
  margin-bottom : 5px;
  letter-spacing : 5.5pt;
  color : #888888;
}
#etc .b h3 {
  font-weight : bold;
  margin : 0 0 15px 0;
  font-size : 9pt;
  line-height : 110%;
  padding : 0;
}
#etc .b p.dia {
  background : #1d1d1d;
  padding : 5px;
}

#com .b .name {
  font-size : 9pt;
  font-weight : bold;
  margin-bottom : 5px;
}
#com .b p {
  margin : 0 0 15px 0;
  line-height : 150%;
  font-size : 9pt;
}
#com .form {
  clear : both;
  font-size : 9pt;
  margin : 10px 0 0 5px;
  padding : 0;
}
#com .form form {
  margin : 0;
}

#trb .b .name {
  font-size : 9pt;
  font-weight : bold;
  margin-bottom : 5px;
}
#trb .b p {
  margin : 0 0 15px 0;
  line-height : 150%;
  font-size : 9pt;
}
#trb .url {
  clear : both;
  font-size : 9pt;
  margin : 10px 0 0 5px;
  padding : 0;
}
#abt h4,
#lnk h4 {
  font-size : 9pt;
  line-height : 100%;
  margin : 0;
  margin-bottom : 7px;
  border-left : 2px #666666 solid;
  padding : 3px 0 1px 5px;
}

#gal .b table {
  margin : 0;
  border : 0;
}
#gal .b tr {
  margin : 0;
  padding : 0;
}
#gal .b td.l {
  margin : 0;
  padding : 0 0 15px 0;
  width : 144px;
  text-align : center;
}
#gal .b td.r {
  margin : 0;
  padding : 7px 0 0 15px;
  vertical-align : top;
}
#gal .b td.l2 {
  margin : 0;
  padding : 0;
  width : 144px;
  text-align : center;
}
#gal .b td.r2 {
  margin : 0;
  padding : 7px 0 0 15px;
  vertical-align : top;
}


/*--d--*/



/*◆◆サブカラム
---------------------------------------------*/
#sub {
  width : 230px;
  float : right;
  overflow : hidden;
  margin : 0;
  background : #eeeeee;
}
.counter {
  width : 200px;
  margin : 10px 0 20px 15px;
  text-align : center;
}
.ball {
  width : 210px;
  margin : 0 auto 0 10px;
}
.powered {
  width : 200px;
  margin : 20px 0 20px 15px;
}
.admin {
  width : 200px;
  margin : 0 0 10px 15px;
  font-size : 7.5pt;
}

/*----*/
.s_header,
.s_footer {
  margin : 0; padding : 0;
}



/*----*/
#lime {
  margin : 0;
}



/*◆◆◆モジュール
---------------------------------------------*/
.mod {
  width : 210px;
  margin : 0 0 20px 10px;
}
.mod h3 {
  margin : 0; padding : 0;
  margin-bottom : 5px;
}

.mod-inner {
  width : 200px;
  margin : 0 0 0 5px;
}


/*----*/
.mod p {
  font-size : 9pt;
  margin : 0 0 15px 0; padding : 0;
}
/*--
.mod ul {
}
.mod ul ul {
}
.mod li {
}
--/





/*◇リンク関連
---------------------------------------------*/
a:hover {
  color: #0088ff;
}



/*◇画像関連
---------------------------------------------*/
img {
  border : 0;
}
img.top {
  width : 360px;
  height : 240px;
}
img.moblog {
  width : 320px;
  height : 240px;
}
img.thumb {
  width : 144px;
  height : 96px;
}



/*◇あぼせんす
---------------------------------------------*/
.ad_box {
  width : 200px;
  margin : 0 0 20px 15px;
}



/*◇あまぞん
---------------------------------------------*/
div.amazon {
  width : 200px;
  margin : 0 0 30px 15px;
  border-top : 1px #cccccc solid;
  padding : 10px 0 0 0;
}
ul.amazon {
  clear : both;
  margin : 0; padding: 0;
  list-style : none;
}
ul.amazon li {
  margin : 0; padding : 0;
  font-size : 7.5pt;
  display : inline;
}
ul.amazon li.img img {
  margin : 0 3px 7px 0;
  float : left;
  border : 1px solid #999;
}
ul.amazon li dt {
  margin : 0; padding: 0;
  font-weight : normal;
}
ul.amazon li dl {
  margin : 0; padding : 0;
  font-weight : normal;
}




/*◇その他
---------------------------------------------*/
span.new {
  display : none;
  color : #ff0000;
  font-family : 'Tahoma';
  font-size : x-small;
}
.paginate {
  padding-top : 2px;
  font-size : 9pt;
}




/*◇あまぞん
---------------------------------------------*/
div.amazlet-box {
	font-size : 9pt;
	margin : 5px 5px 20px 5px;
}


/*--------------------------------------------
  \\\ Copyright (C) 2006 ういんぐ \\\
  無断転載等を禁ず
---------------------------------------------*/