@charset UTF-8;

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

    [ index ] 2009.12.2

    01. flash
    02. top page contents
    
****************************************** */

/* ******************************************
    01. flash
****************************************** */
#flash-box {
position: absolute;
width: 756px;
height: 324px;
top: 136px;
left: 30px;
}



/* ******************************************
    02. top page contents
****************************************** */
#contents-top {
width: 900px;
background-color: #ffffff;
background: #ffffff url("../img/toppage/top_contents_bg.gif") top center repeat-y;
}

/* 3段組み振り分け */
#left-box {
float: left;
width: 265px;
margin-left: 30px;
display: inline;
}

#center-box {
float: left;
width: 375px;
margin: 0 10px;
display: inline;
}

#right-box {
float: left;
width: 180px;
}


/* What's New? */
#whats-box {
width: 265px;
}

#whats-box h3 {
width: 265px;
height: 28px;
background: transparent url("../img/toppage/title_whats.gif") top left no-repeat;
margin-bottom: 16px;
text-indent: -9999px;
}

#whats-box dl {
width: 255px;
margin-bottom: 21px;
}

#whats-box dd {
padding-bottom: 6px;
margin-bottom: 6px;
border-bottom: dashed 1px #b4b4b4;
}


/* バナー */
#bn-box {
width: 265px;
margin-bottom: 20px;
}

/* 大バナー */
ul#large-bn {
width: 255px;
}

ul#large-bn li {
height: 56px;
margin-bottom: 10px;
}

/* 小バナー */
ul#small-bn {
width: 265px;
margin-bottom: 10px;
}

ul#small-bn li {
float: left;
width: 124px;
height: 31px;
margin-right: 7px;
}

/* News & Topics */
#news-box {
width: 375px;
margin-bottom: 20px;
}

#news-box h3 {
width: 375px;
height: 28px;
background: transparent url("../img/toppage/title_news.gif") top left no-repeat;
text-indent: -9999px;
margin-bottom: 16px;
}

/* 記事のボックス */
#news-box .news-item {
width: 355px;
margin: 0 10px 16px 10px;
}

/* 記事タイトル */
#news-box .news-item h4 {
width: 355px;
font-size: 16px;
font-weight: bold;
color: #696969;
background: transparent url("../img/toppage/news_line.gif") bottom center no-repeat;
padding-bottom: 10px;
margin-bottom: 12px;
}

/* 記事タイトルマーク */
#news-box .news-item h4 span {
color: #c0c0c0;
}
/* 記事タイトル */
#news-box .news-item h5 {
width: 355px;
font-size: 12px;
font-weight: bold;
color: #1145dc;
padding-bottom: 10px;
margin-bottom: 12px;
}

/* 記事タイトルマーク */
#news-box .news-item h5 span {
color: #8bb9ff;
}

/* 記事写真回り込み */
#news-box .news-item img {
float: left;
width: 108px;
clear: left;
}

/* 記事本文（右寄せ） */
#news-box .news-item p {
margin-left: 124px;
}

/* 記事追記 */
#news-box .news-item p.news-edit {
padding-top: 6px;
margin-top: 6px;
border-top: dashed 1px #b4b4b4;
}

/* 記事本文リンク設定 */
#news-box a,
#news-box a:link,
#news-box a:active {
color: #8e5925;
font-weight: bold;
text-decoration: underline;
overflow: hidden;
}

#news-box a:visited {
color: #83301d;
font-weight: bold;
text-decoration: underline;
overflow: hidden;
}

#news-box a:hover {
color: #d78432;
text-decoration: none;
}


/* top menu */
#top-menu-box {
width: 180px;
margin-bottom: 20px;
}

#top-menu-box h3 {
width: 180px;
height: 28px;
background: transparent url("../img/toppage/title_menu.gif") top left no-repeat;
text-indent: -9999px;
margin-bottom: 16px;
}

#top-menu-box ul {
width: 180px;
}

#top-menu-box li {
width: 180px;
height: 31px;
margin-bottom: 12px;
text-indent: -9999px;
}

#top-menu-box li a {
width: 180px;
height: 31px;
display: block;
}

#top-menu-box li a:hover {
background-position: -180px 0;
}

li#top-new a {
background: transparent url("../img/toppage/top_menu_btn01.gif") top left no-repeat;
}

li#top-shop a {
background: transparent url("../img/toppage/top_menu_btn02.gif") top left no-repeat;
}

li#top-profile a {
background: transparent url("../img/toppage/top_menu_btn03.gif") top left no-repeat;
}

li#top-bigensen a {
background: transparent url("../img/toppage/top_menu_btn04.gif") top left no-repeat;
}

li#top-contact a {
background: transparent url("../img/toppage/top_menu_btn05.gif") top left no-repeat;
}

li#top-about-shop a {
background: transparent url("../img/toppage/top_menu_btn06.gif") top left no-repeat;
}

li#top-grandprix a {
background: transparent url("../img/toppage/top_menu_btn07.gif") top left no-repeat;
}