/*
*	Title: Vicuna: Happy Days Skin [Multi Column Type1 Style Module]
*	URI: http://vicuna.jp/
*	Last Modified: 2007-05-30
*	Author: wu
*
*	Description:
*	bodyにmultiクラスを付けることで
*	そのページを3カラムにできるようになります。
*
*	※マルチカラムを有効にした場合は、
*	サイト全体を通して横幅が900pxの固定になります。
*
*	※同時にeyeCatchモジュールを使用する場合は
*	幅に合わせて画像の大きさ変更する必要があります。
*
*
*/

/*======================================

	Multi Column TYPE1
	┌┐┏━━┓┌┐
	││┃　　┃││
	└┘┗━━┛└┘
	
=======================================*/

/*--------------------------------------
	1-1.全てのページへ影響
---------------------------------------*/

body {
	margin: 0 10px;
}

div#header,
div#content,
div#footer {
	width: 900px!important;
}

/*--------------------------------------
	1-2.body.multiへの処理
---------------------------------------*/

body.multi div#content {
	text-align: center;
}

/* 1-2-1div#main
-----------------------------*/

body.multi div#main {
	margin: 0 auto;
	border: 1px solid #eee;
	border-top: none;
	width: 468px;
	min-height: 600px; /* 高さの最小値 */
	_height: 600px; /* for IE 高さの最小値 */
	text-align: left;
}

/* 1-2-1div#utilities
-----------------------------*/

body.multi div#utilities dl {
	text-align: left;
}

body.multi div#utilities dl {
	margin: 0;
	padding-top: 5px;
}

body.multi div#utilities dl.navi {
	position: absolute;
	top: 1px;
	left: 0;
	width: 215px;
	text-align: left;
}

body.multi div#utilities dl.navi dt,
body.multi div#utilities dl.navi dd  {
	margin: 0 5px;
}

body.multi div#utilities dl.others dt,
body.multi div#utilities dl.others dd {
	margin: 0 5px;
}

body.multi div#utilities dl.others {
	position: absolute;
	top: 1px;
	right: 0;
	width: 215px;
}

/*--------------------------------------
	1-4.body.doubleへの処理
---------------------------------------*/

body.double div#main {
	margin: 0;
	border: none;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	width: 684px;
	float: right;
}

body.double div#utilities {
	width: 215px;
	float: left;
	clear: left;
	text-align: left;
}