@charset "euc-jp";

/*  ---- Reset ----  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*  ---- Fontsize Base ----  */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*  ---- Fontsize Pattern ----  */
/*
10px 	77%
11px 	85%
12px 	93% (was 93)
13px 	100%
14px 	108% (was 107)
15px 	116% (was 114)
16px 	123.1% (was 122)
*/
/*  ----------  */

/* 大枠の幅 */

/* === yj950 wrapperの定義を上書き（左右padding15px→10px） === */

.yj950-1 #wrapper,.yj950-1-3 #wrapper,.yj950-2 #wrapper,.yj950-3 #wrapper { 
	width: 950px;
	margin:0 auto;
	padding:0 10px;
}
.yj950-1 #contents,.yj950-1-3 #contents,.yj950-2 #contents,.yj950-3 #contents {
	text-align: left;
}
/* === /yj950 wrapperの定義を上書き（左右padding15px→10px） === */

#wrapper{
	text-align:left;
	line-height:1.4em;
}
.yj950-1 div#main-area{
	width:950px;
	margin:0 auto 10px auto;
}

.yj950-2 div#main-area{
	width:634px;
	float:left;
}
.yj950-2 div#sub-area{
	width:300px;
	float:right;
}
.yj950-2 div#sub-areatop{/* トップぺージのみ */
	width:300px;
	float:right;
	padding:5px 0 0 0;
}


/* 幅を決める枠 */

div.waku-rl8{
	margin:0 8px 0 8px;
}
div.waku-rl10{
	margin:0 10px 0 10px;
}
div.waku-rl12{
	margin:0 12px 0 12px;
}
div.waku-rl15{
	margin:0 15px 0 15px;
}
div.waku-rl17{
	margin:0 17px 0 17px;
}
div.waku-rl25{
	margin:0 25px 0 25px;
}
div.waku-rl30{
	margin:0 30px 0 30px;
}
div.waku-rl40{
	margin:0 40px 0 40px;
}
div.waku-rl80{
	margin:0 80px 0 80px;
}
div.waku-rl158{
	margin:0 158px 0 158px;
}

/*  ---- clearfix ----  */

.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*  ---- clear ----  */
.clear{
	min-height:1px;
	_height:1px;
	clear:both;
	display:block;
}
.clearfloat{
	height:1px;
	font-size:1%;
	clear:both;
	display:block;
}
.alt{
	position: absolute;
	left: -5000px;
	top: -999px;
}

/*=================================
 既存設定の上書き
=================================*/
#masthead{
	overflow:hidden;
}
/* ---------- emg-patch ---------- */
div.emg3{
	margin: 0 0 20px 0;
	text-align: center;
	clear:both;
	}
div.emg2{
	margin: 0 0 20px 0;
	text-align: center;
	clear:both;
	}
div.emg{
	margin: 0 0 0 0;
	text-align: center;
	clear:both;
	}

div.emg table,div.emg2 table,div.emg3 table{
	margin: 0 auto;
	text-align: left;
	}

/* ie/mac \*//*/
div.emg, div.emg2, div.emg3{
	margin-left: 235px;
	}
/**/

/* ---------- emg-patch ---------- */


/* ---------- pos ---------- */

#pos-lrec{
	margin-bottom: 10px;
	text-align: center;
	}
#pos-lrec dl{
	background-color:#fff;
	color:#555;
	}
#pos-lrec dt{
	width:300px;
	background-color:#ddd;
	display: inline-block;
	padding:4px 0 4px;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	vertical-align: middle;
	}
/* safari only \*/
html:\66irst-child #pos-lrec dt {
	padding:3px 0 2px;
}
/* /safari only */
#pos-lrec dd{

	}
#pos-lrec dd img {
	vertical-align: bottom;
}

#pos-lrec td{
text-align:left;
}

/* ---------- pos ---------- */

/*=================================
 パンくずリスト
=================================*/
#toto-breadcrumbs{
	margin-bottom:10px;
	padding:0 0 0 10px;
}
/*=================================
 footer
=================================*/
#contents-footer #link-bottom {
  margin:15px 0px 15px 0px;
  text-align:center;
}

.s_area{
	border-top:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.1em;
	text-align:left;
}
.s_area td{
	text-align:left;
}

