/****************************** Basic Layout ******************************/
h1,h2,h3,h4,h5,h6,ol,ul,p,td,th {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}

input,select {
	font-size: 100%;
}
textarea {
	border: 1px solid #7f9db9;
	font-size: 100%;
}


td {
	font-size: 80%;
}

small {
	font-size: 100%;
}

form {
	display:inline;
}

/********** Body **********/
body {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS UI Gothic", sans-serif;
	text-align: center;
	background-color: #fff;
}

/********** Container **********/
#container {
	width: 760px;
	margin: 0px auto 20px auto;
	padding: 0px;
	text-align: left;
}

#container-popup {
	width: 570px;
	margin: 0px auto 20px auto;
	padding: 0px;
	text-align: left;
}


/***** Global Navigation Area *****/
#globalnavi-area {
	width: 760px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
}

/********** Logo Area **********/
#logo-area {
	width: 760px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
}


/********** Color Area **********/
/***** JA *****/
#color-area-ja {
	width: 760px;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #074187;
	float: left;
}

/***** JO *****/
#color-area-jo {
	width: 760px;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #cc0033;
	float: left;
}

/***** ADMIN *****/
#color-area-admin {
	width: 760px;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #9e992f;
	float: left;
}


/********** Pan List Area **********/
#panlist-area {
	margin: 0px;
	padding: 0px 0px 5px 10px;
	/*float: left;*/
}

/********** Main Area **********/
#main-area {
	margin: 0px;
	padding: 0px;
	float: left;
}

/********** Content Side **********/
#contents-side570 {
	width: 570px;
	margin: 0px 0px 0px 10px;
	_margin: 0px 0px 0px 5px;
	padding: 0px 0px 20px 0px;
	float: left;
}

#contents-side740 {
	width: 740px;
	margin: 0px 10px 0px 10px;
	_margin: 0px 0px 0px 5px;
	padding: 0px 0px 20px 0px;
	float: left;
}

#contents-popup {
	width: 570px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	float: left;
}

/********** Contents-Navigation Margin **********/
#center-margin {
	width: 5px;
	_width: 10px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/********** Navigation Side **********/
#navigation-side {
	width: 170px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/********** Footer *********/
#footer-area {
	width: 758px;
	_width: 760px;
	height: 25px;
	margin: px;
	padding: 0px;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	clear: both;
}


/****************************** Global Navigatoin Layout ******************************/
#globalnavi-area ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#globalnavi-area li {
	font-weight: bold;
	margin: 0px;
	padding: 5px 10px 5px 12px;
	background: transparent url("images/e_arrow_gb.gif") no-repeat 0% 6px;
	float: right;
}


/****************************** Logo Area Layout ******************************/
#logo-area #jreclogo {
	marign: 0px;
	padding: 0px;
	float: left;
}

#logo-area #jstlogo {
	marign: 0px;
	padding: 15px 0px 0px 0px;
	float: right;
}


/****************************** Color Area Layout ******************************/
#color-area-ja .id,
#color-area-jo .id,
#color-area-admin .id {
	margin: 0px;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	float: left;
}

#color-area-ja .button,
#color-area-jo .button,
#color-area-admin .button {
	margin: 0px;
	padding: 5px 10px;
	color: #fff;
	float: right;
}

/****************************** Contents Area Layout ******************************/
/**********  Summary **********/
#contents-side570 #summary, #contents-side740 #summary {
	padding: 10px;
	border: #333 1px dashed;
	background:#f1efec;
}


/**********  Information **********/
#contents-side570 #info-frame {
	margin: 0px;
	padding: 5px 0px;
	border: 1px solid #ccc;
}

#contents-side570 #info-frame-info {
	margin: 0px;
	padding: 5px 0px;
}

#contents-side570 #info-frame .data,
#contents-side570 #info-frame-info .data {
	margin: 0px 5px 0px 10px;
	padding: 0px 0px 10px 15px;
	background: transparent url("images/e_arrow_info.gif") no-repeat 0% 4px;
}

#contents-side570 #info-frame .title,
#contents-side570 #info-frame-info .title {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#contents-side570 #info-text ul {
	margin: 5px 0px;
	padding: 0px 10px 0px 25px;
	list-style-type: disc;
}

#contents-side570 #info-text ol {
	margin: 5px 0px;
	padding: 0px 10px 0px 35px;
	list-style-type: decimal;
}

#contents-side570 #info-text li {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

