@charset "EUC-JP";

/*--------------------*
 *  reset and common settings
 *--------------------*/
*{
  margin: 0px;
  padding: 0px;
}
html{
  overflow-y:scroll;
}
BODY{
  text-align:center;
  font-size:86%;/*14px;*/
  line-height:1.3;
  color:#000;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック";
  _line-break: strict;
  background:#fff url(../img/share/body.jpg) repeat-y 50% 0%;
 -webkit-text-size-adjust: 100%;
}
IMG{
  border: 0;
  vertical_align:bottom;
}
FORM{
  margin: 0 auto;
  padding: 0;
}
TABLE{
  border-collapse: collapse;
  border-spacing:0px;
  empty-cells: hide;
  text-align: left;
  font-size: 1em;
  border: 0;
  padding: 0;
}
TR, TD, TH, THEAD, TBODY, TFOOT, COLGROUP, COL{border-width:0px;}
UL{
  margin: 0;
  padding: 0;
  list-style-type: disc;
}
OL{
  margin: 0;
  padding: 0;
}
LI{
  margin: 0;
  padding: 0;
}
H1,H2,H3,H4,H5{
  margin: 0 auto;
  text-align: left;
}
P{
  margin: 0 auto;
  text-align: left;
}
HR{display:none;}
EM{font-style:normal;font-weight:bold;}
H1,H2,H3,H4,H5,H6{font-size:1.1em;font-weight:bold!important;}

A{color:#A40000;}
A:hover{text-decoration:none;}
A:visited{color:#7c0000;}
H1,H2,H3,H4,H5,H6,P,DIV{
 background:url(../img/dummy.gif);
}
H4 A{font-size:110%;}

H1,H2,H3,H4,H5,H6,P,DIV{
 background:url(../img/common/dummy.gif);
}

/*--------------------
共通クラス
--------------------*/
.clear{
  clear: both;
  float:none;
  line-height:0px;
  font-size:0px;
  height:0px;
}
/*強制非表示*/
.hide{
  display:none;
}
/*カテゴリアイコンとメニュー*/
.icon{
  float:left;
  text-align:left;
}
.icon_category{margin-bottom:3px;}
IMG.icon_player,
IMG.icon_new{margin-bottom:3px;}

/* メニュー枠内 */
.menu_info{float:left;}

/* フロート */
.floatleft{float:left;}
.floatright{float:right;}

/* 文字サイズ */
.txtS{font-size:12px;/*12px;*/}
.txtL{font-size:16px;/*14px;*/}

/* 割引枠　金額枠 */
.free_info {
  padding-top:3px;
  text-align:center;
  color:#e5bc08;
  font-size:1.2em;
}

.price_discount{text-align:right;}
.price_normal{text-align:right;}

.price_info,
.price_info P{text-align:right;}
.price_info EM{color:#3100B0;}


/* 個別枠内 */
.section_bdy,
.article_bdy,
.menu_bdy{
  width:100%;
  background-repeat:repeat-y;
}
.section_ftr,
.article_ftr,
.menu_ftr{
  width:100%;
  background-repeat:no-repeat;
  background-position:left bottom;
}
.section_hdr,
.article_hdr,
.menu_hdr{
  width:100%;
  background-repeat:no-repeat;
  background-position:left top;
}

/* トップへボタン */
.topbtn{text-align:right;margin:10px auto;}

.free_nav{margin-bottom:12px;}

/* 文字位置 */
.txt_c{text-align:center;}
.txt_l{text-align:left;}
.txt_r{text-align:right;}

/*文字色*/
.txtRed{color:#f00;}

/* ---------- clear ---------- */
.clearfix {
    overflow: hidden;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}
/*\*/
* html .clearfix {
    overflow: visible;
}
/**/

/*--------------------
#base
--------------------*/
#base{color:#000;}
/*--------------------*
#mainarea
*--------------------*/
#mainarea{
  margin:0px auto;
  background:url(../img/share/kv.jpg) no-repeat 50% 0;
}

#mainarea H1{
  width:780px;
  height:248px;
  text-align:center;
}
#mainarea H1 A{
  display:block;
  width:780px;
  height:248px;
  margin:0px auto;
  text-indent:-9999px;
}
/*--------------------*
#navi
*--------------------*/
#extra{color:#000;}

/*--------------------*
#navi
*--------------------*/
#extra #gnavi {
  background:url(../img/share/nav_bg.jpg) no-repeat 50% 0;
  width:100%;
  height:85px;
}
#extra #navi{
  width:720px;
  background:url(../img/share/nav_menu.jpg) no-repeat 50% -85px;
  height:85px;
  margin:0 auto;
}
#extra #navi UL{
  display:block;
  width:720px;
  margin:0px;
  list-style-type: none;
}
#extra #navi LI{
  display:block;
  width:159px;
  height:85px;
  float: left;
height:50px;
margin:15px 0 20px;
}
#extra #navi LI A,
#extra #navi LI DIV{
  display:block;
  width:100%;
  height:100%;
}

#extra #navi LI A{background:url(../img/share/nav_menu.jpg) no-repeat 0px 0px;}
#extra #navi LI A:hover{background-image:none;background-color:transparent;}
#extra #navi LI SPAN{display:none;}
/*custom-width*/
#extra #navi LI.top {width:85px;}
#extra #navi LI.supervision {width:159px;}
#extra #navi LI.augury {width:159px;}
#extra #navi LI.caption {width:159px;}
#extra #navi LI.link {width:158px;}
/*BG-position*/
#extra #navi LI.top A        {background-position:   0px  -15px;}
#extra #navi LI.supervision A{background-position:-85px  -15px;}
#extra #navi LI.augury A     {background-position:-244px -15px;}
#extra #navi LI.caption A    {background-position:-403px -15px;}
#extra #navi LI.link A       {background-position:-562px -15px;}


