/*---------------------------------------------------------------------
*
*	style.css
*
---------------------------------------------------------------------*/

html, body, a, td, th, p, li, div, span, b {
	font-size: 10pt;
	color: #333333;
	font-family: "MS PGothic";
}

html, body{
	margin:0;
	padding:0;
	height:100%;
}

body{ background:#ffd100 ;}

a:link    { color:#009245; text-decoration:none;}
a:visited { color:#800080; text-decoration:none;}
a:hover   { color:#ff0000; text-decoration:underline;}
a:active  { color:#ff0000; text-decoration:underline;}

/* wrapper
---------------------------------------------------------------------*/
#wrapper {
	width:1040px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -230px !important;/* minus footer height */
	background: url(../images/bg-wrapper.gif) repeat-y top center;
}

/* header
---------------------------------------------------------------------*/
#header {
	height:210px;
	background: url(../images/bg-header.jpg) no-repeat top center;
}

/* logo */
#header #logo {
	width:165px;
	height:180px;
	display:block;
	position:relative;
	top:5px;
	left:30px;
}

#header #logo strong { display:none; }

/* header-in */
#header #header-in {
	width:633px;
	float:right;
	position:relative;
	top:7px;
	right:50px;
}

#header #header-in h1 {
	font-size:8pt;
	color:#FF4700;
	height:12pt;
	line-height:12pt;
}

/* login-box */
#header #login-box {
	width:468px;
	height:80px;
	background: url(../images/bg-login-box.jpg) no-repeat top center;
	margin:10px 0 3px;
	padding:15px 0 0 0;
}

#header table {
	width:430px;
	margin:0 auto ;
}

#header table th {
	width:90px;
	text-align:right;
	padding:0 5px 0 0;
}

.checkbox {
	text-align:right;
}

.checkbox input {
	vertical-align:middle;
	margin:0;
	padding:0;
	width:12px;
	height:12px;
}

.checkbox span {
	font-size:8pt;
	padding:0 0 0 2px;
	vertical-align:-1px;
	color:#ffffff;
}

/* btn-login */
/*
#header a#btn-login {
	width:140px;
	height:30px;
	display:block;
	background: url(../images/btn-login.jpg) no-repeat 0 0;
	float:right;
}
*/
#btn-login {
    border: 0px;
    width: 140px;
    height: 30px;
    background: url(../images/btn-login.jpg) left top no-repeat;
}



#header a#btn-login:hover { background-position: 0 -30px; }
#header a#btn-login span  { display:none; }

/* login-box ul */
#header #login-box ul {
	list-style:none;
	width:430px;
	margin:2px auto 0 ;
}

#header #login-box ul li {
	float:left;
	padding:0 10px 0 0;
}

#header #login-box ul li a {
	font-size:8pt;
}

#header #login-box ul li a:link    { color:#FFFF00; text-decoration:none;}
#header #login-box ul li a:visited { color:#FFFF00; text-decoration:none;}
#header #login-box ul li a:hover   { color:#FFFF00; text-decoration:underline;}
#header #login-box ul li a:active  { color:#FFFF00; text-decoration:underline;}

/* login-after */
#header #login-box #login-after {
	width:430px;
	margin:0 auto;
}

/* after-left */
#header #login-box #after-left {
	width:280px;
	float:left;
}

#header #login-box #after-left span {
	display:block;
	margin:0 0 5px 0;
	color:#ffffff;
}

#header #login-box #after-left span em {
	font-weight:bold;
	color:#ffff00;
	font-size:15pt;
	padding:0 5px;
}

/* after-right */
#header #login-box #after-right {
	width:140px;
	float:right;
}

#header #login-box #after-right a#btn-user {
	width:140px;
	height:30px;
	display:block;
	background: url(../images/btn-user.jpg) no-repeat 0 0;
	margin:0 0 5px 0;
}

#header #login-box #after-right a#btn-user:hover { background-position: 0 -30px; }
#header #login-box #after-right a#btn-user span  { display:none; }


