/* ------------ common ------------ */


/* ------------ 全ページ共通項目 ------------ */
/* 画面設定 */
body {
	text-align: left;
	background-color:#000;
}



/* 基本フォント＆サイズ 左よせ設定 */
body,div,p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* アウトライン */
#outline {	
	width:900px;
	text-align:left;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background: url(images/bg_menu.gif) repeat-y;
	background-color:#fff;
}


/* ヘッダー枠 */
#head {
	width: 900px;
	height: 160px;
	text-align:left;
	background: url(images/bg_head.jpg) no-repeat top;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-color:#424242;
}

#head h1{
	font-size: 10px;
	line-height: 15px;
	color:#fff;
	margin: 0px 10px 0px 10px;
	padding: 90px 0px 0px 0px;
}

/* ヘッダー枠その２ */
#head-p {
	width: 900px;
	height: 130px;
	text-align:left;
	background: url(images/bg_head.jpg) no-repeat top;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-color:#424242;
}

#head-p h1{
	text-align:left;
	font-size: 20px;
	line-height: 24px;
	font-style:italic;
	color:#09f;
	margin: 0px 10px 0px 10px;
	padding: 95px 0px 0px 0px;
	background: url(images/bg_ptit.gif) no-repeat right bottom;
}

#head-p .h-copy{
	font-size: 14px;
	font-style:italic;
	margin: 0px 0px 0px 20px;
}


/* メインステージ枠 */
#main {
	color:#333;
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}


/* 左よせ枠 */
#left {
	float:left;
	width: 160px;
	margin: 0;
	padding: 0;

}




/* ---------- サイドメニュー装飾 ---------- */
#menu {
	width: 160px;
	margin: 0px;
}




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

#menu li {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

#menu a {
	display:block;
	margin: 0px;
	padding: 0px;
	width: 160px;
	text-decoration: none;
 	overflow:hidden;color: #333;
	
}

.main-tx {
	margin: 0px 0px 0px 0px;
	padding: 30px 10px 0px 0px;
	font-family:Chicago;
	font-size: 10px;
	text-align: right;
	font-style:italic;
}


/* --- サブメニュー装飾 --- */
#submenu {
	width: 160px;
	margin: 0px;
	font-size: 11px;
	line-height: 20px;
	text-align: right;
}

#submenu ul{ 
	width: 160px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#submenu li{ 
	width: 160px;
	margin: 0px;
	padding: 0px;
}

.sub-tx {
	margin: 5px 10px 0px 0px;
	padding: 0px;
}

#submenu a {
	display: block;color: #424242;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}








/* 右よせ枠 */
#right {
	float:right;
	width: 740px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
}

#right-bl {
	float:right;
	width: 740px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#000;
}




/* 下部メニュー枠 */
#b-menu{
	clear:both;
	width: 900px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	background-color:#ccc;
}

/* メニュー枠装飾 */
#b-menu p{
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 0px 0px;
}


/* ショップ情報 */
#shopimfo{
	clear:both;
	width: 720px;
	margin: 10px 0px 5px 10px;
	padding: 5px 0px 0px 0px;
	border-top: 1px dotted #ccc;
	color:#666;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
}



/* フッター枠 */
#foot{
	clear:both;
	width: 900px;
	height: 27px;
	background: url(images/bg_foot.jpg) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#fff;
}

/* フッター枠装飾 */
#foot .copy{
	color: #fff;
	font-size: 10px;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 0px 0px;
}

/* アンカーページトップ */
#ptop-lineup {
	width:680px;
	text-align:center;
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	clear:both;
	font-weight: bold;
}


/* mainページ内LR分離用枠 */
#p-l-r {
	width: 720px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}


/* 左よせ枠 */
#p-left {
	float:left;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* 右よせ枠 */
#p-right {
	float:right;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* ページ内上部イメージ汎用型 */

#topimg {
	width:740px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* ------------ テキスト関連 ------------  */

.p-nomal {
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
	










/* --- 汎用フレーム ---  */

.fra-eee {
	margin: 0 10px 0 10px;
	padding:10px;
	background-color:#eee;
}	


/* --- HR装飾 ---  */

.hr-deco{
	background-color:#fff;
	color:#fff;
	height:0px;
	line-height:0px;
	clear:both;
	border: 0px solid #fff;
}

	
/* --- formWrap ---  */
#formWrap {
	width:90%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/* --- tab-nomal ---  */

.tab-nomal {
	color:#333;
	width:700px;
	border:solid 1px #ccc;
	border-collapse:collapse;
}


.f7f{
	background:#f7f6f0;
}

.tab-nomal tr td {
	padding:8px 12px;
	border:solid 1px #ccc;
	font-size:11px;
}
.tab-nomal th {
	padding:8px 12px;
	font-weight:bold;
	font-size:11px;
}



/* --- tab-nobor ---  */

.tab-nobor {
	color:#333;
	width:700px;
	border-collapse:collapse;
	background:#fff;
}

.tab-nobor img {
	margin:0;
	padding:0;
}

.tab-nobor tr.f7f{
	background:#f7f6f0;
}

.tab-nobor tr td {
	padding:10px;
}




/* --- under-constraction ---  */

#tab-under {
	width:720px;
	height:500px;
	color:#333;
	border:solid 1px #ccc;
	border-collapse:collapse;
	background:#fff;
	text-align:center;
	margin: 10px 10px 10px 10px;
}

