/****** ヘッダー領域 ******/
#header {
	text-align			: center;
	margin				: 0px auto;
	width				: 820px;
	top					: 0px;
	height				: 140px;
	position			: absolute;
	background-color	: #000000;
	overflow			: hidden;
}

/****** メイン領域 *******/
#main {
	text-align			: center;
	margin				: 0px auto;
	width				: 820px;
}
#space {
	height				: 167px;
}
#space2 {
	height				: 615px;
}

/****** フッター領域 *******/
#footer{
	text-align			: center;
	margin				: 0px auto;
	width				: 820px;
	height				: 25px;
	background-color	: #666666;
	background-image	: url('../img/bgblackstripe.gif');
	position			: relative;
}

/****** フッター領域を押し下げる領域 *******/
#push {
	width				: 820px;
	height				: 25px;
	background-color	: #000000;
}

/****** フッター以外を包み込む領域 *******/
#wrapper{
	text-align			: left;
	width				: 820px;
	min-height			: 100%;
	height				: auto !important;
	height				: 100%; /* ie用に設定 */
	margin				: 0px auto -25px; /* id="footer"と同じ高さ(100px)の負の値を入力 */
	background-color	: #000000;
}

/****** ページ全体を構成する領域 ******/
#container{
	height				: 100%;/*
	text-align			: center;*/
}


/****** ロゴの位置調整 ******/
#logo {
	position			: relative;
	margin				: 7px;
}


/****** トップページのレイアウト設定 *******/
/****** 左側･中央を囲う領域 *******/
#index_left_center_box{
	float				: left;
	width				: 645px;
}
/****** 左側 *******/
#index_left{
	background-color	: #000000;
	float				: left;
	width				: 175px;
}
#index_left img{
	margin				: 15px 0px 0px 0px;
}
/****** 中央 *******/
#index_center{
	background-color	: #000000;
	float				: right;
	width				: 470px;
}
/****** 右側 *******/
#index_right{
	background-color	: #000000;
	float				: right;
	width				: 175px;
}
#index_right img{
	margin				: 15px 0px 0px 0px;
}
/****** 下側 *******/
#index_bottom{
	background-color	: #000000;
	clear				: both;
}

/****** トップ絵の領域 ******/
#topPicture {
	position			: absolute;
	width				: 820px;
	top					: 167px;
	height				: auto;
	margin				: 0px auto;
	text-align			: center;
}
#topPictureEdge {
	position			: relative;
	margin				: 30px 23px;
	background-color	: #333333;
	border				: 1px solid gray;
	padding				: 3px;
}


#edge1 {
	margin				: 0px;
	background-color	: #333333;
	border				: 1px solid gray;
	padding				: 3px;
}
#edge2 {
	background-color	: #222222;
	border				: 1px solid gray;
	padding				: 2px;
}

/****** 白色のボックス *******/
#whitebox{
	background-color	: #ffffff;
	width				: 150px;
	margin				: 15px 0px 0px 0px;
	font-size			: 10pt;
	color				: #000000;
}
/****** 黒色のボックス *******/
#blackbox{
	background-color	: #000000;
	width				: 150px;
	margin				: 15px 0px 0px 0px;
	font-size			: 10pt;
	color				: #ffffff;
}

/****** ブラウザ独自のレイアウト解除用 ******/
* {
	margin				: 0px;
	padding				: 0px;
}



html,body{
	height				: 100%;
	background-color	: #444444;
}
html {
	overflow-y			:scroll;
}
BODY,
TD,
H1,
H2 {
	color				: #ffffff;
	font-size			: 11pt;
	font-family			: "MS UI Gothic","ＭＳ Ｐゴシック","ＭＳ Ｐ明朝";
	line-height			: 1.5;
}

div img {
	vertical-align		: bottom;
	border			 	: 0px;
}


/****** 構造体リストの設定 *******/
dl {
	text-align			: left;
	margin				: 0px 20%;
}
dt {
	margin-top			: 2em;
	padding-left		: 0.5em;
	font-weight			: bold;
}
dd {
	font-size			: 10pt;
	margin				: 0.5em 3em;
}