/********** Title for 570pix **********/
/***** JA *****/
#contents-side570 #contentstitle-ja,
#contents-popup #contentstitle-ja {
	width: 550px;
	_width: 570px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 130%;
	background: transparent url("images/e_contents_title_570_ja.jpg") no-repeat;
	float: left;
}

/***** JO *****/
#contents-side570 #contentstitle-jo,
#contents-popup #contentstitle-jo {
	width: 550px;
	_width: 570px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 130%;
	background: transparent url("images/e_contents_title_570_jo.jpg") no-repeat;
	float: left;
}

/***** Information *****/
#contents-side570 #contentstitle-info {
	width: 550px;
	_width: 570px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 130%;
	background: transparent url("images/e_contents_title_570_info.jpg") no-repeat;
	float: left;
}

/********** Title for 740pix **********/
/***** JA *****/
#contents-side740 #contentstitle-ja {
	width: 720px;
	_width: 740px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 130%;
	background: transparent url("images/e_contents_title_740_ja.jpg") no-repeat;
	float: left;
}

/***** JO *****/
#contents-side740 #contentstitle-jo {
	width: 720px;
	_width: 740px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 130%;
	background: transparent url("images/e_contents_title_740_jo.jpg") no-repeat;
	float: left;
}

/***** Information *****/
#contents-side740 #contentstitle-info {
	width: 720px;
	_width: 740px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 130%;
	background: transparent url("images/e_contents_title_740_info.jpg") no-repeat;
	float: left;
}

/***** Admin *****/
#contents-side740 #contentstitle-set {
	width: 720px;
	_width: 740px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 130%;
	background: transparent url("images/e_contents_title_740_set.jpg") no-repeat;
	float: left;
}

#contents-side740 #contentstitle-static {
	width: 720px;
	_width: 740px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: 130%;
	background: transparent url("images/e_contents_title_740_static.jpg") no-repeat;
	float: left;
}


/********** SubTitle **********/
#contents-side570 #contentssubtitle {
	width: 550px;
	_width: 570px;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background-color: #ccc;
	float: left;
}

/********** Excerpt **********/
#contents-side570 #contentsexcerpt{
	width: 550px;
	_width: 570px;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 10px 10px;
	float: left;
}

/********** Table TD **********/
#contents-side570 td,
#contents-side740 td,
#contents-popup td {
	line-height: 140%;
	font-size: 80%;
}

#contents-side570 td .margin-01,
#contents-side740 td .margin-01,
#contents-popup td .margin-01 {
	margin: 4px;
}

#contents-side570 td .margin-02,
#contents-side740 td .margin-02,
#contents-popup td .margin-02 {
	margin: 10px;
}

#contents-side570 td .margin-03,
#contents-side740 td .margin-03,
#contents-popup td .margin-03 {
	margin: 2px;
}

/**********  Search Tab **********/
.tab-active {
	color: #fff;
	font-size: 13px;
	_font-size: 12px;
	padding: 0px;
}

.tab-noactive {
	font-size: 13px;
	_font-size: 12px;
	padding: 10px 0px 0px 0px;
}

/**********  Button Area **********/
/***** Clear *****/
#contents-side570 .buttonbase-1,
#contents-side570 .buttonbase-2,
#contents-side570 .buttonbase-3,
#contents-side570 .buttonbase-4,
#contents-side740 .buttonbase-1,
#contents-side740 .buttonbase-2,
#contents-side740 .buttonbase-3,
#contents-side740 .buttonbase-4,
#contents-popup .buttonbase-1,
#contents-popup .buttonbase-2,
#contents-popup .buttonbase-3,
#contents-popup .buttonbase-4 {
	margin: 10px 0px;
	padding: 0px;
	text-align: center;
}

