@charset "utf-8";

/*
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
 :title "Vicuna Flat Style - Layout";
 :created "2008-01-07";
 :release [:revision "1.00"; :created "2008-01-010"];
 :author [:name "wu"; :homepage <http://vicuna.jp/>; :mbox "3ping.org@gmail.com"];
 :license <http://www.opensource.org/licenses/mit-license.php>;
 :description "
 	context.cssからレイアウトに関するスタイルを抜き出したモジュール
	[←★→]マークのついた指定を全て反転させることでカラム位置の左右入れ替えが可能です。
	";
 :note "
 	Outline
		4-1.containers
			4-2.[Sngle column]
				4-2-1.div#utilities
			4-3.[Double column]
				4-3-1.div#main
				4-3-2.div#utilities" .
*/

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

	4-1.Containers Layout
	
=======================================*/

html,
body {
	width: 100%;
	height: 100%;
	min-width: 950px;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

div#header {
	position: absolute;
	width: 100%;
	min-width: 950px;
	height : 100px;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: #fff;
	border-bottom: 1px solid #900;
}

div#content {
	position: relative;
	width: 100%;
	min-width: 950px;
	height: 100%;
	z-index: 1;
	margin-top: 0;
	/*padding-bottom: 50px;*/
}

body > #content {
	height: auto;
	min-height: 100%;
}

div#main {
	margin-top: 120px;
}

div#utilities {
	margin-top: 105px;
}

p.return {
	display: block;
	clear: both;
	min-width: 950px;
	height: 50px;
	padding-bottom: 50px; /* must be same height as the footer */
}

div#footer {
	position: relative;
	width: 100%;
	min-width: 950px;
	height: 50px;
	z-index: 2;
	margin-top: -50px; /* negative value of footer height */
}

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

	4-2. [Sngle column]
	Style for body class="single"
	
=======================================*/
body.single div#content {
}
/*
body.single ul#flip1 {
	margin: 1em 0;
	position: absolute;
	right: 0;
	top: 0;
}

body.single div#main p.topicPath {
	margin-right: 11em;
}
*/
/*--------------------------------------
	4-2-1. div#utilities
---------------------------------------*/
/*
body.single div#utilities {
	margin-top: 1em;
	padding: 1.2em 0;
}

body.single div#utilities dl {

}

body.single div#utilities dl dt {

}

body.single div#utilities dl dd {
	margin: 0 0 1em;
}

body.single div#utilities dl dd ul {
	margin: 0;
}

body.single div#utilities dl dd dt {
	margin: 0;
	padding: 0 0 0.2em 0;
}

body.single div#utilities dl dd dd {
	border: none;
	background-image: none;
}
*/
/* navi */

body.single #utilities dl.navi {
	/*float: left;
	width: 49%;
	display: inline; *//* for IE6 */
}

body.single #utilities dl.navi dt {

}

/* others */

body.single #utilities dl.others {
}

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

	4-3. [Double column] body.double 
	Style for body class="double"
	[←★→]マークのついた指定を反転させることでカラムの位置入れ替えが可能
	
=======================================*/

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

body.double div#main {
	margin-right: -210px; /* [←★→] */
	float: left; /* [←★→] */
	display: inline;
	width: 100%;
}

/*--------------------------------------
	4-3-2. div#utilities
---------------------------------------*/

body.double div#utilities {
	float: left; /* [←★→] */
	clear: right; /* [←★→] */
	width: 210px;
}

body.double div#utilities dl.navi,
 {
	margin-left: 0; /* [←★→] */
	margin-right: 0; /* [←★→] */
}


body.double div#utilities dl.others {
	margin-left: 0; /* [←★→] */
	margin-right: 0; /* [←★→] */
}