@charset "Shift_JIS";

/*
-----------------------------------------------------
Garage B.B.2007 CSS Vr.2jp
FileName:	layout_toppage.css
Version:	2007.03.01
-----------------------------------------------------
*/

/*レイアウト用ＣＳＳ（トップページ）*/

/**********************************
/           CSS Menu
**********************************
        0.body
	1.base
	2.container
	3.header
	4.content
	5.main
        6.side
        7.footer
        8.other
*********************************/



/**********************************
***          0. body            ***
**********************************/

/*全体の基本レイアウト*/

body {
     margin : 0px;
     font-size : x-small;
     text-align : center;
     }


/**********************************
***          1. base            ***
**********************************/

/*ページのベース*/

.base {
     width : 790px;
     text-align : center;
     background-image : url(bgimg_base790x1.gif);
     background-repeat : repeat-y;
     border-right : solid 1px #efefef;
     border-left : solid 1px #efefef;
     }


/**********************************
***          2. container       ***
**********************************/

/*コンテナ：*/

.container {
     width : 770px;
     text-align : center;
     position : relative;
     background-color : #ffffff;
     }


/**********************************
***          3. header          ***
**********************************/

/*ヘッダー：トップバナー＆キーワード*/

.header {
     width : 760px;
     height : 100px;
     text-align : left;
     position : relative;
     background-image : url(bgimg_top1x100blue.jpg);
     background-repeat : repeat-x;
     }

/*ページトップ：左（タイトルロゴ）*/

.header-left {
     width : 270px;
     height : 100px;
     float : left;
     overflow : hidden;
     }

/*ページトップ：右（アフィリエイト）*/

.header-right {
     width : 480px;
     height : 100px;
     float : left;
     }

/*ページトップ右：上（４６８×６０バナー・インラインフレーム）*/

.header-right_top {
     width : 468px;
     height : 60px;
     padding : 0px;
     margin : 2px,0px,0px,18px;
     position : relative;

     }

/*ページトップ右：下（重要キーワード）*/

.header-right_bottom {
     padding : 0px,15px,0px,0px;
     margin : 0px;
     position : relative;
     }


/**********************************
***          4. content         ***
**********************************/

/*コンテンツ*/

.content {
     width : 760px;
     margin : 5px,0px,0px,0px;
     padding : 0px;
     text-align : left;
     position : relative;
     }

/*ナビゲーションバー*/

.navibar_iflame {
     width : 760px;
     margin : 0px,0px,5px,0px;
     padding : 0px;
     position : relative;
     }

.navibar {
     background-color : #777777;
     width : 760px;
     margin : 0px;
     padding : 0px,0px,0px,2px;
     position : relative;
     border-top : solid 1px #999999;
     border-bottom : solid 1px #999999;
     }

.navibar h2 {
     float : left;
     text-align : center;
     margin : 0px;
     }

.navibar h2 a {
     font-size : x-small;
     color : #999999;
     text-decoration : none;
     display : block;
     width : 108px;
     height : 25px;
     line-height : 23px;
     background-image : url(bgimg_navibar1x25white.jpg);
     background-repeat : repeat-x;
     border-right : solid 1px #dedede;
     }

.navibar h2 a:hover {
     font-size : x-small;
     color : #ff3388;
     text-decoration : none;
     display : block;
     width : 108px;
     height : 25px;
     line-height : 23px;
     background-image : url(bgimg_navibar1x25gray.jpg);
     background-repeat : repeat-x;
     border-right : solid 1px #ffffff;
     }


/*コンテンツ上側：（パンくずリストor最新商品紹介・最新走行会情報など）*/

.contents-top {
     width : 760px;
     height : 20px;
     margin : 0px;
     padding : 2px,5px,0px,10px;
     text-align : left;
     position : relative;
     background-color : #ffffff;

     }


/**********************************
***          5. main            ***
**********************************/

/*メイン左側：メインコンテンツ*/

.main {
     width : 504px;
     float : left;
     }

/*メインコンテンツ最上段：画像リンク（１００×５０×５）*/

.main-top {
     width : 500px;
     height : 50px;
     position : relative;
     text-align : left;
     border : solid 1px #999999;
     }

/*メインコンテンツ２段目：最新商品紹介・最新走行会情報など*/

.main-2 {
     width : 500px;
     margin : 0px,0px,7px,0px;
     padding : 5px;
     text-align : center;
     position : relative;
     background-color : #ffffff;
     border-bottom : dotted 1px #efefef;
     }

