@charset "UTF-8";
/* base.css */
/* ************* css reset ***************** */
html, body, div, span, applet, object, iframe, h1, h2, .column1 h2, .pageInfo .pageTitle h1, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; }

:focus { outline: 0; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

body { /*\*/ letter-spacing: 0.01em; /**/ }

br { letter-spacing: 0; }

html { -webkit-text-size-adjust: none; }

body { font-family: 'メイリオ',Meiryo,"MS P Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", Osaka, verdana, sans-serif; font-size: 12px; color: #333; background: #fff; line-height: 1.35; padding: 0px; margin: 0px; vertical-align: baseline; }

a { color: #1254ce; /*text-decoration: none;*/ }

a:hover { color: #3366ff; /*text-decoration: underline;*/ }

hr { height: 2px; border: none; background-image: url("../images/hr.gif"); background-repeat: repeat-x; }

h1, h2, .column1 h2, .pageInfo .pageTitle h1, h3, h4, h5, h6 { clear: both; font-size: 13px; margin-top: 0; letter-spacing: normal; font-weight: bold; *zoom: 1; }

h1 { color: #111; font-size: 16px; background-image: url("../images/bg_heading_2.png"); margin: 0px 0px 0.5em 0px; padding: 0.4em 0 0.30em 0.7em; }

h2, .column1 h2, .pageInfo .pageTitle h1 { font-size: 14px; background-image: url('/images/olay_gray.png?1438931776'); background-repeat: repeat-x; background-position: 0 0; background-color: #000; color: #FFF; margin: 0em 0 0.45em 0; padding: 0.7em 1em; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; }

.wide h2, .wide .pageInfo .pageTitle h1, .pageInfo .pageTitle .wide h1 { font-size: 14px; }

.mypage h2, .mypage .pageInfo .pageTitle h1, .pageInfo .pageTitle .mypage h1 { font-size: 13px; }

h3 { font-size: 13px; background-image: url("../images/bg_heading_3.png"); border-bottom: 1px solid #EEEEEE; margin: 0em 0 0.4em 0; padding: 0.5em 0 0.45em 0.8em; }

h4 { background-image: url("../images/bg_heading_3.png"); background-color: #E0E8EB; color: #333; margin: 10px 0 8px 0px; padding: 0.3em 0 0.2em 0.6em; border-left: 5px solid #333; }

img { border: none; vertical-align: text-bottom; }

.ie img { -ms-interpolation-mode: bicubic; }

em { font-weight: bold; font-style: normal; }

strong { font-weight: bold; font-style: normal; }

ul { list-style: none; }

ol { padding: 10px 0px 10px 40px; }

/*********** discription list ***********/
.discriptionList { margin: 5px 0px; padding: 0; }

.discriptionList dt { margin: 0px 10px 0px 0px; padding: 3px 0px 3px 0px; float: left; clear: both; }

.discriptionList dd { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; overflow: hidden; }

/* Grid A simple, flexible, fluid grid system that can flow nicely inside a fluid or a fixed container or play good with another Grid system. Brajeshwar, http://brajeshwar.com  Demo & Details: http://brajeshwar.github.com/grid/ */
/* grids container - wrap your grids within */
.grids { overflow: hidden; }

/* grids */
.g1of2, .g1of3, .g1of4, .g1of5, .g2of3, .g2of5, .g3of4, .g3of5, .g4of5 { float: left; }

.g1of2 { width: 50%; }

.g1of3 { width: 33.333333333%; }

.g1of4 { width: 25%; }

.g1of5 { width: 20%; }

.g2of3 { width: 66.666666666%; }

.g2of5 { width: 40%; }

.g3of4 { width: 75%; }

.g3of5 { width: 60%; }

.g4of5 { width: 80%; }

.grid-inner { padding: 5px 10px; margin: 5px; }

form { margin: 0px; padding: 0px; }

input, textarea { font-size: 12px; line-height: normal; vertical-align: middle; padding: 3px 4px; margin: 1px 2px 1px 1px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

textarea { overflow: auto; vertical-align: top; font-size: 100%; }

input[type="checkbox"], input[type="radio"] { margin-right: 2px; margin-bottom: 1x; }

input[type="text"], input[type="url"], input[type="email"], input[type="search"], input[type="tel"], input[type=password], textarea { border: 1px solid #ccc; padding: 4px 4px; background: #fff; border-radius: 4px; -moz-border-radius: 4px; }

input[type="text"]:focus, input[type=password]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"], textarea:focus { background-color: #ffffe6; background-image: none; color: #222; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 0 #FAFBFB; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 0 #FAFBFB; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 0 #FAFBFB; -webkit-transition: background-color .4s ease-in-out; -moz-transition: background-color .4s ease-in-out; -o-transition: background-color .4s ease-in-out; 	/*
	-moz-box-shadow: 0 1px 2px hsla(200, 90%, 100%,1);
	-webkit-box-shadow: 0 1px 2px hsla(200, 90%, 50%,1);
	box-shadow: 0 0px 8px hsla(200, 90%, 85%,0.5);

	border-color:rgba(82,168,236,.5);
	transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,-moz-box-shadow linear .2s;
	-webkit-transition: border linear .2s,-webkit-box-shadow linear .2s;
	*/ }

/* button */
.button, .button:visited, button, input[type="button"], input[type="submit"], input[type="reset"] { font-family: "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; font-weight: normal; color: #444 !important; text-shadow: 0 1px 0 #fff; text-decoration: none !important; text-align: center; cursor: pointer; margin: 5px 2px; padding: 6px 12px; min-width: 100px; border: 1px solid #7f7f7f; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25); box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25); background-color: #fff; background-image: url("../images/bg_button1.png"); background: -moz-linear-gradient(top, #FEFEFE, #EAEAEA); background-repeat: repeat-x; background-position: 0 0%; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; display: inline-block; *display: inline; *zoom: 1; }

.lte-ie8 button, .lte-ie8 input[type="button"], .lte-ie8 input[type="submit"], .lte-ie8 input[type="reset"] { padding: 7px 5px; }

.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { color: #000 !important; border-color: #333; *color: #000 !important; }

.button:active, button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dddddd)); background: -moz-linear-gradient(top, #fefefe, #dddddd); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9), 0px 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9), 0px 1px 0 rgba(0, 0, 0, 0.2) inset; *color: #333 !important; }

.button.small, button.small, input[type="button"].small, input[type="submit"].small, input[type="reset"].small { padding: 4px 8px; font-size: 12px; min-width: 30px; background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#e3e3e3)); background: -moz-linear-gradient(top, #f9f9f9 40%, #e3e3e3 70%); }

button[disabled], input[disabled], button[disabled]:hover, input[disabled]:hover, button[disabled]:active, input[disabled]:active { background-color: #eee; color: #ccc !important; border-color: #eee; }

button img { padding-right: 5px; vertical-align: middle; }

.submitBtnBox { text-align: center; }

select { vertical-align: middle; padding: 1px 1px; margin: 1px 0; font-size: 99%; }

option { margin: 0px; padding: 0 2px 0 0; }

label { cursor: pointer; vertical-align: middle; }

fieldset { margin: 3px 0; padding: 5px 10px; width: auto; /*
background-color: #fff;
border:1px solid #eee;
*/ display: block; clear: both; }

legend { color: #555; font-size: 13px; padding: 0 5px 0 12px; background-image: url("../images/icon_arrow1.png"); background-repeat: no-repeat; background-position: left center; font-weight: bold; *margin-left: -7px; }

.inputForm dl { overflow: hidden; }

.inputForm dl dt { clear: both; float: left; position: relative; margin: 0px 20px 5px 0; padding-top: 3px; width: 160px; text-align: right; }

.inputForm dl dd { overflow: hidden; position: relative; margin: 0 5px 5px 0px; padding-left: 0px; padding-top: 3px; }

.actions-submit { text-align: center; }

.messageBox .actions-submit form { text-align: center; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; }

/***********  IME  ***********/
.ime-on { ime-mode: active; }

.ime-off { ime-mode: disabled; }

/***********  num-inputbox  ***********/
.num-rightside { text-align: right; ime-mode: inactive; }

/*********** table ***********/
caption { text-align: left; color: #003300; font-size: 125%; font-weight: bold; padding: 2px 0px; margin: 4px 3px 0 0px; width: auto; }

table { width: 100%; padding: 0px; margin: 0px 0px 10px 0px; border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; background-color: #fafafa; letter-spacing: normal; table-layout: fixed; }

td, th { border-collapse: collapse; border-top: solid #eee 1px; border-left: solid #eee 1px; border-color: #ddd; vertical-align: top; padding: 3px 5px; word-break: break-all; word-wrap: break-word; }

tr.even { background-color: #FAFAFA; }

th { background-color: #D5D5D5; background-image: url("../images/bg_table_th.png"); font-weight: bold; color: #000; text-align: center; }

table.decoration-non, table.decoration-non th, table.decoration-non td { border: none; background: none; text-shadow: none; }

/**** .stdTable-v ****/
.stdTable-v { /*	border-bottom: dotted #999 1px;
	border-right: dotted #999 1px;*/ /*	table-layout:auto;*/ }

.stdTable-v td, .stdTable-v th { border-top: dotted #ccc 1px; border-left: dotted #ccc 1px; padding: 5px 8px; margin: 0px; vertical-align: top; }

.stdTable-v th { text-align: left; vertical-align: middle; font-weight: normal; padding-left: 10px; padding-right: 10px; width: 140px; }

.stdTable-v.wideTH th { width: 160px; }

/**** .stdTable-h ****/
.stdTable-h { /*	border-bottom: solid #999 1px;
	border-right: solid #999 1px;*/ background-color: #fff; }

.stdTable-h td, .stdTable-h th { /*border-top: solid #ccc 1px;
border-left: solid #ccc 1px;*/ padding: 5px 5px; margin: 0px; vertical-align: top; }

.stdTable-h th { text-align: center; font-weight: normal; padding-top: 8px; padding-bottom: 8px; width: auto; }

/************ nowrap ************/
.nowrap { white-space: nowrap; }

/* text.css */
/*********** align ***********/
.center { text-align: center; }

.right { text-align: right; }

.left { text-align: left; }

/*********** summary ***********/
.summary { margin: 3px 5px 10px 5px; color: #333333; }

/******** attention ********/
.caution { font-size: 10px; color: #666666; padding: 0px; margin: 3px 0px; line-height: normal !important; }

.caution-2 { font-style: normal; font-size: 10px; color: #FF3300 !important; padding: 0px; margin: 3px 0px; line-height: normal !important; }

.caution-3 { font-size: 10px; color: #666666; }

p.caution, span.caution { color: #FF3300 !important; padding: 0px; margin: 3px 0px; line-height: normal !important; font-weight: normal; font-style: normal; }

.small { font-size: 10px; }

/******** emphasize ********/
.em { font-weight: bold; font-style: normal; }

.em1 { background-color: #FFD2FD; padding-left: 0.1em; padding-right: 0.1em; }

.em2 { background-color: #BFFFFF; padding-left: 0.1em; padding-right: 0.1em; }

.red { color: #FF3300 !important; }

.required { color: #FF3300 !important; font-size: 10px; }

/********** numbering  ***********/
.suffix { font-size: 8px; }

.numbering { font-family: Arial, Helvetica, sans-serif; font-weight: 900; }

.sum { font-weight: bold; font-size: 16px; line-height: normal; padding-left: 0.3em; padding-right: 0.2em; }

/********** note ***********/
.notice { font-size: 14px; font-weight: bold; color: #FF3300; }

.notes-1 { margin: 10px 0px; padding: 5px; border: solid #ccc 1px; }

.notes-2 { margin: 10px 0px; padding: 5px; border: solid #ccc 1px; clear: both; background-color: #FFFFE1; }

/*********** other ***********/
.search-text-highlight { background-color: #ffff00; }

.text p { line-height: 1.35; margin: 0em 0 0.5em; padding: 0px; }

.asciiArt, .profileText { line-height: 1.25; font-family: "IPAMonaPGothic", "ＭＳ Ｐゴシック", "MS PGothic"; word-break: break-all; word-wrap: break-word; overflow: auto; }

.commentText { line-height: 1.5; }

/************** error *****************/
.noscript { font-size: 14px; color: #fff; font-weight: bold; text-align: center; border: 3px solid red; background-color: red; padding: 10px 10px 10px 60px; z-index: 1000; position: relative; display: block; background-image: url("../images/icon_caution_s.png"); background-position: 20px 50%; background-repeat: no-repeat; }

.error-block { border: 2px solid red; background-color: #ffeeee; font-weight: bold; color: #FF0000; padding: 0.6em 1em; margin: 4px 0; }
.error-block h3 { background: none; background-image: none; border: none; padding: 0; margin: 0 0 0.5em; font-size: 18px; font-weight: bold; color: #FF0000; }

.error-text { font-size: 12px; font-weight: bold; color: #FF0000; line-height: normal; padding: 0; margin: 0; }

.fieldWithErrors, .field_with_errors { background-color: #FFEEEE; border: 1px solid red; color: #FF0000; font-weight: bold; line-height: 100%; margin: 2px 0; padding: 2px 2px; display: inline-block; *display: inline; *zoom: 1; }

th .fieldWithErrors, th .field_with_errors { border: 0px solid red; }

.errorExplanation { border: 2px solid #FF3300; color: #FF0000; font-weight: bold; margin: 10px auto; padding: 5px 8px; position: relative; background-color: #FFFBEB; }
.errorExplanation h2, .errorExplanation .pageInfo .pageTitle h1, .pageInfo .pageTitle .errorExplanation h1 { background-color: transparent; background-image: url("../images/icon_caution_s.png") !important; background-position: left 50% !important; background-repeat: no-repeat; color: #FF0000; padding: 0px 0 0 25px !important; margin: 0.3em 0 0.8em; border: none; }

.error-block h3 { background-color: transparent; background-image: url("../images/icon_caution_s.png") !important; background-position: left 50% !important; background-repeat: no-repeat; color: #FF0000; padding: 0px 0 0 25px !important; margin: 0.3em 0 0.8em; border: none; }

.error-heading { background-image: url("../images/icon_caution_s.png") !important; background-position: 10px 50% !important; background-repeat: no-repeat; padding-left: 35px; }

.errorExplanation ul { margin-left: 1.5em; padding: 0; list-style: circle; max-height: none; min-height: 0; margin-top: 1em; margin-bottom: 0.5em; }
.errorExplanation ul li { background-image: none; list-style: circle; padding-left: 0.1em; border: none; }
.errorExplanation ul li:hover { background-color: transparent; }

body#error { background: none; margin: 30px; }

body.error #content { width: 786px; }
body.error #contentWrapper { width: 100%; }
body.error .pageTitle h1 { position: relative; padding: 1em 1em 1em 45px; }
body.error .pageTitle h1:after { background-image: url("../images/icon_caution_l.png"); background-repeat: no-repeat; background-position: 10px 49%; content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
body.error .dialog { min-height: 50px; }
body.error #extra { display: none; }

/* util.css */
/*********** utility ***********/
/* -- Clear Fix (IE7 ok) -- */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix { zoom: 1; }

/* IE6 */
*:first-child + html .clearfix { zoom: 1; }

/* IE7 */
.blockEnd { overflow: hidden; height: 1px; line-height: 1px; clear: both; display: block; }

.hide { display: none; }

/***********  img ***********/
.img-border { border: 1px solid #777; }

img.pdf { vertical-align: middle; padding-right: 5px; }

/***********  go-pagetop ***********/
.go-pagetop { text-align: right; padding: 20px 0px 5px 0; margin: 0; clear: both; position: relative; overflow: hidden; height: 20px; margin: 0 auto; }

.go-pagetop a, .go-pagetop a:visited { padding: 0; margin: 0; color: #777777; display: block; text-decoration: none; position: absolute; background-image: url('/images/icon_pagetop.png?1438931776'); background-position: left 50%; background-repeat: no-repeat; overflow: hidden; right: 0; padding-left: 13px; }
.go-pagetop a:hover, .go-pagetop a:visited:hover { text-decoration: underline; }

/***********  box ***********/
.line-top, .line-bottom { background-image: url("../images/line-h.png"); background-position: 0 0; background-repeat: repeat-x; }

.line-top { background-position: 0 0; }

.line-bottom { background-position: 0 100%; }

.box-right { float: right; }

.box-left { float: left; }

.infoBox { font-weight: bold; color: #FFFFFF; background-color: #0E81A7; padding: 5px 3px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #ddd; border-bottom-color: #eee; margin: 3px 0; line-height: 1.2; background-image: url("../images/bg_highlight_upper.png"); background-repeat: repeat-x; background-position: 0 -1px; border: 2px solid #026C8F; }

.infoBox > :first-child { background-image: url("../images/bg_heading_2.png"); padding: 0.6em 0.6em; text-shadow: 0 1px 0 black; }

.infoBox.noContent > :first-child { border-bottom: 0; margin-bottom: 0; }

.infoBox p { padding: 5px; }

.infoBox .infoBox-content { background-color: #52B0D4; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; }

.infoBox table { margin: 0; color: #000; background-color: #fff; }

.box { border: 1px solid #999999; padding: 3px 5px; margin: 3px 0px; }

.cautionBox { border: 3px solid #F7726E; margin: 3px 0px; margin-bottom: 15px; border-radius: 4px; -moz-border-radius: 4px; }

.dent, .dent2 { border-width: 1px; border-style: solid; background-color: #EBEBEB; border-top-color: #A1A1A1; border-bottom-color: white; border-right-color: white; border-left-color: #A1A1A1; }

.box-dent { border-top: 1px solid #D6D6D6; border-bottom: 1px solid white; border-left: 1px solid #D6D6D6; border-right: 1px solid white; border-radius: 2px; }

/* for long text */
.scroll-box { background-color: #fff; border: 2px ridge #ccc; overflow: auto; padding: 5px; margin: 5px 0; }

/*********** search result paging ***********/
.search-result-paging .paging { font-family: Arial; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }

.search-result-paging { margin: 7px 0 7px; text-align: center; clear: both; overflow: hidden; padding: 3px 10px; border-radius: 2px; background-color: #F0F0F0; }

.search-result-paging .sum { font-size: 14px; margin: 0 0px 0 0; line-height: 1.6; vertical-align: middle; display: block; float: right; /*
	display:inline-block;
	*display:inline;
	*zoom:1;
*/ }

.search-result-paging .sum .suffix { font-size: 11px; }

.paging a, .paging em, .paging span { background-color: #fff; border: 1px solid #CCCCCC; margin: 0 0.2em 0 0; padding: 0.1em 0.7em; line-height: 1.5; display: inline-block; *display: inline; *zoom: 1; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-border-radius: 3px; border-radius: 3px; }

.paging em, .paging .page.current { background-color: #EEEEEE; color: #555555; cursor: default; text-decoration: none; font-weight: bold; }

.paging a:hover { border: 1px solid #999; background-color: #eee; }

.paging em a:hover { border-color: #CCCCCC; background-color: #eee; }

.paging span.gap { border: none; background-color: transparent; padding: 0.1em 0.2em; }

.previous_page a, .next_page a { /*border:0px solid #fff;
padding: 1px 2px;
font-size: 12px;*/ }

.paging .disabled { border: 0px solid #fff; color: #ccc; }

/***********  more  ***********/
.more { display: inline; font-weight: normal; margin: 1px 3px 3px 2px; text-align: center; vertical-align: middle; width: 35px; }

.more a:link, .more a:visited { font-size: 10px; padding: 2px 3px 3px 3px; margin: 0px 0 0px 0; color: #FFFFFF; background-color: #0099FF; border: 1px solid; border-color: #FFF; text-align: center; line-height: 1.2; width: 35px; }

.more a:hover { color: #0099FF; background-color: #FFFFFF; text-decoration: none; border-color: #0099FF; }

.view-all { text-align: right; }

/***********  arrow ***********/
.arrow1, .communityUpdate .createTopic a, .arrow2, .arrow3 { background-position: left center; background-repeat: no-repeat; padding-left: 15px; }

.arrow1, .communityUpdate .createTopic a { background-image: url("../images/icon_arrow1.png"); }

.arrow2 { background-image: url("../images/icon_arrow2.png"); }

.arrow3 { background-image: url("../images/icon_arrow3.png"); }

/*********** action btn ***********/
.page-transitions { margin: 10px 0; }

.goBack, .cancel { margin: 6px 0px; clear: both; }

.goBack, .goBack:visited { background-image: url("../images/icon_go-back.png"); background-position: 0px center; background-repeat: no-repeat; padding-left: 20px; }

.cancel, .cancel:visited { background-image: url("../images/icon_cancel.png"); background-position: 0px center; background-repeat: no-repeat; padding-left: 20px; }

/* tab */
.tabs { margin-bottom: 4px; background-image: url("../images/tab_bttomline.png"); background-position: 0 100%; background-repeat: repeat-x; }

.tab { position: relative; bottom: 1px; background-color: #eee; border: 1px solid #ddd; border-bottom: none; border-radius: 5px 5px 0 0; margin-right: 2px; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; line-height: normal; box-shadow: 0 1px 0px white inset; }

.tab a { padding: 6px 20px 4px; display: block; }

.tab.current { border-color: #999; *border-top-width: 2px; text-shadow: 0 1px 0 #fff; font-weight: bold; background-color: #D9D9D9; bottom: 0; padding: 6px 20px 4px; }

.tab:hover { background-color: #f5f5f5; }

.tab.current:hover { background-color: #D9D9D9; }

.tabs .separator { display: none; }

ul.box { position: relative; z-index: 1; overflow: hidden; list-style: none; margin: 0; padding: 0; }

ul.box li { position: relative; float: left; width: 250px; height: 150px; padding: 0; border: 1px solid #efefef; margin: 0 30px 30px 0; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }

ul.box li:before, ul.box li:after { content: ''; z-index: -1; position: absolute; left: 10px; bottom: 10px; width: 70%; max-width: 300px; height: 55%; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -ms-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg); }

ul.box li:after { left: auto; right: 10px; -webkit-transform: skew(15deg) rotate(6deg); -moz-transform: skew(15deg) rotate(6deg); -ms-transform: skew(15deg) rotate(6deg); -o-transform: skew(15deg) rotate(6deg); transform: skew(15deg) rotate(6deg); }

/* heading */
.heading:before { content: url("../images/heading_mark1.png"); vertical-align: middle; margin-right: 5px; float: left; margin-top: -2px; }

/* close button */
.closeBtn { text-align: center; }

.closeBtn .button { min-width: 80px; margin-top: 1em; }

/* autolink */
.autolinked .ui-icon.ui-icon-newwin { opacity: 0.3; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30); -moz-opacity: 0.3; }

/* disabled link */
a.disabled { color: #1991E6; text-decoration: none; filter: alpha(opacity=30); -ms-filter: alpha(opacity=30); opacity: 0.3; cursor: default; display: inline-block; }

/* button */
.btn-s1 { width: 150px; margin: auto 2px; padding: 1.5em 3%; border: 2px solid #fff; display: block; background-color: #555; text-align: center; border-radius: 5px; box-shadow: 0 1px 3px #777; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#888), color-stop(0.5, #333), to(#333)); background-image: -moz-linear-gradient(left top, #888, #888 50%, #333); background-image: linear-gradient(to bottom, #808080 0%, #424242 50%, #0f0f0f 100%); background-image: -o-linear-gradient(top, gray 0%, #424242 50%, #0f0f0f 100%); background-image: -webkit-linear-gradient(top, gray 0%, #424242 50%, #0f0f0f 100%); /*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#888888, endcolorstr=#333333))";*/ }

.btn-s1:hover { border: 2px solid #7BD5FF; background-color: #666; color: #fff; }

/* #grobalNav */
#grobalNav.nav-nologin li.nav-mypage { width: 166px; }
#grobalNav.nav-nologin a { background-image: url('/images/bg_nav_global_nologin.png?1438931776'); }

#grobalNav { list-style: none; width: 980px; margin: 0 auto 0px; padding: 0; position: relative; overflow: hidden; }
#grobalNav li { margin: 0; padding: 0; display: block; float: left; width: 122px; position: relative; height: 40px; }
#grobalNav a { padding: 0; display: block; position: relative; width: 100%; vertical-align: top; text-decoration: none; text-align: center; overflow: hidden; padding-top: 40px; height: 0; *line-height: 0; background-image: url('/images/bg_nav_global.png?1438931776'); background-repeat: no-repeat; outline: none; }

body.mypage #grobalNav .nav-mypage a { background-position: 0px 100%; }

#grobalNav .nav-mypage a { background-position: 0px 0; }
#grobalNav .nav-mypage a:hover { background-position: 0px 50%; }
#grobalNav .nav-mypage a:active { background-position: 0px 100%; }
#grobalNav .nav-mypage.current a { background-position: 0px 100%; }

body.mypage #grobalNav .nav-mypage a { background-position: 0px 100%; }

#grobalNav .nav-profile a { background-position: -125px 0; }
#grobalNav .nav-profile a:hover { background-position: -125px 50%; }
#grobalNav .nav-profile a:active { background-position: -125px 100%; }
#grobalNav .nav-profile.current a { background-position: -125px 100%; }

body.profile #grobalNav .nav-profile a { background-position: -125px 100%; }

#grobalNav .nav-friend a { background-position: -247px 0; }
#grobalNav .nav-friend a:hover { background-position: -247px 50%; }
#grobalNav .nav-friend a:active { background-position: -247px 100%; }
#grobalNav .nav-friend.current a { background-position: -247px 100%; }

body.friend #grobalNav .nav-friend a { background-position: -247px 100%; }

#grobalNav .nav-message a { background-position: -369px 0; }
#grobalNav .nav-message a:hover { background-position: -369px 50%; }
#grobalNav .nav-message a:active { background-position: -369px 100%; }
#grobalNav .nav-message.current a { background-position: -369px 100%; }

body.message #grobalNav .nav-message a { background-position: -369px 100%; }

#grobalNav .nav-community a { background-position: -491px 0; }
#grobalNav .nav-community a:hover { background-position: -491px 50%; }
#grobalNav .nav-community a:active { background-position: -491px 100%; }
#grobalNav .nav-community.current a { background-position: -491px 100%; }

body.community #grobalNav .nav-community a { background-position: -491px 100%; }

#grobalNav .nav-wallet a { background-position: -613px 0; }
#grobalNav .nav-wallet a:hover { background-position: -613px 50%; }
#grobalNav .nav-wallet a:active { background-position: -613px 100%; }
#grobalNav .nav-wallet.current a { background-position: -613px 100%; }

body.wallet #grobalNav .nav-wallet a { background-position: -613px 100%; }

#grobalNav .nav-gametitles a { background-position: -735px 0; }
#grobalNav .nav-gametitles a:hover { background-position: -735px 50%; }
#grobalNav .nav-gametitles a:active { background-position: -735px 100%; }
#grobalNav .nav-gametitles.current a { background-position: -735px 100%; }

body.gametitles #grobalNav .nav-gametitles a { background-position: -735px 100%; }

#grobalNav .nav-settings a { background-position: -857px 0; }
#grobalNav .nav-settings a:hover { background-position: -857px 50%; }
#grobalNav .nav-settings a:active { background-position: -857px 100%; }
#grobalNav .nav-settings.current a { background-position: -857px 100%; }

body.settings #grobalNav .nav-settings a { background-position: -857px 100%; }

#grobalNav li.nav-mypage { width: 124px; }
#grobalNav li.nav-settings { width: 124px; }

/* subNav */
.subNav { position: absolute; width: 450px; height: 18px; list-style: none; left: 246px; top: 14px; padding: 0 3px; }
.subNav li { display: inline-block; margin-right: 20px; line-height: normal; *display: inline; *zoom: 1; }
.subNav li a { text-decoration: none; background-image: url('/images/btn_arrow.png?1438931776'); background-position: 0 2px; background-repeat: no-repeat; padding-left: 20px; font-size: 14px; color: #FFF; }
.subNav li a:hover { text-decoration: underline; background-position: 0 -22px; }

/*.lte-ie8 .subNav {
	top:33px;
}*/
/* ゲーム登録なし */
body.noGametitle #grobalNav li a { background-image: url('/images/bg_nav_global_no_gametitle.png?1438931776'); cursor: default; }
body.noGametitle #grobalNav li.nav-mypage a, body.noGametitle #grobalNav li.nav-settings a { background-image: url('/images/bg_nav_global.png?1438931776'); cursor: auto; }

/* side menu */
.sideMenu { position: relative; list-style: none; background-image: none; }

.lte-ie8 .sideMenu { border-bottom: 2px solid #ccc; }

#sideContent .sideMenu h3 { color: #fff; margin: -1px -1px 0; min-height: 1px; border-bottom: 1px solid #D9D9D9; }

.sideMenu ul { border: 1px solid #fff; border-bottom: 1px solid #E6E6E6; }
.sideMenu li { display: block; vertical-align: bottom; line-height: normal; background-color: #F7F7F7; border-top: 1px solid #fff; border-bottom: 1px solid #E6E6E6; }
.sideMenu li:first-child { border-top: none; }
.sideMenu li:last-child { border-bottom: none; }
.sideMenu li a { display: block; color: #3D535C; text-decoration: none; text-shadow: 0 1px 0 #fff; line-height: 1.2; padding: 8px 0 8px 24px; background-image: url("../images/icon_arrow_square2.png"); background-repeat: no-repeat; background-position: 7px 8px; *zoom: 1; -moz-transition: background-color 0.23s; -o-transition: background-color 0.23s; -webkit-transition: background-color 0.23s; transition: background-color 0.23s; }
.sideMenu li.current { background-color: #ECF9FD; }
.sideMenu li a:hover, .sideMenu li.current a:hover { background-color: #c8eef9; }

/************** layout *****************/
body { margin: 0 0; background-image: url('/images/bg_main.png?1438931776'); background-repeat: repeat-x; }

#pageTop { line-height: 0; overflow: hidden; height: 0; position: absolute; top: 0; }

/*********** #container ***********/
#container { margin: 0 auto; position: relative; text-align: left; border-width: 0 2px 0; -webkit-transition: all 0.3s ease-in-out; }

/*********** #content ***********/
#content { overflow: hidden; *zoom: 1; clear: both; width: 980px; margin: 0 auto; padding: 15px 0; }

#contentWrapper { width: 760px; clear: both; float: left; }

body.mypage #contentWrapper { width: 100%; clear: both; float: none; }

.pageInfo { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 8px; position: relative; }

.pageInfo .contentBox { padding: 3px; margin: 0; background-color: #eee; }

.pageInfo .pageTitle { border: 1px solid #000; padding: 1px; border-radius: 3px; }

.pageInfo .pageTitle h1 { margin-bottom: 0; }

.pageInfo .pageTitle.bg1 { background: url("../images/bg_heading_2.png") #F8F9FA repeat 0 bottom; }

#mainContent, #sideContent, #extra { word-wrap: break-word; }

/*********** #mainContent ***********/
#mainContent { padding: 0; margin: 0; float: right; min-height: 350px; position: relative; }

#contentWrapper.wide #mainContent { width: 472px; }
#contentWrapper.narrow #mainContent { width: 560px; }

body.mypage #contentWrapper.wide #mainContent { width: 692px; }

.column0 #mainContent, .column1 #mainContent { width: 100%; }

.contentBox { margin-top: 8px; position: relative; }

#mainContent h2, #mainContent .pageInfo .pageTitle h1, .pageInfo .pageTitle #mainContent h1 { background-position: 0 25%; }

.narrow #mainContent h2, .narrow #mainContent .pageInfo .pageTitle h1, .pageInfo .pageTitle .narrow #mainContent h1 { padding: 0.5em 0.8em 0.5em 10px; }

/*********** #sideContent ***********/
#sideContent { position: relative; width: 278px; float: left; *display: inline; }

#contentWrapper.narrow #sideContent { width: 190px; }

.sideBox { border: 1px solid #DBDBDB; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F3F5F7; margin-bottom: 8px; background-image: url('/images/bg_listbox.png?1438931776'); background-repeat: repeat-x; background-color: #e7ebef; }
.sideBox h3 { font-size: 13px; color: #FFF; margin: -1px -1px 5px; padding: 0.75em 0 0.65em 0.8em; background-color: #000; background-image: url('/images/olay_gray.png?1438931776'); background-position: 0 25%; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; }
.sideBox ul { list-style: none; margin: 0; padding: 0; }
.sideBox .actions { background-image: url("../images/bg_white_to_transparent_s.png"); background-position: 0 25%; background-repeat: repeat; background-color: #F2F2F2; border-top: 1px solid #fff; overflow: hidden; }
.sideBox .actions .action { padding: 5px 8px; }
.sideBox .actions .view-all { text-align: right; float: right; }
.sideBox .actions .manageCommunity, .sideBox .actions .manageFriend, .sideBox .actions .manageMember { text-align: left; float: left; }

.lte-ie8 .sideBox .actions { border-bottom: 1px solid #ccc; }

body.login #content { width: 786px; padding: 15px; }
body.login #contentWrapper { margin: 0 auto; width: auto; float: none; }

body.login.userReg #content { width: 786px; }

/*********** #header ***********/
#header { position: relative; line-height: normal; width: 980px; height: 50px; margin: 0 auto; padding: 0; overflow: hidden; border-bottom: 1px solid #3c3838; background-color: #000000; background-position: 50%; background-repeat: no-repeat; }

/*********** #logo ***********/
#logo { margin: 0; padding: 0; position: absolute; top: 9px; }

/*********** site-util ***********/
#siteUtil { position: absolute; top: 5px; right: 0; }
#siteUtil .help { margin-left: 20px; float: left; text-indent: 0; position: relative; top: 11px; }
#siteUtil .help a { text-decoration: none; padding-left: 20px; color: #FFF; background-image: url("../images/icon_help.png"); background-position: 0 0; background-repeat: no-repeat; width: 53px; height: 18px; display: block; }
#siteUtil .help a:hover { text-decoration: underline; }
#siteUtil .account-box { float: left; position: relative; background-image: url('/images/bg_account_box.png?1438931776'); background-repeat: no-repeat; width: 198px; height: 40px; }
#siteUtil .account-box .user-icon { position: absolute; top: 6px; left: 5px; }
#siteUtil .account-box .user-icon img { height: 30px; width: 30px; }
#siteUtil .account-box .user-name { position: absolute; color: #FFF; text-align: center; top: 1px; left: 41px; width: 155px; }
#siteUtil .account-box .siteUtilBtns { position: absolute; top: 20px; left: 45px; width: 145px; text-align: center; }
#siteUtil .account-box .logout, #siteUtil .account-box .mypage { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; width: 70px; height: 17px; display: inline-block; background-position: 100% 0; background-repeat: no-repeat; }
#siteUtil .account-box .logout a, #siteUtil .account-box .mypage a { display: block; }
#siteUtil .account-box .logout { background-image: url('/images/btn_hdr_logout.png?1438931776'); background-position: 0 0; }
#siteUtil .account-box .logout:hover { background-position: 0 -17px; }
#siteUtil .account-box .mypage { background-image: url('/images/btn_hdr_mypage.png?1438931776'); background-position: 0 0; }
#siteUtil .account-box .mypage:hover { background-position: 0 -17px; }

/*********** #footer ***********/
#footer { padding: 10px; position: relative; clear: both; line-height: normal; background-color: #fff; border-top: 1px solid #656565; border-bottom: 1px solid #656565; }
#footer p { font-size: 11px; text-align: center; color: #B3B3B3; }
#footer a { color: #777777; text-decoration: none; margin: 0 1em; }
#footer a:hover { color: #aaa; text-decoration: underline; }

#copyright { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; margin: 10px 0 0; padding: 0px; color: #777; letter-spacing: 0; text-align: center; }

/* billing */
body.billing { background-repeat: no-repeat; background-position: center 0; background-color: #000; }
body.billing #container { width: 1010px; border-right: 1px solid #999; border-left: 1px solid #999; }
body.billing #contentWrapper { width: 100%; }
body.billing #mainContent { min-height: 290px; width: 100%; margin: auto; float: none; }
body.billing #header { background: url("../images/bg_transparent_to_gray2.png"); background-color: #000; background-position: 0 58%; background-repeat: repeat-x; padding: 10px 15px; color: #FFF; min-height: 95px; height: auto; overflow: hidden; -moz-box-shadow: inset 0 0 7px -2px white; -webkit-box-shadow: inset 0 0 7px -2px white; box-shadow: inset 0 0 7px -2px white; }
body.billing #header .groundTitle { margin-left: 25px; background-image: none; font-size: 20px; position: absolute; top: 48px; width: 660px; font-weight: bold; float: left; -ms-word-break: break-all; word-break: break-all; }
body.billing .pageInfo { margin: auto; margin-bottom: 5px; }
body.billing .pageInfo .LinkToDealingLaw { color: #FFF; }
body.billing #logo { right: auto; left: auto; top: auto; position: relative; float: right; }
body.billing #logo img { border: 1px solid #CCC; margin: 5px 5px; }
body.billing #account-box { float: left; position: relative; top: 68px; left: 25px; background-image: url('/images/bg_account_box.png?1438931776'); background-repeat: no-repeat; width: 198px; height: 40px; }
body.billing #account-box .user-icon { position: absolute; top: 6px; left: 5px; }
body.billing #account-box .user-icon img { height: 30px; width: 30px; }
body.billing #account-box .user-name { position: absolute; color: #FFF; text-align: center; top: 1px; left: 41px; width: 155px; }
body.billing #account-box .coin { position: absolute; color: #FFF; text-align: left; top: 20px; left: 45px; width: 155px; }
body.billing #account-box .siteUtilBtns { position: absolute; top: 20px; left: 45px; width: 145px; text-align: right; }
body.billing #account-box .logout, body.billing #account-box .mypage { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; width: 70px; height: 17px; display: inline-block; background-position: 100% 0; background-repeat: no-repeat; }
body.billing #account-box .logout a, body.billing #account-box .mypage a { display: block; }
body.billing #account-box .logout { background-image: url('/images/btn_hdr_logout.png?1438931776'); background-position: 0 0; }
body.billing #account-box .logout:hover { background-position: 0 -17px; }
body.billing #account-box .mypage { background-image: url('/images/btn_hdr_mypage.png?1438931776'); background-position: 0 0; }
body.billing #account-box .mypage:hover { background-position: 0 -17px; }
body.billing #content { padding: 15px; background-color: #fff; }
body.billing .closeBtn { width: 980px; margin: 0 auto; padding: 0 15px 15px; background-color: #fff; }
body.billing #footer { margin: 0 auto; width: 980px; padding: 10px 15px; }
body.billing #footer address { margin-top: 0; }
body.billing #productList table.moneyTable { margin-bottom: 15px; }

.walletCaution { overflow: hidden; background-color: white; }
.walletCaution h3 { margin-bottom: 0px; text-align: center; background-color: #F43; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.walletCaution .grid-inner { /*border: 2px solid #CCC;*/ min-height: 80px; background-color: #FFECE5; border-radius: 4px; -moz-border-radius: 4px; padding: 7px 12px; line-height: 1.3; }

.billingMessage { text-align: center; padding: 70px 0; font-size: 16px; }

.billingTitle .billingName { font-size: 16px; }

.billingTitle .subTitle { color: #666; }

.moneyTable { margin-bottom: 0; }
.moneyTable th { white-space: nowrap; }
.moneyTable td { vertical-align: middle; padding: 3px 3px; }
.moneyTable .coin-unit { display: block; font-size: 0.8em; white-space: nowrap; font-weight: normal; line-height: 1; }

.buyBtn img { width: 120px; height: 27px; }
.buyBtn img:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); opacity: 0.7; }
.buyBtn .charge-limit-over img { -ms-filter: "alpha( opacity=30 )"; filter: alpha(opacity=30); opacity: 0.3; }
.buyBtn .charge-limit-over img:hover { -ms-filter: "alpha( opacity=30 )"; filter: alpha(opacity=30); opacity: 0.3; }

#productList { border-radius: 4px; -moz-border-radius: 4px; margin: 0px 0 10px; background-color: white; }

#productList .grid-inner { padding: 0px 0px; margin: 5px; overflow: hidden; }

body.billing .cautionText { text-align: left; border: 3px double #999; padding: 0 20px 10px; }
body.billing .cautionText li { list-style-type: disc; list-style-position: inside; }
body.billing .cautionText h4 { padding: 0; background: none; border: none; color: red; font-size: 14px; }
body.billing .cautionText h4 + ul { margin-left: 1.5em; }

.age-limit { list-style: disc; overflow: hidden; }

.age-limit dl { overflow: hidden; margin: 0.5em; margin-left: 1.5em; }

.age-limit dl dt { min-width: 6em; text-align: center; color: #000; background-color: #888; border-radius: 3px; margin-right: 0.2em; margin-top: 3px; padding: 0.3em 0.5em; float: left; clear: left; }

.age-limit dl dd { overflow: auto; padding: 0.3em 0.5em; margin-top: 3px; }

.age-limit .less-than-16 { background-color: #73CFEC; }

.age-limit .over-16to19 { background-color: #6DF55A; }

.age-limit .over-20 { background-color: #F3F320; }

/*********** site-info ***********/
#site-info { margin: 0; padding: 0; font-size: 12px; position: relative; height: 60px; background-color: transparent; clear: both; position: relative; background-image: url("../images/footer-site-info-bg.png"); background-position: left bottom; background-repeat: no-repeat; }

#site-info ul li { display: inline; float: left; margin: 0 0.4em 0 0px; list-style: none; letter-spacing: 0; }

#site-info ul li a { margin: 0 0 0 0px; background-image: url("../images/icon-list-head.png"); background-position: left center; background-repeat: no-repeat; padding-left: 12px; display: block; }

/*********** #extra ***********/
#extra { padding: 0px 0px 0px 0px; margin: 0px 0 0px 10px; float: right; width: 210px; position: relative; }
#extra .banner li { margin: 0 0 10px; }
#extra .sideBox { background-color: #fff; }
#extra .sideBox h3 { font-size: 12px; margin-bottom: 3px; }
#extra .sideBox h3 .boxContent { padding: 2px 3px; }

#news, .friendUpdate, body.root #root-slider-wrap { padding: 10px; background-color: #474646; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; z-index: 1; }
#news:before, .friendUpdate:before, body.root #root-slider-wrap:before { z-index: -1; content: ""; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 1px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#news h2, .friendUpdate h2, body.root #root-slider-wrap h2, #news .pageInfo .pageTitle h1, .pageInfo .pageTitle #news h1, .friendUpdate .pageInfo .pageTitle h1, .pageInfo .pageTitle .friendUpdate h1, body.root #root-slider-wrap .pageInfo .pageTitle h1, .pageInfo .pageTitle body.root #root-slider-wrap h1 { margin-bottom: 0; border: 1px solid #656565; border-bottom: none; }
#news dl, .friendUpdate dl, body.root #root-slider-wrap dl { border: 1px solid #656565; background-color: #fff; }

body#home #news { margin: 0 0 10px 0px; padding: 0 0 10px 0; border-top: 2px solid #ccc; position: relative; clear: both; width: 100%; }

#news { margin: 0; position: relative; clear: both; }
#news img { vertical-align: middle; }
#news .news-cat { font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0 5px 0; padding: 0 3px; background-color: #666666; line-height: 1.5; color: #fff; min-width: 8em; font-size: 10px; text-align: center; letter-spacing: 0; border-radius: 2px; -moz-border-radius: 2px; display: inline-block; *display: inline; *zoom: 1; }
#news .news-cat.cat1 { background-color: #ed5b60; }
#news .news-cat.cat2 { background-color: #9dc668; }
#news .news-cat.cat3 { background-color: #3887bc; }
#news .news-cat.cat4 { background-color: #f7b15f; }
#news .news-cat.cat5 { background-color: #F391E6; }
#news .news-cat.cat6 { background-color: #A067C5; }
#news .news-cat.cat7 { background-color: #BC3846; }
#news .news-cat.cat8 { background-color: #5FD8F7; }
#news .news-cat.cat9 { background-color: #819BD5; }
#news .news-cat.cat10 { background-color: #7A7A7A; }

.cat-area { float: left; }

.info-title { overflow: hidden; display: block; }

#news.newsDetail { background-color: #fff !important; padding: 0; }
#news.newsDetail .news-cat { font-size: 12px; line-height: 1.65; height: auto; }
#news.newsDetail .news-date { font-size: 14px; font-weight: bold; float: right; color: #888; margin-right: 5px; }
#news.newsDetail .title_icon { padding-right: 5px; }
#news.newsDetail h2, #news.newsDetail .pageInfo .pageTitle h1, .pageInfo .pageTitle #news.newsDetail h1 { margin-top: 5px; margin-bottom: 0; padding-left: 11px; background-image: url("../images/bg_heading_1_large.png"); background-position: 0 0; background-repeat: repeat-x; line-height: 1.2; color: #000; border: 1px solid #CCC; }
#news.newsDetail .news-text { padding: 20px; background-color: white; border: 1px solid #CCC; }
#news.newsDetail .news-text p { margin: 0.3em 0 0.8em; }

.news-text img { max-width: 100%; height: auto; }

#news .rss-feed { position: absolute; right: 18px; top: 6px; }
#news .rss-feed a { background-image: url("../images/feed-icon-14x14.png"); background-position: left 50%; background-repeat: no-repeat; display: block; padding-left: 17px; color: #E7711C !important; font-weight: bold; letter-spacing: 0; font-size: 11px; }
#news .view-all { position: absolute; right: 17px; top: 17px; background-image: url('/images/btn_news_list.png?1438931776'); text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-position: 0 0; margin: 0; padding: 0; display: block; }
#news .view-all:hover { background-position: 0 -21px; }
#news .view-all a { width: 104px; height: 21px; display: block; }
#news.newsUpdate.viewAll { margin-bottom: 10px; }
#news img.title_icon { vertical-align: middle; width: 16px; height: 16px; }
#news .selectGameInfo { margin: 5px 0; padding: 5px 10px; }
#news .selectGameInfo select { vertical-align: baseline; }

dl.articleLink { margin: 0; padding: 0px 0; width: auto; }
dl.articleLink dt { margin: 0 0 2px; padding: 0px 0.5em 0 0.3em; width: auto; min-width: 60px; float: left; clear: both; font-weight: normal; letter-spacing: 0; display: block; color: #888; }
dl.articleLink dd { margin: 0 0 0.6em 0px; padding: 0px 0 0px 0em; display: block; overflow: hidden; }
dl.articleLink.viewAllList dt, dl.articleLink.viewAllList dd { margin-bottom: 0.8em; }

.communityUpdate .createTopic { position: absolute; top: 12px; right: 10px; padding: 0; margin: 0; height: 12px; line-height: 12px; text-align: right; }
.communityUpdate .createTopic a { color: #fff; padding-left: 14px; }

.friendUpdate .view-all { position: absolute; right: 17px; top: 17px; width: 104px; height: 21px; background-image: url('/images/btn_update_list.png?1438931776'); text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-position: 0 0; margin: 0; padding: 0; line-height: 14px; display: block; }
.friendUpdate .view-all:hover { background-position: 0 -21px; }
.friendUpdate .view-all a { display: block; }
.friendUpdate dl.updateList dd { overflow: visible; }
.friendUpdate.viewAll dl.updateList dd a { width: 447px; }

#news dl, .friendUpdate dl { margin: 0; padding: 0px 7px; width: auto; line-height: 1.5; }
#news dl dt, .friendUpdate dl dt { margin: 0 0 0px; padding: 9px 0 0px 0px; min-width: 72px; font-size: 11px; float: left; clear: both; font-weight: normal; letter-spacing: 0; display: block; color: #888; }
#news dl dt:first-child, .friendUpdate dl dt:first-child { border: none; }
#news dl dt:first-child + dd, .friendUpdate dl dt:first-child + dd { border: none; }
#news dl dd, .friendUpdate dl dd { margin: 0 0 0px 0; padding: 8px 0 8px 76px; border-top: 1px dotted #656565; display: block; line-height: 1.25; }
#news dl dd a, .friendUpdate dl dd a { width: 445px; display: inline-block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-decoration: none; }
#news dl dd a:hover, .friendUpdate dl dd a:hover { text-decoration: underline; }
#news dl.updateList dd a, .friendUpdate dl.updateList dd a { width: 578px; }

body.before_login #content #contentWrapper.column0 .newsDetail, body.before_login #content #contentWrapper.column1 .newsDetail, body.info-detail #content #contentWrapper.column0 .newsDetail, body.info-detail #content #contentWrapper.column1 .newsDetail { padding: 5px 15px 15px; }
body.before_login #content #contentWrapper.column0 .pageInfo, body.before_login #content #contentWrapper.column1 .pageInfo, body.info-detail #content #contentWrapper.column0 .pageInfo, body.info-detail #content #contentWrapper.column1 .pageInfo { margin-bottom: 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; }
body.before_login #content #contentWrapper.column0 .pageInfo .pageTitle, body.before_login #content #contentWrapper.column1 .pageInfo .pageTitle, body.info-detail #content #contentWrapper.column0 .pageInfo .pageTitle, body.info-detail #content #contentWrapper.column1 .pageInfo .pageTitle { border-radius: 3px 3px 0 0; }
body.before_login #content #contentWrapper.column0 #mainContent, body.before_login #content #contentWrapper.column1 #mainContent, body.info-detail #content #contentWrapper.column0 #mainContent, body.info-detail #content #contentWrapper.column1 #mainContent { width: auto; float: none; border: 1px solid #000; border-top: none; }
body.before_login #content #contentWrapper.column0 .news-date, body.before_login #content #contentWrapper.column1 .news-date, body.info-detail #content #contentWrapper.column0 .news-date, body.info-detail #content #contentWrapper.column1 .news-date { color: #000; }
body.before_login #content #contentWrapper.column0 h2.heading, body.before_login #content #contentWrapper.column0 .pageInfo .pageTitle h1.heading, .pageInfo .pageTitle body.before_login #content #contentWrapper.column0 h1.heading, body.before_login #content #contentWrapper.column1 h2.heading, body.before_login #content #contentWrapper.column1 .pageInfo .pageTitle h1.heading, .pageInfo .pageTitle body.before_login #content #contentWrapper.column1 h1.heading, body.info-detail #content #contentWrapper.column0 h2.heading, body.info-detail #content #contentWrapper.column0 .pageInfo .pageTitle h1.heading, .pageInfo .pageTitle body.info-detail #content #contentWrapper.column0 h1.heading, body.info-detail #content #contentWrapper.column1 h2.heading, body.info-detail #content #contentWrapper.column1 .pageInfo .pageTitle h1.heading, .pageInfo .pageTitle body.info-detail #content #contentWrapper.column1 h1.heading { margin-bottom: 15px; background-color: transparent; background-image: url('/images/bg_news_heading.png?1438931776'); background-repeat: no-repeat; background-position: 0 50%; border: none; font-size: 16px; padding: 8px 0 8px 20px; border-bottom: 1px solid #7a7a7a; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
body.before_login #content #contentWrapper.column0 h2.heading:before, body.before_login #content #contentWrapper.column0 .pageInfo .pageTitle h1.heading:before, .pageInfo .pageTitle body.before_login #content #contentWrapper.column0 h1.heading:before, body.before_login #content #contentWrapper.column1 h2.heading:before, body.before_login #content #contentWrapper.column1 .pageInfo .pageTitle h1.heading:before, .pageInfo .pageTitle body.before_login #content #contentWrapper.column1 h1.heading:before, body.info-detail #content #contentWrapper.column0 h2.heading:before, body.info-detail #content #contentWrapper.column0 .pageInfo .pageTitle h1.heading:before, .pageInfo .pageTitle body.info-detail #content #contentWrapper.column0 h1.heading:before, body.info-detail #content #contentWrapper.column1 h2.heading:before, body.info-detail #content #contentWrapper.column1 .pageInfo .pageTitle h1.heading:before, .pageInfo .pageTitle body.info-detail #content #contentWrapper.column1 h1.heading:before { content: none; }
body.before_login #content #contentWrapper.column0 .news-text, body.before_login #content #contentWrapper.column1 .news-text, body.info-detail #content #contentWrapper.column0 .news-text, body.info-detail #content #contentWrapper.column1 .news-text { margin-top: 15px; border: 1px solid #656565; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

body.info .goBack, body.before_login .goBack { text-decoration: none; background-image: url('/images/btn_arrow_left.png?1438931776'); background-position: 0 0; background-repeat: no-repeat; padding-left: 20px; }
body.info .goBack:hover, body.before_login .goBack:hover { text-decoration: underline; background-position: 0 -24px; }

body.info-list .pageInfo { margin-bottom: 8px !important; }
body.info-list #mainContent { width: 100% !important; border: none !important; }
body.info-list #mainContent .newsUpdate dl dd .title_icon, body.info-list #mainContent .newsUpdate dl dd .news-cat { vertical-align: top; }
body.info-list #mainContent .newsUpdate dl dd a { width: 555px; }

body.info.info-with-sidebnr #mainContent .newsUpdate dl dd .title_icon, body.info.info-with-sidebnr #mainContent .newsUpdate dl dd .news-cat { vertical-align: top; }
body.info.info-with-sidebnr #mainContent .newsUpdate dl dd a { width: 520px; }

/*********** profile **************/
#my-notification { background-color: #fff1c2; background-image: url('/images/bg_white_to_transparent.png?1438931776'); padding: 10px; border: 1px solid #e0b521; margin-bottom: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; -moz-box-shadow: inset 0 0 0 1px #FFF; -webkit-box-shadow: inset 0 0 0 1px #FFF; box-shadow: inset 0 0 0 1px #FFF; }
#my-notification ul li { background-image: url('/images/icon_notice_arrow.png?1438931776'); background-position: 1px 3px; background-repeat: no-repeat; padding-left: 13px; margin-bottom: 7px; }
#my-notification ul li:last-child { margin-bottom: 0; }
#my-notification ul li a { text-decoration: none; }
#my-notification ul li a:hover { text-decoration: underline; }

.pic-inner { background-image: url('/images/bg_inner_usr_thumb_list.png?1438931776'); background-repeat: repeat-x; background-color: #f3f6f9; *border: 1px solid #bbc3ca; padding: 20px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 5px 0px rgba(51, 51, 51, 0.4), 0 0 1px 0 #FFF; -webkit-box-shadow: inset 0 0 5px 0px rgba(51, 51, 51, 0.4), 0 0 1px 0 #FFF; box-shadow: inset 0 0 5px 0px rgba(51, 51, 51, 0.4), 0 0 1px 0 #FFF; }
.pic-inner img { width: 75px; height: 75px; border: 1px solid #dbdbdb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#myProfile { background-color: #f5f5f5; background: -webkit-linear-gradient(top, white 0%, #e7ebef 33%); background: -moz-linear-gradient(top, white 0%, #e7ebef 33%); }
#myProfile h3 { line-height: 1.1; margin-bottom: 0; }
#myProfile > div { border-top: 1px solid #fff; border-bottom: 1px solid #DBDBDB; padding: 10px; }
#myProfile .profilePic { border-top: none; text-align: center; }
#myProfile .myName { margin-top: 3px; }
#myProfile .gamePoint { text-align: center; }
#myProfile .pic-inner img { width: auto; height: auto; }

.ie #myProfile { background-color: #e6e6e6; background-image: url("../images/bg_white_to_transparent.png"); background-repeat: repeat-x; background-position: 0 0; }

.gamePoint .numbering { font-size: 15px; }

#friendListBox, #communityListBox { overflow: visible; }

.friendList, .communityList, .communityMemberListBox { padding: 0; margin: 0; overflow: hidden; }

.friendList li, .userIconList li, .communityList li, .communityMemberListBox li { font-size: 12px; letter-spacing: normal; text-align: center; width: 75px; padding: 0 0px; margin: 0 0 15px 7px; display: inline-block; vertical-align: top; }

.friendList li a, .communityList li a, .communityMemberListBox li a, .userIconList li a, .commentAuthor a, .myIcon a { display: block; text-decoration: none; color: #000; }

.friendList .friendName, .communityList .communityName, .communityMemberListBox .friendName, .communityMemberList .userName { display: block; word-wrap: break-word; margin-top: 5px; letter-spacing: normal; }

.friendList .no-friends, .communityList .no-communties { margin: 10px; }

/* listページ */
.communityUpdate.viewAll { /*border: 1px solid #ddd;*/ }
.communityUpdate h2, .communityUpdate .pageInfo .pageTitle h1, .pageInfo .pageTitle .communityUpdate h1 { margin-bottom: 10px; }

#friendListBox .community-list-inner .friendName, #friendListBox .friend-list-inner .friendName, #communityMemberListBox .community-list-inner .friendName, #communityMemberListBox .friend-list-inner .friendName { color: #FFF; text-shadow: 0px 1px 1px #444, 0px 1px 1px #444, 1px 1px 1px #444, 1px 0px 1px #444, 1px 0px 1px #444, 1px -1px 1px #444, 1px -1px 1px #444, 0px -1px 1px #444, -1px -1px 1px #444, -1px -1px 1px #444, -1px -1px 1px #444, -1px 0px 1px #444, -1px 1px 1px #444, -1px 1px 1px #444; }
#friendListBox .arrow1, #friendListBox .communityUpdate .createTopic a, .communityUpdate .createTopic #friendListBox a, #communityMemberListBox .arrow1, #communityMemberListBox .communityUpdate .createTopic a, .communityUpdate .createTopic #communityMemberListBox a { text-decoration: none; background-image: url('/images/btn_arrow.png?1438931776'); background-position: 0 0px; background-repeat: no-repeat; padding-left: 20px; }
#friendListBox .arrow1:hover, #friendListBox .communityUpdate .createTopic a:hover, .communityUpdate .createTopic #friendListBox a:hover, #communityMemberListBox .arrow1:hover, #communityMemberListBox .communityUpdate .createTopic a:hover, .communityUpdate .createTopic #communityMemberListBox a:hover { text-decoration: underline; background-position: 0 -24px; }

.community-list-inner .communityName { color: #FFF; text-shadow: 0px 1px 1px #444, 0px 1px 1px #444, 1px 1px 1px #444, 1px 0px 1px #444, 1px 0px 1px #444, 1px -1px 1px #444, 1px -1px 1px #444, 0px -1px 1px #444, -1px -1px 1px #444, -1px -1px 1px #444, -1px -1px 1px #444, -1px 0px 1px #444, -1px 1px 1px #444, -1px 1px 1px #444; color: #FFFFFF; }

#communityListBox ul.communityList { margin-left: -7px; }
#communityListBox .arrow1, #communityListBox .communityUpdate .createTopic a, .communityUpdate .createTopic #communityListBox a { text-decoration: none; background-image: url('/images/btn_arrow.png?1438931776'); background-position: 0 0px; background-repeat: no-repeat; padding-left: 20px; }
#communityListBox .arrow1:hover, #communityListBox .communityUpdate .createTopic a:hover, .communityUpdate .createTopic #communityListBox a:hover { text-decoration: underline; background-position: 0 -24px; }

#ie9 .community-list-inner .communityName, #ie8 .community-list-inner .communityName, #ie7 .community-list-inner .communityName { color: #000; }

body.community .community-list-inner ul.friendList, #friendListBox ul.friendList { margin-left: -7px; }
body.community .community-list-inner ul.friendList li, #friendListBox ul.friendList li { width: 75px; position: relative; }
body.community .community-list-inner ul.friendList li span.friendName, #friendListBox ul.friendList li span.friendName { position: absolute; padding-top: 50px; padding-bottom: 4px; background-image: url('/images/bg_friendlist_sdw.png?1438931776'); background-position: bottom; background-repeat: repeat-x; bottom: 0; left: 0; width: 100%; font-size: 11px; }

#friendListBox .community-list-inner, #friendListBox .friend-list-inner, #communityMemberListBox .community-list-inner, #communityMemberListBox .friend-list-inner, .community-list-inner { letter-spacing: -.40em; width: 256px; background-image: url('/images/bg_inner_usr_thumb_list.png?1438931776'); background-repeat: repeat-x; background-color: #f3f6f9; *border: 1px solid #bbc3ca; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 5px 0px rgba(51, 51, 51, 0.4), 0 0 1px 0 #FFF; -webkit-box-shadow: inset 0 0 5px 0px rgba(51, 51, 51, 0.4), 0 0 1px 0 #FFF; box-shadow: inset 0 0 5px 0px rgba(51, 51, 51, 0.4), 0 0 1px 0 #FFF; padding: 8px; margin: 10px auto; }
#friendListBox .community-list-inner ul, #friendListBox .friend-list-inner ul, #communityMemberListBox .community-list-inner ul, #communityMemberListBox .friend-list-inner ul, .community-list-inner ul { margin-left: -7px; }
#friendListBox .community-list-inner p, #friendListBox .friend-list-inner p, #communityMemberListBox .community-list-inner p, #communityMemberListBox .friend-list-inner p, .community-list-inner p { letter-spacing: normal; }

.userPic img, .friendList li img, .communityMemberList li img, .friendBox .friendPic img, .communityList li img { border: 1px solid #dbdbdb; max-width: 75px; max-height: 75px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* search */
.searchBox { background-color: #D5DADD; padding: 3px 6px; background-image: url("../images/grade_transparent-white_topborder.png"); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; border: 1px solid #888; border-radius: 2px; -moz-border-radius: 2px; overflow: hidden; }

.searchBox .searchOrder { text-align: center; margin: 5px 0; }

.searchBox .searchOrder li { display: inline; margin: 0 5px; }

.communitySearch { text-align: center; }
.communitySearch .searchCat { max-width: 160px; }

.searchBox h2, .searchBox .pageInfo .pageTitle h1, .pageInfo .pageTitle .searchBox h1 { background: none !important; padding: 7px 0 5px !important; padding-left: 0.3em !important; font-size: 15px; border: none; margin-bottom: 0; color: #000; text-shadow: 0 1px #FFF; }

.friendSearch input { margin: 0px 0; }

/* mypage */
.systemInfo { margin: 0 0 5px; padding: 5px 10px; border: solid #D9CC8C 1px; clear: both; background-color: #FFFDEB; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2) inset; border-radius: 3px; -moz-border-radius: 3px; }

.systemInfo ul li { background-image: url("../images/icon_arrow_square_gray.png"); background-repeat: no-repeat; background-position: 0 4px; padding-left: 14px; list-style: none; }

/* blacklist */
.blackBox { width: 48%; background-color: #333; display: inline-block; margin-bottom: 10px; margin-right: 5px; display: inline-block; *display: inline; *zoom: 1; }

.blackBox .blackData { margin: 2px; }

.blackBox table { margin: 0; }

.blackBox th { background-color: #CCC; width: 80px; }

.blackBox .manageFriendArea { color: #fff; text-align: right; margin: 3px; }

.blackBox .manageFriendArea a { color: #fff; padding-left: 12px; background-image: url("../images/icon_batu.png"); background-repeat: no-repeat; background-position: 0px 50%; }

.blackBox .manageFriendArea a:hover { text-decoration: underline; }

/*********** friend ***********/
#friendAllList ul.friendList li { width: 85px; margin: 0 6px 15px; min-height: 110px; padding: 5px 5px; line-height: 1.1; border: 2px solid #fff; border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background-color: #eee; background: -webkit-linear-gradient(bottom, white, white 40%, #f0f0f0); background: -moz-linear-gradient(bottom, white, white 40%, #f0f0f0); }

.friendPic, .userPic, .communityIcon { text-align: center; }

.friendBox { background-image: url("../images/bg_white_to_transparent_s.png"); background-repeat: repeat-x; background-position: 0 0; background-color: #FAFAFA; border-radius: 2px; -moz-border-radius: 2px; overflow: hidden; margin-bottom: 5px; padding: 5px 3px; border: 1px solid #B3B3B3; }

.friendBox .friendPic { width: 75px; float: left; background-color: #fff; padding: 5px; margin: 0 10px 5px; box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); }

.friendBox .friendData { float: left; width: 432px; }

.column1 .friendBox .friendData { width: 611px; }

.friendData th { text-shadow: none; }

.friendBox .friendData .profileText { max-height: 180px; overflow: auto; }

.friendBox table { margin: 0; border: 1px solid #E0E0E0; }

.friendBox table th { background-color: #eee; background-image: none; width: 85px; }

.friendBox .manageFriendArea { margin-top: 5px; background-color: #eee; padding: 3px; text-align: right; }

.manageFriendArea a { text-decoration: none; }

.manageFriendArea .removeFriend { padding-left: 12px; background-image: url("../images/icon_batu.png"); background-repeat: no-repeat; background-position: 0px 50%; }

.friendAllList li, .userIconList li, .communityIconList li { width: 20%; }

.profileBox .friendPic { float: right; width: 150px; }

.profileBox .friendPic .friendName { display: block; }

.friendBox .friendProfile { overflow: auto; height: 100px; }

/* gamePoint */
#myGamePoint { margin-bottom: 10px; }

h2.gamePointHeading, .pageInfo .pageTitle h1.gamePointHeading { /*width: 360px;
float: left;*/ font-size: 24px; font-weight: normal; text-shadow: 1px 2px 1px white, 2px 1px 1px white, 2px 0px 1px white, 2px -1px 1px white, 2px -2px 1px white, 1px -2px 1px white, 0px -2px 1px white, -1px -2px 1px white, -2px -2px 1px white, -2px -1px 1px white, -2px 0px 1px white, -2px 1px 1px white, -2px 2px 1px white, -1px 2px 1px white, 0px 2px 1px white, 1px 2px 1px white; }

.gamePointHeading .honorific { font-size: 60%; }

.gameTitleHeading { float: left; clear: both; }

.gamePlayer { float: right; margin-bottom: 10px; overflow: hidden; }

.gamePlayer .friendPic { display: block; }

.gameData { background-color: #4D4D4D; padding: 5px; float: left; margin-left: 10px; color: #fff; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; }

.gamePointBox { border-bottom: 1px solid #ccc; padding: 5px 0; margin-top: 0px; clear: both; background-image: url("../images/dot_v_dotted.png"); background-repeat: repeat-y; background-position: 389px; }

.gamePlayer + .gamePointBox { border-top: 1px solid #ccc; }

.gamePoint .point { font-family: Arial; font-weight: bold; font-size: 15px; }

.compGamePoint { text-align: right; padding: 5px 10px; clear: both; }

.gameTitle, .gameQuest { width: 380px; float: left; }

.gameTitle h3 { display: none; float: right; background: none; border: none; padding: 0; margin: 0; font-size: 16px; }

.gameQuestPic { float: left; width: 100px; }

.questDiscription { width: 280px; float: left; }

.gamePointDataContainer { float: right; }

.gamePointData { float: left; padding: 5px; margin-left: 10px; min-height: 75px; }

.gamePointData .discriptionList dt { font-weight: bold; }

.gamePointData .discriptionList { margin: 0; }

.gamePlayer, .gamePointDataContainer { width: 340px; }

.gameData, .gamePointData { width: 146px; }

.gameData { border: 1px solid #B3B3B3; }

#myGamePoint .gamePlayer, #myGamePoint .gamePointDataContainer { width: auto; }

.gamePointData .game-status .unachieved { font-weight: bold; display: inline-block; vertical-align: middle; text-align: center; line-height: 70px; width: 100%; }

/*********** community ***********/
.pageInfo .createCommunityBtn { position: absolute; right: 10px; top: 2px; }

.communityTitle .officialCommunityMark { float: right; padding: 5px 5px 4px; background-color: #000; border-radius: 8px; line-height: 1; font-size: 0.9em; border: solid 2px #252525; margin-top: -3px; }

.pageTitle .communityTitle { overflow: hidden; }

.communityNav { text-align: right; }
.communityNav .button { text-align: right; box-shadow: 0 1px 0 white, 0 -1px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 0 white, 0 -1px 0 rgba(0, 0, 0, 0.1) inset; border-radius: 0; -moz-border-radius: 0; margin-right: 0; }

.systemInfo.communitySystemInfo { border-width: 1px; }

.communityProfile { border: 5px solid #303030; border-radius: 6px; background-color: white; padding: 10px 10px; min-height: 50px; max-width: 100%; }

.communityDetail dl.discriptionList dt { font-weight: bold; color: #222; background-image: url("../images/bg_heading_3.png"); padding: 1px 3px; width: 73px; text-align: right; letter-spacing: 0; margin-top: 2px; }
.communityDetail dl.discriptionList dd { margin-top: 2px; }

#communityInfo { background-color: #E8EFF3; background-image: url("../images/bg_white_to_transparent.png"); background-repeat: repeat-x; background-position: 0 -15%; }
#communityInfo .communityManage { text-align: center; }
#communityInfo > div { border-top: 1px solid #fff; border-bottom: 1px solid #DBDBDB; padding: 5px 5px; }
#communityInfo .communityPic { border-top: none; padding: 10px 10px; }
#communityInfo .communityPic img { width: auto; height: auto; }
#communityInfo .communityDetail .discriptionList { background-color: #F3F9FC; padding: 5px; margin: 0 0; }

.communitySubOwnerCancel { white-space: nowrap; }

.communityPic { text-align: center; }
.communityPic img { margin: 5px; border-radius: 3px; -webkit-border-radius: 3px; }

.userIconList.communityMemberAllList { margin-top: 10px; }

#communityMemberAllList .communityMemberList li { width: 16.1%; }

.communityItem, .topicItem { border: 1px solid #888; padding: 0 3px 5px; width: auto; margin-bottom: 5px; overflow: hidden; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 3px; -moz-border-radius: 3px; background-color: #fff; background-image: url("../images/dot_v_dotted.png"); background-repeat: repeat-y; }

.lte-ie8 .communityItem, .lte-ie8 .topicItem { border-bottom: 1px solid #aaa; }

.communityItem { background-position: 322px 0; }
.communityItem .communityPic { width: 110px; float: left; margin-right: 5px; }
.communityItem .communityDetail { overflow: hidden; width: 200px; float: left; margin-right: 5px; }
.communityItem dl.discriptionList { margin: 0; }
.communityItem dl.discriptionList dt { width: auto; }
.communityItem .communityProfile { overflow: auto; max-height: 125px; border: none; padding: 5px; }
.communityItem .communityManageArea { overflow: hidden; margin-left: 10px; float: left; width: 380px; }
.communityItem h3 { background-image: url("../images/bg_white_to_transparent.png"); background-repeat: repeat-x; background-position: 0 5%; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; background-color: #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.topicItem h3 { background-image: url("../images/bg_white_to_transparent.png"); background-repeat: repeat-x; background-position: 0 5%; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; background-color: #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.communityItem .communityName h3, .topicItem .topicName h3 { margin-left: -3px; margin-right: -3px; position: relative; text-shadow: 0 1px #FFF; }

.communityIconList.joinedCommunityAllList { margin-top: 10px; }
.communityIconList.joinedCommunityAllList li { width: 145px; min-height: 112px; }
.communityIconList.joinedCommunityAllList li a { background: none; box-shadow: none; border: none; padding-top: 5px; }
.communityIconList li.community-state-ower a { background-color: #FFFBCC; }

#communityCategory.sideMenu h4 { font-size: 12px; border: none; border-top: 1px solid #fff; border-bottom: 1px solid #C9C9C9; margin: 0px 0 0 0px; padding: 5px 5px 5px 10px; background-color: #F7F7F7; background-image: url("../images/bg_white_to_gray.png"); background-position: 0 93%; text-shadow: 1px 2px 1px white, 2px 1px 1px white, 2px 0px 1px white, 2px -1px 1px white, 2px -2px 1px white, 1px -2px 1px white, 0px -2px 1px white, -1px -2px 1px white, -2px -2px 1px white, -2px -1px 1px white, -2px 0px 1px white, -2px 1px 1px white, -2px 2px 1px white, -1px 2px 1px white, 0px 2px 1px white, 1px 2px 1px white; }

.pageTitle .linkToCommunityTop { float: right; font-size: 12px; font-weight: normal; line-height: 20px; }

/* topic */
.topicItem { padding: 0 3px 5px; background-image: url("../images/dot_v_dotted.png"); background-position: 300px 0; background-repeat: repeat-y; background-color: #F5F5F5; }

.topicItem .topicName { margin-bottom: 5px; }

.topicItem .topicName .title { width: 75%; float: left; }

.topic-status.topic-owner { margin-top: 8px; }

.topicItem .createdDate { float: right; color: #666; font-weight: normal; margin-right: 8px; font-size: 12px; width: 22%; text-align: right; }

.topicItem .topicPic { width: 140px; min-height: 125px; float: left; text-align: center; margin-right: 5px; }

.topicItem .topicPic img { margin: 5px; border-radius: 3px; -moz-border-radius: 3px; }

.topicItem .topicDetail { overflow: hidden; width: 150px; float: left; margin-right: 10px; font-size: 11px; }

.topicItem .topicDetail dl { margin: 0; }

.topicItem .topicProfile { width: 410px; overflow: hidden; color: #333; margin-top: 8px; }

.modify { margin: 0 0 0 20px; padding-left: 15px; font-size: 12px; white-space: nowrap; display: inline-block; background-image: url("../images/icon_arrow1.png"); background-position: left center; background-repeat: no-repeat; *display: inline; *zoom: 1; }

.topicCommentItems { border-bottom: 1px solid white; border-top: 1px solid #ccc; }

.topicCommentItem { position: relative; border-bottom: 1px solid #EEE; padding: 10px 0 5px; background-image: url("../images/bubble-arrow-gray.png"); background-position: 144px 25px; background-repeat: no-repeat; }

.topicCommentItem:first-child { border-top: none; }

.topicCommentItem.no-commentItem { background-image: none; }

.topicCommentItem .commentAuthor { width: 90px; float: left; margin-right: 10px; margin-left: 55px; text-align: center; }

.topicCommentItem .friendName { display: block; margin-top: 2px; }

.topicCommentItem .comment, #commentReplyDisplayContainer .comment { overflow: hidden; color: #333; min-height: 20px; border-radius: 8px; -moz-border-radius: 8px; padding: 10px 15px; border: 3px solid #E6E6E6; background-color: #f5f5f5; }

.comment.deleted { margin-left: 50px; background: none; }

.topicCommentItem .commentDetails { text-align: right; margin: 3px 0 0; }

.topicCommentItem .commentNumber { position: absolute; top: 10px; left: 0px; background-color: #E6E6E6; min-width: 20px; padding: 5px 3px; text-align: center; }

.topicCommentItem input.delComment { margin: 0 2px; }

.commentDate { font-size: 11px; color: #999; text-shadow: 0 1px 0 #fff; }

.manageComment { text-align: center; margin: 20px; }

.dataPostBox { margin: 10px auto; -moz-border-radius: 5px; position: relative; background-color: #e9e9e9; border-radius: 5px; border: 1px solid #888; border-bottom: 2px solid #CCC\9; overflow: hidden; }
.dataPostBox h3 { background-image: none; font-size: 14px; margin: 0 0 5px; padding: 0.5em 0.8em 0.4em; -moz-border-radius: 5px 5px 0 0; border: none; }
.dataPostBox fieldset { padding: 10px; border: 1px solid #C0C0C0; margin: 10px; background-color: #F5F5F5; }
.dataPostBox.sendNewMessage h3 { color: #FFF; background-color: #000; }
.dataPostBox.addBlacklist h3 { background-color: #CFCFCF; color: 000; }
.dataPostBox.addBlacklist form { margin: 10px; }

.icon-toggle { background-repeat: no-repeat; background-position: 10px 50%; padding-left: 27px; display: inline-block; width: 20px; height: 20px; }

.icon-toggle.toggle-hide { background-image: url("../images/icon_toggle-hide.png"); }

.icon-toggle.toggle-show { background-image: url("../images/icon_toggle-show.png"); }

.postComment h3 { cursor: pointer; background-color: #000; color: #FFF; }
.postComment .myIcon { float: left; width: 90px; }
.postComment .inputField { float: left; position: relative; }
.postComment input[type="submit"] { padding: 10px 40px; margin-bottom: 15px; }

.postComment textarea, .newTopic textarea { width: 480px; height: 150px; }

.comment-attachments { overflow: hidden; margin-top: 10px; }
.comment-attachments .attachment { float: left; margin-right: 20px; margin-bottom: 10px; }

.commentContent { border: 1px solid #ccc; background-color: #fff; padding: 5px 10px; margin: 10px 10px; border-radius: 4px; -moz-border-radius: 4px; }

#commentReplyDisplayContainer { position: absolute; z-index: 10; overflow: hidden; border: 2px solid #999; box-shadow: 0 0 6px #999; border-radius: 5px; background-color: #fff; word-break: break-all; word-wrap: break-word; }
#commentReplyDisplayContainer .comment { margin-top: 5px; padding: 8px 8px; }
#commentReplyDisplayContainer .userInfo .userPic { vertical-align: middle; margin-right: 5px; border-radius: 3px; }

.commentReplyDisplayContent { overflow: auto; position: relative; width: 450px; max-height: 350px; min-height: 60px; padding: 5px 8px; }

/* wallet */
.toWalletHistory { float: right; }

.historyInfo dl dt { font-weight: bold; }

/* settings */
.current-myPic { margin-bottom: 10px; }

.select-myPic { background-color: #E6E6E6; padding: 5px 8px; overflow: hidden; }

.new_mail fieldset { border: 2px solid #DDD; border-radius: 4px; -moz-border-radius: 4px; background-color: #E8EFF3; background-image: url("../images/bg_white_to_transparent.png"); background-repeat: repeat-x; }

.new_mail fieldset ~ fieldset { margin-top: 10px; }

.mail_settings table { background-color: transparent; margin-top: 5px; }

.mail_settings table td { vertical-align: middle; background-color: #FAFAFA; }

.mail_settings .mail_confirm_waiting, .mail_settings .mail_confirm_confirmed { text-align: center; font-weight: bold; }

.mail_settings .mail_confirm_waiting { color: #F66; }

.mail_settings .mail_confirm_confirmed { color: #3AF; }

.mail_settings td .ui-icon { float: left; }

table.mail-settings-recieve td { vertical-align: middle; }

.accountSettings .loginId li { font-size: 18px; padding: 5px 10px; }

.service-account-connection-container li { overflow: hidden; margin: 10px 6px; }

.service-account-connection-container li .service-profile-icon { vertical-align: middle; margin-left: 5px; margin-right: 5px; }

.service-account-connection-container li h4 { background-color: transparent; }

/* login */
.selectLoginId { width: 280px; border: 1px solid #ccc; padding: 10px 10px; background-color: #eee; border-radius: 3px; -moz-border-radius: 3px; background-image: url("../images/bg_white_to_transparent.png"); background-repeat: repeat-x; }

.selectLoginId h2, .selectLoginId .pageInfo .pageTitle h1, .pageInfo .pageTitle .selectLoginId h1 { font-size: 16px; }

.loginId { margin: 20px 10px; }

.loginId li { margin-right: 10px; margin-bottom: 10px; float: left; }

.selectLoginId .newuser { /*text-align:center;*/ margin: 10px; }

.selectLoginId .newuser .button { text-align: center; vertical-align: middle; }

.loginIdBtn { background-color: #fff; background-image: url("../images/loginIdBtn_sprite.png"); background-repeat: no-repeat; text-indent: -10000px; width: 100px; height: 40px; display: block; border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

.loginIdBtn.yahoo { background-position: 0 0px; }

.loginIdBtn.mixi { background-position: 0 -40px; }

.loginIdBtn.facebook { background-position: 0 -80px; }

.loginIdBtn.twitter { background-position: 0 -120px; }

.loginIdBtn.google { background-position: 0 -160px; }

/* *********** message *********** */
.writeNewMessage { text-align: center; }

.bridge-showSelectFrinedList.button { line-height: 16px; }

.mail-to .userPic { text-align: left; }

.writeNewMessage .button { padding: 9px 10px; margin-top: 2px; margin-bottom: 10px; width: 120px; line-height: 16px; }

.mailbox { border: 2px solid #ccc; background-color: white; overflow: hidden; margin-bottom: 5px; }

.mailbox table { border: none; margin: 0; }

.mailbox table th, .mailbox table td { border-left: none; }

.mailbox table td { padding: 6px 5px; }

.mailbox table th { padding-top: 5px; padding-bottom: 5px; }

.mailbox table input { margin: 0; padding: 0; }

.status-read, .status-protected { padding: 6px 0 !important; }

tr.status-unRead { background-color: #FEFECD; }

tr.status-unRead td { font-weight: bold; }

table.messageContents th { text-align: right !important; width: auto; white-space: nowrap; width: 40px; vertical-align: top; }

.selection-item-action { padding: 3px 0; background-color: #C2E3F0; background-image: url("../images/grade_gray-white_topborder.png"); background-repeat: repeat-x; background-position: 0 0; border-bottom: 1px solid #B3B3B3; }

.selection-item-action.bottom { border-top: 1px solid #ccc; }

.selection-item-action .sel-all { margin-right: 3px; margin-left: 5px; }

.selection-item-action .action-btn .button { border-radius: 2px; -moz-border-radius: 2px; padding: 2px 20px; margin: 2px 0; box-shadow: none; -moz-box-shadow: none; }

.selection-item-action .action-btn .button.btn-first { border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; margin-left: 5px; }

.selection-item-action .action-btn .button.btn-middle { border-radius: 0; -moz-border-radius: 0; border-left: 0; border-right: 0; margin-left: 0; margin-right: 0; }

.selection-item-action .action-btn .button.btn-last { border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; }

.messageBox.recieved { padding: 5px; overflow: hidden; background-color: #eee; }

.messageBox.recieved .userPic { width: 75px; text-align: center; background-color: #fff; padding: 5px; float: left; margin-right: 5px; margin-bottom: 5px; }

.messageBox.recieved .mail-details { overflow: hidden; background-color: #F7F7F7; padding-left: 10px; padding-right: 5px; padding-bottom: 5px; padding-top: 2px; border-radius: 3px; min-height: 78px; margin-bottom: 5px; }

.messageBox.recieved .mail-subject h3 { background: none; padding-left: 0; border-color: #E6E6E6; position: relative; }

.messageBox.recieved .mail-subject h3 .subject { padding-right: 25px; }

.messageBox.recieved .mail-subject h3 .ui-icon-locked { position: absolute; right: 5px; }

.messageBox.recieved .mail-from { overflow: hidden; margin-bottom: 5px; }

.messageBox.recieved .mail-date { float: left; overflow: hidden; }

.messageBox.recieved .mail-body { padding: 10px 15px; clear: both; border: 1px solid #ccc; overflow: hidden; background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; }

.actions-submit .button .ui-icon { vertical-align: text-bottom; display: inline-block; *display: inline; *zoom: 1; *float: left; *display: none; }

.actions-submit .button.delete { min-width: 70px; padding: 6px 2px; }

.messageContents th { font-weight: bold; }

.mail-row:active { background-color: #e5f6ff; }

/* help faq */
.faq li { margin-bottom: 5px; }

.faq-category-box { margin: 0 auto 10px; overflow: hidden; /*
min-height: 70px;
width: 363px;
vertical-align: top;
display: inline-block;
*display: inline;
*zoom:1;
*/ }

.faq-category-box h3 { font-size: 14px; background-image: none; background-color: #EBEBEB; border-width: 1px; border-style: solid; border-color: #A1A1A1 white white #A1A1A1; letter-spacing: 0.2em; }

.faq-category-box dl { margin-left: 10px; }

.faq-category-box dt { margin-bottom: 5px; background-image: url("../images/icon_toggle.png"); background-repeat: no-repeat; background-position: 3px 2px; padding-left: 20px; }

.faq-category-box dt { font-weight: bold; margin-top: 1em; }

/*
.faq-category-box > dl > dt:hover {
background-color: #FFF3DB;
}
*/
.faq-category-box > dl > dt.highlight { background-color: #FFF3DB; }

.faq-category-box > dl > dt.highlight2 { background-color: #FFFF00; }

.faq-category-box dd { margin-top: 10px; }

.faq-category-box > dl > dd { margin-bottom: 2.5em; margin-left: 2em; }

.faq-category-box dl dl dt { background-image: none; padding-left: 0; margin-top: 0.8em; }

.faq-category-box dl dl dd { margin-top: 0.2em; }

.faq-category-box dd ul { margin: 1em 2em; list-style: disc; }

.toggle-all-answer { position: absolute; right: 15px; top: 10px; font-size: 12px; font-weight: normal; color: #fff; cursor: pointer; text-decoration: underline; }

/* user reg */
body.userReg #userRegCommonText { background-color: #FFFFE0; padding: 10px; border-radius: 5px; margin-bottom: 10px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border: solid 1px #CCC; }
body.userReg #game-image { text-align: center; margin-bottom: 10px; }
body.userReg #game-image img { border: solid 1px #CCC; }
body.userReg .pageTitle h1 { font-size: 16px; }
body.userReg .about-bridge-service { padding: 10px; border: solid 1px #CCC; margin-bottom: 10px; background: #FFF; }
body.userReg #userRegCommonText p.text, body.userReg .about-bridge-service p.text { font-size: 13px; text-align: center; font-weight: bold; line-height: 1.6em; }
body.userReg #userRegCommonText p.text .small, body.userReg .about-bridge-service p.text .small { font-size: 13px; font-weight: normal; color: #666; }
body.userReg #content { width: 800px; }
body.userReg .small { font-size: 11px; color: #919191; }
body.userReg .descript { padding: 7px 10px; margin: 10px 0; background-color: #eee; border-left: 1px solid #000; }
body.userReg table.stdTable-v { border: none; background-color: transparent; }
body.userReg table.stdTable-v th { display: none; }
body.userReg table.stdTable-v th, body.userReg table.stdTable-v td { background-color: transparent; border: none; background-image: none; }
body.userReg input[type="text"], body.userReg input[type="url"], body.userReg input[type="email"], body.userReg input[type="search"], body.userReg input[type="tel"], body.userReg input[type=password], body.userReg textarea { padding: 6px 7px; font-size: 1.21em; }
body.userReg #mainContent h2.login-select-area-toggle, body.userReg #mainContent .pageInfo .pageTitle h1.login-select-area-toggle, .pageInfo .pageTitle body.userReg #mainContent h1.login-select-area-toggle { margin-top: 10px; margin-bottom: 0; padding-left: 11px; background-position: 0 0; background-repeat: repeat-x; line-height: 1.2; cursor: pointer; text-decoration: underline; }
body.userReg .login-description { background-color: #F0F0F0; padding: 3px 5px; }
body.userReg .login-select-area { padding: 20px; margin: 0 0 10px 0; background-color: #fff; border: 1px solid #CCC; -webkit-box-shadow: 0 1px 3px #CCC; -moz-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #CCC; text-align: justify; }
body.userReg #mainContent h2.login-select-area-toggle .icon-toggle-large, body.userReg #mainContent .pageInfo .pageTitle h1.login-select-area-toggle .icon-toggle-large, .pageInfo .pageTitle body.userReg #mainContent h1.login-select-area-toggle .icon-toggle-large { background-image: url(../images/icon_toggle_big.png); width: 20px; height: 20px; display: inline-block; padding-left: 10px; background-position: 0 -20px; background-repeat: no-repeat; vertical-align: middle; }
body.userReg #mainContent h2.login-select-area-toggle.active .icon-toggle-large, body.userReg #mainContent .pageInfo .pageTitle h1.login-select-area-toggle.active .icon-toggle-large, .pageInfo .pageTitle body.userReg #mainContent h1.login-select-area-toggle.active .icon-toggle-large { background-position: 0 0; }
body.userReg #mainContent h2.login-select-area-toggle .icon-toggle-large, body.userReg #mainContent .pageInfo .pageTitle h1.login-select-area-toggle .icon-toggle-large, .pageInfo .pageTitle body.userReg #mainContent h1.login-select-area-toggle .icon-toggle-large { background-position: 0 -23px; }
body.userReg .login-list-row { margin: 15px 0; }
body.userReg .login-list-left { float: left; width: 250px; }
body.userReg .login-list-text { padding-top: 7px; margin-left: 280px; }
body.userReg #mainContent h2.no-account, body.userReg #mainContent .pageInfo .pageTitle h1.no-account, .pageInfo .pageTitle body.userReg #mainContent h1.no-account { margin-top: 1.5em; padding-left: 24px; }

#tagname { display: inline-block; padding: 3px 10px; margin: 3px 0; border-radius: 10px; background-color: #ffffcc; }

#userRegCommonText { background-color: #FFFFE0; padding: 10px; border-radius: 5px; margin-bottom: 10px; font-weight: bold; }

.submitBtnBox.registration #submit_btn { min-width: 200px; padding: 10px 15px; border: 2px solid #52B8E0; font-size: 15px; }

.submitBtnBox.registration .disagree { margin-top: 2em; display: inline-block; }

.invite-code-input { margin: 1em; }

/* agreement */
.agreementBox { background-color: #fff; border: 1px solid #ccc; padding: 15px; margin-top: 1em; }

.agreementBox .scrollBlock { overflow: auto; border: 1px solid #ccc; height: 300px; padding: 10px; }

.agreementBox p, .agreementBox li { line-height: 1.6; }

.agreementBox p { margin: 1.5em 0.5em; }

.agreementBox ol { padding-left: 3em; padding-top: 5px; }

.agreementBox ol ol, .agreementBox ol ol ol { padding-left: 3.5em; }

body.agreement #content { width: 800px; }

/* 退会 */
.cancelMembership .myGameList { margin: 10px; }

.cancelMembership .myGameList ul { list-style: square; margin: 15px; }

/* flow */
.flow-nav { overflow: hidden; margin-bottom: 10px; /*background-color: white;*/ border-radius: 5px; -moz-border-radius: 5px; }

.step { float: left; width: 33.3%; background-image: url("/images/flow_separator.png"); background-repeat: no-repeat; background-position: right; }

.step > span { /*margin: 3px;*/ margin-right: 25px; margin-left: 10px; display: block; font-size: 15px; line-height: 2.5em; text-align: center; vertical-align: middle; border-radius: 5px; -moz-border-radius: 5px; background-color: white; border: 1px solid #ddd; text-shadow: 0 1px 1px #CCC; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset; }

.step.first > span { /*margin-left: 3px;*/ }

.step.end { background-image: none; float: right; }

.step.end > span { /*margin-right:3px;*/ }

.step.current > span { color: white; font-weight: bold; background-color: orange; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, 0.75) inset; }

.step .num { font-size: 24px; font-family: Arial; font-weight: bold; }

.flow-nav.two .step { width: 50%; letter-spacing: 0.3em; }

.flow-nav.two .step.end { margin-left: 0; }

.flow-nav.two .step.end > span { margin-left: 10px; margin-right: 0; }

.flow-nav.two .step.first > span { margin-left: 0; }

/* icon */
.icon { background-repeat: no-repeat; background-position: 0 50%; display: block; width: 16px; height: 16px; overflow: hidden; float: left; margin-right: 5px; }

.icon-mail { background-image: url("/images/icon_mail.png"); }

.icon-user { background-image: url("/images/icon_user.png"); }

.icon-search { background-image: url("/images/icon_search.png"); }

.icon-close { background-image: url("/images/icon_cancel.png"); }

.icon-back { background-image: url("/images/icon_go-back.png"); }

/* game title */
body.gametitles #contentWrapper { width: auto; }

.gameTitle-table { display: table; table-layout: fixed; border-collapse: separate; border-spacing: 10px 5px; width: 1000px; margin-left: -10px; margin-top: 5px; }

.gameTitleList { display: table-row; clear: both; }
.gameTitleList > li { display: table-cell; width: 318px; vertical-align: top; border: 1px solid #656565; border-radius: 3px; }
.gameTitleList > li .titleImg { text-align: center; }
.gameTitleList > li.no-title-data { border: none; }
.gameTitleList .gameTitleInner { position: relative; overflow: hidden; padding: 0 14px 6px; background-color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 200px; }
.gameTitleList .gameTitleInner .titleImg a { display: block; }
.gameTitleList .gameTitleInner .titleImg img { border: 1px solid #c3c3c3; width: 288px; height: 98px; }
.gameTitleList h3 { font-size: 14px; color: #FFF; padding: 8px 0px 7px; border-bottom: none; float: none; width: auto; position: relative; display: block; border-left: none; margin: 0px -15px 10px; background-color: #000; background-image: url('/images/olay_gray.png?1438931776'); padding-left: 23px; }
.gameTitleList h3:before { position: absolute; top: 8px; left: 10px; content: ""; width: 15px; height: 15px; background-image: url('/images/icon_arrow_gamettl.png?1438931776'); background-position: left 50%; background-repeat: no-repeat; }
.gameTitleList h3 a { text-decoration: none; color: #FFF; }
.gameTitleList h3 a:hover { text-decoration: underline; }
.gameTitleList .detailTitle { background-image: url('/images/bg_gamettl_detail_ttl.png?1438931776'); background-color: #e1e6e8; background-repeat: repeat-x; margin: 0 0 5px 0px; padding: 5px 8px 3px; border-left: none; line-height: 1; font-size: 15px; text-align: center; }
.gameTitleList .titleDetails { margin: 10px 0px; overflow: hidden; min-height: 82px; }
.gameTitleList .title-meta { position: relative; text-align: right; overflow: hidden; position: absolute; bottom: 5px; right: 15px; left: 15px; }
.gameTitleList .title-meta > span { display: inline-block; margin-left: 3px; margin-top: 2px; padding: 2px 4px; font-size: 10px; font-weight: normal; text-shadow: none; color: white; letter-spacing: 0px; border-radius: 1px; }
.gameTitleList .titleCat, .gameTitleList .platform { color: #fff; background-color: #C7C7C7; }
.gameTitleList .gameTitleInner .titleChannel { background-color: #C7C7C7; }
.gameTitleList .gameTitleInner .titleChannel a { color: #fff; text-decoration: none; background-image: none; }
.gameTitleList .title-meta .platform { background-color: #8FDAFF; }
.gameTitleList .gameTitleInner .titleChannel { font-size: 10px; font-weight: normal; color: white; background-color: #C7C7C7; padding: 2px 4px; text-shadow: none; margin-left: 2px; display: inline-block; }
.gameTitleList .gameTitleInner .titleChannel a { color: #fff; text-decoration: none; background-image: none; }
.gameTitleList .titleChannel a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70"; }
.gameTitleList .gameTitleInner .titleChannel.Yahoo { background-color: #440298; }
.gameTitleList .gameTitleInner .titleChannel.Hangame { background-color: #e8450a; }
.gameTitleList .gameTitleInner .titleChannel.Nicoapp { background-color: #3b3b3b; }
.gameTitleList .gameTitleInner .titleChannel.Gesoten { background-color: #b99c44; }
.gameTitleList .gameTitleInner .titleChannel.Amazon { background-color: #48a3c6; }
.gameTitleList .gameTitleInner .titleChannel.SQEXAccount { background-color: #36383e; }
.gameTitleList .gameTitleInner .titleChannel.Mixiapp { background-color: #e67e22; }
.gameTitleList .gameTitleInner .titleChannel.DMM { background-color: #151515; }

#ie9 .gameTitleInner h3:before { position: absolute; top: 10px; left: 10px; content: ""; width: 15px; height: 15px; background-image: url('/images/icon_arrow_gamettl.png?1438931776'); background-position: left 50%; background-repeat: no-repeat; }

.gameTitleImg.img-border { border: 5px solid #aaa; }

.gameTitleList .detailText p { margin: 0 0 0.6em; }

/* inquiry */
body.inquiry .gameTitleList h3, body.cancelMembership .gameTitleList h3 { font-size: 14px; }
body.inquiry .gameTitleList li, body.cancelMembership .gameTitleList li { float: left; display: block; margin: 10px; }
body.inquiry .gameTitleList .gameTitleInner, body.cancelMembership .gameTitleList .gameTitleInner { height: auto; min-height: initial; margin-bottom: 5px; }
body.inquiry .gameTitleList .gameTitleInner .titleDetails, body.cancelMembership .gameTitleList .gameTitleInner .titleDetails { height: auto; }

.gameTitleList .titleImg:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha(opacity=70); opacity: 0.7; }

/* 退会 */
.myGameTitleList { margin-top: 20px; }

.gameTitleList dl { background-color: #eee; background-image: url('/images/dot_v_dotted.png?1438931776'); background-position: 129px 0; background-repeat: repeat-y; border: 3px solid #fff; border-radius: 3px; margin: 3px; overflow: hidden; border: 1px solid #ccc; }
.gameTitleList dt { float: left; clear: both; min-width: 110px; text-align: right; }
.gameTitleList dd { overflow: hidden; background-color: #fff; }
.gameTitleList dt, .gameTitleList dd { padding: 3px 10px; }

.cancelMembership .gameTitleList dl { margin: 0; }
.cancelMembership .gameTitleList li { /*width: auto;
display: block;*/ }
.cancelMembership .myWalletLink { display: block; float: right; }

#news, .friendUpdate, body.root #root-slider-wrap { padding: 10px; background-color: #474646; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; z-index: 1; }
#news:before, .friendUpdate:before, body.root #root-slider-wrap:before { z-index: -1; content: ""; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; border: 1px solid #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#news h2, .friendUpdate h2, body.root #root-slider-wrap h2, #news .pageInfo .pageTitle h1, .pageInfo .pageTitle #news h1, .friendUpdate .pageInfo .pageTitle h1, .pageInfo .pageTitle .friendUpdate h1, body.root #root-slider-wrap .pageInfo .pageTitle h1, .pageInfo .pageTitle body.root #root-slider-wrap h1 { margin-bottom: 0; border: 1px solid #656565; border-bottom: none; }
#news dl, .friendUpdate dl, body.root #root-slider-wrap dl { border: 1px solid #656565; background-color: #fff; }

body.root #content { position: relative; overflow: visible; }
body.root #root-slider-wrap { overflow: hidden; *zoom: 1; }
body.root #root-slider-wrap #root-slide-wrapper { position: relative; border: 1px solid #FFF; }
body.root #root-slider-wrap #root-slide-wrapper .slides li { width: 468px; height: 284px; display: block; float: left; }
body.root #root-slider-wrap #root-campaign-slider { width: 470px; float: left; }
body.root #root-slider-wrap #news { width: 480px; clear: none; padding: 0; background-color: transparent; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; border: 1px solid #646464; }
body.root #root-slider-wrap #news .view-all { top: 6px; right: 7px; }
body.root #root-slider-wrap #news dl { height: 248px; overflow-y: scroll; overflow-x: hidden; }
body.root #root-slider-wrap #news dl dt { font-size: 10px; padding: 7px 0 3px 3px; position: relative; float: none; border: none; border-top: 1px dotted #656565; }
body.root #root-slider-wrap #news dl dt:first-child { border-top: none; }
body.root #root-slider-wrap #news dl dt img.title_icon { margin: 0 6px; }
body.root #root-slider-wrap #news dl dd { padding: 1px 0 6px 2px; border-top: none; }
body.root #root-slider-wrap #news dl dd a { text-decoration: none; }
body.root #root-slider-wrap #news .news-cat { position: absolute; left: 90px; top: 6px; height: 16px; }
body.root #root-slider-wrap #news h2, body.root #root-slider-wrap #news .pageInfo .pageTitle h1, .pageInfo .pageTitle body.root #root-slider-wrap #news h1 { padding: 8px 10px; background-position: 0 20%; border: none; }
body.root #contentWrapper { width: auto; float: none; }
body.root #contentWrapper.column2 #mainContent { width: auto; float: none; }
body.root .about-bridge { font-size: 14px; font-weight: bold; background: url("../images/bg_heading_3_white.png") #c2e3f0 repeat 0 top; padding: 0.4em 10px; border: 1px solid #B3D7E6; border-radius: 2px; -moz-border-radius: 2px; text-shadow: 0 1px 0 #fff; box-shadow: inset 0 0 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 5px 0px rgba(0, 0, 0, 0.1); }
body.root .about-bridge .note { font-size: 11px; font-weight: normal; padding: 5px 10px; background-color: #D1E7F0; }
body.root .about-bridge h1 { background-image: none; font-size: 18px; margin: 0; padding: 5px 6px; }
body.root #news { float: right; width: 39%; }
body.root .login_btn { background-image: url('/images/btn_login.png?1438931776'); text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-position: 0 0; width: 130px; height: 30px; position: absolute; top: -80px; right: 0px; }
body.root .login_btn:hover { background-position: 0 31px; }

/* **************** popup layout *************** */
body.popup #container { width: auto; max-width: 820px; min-width: 420px; }
body.popup #contentWrapper { width: auto; float: none; }
body.popup #mainContent, body.popup .column-0 #mainContent { width: auto; float: none; min-height: 200px; }

body.account-sqex.popup #contentWrapper.column-0 { width: 100%; }
body.account-sqex.popup #header, body.account-sqex.popup #grobalNav, body.account-sqex.popup #content { width: 90%; }

#campaign-wrap { position: relative; z-index: 1; margin: 0 0 15px; }

#campaign-slider { border: 1px solid #000; position: relative; height: 210px; overflow: hidden; *zoom: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; zoom: 1; }
#campaign-slider h2, #campaign-slider .pageInfo .pageTitle h1, .pageInfo .pageTitle #campaign-slider h1 { margin: 1px; }
#campaign-slider #slide-wrapper { border-top: 1px solid #000; background-color: #fff; width: 100%; padding: 10px 54px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#campaign-slider .caroufredsel_wrapper { width: 871px !important; }
#campaign-slider .slides li { width: 210px; height: 150px; margin-right: 10px; display: block; float: left; }
#campaign-slider .slides li a:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
#campaign-slider .slide-nav .flex-disabled { cursor: default; }
#campaign-slider .slide-nav .flex-prev { left: 10px; }
#campaign-slider .slide-nav .flex-next { right: 10px; }
#campaign-slider .slide-nav li { display: block; }
#campaign-slider .slide-nav li a { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; display: block; width: 34px; height: 150px; background-image: url('/images/slide_nav_arrow.png?1438931776'); margin: -76px 0 0; position: absolute; top: 124px; z-index: 10; overflow: hidden; cursor: pointer; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
#campaign-slider .slide-nav li a { background-position: 34px 0; }
#campaign-slider .slide-nav li a:hover { background-position: 34px -150px; }
#campaign-slider .slide-nav li:first-child a { background-position: 0 0; }
#campaign-slider .slide-nav li:first-child a:hover { background-position: 0 -150px; }

body.invite #contentWrapper { float: none; margin: 0 auto; }
body.invite .social-button li { float: left; width: 27%; margin: 2.5% 2.5%; text-align: center; }
body.invite .social-button li a { display: block; font-size: 14px; text-decoration: none; margin: auto; }
body.invite .social-button li .share-mail { border: 1px solid #ccc; border-radius: 4px; background-color: #DAEDF8; color: #333; font-size: 10px; padding: 2px 1px; width: 80%; font-weight: bold; line-height: 16px; box-shadow: 0 1px 1px 0px #fff inset; max-width: 80%; min-width: 85px; }
body.invite .social-button li .share-mail .icon.icon-mail { float: none; display: inline-block; vertical-align: middle; margin-right: 2px; }
body.invite .title-invite-header { padding: 0px; margin-bottom: 2em; border-radius: 3px; border: 1px solid #888; border-radius: 2px; background-color: #D5DADD; background-image: url('/images/grade_transparent-white_topborder.png?1438931776'); }
body.invite .header-inner { padding: 1em; overflow: hidden; border: 2px solid white; border-radius: 2px; }
body.invite .title-banner { float: left; margin-right: 1em; max-width: 40%; }
body.invite .invite-main-text { color: #000; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.5em; margin-top: 10px; text-shadow: 0 1px 0px white; overflow: hidden; }
body.invite .ie .invite-main-text { color: #00516B; }
body.invite .ie .title-invite-header { background-color: #D5DADD; }
body.invite .ie .invite-code dt { background-color: #EBD79A; background-image: url('/images/bg_white_to_transparent.png?1438931776'); background-position: 0 30%; }
body.invite .invite-code { margin: 2em 0; text-align: center; border: 1px solid #AAA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; overflow: hidden; background: #FFF; box-shadow: 0 0 5px rgba(34, 34, 34, 0.36); }
body.invite .invite-code p { margin: 0 0 0.5em; }
body.invite .invite-code input { text-align: center; border-radius: 20px; }
body.invite .invite-code dt { color: #353535; line-height: 40px; font-size: 14px; font-weight: bold; background-color: #EBD79A; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjBjNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZDc5YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(135deg, #fcf0c4, #ebd79a); background-image: -webkit-linear-gradient(135deg, #fcf0c4, #ebd79a); background-image: linear-gradient(-45deg, #fcf0c4, #ebd79a); -moz-box-shadow: inset 0 0 1px 1px #FFF; -webkit-box-shadow: inset 0 0 1px 1px #FFF; box-shadow: inset 0 0 1px 1px #FFF; background-position: 0 77%; text-shadow: 1px 2px 1px #FFF, 2px 1px 1px #FFF, 2px 0px 1px #FFF, 2px -1px 1px #FFF, 2px -2px 1px #FFF, 1px -2px 1px #FFF, 0px -2px 1px #FFF, -1px -2px 1px #FFF, -2px -2px 1px #FFF, -2px -1px 1px #FFF, -2px 0px 1px #FFF, -2px 1px 1px #FFF, -2px 2px 1px #FFF, -1px 2px 1px #FFF, 0px 2px 1px #FFF, 1px 2px 1px #FFF; border: 1px solid #AA8F60; }
body.invite .invite-code dd { overflow: hidden; background: #FFFBE0; padding: 10px; }
body.invite .invite-friends { margin-bottom: 1em; }
body.invite .invite-friends h3 { margin: -1em -1em 0em; }
body.invite table { background-color: transparent; }

body.onlinemanner { background-image: none; /* index page */ /* pleasant page */ /* defends page */ /* parts */ }
body.onlinemanner #container { width: 840px; }
body.onlinemanner #content { width: auto; margin: auto; padding: 10px; }
body.onlinemanner #mainContent { width: auto; float: none; }
body.onlinemanner #contentWrapper { width: auto; }
body.onlinemanner .pageCategoryTitle { font-size: 19px; padding: 10px; margin: 0 0 20px; font-weight: bold; color: #FFF; background-image: url('/images/bg_gray_to_transparent.png?1438931776'); background-repeat: repeat-x; background-position: 0 65%; background-color: #000; border: 1px solid #000; -moz-box-shadow: inset 0 0 0 1px #666; -webkit-box-shadow: inset 0 0 0 1px #666; box-shadow: inset 0 0 0 1px #666; text-shadow: 0 1px 0 #000; }
body.onlinemanner .go-pagetop a { padding-left: 13px; }
body.onlinemanner #copyright { margin-top: 0; }
body.onlinemanner body.onlinemanner h2, body.onlinemanner body.onlinemanner .pageInfo .pageTitle h1, .pageInfo .pageTitle body.onlinemanner body.onlinemanner h1 { margin-top: 1em; }
body.onlinemanner .pageTitle .cat-title { float: right; color: #0A8EC2; }
body.onlinemanner div.conte { background-color: #FFF; padding: 18px; margin: 0px 0px 0px 0px; text-align: left; }
body.onlinemanner div.conte a:link, body.onlinemanner div.conte a:visited { color: #000; text-decoration: underline; }
body.onlinemanner div.conte a:hover { color: #F40200; text-decoration: none; }
body.onlinemanner div.conte p { background-color: #FFF; padding: 14px 18px 25px 18px; margin: 0px; text-align: left; }
body.onlinemanner div.conte ul { padding: 14px 18px 25px 38px; margin: 0px; text-align: left; list-style: disc; }
body.onlinemanner div.conte ul li { padding: 0px 0px 5px 10px; margin: 0px; background: url("../images/arrow02.gif") no-repeat; }
body.onlinemanner p.titcomme { font-weight: bold; padding: 0px 10px 10px 10px; margin: 0; text-align: left; }
body.onlinemanner div.conte .ind-lbox { padding: 0px 0px 0px 0px; width: 387px; margin: 0px 10px 0px 0px; text-align: left; float: left; }
body.onlinemanner div.conte .ind-lbox p { padding: 0; margin: 0; text-align: left; }
body.onlinemanner a { padding: 0; margin: 0; text-align: left; }
body.onlinemanner div.conte .ind-lbox a img { margin-top: 10px; }
body.onlinemanner div.conte .ind-rbox { padding: 0px 0px 0px 0px; width: 387px; margin: 0px 0px 0px 0px; text-align: left; float: left; }
body.onlinemanner div.conte .ind-rbox p { padding: 0; margin: 0; text-align: left; }
body.onlinemanner a { padding: 0; margin: 0; text-align: left; }
body.onlinemanner div.conte .ind-rbox a img { margin-top: 10px; }
body.onlinemanner div.conte .lbox { padding: 0px 0px 20px 0px; width: 122px; margin: 20px 20px 0px 10px; text-align: left; float: left; }
body.onlinemanner div.conte .rbox { padding: 0px 0px 20px 30px; /*width:602px;*/ width: 722px; margin: 15px 0px 0px 0px; text-align: left; float: left; }
body.onlinemanner div.conte2 { background-color: #FFF; padding: 5px 0px 0px 5px; margin: 0px 0px 0px 0px; text-align: left; }
body.onlinemanner #ple-pnavi { position: relative; background-color: #FFF; top: 0px; left: 0px; padding: 0px; margin: 0px; height: 73px; list-style-type: none; overflow: hidden; }
body.onlinemanner #ple-pnavi ul#nav li a { position: absolute; top: 0; width: 162px; text-indent: -9000px; text-decoration: none; padding: 73px 0 0 0; overflow: hidden; height: 0px !important; background: url("../images/onlinemanner/pleasant_pnavi.jpg") no-repeat transparent; }
body.onlinemanner #ple-pnavi ul#nav li#nav01 a { background-position: 0 0px; left: 0; }
body.onlinemanner #ple-pnavi ul#nav li#nav01 a:hover { background-position: 0 -73px; }
body.onlinemanner #ple-pnavi ul#nav li#nav02 a { background-position: -162px 0px; left: 162px; }
body.onlinemanner #ple-pnavi ul#nav li#nav02 a:hover { background-position: -162px -73px; }
body.onlinemanner #ple-pnavi ul#nav li#nav03 a { background-position: -324px 0px; left: 324px; }
body.onlinemanner #ple-pnavi ul#nav li#nav03 a:hover { background-position: -324px -73px; }
body.onlinemanner #ple-pnavi ul#nav li#nav04 a { background-position: -486px 0px; left: 486px; }
body.onlinemanner #ple-pnavi ul#nav li#nav04 a:hover { background-position: -486px -73px; }
body.onlinemanner #ple-pnavi ul#nav li#nav05 a { background-position: -648px 0px; left: 648px; }
body.onlinemanner #ple-pnavi ul#nav li#nav05 a:hover { background-position: -648px -73px; }
body.onlinemanner #def-pnavi { position: relative; background-color: #FFF; top: 0px; left: 0px; padding: 0px; margin: 0px; height: 73px; list-style-type: none; overflow: hidden; }
body.onlinemanner #def-pnavi ul#nav li a { position: absolute; top: 0; width: 162px; text-indent: -9000px; text-decoration: none; padding: 73px 0 0 0; overflow: hidden; height: 0px !important; background: url("../images/onlinemanner/defends_pnavi.jpg") no-repeat; }
body.onlinemanner #def-pnavi ul#nav li#nav01 a { background-position: 0 0px; left: 0; }
body.onlinemanner #def-pnavi ul#nav li#nav01 a:hover { background-position: 0 -73px; }
body.onlinemanner #def-pnavi ul#nav li#nav02 a { background-position: -162px 0px; left: 162px; }
body.onlinemanner #def-pnavi ul#nav li#nav02 a:hover { background-position: -162px -73px; }
body.onlinemanner #def-pnavi ul#nav li#nav03 a { background-position: -324px 0px; left: 324px; }
body.onlinemanner #def-pnavi ul#nav li#nav03 a:hover { background-position: -324px -73px; }
body.onlinemanner #def-pnavi ul#nav li#nav04 a { background-position: -486px 0px; left: 486px; }
body.onlinemanner #def-pnavi ul#nav li#nav04 a:hover { background-position: -486px -73px; }
body.onlinemanner #def-pnavi ul#nav li#nav05 a { background-position: -648px 0px; left: 648px; }
body.onlinemanner #def-pnavi ul#nav li#nav05 a:hover { background-position: -648px -73px; }
body.onlinemanner div.conte .lbox { width: 460px; margin: 20px 20px 0px 10px; float: left; }
body.onlinemanner div.conte .rbox { width: 260px; margin: 15px 0px 0px 0px; float: left; }
body.onlinemanner #fnavi { padding: 20px 0px 20px 0px; margin: 0px 0px 0px 0px; text-align: center; font-size: 12px; }
body.onlinemanner #fnavi li { padding: 0px; color: #FFF; font-weight: bold; margin: 0px 7px 0px 7px; float: left; }
body.onlinemanner #fnavi li.no { padding: 0px; margin: 0px 0px 0px 7px; float: left; }

/* report */
.report .bridge-showReportPosting { color: #888; text-decoration: none; font-size: 11px; background-image: url("/images/icon_report.png?20120322"); background-repeat: no-repeat; background-position: 0 0; height: 0; width: 26px; padding-top: 14px; overflow: hidden; margin-bottom: 3px; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }

.bridge-showReportPosting:hover { color: #333; background-position: 0 -14px; }

.community-report .bridge-showReportPosting { overflow: visible; width: auto; padding: 0; padding-left: 31px; height: auto; line-height: 14px; vertical-align: baseline; }

body.agreement #contentWrapper { width: 100%; }

/* preregister */
body.preregister .goBack, body.before_login .goBack { text-decoration: none; background-image: url('/images/btn_arrow_left.png?1438931776'); background-position: 0 0; background-repeat: no-repeat; padding-left: 20px; }
body.preregister .goBack:hover, body.before_login .goBack:hover { text-decoration: underline; background-position: 0 -24px; }

body.preregister-list .pageInfo { margin-bottom: 8px !important; }
body.preregister-list #mainContent { width: 494px !important; border: none !important; background-color: #FFF; padding: 9px 9px 9px 9px; }
body.preregister-list #mainContent-agreement { width: 778px !important; border: none !important; background-color: #FFF; padding: 9px 9px 9px 9px; }
body.preregister-list #mainContent .newsUpdate dl dd .title_icon, body.preregister-list #mainContent .newsUpdate dl dd .news-cat { vertical-align: top; }
body.preregister-list #mainContent .newsUpdate dl dd a { width: 555px; }
body.preregister-list #mainContent .contentBox { margin-top: 0px; }
body.preregister-list .bannerImage { text-align: center; line-height: 0; }
body.preregister-list .preregisterBox { background-color: #fff; border: 1px solid #ccc; padding: 5px 5px 5px 5px }
body.preregister-list .mailAddress { text-align: center; }
body.preregister-list .mailAddress input { width: 320px; }
body.preregister-list .deviceType { text-align: center; border-radius: 20px; }
body.preregister-list .deviceType input { margin-left: 16px; }
body.preregister-list .permissionCheckBox { padding-left: 20px }
body.preregister-list .agreementText { padding: 5px 5px 5px 5px; }
body.preregister-list .agreementBox { background-color: #fff; border: 1px solid #ccc; padding: 10px; margin-top: 0em; }
body.preregister-list .notesText { padding: 5px 5px 5px 5px }
body.preregister-list .submitBtnBox a { line-height: normal; vertical-align: middle; }
body.preregister-list .marginBox { margin-top: 12px; margin-bottom: 12px; }

body.permission .permissionBox { background-color: #fff; border: 1px solid #ccc; padding: 5px 5px 5px 5px; margin-top:8px; padding: 5px; }
body.permission #mainContent { !important; border: none !important; background-color: #FFF;  }

.optin-mail { margin-top: 1em; }
.optin-mail table { width: auto; border: none; background: none; }
.optin-mail table td { border: none; }
.optin-mail dt { color: #333; margin: 0 1em 0 3px; }
.optin-mail dd { margin: 1em; }
.optin-mail p { color: #FF3300; margin: 1em; }

/* modified results */
.game-backedup-list {
  border-bottom: 1px solid #ccc;
  margin-top: 0px;
  background-image: url("/images/dot_v_dotted.png");
  background-repeat: repeat-y;
  background-position: 60%;
  overflow: hidden;
}
.game-backedup-list img {
  float: left;
  width: 55%;
  margin: 2%;
  border: 1px solid #000;
}
.game-backedup-list div {
  float: right;
  width: 36%;
  margin: 2%;
  text-align: center;
}