@charset "utf-8";
* {
	margin:           0;
	padding:          0;
	color:            inherit;
	font-style:       inherit;
	text-decoration:  inherit;
	line-height:      120%;
}
body {
	overflow-y:       scroll;
	background:       #fff;
	color:            #333;
	font-size:        100%;
	font-family:      メイリオ,Meiryo,MS UI Gothic,Osaka,sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size:        100%;
}
a {
	color:            #039;
	text-decoration:  underline;
}
a:active, a:hover {
	color:            #06F !important;
	text-decoration:  inherit;
}
img {
	border:           0;
}
table {
	border-collapse : collapse;
}
li {
	list-style:       none;
}
button {
	cursor:           pointer;
}
h2 {
	height:           18px;
	border:           1px solid #d1d3d6;
	margin-bottom:    8px;
	text-indent:      -9999px;
	background:       #eef6f6;
}
h3 {
	padding-left:     16px;
	margin:           10px 24px 0;
	color:            #039;
	font-weight:      bold;
	background:       url("../../img/atari/arrow_down_normal.gif") no-repeat scroll 0 center;
}
.both {
	clear:            both;
}

/** common **/
.note {
	font-size:        85%;
}
.bold {
	font-weight:      bold;
}
/** button **/
div.btns {
	padding:          0 18px 0 24px;
	text-align:       right;
}
div.btns form {
	display:          inline;
}
div.btns button {
	padding:          0;
	border:           0;
	background-color: transparent;
	overflow:         visible;
}
div.btns a,
div.btns button span {
	display:          block;
	width:            105px;
	height:           11px;
	padding:          15px 5px 19px 0;
	text-align:       center;
	background:       transparent url("../../img/atari/btn_bg.gif") no-repeat scroll 0 center;
}
div.btns a span,
div.btns button span em {
	padding-left:     15px;
	color:            #039;
	font-size:        11px;
	font-style:       normal;
	font-weight:      bold;
	font-family:      メイリオ,Meiryo,MS UI Gothic,Osaka,sans-serif;
	background:       transparent url("../../img/atari/arrow_right_normal.gif") no-repeat scroll 0 center;
}
div.btns a {
	margin:           0 auto;
	text-decoration:  none;
}
/* firefox only */
html:not([lang*=""]) .btns {
	padding-left:     12px;
}
/** wrapper **/
#wrapper {
	position:         relative;
	width:            900px;
	margin:           auto;
}
/** header **/
#header {
	width:            100%;
	height:           50px;
	padding:          15px 0;
	margin-bottom:    10px;
	background-color: #eef6f6;
}
#header h1 {
	width:            350px;
	height:           50px;
	background:       url("../../img/atari/logo.gif") no-repeat;
}
#header h1 span {
	display:          none;
}
/** footer **/
#footer {
	clear:            both;
	height:           60px;
	padding:          10px;
	background:       url("../../img/atari/footer_bg.gif") repeat-x;
}
#footer address {
	color:            #999;
	font-size:        75%;
	text-align:       right;
}
/** contents **/
#contents {
	float:            right;
	width:            640px;
	margin-left:      10px;
	margin-bottom:    32px;
	font-size:        75%;
}
/** navi **/
#navi {
	float:            right;
	width:            250px;
	margin-bottom:    32px;
}
/** login **/
#navi #login {
	width:            238px;
	padding:          8px 5px;
	border:           1px solid #e6e8e9;
	margin-bottom:    8px;
	background-color: #f7f8f8;
}
#navi #login * {
	vertical-align:   middle;
}
#navi #login td,
#navi #login th {
	border:           10px solid #f7f8f8;
}
#navi #login th {
	padding:          0 2px;
	color:            #fff;
	font-size:        60%;
	text-align:       left;
	background-color: #b1d7f3;
}
#navi #login td input {
	width:            140px;
}
#navi #login td input#chk-cookie {
	width:            auto;
}
#navi #login label {
	font-size:        75%;
}
#navi #login p {
	margin:           0 auto;
	font-size:        75%;
	text-align:       center;
}
#navi #login p a {
	display:          block;
	margin:           8px auto 0;
}
.mypage #login {
	background-color: #f7f8f8;
}
.mypage #login p {
	width:            340px;
	margin:           5px auto;
	text-align:       right;
}
.mypage #login p * {
	vertical-align:   middle;
}
.mypage #login p input.text {
	width:            250px;
}
.mypage #login p a {
	font-size:        80%;
}
/** layout **/
#layout {
}
/** menu **/
#layout #menu {
	margin-bottom:    24px;
}
#layout #menu h2 {
	background:       #eef6f6 url("../../img/atari/title_menu.gif") no-repeat scroll 5px center;
}
#layout #menu li {
	padding-left:     12px;
	margin:           9px 12px;
	border-bottom:    1px solid #d1d3d6;
}
#layout #menu li a {
	color:            #333;
	font-size:        80%;
	font-weight:      bold;
	text-decoration:  none;
}
/** banner **/
#layout li.banner {
	margin:           0 12px;
}
/** main image **/
#main_image {
	margin-bottom:    8px;
}
/** text box **/
.textbox {
	margin:           8px 24px 16px;
	border:           1px solid #b1d7f3;
}
ul.textbox li {
	margin:           10px;
}
ul.textbox li a {
	font-weight:      bold;
}
ul.textbox li em {
	color:            #666;
	font-weight:      bold;
}
ul.textbox li.more {
	text-align:       right;
}
dl.textbox dt.title {
	height:           18px;
	padding:          5px 0 1px 32px;
	color:            #069;
	font-weight:      bold;
	background:       url("../../img/atari/dt_bg.gif") repeat-x scroll;
}
dl.textbox dd.data {
	padding:          8px 32px 12px;
}
div.textbox {
	padding:          10px;
}
/** invitation **/
#invitation {
}
#invitation h2 {
	background:       #eef6f6 url("../../img/atari/title_fc_info.gif") no-repeat scroll 5px center;
}
#invitation p a {
	text-decoration:  none !important;
}
#invitation dl.textbox dd.data {
	padding:          0 32px;
}
#invitation dl.textbox dd.data dl {
	margin-bottom:    1em;
}
#invitation dl.textbox dd.data dt {
	margin:           1em 0 0.2em;
	color:            #039;
	font-weight:      bold;
}
#invitation dl.textbox dd.data dd {
	line-height:      130%;
}
#invitation dl.textbox dd.data ul {
	float:            left;
	width:            230px;
	padding-left:     4px;
	border-left:      2px solid #CCC;
	margin:           8px 0;
}
#invitation dl.textbox dd.data ul li {
	width:            300px;
	padding:          3px 0;
	color:            #666;
	font-weight:      bold;
}
#invitation #link-signup {
	margin:           16px 24px 0;
}
#invitation #link-signup a {
	display:          block;
	width:            130px;
	height:           12px;
	padding:          14px 0 18px 40px;
	margin-left:      426px;
	font-size:        12px;
	font-weight:      bold;
	background:       url("../../img/atari/btn_bg_long.gif") no-repeat scroll 0 center;
}
/** topicpath **/
#topicpath {
	margin-bottom:    8px;
	font-size:        90%;
}
/** mypage **/
.mypage h2 {
	background:       #eef6f6 url("../../img/atari/title_mypage.gif") no-repeat scroll 5px center;
}
.mypage #code {
	float:            right;
	margin:           0 15px 0 0;
}
/** rule/privacy **/
#rule,
#privacy {
	height:           150px;
	border:           1px solid #F0F0F0;
	margin:           5px 10px 5px 20px;
	font-size:        85%;
	background-color: #fff;
	overflow-y:       scroll;
	overflow-x:       auto;
}
#rule dl {
	padding:          5px 15px;
}
#rule dl dt {
	font-weight:      bold;
}
#rule dl dd {
	margin:           5px 0 10px 1.0em;
}
#rule dl dd ol {
	margin:           5px 0 5px 20px;
}
#rule dl dd ol li {
	list-style:       outside decimal;
}
#rule dl dd ul {
	margin:           5px 0 5px 20px;
}
#rule dl dd ul li {
	list-style:       outside disc;
}
#privacy ol {
	padding:          5px 15px 5px 20px;
}
#privacy ol li {
	list-style:       outside decimal;
	margin:           10px 0 10px 15px;
}
#privacy ol li p {
}
#privacy ol li ul {
	margin-top:       10px;
}
#privacy ol li ul li {
	list-style:       none;
	margin:           1px 0;
}
#privacy ol li ol {
	margin:           5px 0 5px;
}
#privacy ol li ol li {
	list-style:       outside lower-roman;
	margin:           1px 0;
}
#rule_check,
#privacy_check {
	margin-left:      20px;
}
#rule_check *,
#privacy_check * {
	vertical-align:   middle;
}
/** stepchart **/
#stepchart {
	margin:           0 12px 20px;
	background:       #fff url("../../img/atari/step_arrow.gif") repeat-y scroll center 0;
}
#stepchart li {
	padding:          0;
	margin-bottom:    30px;
}
#stepchart li.last {
	margin-bottom:    0;
}
#stepchart li p {
	height:           12px;
	padding:          9px 0 9px 12px;
	color:            #666666;
	font-size:        12px;
	font-weight:      bold;
	background:       #e9e9e9;
}
#stepchart li.active p {
	color:            #ffffff;
	background:       #b5b5b5;
}
/** notice **/
.notice {
	padding:          10px;
	margin:           5px 24px 0;
	color:            #333;
	background:       #FEE;
}
.notice li {
	list-style:       disc inside;
	padding:          2px 0 2px 10px;
	font-size:        90%;
}
.notice li.strong {
	list-style:       none;
	padding-left:     0px;
	color:            #D00;
	font-size:        100%;
	font-weight:      bold;
}
/** attention **/
.attention {
	margin:           5px 24px 0;
	font-weight:      bold;
}
.attention p {
	margin:           5px 0;
}
.attention .note {
	font-size:        100%;
	font-weight:      normal;
}
/** form_sheet **/
table.form_sheet {
	width:            592px;
	border-top:       1px dotted #333;
	margin:           5px 24px 24px;
}
table.form_sheet tr {
}
table.form_sheet th {
	width:            150px;
	padding:          0.7em 5px;
	border-bottom:    1px dotted #333;
	text-align:       left;
}
table.form_sheet td {
	padding:          0.7em 5px;
	border-bottom:    1px dotted #333;
}
table.form_sheet th em {
	color:            #f00;
	font-weight:      bold;
	font-style:       normal;
}
table.form_sheet td p.note {
	margin:           0.5em 0 0;
	color:            #666;
	font-size:        90%;
}
table.form_sheet td p.error {
	clear:            both;
	padding:          3px 0 3px 4px;
	color:            #F00;
	font-size:        90%;
	background:       #FEE;
}
table.form_sheet td label {
	display:          block;
	width:            120px;
	float:            left;
}
table.form_sheet td.nofloat label {
	display:          block;
	width:            auto;
	margin:           0 0 3px;
	float:            none;
}
table.form_sheet td label * {
	vertical-align:   middle;
}
/** news **/
.news h2 {
	background:       #eef6f6 url("../../img/atari/title_fc_news.gif") no-repeat scroll 5px center;
}
ul.news_list {
	margin:           10px 14px;
}
li.news_unit {
	padding:          10px;
	border-bottom:    1px dotted #666;
}
li.news_unit p.date {
	color:            #3C81C1;
	font-size:        120%;
	font-weight:      bold;
}
li.news_unit h3 {
	padding:          0;
	margin:           0.5em 0 0;
	color:            #666;
	background:       transparent;
}
li.news_unit div.news_text {
	margin:           0.5em 0 0;
}
li.news_unit p.sequel {
	margin:           0.5em 0 0;
	text-align:       right;
}
li.news_unit p.sequel a {
	padding-left:     15px;
	font-size:        12px;
	background:       transparent url("../../img/atari/arrow_right_normal.gif") no-repeat scroll 0 center;
}
li.news_unit p.sequel a:hover {
	background:       transparent url("../../img/atari/arrow_right_hover.gif") no-repeat scroll 0 center;
}
/** page_navi **/
ul.page_navi {
	position:         relative;
	height:           12px;
	margin:           10px 14px;
	text-align:       center;
}
ul.page_navi li {
	display:          inline;
}
ul.page_navi li.next {
	position:         absolute;
	top:              0;
	right:            0;
}
ul.page_navi li.prev {
	position:         absolute;
	top:              0;
	left:             0;
}
/** contact list **/
#contact_list {
	margin:           10px 24px;
}
#contact_list p.error {
	padding:          5px 5px 3px;
	margin:           0 0 5px;
	background:       #fee;
}
#contact_list p.entry {
	padding:          5px 0 3px;
	text-align:       right;
}
#contact_list table {
	width:            100%;
}
#contact_list table thead tr {
}
#contact_list table thead tr th {
	padding:          5px;
	border:           1px solid #d1d3d6;
	background:       #eef6f6;
}
#contact_list table tbody tr {
}
#contact_list table tbody tr td {
	padding:          5px;
	border:           1px solid #d1d3d6;
}
#contact_list table .status,
#contact_list table .button {
	text-align:       center;
}
/** postal_payment **/
.postal_payment h4 {
	margin-top:       1.5em;
	font-size:        120%;
	font-weight:      bold;
}
.postal_payment ol {
	clear:            left;
}
.postal_payment ol li {
	list-style:       decimal;
	margin:           0.2em 2.8em 0.2em;
}