/*****  Width:740 *****/
#contents-side740 .buttonbase-1 .button {
	width: 738px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-side740 .buttonbase-2 .button {
	width: 369px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-side740 .buttonbase-3 .button {
	width: 244px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-side740 .buttonbase-4 .button {
	width: 183px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/*****  Width:570 *****/
#contents-side570 .buttonbase-1 .button, {
	width: 570px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-side570 .buttonbase-2 .button {
	width: 284px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-side570 .buttonbase-3 .button {
	width: 189px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-side570 .buttonbase-4 .button {
	width: 141px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/*****  Width:Popup *****/
#contents-popup .buttonbase-1 .button, {
	width: 570px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-popup .buttonbase-2 .button {
	width: 284px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-popup .buttonbase-3 .button {
	width: 189px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contents-popup .buttonbase-4 .button {
	width: 141px;
	margin: 0px;
	padding: 0px;
	float: left;
}


/**********  Toppage Anchor **********/
#contents-side570 #toppage {
	width: 550px;
	_width: 570px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	text-align: right;
	float: left;
}

#contents-side740 #toppage {
	width: 720px;
	_width: 740px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	text-align: right;
	float: left;
}

/****************************** Side Navigation Area Layout ******************************/
/********** Common **********/
#navigation-side .navimain-ja ul,
#navigation-side .navimail-ja ul,
#navigation-side .navimain-jo ul,
#navigation-side .navimail-jo ul,
#navigation-side .navimain-global ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
	float: left;
}

#navigation-side .navimail-ja a,
#navigation-side .navimail-jo a {
	font-weight: bold;
}

#navigation-side .navimail-ja li,
#navigation-side .navimail-jo li {
	margin: 0px 0px 0px 5px;
	padding: 3px 10px 0px 15px;
	color: #000;
	background: transparent url("images/e_ico_mail.gif") no-repeat 0% 6px;
}


/*********** Global **********/
#navigation-side .navititle-global {
	width: 160px;
	_width: 170px;
	margin: 0px;
	padding: 7px 0px 7px 10px;
	color: #fff;
	font-weight: bold;
	background-color: #336600;
	float: left;
}

#navigation-side .navimain-global {
	width: 168px;
	_width: 170px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	color: #fff;
	background-color: #f3f3ee;
	border: 1px solid #336600;
	float: left;
}

#navigation-side .navimain-global li {
	width: 130px;
	_width: 150px;
	margin: 0px 0px 0px 8px;
	padding: 5px 10px 0px 12px;
	color: #000;
	background: transparent url("images/e_arrow_navi_g.gif") no-repeat 1px 0.6em;

}


/*********** JA **********/
#navigation-side .navititle-ja {
	width: 160px;
	_width: 170px;
	margin: 0px;
	padding: 7px 0px 7px 10px;
	color: #fff;
	font-weight: bold;
	background-color: #074187;
	float: left;
}

#navigation-side .navimain-ja,
#navigation-side .navimail-ja {
	width: 168px;
	_width: 170px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	background-color: #dae8ff;
	border: 1px solid #074187;
	float: left;
}

#navigation-side .navimain-ja li {
	width: 130px;
	_width: 150px;
	margin: 0px 0px 0px 8px;
	padding: 5px 10px 0px 12px;
	color: #000;
	background: transparent url("images/e_arrow_navi_ja.gif") no-repeat 1px 0.6em;
}

#navigation-side .navimain-ja .text {
	margin: 0px;
	padding: 5px;
	line-height: 150%;
	color: #000;
}

#navigation-side .navimain-ja .textsub {
	font-size: 80%;
	text-align: center;
}

#navigation-side .navimain-ja .text .inputtext {
	width: 100%;
}


/*********** JO **********/
#navigation-side .navititle-jo {
	width: 160px;
	_width: 170px;
	margin: 0px;
	padding: 7px 0px 7px 10px;
	color: #fff;
	font-weight: bold;
	background-color: #cc0033;
	float: left;
}

#navigation-side .navimain-jo,
#navigation-side .navimail-jo {
	width: 168px;
	_width: 170px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	background-color: #ffecf1;
	border: 1px solid #cc0033;
	float: left;
}

#navigation-side .navimain-jo li {
	width: 130px;
	_width: 150px;
	margin: 0px 0px 0px 8px;
	padding: 5px 10px 0px 12px;
	color: #000;
	background: transparent url("images/e_arrow_navi_jo.gif") no-repeat 1px 0.6em;
}

#navigation-side .navimain-jo .text {
	margin: 0px;
	padding: 5px;
	line-height: 150%;
	color: #000;
}

#navigation-side .navimain-jo .textsub {
	font-size: 80%;
	text-align: center;
}

#navigation-side .navimain-jo .text .inputtext {
	width: 100%;
}


/*********** Banner **********/
#navigation-side .navibanner {
	width: 168px;
	_width: 170px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left;
}

#navigation-side .navibanner p {
	padding: 0px 0px 10px 0px;
}



/****************************** Footer Layout ******************************/
#footer-area #copy {
  margin: 0px;
  padding: 5px 10px;
  float: right;
}



