/* BODY */
BODY
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;

	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 3px;

	color:#4b4b4b;
	font-size:100%;

	font-family: "Meiryo",sans-serif;
	line-height:1.2;					/* 行間高さ(ﾌｫﾝﾄｻｲｽﾞ*1)	@@@ 220704 K.I write */
}

p.MAIN_MENU
{
	font-size:12px;
	color:#ff8000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#HEADER_AREA
{
	width:100%;
	text-align:center;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* リンク用（フォント色が白のパターン） */
a.LINK_TEXT_W:link
{
	COLOR: #ffffff;
/*	font-size:12px;*/
	text-align: center;
}
a.LINK_TEXT_W:visited
{
	COLOR: #ffffff;
/*	font-size:12px;*/
	text-decoration: none;
	text-align: center;
}
a.LINK_TEXT_W:hover
{
    COLOR: #00FF00;
/*	font-size:12px;*/
	text-align: center;
}
a.LINK_TEXT_W:active
{
    COLOR: #ffffff
/*	font-size:12px;*/
	text-align: center;
}

/* リンク用（フォント色が濃いグレーのパターン） */
a.LINK_TEXT:link
{
	COLOR: #2F4F4F;
/*	font-size:12px;*/
	text-align: center;

}
a.LINK_TEXT:visited
{
	COLOR: #2F4F4F;
/*	font-size:12px;*/
	text-align: center;
}
a.LINK_TEXT:hover
{
    COLOR: #2F4F4F;
/*	font-size:12px;*/
	text-align: center;
}
a.LINK_TEXT:active
{
    COLOR: #2F4F4F
/*	font-size:12px;*/
	text-align: center;
/*	padding-bottom:2px;*/
}

/* リンク用（フォント色が濃いグレーのパターン） */
a.LINK_TEXT_WORNING:link
{
	COLOR: #ff0000;
	font-weight:bold;
/*  background-color: #ff0000;	*/
	text-align: center;

}
a.LINK_TEXT_WORNING:visited
{
	COLOR: #ff0000;
	font-weight:bold;
/*  background-color: #ff0000;	*/
	text-align: center;
}
a.LINK_TEXT_WORNING:hover
{
    COLOR: #ff0000;
	font-weight:bold;
/*  background-color: #ff0000;	*/
	text-align: center;
}
a.LINK_TEXT_WORNING:active
{
    COLOR: #ff0000
	font-weight:bold;
/*  background-color: #ff0000;	*/
	text-align: center;
}


/* リンク用（フォント色が濃いグレーのパターン） */
a.LINK_TEXT_SELECT:link
{
	COLOR: #2F4F4F;
   	background-color: #97ff97;
	text-align: center;

}
a.LINK_TEXT_SELECT:visited
{
	COLOR: #2F4F4F;
   	background-color: #97ff97;
	text-align: center;
}
a.LINK_TEXT_SELECT:hover
{
    COLOR: #2F4F4F;
   	background-color: #97ff97;
	text-align: center;
}
a.LINK_TEXT_SELECT:active
{
    COLOR: #2F4F4F
   	background-color: #97ff97;
	text-align: center;
}

.SUBMENU_SELECT
{
   	background-color: #ffffff;
	text-align: center;
}

.SUBMENU
{
	text-align: center;
}




/* ページングリンク用（フォント色が濃いグレーのパターン） */
a.LINK_PAGING:link
{
	font-family: "Meiryo",sans-serif;
	COLOR: #0000ff;
	font-size:14px;
	text-align: center;
	text-decoration: none;
	padding-bottom:2px;

}
a.LINK_PAGING:visited
{
	font-family: "Meiryo",sans-serif;
	COLOR: #0000ff;
	font-size:14px;
	text-align: center;
	text-decoration: none;
	padding-bottom:2px;
}
a.LINK_PAGING:hover
{
	font-family: "Meiryo",sans-serif;
	COLOR: #0000ff;
	font-size:14px;
	text-align: center;
	border-bottom: 1px solid;
	margin-bottom:2px;
}
a.LINK_PAGING:active
{
	font-family: "Meiryo",sans-serif;
    COLOR: #0000ff
	font-size:14px;
	text-align: center;
	text-decoration: none;
	padding-bottom:2px;
}

.NOW_PAGING
{
	font-family: "Meiryo",sans-serif;
	COLOR: #000000;
	font-size:18px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;

}

div#INDEX_AREA {  
    width: 1024px;  
    height: 580px;  
    position: absolute;  
    top: 50%;  
    left: 50%;  
    margin: -310px 0 0 -480px;  
    padding: 0px 0px 0px 0px;  

	background-color :#00bfff;

	border-top: #888888 1px solid;
	border-bottom: #888888 1px solid;
	border-left: #888888 1px solid;
	border-right: #888888 1px solid;
}

div#LOGIN_AREA
{
	width: 1000px;
/*	height: 580px;  */				/* @@@ 241001 K.I del  */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -350px 0 0 -480px;		/* @@@ 241001 K.I upd */
	padding: 0px 0px 0px 0px;
	
	background-color :#00bfff;
	
	border-top: #888888 1px solid;
	border-bottom: #888888 1px solid;
	border-left: #888888 1px solid;
	border-right: #888888 1px solid;
}

#GOIMGAREA
{
	float:left;
	margin-right:10px;
	padding-top:20px;
}


#CONTENTS_AREA
{
	width:1000px;
	margin: 0px auto;
    font-size: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;

/*
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
*/
}

/* コンテンツメイン */
#CONTENTS_MAIN
{
/*
    background-color: #fbffff;
*/
	width:1000px;
 	margin: 0px auto;
   	background-color: #ffffff;
	overflow-x: auto; 
	overflow-y: hidden; 

	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
/*	margin: 0px 0px 10px 0px;*/
/*
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
*/
}


#PROC_BUTTON
{
	text-align:left;
	width: 1000px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#MENU_TITLE
{
	text-align:left;
	width: 1000px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#MENU_TITLE p
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#MENU_TITLE h3
{
	font-size: 140%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;

}


#SUB_MENU
{
/*	height: 50px;*/
	font-size: 12px;		/* 20140527 石垣追記 */
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
/*    background-color: #ffffa2;*/
}


#SHOW_CONSITION_TBL
{
/*
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
*/
    background-color: #ffffa2;
	width: 980px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	line-height:80%;
}

#SHOW_CONSITION_TBL td
{
	padding: 5px 5px 0px 5px;
	width:20%;
	height:20px;			/* 20140527 石垣変更 */
}

.INPUT_TBL
{
/*
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
*/
	margin-top:10px;
	line-height:90%;
}

.INPUT_TBL td
{
	height:40px;
}


#SHOW_CONDITION_TBL
{
    background-color: #ffffa2;
	width: 980px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	line-height:80%;
}

#SHOW_CONDITION_TBL td
{
	padding: 5px 5px 0px 5px;
	width:20%;
	height:20px;
}

.INPUT_TBL
{
	margin-top:10px;
	line-height:90%;
}

.INPUT_TBL td
{
	height:40px;
}


#SHOW_NUM_TBL
{
/*
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
*/
    background-color: #ffffff;
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#PROC_BTN_TBL
{
/*
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
*/
    background-color: #ffe0c1;
	width: 980px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}

.PROC_BTN
{
	width:80px;
	height:25px;
}

.PROC_BTN_L
{
	width:120px;
	height:25px;
}

.PROC_BTN_2L
{
	width:150px;
	height:25px;
}

.PROC_BTN_R
{
	width:80px;
	height:25px;
	COLOR: #ff0000;
	font-weight:bold;
}

.PROC_BTN_RL
{
	width:120px;
	height:25px;
	COLOR: #ff0000;
	font-weight:bold;
}

.PROC_BTN_R2L
{
	width:150px;	/* @@@ 230131 K.I upd */
	height:25px;
	COLOR: #ff0000;
	font-weight:bold;
}

.PROC_BTN_R3L
{
	width:210px;
	height:25px;
	COLOR: #ff0000;
	font-weight:bold;
}

.PROC_BTN_B
{
	width:80px;
	height:25px;
	font-weight:bold;
}

.PROC_BTN_BL
{
	width:120px;
	height:25px;
	font-weight:bold;
}

.PROC_BTN_B2L
{
	width:180px;
	height:25px;
	font-weight:bold;
}

.PROC_BTN_B3L
{
	width:210px;
	height:25px;
	font-weight:bold;
}


.FONT_BR
{
	COLOR: #ff0000;
	font-weight:bold;
}

.FONT_R
{
	COLOR: #ff0000;
}

.FONT_R
{
	font-weight:bold;
}


.DATA_TABLE
{
	table-layout:fixed;
}

.DATA_TD
{
	word-wrap:break-word;
}


#VIEW_MAIN
{
	font-size: 90%;
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 10px 0px;

/*
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
*/
}

#DATA_MAIN
{
/*
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
*/
	font-size: 90%;
	width:980px;
	height:500px;

	overflow-x: scroll ;
	overflow-y: scroll ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#DATA_MAIN_LONG
{
	/* @@@ 230131 K.I write */
	font-size: 90%;
	width:980px;
	height:680px;

	overflow-x: scroll ;
	overflow-y: scroll ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#DATA_MAIN_CHK_HIST
{
	font-size: 90%;
	width:650px;
	height:220px;

	overflow-x: scroll ;
	overflow-y: scroll ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#DATA_MAIN_SMALL
{
	width:980px;
	height:300px;
	overflow-x: scroll ;
	overflow-y: scroll ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#MESSAGE
{
	text-align:left;
	width: 95%;
	height: 200px;
	overflow-x: scroll ;
	overflow-y: scroll ;
	padding: 2px 0px 0px 2px;
	margin: 0px 0px 0px 0px;

	border-top: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;

}

/* ポップアップ説明画面 */
a.myshow:link
{
	COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;
}
a.myshow:visited
{
	COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;

}
a.myshow:active
{
    COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.myshow:hover
{
    position: relative;
    top: 0px; left: 0px;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.myshow span
{
 	display:none;
	padding:5px;
	margin-left:2px;
	margin-top:13px;
	width:150px; 
	border:2px solid #999;
	color:#000033;
	background-color:#ffc4e1;
}

a.myshow:hover span
{
	display:inline;
	position:absolute;
}

a.myshow font
{
	display:none;
	padding:25px;
	margin-left:70px;
	width:200px; 
	border:2px solid #cccccc;
	background-color:#ffffff;
}

a.myshow:hover font
{
	display:inline;
	color:red;
	position:absolute;
}

.LANG_ENG
{
letter-spacing: -0.05em;
	font-size:80%;
	padding:0px;
	margin:0px;
}

.LANG_JPN
{
	font-size:90%;
	padding:0px;
	margin:0px;
}

.LANG_JPN2
{
	font-size:80%;
	padding:0px;
	margin:0px;
}


/* コンテンツメイン */
#show_ap{display:none;}
#show_p{display:none;}
#show_c{display:none;}
#show_mou{display:none;}
#show_rst{display:none;}
#show_sho{display:none;}
#show_ta{display:none;}





#INFO
{
/*	height: 400px;*/
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#INFO ul
{
    PADDING-top: 10px;
    PADDING-right: 0px;
    PADDING-bottom: 0px;
    PADDING-left: 5px;
    margin: 5px 0px 10px 0px;
    LIST-STYLE-TYPE: none;
	text-align:left;
}

#INFO li
{
	margin:0px 0px 0px 0px;
    PADDING: 10px 0px 0px 10px;
}


#INFO_MAIN
{
	width:920px;
/*
    BORDER-top: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
*/
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

#INFO_MAIN li
{
    BORDER-BOTTOM: #666666 1px solid;
	text-align:right;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}


#TL
{
	color:#fb5200;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#TL2
{
	color:#000000;
	font-weight:bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#FG
{
	color:#228b22;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#MSG
{
	color:#000000;
	margin: 5px 0px 10px 7px;
	padding: 0px 0px 0px 0px;
}

#DATE
{
	color:#0000ff;
}



#INFO_SUB_WAKU
{
	float:left;

/*
    BORDER-top: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    border-right: #999999 1px solid;
    border-left: #999999 1px solid;
*/
	width:290px;
	height:380px;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}


#INFO_SUB1
{
    BORDER-top: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    border-right: #999999 1px solid;
    border-left: #999999 1px solid;

/*	font-size:80%;*/

/*	width:800px;*/
	height:350px;
	overflow-x: scroll ;
	overflow-y: scroll ;
	margin: 2px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}

#INFO_SUB2
{
    BORDER-top: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    border-right: #999999 1px solid;
    border-left: #999999 1px solid;

/*	font-size:80%;*/

	width:270px;
	height:350px;
	overflow-x: scroll ;
	overflow-y: scroll ;
	margin: 2px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}

#INFO_SUB3
{
    BORDER-top: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    border-right: #999999 1px solid;
    border-left: #999999 1px solid;

/*	font-size:80%;*/

	width:270px;
	height:350px;
	overflow-x: scroll ;
	overflow-y: scroll ;
	margin: 2px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}


#example{
	width: 1500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#main{
	width: 500px;
	margin-left:230px
}
#floatMenu{
	width: 160px;
	height: 300px;
	background-color:#ffffff;
	position: absolute;
	top:100px;
	left: : 10px;
	padding: 20px;

    BORDER: #999999 5px solid;
}
#floatMenu p{
	margin-bottom: 10px;
}


/* @@@ ISHIGAKI write 20150805 ↓↓↓ */
#PF_CONTENTS{
	float:left;
	width:1000px;
 	margin: 0px auto;
/*	border-width:2px;		/* 領域に枠線 01	*/
/*	border-style:solid;		/* 領域に枠線 02	*/
}

#PF_CONTENTS .item{
	float:left;
	width:250px;
	height:200px;
/*	border-width:2px;		/* 領域に枠線 01	*/
/*	border-style:solid;		/* 領域に枠線 02	*/
}

#PF_CONTENTS .item .title{
	clear:both;			/* float 左寄せ解除					*/
	margin-left:auto;	/* left right auto で中央揃えになる */
	margin-right:auto;
	width:100%;
	height:50px;
	font-size:18px;
	text-decoration: underline;
	text-align:center;
/*	border-width:2px;		/* 領域に枠線 01	*/
/*	border-style:solid;		/* 領域に枠線 02	*/
}

#PF_CONTENTS .item .icon{
	clear:both;			/* float 左寄せ解除					*/
	margin-left:auto;	/* left right auto で中央揃えになる */
	margin-right:auto;
	width:100%;
	height:150px;
	text-align:center;
/*	border-width:2px;		/* 領域に枠線 01	*/
/*	border-style:solid;		/* 領域に枠線 02	*/
}

/* @@@ ISHIGAKI write 20150805 ↑↑↑ */


/* ポップアップ説明画面(ﾜｲﾄﾞ) @@@ 200605 K.I write */
a.myshow_wide:link
{
	COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;
}
a.myshow_wide:visited
{
	COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;

}
a.myshow_wide:active
{
    COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.myshow_wide:hover
{
    position: relative;
    top: 0px; left: 0px;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.myshow_wide div
{
	text-align:left; 
	display:none;
	padding:5px;
	margin-left:-120px;
	margin-top:25px;
	width:270px; 
	border:2px solid #999;
	color:#000033;
	background-color:#ffc4e1;
	z-index:100;
}

a.myshow_wide:hover div
{
	display:inline;
	position:absolute;
}

a.myshow_wide font
{
	display:none;
	padding:25px;
	margin-left:70px;
	width:270px; 
	border:2px solid #cccccc;
	background-color:#ffffff;
}

a.myshow_wide:hover font
{
	display:inline;
	color:red;
	position:absolute;
}


/* ポップアップ説明画面 */
a.myshow:link
{
	COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;
}
a.myshow:visited
{
	COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;

}
a.myshow:active
{
    COLOR: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.myshow:hover
{
    position: relative;
    top: 0px; left: 0px;
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.myshow div
{
	text-align:left; 
	display:none;
	padding:5px;
	margin-left:-120px;
	margin-top:25px;
	width:150px; 
	border:2px solid #999;
	color:#000033;
	background-color:#ffc4e1;
	z-index:100;
}

a.myshow:hover div
{
	display:inline;
	position:absolute;
}

a.myshow font
{
	display:none;
	padding:25px;
	margin-left:70px;
	width:200px; 
	border:2px solid #cccccc;
	background-color:#ffffff;
}

a.myshow:hover font
{
	display:inline;
	color:red;
	position:absolute;
}