/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html {
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
	margin: 0;
	padding: 0;
	background-color: #efece0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	line-height: 1.166;
	background-color: #efece0;
}

a:link, a:hover {
	color: #000081;
	text-decoration: underline;
}
a:visited {
	color: #9f009f;
	text-decoration: underline;
}
a:hover {
	color: #ff2929;
	text-decoration: underline;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#bg_shade {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("http://www.digitop.jp/honda/images/main_back.gif");
	background-position: 50%;
	background-repeat: repeat-y;
	text-align: center;
}

#container {
	width: 765px;
	margin-left: auto;
	margin-right: auto;
}

#leftbar {
	width: 180px;
	background-image: url("http://www.digitop.jp/honda/images/lmenu_foot_f2.gif");
	background-position: right;
	background-repeat: repeat-y;
	text-align: right;
	vertical-align: top;
}

#centerarea {
	width: 385px;
	text-align: center;
	vertical-align: top;
}

#centerarea2 {
	width: 585px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}



#rightbar {
	width: 200px;
	background-image: url("http://www.digitop.jp/honda/images/rmenu_shoplist_foot_f2.gif");
	background-position: left;
	background-repeat: repeat-y;
	text-align: left;
	vertical-align: top;
}

#rightbar2 {
	width: 200px;
	text-align: left;
	vertical-align: top;
}

#footer {
	padding-top: 20px;
	color: gray;
	font-size: 80%;
	line-height: 2;
	text-align: center;
}

#footer .footer {
	margin: 0 16px 0 16px;
	padding-top: 4px;
	border-top: 3px solid #cdcdcd;
}

h2 {
	width: 357px;
	margin: 0 0 0 16px;
	padding-left: 28px;
	background-image: url("http://www.digitop.jp/honda/images/title_back.jpg");
	background-repeat: no-repeat;
	color: black;
	font-size: 160%;
	line-height: 2.8;
	font-weight: bold;
	text-align: left;
}

#centerarea2 h2 {
	width: 530px;
	margin:0;
	padding-left: 28px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-image: url("http://www.digitop.jp/honda/images/title_back2.jpg");
	background-repeat: no-repeat;
	color: black;
	font-size: 160%;
	line-height: 2.8;
	font-weight: bold;
	text-align: left;
}

