/*
 * css base
 */

#bodyframe { 
  width: 780px;
}

body { 
  color: #0a0a0a;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: auto;

  background: #ffffff;
  font-size: 10pt;
}

div { 
  margin: 0;
  padding: 0;
  b-order: 1px solid #aaa;
}

table, tr, td { 
  background: transparent;
  vertical-align: top;
  b-order: 1px solid red;
}


/*************************************************************************
 *
 * header part
 *
 ************************************************************************/

div.header { 
  b-ackground: #ffffff url( "/images/header.jpg" ) no-repeat right ;
  b-order-top: 4px solid green;
  b-order-bottom: 4px solid green;

  border-top: 4px solid #bac2a3; /*#e1d58e;*/
  border-bottom: 2px solid #bac2a3; /*#e1d58e;*/
}



/* header::table base */
div.header table { 
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  b-order-collapse: separete;
}

/* important attrib for toggle navi */
.header a { 
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 4px;
  width: 7em;
}


/* table.topnavi */
div.topnavi { 
  background: url( "/images/header2.jpg" ) transparent no-repeat bottom right ;  
}

div.topnavi table { 
  margin-left: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 70%;
}

/* for left align */
#spacer { 
  width: 80%;
}

div.topnavi table td a { 
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 4px;
  width: 7em;
}


div.topnavi table td a:link, div.topnavi table td a:visited { 
  background: transparent;
  color: #8c0118;
  border: none;
  border-bottom: 1px solid white;
}

div.topnavi table td a:hover {
  background: transparent;
  border: none;
  border-bottom: 1px solid #8c0118;
  color: black;
}


/* table.mainnavi */
div.mainnavi { 
  background: url( "/images/stlipe.gif" ) transparent;
  b-ackground: url( "/images/header2.jpg" ) transparent no-repeat bottom right ;
  width: 100%;
}

div.mainnavi table { 
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: auto;
  font-size: 80%;
  font-weight: bold;
  background: #d9c68c;
}

div.mainnavi td { 
  margin: 0;
  padding: 0;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
}

div.mainnavi table td a { 
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 6px;
  width: 8em;
}

div.mainnavi table td a:link, div.mainnavi table td a:visited { 
  background: #c2aba3;
  color: white;
  border: none;
  border-bottom: 4px solid #eeeeef;
}

div.mainnavi table td a:hover {
  background: #cc3359;
  border: none;
  border-bottom: 4px solid #eeeeef;
  color: white;
}

/* [TAG] ]selected menu item */

#activenavi { 
  display: block;
  text-align: center;
  text-decoration: none;

  padding: 6px;
  width: 8em;

  background: #cc3359;
  border: none;
  border-bottom: 4px solid gray;
  color: white;
}

#flashnavi { 
  background: url("/images/stlipe.gif") transparent;
  width: 100%;
}


/*
 * border space in header
 */

div.border { 
  background: #ffffff url( "/images/hdr_bk_r.jpg" ) no-repeat right ;
  color: #c0c0c0;
  font-family: serif;
  font-weight: bold;
  padding-left: 10px;
  text-align: left;
}


/********************************************
 *
 * border block between header and contents
 */

div.borderblock { 
  height: 50px;
  background: url( "/images/borderimage.jpg") transparent no-repeat bottom right;
}

div.borderblock_ov { 
  height: 50px;
  background: url("/images/bgimage_r1_c1.gif") transparent no-repeat bottom left;
}



/********************************************
 *
 * footer part
 */ 

div.footer { 
  padding: 10px;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
  color: #909090;
  
}


/***************************************************************************
 *
 * page contents
 *
 **************************************************************************/

div.contents { 
  margin: 0;
  padding: 0;
  b-ackground: #f3eed2;
  background: url("/images/bgimage_r2_c1.gif") #dcdcbd no-repeat top left;
  border-top: 2px solid #bac2a3; /*#e1d58e;*/
  border-bottom: 2px solid #bac2a3; /*#e1d58e;*/
}


table.page  { 
  width: 100%;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}

/*************
 * side menu
 */

div.sidemenu { 
  border: 1px solid #857950;
  padding: 0;
  margin: 0;
  font-size: 90%;
  font-weight: bold;
}

div.sidemenu ul { 
  display: block;
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

li { 
  margin: 0;
  padding: 0;
  w-idth: 10em;
  text-decoration: none;
  border-top: 1px solid gray; /*#857950;*/
  border-bottom: 1px solid white; /*#857950;*/
}

#item  { 
  color: white;
  background: #a3b3c2; /*#aa9d73;*/
  padding: 6px 8px;
  font-weight: bold;
}

