@charset "utf-8";

/*
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
 :title "Vicuna - Multi Column Type1 Module";
 :created "2008-01-07";
 :release [:revision "1.01"; :created "2008-01-016"];
 :author [:name "wu"; :homepage <http://vicuna.jp/>; :mbox "3ping.org@gmail.com"];
 :license <http://www.opensource.org/licenses/mit-license.php>;
 :description "本文エリアが中央に置かれる3カラムレイアウトモジュール";
 :note "
 	dl.othersの内容をdl.naviカラムより多くすることはできません。Multi Column Type2を利用してください。
 	このモジュールが有効の時、ページの表示幅は900px(最優先)の固定幅になります。
 	mod_multiCol-Type2との併用はできませんので必ず一方だけ読み込ませてください。
	このレイアウトを有効にするには、ページのbody要素のクラスを multi に変更してください。
	" .
*/

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

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

/*--------------------------------------
	1-1. Style for All
---------------------------------------*/

div#header,
div#content,
div#footer {
	width: 800px;
	min-width: none;
	max-width: none;
}

/*--------------------------------------
	1-2. Style for "body.multi"
---------------------------------------*/

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

body.multi div#main {
	margin-right: 220px;
	float: right;
	width: 370px;
	min-height: 800px;
	_height: 800px; /* for IE */
	display: inline;
}

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

body.multi div#utilities {
	float: left;
	display: inline;
	width: 185px;
	background-image: url(../subSkin/images/bg/bg_line_dotted2.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

body.multi div#utilities dl.navi {
	margin-left: 0;
	margin-right: 10px;
}

body.multi div#utilities dl.others {
	margin-left: 0;
	margin-right: 10px;
	position: absolute;
	top: 0;
	right: 0;
	width: 185px;
}

/* 1-2-3. Comment Form
-----------------------------*/

body.multi form.post textArea {
	margin: 0;
	width: 30em;
	_width: 300px; /* for IE */
}

/*--------------------------------------
	1-3. Style for "body.double"
---------------------------------------*/

body.double div#main {
	margin: 0 0 0 15px;
	width: 590px;
	float: right;
}

body.double div#utilities {
	width: 185px;
	float: left;
	clear: left;
	background-position: right top;
}

body.double div#utilities dl.navi,
body.double div#utilities dl.others {
	margin-left: 0;
	margin-right: 10px;
}

/*--------------------------------------
	Others
---------------------------------------*/

/* Thumbnail */

div#utilities ul.thumb li {
	width: 85px;
}