#tab-under .f7f{
	background:#f7f6f0;
}

#tab-under .bgimg{
	color:#fff;
	background: url(images/bg_ysptab.gif) repeat-x;
}

#tab-under  tr td {
	padding:10px;
	border:solid 1px #ccc;
}

#tab-under  p {
	font-size: 12px;
	margin:10px 10px 0px 10px;
}






/* ------------ ロールオーバー画像プリロード ------------  */

#pl-img {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(images/menu_home_on.jpg);
	background-image: url(images/menu_news_on.jpg);
	background-image: url(images/menu_lineup_im_on.jpg);
	background-image: url(images/menu_lineup_jp_on.jpg);
	background-image: url(images/menu_brandnew_on.jpg);
	background-image: url(images/menu_used_on.jpg);
	background-image: url(images/menu_wr_on.jpg);
	background-image: url(images/menu_show_on.jpg);
	background-image: url(images/menu_item_on.jpg);
	background-image: url(images/menu_event_on.jpg);
	background-image: url(images/menu_shop_on.jpg);
	background-image: url(images/menu_contact_on.jpg);
	background-image: url(images/menu_link_on.jpg);
	background-image: url(images/bg_submenu_on.jpg);
}


/* ---------- サイドメニューリンク ---------- */

/* 01---home-- */
#sm01 a {
	background:url(images/menu_home_off.jpg) no-repeat; height:51px;}
#sm01 a:hover {
	background:url(images/menu_home_on.jpg) no-repeat;}
#sm01-on a {
	background:url(images/menu_home_he.jpg) no-repeat; height:51px;}

/* 02---news-- */
#sm02 a {
	background:url(images/menu_news_off.jpg) no-repeat; height:51px;}
#sm02 a:hover {
	background:url(images/menu_news_on.jpg) no-repeat;}
#sm02-on a {
	background:url(images/menu_news_he.jpg) no-repeat; height:51px;}

/* 03---lineup-import-- */
#sm03 a {
	background:url(images/menu_lineup_im_off.jpg) no-repeat; height:51px;}
#sm03 a:hover {
	background:url(images/menu_lineup_im_on.jpg) no-repeat;}
#sm03-on a {
	background:url(images/menu_lineup_im_he.jpg) no-repeat; height:51px;}
	
/* 03---lineup-jp-- */
#sm04 a {
	background:url(images/menu_lineup_jp_off.jpg) no-repeat; height:51px;}
#sm04 a:hover {
	background:url(images/menu_lineup_jp_on.jpg) no-repeat;}
#sm04-on a {
	background:url(images/menu_lineup_jp_he.jpg) no-repeat; height:51px;}

/* 04---brandnew-- */
#sm05 a {
	 background:url(images/menu_brandnew_off.jpg) no-repeat; height:51px;}
#sm05 a:hover {
	 background:url(images/menu_brandnew_on.jpg) no-repeat;}
#sm05-on a {
	 background:url(images/menu_brandnew_he.jpg) no-repeat; height:51px;}

/* used---wr-- */
#sm-used a {
	 background:url(images/menu_used_off.jpg) no-repeat; height:51px;}
#sm-used a:hover {
	 background:url(images/menu_used_on.jpg) no-repeat;}
#sm-used-on a {
	 background:url(images/menu_used_he.jpg) no-repeat; height:51px;}

/* 05---wr-- */
#sm06 a {
	 background:url(images/menu_wr_off.jpg) no-repeat; height:51px;}
#sm06 a:hover {
	 background:url(images/menu_wr_on.jpg) no-repeat;}
#sm06-on a {
	 background:url(images/menu_wr_he.jpg) no-repeat; height:51px;}


/* 06---showwindow-- */
#sm07 a {
	 background:url(images/menu_show_off.jpg) no-repeat; height:51px;}
#sm07 a:hover {
	 background:url(images/menu_show_on.jpg) no-repeat;}
#sm07-on a {
	 background:url(images/menu_show_he.jpg) no-repeat; height:51px;}
	 
