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

/* Lˆฺ“ฎ */
.tdftad{
	position: absolute;
	z-index: 10;
}

/* ƒ[ƒ_[ */

#loader {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	_position: absolute; /* IE6‘ฮ๔ */
	top: 40%;
	left: 45%;
	margin-top: 0; /* height‚ฬ”ผ•ช‚ฬƒ}ƒCƒiƒX’l */
	margin-left: 0; /* width‚ฬ”ผ•ช‚ฬƒ}ƒCƒiƒX’l */
	z-index: 100;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #f0f2f0;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html {
  background-color: #f0f0f0;
}

#cont {
  overflow: hidden;
  position: relative;
  zoom: 1;
}

/* --- RSS --- */

#feed{
  width: 655px;
  float: left;
  font-size: 14px;
  margin: 20px 0px 0px 0px;
}
li{
  margin: 0px 3px;
}

#az{
  font-size: 16px;
}

#feed a {
  font-weight: bold;
  font-size: 10px;
}

#blog-title {
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0px 10px 3px;
  margin: 0px 0px 10px 0px;
  background-color: #3d3d3d;
}
#snip, more{
  font-size: 12px;
}



.grid ul {
  list-style-type: none;
  color: black;
}


/* --- Typography --- */

.grid p {
  line-height: 28px;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h1 {
  line-height: 28px;
  font-size: 24px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  padding: 0px 0px 0px 3px;
}

.grid h2 {
  line-height: 28px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  
  padding: 0px 0px 0px 3px;
  color: #ffffff;
  background-color: #34495e;
}

.grid h3 {
  line-height: 28px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;

  padding: 0px 0px 0px 3px;
  color: #ffffff;
  background-color: #e74c3c;
}

.grid h4 {
  line-height: 28px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;

  font-weight: bold;

  padding: 0px 0px 0px 3px;
  color: #ffffff;
  background-color: #3498db;
}

.grid h5 {
  line-height: 28px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;

  padding: 0px 0px 0px 3px;
  color: #ffffff;
  background-color: #f1c40f;
}

.grid h6 {
  line-height: 28px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;

  padding: 0px 0px 0px 3px;
  color: #ffffff;
  background-color: #16a085;
}



/* --- Grid --- */

.grid {
  width: 920px;
  margin: auto;
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

.grid-m1 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 205px;
}

.grid-m2 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 205px;
}

.grid-m3 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 205px;
}

.grid-m4 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c4 {
  float: left;
  width: 205px;
}

/* --- Illust --- */

.grid-cbig {
  float: left;
  width: 655px;
  padding: 20px 0px;
  background-color: #f0f0f0;
}

.main-img {
  float: left;
  color: inthert;
}


/* --- notice --- */
.grid-csemibig {
  float: left;
  width: 430px;
  padding: 20px 0px 0px 0px;
}


/* --- Content --- */
#cont-l1 {
  line-height: 28px;
  width: 205px;
  border-width: 1px 1px 1px 1px;
  margin: 20px 0px;

  background-color: #f0f0f0;
}
#cont-l2 {
  padding:5px 3px;
  font-size: 13px;
  line-height: 28px;
}

#cont-l2 b{
  font-weight: bold;
  color: #3a0000;
}

.grid a {
  color: #3a0000;
}
.grid a:hover {
  text-decoration: none;
}
.grid b {
  font-weight: bold;
}

/* --- Footer -- */
.foot {
  width: 920px;
  margin: auto;
  padding: 0px;
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.foot-m1 {
  float: left;
  width: 20px;
  height: 1px;
}
.foot-c1 {
  float: left;
  width: 880px;
  background-color: #3d3d3d;
}
.foot-l1 {
  height: 80px;
  margin: 10px 0px 0px 665px;
}
.foot-l2 {
  padding: 20px 10px 0px 10px;
  font-size: 12px;
  color: #ffffff;
}
.foot-m2 {
  float: left;
  width: 20px;
  height: 1px;
}
.red{
  color: #ff0000;
}

#pic{
  color: white;
  font-weight: bold;
  background-color: #c0392b;
}



/*************************************/


.twitter-timeline{
	width: 200px;
}