#header #login-box #after-right a#btn-logout {
	width:140px;
	height:30px;
	display:block;
	background: url(../images/btn-logout.jpg) no-repeat 0 0;
}

#header #login-box #after-right a#btn-logout:hover { background-position: 0 -30px; }
#header #login-box #after-right a#btn-logout span  { display:none; }


/* header-menu */
#header ul#header-menu {
	width:150px;
	float:right;
	list-style:none;
}

#header ul#header-menu li {
	margin:0 0 5px 0;
}

#header ul#header-menu li a {
	width:150px;
	height:25px;
	display:block;
}

#header ul#header-menu li#hm-step    a { background: url(../images/hm-step.jpg) no-repeat 0 0;    }
#header ul#header-menu li#hm-sitemap a { background: url(../images/hm-sitemap.jpg) no-repeat 0 0; }
#header ul#header-menu li#hm-privacy a { background: url(../images/hm-privacy.jpg) no-repeat 0 0; }
#header ul#header-menu li#hm-rule    a { background: url(../images/hm-rule.jpg) no-repeat 0 0;    }
#header ul#header-menu li#hm-company a { background: url(../images/hm-company.jpg) no-repeat 0 0; }

#header ul#header-menu li#hm-step    a:hover ,
#header ul#header-menu li#hm-sitemap a:hover ,
#header ul#header-menu li#hm-privacy a:hover ,
#header ul#header-menu li#hm-rule    a:hover ,
#header ul#header-menu li#hm-company a:hover { background-position:0 -25px; }

#header ul#header-menu li#hm-step    a span ,
#header ul#header-menu li#hm-sitemap a span ,
#header ul#header-menu li#hm-privacy a span ,
#header ul#header-menu li#hm-rule    a span ,
#header ul#header-menu li#hm-company a span { display:none; }


#header #header-in p {
	margin:0 0 0 100px;
}




/* menu
---------------------------------------------------------------------*/
#menu {
	height:60px;
	background: url(../images/bg-menu.jpg) no-repeat top center;
}

#menu ul {
	width:940px;
	height:50px;
	margin:0 auto ;
	list-style:none;
}

#menu ul li {
	float:left;
}

#menu ul li#m-home a {
	width:70px;
	height:50px;
	display:block;
	margin:0 5px 0 0;
}

#menu ul li#m-step a {
	width:150px;
	height:50px;
	display:block;
	margin:0 5px 0 0;
}

#menu ul li#m-point-get a {
	width:155px;
	height:50px;
	display:block;
	margin:0 5px 0 0;
}

#menu ul li#m-point-exchange a {
	width:140px;
	height:50px;
	display:block;
	margin:0 5px 0 0;
}

#menu ul li#m-point-check a {
	width:125px;
	height:50px;
	display:block;
	margin:0 5px 0 0;
}

#menu ul li#m-chance a {
	width:80px;
	height:50px;
	display:block;
	margin:0 5px 0 0;
}

#menu ul li#m-faq a {
	width:55px;
	height:50px;
	display:block;
	margin:0 5px 0 0;
}

#menu ul li#m-contact a {
	width:130px;
	height:50px;
	display:block;
}

#menu ul li#m-home           a { background: url(../images/m-home.gif) no-repeat 0 0 ;           }
#menu ul li#m-step           a { background: url(../images/m-step.gif) no-repeat 0 0 ;           }
#menu ul li#m-point-get      a { background: url(../images/m-point-get.gif) no-repeat 0 0 ;      }
#menu ul li#m-point-exchange a { background: url(../images/m-point-exchange.gif) no-repeat 0 0 ; }
#menu ul li#m-point-check    a { background: url(../images/m-point-check.gif) no-repeat 0 0 ;    }
#menu ul li#m-chance         a { background: url(../images/m-chance.gif) no-repeat 0 0 ;         }
#menu ul li#m-faq            a { background: url(../images/m-faq.gif) no-repeat 0 0 ;            }
#menu ul li#m-contact        a { background: url(../images/m-contact.gif) no-repeat 0 0 ;        }

