/*
 ********************************
 *
 * Contents Page CSS
 *
 * CSS Setting START
 * for digital-packet.com
 * original - 00            S.Takikawa
 * revision - 01 2006.11.24 S.Takikawa
 * revision - 02 2007.08.18 S.Takikawa
 *
 ********************************
*/

/********************************
   Basic Layout CSS Setting ( ContentsPage Only ).
 ********************************/
#container {
  clear: both;
  width: 910px;
  padding: 0px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  text-align: inherit;
}

#header {
	clear: both;
	width: 720px;
	background-image: url(../../cimg/top_header_logo.gif);
	background-repeat: no-repeat;
	background-position: 770px 5px;
	height: 30px;
	padding-right: 10px;
	display: inline;
	float: left;
	font-size: 10px;
	line-height: 30px;
	padding-left: 180px;
	color: #888888;
}

#header a:link {
	color: #888888;
}
#header a:visited {
	color: #888888;
}

#header a:hover {
	color: #888888;
}

#header a:active {
	color: #888888;
}

#mainContents {
  clear: both;
  margin: 0px;
  padding: 0px;
  width: 910px;
}

#footerMenu {
  clear: both;
  width: 720px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 20px;
  margin-left: 170px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #E5DED1;
  border-bottom-color: #E5DED1;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 150%;
  color: #848A85;
  /*word-spacing: 0.8em;*/
}
#footerGuide {
  clear: both;
  width: 720px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 20px;
  margin-left: 170px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E5DED1;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 120%;
  color: #848A85;
  /*word-spacing: 0.8em;*/
}

#footer {
  clear: both;
  width: 720px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
  margin-left: 170px;
  height: 30px;
}

/********************************
   #mainContents CSS Setting.
 ********************************/
#mainContents #mainBoxTop {
  clear: both;
  height: 25px;
  background-image: url(../../cimg/main_box_top.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 910px;
}

#mainContents #mainBoxBottom {
  clear: both;
  height: 20px;
  background-image: url(../../cimg/main_box_bottom.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 910px;
}

#mainContents #mainBoxMiddle {
  clear: both;
  width: 910px;
  background-image: url(../../cimg/main_box_bg.gif);
  background-repeat: repeat-y;
  background-position: left top;
  float: left;
}

#mainContents #sideArea {
  width: 200px;
  float: left;
  padding-right: 10px;
}

#mainContents #mainArea {
	width: 650px;
	float: right;
	padding-left: 15px;
	padding-right: 35px;
}

/********************************
   #sideArea CSS Setting.
 ********************************/

#sideArea #sideMenuTop {
  background-image: url(../../cimg/menu_box_top.gif);
  background-repeat: no-repeat;
  clear: both;
  height: 20px;
  width: 180px;
  background-position: left top;
  margin: 0px;
  padding: 0px;
}

#sideArea #sideMenuBottom {
  background-image: url(../../cimg/menu_box_bottom.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 20px;
  width: 180px;
}

#sideArea #sideMenu {
  background-image: url(../../cimg/menu_box_bg.gif);
  background-repeat: repeat-y;
  width: 160px;
  padding-right: 10px;
  padding-left: 10px;
  background-position: left top;
  clear: both;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
}

/*** sideMenu CSS Setting. ***/
#sideMenu ul {
  list-style-type: none;
  padding: 0px;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 10px;
}

#sideMenu ul li {
  display: inline;
  width: 140px;
  padding: 0px;
  margin: 0px;
}

#sideMenu ul li a {
  display: block;
  background-image: url(../../cimg/menu_mark_def.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  margin-top: 0px;
  font-size: 11px;
  padding-top: 1px;
  padding-bottom: 1px;
}

#sideMenu ul li a:link {
  color: #636964;
  text-decoration: none;
}

#sideMenu ul li a:visited {
  color: #636964;
  text-decoration: none;
}

#sideMenu ul li a:hover {
  color: #663333;
  text-decoration: none;
  background-image: url(../../cimg/menu_mark_hover.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
}

#sideMenu ul li a:active {
  color: #993333;
  text-decoration: underline;
}

/* #sideMenu Sub Level CSS Setting. */

#sideMenu ul li a.menuChild {
  display: block;
  background-image: url(../../cimg/menu_sub_mark_def.gif);
  background-repeat: no-repeat;
  background-position: left -0.3em;
  padding-left: 20px;
  margin-top: 3px;
  font-size: 11px;
  margin-left: 5px;
}

#sideMenu ul li a.menuChild:hover {
  color: #993333;
  text-decoration: none;
  background-image: url(../../cimg/menu_sub_mark_hover.gif);
  background-repeat: no-repeat;
  background-position: left -0.3em;
  color: #663333;
}



