@charset "utf-8";
/*
Theme Name: kc1.jp 2010-2011
Theme URI: http://kc1.jp/
Description: レーシングドライバー仁木圭之のホームページのテーマ
Version: 1.1.0
Author: Masateru TOMIOKA
Author URI: http://i.tmok.org/
*/

/*************************
  Globals
*************************/
* {
    font-style:normal;
    border:none;
    margin:0;
    padding:0;
}
body {
    color:#fff;
    font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size:75%;
    text-align:center;
    background:#1e1e1e;
    padding:10px 0 18px 0;
}

/*************************
  Tags
*************************/
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:bold;
    line-height:100%;
}
div, p {
    line-height:100%;
}
blockquote {
    border:1px solid #bbb;
    line-height:100%;
    margin:10px;
    padding:5px;
}
cite {
    text-decoration: none;
}
em {
    font-style:italic;
    font-weight:bold;
}
strong {
    font-style:normal;
    font-weight:bold;
}
address {
    font-style:normal;
    line-height:100%;
}
img {
    border-style:none;
}
ul, li {
    list-style:none;
    line-height:100%;
}
hr {
    display:none;
}
table {
    border-collapse:collapse;
    empty-cells:show;
}
table th {
    font-weight:bold;
}

/*************************
  Links
*************************/
a:link, a:visited {
    color:#fff;
    text-decoration:underline;
    background:transparent;
}
a:active, a:focus, a:hover {
    color:#fecd00;
    text-decoration:none;
    background:transparent;
}

/*************************
  Structure
*************************/

/* -----------------------
 *  コンテナ
 * -------------------- */
#page {
    width:840px;
    text-align:center;
    margin:0 auto;
}

/* -----------------------
 *  ヘッダー
 * -------------------- */
#header {
    clear:both;
    position:relative;
    width:840px;
    height:50px;
    text-align:left;
    background:url(images/header_bg.gif) no-repeat right bottom;
    margin:0 auto;
}
#header span {
    display:none;
}
#header #logo a {
    display:block;
    width:334px;
    height:50px;
    background:url(images/header_logo.gif) no-repeat 0 2px;
    margin:0;
}
#header #headerDunlop {
    position:absolute;
    top:18px;
    left:640px;
    width:119px;
    height:23px;
}
#header #headerFcj {
    position:absolute;
    top:13px;
    left:770px;
    width:52px;
    height:34px;
}

/* -----------------------
 *  ナビゲーション
 * -------------------- */
#navigation {
    clear:both;
    width:840px;
    text-align:left;
    margin:0 auto 7px auto;
}
#navigation ul {
    position:relative;
    width:840px;
    height:45px;
}
#navigation ul li {
    position:absolute;
    top:0;
    height:45px;
}
#navigation span {
    display:none;
}
#navigation a {
    display:block;
    position:absolute;
    top:0;
    height:45px;
    background:url(images/navigation.gif) no-repeat left top;
}
#navigation li.home a:link, #navigation li.home a:visited {
    left:0;
    width:131px;
    background-position:0 0;
}
#navigation li.home a:active, #navigation li.home a:focus, #navigation li.home a:hover {
    left:0;
    width:131px;
    background-position:0 -45px;
}
#navigation li.news a:link, #navigation li.news a:visited {
    left:131px;
    width:105px;
    background-position:-131px 0;
}
#navigation li.news a:active, #navigation li.news a:focus, #navigation li.news a:hover {
    left:131px;
    width:105px;
    background-position:-131px -45px;
}
#navigation li.profile a:link, #navigation li.profile a:visited {
    left:236px;
    width:123px;
    background-position:-236px 0;
}
#navigation li.profile a:active, #navigation li.profile a:focus, #navigation li.profile a:hover {
    left:236px;
    width:123px;
    background-position:-236px -45px;
}
#navigation li.racing a:link, #navigation li.racing a:visited {
    left:359px;
    width:118px;
    background-position:-359px 0;
}
#navigation li.racing a:active, #navigation li.racing a:focus, #navigation li.racing a:hover {
    left:359px;
    width:118px;
    background-position:-359px -45px;
}
#navigation li.sponsor a:link, #navigation li.sponsor a:visited {
    left:477px;
    width:134px;
    background-position:-477px 0;
}
#navigation li.sponsor a:active, #navigation li.sponsor a:focus, #navigation li.sponsor a:hover {
    left:477px;
    width:134px;
    background-position:-477px -45px;
}
#navigation li.atelier a:link, #navigation li.atelier a:visited {
    left:611px;
    width:111px;
    background-position:-611px 0;
}
#navigation li.atelier a:active, #navigation li.atelier a:focus, #navigation li.atelier a:hover {
    left:611px;
    width:111px;
    background-position:-611px -45px;
}
#navigation li.link a:link, #navigation li.link a:visited {
    left:722px;
    width:118px;
    background-position:-722px 0;
}
#navigation li.link a:active, #navigation li.link a:focus, #navigation li.link a:hover {
    left:722px;
    width:118px;
    background-position:-722px -45px;
}

