/*===============================================
 * 全ページ共通
 *==============================================*/
body {
  margin          : 0px;
  text-align      : center;
  font-family     : "ＭＳ Ｐゴシック", "Osaka", "monospace";
}

div.main {
  width           : 850px;
  margin-top      : 0px;
  margin-left     : auto;
  margin-right    : auto;
  padding-left    : 20px;
  padding-right   : 20px;
  background-color: #FFFFFF;
}

div.pageBox {
  width           : 798px;
  margin-top      : 10px;
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 10px;
  padding-bottom  : 10px;
  border          : 3px solid firebrick;
}

.midashiRed {
  font-size       : 22px;
  font-weight     : bold;
  color           : red;
}

.midashiBlack {
  font-size       : 22px;
  font-weight     : bold;
}

div.pageTitle {
  margin-top      : 30px;
  margin-left     : auto;
  margin-right    : auto;
  font-size       : 26px;
  font-weight     : bold;
  color           : red;
}

span.pageTitle {
  font-size       : 26px;
  font-weight     : bold;
  color           : red;
}

/*===============================================
 * 全ポップアップ共通
 *==============================================*/
div.popup {
  width           : 750px;
  margin-top      : 20px;
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 20px;
  background-color: #FFFFFF;
}

table.popup {
  margin-left     : auto;
  margin-right    : auto;
  border          :1px solid Black;
  border-collapse :collapse;
}

/*===============================================
 * 共通ヘッダ
 *==============================================*/
div.topImageFrame {
  margin-top      : 0px;
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 0px;
  width           : 798px;
}

div.topImage {
  margin-top      : 0px;
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 5px;
  padding-top     : 5px;
  text-align      : left;
}

div.btnImage {
  margin-top      : 0px;
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 0px;
  padding         : 0px;
  width           : 798px;
  height          : 27px;
}

div.d_topImageFrame {
  margin-top      : 0px;
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 0px;
  width           : 1024px;
}

div.d_btnImage {
  margin-top      : 0px;
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 0px;
  padding         : 0px;
  width           : 1024px;
  height          : 27px;
  text-align      : left;
}

div.btnFrame {
  float           : left;
  width           : 113px;
  border-right    : 1px solid gray;
}

div.btnFrameLast {
  float           : left;
  width           : 113px;
  border-right    : 0px solid gray;
}

img.imgbtnImage_style {
  margin          : 0px;
  padding         : 0px;
  width           : 113px;
  height          : 27px;
}

/*===============================================
 * TOPページ
 *==============================================*/
div.shopInfoFrame {
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 15px;
  padding-bottom  : 5px;
  width           : 796px;
  border          : 3px solid firebrick;
}

img.boxTitle {
  width           : 790px;
  height          : 23px;
}

div.shopInfo {
  margin-left     : 20px;
  width           : 372px;
  float           : left;
  text-align      : left;
}

div.shopPhoto {
  font-size       : 9pt;
}

/* 店舗案内でも使用 */
span.shopTitle {
  color           : #FF0033;
  font-size       : 11pt;
  font-weight     : bold;
}

div.topixFrame {
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 15px;
  padding-left    : 7px;
  width           : 812px;
  height          : 120px;
}

div.topixBox {
  width           : 380px;
  height          : 120px;
  overflow        : auto;
  text-align      : left;
  font-size       : 10pt;
  float           : left;
  border          : 3px solid firebrick;
}

div.oshiraseBox {
  margin-left     : 36px;
  width           : 380px;
  height          : 120px;
  text-align      : left;
  float           : left;
  border          : 3px solid firebrick;
}

div.oshiraseBoxIn {
  margin-top      : 3px;
  margin-left     : 3px;
  width           : 370px;
  height          : 80px;
  overflow        : auto;
  font-size       : 10pt;
}

td.osusumeImgArea {
  padding-top     : 2px;
  padding-left    : 2px;
  padding-right   : 0px;
  padding-bottom  : 5px;
  border          : 0px solid gray;
}