/****** リンク左側 *******/
#rink_left{
	background-color	: #000000;
	float				: left;
	width				: 350px;
	margin				: 0px 0px 0px 60px;
}
/****** リンク右側 *******/
#rink_right{
	background-color	: #000000;
	float				: right;
	width				: 350px;
	margin				: 0px 60px 0px 0px;
}
*html body #rink_left {margin : 0px 0px 0px 30px;}
*html body #rink_right{margin : 0px 30px 0px 0px;}
/****** リンクトップ用構造体リストの設定 *******/
dl.linkTop {
	text-align			: left;
	margin-left			: 18%;
	margin-right		: 18%;
}
dl.linkTop dt {
	background-color	: #333333;
	border				: solid 1px gray;
	margin-top			: 1.5em;
	padding-left		: 0.5em;
	font-weight			: bold;
}
dl.linkTop dd {
	background-color	: #444444;
	border				: solid 1px gray;
	font-size			: 10pt;
	margin				: -1px 0px 0px 0px;
	padding				: 0.2em 1em 0.2em 2em;
}
/****** リンク用構造体リストの設定 *******/
dl.link {
	text-align			: left;
	margin-left			: 10%;
	margin-right		: 5%;
	clear				: both;
}
dl.link dt {
	background-color	: #333333;
	border				: solid 1px gray;
	margin-top			: 1.5em;
	padding-left		: 0.5em;
	font-weight			: bold;
}
dl.link dd {
	font-size			: 10pt;
	margin				: 0.5em 0em 0.5em 3em;
}
img.link {
	float				: left;
	margin-right		: 20px;
	margin-bottom		: 3px;
}
/****** リンク用バナー紹介用構造体リストの設定 *******/
dl.banner {
	text-align			: left;
	margin-left			: 15%;
	margin-right		: 15%;
}
dl.banner dt {
	width				: 150px;
	background-color	: #333333;
	border				: 1px solid gray;
	padding-left		: 0.5em;
	font-weight			: bold;
}
dl.banner dd {
	background-color	: #222222;
	line-height			: 1.5;
	font-size			: 10pt;
	margin				: 1em 2em 3em 2em;
	padding				: 0.6em 1em;
	border				: 1px solid gray;
}
/****** サブページ紹介用構造体リストの設定 *******/
dl.introduction {
	text-align			: left;
	margin-left			: 15%;
	margin-right		: 15%;
	clear				: both;
}
dl.introduction dt {
	width				: 150px;
	background-color	: #333333;
	border				: 1px solid gray;
	padding-left		: 0.5em;
	font-weight			: bold;
}
dl.introduction dd {
	background-color	: #222222;
	line-height			: 1.8;
	font-size			: 10pt;
	margin				: 1em 2em 3em 2em;
	padding				: 1.5em 1em;
	border				: 3px double gray;
}
img.introduction {
	float				: left;
	margin-right		: 20px;
	margin-bottom		: 3px;
}

/****** 最新情報の設定 *******/
body.news {
	background-color	: #000000;
}
ul.news {
	background-color	: #000000;
	list-style			: none;
	padding				: 7px 5px;
}
ul.news li {
	font-size			: 12px;
	margin				: 0px;
	padding				: 0px 20px;
	background			: url(../img/y-news.gif) no-repeat 3px 0.3em;
	list-style			: none;
}

/****** 在庫情報の設定 *******/
body.stock {
	background-color	: #333333;
	padding				: 30px 10px;
}

/****** リンクの設定 *******/
a {
	color				: #FF9900;
	text-decoration		: none;		/* リンク線なし */
}
a:hover {
	color				: #FF0000;
	text-decoration		: underline;	/* リンク下線 */
}


/****** フォントの設定 *******/
.fo01 {
	font-size			: 8pt;
}
.fo02 {
	font-size			: 14pt;
	font-weight			: bold;
}
.fo03 {
	font-size			: 14pt;
	font-weight			: bold;
	color				: #ff9900;
}
.fo04 {
	font-size			: 8pt;
	color				: #ff9900;
}

.exp {
	line-height			: 3.0;
}


/****** スクロールバーの設定 *******/
html {
	scrollbar-face-color		: #222222;
	scrollbar-highlight-color	: #888888;
	scrollbar-shadow-color		: #444444;
	scrollbar-3dlight-color		: #696969;
	scrollbar-arrow-color		: #777777;
	scrollbar-track-color		: #555555;
	scrollbar-darkshadow-color	: #000000;
	scrollbar-base-color		: #ffffff
}

/****** タブの設定 *******/
#tab {
	margin-left			: 0;
	margin-bottom		: 1em;
	padding-left		: 0;
	border-bottom		: 1px solid gray;
	height				: 1.5em;
	overflow			: hidden;
	list-style-type		: none;
}
#tab li {
	float				: left;
	width				: 70px;			/* リストの横幅 */
	height				: 1.5em;
}
#tab li a {
	display				: block;
	width				: 64px;			/* タブの横幅 */
	height				: 1.5em;
	border				: 1px solid gray;
	border-bottom		: 0;
	background-color	: #333333;
	
	font-size			: 11pt;
	color				: #777777;		/* リンクの色 */
	text-align			: center;		/* 文字のセンタリング */
	text-decoration		: none;			/* リンク線なし */
}
#tab li a:hover,
#tab li.present a {
	border				: 1px solid #cccccc;
	color				: #ffffff;
	background-color	: #777777;
}