/* ---------------------------
body
--------------------------- */
body {
  margin-left: 10px; margin-top: 30px; margin-right: 10px; margin-bottom: 15px;
  background: url(cmnfix/bg_page.gif) left top repeat;
  color: #5b200b; font-family: Osaka, Verdana, Arial, sans-serif; font-size: 12px; line-height: 150%;
}

a:link,a:visited {
  color: #5b200b;
  text-decoration: none;
}
a:hover,a:active{
  color: #f45a12;
  text-decoration: underline;
}

.baseWht { background: #ffffff;}
.textColorWhite { color: #ffffff;}

/* ---------------------------
cmn - main
--------------------------- */
#nav {
  margin: 0; padding: 0;
  width: 188px;
  list-style-type: none;
  text-align: center;
}

#nav li {
  margin: 0; padding: 0;
}

#nav li a {
  display: block;
  overflow: hidden; background-image: url(cmnfix/menu_main.gif);
  color: #FFFFFF;
  width: 188px;
  height: 0 !important; height /**/:35px;
  padding: 35px 0 0 0;
}

/* nav off */
#nav01 a { background-position: 0      0;}
#nav02 a { background-position: 0  -35px;}
#nav03 a { background-position: 0  -70px;}
#nav04 a { background-position: 0 -105px;}
#nav05 a { background-position: 0 -140px;}
#nav06 a { background-position: 0 -175px;}
#nav07 a { background-position: 0 -210px;}
#nav08 a { background-position: 0 -245px;}
#nav09 a { background-position: 0 -280px;}
#nav10 a { background-position: 0 -315px;}

/* nav off */
#nav01 a:hover { background-position: -188px      0;}
#nav02 a:hover { background-position: -188px  -35px;}
#nav03 a:hover { background-position: -188px  -70px;}
#nav04 a:hover { background-position: -188px -105px;}
#nav05 a:hover { background-position: -188px -140px;}
#nav06 a:hover { background-position: -188px -175px;}
#nav07 a:hover { background-position: -188px -210px;}
#nav08 a:hover { background-position: -188px -245px;}
#nav09 a:hover { background-position: -188px -280px;}
#nav10 a:hover { background-position: -188px -315px;}

/* nav stay */
#nav01 a.stay { background-position: -188px      0;}
#nav02 a.stay { background-position: -188px  -35px;}
#nav03 a.stay { background-position: -188px  -70px;}
#nav04 a.stay { background-position: -188px -105px;}
#nav05 a.stay { background-position: -188px -140px;}
#nav06 a.stay { background-position: -188px -175px;}
#nav07 a.stay { background-position: -188px -210px;}
#nav08 a.stay { background-position: -188px -245px;}
#nav09 a.stay { background-position: -188px -280px;}
#nav10 a.stay { background-position: -188px -315px;}
	
/* ---------------------------
Welcome
--------------------------- */
#topComment {
  margin: 15px 0 15px 0; padding: 0;
  text-align: left;
}

#topComment th { border-bottom: 1px dotted #5b200b;}
#topComment td { margin: 0; padding: 10px 0 10px 0;}
#topComment em {
  text-align: left;
  font-weight: bold; font-style: normal;
}

/* ---------------------------
information
--------------------------- */
#info { margin: 0; padding: 0; width: 350px;}

#info table {
  margin: 0 0 0 10px; padding: 0;
  width: 340px;
  border-bottom: 1px dotted #5b200b;
}
				   
#info th {
  padding: 5px 0 0 17px; margin: 0;
  text-align: left; font-weight: bold; color: #f45a12;
  background: url(cmnfix/ar_right_bwn.gif) left bottom no-repeat;
  vertical-align: top;
}
  
#info td {
  padding: 5px 0 5px 30px; margin: 0;
  text-align: left;
}

#info a:link,#info a:visited {
  color: #5b200b;
  text-decoration: none;
}
#info a:hover,#info a:active{
  color: #5b200b;
  text-decoration: underline;
}

/* ---------------------------
SpecialMenu
--------------------------- */
.topSpecialBg { background: url(home/img/specialmenu_bg.gif) left top repeat-y;}

#topMonthly {
  margin: 0 22px 0 18px;
  text-align: left;
}
#topMonthly td.monthlyPhoto { border: 2px solid #a87022;}

#topMonthly td.monthlyTxt { margin: 0; padding: 0;  text-align: left;}

#topMonthly a { text-decoration: underline;}

/* ---------------------------
mailmagazine
--------------------------- */
#mailMgz {
  padding: 0; margin: 0;
  background-color: #adcf43;
  text-align: left;
}

#mailMgz input { width: 150px;}

/* ---------------------------
cmn - footer
--------------------------- */  
.footer  {
  margin: 0; padding: 0; width: 776px;
  background: #ffffff;
  border-top: 5px solid #ccb99f;
  border-right: none; 
  border-bottom: none;
  border-left: none;
  text-align: left;
}

.footer table  {
  margin: 0 0 5px 0; padding: 15px 0 15px 0;
  border-bottom: 1px dotted #7f7f7f;
}

.footer p  { margin: 0; padding: 0;}

.footer em  {
  margin: 0; padding: 0;
  color: #f45a12; font-weight: bold; font-style: normal;
}
 
.footerLink {
  float: left;
  margin: 0; padding:0; width: 70%;
}

.copy {
  float: right;
  margin: 0; padding:0; width: 30%;
  text-align: right; font-size: 10px;
}

/* ---------------------------
MENU
--------------------------- */
#contentsComment {
  margin: 0; padding: 20px 0 0 0;
  text-align: left;
}
#contentsComment th { border-bottom: 1px dotted #5b200b;}
#contentsComment td { margin: 0; padding: 10px 0 10px 0;}

#menu {
  margin: 20px 0 0 0; padding: 0;
  text-align: left;
}

#menu p {
  margin: 10px 0 10px 0; padding: 0;
  text-align: left;
}

.menuTTL {
  border: 1px solid #a87022;
  margin: 0; padding: 3px 8px 3px 8px;
  font-size: 14px; font-weight: bold;
  background: #ffffff;
}

.menuList1 {
  margin: 0; padding: 0;
  background: #ffffff;
}

.menuList1 td {
  margin: 10px 0 0 0; padding: 3px 8px 3px 8px;
}

td.menuListEven {
  margin: 10px 0 0 0; padding: 3px 8px 3px 8px;
  background: #F2ECE1;
}

.menuList2 {
  margin: 15px 0 25px 0; padding: 0;
  background: #ffffff;
}
td.menuImg {
  margin: 0; padding: 0;
  border: 2px solid #a87022;
}