#menu ul li#m-home           a:hover ,
#menu ul li#m-step           a:hover ,
#menu ul li#m-point-get      a:hover ,
#menu ul li#m-point-exchange a:hover ,
#menu ul li#m-point-check    a:hover ,
#menu ul li#m-chance         a:hover ,
#menu ul li#m-faq            a:hover ,
#menu ul li#m-contact        a:hover   { background-position:0 -50px ; }

#menu ul li#m-home           a:active ,
#menu ul li#m-step           a:active ,
#menu ul li#m-point-get      a:active ,
#menu ul li#m-point-exchange a:active ,
#menu ul li#m-point-check    a:active ,
#menu ul li#m-chance         a:active ,
#menu ul li#m-faq            a:active ,
#menu ul li#m-contact        a:active  { background-position:0 -100px ; }

#menu ul li#m-home           a.on ,
#menu ul li#m-step           a.on ,
#menu ul li#m-point-get      a.on ,
#menu ul li#m-point-exchange a.on ,
#menu ul li#m-point-check    a.on ,
#menu ul li#m-chance         a.on ,
#menu ul li#m-faq            a.on ,
#menu ul li#m-contact        a.on      { background-position:0 -100px ; }

#menu ul li#m-home           a span ,
#menu ul li#m-step           a span ,
#menu ul li#m-point-get      a span ,
#menu ul li#m-point-exchange a span ,
#menu ul li#m-point-check    a span ,
#menu ul li#m-chance         a span ,
#menu ul li#m-faq            a span ,
#menu ul li#m-contact        a span     { display:none; }


/* contents
---------------------------------------------------------------------*/
#contents {
	width:940px;
	margin:0 auto;
	padding:0 0 30px 0;
}

#topic-path {
	background:url(../images/ico-ume.jpg) no-repeat 0 1px;
	margin:3px 0 7px 0;
	padding:0 0 0 17px;
	height:18px;
	line-height:18px;
}

/* side
---------------------------------------------------------------------*/
#side {
	float:left;
	width:190px;
	margin:0 20px 0 0;
}

#side .side-box {
	border:1px solid #C2AA90;
	margin:0 0 15px 0;
}

#side .side-box-in {
	width:180px;
	text-align:center;
	margin:0 auto;
	padding:20px 0;
}

#side .bg-beige { background:#EAE2D9; }
#side .bg-pink  { background:#FAD1C9; }

/* topics-list */
#side dl#topics-list dt {
	width:160px;
	background: url(../images/ico-square.gif) no-repeat 0 3px ;
	padding:0 0 0 10px;
	margin:10px auto 2px;
	font-weight:bold;
}

#side dl#topics-list dd {
	border-bottom:1px dotted #C2AA90;
	padding:0 0 10px 5px;
}

#side dl#topics-list dd p {
	width:160px;
	margin:0 auto;
}

#side dl#topics-list dd.last {
	border-bottom:none;
}

/* keyword-area */
#side #keyword-area { text-align:center; }

#side #keyword-area p {
	margin:0 0 10px 0;
}

/*
#side #keyword-area a#btn-search {
	width:100px;
	height:30px;
	display:block;
	background: url(../images/btn-search.jpg) no-repeat 0 0 ;
	margin:10px auto;
}
*/

#btn-search {
	border: 0px ;
	width: 100px ;
	height: 30px ;
	background: url(../images/btn-search.jpg) left top no-repeat ;
	margin: 10px auto;
}


#side #keyword-area a#btn-search:hover { background-position: 0 -30px; }
#side #keyword-area a#btn-search span  { display:none; }

/* genre-area */
#side #genre-area {
	padding:0 0 5px 0;
}

#side #genre-area p {
	margin:0 0 10px 0;
}

