@charset "Shift_JIS";

/*
-----------------------------------------------------
CircuitWalker2007 CSS Vr.1
FileName:	layout.css
Version:	2007.07.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 : left;
     }

/*テーブルレイアウト*/

table {
     font-size : x-small;
     }

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

/*ページのベース*/

.base {
     width : 1020px;
     margin : 1px,0px,0px,0px;
     padding : 0px,0px,0px,10px;
     text-align : left;
     background-color : #ffffff;
     }

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

/*コンテナ：*/

.container {
     width : 1010px;
     text-align : left;
     position : relative;
     }


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

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

.header {
     width : 1000px;
     height : 100px;
     text-align : right;
     position : relative;
     background-image : url(bg_img_top_1000x100_checker1.gif);
     background-repeat : no-repeat;
     background-position : left;
     }

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

.header-top {
     width : 468px;
     height : 60px;
     padding : 0px;
     margin : 5px,5px,0px,0px;
     position : relative;
     overflow : hidden;
     }

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

.header-bottom {
     width : 468px;
     text-align : left;
     padding : 20px,1px,0px,128px;
     margin : 0px;
     position : relative;
     }


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

/*コンテンツ*/

.content {
     width : 1000px;
     margin : 5px,0px,0px,0px;
     padding : 5px,0px,0px,0px;
     text-align : left;
     position : relative;
     border-top : solid 1px #efefef;
     }

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

.navibar-iframe {
     width : 1000px;
     margin : 0px,0px,5px,0px;
     padding : 0px;
     position : relative;
     }

.navibar {
     background-color : #ffffff;
     width : 1000px;
     position : relative;
     }

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

