body        {margin:0;text-align:left;background-color: #999; line-height:1.5;font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";font-size:small;}
ul          {margin:0;padding:0;list-style-type:none;}
li          {margin:0;padding:0;list-style-type:none;}
p         {margin:2px 0px 8px 0px;}
img         {border:0;}
hr          {border-width: 1px 0px 0px 0px; border-style: solid; border-color: #ccc; height: 1px;}

#container {
  width:100%;
}

#base {
  width:760px;
  text-align:left;
/*  margin:0 auto;*/
  margin: 0 0 0 10px;

  font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
  font-size: small;
  background-color:#fff;

}

#header {
  background-image:url(21.files/top/logo.jpg);
  width:760px;
  height:124px;
  overflow: hidden;
}


#contents {
  margin:3px 0 0 0;
/*margin:0;*/
}

#mainContents {
  float:left;
  width:610px;
  margin:0;
}

#leftNavi {
  float:left;
  width: 200px;
  margin: 0;
}

#leftNavi img {
  margin:0 0 0 5px;
}

#mainNavi {
  float:right;
  width:390px;
}

#rightNavi {
  margin:0;
  float:right;
  width:135px;
/*  background-color: #249;*/
}

#footer {
  width:100%;
  margin-top:10px;
}

#footerMain {
  float:left;
  width:760px;
  margin:0;
  background-color: #fff;
}

#footerLeft {
  float:left;
  width: 200px;
  margin: 0;
  padding: 0;
}

#footerRight {
  float:right;
  width:550px;
  text-align: left;
  margin-left:10px;
}

.clear { clear:both; }
.clear hr { display:none; }

/** �X�VŠé‹Æ�î•ñ */
#updateImg {
  width: 160px;
  height: 56px;
  margin: 4px;
  padding: 0;
  overflow: hidden;
  background-image:url(./21.files/top/updatelist.gif);
}

/** �X�VŠé‹Æ�î•ñ */
.updateList {
  font-size: x-small;
  width:190px;
/*  height: 598px;*/
  height: 485px;
  overflow: auto;
  line-height: 1.8;
  margin: 0 0 0 4px;
  padding: 0 0 0 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}

