@CHARSET "windows-31j";

/** 共通 ここから ******************************************************************************/
body
{
	background-color : #FFFFFF;
	margin-top: 0px;
}

* {
    font-size: small;
    font-family: MS PGOTHIC;
}
form {
    border: 0px;
    margin: 0px;
}

A:link
{
  color: #0033CC;
    text-decoration: none;

}

A:visited
{
    color: #0033CC;
    text-decoration: none;


}
A:hover
{
    color: #CC6600;
    text-decoration: none;

}

.noborder {
	border: 0;
}

.nodisp {
	display: none;
}

.hidden {
	visibility: hidden;
}

/* エラー表示 */
span.fielderror {
	font-size: 9pt;
	font-weight: bold;
	color: red;
}

span.indispensable {
    font-weight: normal;
    color: red;
    width: 10px;
}

span.attention {
    font-weight: bold;
}

span.inguide {
	font-size: x-small;
}

.adobe {
    font-size: small;
}

/* ページタイトル */
td.pagetitle {
    text-align: left;
    color: #314184;
    font-weight: bold;
    margin-bottom: 20px;
}

/* トップページへリンク */
td.toplink {
	text-align: right;	
}

/* 通常ボタンサイズ(3文字まで) */
input.buttonnormal {
	width: 80px;
}

/* 上部表示 */
.valigntop {
	vertical-align: top;
}

div {
	text-align: left;
}

/* 前画面遷移ボタン配置用 */
div.backbutton {
    text-align: right;	
}

/* 画面下部ボタン配置用 */
div.button {
	text-align: center;
}

div.sectiontitle {
    text-align: left;
    background-color: #2F4487;
    color: #ffffff;
    font-weight: bold;
}

h1
{
	line-height: 1.5em;
	background-image:url("/open/openimages/h2.gif");
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:30px;
	font-size:130%;
	color:#2F4487;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 15px;
}

/* ワードブレイク */
td.word_break 
{
	word-break: break-all;
}
/** 共通 ここまで ******************************************************************************/

/*** SELECT用 ここから *************************************************************************/
select.sibu {
	width: 200px;
}
select.sikai {
	width: 200px;
}
select.gyosyu_lrg {
	width: 180px;
}
select.gyosyu_ins {
	width: 220px;
}
select.gyosyu_sml {
	width: 320px;
}

/*** SELECT用 ここまで *************************************************************************/

/*** 検索用 ここから ***************************************************************************/

/* 検索条件用 table */
table.conditiontable {
	width: 800px; /* 変更時、table.searchlist & div.searchbutton も変更すること */
}

/* 検索条件用 キャプション */
table.conditiontable td.caption {
	font-weight: normal;
	width: 150px;
}

/* 検索条件用 入力項目 */
table.conditiontable td.input {
	width: 200px;
}

/* リストのページャの左側表示 */
.pagerleft {
	width: 74%;
	text-align: left;
	vertical-align: middle;
}

/* リストのページャの右側表示 */
.pagerrightlink {
	width: 10%;
	text-align: right;
	vertical-align: middle;
}

/* リストのページャの右側表示 */
.pagerrighttext {
	width: 2%;
	text-align: right;
	vertical-align: middle;
}

/* ページャ上部表示用 */
table.pagertop {
	width: 100%;
}

/* ページャ下部表示用 */
table.pagerbottom {
	width: 100%;
}

/* 検索一覧用 */
table.searchlist {
	border: 0;
	width: 800px;　/* 変更時、table.conditiontable & div.searchbutton も変更すること */
}

/* 一覧のヘッダ */
th.search {
	vertical-align: middle;
}

/* 一覧の列定義 */
td.listcol {
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;	/* 変更時、td.childlistcoltop & td.listcolspan も変更すること */
	
}

/* 一覧の列定義 */
td.listcolright {
	text-align: right;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
	
}

/* 一覧の列定義 */
td.listcolcenter {
	text-align: center;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
	
}

/* 一覧の列定義 */
td.listcolclose {
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	border-right: solid 1px #314184;
	padding: 5px;	/* 変更時、td.childlistcoltopright & td.childlistcolright も変更すること */
	
}

/* 一覧の列定義 */
td.listcolrightclose {
	text-align: right;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	border-right: solid 1px #314184;
	padding: 5px;
	
}