/*--------------------
#main
--------------------*/
#main{
  margin:0 auto;
  width:720px;
}

/*--------------------*
#topicpath
*--------------------*/
#topicpath{
  width:100%;
  margin:0px auto 0px;
  color:#000;
}
#topicpath P{
  margin:0px auto 0px;
  padding:20px 5px;
}


/*--------------------*
#page_ttl
*--------------------*/
#page_ttl{
  width:708px;
  height:85px;
  margin:0px auto;
  background-position:left top;
  background-repeat:none;
}
#page_ttl H2{
  height:85px;
  text-align:center;
  text-indent:-9999px;
}

/*--------------------*
#top_navi
*--------------------*/
#top_navi{
  margin:17px auto 20px;
  text-align:center;
}
#top_navi P{
  text-align:center;
}
#top_navi #free_link{
  margin-top:15px;
}
#top_navi #free_link A{color:#401700; font-weight:bold;}
#top_navi #free_link A:hover{color:#401700;}
#top_navi #free_link A:visited{color:#402110;}


/*--------------------
#footer
--------------------*/
#footer{
  width:731px;
  margin:30px auto 0px;
  text-align:center;
  min-height:1%;
  _height:1%;
  background:url(../img/share/footer.jpg) no-repeat center top;
}
#footer ADDRESS,
#footer EM{
  text-decoration:none;
  font-style:normal;
}

/**/
#footernavi {
  color:#fff;
  height:57px;
}
#footernavi UL{list-style-type:none;}
#footernavi LI{
  display:inline;
  line-height:57px;
}
#footernavi A{color:#fff; text-decoration:none;}
#footernavi A:hover{color:#fff; text-decoration: underline;}
#footernavi A:visited{color:#eee;}
#footernavi SPAN{color:#fff;font-weight:bold;}

/**/
#footerCopy{padding:10px 0px 30px;}
#footerCopy A{text-decoration: none;}
#footerCopy A:hover{text-decoration: underline;}

/**/
#footerCopy #tokuteiLink A,
#footerCopy #ispCopy A{text-decoration: underline;}
#footerCopy #tokuteiLink A:hover,
#footerCopy #ispCopy A:hover{text-decoration: none;}

#footerCopy #tokuteiLink{margin-bottom:1em;}

/*----------------------------------------------------------------------------*/
/*--------------------*
#menu_ttl
*--------------------*/
#menu_ttl{
    width:708px;
    height:90px;
    background:url(../img/input/menu_bg.jpg) left top no-repeat;
  margin:0px auto 13px;
}
#menu_ttl H2{
    padding-left:40px;
}
#menu_ttl H2 .icon_category{margin-top:17px;}
#menu_ttl H2 .title{margin-left:15px;margin-bottom:1px;}
/*--------------------*
#menu_caption
*--------------------*/
#menu_caption{}
#menu_caption P{text-align:center;}
#menu_caption P.caption{width:100%;}
#menu_caption P.caption STRONG{color:#c00;}
#menu_caption A{color:#c00; font-weight:bold;}
#menu_caption A:hover{color:#900;}
#menu_caption A:visited{color:#402618;}
#menu_caption .pr,
#menu_caption .pr A{color:#c00;font-weight:bold;}
#menu_caption .price {color:#401700;}
#menu_caption .price STRONG{color:#401700;}
#menu_caption .attention{}
#menu_caption .attention STRONG{color:#401700;}
#menu_caption #free_link{}
#menu_caption STRONG.pr{color:#c00;}
#menu_caption P.caption STRONG.normal_price{color:#000;}


#menu_caption P.off50{color:#c00;border:1px solid #c00;width:600px;padding:10px;margin:10px auto;text-align:center;}


/*----------------------------------
プライバシー保護宣言
----------------------------------*/
#privacy{width:520px;margin:20px auto 0px;border:1px solid #000;}
#privacy P{padding:9px 16px;}


/*----------------------------------
ボタン設定
----------------------------------*/
.form_btn_trial{
    width:628px;
    height:75px;
    background:url(../img/input/btn_tryal.jpg) left 0px no-repeat;
    margin:0 auto 15px;
    text-align:center;
}
INPUT.rev_form_btn_try{
    width:380px;
    height:75px;
    border:none;
  background:url(../img/input/btn_tryal.jpg) 50% 0px no-repeat;
}
INPUT.rev_form_btn_try:hover{
  background:url(../img/input/btn_tryal.jpg) 50% -74px no-repeat;
}
INPUT.rev_form_btn_charge{
    width:266px;
    height:60px;
    border:none;
    background:url(../img/input/btn_charge.jpg) left top no-repeat;
  margin-bottom:15px;
}
INPUT.rev_form_btn_charge:hover{
    background:url(../img/input/btn_charge.jpg) left -60px no-repeat;
}

INPUT.rev_form_btn_free{
    width:264px;
    height:57px;
    border:none;
  background:url(../img/input/btn_free.jpg) left 0px no-repeat;
  background-position:left top;
  margin-bottom:15px;
}
INPUT.rev_form_btn_free:hover{
  background:url(../img/input/btn_free.jpg) left -57px no-repeat;
}
INPUT.rev_form_btn_continue{
    width:238px;
    height:52px;
    border:none;
  margin:auto;
  background:url(../img/result/btn_continue.jpg) left 0px no-repeat;
}
INPUT.rev_form_btn_continue:hover{
  background:url(../img/result/btn_continue.jpg) left -52px no-repeat;
}
/*rakuten*/
#rakutenFooterNav{color:#000!important;}


/*----------------------------------
ocn
----------------------------------*/
.ocn_header{background:#fff;text-align:left;}