#toggle { 
  margin: 0;
  padding: 0;
}

div.sidemenu a { 
  display: block;
  text-align: left;
  text-decoration: none;
  margin: 0;
  padding: 4px 1em;
  border: none;
  width: 10em;
  w-idth: 100%;
  b-ackground: white;
}

div.sidemenu a:link, div.sidemenu a:visited { 
  b-ackground: white;
  color: #303030;
  border-left: 4px solid gray;
  border-right: 4px solid gray;
}

div.sidemenu a:hover { 
  background: transparent;
  color: #8c0118;
  border-left: 4px solid #8c0118;
  border-right: 4px solid #8c0118;
}


/* [TAG] selected menu item */

#activesidemenu span { 
  display: block;
  text-align: left;
  text-decoration: none;
  margin: 0;
  padding: 4px 1em;
  border: none;
  w-idth: 10em;
}


#activesidemenu { 
  background: white;
  color: #8c0118;
  border-left: 4px solid #8c0118;
  border-right: 4px solid #8c0118;
}




/*
 * for contents
 */
td.contents { 
  width: 100%;
  padding: 10px 14px;
}

td.contents table { 
  border-collapse: separate;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

td.contents table td {
	b-order: 1px solid #c7e1ba;
	border: 1px solid white;
	padding: 4px;
	color: black;
	font-size: 12pt;

}

td.contents table th { 
  b-order-left: 6em solid white;
  b-order-right: 6em solid white;
  b-order-top: 3px solid white;
  b-order-bottom: 3px solid white;
  b-ackground: #c7e1ba;
  b-order: 1px solid #c7e1ba;
  border: 1px solid white;
  background: url("/images/stlipe.gif") transparent;
  color: black;
  padding: 8px;
}

td.contents table td a { 
  background: transparent;
  width: 100%;
  padding: 0; /*8px;*/
  border-style: none;
}


td.contents table td a:link, td.contents table td a:visited { 
  background: transparent;
}

/* for I.E */
td.contents table td a:hover { 
  background: #8c0118;
}

td.contents table td img {
  border: none;
  margin: 10px;
  vertical-align: middle;
}

/* for Mozilla */

td.toggle { 
  background: transparent;
}

td.toggle:hover { 
  background: #8c0118;
}





/*****************
 * top page only
 */


.toppage td.rightside { 
  width: auto;
  padding: 4px 6px;
}

.toppage td.leftside { 
  width: 18em;
  font-size: 70%;
  padding: 4px 6px;
}


.leftside div { 
  margin-top: 15px;
}

.leftside div h1 { 
  margin: 4px;
}

.leftside img { 
  float: left;
  margin: 4px 6px;
  border: none;
}

/*
div.toppage { 
  m-argin: 50px 0;
  padding: 4px 20px 4px;
  background: #f3eed2;
  background: url("/images/bgimage_r2_c1.gif") #f3eed2 no-repeat top left;
  border-top: 2px solid #e1d58e;
  border-bottom: 2px solid #e1d58e;
}
*/


.toppage h1 { 
  margin: 20px 10px;
}


div.news {
	margin: 20px 25px;
	padding: 4px;
	background: #ffffff;
	text-align: right;

}


td.updateinfo { 
  width: 16em;
}

/*
div.contents a { 
  display: block;
  f-loat: left;
  text-align: left;
  text-decoration: none;
}

div.contents a:link, div.header a:visited { 
  color: black;
  background: #eee;
  border-left: 2px solid #eee;
  border-right: 2px solid #eee;
}

div.contents ul li { 
  display: block;
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
  text-decoration: none;  
}

*/

#catch { 
  margin: 8px 28px;
  font-size: 90%;
}





.contents h1 {
  padding: 4px;
  font-size: 110%;
  font-weight: bold;
  color: #404040; /*#0f8a8a; #006699;*/
  border-top: 1px solid gray; /*#006699;*/
  border-left: 10px solid gray; /*#006699;*/
  border-bottom: 1px solid gray; /*#006699;*/
  background: url("/images/stlipe.gif") transparent;
  text-align: left;

/*
  color: #8c0118;
  border-top: 1px solid #8c0118; 
  border-left: 10px solid #8c0118;
  border-bottom: 1px solid #8c0118; 
*/


}

