/*IE PNG Fix*/
* html img {behavior: url("script/iepngfix.htc")}
* html #quote div div blockquote {behavior: url("script/iepngfix.htc")}
* html #intro ul li {behavior: url("script/iepngfix.htc")}
* html #footer {behavior: url("script/iepngfix.htc")}
* html #product {behavior: url("script/iepngfix.htc")}
* html div {behavior: url("script/iepngfix.htc")}

/* 基本レイアウト */

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
img { border: 0; }

/* 見出し */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 5px 0; }

/* リンク色（ページ全体） */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff6600; }

.s a { color: #333; text-decoration: underline; }

/* 表示補助 */

.pkg {
    position: static;
    display: block;
    clear: both;
    padding: 0px;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* ページレイアウト */

body {
    min-width: 1100px;
    text-align: center; /* center on ie */
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.5em;
    color: #000;
    background: url(img2/hbg.jpg) repeat-x #fff;
}

#container
{
    position: relative;
    width: 1100px;
    height: auto;
    margin: 0 auto;
    padding: 1px 0;
    text-align: center;
    background: #fff;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/* ヘッダー（レイアウト） */

#banner {
    position: relative;
    width: 1100px;
    height: 90px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background: url(img2/head.jpg) no-repeat top;
}

.count
{
position:absolute; top: 30px; left: 260px;
}

.htxt
{
position:absolute; top: 50px; right: 40px;
}

/* ヘッダー（キャッチ） */

#banner h1
{
    display: none;
}

/* コンテンツ（基本レイアウト）*/

#pagebody
{
    position: relative;
    margin: 0;
    padding: 0px;
    text-align: center;
}

/* コンテンツ（レター部分） */

.main
{
    width: 1020px;
    position: static;
    display: block;
    clear: both;
    margin: 0px auto 30px;
    padding: 0;
    text-align: left;
}

.entry
{
    width: 700px;
    position: static;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.left
{
    width: 700px;
    position: static;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    float: left;
}



.main2
{
    width: 980px;
    position: static;
    display: block;
    clear: both;
    margin: 0px auto 30px;
    padding: 0;
    text-align: left;
}

.main2 .left
{
    width: 640px;
    position: static;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    float: left;
}

.contents
{
    background-image: url(img2/note.gif);
    margin: 0 0 20px;
}

.contents p
{
    margin: 30px 0 0;
    line-height: 30px;
}

#container4, #container5, #container6, #container7
{
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center;
    clear:both;
}

/* 見出し */

.header {
    margin: 0px;
    padding: 5px 0;
    color: #1949b7;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    clear: both;
}

.header2 {
    position: relative;
    margin: 10px 0;
    padding: 5px 5px 5px 10px ;
    color: #c40000;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.25;
    text-align: left;
    border-left: 5px solid #c40000;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    clear: both;
}

.header3 {
    position: relative;
    margin: 10px 0;
    padding: 10px  0;
    color: #c40000;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    border-top: 1px solid  #a0895c;
    border-bottom: 1px solid  #a0895c;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    clear: both;
}

.header4 {
    position: relative;
    margin: 10px 0;
    padding: 10px  0;
    color: #1949b7;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    border-top: 1px solid  #a0895c;
    border-bottom: 1px solid  #a0895c;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    clear: both;
}

.no {
    display: block;
    margin: 0;
    padding: 0 10px 0 0;
    color: #000;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.25;
    text-align: left;
    float: left;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    clear: both;
}

.box .header, .bullet2 .header {
    margin: 10px 0 10px;
}

.sh {
    margin: 0;
    padding: 20px 0;
    color: #c40000;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    clear: both;
}

.samplemovie
{
    width: 500px;
    background-image: url(img2/sample.gif);
    padding: 150px 0 100px;
    margin: 0 auto;
    text-align: center;
}

/* 画像 */

.img { float: left; margin: 20px 10px 0 0; }
.imgr { float: right; margin-left: 5px; }


/* 文字制御 */

.right { text-align: right; } /* 左寄せ */
.tright { text-align: right; }
.center { text-align: center;clear:both; } /* 右寄せ */


/* フッター */

#footer
{
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 1100px; 
    height: 80px;
    text-align: left;
    font-size: 0.8em;
    clear: both;
    color: #333;
    background: #fff;
}

#footer p
{
    margin: 0;
    padding: 50px 0 0 0;
    line-height: 1.5;
   text-align: center;
}

#footer p a
{
    text-decoration: none;
    color: #666;
}

#footer2 p
{
    margin: 0;
    padding: 30px 0 0 0;
    line-height: 1.25;
   text-align: center;
}

.foot
{
   margin: 0;
   text-align: center;
}

/* 囲み表示 */

.bullet /* 直線 */
{
   margin: 20px 10px;
    border: 1px dotted #5b9200;
   background-color: #fff;
   padding: 10px;
   line-height: 1.25;
   text-align: left;
}

.bline
{
   margin: 10px auto;
}


.bu-b /* ブレット黒字 */
{
    margin: 5px 0 0;
    color: #333;
    font-size: 1.2em;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    line-height: 1.5em;
    background: url(img2/next.gif) no-repeat;
    padding: 0 0 0 35px;
    border-bottom: 1px dotted #5b9200;
}


.bullet2 /* 直線 */
{
   margin: 10px 20px;
   border: 1px solid #a0895c;
   background-color: #ffffc0;
   padding: 10px 15px;
   line-height: 1.25;
}

.main .bullet2 .bu-b /* ブレット黒字 */
{
    margin: 3px 0 10px;
    color: #c40000;
    background: url(img2/check.gif) no-repeat left top;
    padding: 5px 0 10px 35px;
    border-bottom: 1px dotted #a0895c;
    font-family: "HGP創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    font-size: 1.2em;
    line-height: 1;
}

.main .bullet2 .bu-be /* ブレット黒字 */
{
    margin: 3px 0 0;
    color: #c40000;
    background: url(img2/check.gif) no-repeat left top;
    padding: 5px 0 10px 35px;
    font-family: "HGP創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    font-size: 1.2em;
    line-height: 1;
}
.normal /* ブレット黒字 */
{
    margin: 5px 0 0;
    color: #333;
    font-size: 0.8em;
    font-family: none;
    line-height: 1.25em;
    padding: 0;
}

.bub /* ブレット黒字 */
{
    margin: 2px 0 0;
    color: #333;
    font-size: 1.1em;
    font-family: "HGP創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    line-height: 24px;
    background: url(img2/check.gif) no-repeat;
    padding: 0px 0 0 30px;
}

.box
{
   margin: 30px 10px;
   border: 3px solid #a0895c;
   background-color: #fff;
   padding: 5px 0px 10px 5px;
   clear: both;
   line-height: 1.25;
}



.box2
{
   margin: 30px 10px 20px;
   border: 1px solid #ccc;
   background-color: #fff;
   padding: 5px 10px;
   clear: both;
   line-height: 1.3;
}
.box2 p
{
    margin: 10px;
    font-size: 0.9em;
}
.box3
{
   margin: 0 50px;
   background-color: #fff;
   padding: 20px 20px;
   clear: both;
   line-height: 1.3;
}

.box3 img { margin: 0 10px 0 0; }

.box4
{
   margin: 40px 0 0;
   border: 1px dotted #3b96c9;;
   background-color: #fff;
   padding: 20px 50px 30px;
   clear: both;
   line-height: 1.25;
}

.box4 p
{
    margin: 15px 0;
    font-size: 0.9em;
}

.topbox
{
   margin: 0;
   padding: 10px;
   border-top: 1px solid #a0895c;
   border-bottom: 1px solid #a0895c;
   clear: both;
   line-height: 1.25;
    font-size: 1.1em;
}

.topbox2
{
   margin: 15px 10px 0;
   padding: 30px 10px 20px;
   border-top: 1px solid #a0895c;
   border-bottom: 1px solid #a0895c;
   clear: both;
   line-height: 1.25;
    font-size: 1.2em;
}

.voice
{
   margin: 10px 10px 30px;
   text-align: center;
}

.box p.bbb {margin:10px 0 20px}

/* 文字装飾 */

.bbb /* 最大・太字 */
{
    font-size: 1.4em;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    padding: 0;
}

.b4 /* 最大・太字 */
{
    font-size: 2.4em;
    font-family: "HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    padding: 0;
}

.bb /* 大・太字 */
{
    font-size: 1.2em;
    font-family: "HGP創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
}

.b /* 太字 */
{
    font-weight: bold;
}


.bbbr /* 最大・太字・赤 */
{
    color: #cc0000;
    font-size: 1.6em;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
}

.bbr /* 大・太字・赤 */
{
    color: #cc0000;
    font-size: 1.2em;
    font-family: "HGP明朝E","HGS明朝E","HGS創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
}

.br /* 赤・太字 */
{
    color: #ff0000;
    font-weight: bold;
}

.red { color: #cc0000;}
.blue { color: #1949b5;}
.green { color: #006600;}

.line /* マーカー処理 */
{
    background: #ffff00;
    color: #000;
}

.linered /* マーカー処理・赤字 */
{
    background: #ffff00;
    color: #ff0000;
}

.lineb /* マーカー処理・大・太字 */
{
    background: #ffff00;
    color: #000;
    font-weight: bold;
}

.lineredb /* マーカー処理・赤字 */
{
    background: #ffff00;
    color: #ff0000;
    font-weight: bold;
}

.u {border-bottom: 1px solid #000; }

/* 米印注意書き */

.kome { text-align: center; font-size: 12px; color: #ff0000; line-height: 1.25;}

.f-line { border-bottom: 1px dotted #ccc; margin: 10px 0; padding-bottom: 10px; }

.name p { margin: 10px 0; }
.s { font-size: 0.8em; line-height: 1.25;}
.form
{
    padding: 30px;
    margin: 0 auto;
    width: 860px;
    display: block;
    border: 5px solid #c7bb69;
}

.order {
    text-align: center;
    display: block;
    height: 60px;
    width: 320px;
    margin: 50px auto;
    background: url(img2/push2.gif) no-repeat #ff0000;
}

.order a {
    display: block;
    height: 60px;
    width: 320px;
    margin: 0 auto;
    background: url(img2/push.gif) no-repeat #ff0000;
}

.order a:hover {
    display: block;
    height: 60px;
    width: 320px;
    background: none;
}

.right
{
position: relative;
float:right;
margin: 0;
width:300px;
height:670px;
background: url(img2/rfbg.gif) no-repeat;
line-height: 1;
}

.rform
{
width: 280px;
font-size:0.95em;
text-align:left;
color:#000;
position:absolute; bottom: 35px; right: 10px;
}
/* IE 7 */
*:first-child+html .rform
{
width: 300px;
font-size:0.80em;
text-align:left;
color:#000;
position:absolute; bottom: 0px; right: 10px;
}

.copy
{
position:absolute; bottom: 10px; right: 50px;
color: #666;
}

.fnavi
{
position:absolute; bottom: 10px; left: 50px;
}

.fnavi a {color:#666}

.tnavi
{
position:absolute; top: 5px; right: 45px;
color:#5b758e;
font-size:0.8em;
}

.tnavi a {color:#5b758e}

.none { display:none; }
table {margin:0 auto}
td, th {padding:0px}
.form td {border:1px solid #ccc;padding:5px;}
.form td.tdnone {border:none;}
.td1{background:#f0f0f0;text-align:right}
.hcopy {margin:20px 0;line-height:1.25;font-size:1.2em}

.qaq
{
    position: relati;e;
    _width:700px;
    margin: 30px 0 0;
    padding: 12px 0 0px 78px;
    min-height: 90px;
    _height: 90px;
    font-size: 1.2em;
    background: url(img2/qaq.gif) no-repeat left top ;
    font-family: "HGP創英角ゴシックUB","ヒラギノ角ゴ Pro W6";
    color: #004f8d;
    clear:both;
}

.qaa
{
    position: relative;
    _width:700px;
    margin: 0;
    padding: 0px 0px 0px 78px;
    min-height: 70px;
    _height: 70px;
    background: url(img2/qaa.gif) no-repeat left top #f8f8f8;
    border: 1px dotted #c9e3fc;
    float:none;
    clear:both;
}

.qaq.sg, .qaa.sg {line-height: 70px;padding: 2px 0px 2px 78px;}

form .btn_dt  {margin: 10px 0 0}

div.form div#icloud-alert {
    position: absolute;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {

body {
    max-width: 640px;
    text-align: center;
    margin: 0 auto !important;
    padding: 0;
    font-size: 1em;
    line-height: 1.5em;
    color: #000;
    background: url(img2/hbg.jpg) repeat-x #fff;
    width: 100%;
    min-width: auto;
}

#banner {
    position: relative;
    max-width: 640px;
    height: 90px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background: url(img2/head.jpg) no-repeat top;
    width: 100%;
}

#container {
    position: relative;
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    padding: 1px 0;
    text-align: center;
    background: #fff;
    width: 94%;
}

video#player1 {
    height: auto;
    border: 1px solid #ccc;
}

    .right {
        position: relative;
        float: none !important;
        margin: 0 auto !important;
        width: 300px;
        height: 798px;
        background: url(img2/rfbg.gif) no-repeat;
        line-height: 1;
    }

.right-cover {
    background-color: #ffcc02;
    margin-bottom: 2rem;
}

.main2 img {
    width: 100%;
    max-width: 640px;
}

.main2 {
    width: 100%;
    position: static;
    display: block;
    clear: both;
    margin: 0px auto 30px;
    padding: 0;
    text-align: left;
    max-width: 640px;
}

.main2 img.pull-left {
    max-width: 170px;
}

.main2 .left {
    width: 100%;
    position: static;
    display: block;
    clear: both;
    margin: 0 auto 1rem;
    padding: 0;
    text-align: left;
    float: none;
    max-width: 640px;
}

#footer {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 640px;
    height: 80px;
    text-align: left;
    font-size: 0.8em;
    clear: both;
    color: #333;
    background: #fff;
    width: 100%;
}

}