/* oldmodel */
#sm-oldmodel a {
	 background:url(images/menu_oldmodel_off.jpg) no-repeat; height:51px;}
#sm-oldmodel a:hover {
	 background:url(images/menu_oldmodel_on.jpg) no-repeat;}
#sm-oldmodel-on a {
	 background:url(images/menu_oldmodel_he.jpg) no-repeat; height:51px;}

/* mono */
#sm-mono a {
	 background:url(images/menu_mono_off.jpg) no-repeat; height:51px;}
#sm-mono a:hover {
	 background:url(images/menu_mono_on.jpg) no-repeat;}
#sm-mono-on a {
	 background:url(images/menu_mono_he.jpg) no-repeat; height:51px;}	 
	 
/* item */
#sm-item a {
	 background:url(images/menu_item_off.jpg) no-repeat; height:51px;}
#sm-item a:hover {
	 background:url(images/menu_item_on.jpg) no-repeat;}
#sm-item-on a {
	 background:url(images/menu_item_he.jpg) no-repeat; height:51px;}

/* 07---event-- */
#sm08 a {
	 background:url(images/menu_event_off.jpg) no-repeat; height:51px;}
#sm08 a:hover {
	 background:url(images/menu_event_on.jpg) no-repeat;}
#sm08-on a {
	 background:url(images/menu_event_he.jpg) no-repeat; height:51px;}

/* 08---shop-- */
#sm09 a {
	 background:url(images/menu_shop_off.jpg) no-repeat; height:51px;}
#sm09 a:hover {
	 background:url(images/menu_shop_on.jpg) no-repeat;}
#sm09-on a {
	 background:url(images/menu_shop_he.jpg) no-repeat; height:51px;}

/* 09---contact-- */
#sm10 a {
	 background:url(images/menu_contact_off.jpg) no-repeat; height:51px;}
#sm10 a:hover {
	 background:url(images/menu_contact_on.jpg) no-repeat;}
#sm10-on a {
	 background:url(images/menu_contact_he.jpg) no-repeat; height:51px;}

/* 10---link-- */
#sm11 a {
	 background:url(images/menu_link_off.jpg) no-repeat; height:51px;}
#sm11 a:hover {
	 background:url(images/menu_link_on.jpg) no-repeat;}
#sm11-on a {
	 background:url(images/menu_link_he.jpg) no-repeat; height:51px;}

/* sm-sub */
#sm-sub a {
	 color: #69f; font-size:10px; text-align:right;
	 background: url(images/bg_submenu_off.jpg) no-repeat bottom;height:21px;}
#sm-sub a:hover {
	color: #f93; font-size:10px; text-align:right;
	background: url(images/bg_submenu_on.jpg) no-repeat bottom;}
#sm-sub-on a {
	color: #f60; font-size:10px; text-align:right;
	background: url(images/bg_submenu_on.jpg) no-repeat bottom;height:21px;}



/* ------------ 写真ポップアップ ------------  */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}



/* ---------- テキスト関連---------- */

/*  1文字目拡大 */
.f-letter:first-letter {
font-size:2em;
line-height:1.3em;
padding: 0em 0em 0.1em 0.2em;
}


/* 1文字目字下げ */
.t-indent{
text-indent: 1em; 
}


/* アライン */
.t-ali-right{
	text-align:right;
}
.t-ali-left{
	text-align:left;
}
.t-ali-center{
	text-align:center;
}


/* 文字太さ */
.font-weight-nomal{
	font-weight:normal;
}
.font-weight-bold{
	font-weight:bold;
}


.f-nomal {
	font-weight:normal!important;
}


/* ------------ 追加機能 ------------  */


/*Firefoxリンク点線消し*/
a:focus{
/*\*/
overflow: hidden;
/**/
}



img {
	margin:0px;
	border: none;
	vertical-align:bottom;
}

.img-word-l {
	float: left;
	padding: 0 0 0 0;
	margin:  0px 10px 10px 0px;
}

.img-word-r {
	float: right;
	padding: 0 0 0 0;
	margin:  0px 0px 10px 10px;
}


