@charset "utf-8";

/* ------------------------- TOC 
01 Setup
02 CSS Hack
03 wrap around the contents (base layout box)
04 site (global) navigation
05 contents
06 footer
07 others
 ------------------------- */

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #6B471C; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { color: #AB56FF; text-decoration: none; }
a:link { color: #AB56FF; text-decoration: none; }
a:visited { color: #AB56FF; text-decoration: none; }
a:hover, a:active { color: #7A2DD8; text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 促*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { text-decoration: none; }


/* ============================== 03 wrap around the contents (base layout box) */

/* 共通 */
body.lot { text-align:center; width:100%; }
body.lot #container { margin: 0 auto; width:548px; padding-top: 15px; }

p { line-height: 1.5em; padding-bottom: 1em; }

h1 { margin: 0 0 5px 0; }

#body { background: url(../../jpn/lottery/img/bg_body.gif) repeat-y left top; padding: 15px 20px; margin: 0; }

hr { width: 508px; height: 1px; background: url(../../jpn/contact/img/bg_dotline.gif) left top repeat-x; margin-bottom: 15px; margin-top: 20px; }

#lot_form .lead { width: 508px; margin: 0; }
#lot_form .lead img { float: right; margin-left: 5px; }
h2 { color: #61b428; font-weight: bold; margin-bottom: 10px; }
h3 { color: #61b428; font-weight: bold; margin-bottom: 5px; }
em { color: #61b428; }
strong { font-weight: bold; }
.red { color: #f00; }

.info { font-size: x-small; margin-top: 10px; padding-bottom: 0; }
.notice { padding-bottom: 0; }

.form p { line-height: 1.5em; padding-bottom: 0; }
.form table { width: 100%; margin-bottom: 20px; }
.form th { width: 35%; padding: 5px; background: #d0a660; border-bottom: 1px solid #fff; color: #fff; }
.form th.line { border-bottom: 1px solid #d0a660; }
.form td { width: 65%; padding: 5px; border-top: 1px solid #d0a660; border-bottom: 1px solid #d0a660; border-right: 1px solid #d0a660; }
.form td.nb { border: 0px ; }

.form select { color: #000; border: 1px solid #ccc; }
.form input { height: 20px; color: #000; }
.form input.short { width: 90px; border: 1px solid #ccc; }
.form input.medium { width: 145px; border: 1px solid #ccc; }
.form input.long { width: 320px; border: 1px solid #ccc; }

.form #err p { color: #f00; }

.form #button_submit { width: 508px; margin: 0 0 10px 12px; text-align: center; }
.form #button_submit input { width: 100px; color: #6B471C; text-align: center; height: 30px; font-weight: bold; border: 1px solid #ccc; }

/* サンキュー */
body#lot_thanks table { width: 100%; margin-bottom: 20px; }
body#lot_thanks th { width: 30%; padding: 5px; background: #d0a660; border-bottom: 1px solid #fff; color: #fff; }
body#lot_thanks th.line { border-bottom: 1px solid #d0a660; }
body#lot_thanks td { width: 70%; padding: 5px; border-top: 1px solid #d0a660; border-bottom: 1px solid #d0a660; border-right: 1px solid #d0a660; }
body#lot_thanks td.big { font-size: large; font-weight: bold; }
body#lot_thanks .red { border: 2px solid #f00; color: #f00; font-weight: bold; padding: 3px 5px; margin-bottom: 15px; }

/* FAQ */
body#lot_faq h2 { background: #fdf3d2; padding: 3px 5px; }
body#lot_faq li { float: left; width: 90px; font-size: x-small; }
body#lot_faq .red { color: #f00; font-size: x-small; }
body#lot_faq li#no1,body#lot_faq li#no2 { margin-right: 20px; }
body#lot_faq li#no3 { margin-right: 92px; }
body#lot_faq .atn { margin: 20px 0; }
body#lot_faq .atn p { color: #f00; font-weight: bold; padding-bottom: 0; padding-left: 10px; border-right: 2px solid #f00; border-left: 2px solid #f00; }

body#lot_faq dt { color: #61b428; padding-bottom: 0.5em; line-height: 1.5em; }
body#lot_faq dd { margin-bottom: 1.5em; line-height: 1.5em; }
body#lot_faq input { width: 200px; color: #6B471C; text-align: center; height: 30px; font-weight: bold; border: 1px solid #ccc; margin-left: 154px; }

/* フッター */
#footer { line-height: 1em; width: 560px; padding-top: 5px; }
#footer .credit { font-size:x-small; text-align: center; color: #D0A660; }

#footer .button_area { margin: 0 0 0 491px; width: 47px; }
#footer .button_area a, #footer .button_area a:link, #footer .button_area a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/lottery/img/button_close.gif); height: 13px; border-bottom: 0; line-height: 1%; text-indent: -9999px; font-size: 1; }
#footer .button_area a:hover, #footer .button_area a:active { background-position: 0 -13px; }


body#lot_faq #button_top { margin: 0 0 0 420px; width: 99px; height: 12px; padding-bottom: 10px; }
body#lot_faq #button_top a, body#lot_faq #button_top a:link, body#lot_faq #button_top a:visited
{ display: block; background-position: 0 0; background-repeat: no-repeat; background-image: url(../../jpn/contact/img/button_contact_top.gif); height: 12px; font-size: 1; line-height: 1; text-indent: -9999px; }
body#lot_faq #button_top a:hover, body#lot_faq #button_top a:active { background-position: 0 -13px; }