body{
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	margin:0px auto;
	padding:0px;
	font-size:small;
	line-height:135%;
	color:#333333;
	text-align:center;
}

table {
	text-align:left;
}

th {
	vertical-align:top;
}

td {
	vertical-align:top;
}


h1,h2,h3,h4 { /* 基本タイトル */
	padding:0px;
	margin:0px;
	font-size:100%;
	text-align:left;
}

a{ /* 基本のリンク */
	color:#003366;text-decoration:underline;}
a:hover {
	color:#666666;text-decoration:none;}

ul{ /* 基本のリスト */
	list-style-type:square;}

ul ul{	list-style-type:none;}

img{ border:0px;}/* イメージボーダー指定 */

form {	padding:0px;display:inline;}

p{ line-height:150%;margin:5px 0px;padding:2px 0px;}

.clear_both { /* 画像の周り込み解除 */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center
;}

.button1{ /* inputボタン設定 */
	cursor:hand;
	color:#FFFFFF;
	background:#335B90;
	border:1px solid #333333;
	border-top-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
	font-weight:bold;
}

.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */

.caution{ font-weight:bold;color:#FF0000;}/* エラーメッセージ */

.no2{font-size:110%;} /* フォントズーム */

.strong{ font-weight:bold;}/* フォントボールド */

.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#666666;} /* フォントグレー */

.item img{/* 商品画像枠  */ 
	height:auto;
	padding:5px;
	margin:0px;
	background:#FFFFFF;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height:50px;
}

/********************************************************************/
/* 大枠テーブル */
#container {
	width:860px;
	text-align:left;
	margin:0px auto;
	background:/* url(../img/container.gif) */ #ffffff;
}

/* マイページ、ポップアップ画面 */
#enter {
	width:100%;
	text-align:left;
	background:/* url(../img/enter.gif) */ #FFFFFF;
	border:1px solid #CCCCCC;
}

/* ヘッダー */
#header{
    background-position:left;
	width:100%;
	height:125px;
	background:url(../../../../pic-labo/top_bg090202.jpg) left #FFFFFF;
}

td>#header { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:125px;
}

.NameArea{
        width:auto;
}

.siteName { /* サイト名 h1（テキストの場合使用） */
	margin:0px;
	padding:15px 0px 0px 120px;
	width:auto;
	font-size:12px;
	line-height:1em;
}
.siteName a { color:#fff;text-decoration:none;}
.siteName a:hover { color:#ff0000;text-decoration:underline;}

.shoplogo { /* サイト名（ロゴ設定の場合使用） */
	padding:15px 3px 3px 0px;
	margin:0px 0px 0px 0px;
	width:615px;
}

.sitecopy{ /* サイトコピー */
	padding:2px 5px 5px 120px;
	margin:0px;
	width:auto;
	color:#ffffff;
	font-size:11.5px;
	line-height:1em;
}
.sitecopy a {color:#fff;text-decoration:none;}
.sitecopy a:hover {color:#ff0000;text-decoration:underline;}

/* ヘッダーメニュー */
#headMenu {
	width:100%;
	height:0px;
	clear:both;
}

.headnavi { /* ヘッダーメニューテキスト */
	padding:4px 5px 0px 5px;
	color:#804000;
	font-weight:bold;
	text-align:right;
}

.headnavi a{color:#000000;text-decoration:none;}
.headnavi a:hover {color:#FF0000;text-decoration:underline;}

.navi01 {/* ヘッダーメニューアイコン */
	background-position:left center;
	background-repeat:no-repeat;
	height:20px;
	/* background:url(../img/hnavi01.gif) ;*/
}

/* ヘッダー下装飾ライン */
.hline {border:0px solid #FFFFFF;
	background:#FFFFFF;
}

/********************************************************************/

#leftSide { /* 左サイドtd */
	width:170px;
	padding:0px;
	margin:0px;
	background:#ffffff;
	vertical-align:top;
	/* background:url(../img/leftside.gif) ;*/
}

#rightSide { /* 右サイドtd （3列）*/
	width:170px;
	padding:0px;
	margin:0px;
	background:#ffffff;
	vertical-align:top;
	/* background:url(../img/rightside.gif) ;*/
}

#rightSide { /* 右サイドtd （3列 ブログ）*/
	width:170px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	/* background:url(../img/rightside2.gif) ;*/
}


#center1 { /* センター td （2列）*/
	width:690px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#ffffff;
	/* background:url(../img/center1.gif) ;*/
}

#center2 { /* センターtd （3列）*/
	width:520px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#FFFFFF;
	/* background:url(../img/center2.gif) ;*/
}