/********************************
   #mainArea CSS Setting.
 ********************************/
#mainArea #addressArea {
  width: 640px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #EEE9E1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #EEE9E1;
  margin-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
  color: #999999;
  height: 21px;
  clear: both;
}

#mainArea #pageSubTitle {
  width: 620px;
  padding-left: 15px;
  padding-right: 15px;
  clear: both;
  font-size: 10pt;
  height: 25px;
}

#mainArea #pageTitle {
  width: 620px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 5px;
  font-size: 13pt;
  font-weight: bold;
  height: 35px;
}

#mainArea .contents {
  width: 620px;
  padding-left: 15px;
  padding-right: 15px;
}

/*** #addressArea CSS Setting. ***/
#address {
  width: 550px;
  float: left;
  height: 21px;
  clear: both;
  font-size: 11px;
  vertical-align: middle;
}

#address ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  width: 550px;
  height: 21px;
  vertical-align: middle;
}

#address ul li img {
	margin: 2px;
}

#address ul li {
	display: inline;
	float: left;
	height: 21px;
	padding-left: 15px;
	margin-right: 5px;
	background-image: url(../../cimg/border_address.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	padding-top: 0px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
}

#address ul li a { /* */ color: #999999; 
}

#address ul li a:link {
  color: #999999;
  text-decoration: none;
}

#address ul li a:visited {
  color: #999999;
  text-decoration: none;
}

#address ul li a:hover {
  color: #333333;
  text-decoration: none;
}

#address ul li a:active {
  color: #333333;
  text-decoration: underline;
}

#pageback {
  width: 90px;
  float: right;
  font-size: 10px;
}

/********************************
   .contents CSS Setting.
 ********************************/

.contents h3 {
  clear: both;
  line-height: 120%;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-top: 5px;
  font-size: 12pt;
  /*font-weight: bold;*/
}

.contents h4 {
  clear: both;
  line-height: 120%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 5px;
  font-size: 11pt;
  /*font-weight: bold;*/
}

.contents h5 {
	clear: both;
	line-height: 120%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 9pt;
	padding: 0px;
	margin-right: 5px;
  /*font-weight: bold;*/
}

.contents h6 {
	clear: both;
	line-height: 110%;
	padding-top: 2px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
  /*font-weight: bold;*/
}

.contents p {
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

/*** .contents DL(DT/DD) CSS Setting. ***/
dl.defDL {
  padding: 0px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

dl.defDL dt {
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 10px;
}

dl.defDL dd {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 60px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #E4DCCE;
  line-height: 180%;
}

dl.worksDL {
	margin: 2px;
	padding: 0px;
}

dl.worksDL dt {
	line-height: 120%;
	padding: 0px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
}

dl.worksDL dd {
	font-size: 11px;
	line-height: 110%;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 9px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E5DED1;
}

dl.worksDL dd a:link {
	color: #333333;
	text-decoration: none;
}

dl.worksDL dd a:visited {
	color: #333333;
	text-decoration: none;
}

dl.worksDL dd a:hover {
	color: #CC3300;
	text-decoration: none;
}

dl.worksDL dd a:active {
	color: #CC3300;
	text-decoration: underline;
}


/*** .contents Sitemap Only CSS Setting. ***/
dl.sitemap {
  line-height: 130%;
  clear: both;
  padding: 0px;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 20px;
  width: 600px;
}

dl.sitemap dt.lev1 {
  width: 300px;
  float: left;
  clear: both;
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}

dl.sitemap dt.lev2 {
  width: 280px;
  float: left;
  clear: both;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 20px;
  margin: 0px;
}

dl.sitemap dd {
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 280px;
  margin: 0px;
  float: right;
  clear: right;
}

/********************************
   Solution MenuArea CSS Setting.
 ********************************/
#solutionSubMenuArea {
  background-image: url(../../cimg/solution_menu_bg.gif);
  clear: both;
  float: left;
  height: 85px;
  width: 610px;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

#solutionSubMenuArea ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 200px;
}

#solutionSubMenuArea ul li {
  display: inline;
  float: left;
  width: 195px;
  margin: 0px;
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
}

#solutionSubMenuArea ul li a {
  display: block;
  background-image: url(../../cimg/icon_mark_gray.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 20px;
}

#solutionSubMenuArea ul li a:link {
  color: #636964;
  text-decoration: none;
}

#solutionSubMenuArea ul li a:visited {
  color: #636964;
  text-decoration: none;
}

#solutionSubMenuArea ul li a:hover {
  color: #993333;
  text-decoration: none;
  background-image: url(../../cimg/icon_mark_red.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
}

#solutionSubMenuArea ul li a:active {
  color: #993333;
  text-decoration: underline;
}

