@charset "utf-8";

/************************************************************
 * スタイル設定
 ************************************************************
 * 「class」へのスタイル
/*----------------------------------------------------------*/

/**********************************
 * 幅指定
 **********************************/

.w68    { width: 68px; }
.w80    { width: 80px; }
.w120   { width: 120px; }
.w130   { width: 130px; }
.w162   { width: 162px; }
.w290   { width: 290px; }
.w361   { width: 361px; }
.w370   { width: 370px; }
.w410   { width: 410px; }
.w680   { width: 680px; }
.w796   { width: 796px; }
.wFull  { width: 100%; }

/**********************************
 * 高さ指定
 **********************************/

.h39    { height: 39px; }
.h68    { height: 68px; }
.h160   { height: 160px; }
.h162   { height: 162px; }

/**********************************
 * margin指定
 **********************************/

.mT10   { margin-top: 10px; }
.mT11   { margin-top: 11px; }
.mT20   { margin-top: 20px; }
.mT30   { margin-top: 30px; }
.mT35   { margin-top: 35px; }
.mT40   { margin-top: 40px; }
.mT1EM  { margin-top: 1em; }

.mL10   { margin-left: 10px; }

.mR10   { margin-right: 10px; }
.mR20   { margin-right: 20px; }
.mR40   { margin-right: 40px; }

.mB5    { margin-bottom: 5px; }

.m0A    { margin: 0 auto; }
.mLRA   { margin-left: auto;
                  margin-right: auto; }

/**********************************
 * padding指定
 **********************************/

.p2             { padding: 2px; }
.p3             { padding: 3px; }
.p5             { padding: 5px; }
.p10    { padding: 10px; }
.p15    { padding: 15px; }

.pT5    { padding-top: 5px; }
.pT10   { padding-top: 10px; }

.pL10   { padding-left: 10px; }
.pL15   { padding-left: 15px; }

.pR15   { padding-right: 15px; }

.pB10   { padding-bottom: 10px; }

/**********************************
 * 位置指定
 **********************************/

.fl             { float: left; }
.fr             { float: right; }

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

.vaT    { vertical-align: top; }
.vaB    { vertical-align: bottom; }

.imgB img       { vertical-align: bottom; }

/**********************************
 * 表示指定
 **********************************/

.oh     { overflow: hidden; }

/**********************************
 * フォント指定
 **********************************/

.b      { font-weight: bold; }

.fs10   { font-size: 10pt; }
.fs15   { font-size: 15pt; }
.fs16   { font-size: 16pt; }
.fs17   { font-size: 17pt; }
.fs24   { font-size: 24pt; }

.lh24   { line-height: 24px; }
.lh25   { line-height: 25px; }