#center3 { /* センターtd （装飾用）*/
	vertical-align:top;	
	background:#FFFFFF;
	/* background:url(../img/center3.gif) ;*/
}

#cartcenter {/* カート内レイアウトテーブル */
	width:690px;
	margin:0px auto;
}

.header_area { /* ヘッダのフリーエリア */
	text-align:left;
	width:680px;
	margin:0px 0px 0px 7px;
	padding:0px;
}

.footer_area { /* フッタのフリーエリア */
	text-align:left;
	width:680px;
	margin:0px 0px 0px 7px;
	padding:0px;
}

.sidebox { /* サイド用ブロック（幅設定） */
	width:168px;
	margin:0px;
	padding:0px;
	/* background:url(../img/sidebox.gif) ;*/
}

.centerbox { /* センター用ブロック（幅設定） */
	margin:0px;
	padding:10px;
        background:#ffffff;
	/* background:url(../img/centerbox.gif) ;*/
}


.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price{ /* 商品価格 */
	color:#3366CC;
	text-align:left;
}
.price.zoom{ /* 商品価格 （商品詳細） */
	font-size:125%;font-weight:bold;
}
.expl{ /* 商品説明文 */
	text-align:left;
	color:#333333;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

.fixed{ /* 商品定価 */
	color:#333333;
	text-align:left;
}

h2.goods /* 商品名 （商品一覧）*/
a{color:#003366;font-weight:bold;text-decoration:underline;}
a:hover{color:#666666;text-decoration:underline;}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px ;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
	background:#87B3D5;
}

.shopCopy { /* サイト説明 */
	margin:0px;
	padding:3px 10px 3px 10px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding:8px 0px 0px 40px;
	margin:0px;
	color:#003366;
	width:auto;
	height:22px;
	background:url(/USERTHEMEIMG/vol1/hatoya.sn.shopserve.jp//title_bar01.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}

.title1{ /* タイトル1 h3 */
	padding:8px 0px 0px 40px;
	margin:0px;
	color:#003366;
	width:auto;
	height:22px;
	background:url(/USERTHEMEIMG/vol1/hatoya.sn.shopserve.jp//title_bar01.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}
.title1 a{color:#003366;text-decoration:none;}
.title1 a:hover{color:#003366;text-decoration:underline;}

.title2{ /* タイトル2 h3 */
	padding:8px 0px 0px 40px;
	margin:0px;
	width:auto;
	color:#FFFFFF;
	height:22px;
	background:url(../img/title_bar02.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}
.title2 a{color:#FFFFFF;text-decoration:none;}
.title2 a:hover{color:#FFFFFF;text-decoration:underline;}

.title3{ /* タイトル3 h3 */
        padding:8px 0px 0px 40px;
        margin:0px;
        width:auto;
        color:#FFFFFF;
        height:22px;
        background:url(../img/title_bar02.gif) repeat;
        line-height:100%;
        vertical-align:middle;
}

.rank{/* ランキングアイコン */
        text-align:left;
}

.mainCont { /* メインコンテンツ */
	padding:0px;
	margin:0px;
	width:auto;
	background:#ffffff;
	/* background:url(../img/maincont.gif) ;*/
}

.contbox { /* メインコンテンツ内項目ボックス*/
	padding:10px 0px;
	margin:0px;
	width:auto;
}


ul.news{ /* 最新情報リスト設定 */
	text-align:left;
	padding:0px 0px 0px 12px;
	margin:0px;
	list-style:square;
	color:#FF3333;
}

li.p3{padding:3px;}

ul.free_list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#666666;
}

ul.list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#666666;
}

ul.map{ /* サイトマップリスト設定 */
	text-align:left;
	padding:0px 20px;
	margin:0px;
	color:#003366;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	padding:5px 25px;
	color:#003366;
	background:url(../img/icon_sitemap.gif) no-repeat ;
	background-position:left center;
}


/* テーブル余白設定 */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  { padding:5px 0px;}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #CCCCCC;}

/* テーブル余白設定 */
.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #CCCCCC;}
.bordlayoutp3 td { padding:3px;border:1px solid #CCCCCC;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

.backcolor1 { background:#D4E2FF;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#D4E2FF;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor3 { background:#D4E2FF;padding:10px 0px;} /* カート部分 */

/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin:10px 0px 0px 0px;
	padding:2px;
	width:99%;
	background:#ffffff;
	/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
	margin:0px;
	padding:1px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin:1px;
	padding:3px;
	background:#FFFFFF;
	/* background:url(../img/layout1.gif) ;*/
}
.layout1 td{
	margin:0px;
	padding:3px;
	text-align:center;
}

/* 第二階層 */

#bread{ /* パンクズ */
	margin:0px 0px 0px 10px;
	padding:3px 10px;
	color:#000000;
	text-align:left;
	background:#ffffff;
}
#bread a { color:#000000;}

h4.title{
	margin:5px 0px;	
	padding:2px 0px;
	color:##003366;
	border-bottom:1px solid;
}

.mainFrame{ /* メイン大枠 */
	margin:0px;
	padding:1px;
	background:#E2ECF4;
	/* background:url(../img/mainframe.gif) ;*/
}

p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent{ /* 新規登録 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* アドレス変更 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
}

#sortList{ /* ソート */
	margin:0px;
	padding:10px 3px 5px 3px;
	width:auto;
	color:#333333;
	float:right;
}

.pageTop { /* ページトップ */
	padding:3px 5px 0px 17px;
	margin:10px 5px;
	background:url(../img/icon_top.gif) no-repeat;
	font-size:76%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#335B90;text-decoration:none;}
.pageTop a:hover{ color:#335B90;text-decoration:none;}


/********************************************************************/
/*フッターーメニューレイアウト設定*/
#footer {
	padding:0px;
	margin:0px;
	width:auto;
	height:20px;
	background:#ffffff;
	text-align:right;
	
}}

td>#footer { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:20px;
}

.footnavi { /*フッターメニューテキスト設定*/
	padding:5px 20px 5px 20px;
	color:#804000;
}
.footnavi a{ color:#804000;text-decoration:none;}
.footnavi a:hover { color:#804000;text-decoration:underline;}

#copyright { /*コピーライト*/
	padding:0px;
	margin:0px;
	width:auto;
	height:45px;
	color:#FFFFFF;
	text-align:right;
	background:url(/USERTHEMEIMG/vol1/hatoya.sn.shopserve.jp//footer-bg.gif) ;
}

#footer>#copyright { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:45px;
}

#copyright a{color:#FFFFFF;}
#copyright a:hover{color:#FFFFFF;}
/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding:6px 5px 12px 5px;
	margin:0px;
	width:auto;
}

#search label{
	padding:0px;
	margin:0px;
	color:#003366;
	font-weight:bold;
}

.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}

/*サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding:0px;	
	display:block;
	line-height:100%;
	background:#ffffff;
	border-bottom:1px #ffffff solid;
}

.list h3 { /* タイトル */
	padding:5px 5px;
	margin:0px;
}

ul.free_listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}


ul.listbox{
	line-height:16px;
	width:100%;
	text-align:left;
	padding:px 0px 2px 0px;
	margin:0px;
	list-style:none;
	border:1px #5fb6e0 solid;
}

ul.listbox_or{
	line-height:16px;
	width:100%;
	text-align:left;
	padding:px 0px 2px 0px;
	margin:0px;
	list-style:none;
	border:1px #FF8000 solid;
}


li.ca1 {
	margin:0px;
	background: url(/USERTHEMEIMG/vol1/hatoya.sn.shopserve.jp//icon_ca1_060.gif) no-repeat;
}

li.ca2 {
	margin:0px;
}
li.ca1 a{ padding:2px 3px 2px 15px;display:block;
        font-size:90%;
	color:#000000;text-decoration:none;
}

li.ca1 a:hover{ 
        font-size:90%;
        color:#000000:bold;text-decoration:underline;
}

li.ca2 a{ 
        font-size:90%;
        padding:2px 3px 2px 15px;display:block;
	color:#804000;text-decoration:none;
	background: url(/USERTHEMEIMG/vol1/hatoya.sn.shopserve.jp//icon_ca2_060.gif) no-repeat;
}
li.ca2 a:hover{ color:#804000;text-decoration:underline;
        font-size:90%;
	background: url(/USERTHEMEIMG/vol1/hatoya.sn.shopserve.jp//icon_ca2_060_hover.gif) no-repeat;
}

li.ca3 {
	margin:0px;
	background: url(/USERTHEMEIMG/vol1/hatoya.sn.shopserve.jp//icon_ca3_060.gif) no-repeat;
}

li.ca3 a{ padding:2px 3px 2px 15px;display:block;
        font-size:90%;
	color:#005764;text-decoration:none;
}

li.ca3 a:hover{
        font-size:90%;
        color:#005764;text-decoration:underline;
}

li.ca4 {
	margin:0px;
	border-bottom:1px #CCCCCC solid;
}

li.ca4 a{ padding:3px 3px 3px 20px;display:block;
	color:#336699;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02.gif) no-repeat #FFFFFF;
}

li.ca4 a:hover{ color:#FFFFFF;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #336699;
}





.sline1 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
	height:5px;
	background-color:#ffffff;
	/* background:url(../img/sline1.gif) ;*/
}

.sline2 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
	height:5px;
	background-color:#ffffff;
	/* background:url(../img/sline2.gif) ;*/
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:0px;
	padding:0px;
	background: #FFFFFF;
	/* background:url(../img/sidemain1.gif) ;*/
}

.sidemain1 p {
	padding:0px;
	margin:0px;
	line-height:100%;
}

.sidemain1 ul { /* リスト設定 */
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
} 

.sidemain1 li {
	display:block;
	padding:0px 0px 0px 0px;
	color:#334d55;

}

/* カレンダー */
caption { /* 年月タイトル */
	 font-weight:bold;
	 text-align:center;
	 padding:3px;
	 color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333;	 text-decoration:underline;}

.carender { /* カレンダー テーブル*/
	width:140px;
	border-collapse:collapse;
	padding:5px 0px;
	text-align:center;
	margin:0px auto;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;	
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;	
}

th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#333333;
	background:#EEEEEE;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:red;
	background:#E2CBEA;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:blue;
	background:#CCDEFF;
	text-align:center;
}

.chert { /* 表示色説明枠  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFDD;
}

.line01{ border:#CCCCCC 1px dotted;vertical-align:buttom;} 

#rss{ / * RSS設定 */
	margin:0px;
	padding:0px;
	text-align:right;
}

#count{ / * カウンター */
	margin:0px;
	padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding:5px;
	margin:2px 0px;
	width:auto;
	/* background:url(../img/blogbox.gif) ;*/
}

.entry_title { /* ブログエントリータイトル h2 */
	padding:5px 0px 10px 0px;
	display:block;
	font-size:116%;
	color:#003366;
	/* background:url(../img/entry_title.gif) ;*/
}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#336699;
	text-align:right;
}

.state{ /* ブログステータス */
	padding:2px 0px;
	text-align:right;
	border-top:#ded9c5 1px dashed;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding:2px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#336699;
	border-bottom:#336699 2px solid;
	/* background:url(../img/subtitle.gif) ;*/
}

 p.label { /* ブログコメントタイトル */
	font-weight:bold;
}

.tb_url{ /* トラックバックurl */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {font-size:100%;color:red;font-weight:900;padding:3px;background-color:#D6C692;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:100%;
	height:83px;
}

.step_navi01 {
	background-image:url(../img/navi01.gif);
	background-repeat:no-repeat
;}

.step_navi02 {
	background-image:url(../img/navi02.gif);
}

.step_navi03 {
	background-image:url(../img/navi03.gif);
}

.step_navi04 {
	background-image:url(../img/navi04.gif);
}
/********************************************************************/
/* ドロップダウンメニュー */
#navbox{
width:680px;
height:33px;
padding:0; 
margin:0px 0px 0px 3px; 
}

#navunderbox{
width:680px;
height:70px;
padding:0; 
margin:0px 0px 0px 3px; 
background: url(/USERTHEMEIMG/vol1/hatoya.sn.shopserve.jp//header-free-bg.jpg);
text-align:right;
}

.preload1 {background: url(/top/three_0a.gif);}
.preload2 {background: url(/top/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:33px; background:#fff url(/top/three_0.gif) repeat-x; position:relative; z-index:500; font-family:"ＭＳ Ｐゴシック", "Osaka,monospace";}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 5px; cursor:pointer;background: url(/top/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 8px 0 8px; height:30px; background: url(/top/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 8px; height:30px; background: url(/top/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#e5006e; background: url(/top/three_1.gif) no-repeat;text-decoration:underline;}
#nav li:hover a.top_link span {background:url(/top/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(/top/three_1a.gif) no-repeat right top; padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:33px; background: #ffffff; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:190px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11.5px; height:18px; width:188px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #ffffff;}
#nav li ul.sub li a.fly
{background:#ffffff url(/top/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#a9ede8; color:#000000; border-color:#000000;}
#nav li:hover ul.sub li a.fly:hover
{background:#a9ede8 url(/top/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11.5px; height:18px; width:188px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#50b5d0; border-bottom:1px solid #50b5d0; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:190px; top:-4px; background: #ffffff; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:190px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul
#nav li:hover li:hover ul ul
#nav li:hover li:hover li:hover ul ul
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#a9ede8 url(/top/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#ffffff url(/top/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#ffffff;} 



/********************************************************************/
/* サイド(ボックス) */
.opq h1{
 margin:0;
 font-size:12px;
 padding:5px 10px 5px 10px;
text-align:center;
}
.opq p{
 margin:0;
 padding:5px 5px;
 font-size:11px;
}
.opq {
 background: transparent;
 width:170px;
 margin:0px;
 border-top:1px solid #c0c0c0;
 border-bottom:1px solid #c0c0c0;
}
.rst {
 background: transparent;
 width:500px;
 margin:0px;
 border-top:1px solid #c0c0c0;
 border-bottom:1px solid #c0c0c0;
}
 .rst h1{
 margin:0;
 font-size:12px;
 padding:5px 10px 5px 10px;
text-align:left;
 border-bottom:1px solid #c0c0c0;
}
.rst p{
 margin:0;
 padding:5px 5px;
 font-size:12px;
}
.opq a { color:#1d3994;text-decoration:underline;}
.opq a:hover { color:#ff0000;text-decoration:none;}

.rst a { color:#1d3994;text-decoration:underline;}
.rst a:hover { color:#ff0000;text-decoration:none;}




.xboxcontent {
 display:block;
 border:0 solid #c0c0c0;
 border-width:0 1px;
 height:auto;
}
* html .xboxcontent {
 height:1px;
}

.color_a {background:#03a5ba;color:#fff;}/*中古車*/
.color_b {background:#e6006f;color:#fff;}/*新車*/
.color_c {background:#f5f5f5;color:#000;}/*トピックス*/
.color_d {background:#001084;color:#fff;}/*その他*/
.color_e {background:#f5f5f5;color:#000;}/*更新履歴センターエリア*/

/* --- スクロール --- */
#scrollbox a { color:#ff0000;text-decoration:underline;}
#scrollbox a:hover { color:#ff0000;text-decoration:none;}

#scroll {
 display:block;
 width:478px;
 height:100px;
 overflow:auto;
 padding:10px;
 margin:0 auto;
 border-bottom:1px solid #c0c0c0;
}

#scroll p {
font-size:12px;
 line-height:16px;
}
#scroll a { color:#ff0000;text-decoration:underline;}
#scroll a:hover { color:#ff0000;text-decoration:none;}


/********************************************************************/
/*更新履歴ページ用*/

ul#globalNavi {
	margin: 0px;
	padding: 0px;
        width: auto;
}

ul#globalNavi li.centerlist {
	margin: 0;
	padding:0px;
	display: inline;
	line-height: 1; 
	list-style-type: none;
}

ul#globalNavi li a {
	padding:7px 0px 8px 2px; 
	display: block;
	position: relative;
	font-size: 10px;
	color: #333;
        text-decoration:underline;
	border-bottom:1px #000000 dotted;
}

ul#globalNavi li a:hover {
	color: #ff0000;
	text-decoration: none;
}

/********************************************************************/
/* --- レフトフリーエリアリスト --- */


#spacebox5{
 margin:0px; 
 padding:0px;
 height:5px;

}
li.co1{
        font-size:small;
        padding:2px 0px 2px 10px;
        margin:0px;
        font-weight:bold;
        border-bottom:2px #ffffff solid;
	background:#5fb6e0;
        color:#ffffff;
}

li.co2{
        font-size:small;
        padding:2px 0px 2px 10px;
        margin:0px;font-weight:bold;
	background:#daeef8;
        color:#0080c0;
}

li.co3{
        font-size:small;
        padding:2px 0px 2px 2px;
        margin:0px;
}

li.co4{
        font-size:small;
        padding:2px 0px 2px 10px;
        margin:0px;
}

li.co5{
        font-size:small;
        padding:2px 0px 2px 10px;
        margin:0px;
	background:#0080c0;
        font-weight:bold;
        color:#fff;
}

li.co6{
        font-size:small;
        padding:2px 0px 2px 10px;
        margin:0px;
        font-weight:bold;
        border-bottom:2px #ff8000 solid;
	background:#ff8000;
        color:#FFFFFF;
}



li.co1 a{
        color:#ffffff;text-decoration:none;
}

li.co1 a:hover{
        color:#ffffff;text-decoration:underline;
}

li.co2 a{
        color:#1d3994;text-decoration:none;
}

li.co2 a:hover{
        color:#1d3994;text-decoration:underline;
}

li.co3 a{
        color:#1d3994;text-decoration:none;
        padding:2px 0px 2px 20px;
}

li.co3 a:hover{
        padding:2px 0px 2px 20px;
        color:#1d3994;text-decoration:underline;
        background: url(http://hatoya.jp/top/co3_hover.gif) no-repeat;
}

li.co4 a{
        color:#1d3994;text-decoration:none;
}

li.co4 a:hover{
        color:#1d3994;text-decoration:underline;
}
li.co5 a{
        color:#fff;text-decoration:none;
}

li.co5 a:hover{
        color:#fff;text-decoration:underline;
}

li.co6 a{
        color:#ff8000;text-decoration:none;
}

li.co6 a:hover{
        color:#fff;text-decoration:underline;
}





/********************************************************************/
/* --- フッタータブ --- */

ul,li, img {
	margin: 0;
	padding: 0;
	border: none;
}
/* タブメニュー */
 #Contents #Main .tabContainer {
	position:absolute;
	left:0;
	top:0;
	width:658px;
	z-index:4;
}
.tabContainer div#tab1Body ,
.tabContainer div#tab2Body ,
.tabContainer div#tab3Body ,
.tabContainer div#tab4Body {
	width:658px;
	border:1px solid #d36e06;
	border-top:0;
	padding:10px 0px 10px 0px;
	background-color:#fff;
        font-size:small;
}
.tabContainer div#tab1Body a,
.tabContainer div#tab2Body a,
.tabContainer div#tab3Body a,
.tabContainer div#tab4Body a{
        color:#1d3994;
        text-decoration:none;
}
.tabContainer div#tab1Body a:hover,
.tabContainer div#tab2Body a:hover,
.tabContainer div#tab3Body a:hover,
.tabContainer div#tab4Body a:hover{
        color:#ff0000;
        text-decoration:underline;
}

 .tabContainer div#tab1Body {
	width:658px;
	padding:10px 0px 10px 0px;
}
 .tabContainer ul.tab {
	width:660px;
	height:30px
;}
 .tabContainer ul.tab li {
	float:left;
	font-size:1px;
	line-height:0;
}
 .tabContainer ul.tab li a {
	border:0;
	display:block;
}
 .tabContainer ul.tab li#tab1 {
	width:154px;
}
 .tabContainer ul.tab li#tab2 {
	width:259px;
}
 .tabContainer ul.tab li#tab3 {
	width:154px;
}
 .tabContainer ul.tab li#tab4 {
	width:93px;
}
 .tabContainer ul.tab li.active {
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
	padding:0;
	height:30px;
}
 .tabContainer ul.tab li.active#tab1 {
	background-image: url(http://hatoya.jp/top/footer/footer-menu01_hover.jpg);
	width:154px;
}
 .tabContainer ul.tab li.active#tab2 {
	background-image: url(http://hatoya.jp/top/footer/footer-menu02_hover.jpg);
	width:259px;
}
 .tabContainer ul.tab li.active#tab3 {
	background-image: url(http://hatoya.jp/top/footer/footer-menu03_hover.jpg);
	width:154px;
}
 .tabContainer ul.tab li.active#tab4 {
	background-image: url(http://hatoya.jp/top/footer/footer-menu04_hover.jpg);
	width:93px;
}
 .tabContainer ul.tab li.active a {
	display:block;
	color:#FFF; 
}
 .tabContainer ul.tab li.active img {
	display:none;
}
/* clearfix */
.clearfix:after {
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
 *html .clearfix { height: 1%; }
 .clearfix { display: block; }


/********************************************************************/
/*  */

p.text{
	padding:5px 0px 0px 0px;
	line-height:130%;
        font-size:12px;
}
p.text a{
	text-decoration:none;
	color:#555;
}
p.text a:hover{
	text-decoration:underline;
	color:#ff0000;
}
img{
	border:none;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}	
ul#thumbs li{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #999;	
	padding:2px;
}
ul#thumbs a{
	display:block;
	float:left;
	width:89px;
	height:80px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}
ul#thumbs a img{
	float:left;
	position:absolute;
	top:-20px;
	left:-30px;	
}
ul#thumbs a:hover{
	overflow:visible;
	z-index:1000;
	border:none;		
}
ul#thumbs a:hover img{
	border:1px solid #999;	
	background:#fff;
	padding:2px;			
}	
ul#thumbs:after, li#thumbs:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
ul#thumbs, li#thumbs{
	display:block;
}
ul#thumbs, li#thumbs{
	min-height:1%;
}
* html ul#thumbs, * html li#thumbs{
	height:1%;
}	
p.thumb{
	float:left;
	margin:.5em 0;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #999;	
	padding:2px;
}
p.thumb a{
	display:block;
	float:left;
	width:89px;
	height:80px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;	
}	
p.thumb a img{
	float:left;
	position:absolute;
	top:-20px;
	left:-30px;	
}
p.thumb a:hover{
	overflow:visible;
	z-index:1000;
	border:none;		
}
p.thumb a:hover img{
	border:1px solid #999;	
	background:#fff;
	padding:2px;			
}