/*メインコンテンツ３段目：商品リンク・ショップリンク等*/

.main-3_1 {
     width : 500px;
     margin : 0px;
     padding : 2px,0px,2px,0px;
     text-align : left;
     position : relative;
     background-color : #f5f5f5;　　　　/*　薄いグレー　*/
     border-right : solid 1px #eeeeee;
     border-bottom : solid 1px #eeeeee;
     }

.main-3_2 {
     width : 500px;
     margin : 0px;
     padding : 2px,0px,2px,0px;
     text-align : left;
     position : relative;
     background-color : #ffffff;　　　　/*　白　*/
     }

/* 商品紹介 */

.main-3_left {
     width : 100px;
     margin : 0px;
     padding : 0px,0px,0px,2px;
     text-align : left;
     float : left;
     line-height : 1.3em;
     }

.main-3_right {
     width : 395px;
     margin : 0px;
     padding : 0px,0px,0px,2px;
     text-align : left;
     float : right;
     line-height : 1.3em;
     }


/*メインコンテンツ４段目：アフィリエイトバナー（２３４×６０×２）*/

.main-cm1 {
     width : 500px;

     margin : 5px,0px,10px,0px;
     padding : 5px,0px,5px,0px;
     position : relative;
     text-align : left;
     border-top : solid 1px #efefef;
     border-bottom : solid 1px #efefef;
     overflow : hidden;
     }

.main-cm1_left {
     width : 234px;
     height : 60px;
     float : left;
     overflow : hidden;
     }

.main-cm1_right {
     width : 234px;
     height : 60px;
     float : right;

     overflow : hidden;
     }


/*メインコンテンツ５段目：グーグルアドセンス（４６８×６０）*/

