/*bgcolor="#F5FFFD" text="#006666" link="#FF6699" vlink="#FF6699" alink="#FF6699"*/
/*
scrollbar-[以下のどれか]-color:#赤緑青。ボデータグに入れるんだよ。
	arrow       △マーク
	track       床
	face        ボタンの色(床の半分も含む)
	highlight   ボタン←↑の内枠
	3dlight     ボタン←↑の外枠
	shadow      ボタン→↓の内枠
	darkshadow  ボタン→↓の外枠
*/

/* 
	scrollbar-arrow-color: #FF0000;       
	scrollbar-track-color: #000000;       
	scrollbar-face-color: #FFFFFF;        
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #FFFFFF;
*/

/*　ボックス設定など。俺は基本的に絶対指定が好きなんだ！
		一応デフォルトはIE(win)の指定と同様にしてみた。　*/

body {
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 14px;
	line-height: 150%;
	background:url('image/back_pink.gif') #FFFFFF;
	color: #000000;
}
td{
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 12px;
	line-height: 150%;
}

/*　リンク関連の文字設定　*/
/*　IEデフォルト L:#0000ff V:#800080 A:#------ H:#ff0000(デフォルトではオフ)　*/

a{text-decoration:none; font-weight:bold;
}
a:link{color:#0033FF;}
a:visited{color:#993399;}
a:active{color:#CC3300;}
a:hover{color:#FF3300;}

/*  文字修飾関係。Hタグはマージンとパデが決まっちゃっててうざいね。面倒がらずに4辺全て指定するように。 */
/*　h1 サイトタイトル           主にトビラ用タイトル。トップページ用。基本的にサイト内で１つで。
		h2 小タイトル               汎用サイトタイトル。基本的にページ内で一つ。
		h3 ページタイトル           コンテンツ見出し。コンテンツ内で一つ。htmlのタイトルとする。
		h4 ページコンテンツタイトル そのコンテンツ内で使うタイトル。
		h5 コンテンツ内見出し       コンテンツ内で分割するときに使用。NEWSの最新等
		h6 本文内見出し             本文の中で、見出しとしたい時に。基本的に本文テキストのやや上位。NEWSの過去等
		h7 目立たせない見出し       見出しとして用意したが、こちらは意図的に目立たせないためのもの。　*/
h1{
	visibility:hidden;
	position:absolute;
}

h2{
	text-indent:-10000px;
}

h3{
	width:100%;
	margin:0px;
	padding:0px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 14px;
	color:#ffffff;
	background-color:#990000;
}
h4{
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 2px;
	padding: 10px 0px 0px 20px;
	border-bottom:2px dashed #cccccc;
}
p{
	padding:10px;
	margin:10px;
}
ul.menu{padding-left:-50px;}
ul.menu li{display:inline; list-style-type:none ; width:150px; height:40px;}
ul.menu a{padding:5px; border:2px outset #af60ff; text-decoration:none; background:#ca95ff; color:#000}
ul.menu a:active{padding:5px; border-style:inset}

#main{
	text-align:left;
}
#title{
	width:600px;height:200px;
	background:url(image/title.gif) no-repeat;
}
#subtitle{
	width:100%;height:160px;
	text-align:center;
}
	#subtitle h2{
		height:80px;
		background:url(image/title_sub.gif) center center no-repeat;
	}
#copyright{
	position:relative;
	left:300px;top:10px;
	width:300px;
	text-align:right;
}
#select{
	position:relative;
	left:25%;
	width:440px;height:100px;
	text-align:center;
	background-color:#ffffff;
	filter:alpha(opacity=80);
}
#content{
	position:relative;
	left:120px;top:-90px;
	width:500px;
	padding-top:0px;
	border:2px solid #990000;
	text-align:left;
	background-color:#ffffff;
	filter:alpha(opacity=80);
}
#product{
	width:600px;
	padding-top:0px;
	border:2px solid #990000;
	text-align:left;
	background-color:#ffffff;
}
#bbs{
	position:relative;
	left:120px;top:-90px;
	width:544px;
	padding-top:0px;
	border:2px solid #990000;
	text-align:left;
	background-color:#ffffff;
}
#navigation{
	position:absolute;
	left:10px;top:120px;
	width:100px;
	padding-top:20px;
	border:2px solid #990000;
	background:url(image/navigation.gif) no-repeat;
	font-size:12px;
	text-align:center;
	background-color:#ffffff;
	filter:alpha(opacity=80);
}
form{
	margin-left:30px;
	margin-right:30px;
	border:2px dashed #333333;
	padding:5px;
}
.pdtable{
	margin:5px;
	padding:5px;
	width:150px;
	border:1px solid #ff0000;
	float:left;
	text-align:center;
}
.pdimg{
	border:1px solid #333333;
}
.gltable{
	margin:5px;
	padding:5px;
	width:240px;
	border:1px solid #ff0000;
	float:left;
	text-align:center;
}
.glimg{
	border:1px solid #333333;
}
.center{
	text-align:center;
}
.head{
	margin-left:20px;
	text-align:left;
}
.big{
	font-size:20px;
	font-weight:bold;
	color:#ff0033;
}
.red{
	color:#ff0033;
}