@charset "utf-8";

/*
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
 :title "Vicuna - Eye Catch Header Module";
 :created "2007-12-26";
 :release [:revision "1.0"; :created "2007-12-26"];
 :author [:name "wu"; :homepage <http://vicuna.jp/>; :mbox "3ping.org@gmail.com"];
 :license <http://creativecommons.org/licenses/by/3.0/>;
 :description "ページの上部に任意の画像を読み込むモジュール";
 :note "
	読み込まれる画像は style-xxx/images/eyeCatch/header.png です。
 	このモジュールが有効の時、ページの表示幅は800pxの固定幅になります。
	" .
*/

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

	Eye Catch [Header] image Module
	
=======================================*/

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

body {
	margin: 0 10px;
}

div#header,
div#content,
div#footer {
	width: 800px; /* Do not edit this line */
	min-width: none;
	max-width: none;
}

div#header {
	border-top: 8px solid #BBCF5F;
	margin-top: 8px;

	/* padding-top: 154px; *//* img height - 26px(div#header padding bottom) */
	padding-top: 100px;

	/* _height: 188px; */ /* for IE (img height + border-width) */
	_height: 100px;

	border-bottom: none;
	position: relative;
	background-color: #D5E19B;
	background-image: url(../images/eyeCatch/header.png);
	background-repeat: no-repeat;
}

/* title */

div#header p.siteName {
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 200%;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	/* top: 30px; */
	/* left: 20px; */
}

div#header p.siteName a:link,
div#header p.siteName a:visited {
	color: #002200;/* Set Title Color */
	/* color: #fff; *//* Set Title Color */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Description */

div#header p.description {
	position: absolute;
	top: 50px;
	left: 0px;
	color: #002200; /* Set Description Color */

	/* top: 80px; */
	/* left: 20px; */
	/* color: #fff; *//* Set Description Color */
}

/*--------------------
	Border Switch
----------------------*/

div#content {
	border-top-width: 5px;
}

div#main,
body.double div#utilities,
body.multi div#utilities {
	border-top-width: 0;
}

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

div#header ul#globalNavi {
	margin-top: 0;
}

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