@charset 'UTF-8';
/***************************************************************
    SYSTEM   : こだま製作所
    TITLE    : トップページスタイルシートの定義
    SHEET    : toppage.css
    VERSION  : Ver1.2.5
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : トップページの色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2009/01/10  //as Ver1.2.1
    UPDATED  : 2009/06/28  //as Ver1.2.5
***************************************************************/

/***************************************************************
    ヘッダ部の定義
***************************************************************/

/* キャッチ部の定義 (Override) */
#catch {
    clear: both;
    width: 850px;
    height: 176px;
    background: url('../images/toppage_catch.jpg') no-repeat;
}

/* キャッチ部文字の定義 (Override) */
#catch h2 {
    margin: 0px;
    font-size: 6pt;
    text-indent: 0px;
}

/* ビデオ部の定義 */
#catch object {
    float: left;
    width: 200px;
    height: 176px;
}

/***************************************************************
    ボディ部の定義
***************************************************************/

/* タイトル部の定義 */
#title {
    margin: 8px 0px;
    width: 610px;
    font-size: 11pt;
    line-height: 1.5em;
}

/* ファクトリ部マウスオンの定義 */
#title a:hover {
    color: #FF7F00;
}

/* ファクトリ部の定義 */
#factory {
    float: left;
    width: 292px;
}

/* ファクトリ部リンク/重要文字の定義 */
#factory a, #factory strong {
    color: #3D5499;
    font-weight: normal;
}

/* ファクトリ部マウスオンの定義 */
#factory a:hover {
    color: #FF7F00;
}

/* ファクトリ部Ａ文字リンクの定義 */
#factory .answ a {
    display: block;
    width: 128px;
    height: 20px;
    background: url('../images/toppage_answ1.gif') no-repeat;
}

/* ファクトリ部Ａ文字マウスオンの定義 */
#factory .answ a:hover {
    background: url('../images/toppage_answ2.gif') no-repeat;
}

/* セパレータ部の定義 */
#sepa {
    float: left;
    margin-top: 16px;
    width: 26px;
}

/* アトリエ部の定義 */
#atelier {
    float: left;
    width: 292px;
}

/* アトリエ部リンク/重要文字の定義 */
#atelier a, #atelier strong {
    color: #FF7F00;
    font-weight: normal;
}

/* アトリエ部マウスオンの定義 */
#atelier a:hover {
    color: #3D5499;
}

/* アトリエ部Ａ文字リンクの定義 */
#atelier .answ a {
    display: block;
    width: 128px;
    height: 20px;
    background: url('../images/toppage_answ2.gif') no-repeat;
}

/* アトリエ部Ａ文字マウスオンの定義 */
#atelier .answ a:hover {
    background: url('../images/toppage_answ1.gif') no-repeat;
}

/***************************************************************
    クラスの定義
***************************************************************/

/* 見出し部の定義 (Override) */
.capt {
    clear: both;
    margin: 16px 0px 0px;
    width: 292px;
    height: 48px;
    background: url('../images/toppage_caption.gif') no-repeat;
}

/* 見出し部文字の定義 (Override) */
.capt h4 {
    padding: 4px 8px;
    color: #666666;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.5em;
}

/* 写真部の定義 (Override) */
.pics {
    margin: 0px;
    padding: 8px;
    width: 274px;
    height: 148px;
    line-height: 1.4em;
    border: solid 1px #999999;
    overflow: hidden;
}

/* 写真部写真の定義 */
.pics div {
    float: left;
    margin-right: 8px;
}

/* Ｑ＆Ａ部の定義 */
.qa {
    float: left;
    padding: 4px 8px 0px;
    width: 128px;
    height: 170px;
    border: solid 1px #999999;
}

/* Ｑ＆Ａ文字の定義 */
.qa p {
    margin: 0px;
    padding: 50px 8px 0px;
    width: 112px;
    height: 96px;
    color: #FFFFFF;
    background: url('../images/toppage_qanda.gif') no-repeat;
}

/* ニュース部の定義 */
.news {
    clear: both;
    padding: 8px;
    width: 274px;
    height: 258px;
    overflow: auto;
    border: solid 1px #999999;
}

/* ニュース部罫線の定義 */
.news hr {
    border-width: 1px 0px 0px;
    border-style: dotted;
    border-color: #CCCCCC;
    height: 1px; /* IE用必須 */
}