img.topixImg {
  width           : 374px;
  height          : 23px;
}

div.pickupFrame {
  margin-left     : auto;
  margin-right    : auto;
  width           : 796px;
}

div.pickupBox {
  text-align      : left;
  float           : left;
  border          : 3px solid firebrick;
}

img.pickupShopTitle {
  margin-top      : 5px;
  margin-left     : 8px;
  width           : 65px;
  height          : 15px;
}

table.tblPickup {
  margin-left     : 5px;
  margin-bottom   : 5px;
  background-color: #D3D3D3;
  border          : 1px solid gray;
}

td.tdPickup {
  padding         : 3px;
}

/* 在庫車一覧ページでも使用 */
td.tdkatasiki {
  font-size       : 9pt;
  border          : 0px solid gray;
}

img.lastLine {
  width           : 798px;
  height          : 23px;
}

div.footerFrame {
  text-align      : left;
}

div.manjump {
  width           : 798px;
  margin-top      : 10px;
  text-align      : right;
}

.osusumeImg {
  width           : 245px;
  height          : 163px;
}

div.btnImage_style {
  float           : left;
  margin          : 0px;
  border          : 0px solid gray;
}

div.footer {
  margin-top      : 5px;
  font-size       : 8pt;
}

div.copyright {
  margin-top      : 10px;
  margin-left     : 10px;
  margin-right    : 10px;
  text-align      : left; 
  font-size       : 8pt;
}

/*===============================================
 * 在庫車一覧ページ
 *==============================================*/
td.tdOldBike {
  vertical-align  : top;
}

table.tableOldBike {
  background-color: #D3D3D3;
  width           : 300px;  
  margin-left     : auto;
  margin-right    : auto;
  margin-bottom   : 5px;
  border          : 1px solid gray;
}

td.tdImgArea {
  padding         : 5px;
}

form.formImgArea {
  margin          : 0px;
}

/*===============================================
 * 在庫車詳細ページ
 *==============================================*/
.d_main {
  margin-top      : 0px;
  margin-left     : auto;
  margin-right    : auto;
  width           : 860px;
  background-color: #FFFFFF;
}

.d_tumb_area {
  margin-top      : 10px;
  width           : 117px;
  height          : 78px;
  border          : 1px solid red;
}

.d_tumb_img {
  width           : 100%;
  height          : 100%;
}

.d_table1 {
  margin-top      : 10px;
  width           : 850px;
  border          : 3px solid firebrick; 
  border-collapse : collapse;
}

.d_table1 td {
  font-size       : 20px;
  font-weight     : bold;
  border          : 3px solid firebrick; 
}

.d_td_lab {
  width           : 100px;
  height          : 30px;
  font-size       : 12px;
  font-weight     : bold;
  color           : #FFFFFF;
  border          : 3px solid firebrick; 
  background-color: red;
  text-align      : center;
}

.d_td_val {
  padding-left    : 10px;
  width           : 200px;
  height          : 30px;
  font-size       : 18px;
  border          : 3px solid firebrick; 
  text-align      : left;
}

.d_td_shop {
  padding-left    : 10px;
  font-size       : 12px;
  border          : 3px solid firebrick; 
  text-align      : left;
}

/*===============================================
 * 店舗案内ページ
 *==============================================*/
div.mapBody {
  margin-top      : 25px;
  margin-left     : 15px;
  width           : 375px;
  Height          : 445px;
  text-align      : left; 
  float           : left; 
}

div.mapImageArea {
  margin          : auto;
  width           : 375px;
  Height          : 248px;
  margin-top      : 5px;
  border          : 0px solid red;  
}

div.googleMap {
  margin-left     : 10px;
  margin-top      : 57px;
  width           : 375px;
  Height          : 445px;
  text-align      : left; 
  float           : left; 
  border          : 1px solid gray;
}

div.mapAccess {
  margin-left     : 10px;
  text-align      : left; 
}

/*===============================================
 * 業務内容ページ
 *==============================================*/
td.shopInfo {
  padding         : 7px;
  border          : 1px solid red;
}