/* side-list-main */
#side ul.side-list-main {
	list-style:none;
	width:170px;
	margin:0 auto;
}

#side ul.side-list-main li {
	background: url(../images/ico-square.gif) no-repeat 0 3px ;
	padding:0 0 0 10px;
	margin:0 0 10px 0 ;
}

/* side-list-in */
#side ul.side-list-in {
	list-style:none;
	margin:0 auto 10px;
}

#side ul.side-list-in li {
	background: url(../images/ico-l.gif) no-repeat 0 3px ;
	margin:5px 0 0 0;
}

/* ranking-list */
#side ol#ranking-list {
	list-style:none;
	width:180px;
	margin:0 0 0 2px;
}

#side ol#ranking-list li {
	border-bottom:1px dotted #C2AA90;
	padding:10px 0;
}

#side ol#ranking-list li.last {
	border-bottom:none;
}

#side ol#ranking-list li div {
	width:120px;
	float:right;
}

#side ol#ranking-list li div em{
	color:#ff0000;
	display:block;
	width:120px;
	text-align:center;
	margin:3px 0 0 0;
}




/* main
---------------------------------------------------------------------*/
.top-only #main { width:570px; }
.top-only #main .item-box a.item-title { width:380px; }
.top-only #main .item-box table { width:400px; }
.top-only #main h2 {
	width:570px;
	margin:0 0 10px 0;
	height:40px;
	background:none;
}


.sentence {
	line-height:150%;
	margin:0 0 10px 0;
}

#main {
	float:left;
	width:730px;
}

/* h2 */
#main h2 {
	width:730px;
	height:35px;
	margin:0 0 15px 0;
	background: url(../images/h2-bg.gif) no-repeat top center ;
}

#main h2 span {
	color:#ffffff;
	font-weight:bold;
	line-height:35px;
	padding:0 0 0 20px;
	font-size:12pt;
}

/* item-box */
#main .item-box {
	list-style:none;
}

#main .item-box li {
	padding:15px;
	margin:0 0 10px 0;
}

#main .item-box div {
	width:120px;
	float:left;
}

/* Put a border around the newly clickable element */
.bl-hot {
	border:1px solid #83CA78;
	background:#E7FFD4;
	zoom: 1; /* Should be IE only */
}
/* rollover style for clickable element */
.bl-hover {
	border:1px solid #83CA78;
	cursor: pointer;
	background-color: #CCFAA1;
}

/* point */
#main .item-box div em.point {
	width:120px;
	height:46px;
	display:block;
	background: url(../images/bg-point.png) no-repeat top center ;
	margin:5px 0 0 0 ;
}

#main .item-box div em.point span {
	width:100px;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:16px 0 0 0;
	font-size:15pt;
	font-weight:bold;
	color:#ffffff;
}

#main .item-box a.item-title {
	width:540px;
	float:right;
	background:#069C5E;
	padding:5px 10px;
	color:#ffff00;
	margin:0 0 10px 0 ;
	font-weight:bold;
	text-decoration:none;
}

#main .item-box table {
	width:560px;
	float:right;
	margin:0 0 5px 0;
	background:#ffffff;
}

#main .item-box table th {
	border:1px solid #999999;
	padding:5px 10px ;
	text-align:left;
	font-weight:bold;
}

#main .item-box table td {
	border:1px solid #999999;
	padding:5px 10px ;
}

#main .item-box p {
	clear:both;
	line-height:130%;
}

/* down-arrow */
#main .item-box li.down-arrow {
	padding:0;
	margin:0 0 10px 0;
	text-align:center;
}

/* item-s-box */
#main ul.item-s-box {
	list-style:none;
}

#main ul.item-s-box li {
	width:168px;
	border:1px solid #73C6BE;
	margin-bottom: 10px ;
	padding:20px 0 ;
	background:#CEFBF2;
	float:left;
	text-align:center;
}

#main ul.item-s-box li:hover {
	cursor: pointer;
	background-color: #BDFAED;
}