.contents h2, .toppage h2 { 
  font-size: 100%;
  border-left: 8px solid gray; /*#006699;*/
  border-bottom: 2px solid gray; /* #006699;*/
  width: 16em;
  padding: 4px;
  color: black; /*#006699;*/
}

table.point { 
  margin: 20px 25px;
  border-collapse: separete;
}

table.point td { 
  padding: 1em;
  border: 1px solid white;
}

table.point td img { 
  border-top: 4px solid #e0e0e0;
  border-left: 4px solid #e0e0e0;
  border-right: 4px solid #909090;
  border-bottom: 4px solid #909090;
}


#jump, #pagejump  {
	text-align: left;
	margin-right: 1em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

#jump span{ 
  background: url("/images/arrow-up.gif") no-repeat left;
  padding: 0 1em;
  font-size: 80%;
  color: #8c0118;
  text-align: left;
}

#pagejump span{
	background: url("/images/arrow-right.gif") no-repeat left;
	padding: 0 1em;
	font-size: 80%;
	color: #8c0118;
	text-align: right;
}

#jump a, #pagejump a { 
  color: #8c0118;
  text-decoration: none;
}

#jump a:hover, #pagejump a:hover {
	color: #f27575;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}








#note { 
  font-size: 80%;
}


/*
 * NEWS( What's new?)
 */

#newsY { 
  font-size: 200%;
  color: #d0d0d0;
  width: 20%;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
}

#newsMD { 
  font-size: 90%;
  width: 10%;
  vertical-align: top;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.5em;
}

#news { 
  font-size: 90%;
  width: 70%;
  vertical-align: bottom;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.5em;
}

#news div { 
  margin-top: 0.4em;
  font-size: 80%;
  color: #808080;
}

span.dlpdf { 
  background: url("/images/icon_pdf.gif") no-repeat left;
  padding: 6px 24px
}


.dlpdf a { 
  color: #8c0118;
  text-decoration: none;
}

.dlpdf a:hover { 
  color: #f27575;
  text-decoration: none;
}




/*
 * for inquire, privacy
 */

#emaillist span { 
  width: 16em;
}


div.inquire { 
  margin: 20px 10px;
  background: transparent;
}

.inquire p { 
  margin: 10px;
}

.inquire li { 
  border: none;
  p-adding: 10px 0 ;
}

.inquire ul a { 
  color: #8c0118;
  text-decoration: none;
}

.inquire ul a:hover { 
  color: #f27575;
  text-decoration: none;
}



fieldset.privacy { 
  margin: 40px 20px;
  padding: 10px;
}

.privacy ol { 
  font-size: 80%;
  list-style-type: decimal;
}

.privacy li:before { 
  width: 90%;
  vertical-align: top;

  display: marker;
  content: counter(mycount);
  counter-increment: mycount;
}

.privacy li { 
  padding: 4px 0;
}


/*
 * for business page only
 */

#copy { 
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
  margin-right: auto;
  padding: 8px 14px;
  background: url("/images/stlipe.gif") transparent;
  c-olor: #8c0118;
  color: #505050;
  width: 85%;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
}

#biz { 
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 30px;
  margin-right: auto;
  padding: 14px 15px 8px 24px ;
  b-ackground: url("/images/stlipe.gif") transparent;
  background: transparent;
  width: 85%;
  border-left: 12px hidden;
  border-right: 1px solid #8c0118;
  border-bottom: 1px solid #8c0118;
  font-size: 90%;
}

#subject { 
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 30px;
  margin-right: auto;
  padding: 8px 14px;
  background: white;
  width: 85%;
  border-top: none;
  border-right: none;
  border-left: 12px solid #8c0118;
  border-bottom: 1px solid #8c0118;
  color: #8c0118;
}

/*
 * for sitemap page only
 */

div.sitemap { 
  margin: 20pt;
  border: 1px solit red;
}

.sitemap h2 { 
  padding: 5px 2em;
  color: black;
  font-size: 110%;
  color: #404040; /*#0f8a8a; #006699;*/
  background: url("/images/stlipe.gif") transparent;
  border-top: 1px solid black;
  border-bottom: none;
  border-right: none;
  border-left: none;
  width: auto;
}

.sitemap ul { 
  l-ist-style: circle outside;
}

.sitemap li { 
  padding: 0px;
  border: none;
  l-ist-style: none;
}

/*
.sitemap a: { 
  
}

.sitemap a:link, .sitemap a:visited { 

}

.sitemap a:hover { 

}

*/