/* ---------------------------------------------------------
                      固定値設定
----------------------------------------------------------*/

/* Text Style */

.left{		text-align:		left;}
.right{		text-align:		right;}
.center{	text-align:		center;}
.justify{	text-align:		justify;
		 	text-justify:	distribute-all-lines;}

.baseline{	vertical-align:	baseline;}
.super{		vertical-align:	super;}
.sub{		vertical-align:	sub;}
.top{		vertical-align:	top;}
.middle{	vertical-align:	middle;}
.bottom{	vertical-align:	bottom;}

.overline{		text-decoration:	overline;}
.underline{		text-decoration:	underline;}
.line-through{	text-decoration:	line-through;}
.blink{			text-decoration:	blink;}

.pre{		white-space:	pre;}
.nowrap{	white-space:	nowrap;}

.strict{	line-break:	strict}

/* Font Style */

.serif{			font-family:	serif;}
.sans-serif{	font-family:	sans-serif;}
.cursive{		font-family:	cursive;}
.fantasy{		font-family:	fantasy;}
.monospace{		font-family:	monospace;}

.xx-small{	font-size:	xx-small;}
.x-small{	font-size:	x-small;}
.small{		font-size:	small;}
.medium{	font-size:	medium;}
.large{		font-size:	large;}
.x-large{	font-size:	x-large;}
.xx-large{	font-size:	xx-large;}
.larger{	font-size:	larger;}
.smaller{	font-size:	smaller;}

.bold{		font-weight:	bold;}
.bolder{	font-weight:	bolder;}
.lighter{	font-weight:	lighter;}
.italic{	font-style:		italic;}

.small-caps{	font-variant:	small-caps;}

/* Box Style */

.nopad{	padding:	0pt		!important;}
.nomag{	margin:		0pt		!important;}

.solid{		border-style:	solid;}
.double{	border-style:	double;}
.groove{	border-style:	groove;}
.ridge{		border-style:	ridge;}
.inset{		border-style:	inset;}
.outset{	border-style:	outset;}
.dotted{	border-style:	dotted;}
.dashed{	border-style:	dashed;}

.thin{	border-width:	thin;}
.thick{	border-width:	thick;}

.scoll{		overflow:	scroll}
/*.visible{	overflow:	visible}
.hidden{	overflow:	hidden}*/

.w100{	width:100%;}
.w90{	width:90%;}
.w80{	width:80%;}
.w75{	width:75%;}
.w70{	width:70%;}
.w60{	width:60%;}
.w50{	width:50%;}
.w40{	width:40%;}
.w30{	width:30%;}
.w25{	width:25%;}
.w20{	width:20%;}
.w10{	width:10%;}
.w5{	width:5%;}

/* Position Style */

.visible{	visibility:	visible;}
.hidden{	visibility:	hidden;}

.floatleft{		float:	left;}
.floatright{	float:	right;}
.floatclear{	clear:	both;}

/* List Style */

.disc{					list-style-type:	disk;}
.circle{				list-style-type:	circle;}
.square{				list-style-type:	square;}
.decimal{				list-style-type:	decimal;}
.lower-roman{			list-style-type:	lower-roman;}
.upper-roman{			list-style-type:	upper-roman;}
.lower-alpha{			list-style-type:	lower-alpha;}
.upper-alpha{			list-style-type:	upper-alpha;}
.lower-greek{			list-style-type:	lower-greek;}
.upper-greek{			list-style-type:	upper-greek;}
.decimal-leading-zero{	list-style-type:	decimal-leading-zero;}
.cjk-ideographic{		list-style-type:	cjk-ideographic;}
.hiragana{				list-style-type:	hiragana;}
.katakana{				list-style-type:	katakana;}
.hiragana-iroha{		list-style-type:	hiragana-iroha;}
.katakana-iroha{		list-style-type:	katakana-iroha;}
.hebrew{				list-style-type:	hebrew;}

/* Table  Style */

.fixed{	table-layout:	fixed;}