.postal_payment ul {
}
.postal_payment ul li{
	list-style:       disc;
	margin:           0.2em 1.5em 0.2em;
}

/** error **/
p.error {
	clear:            both;
	padding:          3px 0 3px 4px;
	color:            #F00;
	font-size:        90%;
	background:       #FEE;
}
#login .error {
	color:            #FF0000;
}
/** jazzWiki **/
.jazzWiki {
}
/** jazzWiki：ヘッダ **/
.jazzWiki h3 {
	margin-top:       1.5em;
	font-size:        120%;
	font-weight:      bold;
}
.jazzWiki h4 {
	margin-top:       1.5em;
	font-size:        110%;
	font-weight:      bold;
}
.jazzWiki h5 {
	margin-top:       1.5em;
	font-size:        105%;
	font-weight:      bold;
}
/** jazzWiki：インライン要素 **/
.jazzWiki strong {
	font-weight:      bold;
}
.jazzWiki em {
	font-style:       italic;
}
.jazzWiki strike {
	color:            #666;
	text-decoration:  line-through;
}
.jazzWiki u {
	text-decoration:  underline;
}
/** jazzWiki：段落 **/
.jazzWiki p {
	margin:           1.0em 0;
}
/** jazzWiki：引用 **/
.jazzWiki blockquote {
	margin:           1.0em 0;
	padding:          0.5em 1.0em;
	color:            #336;
	border:           1px solid #ddd;
}
/** jazzWiki：整形済みテキスト **/
.jazzWiki pre {
	margin:           1.0em 0;
	padding:          0.5em 1.0em;
	color:            #336;
	border:           1px solid #ddd;
}
/** jazzWiki：水平線 **/
.jazzWiki hr {
	margin:           1.0em 0;
}
/** jazzWiki：順序なしリスト **/
.jazzWiki ul {
	margin:           1.0em 0 1.0em 1.0em;
}
.jazzWiki ul li {
	list-style:       disc;
	margin:           0.2em 0 0.2em;
}
.jazzWiki ul ul {
	margin:           0.2em 0 0.2em 2.3em;
}
.jazzWiki ul ul li {
	list-style:       circle;
}
.jazzWiki ul ul ul {
	margin:           0.2em 0 0.2em 2.3em;
}
.jazzWiki ul ul ul li {
	list-style:       square;
}
/** jazzWiki：順序つきリスト **/
.jazzWiki ol {
	margin:           1.0em 0 1.0em 1.5em;
}
.jazzWiki ol li {
	list-style:       decimal;
	margin:           0.2em 0 0.2em;
}
.jazzWiki ol ol {
	margin:           0.2em 0 0.2em 2.0em;
}
.jazzWiki ol ol li {
	list-style:       upper-roman;
}
.jazzWiki ol ol ol {
	margin:           0.2em 0 0.2em 2.0em;
}
.jazzWiki ol ol ol li {
	list-style:       lower-roman;
}
/** jazzWiki：定義リスト **/
.jazzWiki dl {
	margin:           1.0em 2.0em 1.5em 0;
}
.jazzWiki dl dt {
	padding:          0 0 0 0.3em;
	border-left:      0.5em solid #ccc;
	margin-top:       1.5em;
	font-weight:      bold;
}
.jazzWiki dl dd {
	padding-left:     1.5em;
	margin:           -0.5em 0;
}
/** jazzWiki：テーブル **/
.jazzWiki table {
	margin:           1.0em 0;
	border-collapse:  collapse;
}
.jazzWiki table td {
	border:           1px solid #666;
	padding:          3px 5px;
}
.jazzWiki table thead td {
	font-weight:      bold;
	background:       #eef6f6;
	text-align:       center;
}
.jazzWiki table tfoot td {
	background:       #eef6f6;
}
/** jazzWiki：align処理 **/
.jazzWiki al-left,
.jazzWiki al-left p {
	text-align:       left;
}
.jazzWiki al-right,
.jazzWiki al-right p {
	text-align:       right;
}
.jazzWiki al-center,
.jazzWiki al-center p {
	text-align:       center;
}
.jazzWiki al-center table {
	margin:           auto;
}
.jazzWiki al-right table;
	margin:           auto;
	margin-right:     0;
}
.jazzWiki p,
.jazzWiki blockquote {
	text-align:       inherit;
}
/** jazzWiki：画像 **/
.jazzWiki img.wikiImage {
	float:            left;
	display:          block;
	margin:           0.5em;
}

/** thickbox loading image **/
#tbLoadingImage {
	display:          none;
}
/** iframe for SBPS **/
#sbps {
	position:         relative;
	padding:          0;
	border:           0;
	margin:           0;
}
#sbps iframe {
	width:            100%;
	height:           45px;
	padding:          0;
	border:           0;
	margin:           0;
}
body#service_sbps_form {
	padding:          0;
	border:           0;
	margin:           0;
	color:            #333;
	line-height:      100%;
	background:       #fff;
	overflow-y:       hidden;
}
body#service_sbps_form #sbps {
	text-align:       center;
}
body#service_sbps_form #sbps .btns{
	text-align:       center;
}