#main ul.item-s-box li em {
	width:120px;
	display:block;
	text-align:center;
	margin:3px auto 0;
	color:#ff0000;
	font-weight:bold;
}

/* message-shortest */
#main p#message-shortest {
	width:730px;
	height:165px;
	background:url(../images/message-shortest.jpg) no-repeat 0 0;
	margin:0 auto 30px;
}

#main p#message-shortest span { display:none; }

/* message-shopping */
#main p#message-shopping {
	width:730px;
	height:165px;
	background:url(../images/message-shopping.jpg) no-repeat 0 0;
	margin:0 auto 30px;
}

#main p#message-shopping span { display:none; }

/* message-step */
#main p#message-step {
	width:730px;
	height:90px;
	background:url(../images/message-step.gif) no-repeat 0 0;
	margin:0 auto 20px;
}

#main p#message-step span { display:none; }


/* list-two */
#main ul#list-two {
	list-style:none;
	margin:0 0 20px 0;
}

#main ul#list-two li {
	width:355px;
	float:left;
	margin:0 0 10px 0;
}

#main ul#list-two li.one-side {
	margin:0 20px 0 0;
}

/* h3-short */
#main h3.h3-short {
	width:730px;
	height:55px;
	margin:0 0 10px 0;
}

#main h3.h3-short span { display:none; }

#main h3#short-point { background:url(../images/title-shortest.jpg) no-repeat 0 0;       }
#main h3#short-500   { background:url(../images/title-shortest-500.jpg) no-repeat 0 0;   }
#main h3#short-1000  { background:url(../images/title-shortest-1000.jpg) no-repeat 0 0;  }
#main h3#short-2000  { background:url(../images/title-shortest-2000.jpg) no-repeat 0 0;  }
#main h3#short-3000  { background:url(../images/title-shortest-3000.jpg) no-repeat 0 0;  }
#main h3#short-10000 { background:url(../images/title-shortest-10000.jpg) no-repeat 0 0; }


/* h3.basic */
#main h3.basic {
	height:25px;
	line-height:25px;
	margin:0 0 10px 0;
	padding:0 0 0 7px ;
	background: #754C24;
	font-weight:bold;
	border-bottom:1px dotted #827500;
}

#main h3.basic span {
	padding:0 0 0 5px;
	border-left:3px solid #827500;
	color:#ffffff;
}

/* h4.point */
#main h4.point {
	height:30px;
	line-height:30px;
	margin:0 0 10px 0;
	padding:0 0 0 28px;
	background:#F66300 url(../images/ico-point.jpg) no-repeat 5px 4px;
	font-weight:bold;
	color:#ffffff;
}

#main h4.point span {
	color:#ffff00;
	font-size:14pt;
	line-height:100%;
	vertical-align:-2px;
	padding:0 5px;
}

/* total-short-box */
#main #total-short-box {
	height:60px;
	margin:0 auto;
	text-align:center;
	background:url(../images/total-short-box.jpg) no-repeat top center;
}

#main #total-short-box span {
	line-height:60px;
	height:60px;
	display:block;
	font-weight:bold;
	font-size:15pt;
}

#main #total-short-box span em {
	color:#ff0000;
	padding:0 10px;
	font-weight:bold;
	font-size:20pt;
}

/* total-number */
#main p#total-number {
	background:#F0D1D6;
	clear:both;
	padding:10px;
	font-weight:bold;
	text-align:right;
	border:1px dotted #EB8A82;
	margin:0 0 10px 0;
}

#main p#total-number span {
	font-size:15pt;
	padding: 0 0 0 10px;
	color:#ff0000;
}

/* pager */
#main .pager ul {
	display:block;
	border:none;
	text-transform:uppercase;
	font-size:10px;
	padding:0;
	list-style:none;
}

#main .pager ul li {
	float:left;
}