/** text weight */
.tB             {font-weight: bold;}
/** text position */
.tL             {text-align: left;}
.tC             {text-align: center;}
.tR             {text-align: right;}
/* text color */
.tBlL             {color:#9cf;}
.tBlD             {color:#06f;}
.tGrL             {color:#999;}
.tGrD             {color:#666;}
.tYl            {color:#E1B900;}
.tOr            {color:#F39700;}
.tBk            {color:#000;}
.tWt            {color:#fff;}

/* background color */
.bgBlL            {color:#9cf;}
.bgBlD            {color:#06f;}
.bgGrL            {color:#ccc;}
.bgGrD            {color:#999;}
.bgYl             {color:#ff0;}
.bgOr             {color:#F39700;}
.bgBk             {color:#000;}
.bgWt             {color:#fff;}

/* base link color*/
a             {color:#333;text-decoration:none;}
a:visit           {color:#333;text-decoration:none;}
a:hover           {color:#f80;text-decoration:none;}

/* link Gray */
.aGr a, a.aGr       {color:#666;text-decoration:none;}
.aGr a:hover,a.aGr:hover  {color:#f80;text-decoration:none;}

/* link Blue */
.aBl a, a.aBl       {color:#06f;text-decoration:none;}
.aBl a:hover,a.aBl:hover  {color:#f80;text-decoration:none;}

/** ‘匩�o‚µ */
.tsH {
  font-size: x-large;
}
/** �¬Œ©�o‚µ */
.tsM {
  font-size: large;
}

/** Šî–{ */
.tsBase {
  font-size: small;
}

/** small */
.tsSm {
  font-size: 11px;
  text-decoration:none;
}

/** small */
.tsSm a, a.tsSm {
  font-size: 11px;
  text-decoration:none;
}

/** x-small */
.tsXxsm {
  font-size: xx-small;
}


/** blue bar*/
.barBl {
  width: 100%;
  color: #fff;
  background-color: #06f;
}
/** orange bar*/
.barOr {
  width: 100%;
  color: #fff;
  background-color: #F39700;
}

/** gray bar*/
.barGr {
  width: 100%;
  color: #fff;
  background-color: #999;
}

/** white bar*/
.barEg {
  width: 100%;
  color: #F39700;
  background-color: #F5F3C8;
}

.barEgg {
  width: 100%;
  color: #758791;
  background-color: #F5F3C8;
}

/** clear bar*/
.barClear {
  margin: 4px;
  width: 100%;
  color: #fff;
}

.bannarSpacer {
  width: 10px;
  height: 20px;
}

.btnBannar{
	display:block;
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}
.btnBannar.img1{
	width: 390px;
	height: 130px;
	background:url(./21.banner/21banner.files/10682.JPG) top left;
/*	margin-top:-6px;*/
}
.btnBannar.img1:hover{background-position:-2px -2px;}


#leftMenuBase {
  width: 100%;
  margin: 0;
}
.leftMenuBlue {
  width: 100%;
  background-color: #06f;
  color: #fff;
  text-align: right;
}

.leftMenuOrange {
/*  margin: 0 0 0 2px;
  padding: 0 4px 0 0;*/
  width: 100%;
  background-color: #F39700;
  color: #fff;
  text-align: right;
}


#bxSubMenu {
  width: 100%;
  background-color:#f0f0f0;
  font-size: small;
  margin: 0;
  padding: 0;
}

#bxSubMenu ul{
  margin:0 0 0 20px;
  list-style-image: url(21.files/top/menu_arrow.gif);
  line-height: 1.2;
  letter-spacing: -0.1em;
}

#information {
  width: 100%;
  text-align: left;
  margin: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}

#information ul{
  line-height: 1.5;
  padding: 0 0 0 4px;
}

.informationBack{
  padding: 2px 4px 2px 4px;
}

.leadGr {
  margin-top: 4px;
/*  color: #999;
  line-height: 1.5;*/
}

/** �A�EŠˆ“®‚Ì�€”õ‰^“® */
.startContents {
  font-size: small;
  width: 100%;
  margin: 16px 0 16px 0;
}

.startLeft {
  width: 60%;
  float: left;
}

.startRight {
  width: 40%;
  float: right;
  overflow: hidden;
  
}

.startContents li{
  margin: 0;
  line-height: 1.8;
}
.startContents hr{
  border-width: 1px 0px 0px 0px;
  border-style: dotted;
  border-color: #ccc;
  height: 1px;
}

#loginBlock {
	width: 100%;
	display: none;
}

#registFreeOut {
  display: block;
  font-size: x-small;
  width: 135px;
  height: 40px;
  margin: 0;
  text-align:center;
}

#registFree {
  font-size: x-small;
  width: auto;
  text-align: center;
}

.alignCenter {
  margin: 0;
  padding: 0;
  text-align:center;
}

#login {
  width: 100%;
  margin: 0 0 0 12px;
}

#loginArea {
  width: 105px;
  background-color:#999;
  color: #fff;
  padding: 5px 0 5px 5px;
}

#loginArea input{
  border: 1px solid #999999;
  font-family:tahoma;
  width:95px;
}

#loginUser {
  display: none;
  font-size: x-small;
  width: 100%;
  height: 32px;
  margin: 0;
  color: #00f;
  text-align: center;
}

#userUpdate {
  display: none;
  font-size: x-small;
  width: 100%;
  height: 20px;
  margin: 4px;
  color: #00f;
  text-align: center;
}

#gMenu{
  overflow:hidden;
  width:740px;height:20px;
  margin:0 0 0 20px;padding:0;
}
#gMenu ul{
  overflow:hidden;
  width:740px;height:20px;
  margin:0;padding:0;
}
#gMenu li{
  display:block;
  overflow:hidden;
  float:left;
  margin:0;padding:0;
  text-indent:-9999px;
  background:url(21.files/top/g_menu.gif) no-repeat 0 0;
}

#gMenu li a{
  display:block;
  overflow:hidden;
  margin:0;padding:0;
  background:url(21.files/top/g_menu.gif) no-repeat 0 0;
}

#gMenu li#s       {width:236px;height:20px;margin:0;padding:0;}
#gMenu li#m1      {width:84px;height:20px;margin:0;padding:0;}
#gMenu li#m2      {width:96px;height:20px;margin:0;padding:0;}
#gMenu li#m3      {width:96px;height:20px;margin:0;padding:0;}
#gMenu li#m4      {width:200px;height:20px;margin:0;padding:0;}
#gMenu li#s a     {width:236px;height:20px;margin:0;padding:0;}
#gMenu li#m1 a      {width:84px;height:20px;margin:0;padding:0;}
#gMenu li#m2 a      {width:96px;height:20px;margin:0;padding:0;}
#gMenu li#m3 a      {width:96px;height:20px;margin:0;padding:0;}
#gMenu li#m4 a      {width:200px;height:20px;margin:0;padding:0;}

#gMenu li#s          {background-position: 0 0;}
#gMenu li#m1         {background-position: -236px    0   ;}
#gMenu li#m2         {background-position: -321px    0   ;}
#gMenu li#m3         {background-position: -418px    0   ;}
#gMenu li#m4         {background-position: -514px    0   ;}
#gMenu li#s a       {background-position: 0 0;}
#gMenu li#m1 a       {background-position: -236px    0   ;}
#gMenu li#m2 a       {background-position: -321px    0   ;}
#gMenu li#m3 a       {background-position: -418px    0   ;}
#gMenu li#m4 a       {background-position: -514px    0   ;}
#gMenu li#s a:hover {background-position: 0 0;}
#gMenu li#m1 a:hover {background-position: -236px  -20px ;}
#gMenu li#m2 a:hover {background-position: -321px  -20px ;}
#gMenu li#m3 a:hover {background-position: -418px  -20px ;}
#gMenu li#m4 a:hover {background-position: -514px  -20px ;}


#btnLoginArea {
  margin: 4px 0 0 0;
}

#btnLogin {
  width:71px;
  height:25px;
  margin: auto;
  background:url(21.files/top/btn_login.gif) no-repeat;
}

#btnLogin h3 {
  display:block;
  overflow:hidden;
  width:71px;
  height:25px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url(21.files/top/btn_login.gif) no-repeat;
}

#btnLogin h3 a{
  display:block;
  overflow:hidden;
  width:71px;
  height:25px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  background:url(21.files/top/btn_login.gif) no-repeat;
}

#btnLogin h3      {background-position:    0      0   ;}
#btnLogin h3 a      {background-position:    0      0   ;}
#btnLogin h3 a:hover  {background-position:    0    -25px ;}
  

/** Šw�¶ƒiƒrbox */
.boxMainG {
  width: 100%;
  padding: 3px;
/*  margin: 0 2px 0 2px;*/
  background-color: #06f;
}

/** ˆê”ʃiƒrbox */
.boxMainI {
  width: 100%;
  padding: 3px;
/*  margin: 0 2px 0 2px;*/
  background-color: #F39700;
}

.boxMainMenu {
  width: 100%;
  font-size: small;
  background-color: #fff;
}
.boxMainMenuLi li{
  padding: 4px;
  border-style:dotted none none none;
  border-width:2px 0 0 0;
  border-color:#ccc;
}

.mainTitleG1 {
  margin: 4px;
  font-size: x-large;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}

.mainTitleG2 {
  margin: 0 4px 4px 8px;
  font-size: large;
  color: #fff;
}

.mainTitleI1 {
  margin: 4px;
  font-size: x-large;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}

.mainTitleI2 {
  margin: 0 4px 4px 8px;
  font-size: large;
  color: #ff0;
}

.mainTitleI3 {
  margin: 8px 4px 2px 8px;
  font-size: medium;
  font-weight: bold;
  color: #fff;
}

.mainTitleI4 {
  margin: 2px 2px 0px 8px;
  font-size: x-small;
  color: #000;
}


#bannerArea {
  width: 100%;
  text-align: center;
  margin: 1px 0 0 0;
}

#bannerArea img{
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}

.cmArea {
  text-align: center;
  width: 100%;
  margin: 16px 0 0 0;
  padding: 0;
}


#forgotPass {
  text-align: center;
  width: 100%;
  font-size: x-small;
}


#pickupArea {
  color: #758791;
  margin: 0 0 20px 0;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}

.pickupBack{
  padding: 2px 4px 2px 4px;
}

#theme {
  color: #000;
  margin: 0;
}
#theme p{
  margin:0;
}
#theme ul{
  line-height: 1.5;
  padding: 0 0 0 4px;
}