/* @override http://fullcolors.jp/wp-content/themes/wp.vicuna.ext/style-ninja/5-module.css */

@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.01"; :created "2008-01-15"];
 :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 {
	padding-top: 154px; /* img height - 26px(div#header padding bottom) */
	_height: 188px;  /* for IE (img height + border-width) */
	/*juno
	padding-top: 180px;*/ /* img height - 26px(div#header padding bottom) */
	/*juno
	_height: 214px;*/  /* for IE (img height + border-width) */
	border-bottom: none;
	position: relative;
/*juno
	background-image: url(../images/eyeCatch/header.png);
	background-image: url(../images/eyeCatch/header.jpg);
*/
	background-image: url(../images/eyeCatch/header/rotate.php);
	background-repeat: no-repeat;
}

/* title */

div#header p.siteName {
	position: absolute;
	/*juno*/
	top: 30px;
	left: 30px;
	text-shadow: #000000 2px 2px 3px;}

div#header p.siteName a:link,
div#header p.siteName a:visited {
	color: #fff;/* Set Title Color */
}

/* Description */

div#header p.description {
	position: absolute;
	/*juno*/
	top: 45px;
	left: 0px;
	color: #fff; /* Set Description Color */
	text-shadow: #000000 2px 2px 3px;
}

/*--------------------
	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;
}