.txt_out2{margin-bottom:5px;}
.r_18 {background:url(https://s.yimg.jp/images/toto/totoBIG/r_18.gif) no-repeat right 5px}
.r_18-i {background:url(http://i.yimg.jp/images/toto/totoBIG/r_18.gif) no-repeat right 5px}

/*=================================
 共通class
=================================*/
.a_left{
	float:left;
}
.a_right{
	float:right;
}
.img-left{
	margin:0px 8px 0px 0px;
	float:left;
}
.img-right{
	margin:0px 0px 0px 8px;
	float:right;
}
.a-center{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 0
}

/*=================================
 margin/padding
=================================*/
.mrg_b1{margin-bottom:1px;}
.mrg_b3{margin-bottom:3px;}
.mrg_b5{margin-bottom:5px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b20{margin-bottom:20px;}
.mrg_b25{margin-bottom:25px;}
.mrg_b30{margin-bottom:30px;}
.mrg_b35{margin-bottom:35px;}
.mrg_b40{margin-bottom:40px;}
.mrg_b45{margin-bottom:45px;}
.mrg_b50{margin-bottom:50px;}
.mrg_b55{margin-bottom:55px;}
.mrg_b60{margin-bottom:60px;}

.mrg_l5{margin-left:5px;}
.mrg_l10{margin-left:10px;}
.mrg_l15{margin-left:15px;}
.mrg_l20{margin-left:20px;}
.mrg_l25{margin-left:25px;}
.mrg_l30{margin-left:30px;}
.mrg_l35{margin-left:35px;}
.mrg_l40{margin-left:40px;}
.mrg_l45{margin-left:45px;}
.mrg_l50{margin-left:50px;}
.mrg_l55{margin-left:55px;}
.mrg_l60{margin-left:60px;}

.mrg_r5{margin-right:5px;}
.mrg_r10{margin-right:10px;}
.mrg_r15{margin-right:15px;}
.mrg_r20{margin-right:20px;}
.mrg_r25{margin-right:25px;}
.mrg_r30{margin-right:30px;}
.mrg_r35{margin-right:35px;}
.mrg_r40{margin-right:40px;}
.mrg_r45{margin-right:45px;}
.mrg_r50{margin-right:50px;}
.mrg_r55{margin-right:55px;}
.mrg_r60{margin-right:60px;}

.mrg_t5{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t15{margin-top:15px;}
.mrg_t20{margin-top:20px;}
.mrg_t25{margin-top:25px;}
.mrg_t30{margin-top:30px;}
.mrg_t35{margin-top:35px;}
.mrg_t40{margin-top:40px;}
.mrg_t45{margin-top:45px;}
.mrg_t50{margin-top:50px;}
.mrg_t55{margin-top:55px;}
.mrg_t60{margin-top:60px;}

.mrg_t-20{margin-top:-20px;}

.mrg_tb20c{margin:20px auto;}

.mrg_rl15{margin-left:15px;margin-right:15px;}

.pdg_5{padding:5px;}
.pdg_r15{padding-right:15px;}
.pdg_l15{padding-left:15px;}
.pdg_t5{padding-top:15px;}
.pdg_t10{padding-top:10px;}

.pdg_b10{padding-bottom:10px}
.pdg_b30{padding-bottom:30px}

.icon_sp{margin-right:5px;}

div.center,p.center{
	text-align:center;
}

div.inputbt-sp{
	width:100%;
	text-align:center;
	margin:0 auto 10px auto;
}

.mrg_headnavi{margin-bottom:10px;}


/*=================================
 テキスト
=================================*/

div.toto-text1,p.toto-text1{
	margin-right:15px;
	margin-left:15px;
	line-height:1.5em;
}
div.toto-text2,p.toto-text2{
	line-height:1.5em;
}

.hidden-text{
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
.grayoff-text{
	color:#ccc;
}
.err-text{
	color:#ff0000;
}
.right-text{
	text-align:right;
}
.left-text{
	text-align:left;
}
div.error_msg {
	padding:10px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	border:1px solid #CC0000;
	background-color:#FEE9E9;
	font-size:105%;
	font-weight:bold;
	color:#f2384e;
	line-height:1.5em;
}

strong{font-weight:bold;}
.font_normal{font-weight:normal;}

.font_gray3{color:#ccc;}
.font_white{color:#fff;}
.font_black{color:#000;}
.font_red{color:#ff0404;}
.font_red2{color:#d60404;}
.font_pink{color:#d52778;}
.font_green{color:#6e9f04;}
.font_orange{color:#ff6600;}
.font_yellow{color:#B89317;}
.font_blue{color:#009FE8;}

/*=================================
 ヘッダー共通メニュー
=================================*/

/*=================================
 カーソルのclass
=================================*/
.linkcursor-off{
	cursor:default;
}

.linkcursor-on{
	cursor:pointer;
}
/*=================================
 リストのclass
=================================*/

/* ※マーク*/
ul.kome-number{
	margin:0;
	padding:0px 0 0 1em;
	background:none;}
ul.kome-number li{
	margin-left:0em;
	padding-bottom:2px;
	overflow:visible;
	background:none;
	text-indent:-1em;}
/* 黒丸*/
ul.kuromaru{
	margin:0;
}
ul.kuromaru li{
	padding:0 0 5px 10px;
	background:url(http://i.yimg.jp/images/bank/v1/vacc/ynb_common/kuromaru.gif) no-repeat 0px 9px;
}

/*=================================
 ポイントモジュールのclass
=================================*/
/*  ---- TYPE A width300px ----  */

.pointbox_a {background:#FFFFFF url(http://i.yimg.jp/images/points/common/pointbox_a_bg.gif) repeat-y;position:relative;margin-bottom:10px;_height:0;}
.pointbox_a .pointbox_head{height:30px;background:url(http://i.yimg.jp/images/points/common/pointbox_a_head.gif) top no-repeat;position:relative;text-indent:-9999px;}
.pointbox_a .pointbox_link a{width:83px;display:block;position:absolute;left:215px;top:6px;overflow:hidden;}
.pointbox_a .pointbox_body{background:url(http://i.yimg.jp/images/points/common/pointbox_a_foot.gif) bottom no-repeat;padding-bottom:2px;}
.pointbox_a .point_data{margin:3px;padding:5px;background:#FFFFFF;}
.pointbox_a .pointnum{font-weight:bold;color:#990000;}
.pointbox_a .point_more{margin:2px 8px;padding:5px;background:#EFEFEF;}
.pointbox_a .service_prm{margin:3px;padding:5px;background:#FFFFFF;}


/*  ---- clearfix ----  */
.pointbox_a,.point_more{
    zoom:1;
}
.pointbox_a:after,.point_more:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*=================================
 グローバルナビゲーション(201304)
=================================*/
/* header */
#header_mainnavi {
  width: 950px;
  margin: 12px 0 5px;
  background: #0a0a0a;
}

.header_mainnavi_big {
  float: left;
  width: 339px;
}

.header_mainnavi_toto {
  float: left;
  width: 388px;
}

.header_mainnavi_big01 {
	float: left;
  width: 169px;
  height: 30px;
  border-bottom: 2px solid #de0b29;
}

.header_mainnavi_big05 {
  width: 169px;
  height: 30px;
  border-bottom: 2px solid #de0b29;
}

.header_mainnavi_toto01 {
  width: 388px;
  height: 30px;
  border-bottom: 2px solid #eee219;
}

.header_mainnavi_big .menusub {
  height: 31px;
  margin: 0 auto;
}

.header_mainnavi_toto .menusub {
  height: 31px;
  margin: 0 auto;
}
.header_mainnavi_big .menusub li,
.header_mainnavi_toto .menusub li {
  float: left;
  height: 31px;
}

.menucontents,
.menucontents a,
.header_mainnavi_big02 a:hover,
.header_mainnavi_big03 a:hover,
.header_mainnavi_big04 a:hover,
.header_mainnavi_big05 a:hover,
.header_mainnavi_toto02 a:hover,
.header_mainnavi_toto03 a:hover,
.header_mainnavi_toto04 a:hover,
.header_mainnavi_other01 a:hover,
.header_mainnavi_other02 a:hover,
.header_mainnavi_other03 a:hover,
.header_mainnavi_other .othermain,
.header_mainnavi_other .othermain_nontotomember {
  overflow: hidden;
  background-image: url(http://i.yimg.jp/images/toto/2.0/images/common/toto_globalnav_sprite02.png);
  text-indent: -9999px;
}

.header_mainnavi_other {
  float: left;
  width:223px;
}

.header_mainnavi_other .othermain {
  height:30px;
  padding: 0 0 0 27px;
}

.header_mainnavi_other .othermain li {
  float: left;
  height: 24px;
  margin:3px;
  display: inline;
}

.header_mainnavi_other .othersub {
  width:100%;
  height:31px;
  border-top: 2px solid #08abe9;
}

.header_mainnavi_other .othersub li {
  display: inline;
  float: right;
  height: 23px;
  margin: 4px 10px;
}

#header_mainnavi li a {
  display: block;
  width: 100%;
  height: 100%;
}

/* シーズンオフ時のみ */
.header_mainnavi_kujioff {
  overflow: hidden;
  background-image: url(http://i.yimg.jp/images/toto/2.0/images/common/toto_globalnav_sprite.png);
  text-indent: -9999px;
  background-position: -2px 107px;
  width: 95px;
  }
/* --シーズンオフ時のみ-- */

.header_mainnavi_big02 {width:97px;}
.header_mainnavi_big03 {width:94px;}
.header_mainnavi_big04 {width:148px;}
.header_mainnavi_toto02 {width:142px;}
.header_mainnavi_toto03 {width:145px;}
.header_mainnavi_toto04 {width:100px;}
.header_mainnavi_other01 {width:114px;}
.header_mainnavi_other02 {width:65px;}
.header_mainnavi_other03 {width:108px;}

/* current */
.header_mainnavi_big01 {background-position: 0 -92px;}
.header_mainnavi_big02 {background-position: 0 -122px;}
.header_mainnavi_big03 {background-position: -97px -122px;}
.header_mainnavi_big04 {background-position: -191px -122px;}
.header_mainnavi_big05 {background-position: -160px 0;}
.header_mainnavi_toto01 {background-position: -339px -92px;}
.header_mainnavi_toto02 {background-position: -339px -122px;}
.header_mainnavi_toto03 {background-position: -481px -122px;}
.header_mainnavi_toto04 {background-position: -626px -122px;}
.header_mainnavi_other01 {background-position: -765px -122px;}
.header_mainnavi_other02 {background-position: -885px -122px;}
.header_mainnavi_other03 {background-position: -842px -146px;}

/* link */
.header_mainnavi_big01 a {background-position: 0 0;}
.header_mainnavi_big02 a {background-position: 0 -30px;}
.header_mainnavi_big03 a {background-position: -97px -30px;}
.header_mainnavi_big04 a {background-position: -191px -30px;}
.header_mainnavi_big05 a {background-position: -160px 0;}
.header_mainnavi_toto01 a {background-position: -339px 0;}
.header_mainnavi_toto02 a {background-position: -339px -30px;}
.header_mainnavi_toto03 a {background-position: -481px -30px;}
.header_mainnavi_toto04 a {background-position: -626px -30px;}
.header_mainnavi_other01 a {background-position: -765px -30px;}
.header_mainnavi_other02 a {background-position: -885px -30px;}
.header_mainnavi_other03 a {background-position: -842px -54px;}

.othermain, .othermain_nontotomember {background-position: -727px 0;}

/* hover */
.header_mainnavi_big01 a:hover {background-position: 0 -92px;}
.header_mainnavi_big02 a:hover {background-position: 0 -61px;}
.header_mainnavi_big03 a:hover {background-position: -97px -61px;}
.header_mainnavi_big04 a:hover {background-position: -191px -61px;}
.header_mainnavi_big05 a:hover {background-position: -160px -92px;}
.header_mainnavi_toto01 a:hover {background-position: -339px -92px;}
.header_mainnavi_toto02 a:hover {background-position: -339px -61px;}
.header_mainnavi_toto03 a:hover {background-position: -481px -61px;}
.header_mainnavi_toto04 a:hover {background-position: -626px -61px;}
.header_mainnavi_other01 a:hover {background-position: -765px -93px;}
.header_mainnavi_other02 a:hover {background-position: -885px -93px;}
.header_mainnavi_other03 a:hover {background-position: -842px -146px;}



/* active */
.header_mainnavi_other01 a:active {background-position: -765px -122px;}
.header_mainnavi_other02 a:active {background-position: -885px -122px;}

/* header-login*/
#header_mainnavi_login {
  width: 950px;
  margin: 12px 0 5px;
  background: #0a0a0a;
}

#header_mainnavi_login .menucontents,
#header_mainnavi_login .menucontents a,
#header_mainnavi_login .header_mainnavi_big02 a:hover,
#header_mainnavi_login .header_mainnavi_big03 a:hover,
#header_mainnavi_login .header_mainnavi_big04 a:hover,
#header_mainnavi_login .header_mainnavi_big05 a:hover,
#header_mainnavi_login .header_mainnavi_toto02 a:hover,
#header_mainnavi_login .header_mainnavi_toto03 a:hover,
#header_mainnavi_login .header_mainnavi_toto04 a:hover,
#header_mainnavi_login .header_mainnavi_other04 a:hover,
#header_mainnavi_login .header_mainnavi_other05 a:hover,
#header_mainnavi_login .header_mainnavi_other .othermain {
  overflow: hidden;
  background-image: url(http://i.yimg.jp/images/toto/2.0/images/common/toto_globalnav_sprite_login02.png);
  text-indent: -9999px;
}

#header_mainnavi_login .header_mainnavi_other .othermain {
  height:30px;
  padding: 0 0 0 91px;
}

#header_mainnavi_login li a {
  display: block;
  width: 100%;
  height: 100%;
}

.header_mainnavi_other04 {width:118px;}
.header_mainnavi_other05 {width:108px;}

/* current */
.header_mainnavi_other04 {background-position: -765px -122px;}
.header_mainnavi_other05 {background-position: -842px -146px;}

/* link */
.header_mainnavi_other04 a {background-position: -765px -30px;}
.header_mainnavi_other05 a {background-position: -842px -54px;}

/* hover */
.header_mainnavi_other04 a:hover {background-position: -765px -93px;}
.header_mainnavi_other05 a:hover {background-position: -842px -146px;}

/* active */
.header_mainnavi_other04 a:active {background-position: -765px -122px;}

/* 出し分け nontotomember */
.header_mainnavi_other .othermain_nontotomember {
  height:30px;
  padding: 0 0 0 98px;
}

.header_mainnavi_other .othermain_nontotomember li {
  float: left;
  height: 24px;
  margin:3px;
  display: inline;
}

/*=================================
 フッターナビゲーション(201209)
=================================*/
#footnav_top,
#footnav_bottom {
  background-image: url(http://i.yimg.jp/images/toto/2.0/images/common/toto_footer_back01.png);
  background-repeat: repeat-x;
  width: 950px;
  height: 9px;
  font-size: 0;
}

#footnav_top {background-position: 0 100%;}
#footnav_bottom {background-position: 0 0;margin:0 0 10px;}


#footnav {
  width: 100%;
  background: #262626 url(http://i.yimg.jp/images/toto/2.0/images/common/toto_footer_back02.png) repeat-y 0 0;
  color: #fff;
  clear: both;
}

.footnav_column {
  float: left;
  padding: 10px 15px 10px 25px;
}

.footnav_column dt {
  margin:0 0 10px -3px;
  font-size: 20px;
  font-weight: bold;
}
.footnav_column dd {
  margin:0 0 8px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 2px;
}

.footnav_column a {
  color: #fff;
  text-decoration: none;
}

.footnav_column a:hover {
  text-decoration: underline;
  color: #999;
}

#footcaution {
  margin:0 10px 30px;
  font-size: 12px;
  line-height: 1.4;
}

/* footnav-width */
.footnav_big      {width:140px;}
.footnav_toto     {width:140px;}
.footnav_customer {width:165px;}
.footnav_beginner {width:124px;}
.footnav_other    {width:160px;}

/* footnav-current */
#footnav .footnav_customer dt,
#footnav .footnav_beginner dt,
#footnav dd {
  color:#777;
}

/* */

/*=================================
 リンク色変更
=================================*/
a{
  color: #0072FF;
  text-decoration: none;
}
a:hover {
  color: #7DB7FF;
}