@charset "UTF-8";

/* ----------------------------------------------------------------
*	01. box-inner
*	02. main-visual
*	03. carry-over
*	05. nav-01
*	11. merit
----------------------------------------------------------------- */

/* ----------------------------------------------------------------
	01. box-inner
----------------------------------------------------------------- */

body.toto-lp div#str-main div.box-inner{
margin:0 0 2em;
padding:0 15px 15px;
background:#530000 url("/toto/lp/images/str-main-bg-01.jpg") no-repeat 0 0;
}

body.toto-lp div#str-main div.box-inner .nav-login-01 ul li{
background:url("/toto/lp/images/nav-login-01-bg.gif") no-repeat 0 0;
width:355px;
}

body.toto-lp div#str-main div.box-inner div.nav-login-01 ul li.login-01 img.btn{
top:12px;
left:135px;
}


body.toto-lp div#str-main div.box-inner div.nav-login-01 ul li.login-02{
_margin-right:-10px;
}

body.toto-lp div#str-main div.box-inner div.nav-login-01 ul li.login-02 img.btn{
top:12px;
left:135px;
}


/* ----------------------------------------------------------------
	02. main-visual
----------------------------------------------------------------- */

body.toto-lp div#str-main div.main-visual{
position:relative;
height:320px;
}

body.toto-lp div#str-main div.main-visual h1{
position:absolute;
top:12px;
left:23px;
}

body.toto-lp div#str-main div.main-visual h1 img.icon-chance{
position:absolute;
top:80px;
left:270px;
}

body.toto-lp div#str-main div.main-visual p,
body.toto-lp div#str-main div.main-visual ul,
body.toto-lp div#str-main div.main-visual ol,
body.toto-lp div#str-main div.main-visual dl{
margin:0;
}

/* ----------------------------------------------------------------
	02. main-visual upgrd
----------------------------------------------------------------- */
/*body#top-toto.toto-lp div#str-main div.box-inner2.branch-01 {
background: url("/toto/shared/images/contents-top/main_bg-03.jpg") no-repeat scroll 0 0 transparent;
}*/

body.toto-lp div#str-main div.main-visual#branch-01{
position:relative;
height:187px;
}

body.toto-lp div#str-main div.main-visual#branch-01 h1{
position:absolute;
top:25px;
left:40px;
}

body.toto-lp div#str-main div.main-visual#branch-01 h1 img.icon-chance{
position:absolute;
top:80px;
left:270px;
}

body.toto-lp div#str-main div.main-visual#branch-01 dl{
position:absolute;
top:20px;
left:286px;
padding:0;
}

/* ---20140729追記--- */
body.toto-lp div#str-main div.main-visual#branch-01 dl.frame{
position:absolute;
top:29px;
left:280px;
padding:0;
}

body.toto-lp div#str-main div.main-visual#branch-01 p,
body.toto-lp div#str-main div.main-visual#branch-01 ul,
body.toto-lp div#str-main div.main-visual#branch-01 ol,
body.toto-lp div#str-main div.main-visual#branch-01 dl{
margin:0;
}

body.toto-lp div#str-main div.main-step-01 {
width:730px;
height:140px;
background:url("/toto/lp/images/bg-arrow-01.gif") no-repeat 0 0;
padding:0 10px;
position:relative;
}

body.toto-lp div#str-main div.main-step-01 div.segment{
float:left;
margin-right:61px;
}

body.toto-lp div#str-main div.main-step-01 p.catch {
position:absolute;
top:18px;
right:33px;
margin:0;
}

body.toto-lp div#str-main div.main-step-01 p.note {
position:absolute;
bottom:0;
right:10px;
margin:0;
}

/* ----------------------------------------------------------------
	02. main-visual シーズン終了
----------------------------------------------------------------- */
body#top-toto.toto-lp div#str-main div.box-inner2.branch-02 {
background: url("/toto/lp/images/main_bg-04.jpg") no-repeat scroll 0 0 transparent;
}

body.toto-lp div#str-main div.main-visual#branch-02{
position:relative;
height:187px;
}

body.toto-lp div#str-main div.main-visual#branch-02 h1{
position:absolute;
top:25px;
left:40px;
}

body.toto-lp div#str-main div.main-visual#branch-02 h1 img.icon-chance{
position:absolute;
top:80px;
left:270px;
}

body.toto-lp div#str-main div.main-visual#branch-02 dl{
position:absolute;
top:25px;
left:280px;
padding:0;
}

body.toto-lp div#str-main div.main-visual#branch-02 p,
body.toto-lp div#str-main div.main-visual#branch-02 ul,
body.toto-lp div#str-main div.main-visual#branch-02 ol,
body.toto-lp div#str-main div.main-visual#branch-02 dl{
margin:0;
}

body.toto-lp div#str-main div.main-step-02 {
width:730px;
height:140px;
background:url("/toto/lp/images/bg-arrow-04.gif") no-repeat 0 0;
padding:0 10px;
position:relative;
}

body.toto-lp div#str-main div.main-step-02 div.segment{
float:left;
margin-right:61px;
}

body.toto-lp div#str-main div.main-step-02 p.catch {
position:absolute;
top:25px;
right:40px;
margin:0;
}

body.toto-lp div#str-main div.main-step-02 p.note {
position:absolute;
bottom:0;
right:10px;
margin:0;
}

body.toto-lp div#str-main div.main-step-03 {
width:730px;
height:140px;
background:url("/toto/lp/images/bg-arrow-05.gif") no-repeat 0 0;
padding:0 10px;
position:relative;
}

