@charset "utf-8";

/*
*	Title: Vicuna: [Eye Catch Head Module]
*	URI: http://vicuna.jp/
*	Last Modified: 2007-07-26
*	Author: wu
*
*	Hint:
*	ページ最上部に画像を表示させる事ができます。
*	読み込まれる画像: images/eyeCatch/long.gif
*
*/

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

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

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

body {
	margin: 0 10px;
}

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

div#header {
	padding-top: 184px; /*  挿入画像の高さ */
	_height: 184px;  /* for IE 挿入画像の高さ */
	position: relative;
	background-image: url(../images/eyeCatch/header.png);
	background-repeat: no-repeat;
}

body.double div#main {
	position: relative;
	background-image: url(../images/interface/bg_div-main_e-l.gif);
}

/* タイトル */

div#header p.siteRogo {
	/*位置変更*/
	position: absolute;
	top: 8px;
	left: 10px;
}

div#header p.siteRogo a {
	background-image: url(../images/eyeCatch/header_rogo.gif);
	height: 83px;
	width: 83px;
	text-indent: -9999px;
	display: block;
}

div#header p.siteName {
	/*位置変更*/
	position: absolute;
	top: 10px;
	left: 120px;
}

div#header p.siteName a {
	background-image: url(../images/eyeCatch/header_title.gif);
	height: 40px;
	width: 523px;
	text-indent: -9999px;
	display: block;
}

div#header p.siteName a {
	color: #333;
}

div#header p.siteName a:hover {
	color: #999;
}


/* 概要の位置 */

div#header p.description {
	position: absolute;
	top: 70px;
	left: 125px;
	width: 365px;
	color: #FFF;
	line-height: 1.2;
}

/*--------------------------------------
	2-1.グローバルナビへの処理
---------------------------------------*/

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



/*--------------------------------------
	2-2.詳細
---------------------------------------*/

div#header ul.siteDetail {
	position: absolute;
	top: 133px;
	left: 10px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#header ul.siteDetail li {
	float: left;
	margin: 0 -7px 0 0;
	padding: 0;
}

div#header ul.siteDetail li img {
	border: 0;
}

div#header a {
	outline: none;
}

div#header a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
