@charset "utf-8";

/*
*	Title: Vicuna: VegaCrystal Skin [Multi Column Type1 Style Module]
*	URI: http://vicuna.jp/
*	Last Modified: 2007-06-13
*	Author: wu
*
*	Description:
*	bodyにmultiクラスを付けることで
*	そのページを3カラムにできるようになります。
*
*	※マルチカラムを有効にした場合は、
*	サイト全体を通して横幅が900pxの固定になります。
*
*/

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

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

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

body {
	margin: 0 10px;
}

div#header,
div#content,
div#footer {
	width: 900px;/* 編集可能 - 最小幅・最大幅は3-layout.cssの指定が優先されます */
}

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

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

body.multi div#main {
	margin: 0 200px 0 230px;
	border: 1px solid #eee;
	border-top: none;
	width: 453px;
	_width: 439px; /* for IE */
	
	min-height: 1500px; /* 高さの最小値 */
	_height: 1500px; /* for IE 高さの最小値 */
}

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

body.multi div#utilities dl {
	margin: 3px 0 0 0;
}

body.multi div#utilities dl.navi {
	position: absolute;
	top: 1px;
	left: 0;
	width: 230px;
	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: 669px;
	_width: 654px; /* for IE */
	float: right;
}

body.double div#utilities {
	width: 230px;
	float: left;
	clear: left;
}