/* 一覧の列定義 */
td.listcolcenterclose {
	text-align: center;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	border-right: solid 1px #314184;
	padding: 5px;
	
}

/* 一覧のヘッダ */
div.search {
	width: 100%;
	height: 100%;
	background-color:#CCFFFF;
	color: #2F4487;
	text-align: center;
	border-top: solid 1px #314184;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;	/* 変更時、th.traplansearch も変更すること */
}

/* 一覧のヘッダ(最終列専用) */
div.searchclose {
	width: 100%;
	height: 100%;
	background-color:#CCFFFF;
	color: #2F4487;
	text-align: center;
	border: solid 1px #314184;
	padding: 5px;	/* 変更時、th.traplansearchclose も変更すること */
}

/* 一覧のヘッダ(rowspan) */
div.searchrowspan {
	width: 100%;
	height: 100%;
	background-color:#CCFFFF;
	color: #2F4487;
	text-align: center;	/* 変更時、th.traplansearchrowspan も変更すること */
}

/* 一覧のヘッダ(rowspan) */
div.searchrowspantop {
	width: 100%;
	height: 100%;
	font-weight: bold;
	text-align: center;
	border-top: solid 1px #314184;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;	/* 変更時、th.traplansearchrowspantop も変更すること */
}

/* 一覧のヘッダ(rowspan) */
div.searchrowspanbottom {
	width: 100%;
	height: 100%;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;	/* 変更時、th.searchrowspanbottom も変更すること */
}
	
/* 検索ボタン */
div.searchbutton {
	text-align: right;
	width: 800px;　/* 変更時、table.conditiontable & table.searchlist も変更すること */
}

/* 新規登録ボタン */
div.registerbutton {
	text-align: left;
}


/* 一覧の列定義 */
div.listcol {
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;	/* 変更時、td.childlistcoltop & td.listcolspan も変更すること */
	
}

/* 一覧の列定義 */
div.listcolright {
	text-align: right;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
	
}

/* 一覧の列定義 */
div.listcolclose {
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	border-right: solid 1px #314184;
	padding: 5px;	/* 変更時、td.childlistcoltopright & td.childlistcolright も変更すること */
	
}
/*** 検索用 ここまで ***************************************************************************/

/*** 入力フィールド用 ここから ***********************************************************************/
table.inputtable {
    margin-top: 5px;
    width: 800px;
    margin-bottom: 0px;
    margin-top: 0px;
}

table.inputtable td {
    width: 650px;
}

table.inputtable td.head {
	vertical-align: top;
	text-align: left;
    font-weight: normal;
    width: 140px;
}

table.inputtable td.headshort {
	vertical-align: top;
	text-align: left;
    font-weight: normal;
    width: 90px;
}

/* 入力項目２つ横並び用ver */
table.inputtable td.subhead {
	text-align: right;
    font-weight: normal;
    width: 140px;
}
table.inputtable td.quarter {
    width: 250px;
}
table.inputtable td.quarterlong {
    width: 300px;
}

/* 入力項目３つ横並び用ver */
table.inputtable td.subheadshort {
    text-align: left;
    font-weight: normal;
    width: 100px;
    text-align: right;
}

/* 入力項目３つ横並び用ver */
table.inputtable td.subheadshort2 {
    text-align: right;
    font-weight: normal;
    width: 80px;
    text-align: right;
}

/* 入力項目３つ横並び用ver */
table.inputtable td.subheadshort3 {
    text-align: left;
    font-weight: normal;
    width: 170px;
    text-align: right;
}

/* 入力項目３つ横並び用ver */
table.inputtable td.subheadshort4 {
    text-align: right;
    font-weight: normal;
    width: 65px;
    text-align: right;
}

table.inputtable td.quartershort {
    width: 200px;
}

