@charset "utf-8";

/*====================================
レイアウト(段組み)の指定 及び 余白の指定を
デザインの見た目は style.css で行う
------------------------------------------------------------------------*/

div {
	margin: 0;
	padding: 0;
}

/*====================================
全体の幅と共通指定部分
====================================*/

body {
	margin: 0;
	padding: 0;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 822px;/* 全体幅はここを変更 */
	padding: 0;
}

#globalnavi { width: 822px; }

#footer {
	margin: 0 auto;
	width: 822px;/* フッター幅は全体幅と同じに */
	padding: 0;
	background-color: #ffffff;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
}

/* 以下変更不要 */
#container { }

#undernavi { clear: both; }

/*====================================
ヘッダーの高さ
====================================*/
#header {
	width: 100%;
	height: 100px;
}

/*====================================
コンテンツとサイドバーの幅
　注：2コラムと3コラムの場合は、合計で
　全体幅[wrapper]を超えないように
====================================*/

/* 1コラム用 */
#column-one #content { width: 100%; }

/* 2コラム左サイドバー用________________________ */

/* コンテンツ */
#column-two-left #content {
	width: 577px;
	float: right;
}

/* サイドバー */
#sidebar {
	width: 226px;
	float: left;
}

/* 2コラム右サイドバー用_________________________ */

/* コンテンツ */
#column-two-right #content {
	width: 577px;
	float: left;
}

/* サイドバー */
#sidebar {
	width: 226px;
	float: right;
}

/* 3コラム用（コンテンツとサイドバー囲み枠[A][B]の合計） */
#column-three .container-inner {
	width: 680px;
	float: left;
}

/* [A] コンテンツ */
#column-three #content {
	width: 470px;
	float: right;
}

/* [B] 左サイドバー */
#column-three #sidebar {
	width: 226px;
	float: left;
}

/* 右サイドバー */
#right-sidebar {
	width: 226px;
	float: right;
}

/* ▼余白指定-------------------------------------------------------- */

/* ヘッダー外枠と内枠との余白-------------------------------- */
.header-inner {
	width: 100%;
	height: 100%;
	position: relative;
}

/* ヘッダー外枠とコンテンツ部分との余白--------------*/
#container { padding-top: 19px; }

/* コンテンツ部分とサイドバー部分との余白------------
　[A]1コラムと2コラム
　[B]3コラム*/

/* [A]1コラムと2コラム */
#column-one .content-inner,
#column-two-left .content-inner,
#column-two-right .content-inner {
	margin: 0;
	padding: 0;
}

/* [B]3コラム */
#column-three .content-inner { margin: 0; }

/* サイドバー外枠と内枠との余白------------------------*/
.sidebar-inner { margin: 0 0px; }

/* フッター外枠と内枠との余白---------------------------*/
.footer-inner {
	width: 805px;
	padding: 0;
	margin: 0;
}