.main-cm2 {
     width : 500px;
     height : 70px;
     margin : 0px,0px,5px,0px;
     padding : 3px,0px,0px,25px;
     position : relative;
     text-align : left;
     border : solid 1px #eeeeee;
     background-image : url(bgimg_google_ad20x60eeeeee.gif);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-cm2_google {
     position : relative;
     text-align : left;
     }

/*メインコンテンツ６段目：グーグルアドセンス（４６８×１５ユニット）*/

.main-cm3_google {
     width : 500px;
     height : 18px;
     margin : 0px,0px,6px,0px;
     padding : 3px,0px,2px,0px;
     position : relative;
     text-align : left;
     background-color : #f5f5f5;
     border-right : solid 1px #eeeeee;
     border-bottom : solid 1px #eeeeee;
     }

/*メインコンテンツ７段目：走行会告知・サイト紹介など*/

.main-4 {
     width : 500px;
     margin : 0px,0px,5px,0px;
     padding : 0px;
     position : relative;
     text-align : left;
     }

/*イベント＆走行会告知*/

.main-4_left {
     width : 230px;
     height : 215px;
     float : left;
     background-image : url(bgimg_event229x212mono.gif);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-4_left-top {
     text-align : left;
     width : 220px;
     margin : 15px,0px,0px,0px;
     padding : 0px,0px,0px,15px;
     position : relative;
     text-decoration : underline;
     }

.main-4_left-top2 {
     color : #ff9325;
     text-align : left;
     width : 220px;
     margin : 0px;
     padding : 3px,0px,0px,20px;
     position : relative;
     }

.main-4_left-bottom {
     width : 220px;
     margin : 0px;
     padding : 3px,0px,0px,10px;
     position : relative;
     }

.main-4_left-bottom_left {
     text-align : left;
     width : 60px;
     float : left;
     line-height : 1.4em;
     }

.main-4_left-bottom_right {
     text-align : left;
     width : 150px;
     float : right;
     line-height : 1.4em;
     }

.main-4_left-bottom2 {
     text-align : center;
     width : 220px;
     margin : 0px;
     padding : 5px,0px,0px,0px;
     position : relative;
     }

/*ショップ紹介＆広告*/

.main-4_right {
     text-align : right;
     width : 267px;
     float : right;
     }

/*ショップ紹介*/

.main-4_right-top {
     width : 265px;
     height : 150px;
     position : relative;
     }

/*広告*/

.main-4_right-bottom {
     width : 265px;
     height : 60px;
     margin : 2px,0px,0px,0px;
     padding : 0px;
     position : relative;
     background-color : #ffffff;
     background-image : url(bgimg_af31x60pr_wine.jpg);
     background-repeat : no-repeat;
     background-position : top right;
     }







/**********************************
***          6. side            ***
**********************************/

/*サイド右側：サブコンテンツ*/

.side {
     width : 255px;
     text-align : left;
     float : right;
     }

/*サブコンテンツ最上段：グーグルアドセンス（２５０×２５０）*/

.side-top {
     width : 250px;
     margin : 0px,0px,5px,5px;
     padding : 0px;
     text-align : left;
     position : relative;

     overflow : hidden;
     }

.side-top_google {
     width : 240px;
     height : 60px;
     text-align : center;
     position : relative;
     }

/*サブコンテンツ２段目：サーキットウォーカーＣＭ（２５０×６０）*/

.side-2 {
     width : 250px;
     height : 60px;
     margin : 0px,0px,5px,5px;
     padding : 0px;
     text-align : right;
     position : relative;
     overflow : hidden
     }



/*サブコンテンツ３段目：更新履歴・B.B.最新情報・お知らせ・Ｂ．Ｂ．モバイル*/

.side-3_topleft {
     width : 120px;
     height : 25px;
     margin : 0px,0px,0px,5px;
     padding : 8px,0px,0px,10px;
     text-align : left;
     color : #ffffff;
     float : left;
     background-image : url(bgimg_sidetopleft1x25skyblue.jpg);
     background-repeat : repeat-x;
     }

.side-3_topright {
     font-size : xx-small;
     width : 125px;
     height : 25px;
     margin : 0px;
     padding : 12px,0px,0px,57px;
     text-align : left;
     float : left;
     background-image : url(bgimg_sidetopright50x25blue3.gif);
     background-repeat : no-repeat;
     }

.side-3_bottom {
     width : 250px;
     margin : 0px,0px,5px,5px;
     padding : 5px;
     border-top : solid 3px #86d1f1;
     border-right : solid 1px #86d1f1;
     border-bottom : solid 1px #86d1f1;
     border-left : solid 1px #86d1f1;
     position : relative;
     background-color : #f4fcff;
     line-height : 1.2em;
     }

.side-3_bottom2 {
     color : #777777;
     width : 235px;
     height : 85px;
     text-align : left;
     overflow : auto;
     background-color : #f4fcff;
     scrollbar-base-color : #f4fcff;
     line-height : 1.3em;
     }


/*サブコンテンツ４段目：ヤフオク出品マスター（２５０×７０）*/

.side-4 {
     width : 250px;
     height : 70px;
     margin : 0px,0px,5px,5px;
     padding : 0px;
     text-align : right;
     position : relative;
     overflow : hidden
     }




/*サブコンテンツ最下段：グーグルアドセンス（２５０×２５０）*/

.side-bottom {
     width : 250px;
     height : 250px;
     margin : 0px,0px,5px,5px;
     padding : 0px;
     text-align : right;
     position : relative;
     overflow : hidden
     }


/**********************************
***          7. footer          ***
**********************************/

/*フッター：アクセスアップ用ECstudio*/

.footer_ec {
     text-align : left;
     width : 760px;
     margin : 0px,0px,10px,0px;
     padding : 0px,0px,0px,0px;
     position : relative;
     }

.footer_ec_l {
     text-align : left;
     width : 310px;
     margin : 0px,0px,0px,0px;
     padding : 0px,0px,0px,0px;
     float : left;
     }

.footer_ec_r {
     text-align : left;
     width : 360px;
     margin : 0px,0px,0px,0px;
     padding : 0px,0px,0px,0px;
     float : left;
     }

/*フッター：コピーライト*/

.footer_top {
     text-align : center;
     width : 760px;
     margin : 10px,0px,0px,0px;
     padding : 10px,0px,0px,0px;
     position : relative;
     border-top : dotted 1px #efefef;
     }

.footer_bottom {
     font-size : small;
     color : #ffffff;
     text-align : center;
     width : 760px;
     height : 30px;
     margin : 0px;
     padding : 7px,0px,0px,0px;
     position : relative;
     background-image : url(bgimg_footer30x30blue.gif);
     background-repeat : repeat-x;
     }

/**********************************
***          8. other           ***
**********************************/

/*clear指定：左右の回り込みの解除*/

.c-both {
     clear : both;
     }

/*ＱＲコード位置指定*/

img.qr {
     float : left;
     }