#main .pager ul li p {
	list-style:none;
	float:left;
	border:1px solid #ccc;
	text-decoration:none;
	margin:0 5px 5px 0;
	padding:5px;
}

#main .pager ul li a {
	list-style:none;
	float:left;
	border:1px solid #ccc;
	text-decoration:none;
	margin:0 5px 5px 0;
	padding:5px;
}

#main .pager ul li a:link    { color:#999999; text-decoration:none;}
#main .pager ul li a:visited { color:#800080; text-decoration:none;}
#main .pager ul li a:hover   { color:#004FAD; text-decoration:none;border:1px solid #89C0F7;background:#DBF0ED;}
#main .pager ul li a:active  { color:#ff0000; text-decoration:none;}

/* step-flow */
#main ol#step-flow {
	width:723px;
	margin:0 auto 20px;
	list-style:none;
}

#main ol#step-flow li {
	width:723px;
	height:202px;
	margin:0 0 10px 0;
}

#main ol#step-flow li#step-1 { background:url(../images/step-1.jpg) no-repeat top center; }
#main ol#step-flow li#step-2 { background:url(../images/step-2.jpg) no-repeat top center; }
#main ol#step-flow li#step-3 { background:url(../images/step-3.jpg) no-repeat top center; }

#main ol#step-flow li span { display:none; }

/* table-full */
#main .table-full {
	width:730px;
}

#main .table-full th {
	width:100px;
	border:1px solid #999999;
	padding:10px 15px ;
	font-weight:bold;
	text-align:left;
}

#main .table-full td {
	border:1px solid #999999;
	padding:10px 15px ;
}

#main .blue th { background:#BEC9BE; }
#main .blue td { background:#ffffff; }


/* example */
#main table .example {
	margin:0 0 5px 0;
	color:#700010;
}

/* table-space */
#main .table-space {
	width:100%;
	margin:0 0 20px 0;
	border:1px solid #999999;
	border-collapse:separate;
	border-spacing:0;
	display:table;
	background:#ffffff;
}

#main .table-space th {
	background:#FFE88A;
	border-color:#FFFFFF;
	border-style:solid none solid solid ;
	border-width:1px medium 1px 1px;
	text-align:left;
	font-weight:bold;
	padding:5px 20px ;
	font-size:11pt;
}

#main .table-space td {
	background:#D10010;
	border-color:#FFFFFF;
	border-style:solid solid solid none ;
	border-width:1px 1px 1px medium ;
	padding:5px 10px;
	text-align:right;
	color:#ffffff;
}

#main .table-space td span {
	font-weight:bold;
	font-size:15pt;
	color:#ffffff;
}

/* loupe */
#main .loupe {
	background:url(../images/ico-loupe.gif) no-repeat 0 2px;
	padding:0 0 0 15px;
	font-weight:bold;
}

/* non-frame with Jquery stripedtable.js */
table.non-frame {
	width:730px;
}

table.non-frame th ,
table.non-frame td  {
	padding:10px ;
	border-bottom:2px solid #ffffff;
}

table.non-frame th {
	text-align: left;
}

table.non-frame td a {
	font-weight:bold;
}

table.non-frame .odd {background: #D9F580; }
table.non-frame .even{background: #C4F073; }

/* list-type with stripedtable.js */
table.list-type {
	width:730px;
	background: #666;
}

table.list-type th ,
table.list-type td  {
	border:1px solid #999999;
	padding:5px 10px ;
}

table.list-type th {
	background:#576100;
	color:#ffffff;
	font-weight:bold;
}

table.list-type tr {
	background: #fff;
}

table.list-type .odd{background: #D5D7BF; }

/* cancel-box */
#main #cancel-box {
	border:2px solid #005476;
	background:#B1D9DD ;
	text-align:center;
	padding:20px 0;
}

/* note */
#main dl.note dt {
	width:130px;
	float:left;
	padding:10px;
	font-weight:bold;
}

#main dl.note dd {
	padding:10px 10px 10px 150px;
	border-bottom:1px solid #cccccc;
}

