@charset "Shift_JIS";


/*
*	Title: Vicuna: Vega Skin
*	URI: http://mt.vicuna.jp/
*	Last Modified: 2007-03-08
*	Author: wu
*/



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

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

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

body {
	margin: 0 20px; /* 左右余白 */
	text-align: center; /* for IE6 中央寄せ */
	font-size : 13px;
	*font-size: small;
	*font: x-small;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color :#444;
	background: url(images/himmeli3_black.gif);
}

div#header,
div#content,
div#footer {
	margin: 0 auto; /* 中央寄せ */
	width: 900px;
}

div#header {
	padding-top: 145px; /*  挿入画像の高さ */
	_height: 145px;  /* for IE 挿入画像の高さ */
	position: relative;
	border-bottom: 1px solid #eee;
	background: #fff url(http://instinc.jp/living/clever/images/header.gif) no-repeat;
}

/* タイトルの位置 */

div#header p.siteName {
	position: absolute;
	top: 75px;
	left: 0px;
	margin: 20px 30px 0;
	line-height: 1;
	font-size: 144%;
	font-weight: bold;
}


/*--------------------------------------
	サイトタイトルの色
---------------------------------------*/

div#header p.siteName a {
	color: #ef857d;
	text-decoration: none;
}

/*--------------------------------------
	サイトタイトルの色 (マウス反応時)
---------------------------------------*/

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

/* 概要の位置 */

div#header p.description {
	position: absolute;
	top: 120px;
	left: 0px;
	color: #999;
    font-size: 95%;
	margin: 0 30px;
}


/*--------------------------------------
	ボディーカラー
---------------------------------------*/

div#content {
	background-color: #fff;
}

/*--------------------------------------*/


table { 
	font-size : 13px;  
	text-align:left; 
}
 
input,textarea { 
	border : solid 1 #666666; 
	background-color : #ffffff; 
	color : #9666666; 
	font-size : 13px;
}

* {
	line-height: 1.5;
	font-style: normal;
}



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

	2-2.div#content
	
=======================================*/

div#content {
	padding: 20px 0;
	position: relative;
	padding-bottom: 1px;
	background-color: #fff;
}

div#content p.return {
	clear: both;
	text-align: right;
}


div#content a:link {
	color: #666666; text-decoration: none;
}
 
div#content a:visited {
	color: #666666; text-decoration: none;
}
 
div#content a:hover {
	color:#ffcccc; position:relative; top:1px; left:1px;
}
 
div#content a:active {
	color: #666666; text-decoration: none;
}

div#content .a {
	line-height : 20px; 
	border-bottom : dotted 1 #666666; 
}

div#content .tablecenter {
	margin-left: auto; 
	margin-right: auto;
	width:600px; 
}

div#content .textcenter {
	text-align: center;
}


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

	Global Navigation Module
	
=======================================*/


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

ul#globalNavi {
    position: absolute;
    top: 0;
    left: 190px;
	margin: 0px 0 0;
	padding: 0 0 0 0px;
}

div#header ul#globalNavi::after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

ul#globalNavi li {
	margin: 0 0;
	padding: 0 0;
	float: left;
    font-size: 1pt;
    font-color: #fff;
	list-style-type: none;
}


/*--------------------------------------
	2.ボタン通常時
---------------------------------------*/

li#home a {
    color: #fff;
    border: none;
    display: block;
    position: relative;
    width: 87px;
    height: 90px;
    float: left;
    background: url(http://instinc.jp/living/clever/images/g_navi_03.gif) no-repeat;
}

li#mon a {
    color: #fff;
    border: none;
    display: block;
    position: relative;
    width: 84px;
    height: 90px;
    float: left;
    background: url(http://instinc.jp/living/clever/images/g_navi_04.gif) no-repeat;
}

li#pe a {
    color: #fff;
    border: none;
    display: block;
    position: relative;
    width: 85px;
    height: 90px;
    float: left;
    background: url(http://instinc.jp/living/clever/images/g_navi_05.gif) no-repeat;
}

li#miki a {
    color: #fff;
    border: none;
    display: block;
    position: relative;
    width: 84px;
    height: 90px;
    float: left;
    background: url(http://instinc.jp/living/clever/images/g_navi_06.gif) no-repeat;
}

li#mido a {
    color: #fff;
    border: none;
    display: block;
    position: relative;
    width: 84px;
    height: 90px;
    float: left;
    background: url(http://instinc.jp/living/clever/images/g_navi_07.gif) no-repeat;
}


li#ita a {
    color: #fff;
    border: none;
    display: block;
    position: relative;
    width: 85px;
    height: 90px;
    float: left;
    background: url(http://instinc.jp/living/clever/images/g_navi_08.gif) no-repeat;
}

li#sozai a {
    color: #fff;
    border: none;
    display: block;
    position: relative;
    width: 85px;
    height: 90px;
    float: left;
    background: url(http://instinc.jp/living/clever/images/g_navi_09.gif) no-repeat;
}

li#links a {
    color: #fff;
    border: none;
    display: block;
    position: relative;
    width: 85px;
    height: 90px;
    float: left;
    background: url(http://instinc.jp/living/clever/images/g_navi_10.gif) no-repeat;
}

/*--------------------------------------
	3.ボタン反応時
---------------------------------------*/

li#home a:hover {
    background-position: 0 -91px;
}

li#mon a:hover {
    background-position: 0 -91px;
}

li#pe a:hover {
    background-position: 0 -91px;
}

li#miki a:hover {
    background-position: 0 -91px;
}

li#mido a:hover {
    background-position: 0 -91px;
}

li#ita a:hover {
    background-position: 0 -91px;
}

li#sozai a:hover {
    background-position: 0 -91px;
}

li#links a:hover {
    background-position: 0 -91px;
}

/*--------------------------------------
	3.ボタン反応時
---------------------------------------*/

div#header ul#globalNavi li.current a {
    background-position: 0 -91px;
}

/*--------------------------------------
	フッター
---------------------------------------*/

div#footer ul.support {
    font-size: 90%;
	color: #444;
}