/* -----------------------
 *  パンくずリスト
 * -------------------- */
#breadCrumb {
    clear:both;
    width:840px;
    text-align:left;
    margin:0 auto 7px auto;
}
#breadCrumb p {
    font-size:98%;
    line-height:110%;
    padding:3px;
}

/* -----------------------
 *  フッター
 * -------------------- */
#footer {
    clear:both;
    width:840px;
    font-size:90%;
    text-align:left;
    border-top:2px solid #fedc00;
    background:#090909 url(images/footer_logo.gif) no-repeat 13px 13px;
    margin:0 auto;
    padding:15px 0;
}
#footer ul {
    margin:0 13px 4px 60px;
}
#footer ul li {
    display:inline;
    line-height:130%;
    border-right:1px solid #bbb;
    margin:0 3px 0 0;
    padding:0 5px 0 0;
}
#footer ul li img {
    vertical-align:middle;
    margin:0 1px 0 0;
}
#footer p {
    line-height:130%;
    margin:0 0 3px 60px;
}
#footer p img {
    vertical-align:middle;
    margin:0 1px 0 0;
}
#footer address {
    font-family:'Verdana', sans-serif;
    margin:10px 13px 0 60px;
}
#footer a:link, #footer a:visited {
    color:#fff;
    text-decoration:underline;
    background-color:transparent;
}
#footer a:active, #footer a:focus, #footer a:hover {
    color:#333;
    text-decoration:none;
    background-color:#fedc00;
}

/* -----------------------
 *  ホーム(ラッパー)
 * -------------------- */
#homeContents {
    clear:both;
    width:840px;
    text-align:left;
    margin:0 auto 7px auto;
}
/* -----------------------
 * ホーム(左側)
 * -------------------- */
#homeLeft {
    float:left;
    width:580px;
    height:300px;
}

/* -----------------------
 *  ホーム(写真)
 * -------------------- */
#homeLeft #photo {
    width:580px;
    height:300px;
}

/* -----------------------
 *  ホーム(右側)
 * -------------------- */
#homeRight {
    position:relative;
    float:left;
    width:260px;
    height:300px;
    line-height:100%;
    background:#0f0f0f;
}
#homeRight a:link, #homeRight a:visited {
    color:#f0f0f0;
    text-decoration:underline;
    background:transparent;
}
#homeRight a:active, #homeRight a:focus, #homeRight a:hover {
    color:#f0f0f0;
    text-decoration:none;
    background:transparent;
}
#homeRight #pickupNews h2 {
    position:absolute;
    top:3px;
    left:3px;
    color:#fff;
    width:254px;
    height:26px;
    background:#000 url(images/pickupnews_heading.gif) no-repeat center center;
}
#homeRight #pickupNews h2 span {
    display:none;
}
#homeRight #pickupNews dl {
    position:absolute;
    top:34px;
    left:3px;
    color:#fff;
    width:254px;
    height:210px;
    overflow:auto;
    line-height:100%;
}
#homeRight #pickupNews dl dt {
    font-weight:bold;
    margin:0 5px 2px 0;
    padding:1px;
}
#homeRight #pickupNews dl dd {
    line-height:150%;
    margin:0 5px 5px 10px;
}
#homeRight #pickupPages p  {
    position:absolute;
    top:247px;
    left:3px;
    color:#fff;
    width:254px;
    height:45px;
    overflow:auto;
    text-align:center;
    line-height:100%;
}
#homeRight #pickupPages p img.last  {
    margin:0 0 0 2px;
}

/* -----------------------
 *  ホーム(バナー)
 * -------------------- */