body.toto-lp div#str-main div.main-step-03 p.btn{
position:absolute;
top:0;
right:115px;
margin:0;
}

body.toto-lp div#str-main div.main-step-03 p.catch {
position:absolute;
top:25px;
right:40px;
margin:0;
}

/* ----------------------------------------------------------------
	03. carry-over
----------------------------------------------------------------- */

body.toto-lp div#str-main div.main-visual div.carry-over{
position:absolute;
top:179px;
left:24px;
}

body.toto-lp div#str-main div.main-visual div.carry-over img{
margin-bottom:2px;
}


/* ----------------------------------------------------------------
04. omakase2
----------------------------------------------------------------- */

body#top-toto div#str-main dl.omakase2 {
height:81px;
background:url("/toto/shared/images/contents-top/bar_omakase_bg_2.gif") no-repeat 0 0;
margin-bottom:5px;
}
body#top-toto div#str-main dl.omakase2 dt {
display:inline;
float:left;
width:444px;
margin:0 10px 0 13px;
padding:9px 0 0 0;
}
body#top-toto div#str-main dl.omakase2 dd {
float:left;
width:276px;
padding:10px 0 0 0;
}


/* ----------------------------------------------------------------
	05. nav-01
----------------------------------------------------------------- */

body.toto-lp div#str-main div.main-visual div.nav-01{
position:absolute;
top:44px;
left:505px;
}


/* ---------------------------------
	nav-login-02
 -------------------------------- */
 
body.toto-lp div#str-main div.nav-login-02-container{
margin:0 auto 30px;
padding:5px 5px 5px 13px;
border:1px #ffe14c solid;
background:url("/toto/lp/images/bg-arrow-02.gif") #fffbbf no-repeat scroll 50% 50%;
}

body.toto-lp div#str-main div.nav-login-02-container p.nav-login-02{
width:390px;
margin:0 55px 0 0;
display:inline-block;
vertical-align:middle;
}

body.toto-lp div#str-main div.nav-login-02-container div.login-btn-02{
display: inline-block;
vertical-align: middle;
width: 275px;
}

body.toto-lp div#str-main div.nav-login-02-container.pt-01{
padding:9px 5px 9px 13px;
background:url("/toto/lp/images/bg-arrow-03.gif") #fffbbf no-repeat scroll 50% 50%;
}

body.toto-lp div#str-main div.nav-login-02-container.pt-01 p.nav-login-02{
width:301px;
margin:0 33px 0 0;
}

body.toto-lp div#str-main div.nav-login-02-container.pt-01 div.login-btn-02{
width: 378px;
}

body.toto-lp div#str-main div.nav-login-02-container.pt-01 div.login-btn-02 img{
margin-left:14px;
}


/* ----------------------------------------------------------------
	06. box-03
----------------------------------------------------------------- */

body.toto-lp div#str-main div.box-03{
}

body.toto-lp div#str-main div.box-03 table.tbl-data-02 td{
background:none #ffffff;
}

body.toto-lp div#str-main table.tbl-data-02 tr.cell-big th{background-color:#E52313;}
body.toto-lp div#str-main table.tbl-data-02 tr.cell-big td{background-color:#FCEDED;}
body.toto-lp div#str-main table.tbl-data-02 tr.cell-big th strong{color:#ffffff;}

body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp th.cell-big{
background:#e60000;
}

body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp th.cell-100big{
background:#f08200;
}

body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp th.cell-toto{
background:#f4d120;
}

body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp th.cell-big1000{
background:#eb6ea5;
}

body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp th.cell-minibig{
background:#abcd03;
}

body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp th.cell-normal{
background:#ffffff;
}

body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp td.cell-big{
background:#FCEDED;
}

body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp th,
body.toto-lp div#str-main div.box-03 table.tbl-data-02.lp td{
padding:14px;
}


/* ----------------------------------------------------------------
	11. merit
----------------------------------------------------------------- */

body.toto-lp div#str-main div.merit{
background:#530000;
}

body.toto-lp div#str-main div.merit-inner{
padding:20px 12px 12px;
background:#eeeeee;
}

body.toto-lp div#str-main div.merit-inner h2{
margin-bottom:18px;
}

body.toto-lp div#str-main div.merit-inner ol{
margin:0 -2px 0 0;
padding:0 0 8px;
list-style:none;
background:url("/toto/shared/images/contents-top/merit-bg-02-02.gif") no-repeat 0 100%;
zoom:1;
}

body.toto-lp div#str-main div.merit-inner ol li{
margin-right:2px;
padding:0 10px;
float:left;
width:148px;
background:url("/toto/shared/images/contents-top/merit-bg-02-01.gif") no-repeat 0 0;
}

body.toto-lp div#str-main div.merit-inner ol li h3{
margin:0 -10px 15px;
padding:30px 0 10px 48px;
background:url("/toto/shared/images/contents-top/merit-bg-01-01.gif") no-repeat 0 0;
}

body.toto-lp div#str-main div.merit-inner ol li.no2 h3{background-image:url("/toto/shared/images/contents-top/merit-bg-01-02.gif");}

body.toto-lp div#str-main div.merit-inner ol li.no3 h3{background-image:url("/toto/shared/images/contents-top/merit-bg-01-03.gif");}

body.toto-lp div#str-main div.merit-inner ol li.no4 h3{background-image:url("/toto/shared/images/contents-top/merit-bg-01-04.gif");}

body.toto-lp div#str-main div.merit-inner ol li p{
margin:0 0 20px;
}