/*######################################
Honda Cars 三重東HP
■レイアウト用■
layout.css
CSS Version 2.0
LastModefied:2006.7.25 By yoshida
######################################*/

/*########################
Global
	border: 1px solid orange;
########################*/
*{
	margin: 0;
	padding: 0;
}

img{
	border: 0;
}

body{
	background-image: url('../grf/bg_body.gif');
	background-color: #E5E5E5;
	background-repeat: repeat-x;
	color: #777777;
	text-align: center;
	font-size: 13px;
}

#Body{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 818px;
}

td,th{
	font-size: 13px;
}

iframe{
	margin-bottom: 3px;
}

ol{
	margin-left: 1em;
	padding-left: 1em;
}

a{
	color: #336699;
	text-decoration: none;
}

a:hover{ text-decoration: underline;}

/*---------------------
コンテンツボックス
---------------------*/
#Contents{
	width: 818px;
	background-color: white;
}

.main{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.mainContents{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* floatを使っているボックスの背景が表示されないFireFox向けの対策 */
.mainContents:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .mainContents{
	height: 1em;
}

.mainContents {
	display: block;
}
/**/
/*########################
ヘッダー
########################*/
/*---------------------
トップページ
---------------------*/
#HeadTop{
	width: 818px;
	background-color: white;
	background-image: url('../grf/top/bg_flash.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

/*########################
左
########################*/
#LeftSide{
	width: 205px;
	vertical-align: top;
	background-image: url('../grf/contents/bg_leftside.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

/* バナーリンク */
#LeftMenu ul{
	list-style: none;
}

#LeftMenu li{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 100%;
}

/* 三重県公安委員会表示 */
#iinkai{
	list-style: none;
	margin-top: 1em;
	margin-left: 30px;
	margin-right: 30px;
}

#iinkai li{
	list-style: none;
	line-height: 150%;
	border-bottom: 1px white solid;
	text-align: justify;
	text-justify: distribute-all-lines;
}

/*########################
右
########################*/
#RightSide{
	width: 595px;
	vertical-align: top;
}

h2#contents{
	padding-top: 30px;
	padding-bottom: 10px;
	width: 800px;
}

/*---------------------
灰色枠
---------------------*/
#Waku1{
	margin-left: 47px;
}

.W1top{
	background-image: url('../grf/contents/t1_t.gif');
	background-repeat: repeat-x;
}

.W1left{
	background-image: url('../grf/contents/t1_l.gif');
	background-repeat: repeat-y;
}

.W1right{
	background-image: url('../grf/contents/t1_r.gif');
	background-repeat: repeat-y;
}

.W1bottom{
	background-image: url('../grf/contents/t1_b.gif');
	background-repeat: repeat-x;
}

/*---------------------
店舗一覧用右サイド
---------------------*/
#Waku2{
	background-color: white;
	margin-left: 50px;
	margin-right: 15px;
	text-align: left;
}

#storeLeft{
	float: left;
	width: 280px;
}

#storeRight{
	float: right;
	width: 242px;
}

/*---------------------
お客様広場用右サイド
---------------------*/
#Waku3{
	background-color: white;
	margin-left: 20px;
	text-align: left;
}

#Waku3 div{
	background-image: url('../grf/hiroba/t-box_side.gif');
	background-position: left top;
	background-repeat: repeat-y;
	padding: 10px;
}

/*########################
メニュー
########################*/
div#Menu{
	display: block;
	height: 37px;
	padding-left: 9px;
}


#Menu ul a span{
	display: none;
}

#Menu ul{
	list-style:none;
	width:100%;
}

#Menu li{
	list-style:none;
	float:left;
	width:124px;
}

#Menu li a{
		display:block;
		width:124px;
		height:37px;
		background-image:url('../grf/menu.gif');
}

li.m1{
	width: 56px !important;
}

#Menu li a.m1{
	width: 56px !important;
	background-position:0px 0px;
}
#Menu li a:hover.m1{
	background-position:0px -37px;
}
#Menu li a.m2{
	background-position:-56px 0px;
}
#Menu li a:hover.m2{
	background-position:-56px -37px;
}
#Menu li a.m2on{
	background-position:-56px -37px;
}
#Menu li a.m3{
	background-position:-180px 0px;
}
#Menu li a:hover.m3{
	background-position:-180px -37px;
}
#Menu li a.m3on{
	background-position:-180px -37px;
}
#Menu li a.m4{
	background-position:-304px 0px;
}
#Menu li a:hover.m4{
	background-position:-304px -37px;
}
#Menu li a.m4on{
	background-position:-304px -37px;
}
#Menu li a.m5{
	background-position:-428px 0px;
}
#Menu li a:hover.m5{
	background-position:-428px -37px;
}
#Menu li a.m5on{
	background-position:-428px -37px;
}
#Menu li a.m6{
	background-position:-552px 0px;
}
#Menu li a:hover.m6{
	background-position:-552px -37px;
}
#Menu li a.m6on{
	background-position:-552px -37px;
}
#Menu li a.m7{
	background-position:-676px 0px;
}
#Menu li a:hover.m7{
	background-position:-676px -37px;
}
#Menu li a.m7on{
	background-position:-676px -37px;
}


/*########################
サブメニュー
########################*/
#subMenu{
	width: 800px;
	height: 20px;
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #cccccc;
	background-image: url('../grf/contents/bg_submenu.gif');
	background-position: left top;
	background-repeat: repeat-x;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
}

#subMenu li{
	display: inline;
	list-style: none;
	font-size: 11px;
	float: left;/*\*/
	margin: 6px 0 0 3px;/**/
}

.sm{ width: 80px; }
.sm2{ width: 130px; }

/*########################
コピーライト
########################*/
#CopyRight{
	text-align: right;
	font-size: 11px;
	margin-top: 3px;
}


/*########################
トップバナーなど
########################*/
.top-banner{
	margin-top:5px;
	background-color:#FFFFFF;
}