@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: 'ＭＳ Ｐゴシック';
}

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;
}
.sec-extraContents {
    min-width: 940px;
    padding: 10px 10px 20px;
    background-color: #fff;
}
.sec-extraContents .sectionInner {
    width: 940px;
    margin: 0 auto;
}
#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;
    clear: both;
}