/* 項目名2つ以上タイトルver */
table.inputtable td.headtwin {
    text-align: left;
    font-weight: normal;
    width: 136px;
}
/* 項目名縦位置上ver */
table.inputtable td.headtop {
	vertical-align:top;
    text-align: left;
    font-weight: normal;
    width: 140px;
}
/* 項目名２つ用teble */
table.caption {
	width: 140px;
	padding-bottom: 0px;
	padding-top:0px;
	padding-left0px;
	padding-right:0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    margin-top: 0px;
}
table.caption td.right {
	text-align: right;
}
table.caption td.right_95 {
	text-align: right;
	width: 95px;
}
table.caption td.leftshort {
	width:200px;
	text-align: left;
}
table.caption td.left_45 {
	width:45px;
	text-align: left;
}
/*** 入力フィールド用 ここまで ***********************************************************************/

/*** 会員詳細用 ここから ***********************************************************************/
table.memheadertbl {
    margin-top: 5px;
}

table.memheadertbl td.head {
    vertical-align: top;
    width: 130px;
}

table.memheadertbl td.detail {
    vertical-align: top;
	width: 270px;
}

table.memheadertbl td.detail_150 {
    vertical-align: top;
	width: 150px;
}

table.memheadertbl td.detail_520 {
    vertical-align: top;
	width: 520px;
}

/* タブ表示 */
table.tabtable {
	width: 100%;
}

table.tabtable td.tabselect50
{
	width: 50%;
    background-color: #D0FFFF;
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    border-top: 1.5pt solid #CCCCCC;
    border-left: 1.5pt solid #CCCCCC;
    border-right: 1.5pt solid #CCCCCC;
}

table.tabtable td.tab50
{
	width: 50%;
	text-align: center;
    border:  1.5pt solid #CCCCCC;
}

table.tabtable td.tabnone50
{
	width: 50%;
	border-bottom: 1.5pt solid #CCCCCC;
}

table.tabtable td.tabselect
{
	width: 20%;
    background-color: #D0FFFF;
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    border-top: 1.5pt solid #CCCCCC;
    border-left: 1.5pt solid #CCCCCC;
    border-right: 1.5pt solid #CCCCCC;
}

table.tabtable td.tab
{
	width: 20%;
	text-align: center;
    border:  1.5pt solid #CCCCCC;
}

table.tabtable td.tabnone
{
	width: 20%;
	border-bottom: 1.5pt solid #CCCCCC;
}

table.tabtable td.frame
{
    border-bottom: 1.5pt solid #CCCCCC;
    border-left: 1.5pt solid #CCCCCC;
    border-right: 1.5pt solid #CCCCCC;
}

table.subtabtable {

}

table.subtabtable td {
	width: 20%;
}

span.subtabselect
{
	font-weight: bold;
}

table.detailtable td.head {
	vertical-align: top;
	width: 150px;
}

table.detailtable td.headright {
	vertical-align: top;
	text-align: right;
	width: 150px;
}

table.detailtable td.normal {
	width: 250px;
}

table.detailtable td.right {
	text-align: right;
}

table.detailsubtable td.head {
	vertical-align: top;
	font-weight: bold;
	width: 100px;
}

table.detailsubtable td.headinput {
	vertical-align: top;
	width: 100px;
}

table.detailsubtable td.width_250 {
	width: 280px;
}

table.detailsubtable td.width_600 {
	width: 600px;
}

table.detailgrid {
	background-color:#314184;
}

table.detailgrid th {
	background-color:#CCFFFF;
	color: #2F4487;
}

table.detailgrid td {
	background-color:white;
}

table.detailgrid td.head {
	background-color:#CCFFFF;
	color: #2F4487;
	text-align: center;
	font-weight: bold;
}

table.detailgrid tr.head td {
	background-color:#CCFFFF;
	color: #2F4487;
	text-align: center;
	font-weight: bold;
}

table.detailgrid td.center {
	text-align: center;	
}

table.detailgrid td.width_0 {

}

table.detailgrid td.width_80 {
	width: 80px;
}

table.detailgrid td.width_100 {
	width: 100px;
}

table.detailgrid td.width_150 {
	width: 150px;
}

table.detailgrid td.width_250 {
	width: 250px;
}

table.detailgrid td.width_700 {
	width: 700px;
}

table.detailgrid td.width_800 {
	width: 800px;
}

td.bottom {
	vertical-align: bottom;	
}

input.buttonmenu {
    width: 120px;
}

dt.pad_left {
	padding-left: 15px;
}
/*** 会員詳細用 ここまで ***********************************************************************/