.navibar h2 a {
     font-size : x-small;
     color : #999999;
     text-decoration : none;
     display : block;
     width : 120px;
     height : 30px;
     line-height : 30px;
     background-image : url(bg_img_navibar_120x30_white.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.navibar h2 a:hover {
     font-size : x-small;
     color : #ffffff;
     text-decoration : none;
     display : block;
     width : 120px;
     height : 30px;
     line-height : 30px;
     background-image : url(bg_img_navibar_120x30_gray.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.navibar h2 a:active {
     font-size : x-small;
     color : #ff3388;
     text-decoration : none;
     display : block;
     width : 120px;
     height : 30px;
     line-height : 30px;
     background-image : url(bg_img_navibar_120x30_black.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }





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

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

.main {
     width : 750px;
     float : left;
     text-align : left;
     }


/*メイン左：メニュー*/

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


/*メニュー：トップ（グーグルアドセンス２５０Ｘ２５０スクエア）*/

.main-left-top {
     width : 250px;
     margin : 0px,0px,5px,0px;
     padding : 0px;
     text-align : left;
     position : relative;
     background-color : #f9f9f9;
     }

/*メニュー：トップ（お気に入りに追加）*/

.main-left-bookmark {
     width : 250px;
     margin : 0px,0px,5px,0px;
     text-align : left;
     position : relative;
     }

/*メニュー：（メールマガジン）*/

.main-left-mail-head {
     color : #555555;
     width : 250px;
     height : 20px;
     padding : 4px,0px,0px,10px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-left_150x20_head.jpg);
     background-repeat : no-repeat;
     background-position : left;
     }

.main-left-mail {
     width : 250px;
     margin : 0px,0px,5px,0px;
     padding : 5px,5px,5px,10px;
     text-align : left;
     position : relative;
     border : solid 1px #cccccc;
     line-height : 1.5em;
     }

/*メニュー：（モバイルＱＲコード）*/

.main-left-mobi-head {
     color : #555555;
     width : 250px;
     height : 20px;
     padding : 4px,0px,0px,10px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-left_150x20_head.jpg);
     background-repeat : no-repeat;
     background-position : left;
     }

.main-left-mobi {
     width : 250px;
     margin : 0px,0px,5px,0px;
     padding : 5px;
     text-align : left;
     position : relative;
     border : solid 1px #cccccc;
     line-height : 1.5em;
     }

/*メニュー：（走行会カレンダー@）*/

.main-left-calendar1-head {
     color : #555555;
     width : 250px;
     height : 20px;
     padding : 4px,0px,0px,10px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-left_150x20_head.jpg);
     background-repeat : no-repeat;
     background-position : left;
     }

.main-left-calendar1 {
     width : 250px;
     margin : 0px,0px,2px,0px;
     padding : 0px;
     text-align : left;
     position : relative;
     background-color : #cccccc;
     }

/*メニュー：（走行会カレンダーA）*/

.main-left-calendar2 {
     width : 250px;
     margin : 0px,0px,5px,0px;
     padding : 0px;
     text-align : left;
     position : relative;
     background-color : #cccccc;
     }

/*メニュー：（グーグルアドセンス250x250）*/

.main-left-google_ad {
     width : 250px;
     margin : 0px,0px,5px,0px;
     padding : 0px;
     text-align : center;
     position : relative;
     }

/*メニュー：（アクセスランキング）*/

.main-left-ranking-head {
     color : #555555;
     width : 250px;
     height : 20px;
     padding : 4px,0px,0px,10px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-left_150x20_head.jpg);
     background-repeat : no-repeat;
     background-position : left;
     }

.main-left-ranking {
     width : 250px;
     margin : 0px,0px,5px,0px;
     padding : 0px;
     text-align : center;
     position : relative;
     }









/*メイン右：メインコンテンツ*/

.main-right {
     float : right;
     text-align : center;
     }

/*メインコンテンツ：挨拶・更新情報・速報*/

.main-right-new {
     color : #ffffff;
     width : 490px;
     text-align : center;
     position : relative;
     border-top : solid 1px #777777;
     border-right : solid 1px #777777;
     border-bottom : solid 1px #777777;
     border-left : solid 1px #777777;
     background-color : #999999;
     }

/*メインコンテンツ：走行会情報一覧*/

.main-right-top-head {
     color : #ffffff;
     width : 490px;
     height : 25px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     border-right : solid 1px #777777;
     border-left : solid 1px #777777;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-right-top-head-navi {
     width : 490px;
     margin : 5px,0px,5px,0px;
     padding : 0px,0px,0px,10px;
     text-align : left;
     position : relative;
     background-color : #efefef;
     }

/*メインコンテンツ：グーグルアドセンス*/

.main-right-cm {
     width : 490px;
     margin : 0px,0px,5px,0px;
     padding : 5px,0px,5px,0px;
     text-align : center;
     position : relative;
     border : solid 1px #efefef;
     }

/*メインコンテンツ：エーハチネット*/

.main-right-cm2 {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,10px,0px;
     text-align : center;
     position : relative;
     overflow : hidden;
     }

.main-right-top-bottom {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,3px,0px;
     padding : 3px;
     text-align : right;
     position : relative;
     }

/*メインコンテンツ：最新！走行会情報*/

.main-right-top-head {
     color : #ffffff;
     width : 490px;
     height : 25px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     border-right : solid 1px #777777;
     border-left : solid 1px #777777;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-right-top {
     width : 490px;
     height : 200px;
     margin : 0px,0px,5px,0px;
     padding : 5px,0px,5px,0px;
     text-align : center;
     position : relative;
     border-right : solid 1px #777777;
     border-bottom : solid 1px #777777;
     border-left : solid 1px #777777;
     overflow : auto;
     scrollbar-base-color : #efefef;
     }

/*メインコンテンツ：サーキット別 走行会情報*/

.main-right-2 {
     margin : 0px,0px,10px,0px;
     text-align : center;
     position : relative;
     background-image : url(bg_img_top_490x553_map_nihon.gif);
     background-repeat : no-repeat;
     background-position : center left;
     }

.main-right-2-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-right-2-area {
     width : 490px;
     height : 20px;
     padding : 4px,0px,0px,5px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_70x20_circuit_area.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-right-2-circuit {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,3px,0px;
     padding : 3px;
     text-align : left;
     position : relative;
     border : solid 1px #efefef;
     }

.main-right-2-bottom {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,3px,0px;
     padding : 3px;
     text-align : right;
     position : relative;
     }

/*メインコンテンツ：走行会投稿フォーム*/

.main-toukou_form-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

/*メインコンテンツ：走行会投稿編集・削除フォーム*/

.main-hensyu_form-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-sakujo_form-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit_sakujo.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-sakujo_form-bottom {
     font-size : x-small;
     width : 490px;
     margin : 10px,0px,3px,0px;
     padding : 3px;
     text-align : center;
     position : relative;
     border : solid 1px #cccccc;
     }


/*メインコンテンツ：走行会投稿サンクスページ*/

.main-toukou_thanks-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,5px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-toukou_thanks-bottom {
     font-size : x-small;
     width : 490px;
     margin : 10px,0px,3px,0px;
     padding : 3px;
     text-align : center;
     position : relative;
     }

.main-toukou_thanks-cm {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,10px,0px;
     padding : 3px;
     text-align : center;
     position : relative;
     border : solid 1px #efefef;
     }

.main-toukou_thanks-cm-left {
     font-size : x-small;
     width : 230px;
     margin : 0px;
     padding : 3px;
     text-align : center;
     float : left;
     }

.main-toukou_thanks-cm-right {
     font-size : x-small;
     width : 230px;
     margin : 0px;
     padding : 3px;
     text-align : center;
     float : right;
     }

.main-toukou_thanks-cm2 {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,10px,0px;
     text-align : center;
     position : relative;
     overflow : hidden;
     }

/*メインコンテンツ：走行会情報詳細ページ*/

.main-detail-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-detail-cm {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,10px,0px;
     padding : 3px;
     text-align : center;
     position : relative;
     border : solid 1px #efefef;
     }

.main-detail-cm-left {
     font-size : x-small;
     width : 230px;
     margin : 0px;
     padding : 3px;
     text-align : center;
     float : left;
     }

.main-detail-cm-right {
     font-size : x-small;
     width : 230px;
     margin : 0px;
     padding : 3px;
     text-align : center;
     float : right;
     }

.main-detail-cm2 {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,10px,0px;
     text-align : center;
     position : relative;
     overflow : hidden;
     }

.main-detail-kage {
     width : 490px;
     margin : 0px,0px,10px,0px;
     position : relative;
     background-image : url(bg_img_kage_150x15.gif);
     background-repeat : no-repeat;
     background-position : top right;
     }

/*メインコンテンツ：免責事項と注意事項ページ（ｉｎｆｏ）*/


.main-info-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-info-bottom {
     font-size : x-small;
     width : 490px;
     margin : 10px,0px,3px,0px;
     padding : 10px;
     text-align : left;
     position : relative;
     border : solid 1px #efefef;
     line-height : 1.5em;
     }

/*メインコンテンツ：ご利用方法ページ（Ｈｏｗｔｏ）*/


.main-howto-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-howto-bottom {
     font-size : x-small;
     width : 490px;
     margin : 10px,0px,3px,0px;
     padding : 10px;
     text-align : left;
     position : relative;
     border : solid 1px #efefef;
     line-height : 1.5em;
     }

/*メインコンテンツ：リンクについて（Ｌｉｎｋ）*/


.main-link-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,5px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-link-bottom {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,5px,0px;
     padding : 10px,0px,10px,5px;
     text-align : left;
     position : relative;
     border : solid 1px #eeeeee;
     line-height : 1.5em;
     }

.main-link-navi {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,0px,0px;
     padding : 10px;
     text-align : center;
     position : relative;
     }

.main-link-head {
     color : #555555;
     font-size : small;
     width : 490px;
     height : 30px;
     margin : 0px,0px,0px,0px;
     padding : 7px,0px,0px,5px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_link_200x30_head.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

/*メインコンテンツ：サイトマップ（ＳＩＴＥＭＡＰ）*/


.main-sitemap-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-sitemap-bottom {
     font-size : x-small;
     width : 490px;
     margin : 10px,0px,3px,0px;
     padding : 10px;
     text-align : left;
     position : relative;
     border : solid 1px #efefef;
     }

.main-sitemap-cm2 {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,10px,0px;
     text-align : center;
     position : relative;
     overflow : hidden;
     }

/*メインコンテンツ：バナー広告募集ページ（KOUKOKU）*/

.main-koukoku-top {
     color : #ffffff;
     width : 490px;
     height : 25px;
     margin : 0px,0px,2px,0px;
     padding : 6px,0px,0px,23px;
     text-align : left;
     position : relative;
     background-image : url(bg_img_main-right_490x25_circuit.jpg);
     background-repeat : no-repeat;
     background-position : top left;
     }

.main-koukoku-bottom {
     font-size : x-small;
     width : 490px;
     margin : 10px,0px,3px,0px;
     padding : 10px;
     text-align : left;
     position : relative;
     border : solid 1px #efefef;
     line-height : 1.5em;
     }

.main-koukoku-cm2 {
     font-size : x-small;
     width : 490px;
     margin : 0px,0px,10px,0px;
     text-align : center;
     position : relative;
     overflow : hidden;
     }


/*メインコンテンツ：アフィリエイト（テキスト４６８ｘ１５）*/

.main-affiliate-468x15text {
     font-size : x-small;
     width : 490px;
     height : 15px;
     margin : 8px,0px,0px,0px;
     text-align : left;
     position : relative;
     overflow : hidden;
     }

/*メインコンテンツ：アフィリエイト（テキスト４６８ｘ６０・３行）*/

.main-affiliate-468x60text3 {
     font-size : x-small;
     width : 490px;
     height : 60px;
     margin : 5px,0px,10px,0px;
     text-align : left;
     position : relative;
     overflow : hidden;
     border : solid 1px #efefef;
     }

.text3 {
     font-size : x-small;
     width : 490px;
     height : 20px;
     margin : 0px;
     padding : 2px,0px,0px,5px;
     text-align : left;
     position : relative;
     overflow : hidden;
     }




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

/*サイド右側：ＣＭバナー（アフィリエイト含む）など*/

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


.side2 {
     width : 240px;
     padding : 0px,0px,0px,6px;
     text-align : left;
     float : right;
     }



/*サブコンテンツ最上段：バナー広告募集*/

.side-top {
     width : 234px;
     margin : 0px,0px,5px,0px;
     position : relative;
     }

.side-top h4 {
     float : right;
     text-align : center;
     }

.side-top h4 a {
     font-size : x-small;
     color : #ffffff;
     text-decoration : none;
     display : block;
     width : 234px;
     height : 60px;
     padding : 29px,0px,5px,0px;
     background-image : url(bg_img_cm_234x60_bannar_green.gif);
     background-repeat : no-repeat;
     background-position : top right;
     }

.side-cm {
     width : 234px;
     height : 60px;
     margin : 0px,0px,5px,0px;
     position : relative;
     overflow : hidden;
     }

.side-cm2 {
     width : 234px;
     height : 120px;
     margin : 0px,0px,5px,0px;
     position : relative;
     overflow : hidden;
     }

.side-cm-gogogs {
     width : 234px;
     height : 60px;
     margin : 0px,0px,5px,0px;
     position : relative;
     overflow : hidden;
     background-color : #003399;
     }

.side-cm-bosyu {
     width : 234px;
     height : 60px;
     font-size : small;
     text-align : center;
     margin : 0px,0px,5px,0px;
     padding : 20px,0px,0px,0px;
     position : relative;
     border : solid 1px #555555;
     }




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

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

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

.footer-bottom {
     width : 1000px;
     height : 30px;
     margin : 0px;
     padding : 7px,0px,0px,0px;
     font-size : small;
     text-align : center;
     position : relative;
     background-image : url(bg_img_footer_1x30_gray.jpg);
     background-repeat : repeat-x;
     }

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

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

.c-both {
     clear : both;
     }

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

img.qr {
     float : left;
     }