.c-both { 
	clear:both;
	overflow:hidden;
	width: 1px;
    height: 1px;
	margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
/* ------------ 選択テキストサイズ ------------  */

.sma { font-size: 10px; line-height: 14px;}
.sma-s { font-size: 5px; line-height: 11px;}
.sma-wh { font-size: 10px; line-height: 14px; color:#fff;}
.mid { font-size: 14px; line-height: 18px;}
.mid-wh { font-size: 14px; line-height: 18px; color:#fff;}
h1 { margin: 0px 0px 0px 0px; }
h2 { margin: 0px 0px 0px 0px; }
h3 { margin: 0px 0px 0px 0px; }
h4 { margin: 0px 0px 0px 0px; line-height:160%;}

.tit-parag { 
	color:#005;
	font-size:12px;
	margin-bottom: 5px;
}
.update{ 
	color:#F30;
	font-size:10px!important;
	font-style:normal;
 }


/* ------------ アイキャッチ ------------  */

.ec01 {
	color: #FF9900;
	text-align:left;
	font-size: 16px;
	line-height:18px;
	padding:5px;
	margin-bottom:10px;
	border-bottom: 2px solid #FFCC00;
}



/* ------------ 写真キャプション ------------  */

#main .cap01 {
	color:#333;
	text-align:left;
	font-size: 10px;
	line-height:18px;
	padding:10px;
}

#main .cap02 {
	color:#333;
	width:350px;
	text-align:center;
	font-size: 10px;
	padding:0px 0px 10px 0px;
}




/* ------------ リンク設定 ------------  */

a:link        { color: #f93; text-decoration:  none; }
a:visited     { color: #f93; text-decoration:  none; }
a:hover       { color: #f60; text-decoration: underline; }
a:active      { color: #f60; text-decoration: underline; }

a.a-blue:link        { color: #208fff; text-decoration:  none; }
a.a-blue:visited     { color: #208fff; text-decoration:  none; }
a.a-blue:hover       { color: #66ffff; text-decoration: underline; }
a.a-blue:active      { color: #208fff; text-decoration: underline; }

/* ------------ 選択カラー ------------  */

.col-333 { color: #333; }

.col-666 { color: #666; }

.col-999 { color: #999; }

.col-ccc { color: #ccc; }

.col-fff { color: #fff; }


.col-960 { color: #960; }

.col-903 { color: #903; }

.col-09f { color: #09f; }


.col-cc3333 { color: #cc3333; }

.col-ff3333 { color: #ff3333; }

.col-fb003b { color: #fb003b; }


.bg-grey { background-color:#CCC;}
.bg-bue { background-color: #cee9ff;}

/* --- マージン＆パディング ---  */
.mar-5px { margin: 5px; }
.mar-10px{ margin: 10px; }
.mar-15px{ margin: 15px; }
.mar-20px{ margin: 20px; }
.mar-30px{ margin: 30px; }

.mar-top-5px { margin-top: 5px; }
.mar-top-10px{ margin-top: 10px; }
.mar-top-20px{ margin-top: 20px; }
.mar-top-30px{ margin-top: 30px; }

.mar-bot-5px { margin-bottom: 5px; }
.mar-bot-10px{ margin-bottom: 10px; }
.mar-bot-20px{ margin-bottom: 20px; }
.mar-bot-30px{ margin-bottom: 30px; }

.mar-left-5px { margin-left: 5px; }
.mar-left-10px{ margin-left: 10px; }
.mar-left-20px{ margin-left: 20px; }
.mar-left-30px{ margin-left: 30px; }

.mar-right-5px { margin-right: 5px; }
.mar-right-10px{ margin-right: 10px; }
.mar-right-20px{ margin-right: 20px; }
.mar-right-30px{ margin-right: 30px; }

.mar-top-bot-5px { margin:  5px 0px 5px 0px; }
.mar-top-bot-10px{ margin: 10px 0px 10px 0px; }
.mar-top-bot-20px{ margin: 20px 0px 20px 0px; }
.mar-top-bot-30px{ margin: 30px 0px 30px 0px; }

.mar-lr-5px { margin-left: 5px; margin-right: 5px; }
.mar-lr-10px{ margin-left: 10px; margin-right: 10px; }
.mar-lr-20px{ margin-left: 20px; margin-right: 20px; }
.mar-lr-30px{ margin-left: 30px; margin-right: 30px; }

.pad-5px { padding: 5px; }
.pad-10px{ padding: 10px; }
.pad-20px{ padding: 20px; }
.pad-30px{ padding: 30px; }

.pad-top-5px { padding-top: 5px; }
.pad-top-10px{ padding-top: 10px; }
.pad-top-20px{ padding-top: 20px; }
.pad-top-30px{ padding-top: 30px; }

.pad-bot-5px { paddingn-bottom: 5px; }
.pad-bot-10px{ padding-bottom: 10px; }
.pad-bot-20px{ padding-bottom: 20px; }
.pad-bot-30px{ padding-bottom: 30px; }

.pad-left-5px { padding-left: 5px; }
.pad-left-10px{ padding-left: 10px; }
.pad-left-20px{ padding-left: 20px; }
.pad-left-30px{ padding-left: 30px; }

.pad-right-5px { padding-right: 5px; }
.pad-right-10px{ padding-right: 10px; }
.pad-right-20px{ padding-right: 20px; }
.pad-right-30px{ padding-right: 30px; }