@charset "utf-8";

/* 
############################################################
サイトの基本的なレイアウト設定
サイトの基本的な設定
　例：リンク、フォント、レイアウト、ページのトップへ、フォームの設定など
【読み込み範囲】全ファイル
############################################################
*/


/* = 配色
----------------------------------------------- */
body {
    color: #000;
    background-color: #f7fafa;
}
/* IEでのfixed position時のガタつき防止 */
.ie body {
    background: #f7fafa url(../../../img/pc/common/s.gif) fixed;
}

/* = フォント設定
----------------------------------------------- */
body {
    font-size: 13px;
    font-family: sans-serif;
}
.ie body {
    font-family: 'ＭＳ Ｐゴシック';
}
.ie6 body {
    font-size: 81.25%; /* 13px */
}
select, input, button, textarea {
    font-size: 99%;
}
.bold {
    font-weight: bold;
}

/* = リンク設定
----------------------------------------------- */
a:link    { color: #003af6; }
a:visited { color: #800080; }
a:hover   { color: #ed4b03; }
a:active  { color: #ed4b03; }

a img { border-style: solid; }
a:link img    { border-color: #003af6; }
a:visited img { border-color: #800080; }
a:hover img   { border-color: #ed4b03; }
a:active img  { border-color: #ed4b03; }

/* = フォーム設定
----------------------------------------------- */
input[type=radio],
input[type=checkbox] {
    margin: 0 6px 0 0;
    padding: 0;
}
.ie input[type=radio],
.ie input[type=checkbox] {
    width: 1em;
    height: 1em;
}

/* = 基本レイアウト
----------------------------------------------- */
#header {
    /* header.css */
}
#contents {
}
    .sec-mainContents {
        width: 940px;
        margin: 0 auto;
        padding: 0 10px;
    }
#footer {
    /* footer.css */
}


/* = その他のレイアウト
----------------------------------------------- */
/* 
############################################################
index.htmlで使われているレイアウト
全ページで使うようなら、このbase.cssに記述する。
index.htmlでしか使わないレイアウトなら、index.cssに記述する 
############################################################
*/
.sec-main {
    float: left;
    width: 700px;
}
.sec-sub {
    float: right;
    width: 220px;
}


/* clearFix */
.sec-mainContents:after,
.sec-extraContents:after,
.sec-wrap:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.ie .sec-mainContents,
.ie .sec-extraContents,
.ie .sec-wrap {
    zoom: 1;
}