#homeBanner {
    clear:both;
    width:840px;
    font-size:0;
    text-align:center;
    background:#0f0f0f;
    margin:0 auto 9px auto;
    padding:4px 0 0 0;
}
#homeBanner ul {
    padding:0 0 2px 0;
}
#homeBanner ul li {
    display:inline;
    margin:0 0 0 2px;
}
#homeBanner ul li.first {
    margin:0;
}
#homeBanner p {
    clear:both;
    font-size:10px;
    text-align:right;
}

/* -----------------------
 * 共通(ラッパー)
 * -------------------- */
#commonWrapper {
    clear:both;
    width:840px;
    text-align:left;
    margin:0 auto;
}

/* -----------------------
 * 共通(コンテンツ)
 * -------------------- */
#commonContents {
    float:left;
    width:630px;
}
#commonContents #commonBody {
    background:url(images/commonbody_bg.jpg) repeat-x center top;
    margin:0 7px 19px 0;
    padding:13px;
}
#commonBody a:link,
#commonBody a:visited {
    color:#fff;
    text-decoration:underline;
}
#commonBody a:active,
#commonBody a:focus,
#commonBody a:hover {
    color:#fff;
    text-decoration:none;
}
#commonBody .pageTitle {
    color:#fff;
    font-size:150%;
    font-weight:bold;
    border:1px solid #2e2e2e;
    background:#000 url(images/bg_slanting.gif) repeat;
    margin:0 0 13px 0;
    padding:7px;
}
#commonBody .posts {
    color:#ccc;
    border-bottom:1px solid #808080;
    margin:0 0 13px 0;
}
#commonBody .posts .postTitle {
    color:#fff;
    font-size:200%;
    font-weight:bold;
    line-height:115%;
    margin:0 4px 7px 4px;
}
#commonBody .posts .postData {
    font-size:97%;
    margin:0 4px 13px 4px;
}
#commonBody .posts .postData img {
    vertical-align:middle;
}
#commonBody .posts .postBody {
    margin:0 4px 7px 4px;
}
#commonBody .posts .postBody p {
    line-height:150%;
    margin:0 0 6px 0;
}
#commonBody .posts .postGuide {
    margin:0 0 17px 0;
}
#commonBody .posts ul {
    margin:0 0 17px 7px;
}
#commonBody .posts ul li {
    line-height:140%;
    border-left:3px solid #fff;
    margin:0 0 6px 15px;
    padding:1px 0 1px 5px;
}
#commonBody .pages {
    color:#ccc;
    margin:0 0 13px 0;
}
#commonBody .pages h2 {
    color:#fff;
    font-size:135%;
    font-weight:bold;
    line-height:125%;
    border-left:6px solid #666;
    border-bottom:1px solid #666;
    margin:0 0 13px 0;
    padding:2px 0 2px 6px;
}
#commonBody .pages h3 {
    color:#fff;
    font-size:110%;
    border-bottom:1px solid #666;
    margin:0 0 17px 0;
    padding:0 0 3px 2px;
}
#commonBody .pages h4 {
    color:#fff;
    border-bottom:1px solid #666;
    margin:0 0 17px 0;
}
#commonBody .pages p {
    line-height:150%;
    margin:0 0 13px 0;
}
#commonBody .pages .photoNavi {
    text-align:center;
}
#commonBody .pages ul {
    margin:0 0 17px 7px;
}
#commonBody .pages ul li {
    line-height:140%;
    border-left:3px solid #fff;
    margin:0 0 6px 15px;
    padding:1px 0 1px 5px;
}
#commonBody .pages dl {
    margin:0 0 17px 7px;
}
#commonBody .pages dl dt {
    color:#fedc00;
    font-weight:bold;
    margin:0 0 5px 0;
}
#commonBody .pages dl dd {
    line-height:140%;
    margin:0 0 5px 15px;
}
#commonBody .pages table {
    width:95%;
    border:1px solid #1e1e1e;
    margin:0 0 15px 17px;
}
#commonBody .pages table th {
    color:#000;
    text-align:center;
    line-height:125%;
    background:#fff29b;
    border:1px solid #ccc;
    border-bottom-width:2px;
    padding:3px;
}
#commonBody .pages table td {
    color:#333;
    text-align:center;
    line-height:140%;
    background:#fff;
    border:1px solid #ccc;
    padding:2px;
}
#commonBody .pages table td.left{
    text-align:left;
}
#commonBody .pages table td.right {
    text-align:right;
}
#commonBody .pages table td.center {
    text-align:center;
}
#commonBody .pages table tr.appeal td {
    color:#000;
    font-weight:bold;
    background:#cf0;
}
#commonBody .pages table tr td.hosoku {
    font-size:90%;
    text-align:left;
}
#commonBody .pages table a:link, #commonBody .pages table a:visited {
    color:#333;
    text-decoration:underline;
    background:transparent;
}
#commonBody .pages table a:active, #commonBody .pages table a:focus, #commonBody .pages table a:hover {
    color:#333;
    text-decoration:none;
    background:#fedc00;
}