/****************************** SELECT Layout ******************************/
/***** WIDTH:570PX *****/
.select570 {
	width: 360px;
}

/***** WIDTH:740PX *****/
.select740 {
	width: 500px;
}



/****************************** INPUT Layout ******************************/
/***** TEXT *****/
.input5 {
	width: 40px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.input8 {
	width: 55px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.input15 {
	width: 90px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.input20 {
	width: 115px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.input26 {
	width: 155px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.input35 {
	width: 190px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.input40 {
	width: 215px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.input50 {
	width: 265px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.input60 {
	width: 315px;
	height: 20px;
	border: 1px solid #7f9db9;
}

.dspnone {
	display: none;
}


/****************************** SITEMAP ******************************/
#smap .margin10 {
	 margin: 5px 0px 15px 30px;
	 padding: 0px;
}

#smap ul li {
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 12px;
	text-indent: 0px;
	list-style-type: none;
	background: url("images/e_list_1.gif") no-repeat 1px 0.4em;
}

#smap ul li ul li {
	margin: 5px 0px;
	padding: 0px 0px 0px 12px;
	list-style-type: none;
	background: url("images/e_list_2.gif") no-repeat 1px 0.4em;
}



/****************************** Other Layout ******************************/
/***** Liners *****/
#liner-01 {
	width: 760px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: transparent url("images/e_line_dot.gif") repeat-x 0%;
	float: left;
}

#liner-02 {
	width: 570px;
	_width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: transparent url("images/e_line_dot.gif") repeat-x 0%;
	float: left;
}


/***** Clear *****/
.float-clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}



/****************************** ADMINISTRATOR PAGE ******************************/
/***** INDEX *****/
#contents-ja #title {
	width: 270px;
	margin: 0px;
	padding: 0px;
}

#contents-ja #contentslist {
	_width: 250px;
	_width: 270px;
	margin: 0px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #074187;
}

#contents-ja #contentslist .tab {
	margin: 0px 0px 10px 0px;
	padding: 7px;
	font-weight: bold;
	text-align: left;
	background-color: #dae8ff;
	border: 1px solid #074187;
	border-left: 10px solid #074187;
}

#contents-jo #title {
	width: 270px;
	margin: 0px;
	padding: 0px;
}

#contents-jo #contentslist {
	_width: 250px;
	_width: 270px;
	margin: 0px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #cc0033;
}

#contents-jo #contentslist .tab {
	margin: 0px 0px 10px 0px;
	padding: 7px;
	font-weight: bold;
	text-align: left;
	background-color: #ffecf1;
	border: 1px solid #cc0033;
	border-left: 10px solid #cc0033;
}

#contents-set #title {
	width: 180px;
	margin: 0px;
	padding: 0px;
}

#contents-set #contentslist {
	_width: 160px;
	_width: 180px;
	margin: 0px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #336600;
}

#contents-set #contentslist .tab {
	margin: 0px 0px 10px 0px;
	padding: 7px;
	font-weight: bold;
	text-align: left;
	background-color: #f4f4f4;
	border: 1px solid #336600;
	border-left: 10px solid #336600;
}

#contents-set220 #contentslist {
	width: 220px;
	margin: 0px;
	padding: 0px;
}

#contents-set220 #contentslist .tab {
	margin: 0px 0px 10px 0px;
	padding: 7px;
	font-weight: bold;
	text-align: left;
	background-color: #f4f4f4;
	border: 1px solid #336600;
	border-left: 10px solid #336600;
}

#contents-static #title {
	width: 180px;
	margin: 0px;
	padding: 0px;
}

#contents-static #contentslist {
	_width: 160px;
	_width: 180px;
	margin: 0px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #9e992f;
}

#contents-static #contentslist .tab {
	margin: 0px 0px 10px 0px;
	padding: 7px;
	font-weight: bold;
	text-align: left;
	background-color: #f4f4f4;
	border: 1px solid #9e992f;
	border-left: 10px solid #9e992f;
}

a.toplinks:link {
	color: #005588;
	text-decoration: none;
}

a.toplinks:visited {
	color: #800080;
	text-decoration: none;
}

a.toplinks:hover {
	color: #005588;
	border-bottom: 1px dashed;
}

a.toplinks:active {
	color: #800080;
	text-decoration: none;
}


.table01-table {
	border: 1px #ddd solid;
	border-collapse: collapse;
}

.table01-td {
	border: 1px #ddd solid;
	padding: 4px;
}