/*** 理論更新研修計画用 ここから ***************************************************************/
/* 一覧のヘッダ */
th.tpsearch {
	height: 100%;
	background-color:#CCFFFF;
	color: #2F4487;
	text-align: center;
	border-top: solid 1px #314184;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
}

/* 一覧のヘッダ(最終列専用) */
th.tpsearchclose {
	height: 100%;
	background-color:#CCFFFF;
	color: #2F4487;
	text-align: center;
	border: solid 1px #314184;
	padding: 5px;
}

/* 一覧のヘッダ(rowspan) */
th.tpsearchrowspantop {
	height: 100%;
	background-color:#CCFFFF;
	color: #2F4487;
	font-weight: bold;
	text-align: left;
	border-top: solid 1px #314184;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
}

/* 一覧のヘッダ(rowspan) */
th.tpsearchrowspan {
	height: 100%;
	background-color:#CCFFFF;
	color: #2F4487;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
}

/* 子一覧表示カラムの列定義 */
td.listcolspan {
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
}

/* 子一覧表示カラム（子一覧以外）の列定義 下線あり */
div.childtableopenborder {
	/*width: 100%;*/
	padding: 5px;
	font-weight: bold;
	border-bottom: solid 1px #314184;
}

/* 子一覧表示カラム（子一覧以外）の列定義 */
div.childtableclose {
	width: 100%;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

/* 一覧の列定義 */
td.childlistcolleft {
	border-bottom: solid 1px #314184;
	padding: 5px;
	
}

/* 一覧の列定義 */
td.childlistcol {
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
	
}

/* 実施日表示範囲 */
.scheduledate {
	width: 240px;
}

/*** 理論更新研修計画用 ここまで ***************************************************************/
/*** 実施計画用 ここから ***********************************************************************/
table.detaillist {
	background-color:#314184;
	width: 600px;
}

table.detaillist th {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	background-color: #CCFFFF;
	color: #2F4487;
}

table.detaillist td {
	background-color: #ffffff;
}

table.inputtable td.head2 {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	width: 140px;
}

table.inputtable td.head3 {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	width: 160px;
}

div.consultingtable {
	height: 585px;
	width: 612px;
}

div.windowtable {
	height: 655px;
	width: 612px;
}

table.careertable {
	width: 900px;
	border-width: 1px 0 0 0;
	border-top: solid 1px #314184;
}

.headerrow {
	border-top: solid 1px #314184;
	background-color: #CCFFFF;
	color: #2F4487;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.headercol {
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	background-color: #CCFFFF;
	color: #2F4487;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.headerheight {
	height: 40px;
}

td.col1 {
	width: 180px;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
}

td.col2 {
	width: 616px;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	padding: 5px;
}

td.col3 {
	width: 90px;
	border-bottom: solid 1px #314184;
	border-left: solid 1px #314184;
	border-right: solid 1px #314184;
	padding: 5px;
}

.headspan {
	padding-top: 15px;
	height: 40px;
	width: 100%;
	border-right: solid 1px #314184;
}

.headspan2line {
	padding-top: 7px;
	height: 40px;
	width: 100%;
	border-right: solid 1px #314184;
}

div.participationtable {
	height: 585px;
	width: 612px;
	overflow-y: scroll;
}

table.inputtable td.formhead {
	text-align: left;
	font-weight: normal;
	width: 320px;
}

.formsubhead {
	padding-left: 50px;
}
/*** 実施計画用 ここまで ***********************************************************************/
/*** 資格選択用 ここから ***********************************************************************/
table.license td.list{
	width: 200px;
}
table.license td.button{
	width: 150px;
	text-align: center;
}
/*** 資格選択用 ここまで ***********************************************************************/
/*** その他手続、変更手続画面用 ここから *******************************************************/
dl.procedure_dl dt { 
	margin-left: 10px; 
	margin-bottom: 6px; 
	font: bold; 
}
dl.procedure_dl dd { 
	margin-left: 20px; 
	margin-bottom: 3px; 
	width: 760px;
	text-indent: 1em;
}
dl.procedure_dl dd.procedure_center {
	margin-left: 20px; 
	margin-bottom: 3px; 
	width: 760px;
	text-align: center;
}
/*** その他手続、変更手続画面用 ここまで *********************************************************/