h3 {
	width: 355px;
	margin: 16px 0 6px 16px;
	padding-left: 16px;
	background-image: url("http://www.digitop.jp/honda/images/top_midashi.gif");
	background-repeat: no-repeat;
	color: white;
	font-size: 100%;
	line-height: 1.7;
	font-weight: bold;
	text-align: left;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/
.gray a:link, .gray a:hover, .gray a:visited {
	color: gray;
	font-weight: bold;
	text-decoration: none;
}
.gray a:hover {
	text-decoration: underline;
}



/***********************************************/
/*Tuned Divs                                   */
/***********************************************/

.hydding      { overflow:     hidden; }
.pad-all0     { padding:           0; }
.pad-all3     { padding:         3px; }
.pad-all6     { padding:         6px; }
.pad-all9     { padding:         9px; }
.pad-top3     { padding-top:     3px; }
.pad-top6     { padding-top:     6px; }
.pad-top9     { padding-top:     9px; }
.pad-left3    { padding-left:    3px; }
.pad-left6    { padding-left:    6px; }
.pad-left9    { padding-left:    9px; }
.pad-right3   { padding-right:   3px; }
.pad-right6   { padding-right:   6px; }
.pad-right9   { padding-right:   9px; }
.pad-bottom3  { padding-bottom:  3px; }
.pad-bottom6  { padding-bottom:  6px; }
.pad-bottom9  { padding-bottom:  9px; }
.pad-bottom20 { padding-bottom: 20px; }
.mgn-all0     { margin:            0; }
.mgn-all3     { margin:          3px; }
.mgn-all6     { margin:          6px; }
.mgn-all9     { margin:          9px; }
.mgn-top3     { margin-top:      3px; }
.mgn-top6     { margin-top:      6px; }
.mgn-top9     { margin-top:      9px; }
.mgn-top20    { margin-top:     20px; }
.mgn-left3    { margin-left:     3px; }
.mgn-left6    { margin-left:     6px; }
.mgn-left9    { margin-left:     9px; }
.mgn-right3   { margin-right:    3px; }
.mgn-right6   { margin-right:    6px; }
.mgn-right9   { margin-right:    9px; }
.mgn-bottom3  { margin-bottom:   3px; }
.mgn-bottom6  { margin-bottom:   6px; }
.mgn-bottom9  { margin-bottom:   9px; }
.width25p     { width:           25%; }
.width33p     { width:           33%; }
.width50p     { width:           50%; }
.width75p     { width:           75%; }
.width100p    { width:          100%; }
.height45     { height:         45px; }


/************** #original styles **************/

.acenter    { text-align: center; }
.aright     { text-align: right;  }
.aleft      { text-align: left;   }
.vtop       { vertical-align: top;    }
.vmiddle    { vertical-align: middle; }
.vbottom    { vertical-align: bottom; }
.fright     { float: right; }
.fleft      { float: left;  }
.clear      { clear: both;  }
.size40     { font-size:  40%; line-height: 100%; }
.size50     { font-size:  50%; line-height: 100%; }
.size60     { font-size:  60%; line-height: 100%; }
.size70     { font-size:  70%; line-height: 100%; }
.size80     { font-size:  80%; line-height: 100%; }
.size90     { font-size:  90%; line-height: 100%; }
.size100    { font-size: 100%; line-height: 100%; }
.size110    { font-size: 110%; line-height: 110%; }
.size120    { font-size: 120%; line-height: 120%; }
.size130    { font-size: 130%; line-height: 130%; }
.size140    { font-size: 140%; line-height: 140%; }
.size160    { font-size: 160%; line-height: 160%; }
.size180    { font-size: 180%; line-height: 180%; }
.size200    { font-size: 200%; line-height: 200%; }
.lheight110 { line-height: 110%; }
.lheight120 { line-height: 120%; }
.lheight130 { line-height: 130%; }
.lheight140 { line-height: 140%; }
.lheight160 { line-height: 160%; }
.lheight180 { line-height: 180%; }
.lheight200 { line-height: 200%; }
.dnone      { display: none;   }
.dblock     { display: block;  }
.dinline    { display: inline; }
.bold       { font-weight: bold; }
.uline      { text-decoration: underline; }
.black      { color: black;   }
.red        { color: red;     }
.blue       { color: blue;    }
.green      { color: lime;    }
.aqua       { color: aqua;    }
.yellow     { color: yellow;  }
.purple     { color: fuchsia; }
.white      { color: white;   }
.gray       { color: gray;    }
.lightgray  { color: #a9a9a9; }
.silver     { color: silver;  }
.orange     { color: orange;  }
.darkred    { color: maroon;  }
.darkblue   { color: navy;    }
.darkgreen  { color: green;   }
.darkaqua   { color: teal;    }
.darkyellow { color: olive;   }
.darkpurple { color: purple;  }
.coral      { color: #ff6f30; }
.bg_black       { background-color: black;   }
.bg_red         { background-color: red;     }
.bg_blue        { background-color: blue;    }
.bg_green       { background-color: lime;    }
.bg_aqua        { background-color: aqua;    }
.bg_yellow      { background-color: yellow;  }
.bg_purple      { background-color: fuchsia; }
.bg_white       { background-color: white;   }
.bg_gray        { background-color: gray;    }
.bg_lightgray   { background-color: #eeeeee; }
.bg_silver      { background-color: #d0d0d0; }
.bg_orange      { background-color: orange;  }
.bg_darkred     { background-color: maroon;  }
.bg_darkblue    { background-color: navy;    }
.bg_darkgreen   { background-color: green;   }
.bg_darkaqua    { background-color: teal;    }
.bg_darkyellow  { background-color: olive;   }
.bg_darkpurple  { background-color: purple;  }
.bg_lightaqua   { background-color: #c7e0ff; }
.bg_lightyellow { background-color: #fff0b3; }
.bg_mandarin    { background-color: #ffd044; }
.bg_flashyellow { background-color: #ffffd0; }
.bg_flashgreen  { background-color: #d0ffd0; }
.bg_listHeader  { background-color: #ffcc99; }
.border_none        { border: none;              }
.border_black       { border: solid 1px black;   }
.border_red         { border: solid 1px red;     }
.border_blue        { border: solid 1px blue;    }
.border_green       { border: solid 1px lime;    }
.border_aqua        { border: solid 1px aqua;    }
.border_yellow      { border: solid 1px yellow;  }
.border_purple      { border: solid 1px fuchsia; }
.border_white       { border: solid 1px white;   }
.border_gray        { border: solid 1px gray;    }
.border_silver      { border: solid 1px silver;  }
.border_orange      { border: solid 1px orange;  }
.border_darkred     { border: solid 1px maroon;  }
.border_darkblue    { border: solid 1px navy;    }
.border_darkgreen   { border: solid 1px green;   }
.border_darkaqua    { border: solid 1px teal;    }
.border_darkyellow  { border: solid 1px olive;   }
.border_darkpurple  { border: solid 1px purple;  }
.border_lightaqua   { border: solid 1px #c7e0ff; }
.border_lightyellow { border: solid 1px #fff0b3; }
.border_mandarin    { border: solid 1px #ffd044; }
.border_flashyellow { border: solid 1px #ffffd0; }
.border_flashgreen  { border: solid 1px #d0ffd0; }
.border_black_l     { border-left: solid 1px black; }

