@charset "utf-8"; 

/* --------------------------------------

	layout.css(2colA.css)
	
-------------------------------------- */

/*	---レイアウトの設定ここから---	*/
/*	コンテンツ全体のボックス	*/
#wrapper {
	width: 760px;
	margin: 0px auto;
	padding: 0;
	}
/* --------------------------------------

	Double column
	
-------------------------------------- */
/*	ヘッダのボックス	*/
#header {
	width: 700px;
	margin: 0 20px;
	font-size: 1em;
	text-align: left;
}

/*	本文エリアのボックス	*/
#main {
	display: inline;
	float: left;
	width: 520px;
	margin: 20px 0px 20px 20px;
	padding: 0;
	text-align:left;
}

/*	サブエリアのボックス	*/
#sub {
	display: inline;
	float: right;
	width: 180px;
	margin: 20px 20px 20px 0;
	padding:0;
	text-align:left;
}

/*	フッタのボックス	*/
#footer {
	clear:both;
	width:756px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align:left;
	zoom:1;
}

.footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* ---------------
詳細設定
--------------- */
/* サブエリアのメニューグループ */
/* ログイン後の非公開記事一覧など */
#sub0 {
}
/* カテゴリー、タグ、検索 */
#subA {
}
/* プロフィール・カレンダー・新着・スポンサードリンク・Photo・リンク集・サブフッター */
#subB {
}
/* 小グループ ---- プロフィール・カレンダー・新着 */
#subB #sub1{
	}
/* 小グループ ---- スポンサードリンク・Photo・リンク集・サブフッター */
#subB #sub2{
}

/* blog検索フォームの横幅 */
#searchForm .searchArea {
	width: 160px;
}
/* 管理画面 ヘッダー幅とあわせる */
#system {
	width: 700px;
	margin: 0 20px;
	font-size: 1em;
	text-align: left;
	position:relative;
}