td.shopInfoTitle {
  padding         : 7px;
  border          : 1px solid red;
  font-size       : 18px;
  font-weight     : bold;
  background-color: #FF9999;
}

a.shop {
  text-decoration : none;
  color           : #0000FF;
}

/*===============================================
 * カスタムページ
 *==============================================*/
th.customHeader {
  padding         : 5px;
}

table.custom {
  margin-top      : 20px;
  margin-left     : auto;
  margin-right    : auto;
}

td.custom {
  width           : 350px;
  text-align      : center;
}

font.Hondabike {
  color           : #FF0000;
  font-size       : 22pt;
  font-family     : "HGP創英角ﾎﾟｯﾌﾟ体";
}

font.Kawasakibike {
  color           : #00FF00;
  font-size       : 22pt;
  font-family     : "HGP創英角ﾎﾟｯﾌﾟ体";
}

font.Yamahabike {
  color           : #FFFF00;
  font-size       : 22pt;
  font-family     : "HGP創英角ﾎﾟｯﾌﾟ体";
}

font.Suzukibike {
  color           : #3300FF;
  font-size       : 22pt;
  font-family     : "HGP創英角ﾎﾟｯﾌﾟ体";
}

font.Otherbike {
  color           : #FF6633;
  font-size       : 22pt;
  font-family     : "HGP創英角ﾎﾟｯﾌﾟ体";
}

/*===============================================
 * オンライン査定ページ
 *==============================================*/
div.InqWarning {
  font-size       : 12pt;
}

td.itemTitle {
  font-weight     : bold;
  color           : red;
}

/*===============================================
 * リンクページ
 *==============================================*/
span.LinkGroup {
  color           : red;
  font-size       : 18pt;
}

/*===============================================
 * <p>タグ
 *==============================================*/
p.center {
	text-align:		center;
}

/*===============================================
 * <label>タグ
 *==============================================*/
label.base {
	font-size:	16px;
}

/*===============================================
 * <input>タグ
 *==============================================*/
input.submit {
	width:		100px;
	font-size:	16px;
}

input.text {
	width:		230px;
	font-size:	16px;
}

input.file {
	width:		300px;
	font-size:	16px;
}

input.password {
	width:		150px;
	font-size:	16px;
}

input.down {
	width:		100px;
	font-size:	16px;
}

/*===============================================
 * <textarea>タグ
 *==============================================*/
textarea.text {
	cols:		230;
	lows:		10;
	font-size:	16px;
}

textarea.text2 {
	width:		230px;
	height:		100px;
	font-size:	16px;
}

/*===============================================
 * <select>タグ
 *==============================================*/
select.base {
	font-size:	16px;
}

select.bike {
	font-size:	16px;
	width:		100px;
}

select.info {
	font-size:	16px;
	width:		350px;
}

select.file {
	font-size:	16px;
	width:		150px;
}

/*===============================================
 * <table>タグ
 *==============================================*/
table.base {
	border:		0px;
	width:		98px;
	height:		530px;
}

/*===============================================
 * <td>タグ
 *==============================================*/
td.base {
	height:		100px;
}

td.info {
	text-align:		center;
}

td.camp {
	text-align:		center;
}

/*===============================================
 * <a>タグ
 *==============================================*/
a.none {
	text-decoration:	none;
	position:			absolute;
	top:				800px;
	left:				1150px;
}

a.ul_none {
	text-decoration:	none;
}

a.link {
	color:				#FF0000;
	text-decoration:	none;
}

/*===============================================
 * <font>タグ
 *==============================================*/
font.Event {
	color:			#FF0000;
	font-size:		40pt;
	font-family:	"HGP創英角ﾎﾟｯﾌﾟ体";
}

/*===============================================
 * <img>タグ
 *==============================================*/
img {
	border-width:	0px;
	padding:		0px;
}

img.ShoppingLogo {
	width:			160px;
	height:			115px;
}

/*===============================================
 * 20110504add
 *==============================================*/
