@charset "utf-8";

/****form_design****/
/** テキストデザイン **/
input[type="text"],
input[type="password"] {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	height: 18px;
	line-height: 19px;
	border: solid 1px #606060;
}
input[type="text"]:focus,
input[type="password"]:focus {
	border: 1px solid #9595E0;
	background-color: #EFEFEF;
}

textarea {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	border: solid 1px #606060;
}
textarea:focus {
	border: 1px solid #9595E0;
	background-color: #EFEFEF;
}

/** ボタンデザイン **/
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	margin-top: 1px;
	height: 22px;
	padding:0 6px;
	line-height: 19px;
	border: 1px solid #505050;
	background-color: #EFEFEF;
	/* margin-left:-1px; */
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border: 1px solid #A0A0A0;
	background-color: #CCCCCC;
}

input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	color:#FFFFFF;
	border: 1px solid #A0A0A0;
	background-color: #9595E0;
}

input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
	border: 1px solid #A0A0A0;
	color:#A0A0A0;
	background-color: #EFEFEF;
}

input[type="checkbox"],
input[type="radio"] {
	border: solid 0px #606060;
}


select {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	height: 22px;
	line-height: 22px;
	border: solid 1px #606060;
}



/** ここから、サブ要素 **/
select.search_normal {
	width: 160px;
}

option.gray_word {
	color:gray;
}

/** ボタンなどに利用 **/
.button_width_normal {
	width: 75px;
}

a.flatbutton, span.flatbutton {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	/* line-height: 22px; */
	/* display: table-cell; */
	display:inline-block;
	width:auto;
	/* height: 22px; */
	padding: 3px 6px;
	/* margin:3px; */
	white-space:nowrap;
	color:#000000;
	background-color: #EFEFEF;
	border: 1px solid #505050;
	/* margin-left:-1px; */
}

a:focus.flatbutton {
	outline:0;
}

a:hover.flatbutton {
	color:#FFFFFF;
	border: 1px solid #A0A0A0;
	background-color: #CCCCCC;
}

a:active.flatbutton {
	color:#FFFFFF;
	border: 1px solid #A0A0A0;
	background-color: #9595E0;
}


/* ボタン形式のテキスト、アクティブ状態 */
span.flatbutton_active {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	line-height: 22px;
	/* display: table-cell; */
	/* display:inline-table; */
	width:auto;
	height: 22px;
	padding: 3px 6px;
	/* margin:3px; */
	white-space:nowrap;
	color:#FFFFFF;
	border: 1px solid #A0A0A0;
	background-color: #9595E0;
}

/* ボタン形式のテキスト、アクティブ状態 */
span.flatbutton_disabled {
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	/* line-height: 22px; */
	/* display: table-cell; */
	display:inline-block;
	width:auto;
	/* height: 22px; */
	padding: 3px 6px;
	/* margin:3px; */
	color:#A0A0A0;
	white-space:nowrap;
	background-color: #EFEFEF;
	border: 1px solid #A0A0A0;
}

a.flatbutton_clicked,span.flatbutton_clicked{
 	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	/* line-height: 22px; */
	/* display: table-cell; */
	display:inline-block;
	width:auto;
	/* height: 22px; */
	padding: 3px 6px;
	/* margin:3px; */
	color:red;
	white-space:nowrap;
	background-color: #EFEFEF;
	border: 1px solid red;
}

/* アイコン付きボタン */
img.in_button_icon {
	border-width: 0;
	line-height: 22px;
	margin: 4px 4px -4px 0;
}

a.flatwidth,span.flatwidth{
	width:65px;
}

/* ヘルプのポップアップ */
.help_container {
	border: 1px solid #C0C0C0;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 3px 3px #333333;
	margin-top: 20px;
	padding: 10px;
	position: absolute;
	z-index: 100;
	background-color: #FFFFFF;
}

/*CSS black2 style pagination*/

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; float:left;
}
DIV.black2 A {
	BORDER-RIGHT: #656565 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #656565 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #656565 1px solid; COLOR: #656565; PADDING-TOP: 2px; BORDER-BOTTOM: #656565 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}

DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

/*CSS black style pagination*/

DIV.black {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; ; float:left;
}

DIV.black a {display:block;height:16px;width:16px;float:left}

DIV.black SPAN.left1 a {background-image: url(/images/icon_prev01.png);}
DIV.black SPAN.left2 a {background-image: url(/images/icon_prev03.png);}
DIV.black SPAN.left3 a {background-image: url(/images/icon_prev05.png);}

DIV.black SPAN.right1 a {background-image: url(/images/icon_prev07.png);}
DIV.black SPAN.right2 a {background-image: url(/images/icon_prev09.png);}
DIV.black SPAN.right3 a {background-image: url(/images/icon_prev11.png);}

DIV.black SPAN.left1 a:hover {background-image: url(/images/icon_prev02.png);}
DIV.black SPAN.left2 a:hover {background-image: url(/images/icon_prev04.png);}
DIV.black SPAN.left3 a:hover {background-image: url(/images/icon_prev06.png);}

DIV.black SPAN.right1 a:hover {background-image: url(/images/icon_prev08.png);}
DIV.black SPAN.right2 a:hover {background-image: url(/images/icon_prev10.png);}
DIV.black SPAN.right3 a:hover {background-image: url(/images/icon_prev12.png);}