.fgWhite        { color: #FFFFFF; }
.fgDRed         { color: #CE133C; }

.time   { font-family: Arial Black , Krungthep; }

/**********************************
 * 背景指定
 **********************************/

.bgWhite        { background: #FFFFFF; }
.bgGray         { background: #CCCCCC; }
.bgLGray        { background: #DBDBDB; }
.bgLYellow      { background: #FFFCD1; }

.youtubeFrame {
        width: 402px;
        padding: 10px 12px 10px 10px;
        background: url(/images/bg/youtube_frame.jpg) no-repeat;
}

.redBox {
        width: 95px;
        height: 70px;
        background: url(/images/bg/redbox.gif) no-repeat;
}

.brownBox {
        width: 95px;
        height: 70px;
        background: url(/images/bg/brownbox.gif) no-repeat;
}

.redBoxWide {
        width: 185px;
        height: 150px;
        background: url(/images/bg/redbox_wide.gif) no-repeat;
}

.brownBoxWide {
        width: 185px;
        height: 150px;
        background: url(/images/bg/brownbox_wide.gif) no-repeat;
}

/**********************************
 * テーブル指定
 **********************************/

.vaTTable th,
.vaTTable td    { vertical-align: top; }

.bdGrayTable th,
.bdGrayTable td { border: 1px solid #CCCCCC; }

/**********************************
 * ボーダー指定
 **********************************/

.bdGray         { border: 1px solid #CCCCCC; }
.bdLGray        { border: 1px solid #DBDBDB; }

.bdGrayR        { border-right: 1px solid #CCCCCC; }

.bdLGrayRB { border-right: 1px solid #DBDBDB;
                         border-bottom: 1px solid #DBDBDB; }

.vl {
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid #000000;
}

/****************************************
 * コンテンツ領域内のボックスのスタイル
 ****************************************/

/* 仕切りのスタイル（上部の余白20pxとれる） */

.parts {
        margin-top: 20px;
}

/* 見出し領域のスタイル */

.title {
        height: 25px;
        text-indent: 10px;
        background: url(/images/bg/title_long.gif) no-repeat;
}

.short .title {
        width: 290px;
        background: url(/images/bg/title_short.gif) no-repeat;
}

/* ボディ領域のスタイル */

.body {
        background: #DBDBDB;
}

.short .body {
        width: 290px;
}

/****************************************
 * テキストボックスのスタイル
 ****************************************/

/* <input type="text" />のスタイル */

 .ipWrapper     {
        height: 22px;
        padding: 5px;
        background: url(/images/parts/input.gif) no-repeat left center;
 }

 .ip    {
        display: block;
        width: 390px;
        height: 13px;
        line-height: 13px;
        padding-top: 5px;
        border: 0;
        background: none;
 }

/* <textarea></textarea>のスタイル

※4行～10行まで入る高さのtextareaを指定しています。（幅は固定）
例）5行 → line5
    10行 → line10

 */

.taWrapper{
        width: 390px;
        padding: 5px;
}

.ta {
        display: block;
        width: 390px;
        line-height: 12px;
        border: 0;
}

.line4 { background: url(/images/parts/textarea4.gif) no-repeat left top; height: 48px; }
.line4 .ta { height: 48px; }
.line5 { background: url(/images/parts/textarea5.gif) no-repeat left top; height: 60px; }
.line5 .ta { height: 60px; }
.line6 { background: url(/images/parts/textarea6.gif) no-repeat left top; height: 72px; }
.line6 .ta { height: 72px; }
.line7 { background: url(/images/parts/textarea7.gif) no-repeat left top; height: 84px; }
.line7 .ta { height: 84px; }
.line8 { background: url(/images/parts/textarea8.gif) no-repeat left top; height: 96px; }
.line8 .ta { height: 96px; }
.line9 { background: url(/images/parts/textarea9.gif) no-repeat left top; height: 108px; }
.line9 .ta { height: 108px; }
.line10 { background: url(/images/parts/textarea10.gif) no-repeat left top; height: 120px; }
.line10 .ta { height: 120px; }

/****************************************
 * <input type="submit" />のスタイル
 ****************************************/

 .submit {
        display: block;
        height: 30px;
        line-height: 30px;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
        color: #FFFFFF;
        font-weight: bold;
        border: none;
 }

 .submit50      { background: url(/images/parts/submit50.gif) no-repeat center; width: 50px; }
 .submit60      { background: url(/images/parts/submit60.gif) no-repeat center; width: 60px; }
 .submit70      { background: url(/images/parts/submit70.gif) no-repeat center; width: 70px; }
 .submit80      { background: url(/images/parts/submit80.gif) no-repeat center; width: 80px; }
 .submit90      { background: url(/images/parts/submit90.gif) no-repeat center; width: 90px; }
 .submit100     { background: url(/images/parts/submit100.gif) no-repeat center; width: 100px; }
 .submit110     { background: url(/images/parts/submit110.gif) no-repeat center; width: 110px; }
 .submit120     { background: url(/images/parts/submit120.gif) no-repeat center; width: 120px; }