/*
 * StyleSheet for moroP.com(default)
 */

/* ===== 初期化 ===== */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size : 100%;
}

/* ===== basic document structures ===== */
/* ----- 幅固定2カラム(右サイドバー) ----- */
/* Body */
body {
	text-align:center;	/* 子要素(#container)をセンタリング。 */
	margin: 10px 0px 0px 0px;	/* [上][右][下][左] */
	padding: 0;
	font: .9em/1.4em normal arial,helvetica,sans-serif;
	color: #000000;
	background-color: #f9f9f8;
}
/* container */
#container {
	width:810px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	/* #container内をセンタリングしないようにテキストを左寄せ。 */
}
/* header */
#header {
}
/* 左(left):メインカラム幅固定 */
#contents {
	width:570px;
	margin-left:auto;	/* 左マージンpx。右にする場合、right */
	margin-right:10px;	/* 右マージン10px。右にする場合、left */
	float:left;			/* 指定した要素を左に寄せ、後に続く内容をその右側に回り込ませる。右にする場合、right */
}
/* 右(right):サイドバー 幅固定 */
#navigation {
	width:230px;
	float:left;	/* 指定した要素を左に寄せ、後に続く内容をその右側に回り込ませる。左にする場合、right */
}
/* footer */
#footer {
	width:100%;	/* IE6のバグ対策。 */
	clear:left;	/* 左寄せされた要素に対する回り込みを解除。navigationを左にする場合、right */
}

/* ===== clearfix ===== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ===== HTML tag ===== */
/* ----- Anchor ----- */
A:link {
	color: #000000;
	text-decoration: none;
}
A:visited {
	color: #000000;
	text-decoration: none;
}
A:hover {
	color: #000000;
	text-decoration: none;
}

/* ----- img ----- */
img {
	border: none;
}

/* ----- strong ----- */
strong {
	font-weight: bold;
}

/* ----- list ----- */
ol {
	text-align: left;
	display: inline-block;
}
ul {
	line-height: 150%;
	text-align: left;
	display: inline-block;
}
dl {
	text-align: left;
}

/* ===== 外部提供ブログパーツ/プラグイン ===== */
/* ----- Value Commerce ----- */
/* textPR */
.VCtextPR {
	text-align: center;
	margin: 9px 0px 8px 0px;	/* [上][右][下][左] */
}
/* bannerPR */
.VCbannerPR {
}

/*--------------------
//・marginは領域（外）間のスペース、パディングは領域内のスペース
//    値を1つ指定した場合：[上下左右]
//    値を2つ指定した場合：[上下][左右]
//    値を3つ指定した場合：[上][左右][下]
//    値を4つ指定した場合：[上][右][下][左]
//
//・IE6のバグ回避
//    左フロートしているボックスに対して左マージンを指定すると、指定値の倍のマージンが空く
//    左フロートの前に、さらに左フロートがある場合は、後の左フロートに左マージンを指定しても倍にはならない
//    右フロートの場合も同様で、先に右フロートしたボックスの右マージンが指定値の倍になる
//    よって、できるだけfloat:left を指定したボックスには margin-left を指定しない（0にする）
//    float:right を指定したボックスには margin-right を指定しない（0にする）ようにする
//    このバグは float を指定したボックスに display:inline を指定することでも回避できるよう
--------------------*/