#main dl.note dd ul {
	margin:0 0 0 15px;
}

/* chapter */
#main dl.chapter dt {
	font-weight:bold;
	font-size:10pt;
	border-bottom:1px solid #999999;
	padding:0 0 5px 0;
}
#main dl.chapter dd {
	line-height:150%;
	padding:5px 5px 10px;
}


/* faq-list */
#main ul#faq-list {
	list-style:none;
	margin:0 0 30px 0 ;
}

#main ul#faq-list li {
	background: url(../images/ico-hexagon.gif) no-repeat 7px 0 ;
	line-height:17px;
	height:17px;
	margin:0 0 10px 0;
	padding:0 0 5px 30px;
	border-bottom:1px dotted #999999;
}


/* faq-list-details */
#main ul#faq-list-details {
	list-style:none;
}

#main ul#faq-list-details li {
	margin:0 0 30px 0;
	padding:30px 50px;
	background: #C9CC38 url(../images/bg-hole.gif) repeat-y 0 20px ;
}

#main ul#faq-list-details li p {
	height:40px;
	background: #5E4D00 url(../images/ico-pencil.gif) no-repeat 5px 3px ;
	margin:0 0 10px 0;
}

#main ul#faq-list-details li p span {
	font-weight:bold;
	font-size:13pt;
	line-height:40px;
	padding:0 0 0 40px;
	color:#ffffff;
}

#main ul#faq-list-details li dl {
	width:620px;
	margin:0 auto;
}

#main ul#faq-list-details li dl dt {
	font-weight:bold;
	font-size:11pt;
	background:#F4F4D5 url(../images/ico-q.gif) no-repeat 10px 10px ;
	padding:15px 15px 5px 45px;
}

#main ul#faq-list-details li dl dd {
	background:#F4F4D5 url(../images/ico-a.gif) no-repeat 10px 10px ;
	color:#7D272D;
	padding:15px 15px 15px 45px;
	line-height:130%;
	margin:0 0 10px 0;
}

#main ul#faq-list-details li dl dd.last { border-bottom:none; }

#main ul#faq-list-details li dl dd ul {
	list-style:disc;
	margin:10px 0 10px 15px;
}

#main ul#faq-list-details li dl dd ul li {
	padding:0 ;
	margin:0;
	color:#7D272D;
	background:none;
}



/* rule-in rule-list
---------------------------------------------------------------------*/

/* rule-in */
#rule-in {
	background:#ffffff;
}

#rule-in div {
	width:600px;
	margin:0 auto;
	padding:40px 70px;
}

#rule-in strong ,
#rule-in em ,
#rule-in p  ,
#rule-in li  {
	color:#888888;
}

/* rule-list */
.rule-list hr  {
	color:#eeeeee;
	margin:15px 0 ;
}

.rule-list hr  {
	color:#eeeeee;
	margin:15px 0 ;
}

#rule-in p.look {
	background:#700010;
	color:#ffffff;
	text-align:center;
	margin:0 0 10px 0;
	padding:5px ;
	font-weight:bold;
}


.rule-list strong {
	font-weight:bold ;
	margin:0 0 5px 0;
	font-size:11pt;
	display:block;
}

.rule-list em {
	font-weight:bold ;
	border-left:3px solid #999999;
	padding:0 0 0 3px;
	margin:0 0 5px 0;
	line-height:9pt;
	display:block;
}

.rule-list ol {
	padding:0 0 0 30px;
	margin:0 0 10px 0;
}

.rule-list ol li {
	margin:0 0 5px 0;
}

.rule-list ol li,
.rule-list p     {
	line-height:130%;
}

.rule-list ul {
	padding:0 0 0 15px;
}

.rule-list ul li {
	margin:0 0 5px 0;
}

.rule-list p {
	margin:0 0 5px 0;
}

/* sub
---------------------------------------------------------------------*/
#sub {
	float:right;
	width:140px;
}