img.shopPhotoImg {
  width      : 370px;
  height     : 300px;
  border     : 1px solid gray;
}

img.pickup {
  width      : 195px;
  height     : 130px;
  border     : 1px solid gray;
}

img.old_bike {
  width      : 300px;
  height     : 200px;
  border     : 1px solid gray;  
}

img.mapphoto {
  width      : 375px;
  height     : 245px;
  border     : 1px solid gray;  
}

/*===============================================
 * <hr>タグ
 *==============================================*/
hr.ShoppingLine {
	background-image:  url(../image/haikei.gif);
	width:				780px;
	height:				5px;
}

/*===============================================
 * <li>タグ
 *==============================================*/
li.lstTenpoJyoho {
  margin-top      : 5px;
  margin-left     : 58px;
  text-align      : left;
  font-size       : 10pt;
  font-family     : "ＭＳ Ｐゴシック", "Osaka", "monospace";
}


/*===============================================
 * ドロップダウンメニュー
 *==============================================*/
/* ナビゲーション */
#navi_continer {
  position         : relative;
  z-index          : 100;
  width            : 798px;
  margin-left      : 0px;
}

#navi {
  position         : absolute;
  left             : 0px;
  width            : 798px;
}

#navi ul {
  margin           : 0px;
  padding          : 0px;
  list-style       : none;
}

#navi li {
  color            : #fffff;
  float            : left;
  width            : 113px;
  margin           : 0px;
}

#navi li a {
  font-size        : 14px;
  color            : #ffffff;
  display          : block;
  width            : 113px;
  text-align       : center;
  font-weight      : bold;
  text-decoration  : none;
}
#navi li img {
  display          : block;
}

#navi li a:hover {
  color            : #ffffff;
}

/* サブメニュー */
  #navi ul.sub {
  background       : #ff5555;
}

#navi ul.sub li {
  float            : none;
}

#navi ul.sub li a {
  color            : #ffffff;
  background       : none;
  font-size        : 12px;
  font-weight      : bold;
  padding          : 3px 0;
}

#navi ul.sub li a:hover {
  color            : #666666;
}

#navi ul li.navi_menu ul {
  display          : none;
}

#navi ul li.navi_menu_on ul {
  display          : block;
  height           : 40px;
}

#navi ul li.navi_menu_on2 ul {
  display          : block;
  height           : 20px;
}

#navi li.navi_menu{
  border           :0px solid #000099;
  padding          :0px;
}

#navi li.navi_menu_on{
  border           :0px solid #000099;
  padding          :0px;
}

iframe.ifrImg {
  width  : 356px;
  height : 317px;
}

div.CommonHeader {
	top:				20px;
	left:				200px;
	position:			absolute;
	background-color:	#339999;
	font-size:			20pt;
	width:				500px;
}

div.CommonDisp {
	top:			100px;
	left:			339px;
	position:		absolute;
	font-size:		14pt;
	text-align:		left;
}

div.CBikeEditDisp {
	top:			100px;
	left:			220px;
	position:		absolute;
	font-size:		14pt;
	text-align:		left;
}

div.PasswordDisp {
	top:			100px;
	left:			280px;
	position:		absolute;
	font-size:		14pt;
	text-align:		left;
}

div.MailDisp {
	top:			80px;
	left:			200px;
	position:		absolute;
	font-size:		14pt;
	text-align:		left;
}

div.LinkDisp {
	top:			100px;
	left:			220px;
	position:		absolute;
	font-size:		14pt;
	text-align:		left;
}

div.ShoppingLogo {
	top:		16px;
	left:		20px;
	position:	absolute;
}

div.ShoppingHeader {
	top:			90px;
	left:			220px;
	position:		absolute;
	height:			48px;
	font-family:	HGP創英角ﾎﾟｯﾌﾟ体;
	font-size:		24px;
	color:			red;
	text-align:		left;
}

div.ShoppingLine {
	top:		120px solid gray;;
	left:		0px;
	position:	absolute;
}

div.center {
  position        : relative;
  width           : 800px;
}