/*
#
#	stylesheet css file
#
*/

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

/*■CLASS*/

/*COLOR*/
.color-default		{	color: #000000;		}
.color-mark			{	color: #0000FF;		}
.color-attention	{	color: #FF0000;		}
.color-hide			{	color: #999999;		}
.color-menu			{	color: #330000;		}

/*SIZE*/
.size-big180	{	font-size: 180%;	}
.size-big160	{	font-size: 160%;	}
.size-big140	{	font-size: 140%;	}
.size-small90	{	font-size: 90%;	}
.size-small80	{	font-size: 80%;	}

/*TEXT ALIGN*/
.center		{	text-align:center;		}
.left		{	text-align:left;		}
.right		{	text-align:right;		}
.side		{	text-align:justify;		}
.top		{	vertical-align:top;		}
.middle		{	vertical-align:middle;	}
.bottom		{	vertical-align:bottom;	}
.hv-center	{	text-align:center; vertical-align:middle;	}

/*MARGIN (PX)*/
/*上右下左*/
.margin			{	margin: 30px 30px;	}
.h-margin		{	margin: 0px 30px;	}
.v-margin		{	margin: 30px 0px;	}
.box-center		{	margin: 50%;		}
.box-h-center	{	margin: 0% 50%;		}
.box-v-center	{	margin: 50% 0%;		}
.left-margin	{	margin-left: 20px;	}
.right-margin	{	margin-right: 20px;	}

/*CURSOR TYPE*/
.cursor-image		{	cursor: url("./images_index2/cursor.gif");		}
.cursor-pointer		{	cursor: pointer;	}
.cursor-question	{	cursor: help;		}
.cursor-up			{	cursor: n-resize;	}
.cursor-down		{	cursor: s-resize;	}
.cursor-left		{	cursor: w-resize;	}
.cursor-right		{	cursor: e-resize;	}

/*DECORATION*/
/*影色/右範囲/下範囲/ぼかし範囲*/
.shadow		{	text-shadow: #000000 3px 3px 5px;	}

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

/*■HTML TAG*/

body {

	/*margin*/
	height: auto; width: auto; left: auto; top: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px; 0px; 0px; 0px;
	
	/*background*/
	background-color: #FFFFFF;	/*IE5.0では無効*/
	background-image: url("images_common/bg_contents.jpg");
	background-repeat: repeat-y;
/*
	background-attachment: fixed;
	background-position: 100% 100%;
	background-position: left top;
*/

	/*text*/
	font-size: 12px;
	font-weight: normal;

	font-family: monospace;

	color: #666666;

	text-align: left;
	vertical-align: top;
	text-decoration: none;
	
}
body.menu {

	/*margin*/
	height: auto; width: auto; left: auto; top: auto;
	margin: 0px;
	padding: 0px;
	
	/*background*/
	background-color: #A7A7A7;	/*IE5.0では無効*/
	background-image: url("images_common/bg.gif");
	background-repeat: repeat-y;
	background-attachment: scrooll;
	background-position: 0% 0%;

	/*text*/
	font-size: 14px;
	font-weight: normal;

	color: #000000;

	text-align: left;
	vertical-align: top;
	text-decoration: none;
	
}

a:active	{	color: #330000; text-decoration: underline;	font-weight: normal; font-size: 100%;	}
a:link		{	color: #330000; text-decoration: underline;	font-weight: normal; font-size: 100%;	}
a:visited	{	color: #330000; text-decoration: underline;	font-weight: normal; font-size: 100%;	}
a:hover		{	color: #CC0000; text-decoration: underline; font-weight: normal; font-size: 100%;	}

a.menu:active	{	color: #ffffff; text-decoration: underline;	font-weight: bolder; font-size: 100%;	}
a.menu:link		{	color: #ffffff; text-decoration: underline;	font-weight: bolder; font-size: 100%;	}
a.menu:visited	{	color: #ffffff; text-decoration: underline;	font-weight: bolder; font-size: 100%;	}
a.menu:hover	{	color: #ff0000; text-decoration: underline; font-weight: bolder; font-size: 100%;	}

a.path:active	{	color: #ffffff; text-decoration: underline;	font-weight: normal; font-size: 90%;	}
a.path:link		{	color: #ffffff; text-decoration: underline;	font-weight: normal; font-size: 90%;	}
a.path:visited	{	color: #ffffff; text-decoration: underline;	font-weight: normal; font-size: 90%;	}
a.path:hover	{	color: #ffff00; text-decoration: underline; font-weight: normal; font-size: 90%;	}

/*------------------------------------------------
TABLE
------------------------------------------------*/
/*	tr:border無効	*/

table		{	border-style:solid;	border-color:#000000; border-width: 0px; font-size: 100%; border-collapse: collapse;	}
table th	{	border-style:solid;	border-color:#000000; border-width: 0px; font-size: 100%;	}
table td	{	border-style:solid;	border-color:#000000; border-width: 0px; font-size: 100%;	}

/*
class="border"の指定時には
	cellspacing="0"
としなければ隙間が空く
	cellpadding="4"
などは問題ない
*/

/*	GRID borde-width:1	*/
/*	border:↑→↓←	*/
table.border	{	border-style:solid; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%; border-collapse: collapse;	}
table.border th	{	border-style:solid; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%;	}
table.border td	{	border-style:solid; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%;	}
td.border		{	border-style:solid; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%;	}

/*	GRID borde-width:b	*/
/*	border:↑→↓←	*/
table.border_b	{	border-style:solid; border-color:#666666; border-width: 3px 3px 3px 3px; font-size: 100%; border-collapse: collapse;	}
table.border_b th	{	border-style:solid; border-color:#666666; border-width: 3px 3px 3px 3px; font-size: 100%;	}
table.border_b td	{	border-style:solid; border-color:#666666; border-width: 3px 3px 3px 3px; font-size: 100%;	}
td.border_b		{	border-style:solid; border-color:#666666; border-width: 3px 3px 3px 3px; font-size: 100%;	}

table.square	{	border-style:solid; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%; border-collapse: collapse;	}
table.square td	{	border-style:solid; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%;	}
td.square		{	border-style:solid; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%;	}

table.border5	{	border-style:solid; border-color:#666666; border-width: 5px 5px 5px 5px; font-size: 100%; border-collapse: collapse;	}
table.border5 td	{	border-style:solid; border-color:#666666; border-width: 5px 5px 5px 5px; font-size: 100%;	}
td.border5		{	border-style:solid; border-color:#666666; border-width: 5px 5px 5px 5px; font-size: 100%;	}

/*	dotted:↑→↓←	*/
table.border_dot	{	border-style:dotted; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%; border-collapse: collapse;	}
table.border_dot td	{	border-style:dotted; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%;	}
td.border_dot		{	border-style:dotted; border-color:#666666; border-width: 1px 1px 1px 1px; font-size: 100%;	}

/*	BOX border-style:solid	*/
table.border_s	{	border-style:solid; border-color:#666666; border-width: 1px; font-size: 100%; border-collapse: collapse;	}
table.border_bs	{	border-style:solid; border-color:#666666; border-width: 3px; font-size: 100%; border-collapse: collapse;	}

/*	BOX border-style:double	*/
/*	border-width:3以上で有効	*/
table.border_w	{	border-style:double; border-color:#666666; border-width: 3px; font-size: 100%; border-collapse: collapse;	}
table.border_bw	{	border-style:double; border-color:#666666; border-width: 6px; font-size: 100%; border-collapse: collapse;	}

td.center{
	height: auto; width: auto; left: auto; top: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px; 0px; 0px; 0px;
	font-size: 100%;	border-style:solid;	border-color:#000000; border-width: 0px;
	text-align:center; vertical-align: middle;
}
td.center_backgroundcolor{
	height: auto; width: auto; left: auto; top: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px; 0px; 0px; 0px;
	font-size: 100%;	border-style:solid;	border-color:#000000; border-width: 0px;
	text-align:center; vertical-align: middle;
	background-color: #2B6E5C;
}
td.hr{
	height: auto; width: auto; left: auto; top: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px; 0px; 0px; 0px;
	font-size: 100%;	border-style:solid;	border-color:#000000; border-width: 0px;
	text-align:left; vertical-align: top;
	background-color: #2B6E5C;
}

/* 枠線なし */
table.none		{	border-style:none;	}
table.none td		{	border-style:none;	}
td.none			{	border-style:none;	}

span	{	font-size: 100%;		}
tt		{	font-size: 100%;	font-family: monospace;		}

/*------------------------------------------------
段落
------------------------------------------------*/

div			{	font-size: 100%;	}
div.block	{	font-size: 100%; margin:0px 0px 0px 0px; padding: 10px 10px 10px 10px;border-style:dotted;border-width:1px;border-color:#CCCCCC;	}
div.hr		{	margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;border-style:dotted;border-width:0px 0px 1px 0px;border-color:#CCCCCC;	}

p		{	font-size: 100%;	}

h1{ font-size: 190%; margin:14px 0px 0px 0px; padding: 0px 10px 0px 10px;border-style:solid;border-width:0px 0px 0px 6px;border-color:#CC9900;}
h2{ font-size: 160%; margin:12px 0px 0px 0px; padding: 0px 8px 0px 8px;border-style:solid;border-width:0px 0px 0px 6px;border-color:#CC9900;}
h3{ font-size: 130%; margin:10px 0px 0px 0px; padding: 0px 6px 0px 6px;border-style:solid;border-width:0px 0px 0px 6px;border-color:#CC9900;}
h4{ font-size: 120%; margin:8px 0px 0px 0px; padding: 0px 4px 0px 4px;border-style:solid;border-width:0px 0px 0px 6px;border-color:#CC9900;}
h5{ font-size: 110%; margin:6px 0px 0px 0px; padding: 0px 2px 0px 2px;border-style:solid;border-width:0px 0px 0px 6px;border-color:#CC9900;}

center		{	font-size: 100%;		}
blockquote	{	font-size: 100%;		}

/*
#font-weight: 100/200/300/400/500/600/700/800/900
# normal:400
# bold:700
# lighter:-100
# bolder:+100
# inherit:継承
*/
b		{	font-size: 100%;	font-weight: bolder;}
strong	{	font-size: 100%;	font-weight: 900;	}

i		{	font-size: 100%; font-style:italic;	}
u		{	font-size: 100%;	text-decoration: underline;		}
font	{	font-size: 100%; 	}
big		{	font-size: 180%;		}
small	{	font-size: 80%;		}

form{
	margin: 0px 0px 0px 0px;
	padding: 0px; 0px; 0px; 0px;
}
input{
	border:1px solid #666666;
	background-color:#EEEEEE;
	font-weight:bold;
	color: #666666;
	text-decoration:none;
	font-size: 100%;
}
input.marquee{
	border:1px solid #FF3333;
	background-color:#990000;
	font-weight:normal;
	color: #ffffff;
	text-decoration:none;
	font-size: 90%;
}
input.box{
	font-size: 100%;
	border: 0px none #FFFFFF;
	background-color: transparent;
}
input.button{
	font-size: 100%;
	border: 2px outset #FFFFFF;
	background-color: buttonface;
}
input.button_size{
	font-size: 100%;
	border: 2px outset #FFFFFF;
	background-color: buttonface;
	width: 120px;
}
input.button_img{
	font-size: 100%;
	border: 0px none #FFFFFF;
}

textarea{
	border:1px solid #666666;
	background-color:#EEEEEE;
	font-weight:bold;
	color: #666666;
	text-decoration:none;
	font-size: 100%;
}
select,option{
	border:1px solid #666666;
	background-color:#ffffff;
	font-weight:normal;
	color: #333333;
	text-decoration:none;
	font-size: 90%;
}

/*------------------------------------------------
HR
------------------------------------------------*/

hr{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	height: 1px;
//	background-color:#CCCC00;
	border: #CC9900 1px solid;
}

/*------------------------------------------------
IMG
------------------------------------------------*/

img.border		{	border: 1px solid #000000;	}
img.border_w	{	border: 3px double #000000;	}