#sub .sub-box {
	border:1px solid #C2AA90;
	margin:0 0 15px 0;
}

#sub .sub-box-in {
	width:120px;
	margin:0 auto;
	padding:10px 0 ;
}

#sub .bg-beige { background:#EAE2D9; }
#sub .bg-pink  { background:#FAD1C9; }

#sub .update {
	font-size:8pt;
	margin:5px 10px 0 0;
	text-align:right;
	color:#F0755D;
}

/* item-list */
#sub dl.item-list {

}

#sub dl.item-list dt {
	width:120px;
	margin:5px auto 5px;
}

#sub dl.item-list dd {
	border-bottom:1px dotted #C2AA90;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

#sub dl.item-list dd.last {
	border-bottom:none;
	padding:0 0 5px 0;
	margin:0;
}

#sub dl.item-list dd em{
	width:120px;
	margin:0 auto;
	display:block;
	font-size:8pt;
	text-align:center;
	color:#ff0000;
}


#sub dl.item-list dd p{
	width:120px;
	margin:3px auto;
	font-size:8pt;
}


/* ad72890
---------------------------------------------------------------------*/
#ad72890 {
	float:right;
	width:728px;
	height:90px;
	margin:20px auto 0;
	text-align:center;
}



/* push ( = footer height )
---------------------------------------------------------------------*/
#push {
	clear:both;
	height:230px;
}
#push a{
	display:none;
}

/* footer
---------------------------------------------------------------------*/
#footer {
	width:1040px;
	height:230px;
	clear:both;
	margin:0 auto;
	background:#9E7300;
}

/* pagetop */
#pagetop {
	width:1040px;
	background: url(../images/bg-wrapper.gif) repeat-y top center;
}

#pagetop a {
	width:120px;
	height:30px;
	display:block;
	background: url(../images/btn-pagetop.gif) no-repeat 0 0;
	float:right;
	position:relative;
	right:50px;
}

#pagetop a:hover {background-position:0 -30px;}
#pagetop a span  {display:none;}


#footer-in {
	width:940px;
	margin:0 auto;
}

#footer-in dl.footer-menu {
	width:450px;
	float:left;
	padding:30px 0 0 0;
}

#footer-in dl.footer-menu dt {
	color:#D8C799;
	font-weight:bold;
	margin:0 0 5px 0;
}

#footer-in dl.footer-menu dd ul {
	list-style:none;
}

#footer-in dl.footer-menu dd ul li {
	width:130px;
	float:left;
	margin:0 10px 2px 0;
}

#footer-in dl.footer-menu dd ul li a {
	font-size:8pt;
}

#footer-in dl dd ul li a:link    { color:#D8C799; text-decoration:none;}
#footer-in dl dd ul li a:visited { color:#D8C799; text-decoration:none;}
#footer-in dl dd ul li a:hover   { color:#D8C799; text-decoration:underline;}
#footer-in dl dd ul li a:active  { color:#D8C799; text-decoration:underline;}


/* copyright */
#copyright {
	text-align:center;
	margin:20px 0 0 0 ;
}



/* card-game
---------------------------------------------------------------------*/
#card-game {
	background: url(../images/game/bg.jpg) no-repeat left top;
	width: 728px;
	height: 395px;
	padding: 205px 30px 0;
}

#card-game #card-left{ float: left;}
#card-game #card-center{ float: left; margin: 0 35px;}
#card-game #card-right{ float: left;}

#card-game #notice{
	background: url(../images/game/ticket.gif) no-repeat left top;
	height: 55px;
	margin-top: 15px;
	width: 670px;
}

#card-game #notice #warning{
	color: #FFFFFF;
	float: left;
	font-size: 12pt;
	height: 37px;
	width: 330px;
	padding: 18px 10px 0 35px;
}

#card-game #notice #ticket{
	color: #FFFFFF;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30pt;
	padding-top: 5px;
	text-align: center;
	width: 60px;
}