/* -----------------------
 *  共通(サイドバー)
 * -------------------- */
#commonSidebar {
    float:left;
    width:210px;
    font-size:95%;
}
#commonSidebar #sideNavi {
    background:#0f0f0f;
    margin:0 0 15px 0;
    padding:5px;
}
#commonSidebar #sideNavi a {
    display:block;
}
#commonSidebar #sideNavi h2 {
    font-size:105%;
    text-align:center;
    border:1px solid #666;
    background:#000 url(images/sidebar_heading_bg.gif) repeat-x top center;
    margin:0;
    padding:6px 4px;
}
#commonSidebar #sideNavi ul {
    border-top:1px solid #999;
    margin:0 0 8px 0;
}
#commonSidebar #sideNavi ul li {
    line-height:120%;
    border-left:1px solid #464646;
    border-right:1px solid #464646;
    border-bottom:1px solid #464646;
    background:#2d2d2d;
    margin:0;
    padding:3px 0 0 0;
}
#commonSidebar #sideNavi ul li a {
    background: url(images/list_square_orange.gif) no-repeat left center;
    margin:0 2px 0 3px;
    padding:1px 0 3px 17px;
}
#commonSidebar #sideNavi ul li ul {
    margin:0;
    padding:0;
}
#commonSidebar #sideNavi ul li ul li {
    font-size:90%;
    background:#2d2d2d;
    margin:0;
    padding:1px 0;
}
#commonSidebar #sideNavi ul li ul li a {
    background:#2d2d2d url(images/list_triangle_orange.gif) no-repeat 0 0.5em;
    margin:0 2px 0 8px;
    padding:4px 0 4px 12px;
}
#commonSidebar #sideNavi a:link, #commonSidebar #sideNavi a:visited {
    color:#fff;
    text-decoration:none;
}
#commonSidebar #sideNavi a:active, #commonSidebar #sideNavi a:focus, #commonSidebar #sideNavi a:hover {
    color:#fff;
    text-decoration:underline;
}
#commonSidebar #sideBanner {
    margin:0 0 11px 0;
}
#commonSidebar #sideBanner ul {
}
#commonSidebar #sideBanner ul li {
    text-align:center;
    margin:0 0 5px 0;
}

/* -----------------------
 *  検索フォーム
 * -------------------- */
#searchform {
    text-align:center;
    margin:10px auto;
    padding:5px 3px;
}
#searchform label {
    font-size:90%;
}
#searchform #s {
    width:108px;
    border:1px solid #bbb;
}
#searchform #searchsubmit {
    font-size:90%;
    padding:1px;
}

/*************************
  Custom Classes
*************************/

/* -----------------------
 *  汎用
 * -------------------- */
.clear {
    clear:both;
    font-size:0;
}
.center {
    text-align:center;
}
.hidden {
    display:none;
}

/* -----------------------
 *  配置
 * -------------------- */
.alignleft {
    float:left;
}
.alignright {
    float:right;
}
.alignclear {
    clear:both;
}

/* -----------------------
 *  キャプション
 * -------------------- */
.wp-caption {
    text-align:center;
    border:1px solid #ddd;
    background:#666;
    margin:0 5px 13px 5px;
    padding:5px 0;
}
.wp-caption img {
    margin:0 0 4px 0;
    padding:0;
}
.wp-caption p.wp-caption-text {
    font-size:75%;
    line-height:110%;
    margin:0;
    padding:0;
}
img.alignright {
    margin:0 0 13px 7px;
    padding:0;
}
img.alignleft {
    margin:0 7px 13px 0;
    padding:0;
}
img.centered {
    display:block;
    margin:0 auto;
}