@charset "utf-8";

/*
*	Title: Vicuna: VegaCrystal Skin [Multi Column Type2 Style Module]
*	URI: http://vicuna.jp/
*	Last Modified: 2007-06-13
*	Author: wu
*
*	Description:
*	bodyにmultiクラスを付けることで
*	そのページを3カラムにできるようになります。
*	[←★→]マークのついた指定を全て反転させることでサイドバー内の
*	カラムの左右入れ替えが可能。
*
*	※マルチカラムを有効にした場合は、
*	サイト全体を通して横幅が900pxの固定になります。
*
*/

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

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

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

body {
	margin: 0 10px;
}

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

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

/* 1-3-1.div#main
-----------------------------*/

body.multi div#main {
	float: left;
	width: 454px;
	_width: 439px; /* for IE (border +1px) */
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/* 1-3-1.div#utilities
-----------------------------*/

body.multi div#utilities {
	padding: 0;
	display: inline; /* for IE */
	float: right;
	clear: right;
	width: 445px;
}

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

body.multi div#utilities dl.navi {
	border-left: 1px solid #eee; /* [←★→] */
	border-bottom: 1px solid #eee;
	display: inline; /* for IE */
	float: right; /* [←★→] */
	width: 230px;
	_width: 231px; /* for IE (border +1px) */
}

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

body.multi div#utilities dl.others {
	margin: 0 5px;
	display: inline; /* for IE */
	width: 204px;
	float: left; /* [←★→] */
}

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

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

body.double div#main {
	margin: 0;
	width: 669px;
	_width: 654px; /* for IE6 (border +1px) */
	float: left;
}

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

body.double div#utilities {
	margin-top: 0;
	width: 230px;
	float: right;
	clear: right;
}