/*
	共通 CSS ファイル
*/

/*------------------------------------------------
汎用CLASS
------------------------------------------------*/

/*COLOR*/

/*SIZE*/
.size-big		{	font-size: 200%;	}
.size-big180	{	font-size: 180%;	}
.size-big160	{	font-size: 180%;	}
.size-big140	{	font-size: 140%;	}
.size-big120	{	font-size: 120%;	}
.size-small80	{	font-size: 80%;		}
.size-small		{	font-size: 60%;		}

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

/*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: 100px;	}
.right-margin	{	margin-right: 30px;	}

/*CURSOR TYPE*/
/*
.cursor-image		{	cursor: url("images_common/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: #CCCCCC 3px 3px 5px;	}

/*項目名*/
.heading{
	font-size: 80%;
	color: #FFFFFF;
	text-decoration:none;
}

/*パス*/
.path{
	font-size: 80%;
	color: #999999;
	text-decoration:none;
}

/*------------------------------------------------
BODY
------------------------------------------------*/

body {

	/*box-size*/
	height: auto;
	width: auto;
	left: auto;
	top: auto;
	
	/*margin*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	/*background*/
	background-color: #FFFFFF;	/*IE5.0では無効*/

	background-image: url("../images_common/bg_pattern.gif");
/*
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center top;
*/
	/*text*/
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-family: monospace;
	
	color: #666666;
	
	text-align: left;
	vertical-align: top;
	text-decoration: none;

}

/*------------------------------------------------
リンク
------------------------------------------------*/

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

a:active.bgwh	{	font-size: 100%; color: #3366FF; text-decoration: underline; font-weight: normal;	}
a:link.bgwh		{	font-size: 100%; color: #3366FF; text-decoration: underline; font-weight: normal;	}
a:visited.bgwh	{	font-size: 100%; color: #3366FF; text-decoration: underline; font-weight: normal;	}
a:hover.bgwh	{	font-size: 100%; color: #FF6600; text-decoration: underline; font-weight: normal;	}

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

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

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

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

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

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

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

/*	BOX border-style:dotted	*/
/*	IE5.5 NN6以上で有効	*/
table.border_d	{	border-style:dotted; border-color:#FF6600; border-width: 1px; font-size: 100%; border-collapse: collapse;	}
table.border_bd	{	border-style:dotted; border-color:#FF6600; border-width: 3px; font-size: 100%; border-collapse: collapse;	}
td.border_d		{	border-style:dotted; border-color:#FF6600; border-width: 1px; font-size: 100%; border-collapse: collapse;	}
td.border_bd	{	border-style:dotted; border-color:#FF6600; border-width: 3px; font-size: 100%; border-collapse: collapse;	}

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

div		{	font-size: 100%;	}
p		{	font-size: 100%;	}

/*------------------------------------------------
SPAN
------------------------------------------------*/

span	{	font-size: 100%;	}

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

hr{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 90%;
}

/*------------------------------------------------
FORM
------------------------------------------------*/

form{
	font-size: 100%;
	height: auto; width: auto; left: auto; top: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

input{
	font-size: 100%;
	border: 1px dotted #FF6600;
	background-color: transparent;
	color: #666666;
	text-decoration: none;
}

input.box{
	font-size: 100%;
	border: 0px none #FFFFFF;
	background-color: transparent;
}
input.button{
	font-size: 100%;
	border: 1px outset #FFFFFF;
	background-color: #FFFFCC;
	color: #333333;
}
input.button_size{
	font-size: 100%;
	border: 1px outset #FFFFFF;
	background-color: #FFFFCC;
	width: 120px;
}
input.button_img{
	font-size: 100%;
	border: 0px none #FFFFFF;
}

input.marquee{
	font-size: 100%;
	border: 0px none transparent;
	background-color: transparent;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	width: 755px;
}

textarea{
	font-size: 100%;
	border: 1px dotted #FF6600;
	background-color: transparent;
	color: #666666;
	text-decoration: none;
	overflow:auto;
}

select,option{
	font-size: 100%;
	background-color: #FFFFCC;
	color: #FF6600;
	text-decoration: none;
}

optgroup{
	font-size: 100%;
}

label{
	font-size: 100%;
}

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

/*img				{	}*/
img.border		{	border: 1px solid #CCCCCC;	}
img.border_w	{	border: 3px double #CCCCCC;	}
img.float_left	{	float:left;		}
img.float_right	{	float:right;	}

/*------------------------------------------------
物理的形状指定
------------------------------------------------*/
/*
font-weight: 100/200/300/400/500/600/700/800/900
normal:400
bold:700
lighter:-100
bolder:+100
inherit:継承
*/

big		{	font-size: 180%;	}
small	{	font-size: 80%;		}
strong	{	font-size: 100%; font-weight: 900;		}

b		{	font-size: 100%; font-weight: bolder;	}
i		{	font-size: 100%; font-style: italic;	}

/*	抹消線	*/
s		{	font-size: 100%; text-decoration: line-through;	}

/*	等幅	*/
tt		{	font-size: 100%; font-family: monospace;	}

/*	下線	*/
u		{	font-size: 100%; text-decoration: underline;	}

/*	上付添字	*/
sup		{	font-size: 100%; vertical-align: super;	}

/*	下付添字	*/
sub		{	font-size: 100%; vertical-align: sub;	}

/*------------------------------------------------
論理的形状指定
------------------------------------------------*/

/*	引用文	*/
cite		{
	font-size: 100%;
	font-style: italic;
}

/*	ブロック引用	*/
blockquote	{
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*	プログラム引用	*/
code		{
	font-size: 100%;
	font-family: monospace;
}

/*	キーボード入力する部分用（URLなど）	*/
kbd			{
	font-size: 100%;
	font-weight: bold;
	font-family: monospace;
}

/*	入れ替えるべき任意のテキスト用（電話番号など）	*/
var			{
	font-size: 100%;
	font-style: italic;
}

/*	警告MSG用	*/
samp		{
	font-size: 100%;
	font-family: monospace;
}

/*------------------------------------------------
廃止予定HTMLタグ
※使用頻度が低い
------------------------------------------------*/

font		{	font-size: 100%;	}
center		{	font-size: 100%; text-align: center;	}