@charset "utf-8";

/* 基本構造（左右幅決定と左右ボーダー、テキスト） */
body {
	margin:0;
	padding:0;
}

#container {
	margin:0 auto;
	padding:0;
	background-color:#000;
	width:640px;
}

#container-inner {
	margin:0 2px;
	padding:0;
	font-size:12px;
	line-height:16px;
	color:#000;
	background-color:#fff;
	text-align:left;
}

.t-red {
	color:#c00;
}

/* 見出しの基本設定（h1はページヘッダのみに使用、いずれも画像代入を仮定しています。） */
h1 {
	margin:0 5px 15px 5px;
	padding:0 ;
	text-indent:-9999px;
	width:626px;
	height:75px;
	display:block;
}

h1 a {
	margin:0;
	padding:0 ;
	text-indent:-9999px;
	background:no-repeat url('../img/header.gif');
	width:626px;
	height:75px;
	display:block;
}

h2 {
	margin:0 0 10px 0;
	padding:0 ;
	text-indent:-9999px;
}

h3 {
	margin:0 0 3px 0;
	padding:0 ;
	text-indent:-9999px;
}

/* ナビを含まない場合のメイン領域 */
#main-unit {
	margin:0;
	padding:0 18px;
}

/* ナビを含む左右段組 */
#unit {
	margin:0;
	padding:0 18px 0 0;
}

#main-unit a,#unit a,#index-unit a                         { text-decoration:none; color:#39c; }
#main-unit a:visited,#unit a:visited,#index-unit a:visited { text-decoration:none; color:#069; }
#main-unit a:hover,#unit a:hover,#index-unit a:hover       { text-decoration:underline; color:#660; }

/* ナビ */
#navi {
	margin:0;
	padding:0;
	background:url('../img/navi_bg.gif') no-repeat;
	width:193px;
	float:left;
}

#navi ul#nav {
	margin:7px 0 7px 6px;
	padding:0;
}

#nav li ,#nav a {
	margin:0;
	padding:0;
	display:block;
	width:186px;
	height:34px;
}

#nav a { background:url('../img/navi.gif') no-repeat; }

#nav li {
	text-indent:-9999px;
	list-style-type: none;
}

#nav-flow    a { background-position:0px   0px; }
#nav-install a { background-position:0px  -34px; }
#nav-app-id  a { background-position:0px  -68px; }
#nav-system  a { background-position:0px -102px; }
#nav-manual  a { background-position:0px -136px; }
#nav-version a { background-position:0px -170px; }
#nav-support a { background-position:0px -204px; }
#nav-temp-dl a { background-position:0px -238px; }
#nav-faq     a { background-position:0px -272px; }
#nav-inquiry a { background-position:0px -306px; }

#nav-flow    a:hover { background-position:-186px   0px; }
#nav-install a:hover { background-position:-186px  -34px; }
#nav-app-id  a:hover { background-position:-186px  -68px; }
#nav-system  a:hover { background-position:-186px -102px; }
#nav-manual  a:hover { background-position:-186px -136px; }
#nav-version a:hover { background-position:-186px -170px; }
#nav-support a:hover { background-position:-186px -204px; }
#nav-temp-dl a:hover { background-position:-186px -238px; }
#nav-faq     a:hover { background-position:-186px -272px; }
#nav-inquiry a:hover { background-position:-186px -306px; }

/* メインコンテンツ領域 */
#main {
	margin:0;
	padding:0;
	width:410px;
	float:right;
}

/* フッタ */
#footer {
	margin:15px 5px 0 5px;
	padding:0 ;
	background:url('../img/footer_bg.gif') no-repeat #000;
	width:626px;
	position:relative;
}

#footer img {
	margin:7px 13px 10px 13px;
}

ul#foot-nav {
	position:absolute;
	margin:0 3px 0 0;
	padding:0;
	right:0px;
	top:5px;
}

#foot-nav li {
	margin:0 6px 0 0;
	padding:0;
	font-size:10px;
	line-height:1em;
	color:#fff;
	display:inline;
	list-style-type: none;
}

#foot-nav a         { text-decoration:none; color:#fff; }
#foot-nav a:visited { text-decoration:none; color:#999; }
#foot-nav a:hover   { text-decoration:underline; color:#369; }

/* floatをclearする時はhrを使用 */
#container hr {
	clear:both;
	visiblity:hidden;
	width:0;
	height:0;
	border:none;
}