/********************************
   #footerMenu CSS Setting.
 ********************************/
#footerMenu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#footerMenu ul li {
	margin: 0px;
	display: inline;
	padding-right: 0.8em;
}

#footerMenu ul.small li {
	font-size: 8pt;
}

#footerMenu a:link {
  color: #848A85;
  text-decoration: none;
}

#footerMenu a:visited {
  color: #848A85;
  text-decoration: none;
}

#footerMenu a:hover {
  color: #993333;
  text-decoration: none;
}

#footerMenu a:active {
  color: #993333;
  text-decoration: underline;
}

#footerGuide a:link {
  color: #848A85;
  text-decoration: none;
}

#footerGuide a:visited {
  color: #848A85;
  text-decoration: none;
}

#footerGuide a:hover {
  color: #993333;
  text-decoration: none;
}

#footerGuide a:active {
  color: #993333;
  text-decoration: underline;
}

/********************************
   #footer CSS Setting.
 ********************************/
#footer #copyright {
  width: 550px;
  padding-right: 10px;
  float: left;
}

#footer #footerLogo {
  width: 160px;
  float: right;
}

#footerGuide p {
	line-height: 130%;
	color: #A0A0A0;
	padding: 0px;
	font-size: 8pt;
	margin-top: 5px;
	margin-bottom: 5px;
}

/********************************
   Decoration CSS Setting.
 ********************************/

.tBoxDef {
  padding-right: 5px;
  padding-left: 30px;
}

.tBoxDefL2 {
  padding-right: 5px;
  padding-left: 40px;
}

.tBoxDefL3 {
  padding-right: 5px;
  padding-left: 50px;
}

.tStrong { font-weight: bold; }

.tSmall { font-size: 11px; }

.tBoxNonMargin {
	padding-right: 5px;
	padding-left: 5px;
	line-height: 120%;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}



.tBoxGuide {
  background-image: url(../../cimg/icon_mark_darkgray.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.tableDef {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #D2C7B0;
  border-left-color: #D2C7B0;
}

.tableDef tr { }

.tableDef th {
  font-weight: normal;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #D2C7B0;
  border-bottom-color: #D2C7B0;
  background-color: #EFEBE2;
}

.tableDef td {
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #D2C7B0;
  border-bottom-color: #D2C7B0;
}

/*** .pagerList CSS Setting. ***/

.pageNavi {
  margin-bottom: 5px;
  height: auto;
  margin-top: 5px;
}

.pageNavi ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  height: 21px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #DFD6C6;
}

.pageNavi ul li {
  display: inline;
  float: left;
  height: 17px;
  padding-top: 2px;
  padding-left: 15px;
  background-image: url(../../cimg/border_pager.gif);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #FFFFFF;
  padding-right: 25px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #DFD6C6;
  border-bottom-color: #DFD6C6;
  color: #999999;
}

.pageNavi ul li.pageNaviFirst { padding-left: 20px; }

.pageNavi ul li.pageNaviLast {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #DFD6C6;
  padding-right: 20px;
  background-image: none;
}

.pageNavi ul li.pageNaviActive {
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}

.pageNavi ul li a { /* */ }

.pageNavi ul li a:link {
  color: #999999;
  text-decoration: none;
}

.pageNavi ul li a:visited {
  color: #999999;
  text-decoration: none;
}

.pageNavi ul li a:hover {
  color: #999999;
  text-decoration: none;
}

.pageNavi ul li a:active {
  color: #999999;
  text-decoration: underline;
}

.glossary_word {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}
.glossary_word:link {
  text-decoration: none;
  color: #535754;
}
.glossary_word:visited {
  text-decoration: none;
  color: #535754;
}
.glossary_word:hover {
  text-decoration: none;
  border-bottom-color: #CC3300;
  cursor: help;
}
.glossary_word:active {
  text-decoration: none;
  color: #535754;
}

/*** FORM CSS Setting. ***/

.form_err_txt {
	background-color: #F1C9C9;
}
.form_err_numric {
	background-color: #F1C9C9;
	text-align: right;
}
.form_basic_txt {
	background-color: #FFFFFF;
}
.form_basic_numric {
	text-align: right;
}
.form_nonactive {
	background-color: #F1ECE7;
	border: 1px solid #CFBFAD;
	color: #666666;
	text-align: right;
}
.form_reference {
	background-color: #F8F8F8;
	border: 1px solid #F8F8F8;
	color: #999999;
	text-align: right;
}
.form_delete_btn { color: #990000; 
}


/*** images CSS Setting. ***/

.img-box {
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}



/*
 ********************************
 *
 * CSS Setting END
 *
 ********************************
*/