.collapse{
	border-collapse:	collapse;
	border-spacing:		0px;
}
.separate{	border-collapse:	separate;}

.show{	empty-cell:	show;}

/* Other Style */

.crosshair{	cursor:	crosshair;}
.pointer{	cursor:	pointer;
			cursor:	hand;}
.move{		cursor:	move;}
.e-resize{	cursor:	e-resize;}
.ne-resize{	cursor:	ne-resize;}
.nw-resize{	cursor:	nw-resize;}
.n-resize{	cursor:	n-resize;}
.se-resize{	cursor:	se-resize;}
.sw-resize{	cursor:	sw-resize;}
.s-resize{	cursor:	s-resize;}
.w-resize{	cursor:	w-resize;}
.text{		cursor:	text;}
.wait{		cursor:	wait;}
.help{		cursor:	help;}

.mg1{
	margin-left:	5%;
	margin-right:	5%;
}

.mg2{
	margin-left:	10%t;
	margin-right:	10%;
}

.boxcenter{
	margin-left:		auto;
	margin-right:		auto;
}



/* ---------------------------------------------------------
                      一般設定
----------------------------------------------------------*/

HTML{
	color:						#000000;
	background-color:			#F0F8FF;
	background-image :			url('images/test.png');
	background-repeat:			repeat;

	scrollbar-base-color:		#F0F8FF;	/* aliceblue */
	scrollbar-face-color:		#BFEFDF;	/* cornflower */
	scrollbar-arrow-color:		#6495ED;	/* cornflowerblue */
	scrollbar-highlight-color:	#F0F8FF;	/* aliceblue */
	scrollbar-3dlight-color:	silver;
	scrollbar-shadow-color:		#B0C4DE;	/* lightsteelblue */
	scrollbar-darkshadow-color:	silver;


	filter:	progid:DXImageTransform.Microsoft.Gradient(gradientType=1,StartColorStr=#99CCFF,EndColorStr=#FFFFFF);
}

BODY{
	margin-left:		auto;
	margin-right:		auto;
	width:				800px;
}

A{
	color:				#3399FF;
	text-decoration:	none;
/*	border:				1px	solid #F0F8FF;*/
}

A:VISITED{
	color:				#9999CC;
	text-decoration:	none;
}

A:HOVER	{
	color:				#FF00FF;
	text-decoration:	none;
/*	text-decoration:	underline overline;*/
/*	position:			relative;
	top:				2px;*/
	background-color:	#EEEEEE;
/*	border-color:		 #F0F8FF #BFEFDF #BFEFDF #F0F8FF;*/
}

A:ACTIVE{
	color:				#778899;
	text-decoration:	underline;
}

H1{	text-align:			center;
/*	color:				#FFFFFF;*/
	padding-top:		10px;
	padding-right:		0px;
	padding-bottom:		10px;
	padding-left:		0px;
}

H2{	text-align:			center;
/*	color:				#FFFFFF;*/
	padding-top:		7px;
	padding-right:		0px;
	padding-bottom:		7px;
	padding-left:		0px;
}

H3{	text-align:			center;
/*	color:				#FFFFFF;*/
	padding-top:		2px;
	padding-right:		0px;
	padding-bottom:		2px;
	padding-left:		0px;
	font-size:			xx-small;
}

P{
	line-break:			strict
}

DIV{
	line-break:			strict
}

HR{
	color:				#3399FF;
	align:				center;
	height:				1px;
}

TABLE{
	border-width:		1px;
	border-collapse:	collapse;
	border-style:		solid;
	//padding:			5pt;  
}

TH{
	//padding:			5pt;
	background-color:	#C4DED4;
}

TD{
	//padding:			5pt;
}

DT{
	font-weight:		bold;
}


UL{
	list-style-type:	upper-roman;
}

RUBY{
	ruby-align:			center;
}

RT{
	color:				green;
}

.link{
	color:				#3399FF;
	text-decoration:	none;
}