@charset "utf-8"
  html {color: #333; background: #fff; overflow-y: scroll}
 body {margin: 0; padding: 0; overflow: visible; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, arial, helvetica, clean, sans-serif; text-align: center; border-top: 5px solid #332B28; min-width: 926px; color: #332B28; background: #ffffff; font-size:13px; font-size-adjust: none}
 *+html body {font-size: 13px; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", arial, helvetica, clean, sans-serif}
*+html table {font-size:100%}
 * html body {font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", arial, helvetica, clean, sans-serif; font-size: 13px}
* html table {font-size:100%}
 a {overflow: hidden}
a img, img {border: 0}
abbr, acronym {border: 0}
address, caption, cite, code, dfn, em, th, strong, var {font-style: normal; font-weight: normal}
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {margin: 0; padding: 0}
caption, th {text-align: left}
code, kbd, pre, samp, tt {line-height: 100%; font-family: monospace}
 *+html code, kbd, pre, samp, tt {font-size: 108%}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%}
ol, ul {list-style: none}
q:before, q:after {content: ''}
 button, fieldset, form, input, label, legend, select, textarea {margin: 0; padding: 0; vertical-align: baseline; font-family: inherit; font-style: inherit; font-weight: inherit; font-size: 100%}
 table {font-size: 100%; border-spacing: 0; border-collapse: collapse}
 html {background: #eeeeee; font-size: 13px}
body, td {line-height: 1em}
ul, li {list-style-type: none}
a {color: #0a819f; text-decoration: none}
a:link, a:visited {color: #0a819f; text-decoration: none}
a:active, a:hover {color: #e47734; text-decoration: underline}
img {border: 0}
p {line-height: 16px; color: #332b28}
td {line-height: 16px; color: #332b28}
h1 {float: left; line-height: 16px; color: #332b28332b28; font-weight: normal; font-size: 0.769em}
li a {line-height: normal}
input, textarea {margin: 2px 2px; padding: 2px 2px}
input[type="password"] {font-family: Verdana, sans-serif}
 #header {margin: 0 auto; width: 930px; text-align: left}
#header h1 {margin: 10px 0; float: left; width: 500px}
ul#information{ float: right; width: 380px}
ul#information li{ margin: 10px 20px 10px 0; float: right; font-size: 0.769em}
a#sitelogo{ display: block; float: left; width: 180px; height: 45px; line-height: 0.35; color: #332B28; background: transparent url(../../images/top/bnr_payca_top.gif) no-repeat scroll 0 0; font-family: Century gothic,Georgia,"Times New Roman",Times,serif; font-size: 48px; text-indent: -9999px; text-decoration: none}
#nav {float: right; width: 735px; background: #332B28 none repeat scroll 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px}
#nav a{ color: #ffffff}
ul#mainmenu{ float: left}
ul#mainmenu li.firstchild{ padding: 0 0 0 20px; float: left}
ul#mainmenu li.firstchild a{ padding: 15px 10px 15px 12px; display: block; background: transparent url(../../images/common/icon/sprite.gif) no-repeat scroll -20px -152px}
ul#mainmenu li.firstchild a:hover{ background: #FE9D05 url(../../images/common/icon/sprite.gif) no-repeat scroll -20px -152px}
#user ul#mainmenu li.firstchild a{ background: transparent url(../../images/common/icon/sprite.gif) no-repeat scroll -20px -97px; cursor: default}
#user ul#mainmenu li.firstchild a:hover{ background: #FE9D05 url(../../images/common/icon/sprite.gif) no-repeat scroll -20px -97px}
ul#mainmenu li ul{ position: absolute; z-index: 30; width: 160px; visibility: hidden; background: #fafafa none repeat scroll 0 0; -moz-box-shadow: 3px 3px 3px rgba(51,43,40,0.65); -webkit-box-shadow: 3px 3px 3px rgba(51,43,40,0.65)}
ul#mainmenu li.firstchild ul li{ border-bottom: 1px dotted #332B28}
ul#mainmenu li.firstchild ul li.bottom{ border: none}
ul#mainmenu li.firstchild ul li a{ color: #332B28; background-image: none; cursor: pointer}
#user ul#mainmenu li.firstchild ul li a{ color: #332B28; background-image: none; cursor: pointer}
ul#mainmenu li.firstchild ul li a:hover{ color: #ffffff; background-image: none}
#user ul#mainmenu li.firstchild ul li a:hover{ color: #ffffff; background-image: none}
ul#submenu{ padding: 10px 0; float: right}
ul#submenu li{ float: right}
ul#submenu li a{ margin: 0 10px 0 0; padding: 5px 10px; display: block; background: #0A819F none repeat scroll 0 0; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px}
ul#submenu li a:hover{ background: #fe9d05 none repeat scroll 0 0}
 #container {margin: 15px auto; width: 926px; background: #FFFFFF; text-align: left}
#container h3.title{ margin: 0 0 15px; border-left: 2px solid #332B28; width: 100%; color: #332B28; background: url(../../images/common/bg/bg_h3_border.gif) repeat; font-weight: bold; font-size: 1.154em}
#container h3.title span{ padding: 10px 0 10px 10px; display: block}
 #footer{ margin: 10px auto 0; padding: 0 10px 0 20px; border-top: 1px solid #CCCCCC; clear: both; background: #eeeeee; text-align: left}
#footer p {margin: 0; padding: 10px 0}
#footer_line {border-top: solid #eeeeee 10px; clear: both; width: 950px; height: 5px; background: #35A236; text-align: center}
#footer #sitelink {padding: 15px 0 30px; text-align: center}
#footer .pagetop {padding: 10px 10px 10px 0; text-align: right}
#footer p.line_dot {margin-left: 10px; width: 928px; background: url(/images/common/line/line_dot.gif) repeat-x}
#footer p.pagebottom {padding-bottom: 10px}
#footer #sitelink ul {margin: 5px 0px; text-align: center}
#footer #sitelink li {padding: 3px 10px 3px 21px; display: inline; line-height: 1.6em; font-size: 12px}
#footer #sitelink li.fast {display: inline}
#footer #sitelink .copyright {padding-bottom: 10px; color: #333333; font-size: 10px; text-align: center; letter-spacing: 0.1em}
 #footer #group_link{ border-bottom:1px dotted #AAAAAA; font-size:0.769em; padding:10px 0 16px}
#footer div.group{ float:left; padding:5px 0; width:400px}
#footer div.foot{ width:800px}
#footer div.group p.genre{ padding: 6px 0 0 10px; height: 21px; font-weight: bold}
#footer div.group p.none{ text-indent: -9999px}
#footer div.group ul li{ padding-left: 11px; float:left}
#footer div.group ul li a{ padding: 0 0 0 13px; width: 9px; height: 9px; background: transparent url(../../images/common/icon/sprite.gif) no-repeat scroll -19px 1px}
#footer div.group ul li a:hover{ background: transparent url(../../images/common/icon/sprite.gif) no-repeat scroll -19px -58px}
#group_link{ margin: 0px auto; width: 860px}
 #main_content {padding: 0; float: left; width: 600px}
#main_content h3.title{ border-left: 2px solid #332B28; width: 600px; color: #332B28; background: url(../../images/common/bg/bg_h3_border.gif) repeat; font-weight: bold; font-size: 1.154em}
#main_content h3.title span{ padding: 10px 0 10px 10px; display: block}
#main_content a.others{ margin: 10px 20px 10px 0; display: block; float: right; font-size: 0.769em}
 #sub_content {padding: 0; float: right; width: 300px}
#sub_content div.graybox{ border: 1px solid #d6d6d6; width: 300px; background: #div.graybox}
#sub_content h3.title{ border-left: 2px solid #332B28; width: 300px; color: #332B28; background: url(../../images/common/bg/bg_h3_border.gif) repeat; font-weight: bold; font-size: 1.154em}
#sub_content h3.title span{ padding: 10px 0 10px 10px; display: block}
#sub_content a.others{ margin: 10px 20px 0 0; float: right; font-size: 0.769em}
 #pager {margin: 10px 0; text-align: center}
#pager .skip_p, #pager .skip_n, #pager .prev, #pager .next, #pager .num {display: inline; line-height: 36px; font-weight: bold; text-align: center; text-decoration: none}
#pager .skip_p a, #pager .skip_n a, #pager .prev a, #pager .next a {padding: 4px 4px 4px 4px; color: #FFFFFF; background: #0A819F}
#pager .skip_p a:link, #pager .skip_n a:link, #pager .prev a:link, #pager .next a:link {color: #FFFFFF; background: #0A819F; text-decoration: none}
#pager .skip_p a:hover, #pager .skip_n a:hover, #pager .prev a:hover, #pager .next a:hover {color: #FFFFFF; background: #0A819F; text-decoration: underline}
#pager .skip_p a, #pager .prev a {margin-right: 5px}
#pager .skip_n a, #pager .next a {margin-left: 5px}
#pager .num {margin-right: 8px; margin-left: 8px}
#pager .num a {margin-right: 2px; margin-left: 2px; padding: 4px 4px 4px 4px; border: 1px solid #0A819F; color: #0A819F; text-align: center; text-decoration: none}
#pager .num a:hover {color: #0A819F; text-decoration: underline}
#pager .num span {margin-right: 2px; margin-left: 2px; padding: 4px 4px 4px 4px; color: #FFFFFF; background: #0A819F; text-align: center; text-decoration: none}
 .clearfloat {clear: both; height: 0; line-height: 0px; font-size: 1px}
.clearfix {display: inline-block}
.clearfix {display: block}
.clearfix:after {display: block; clear: both; content: ""}
 div.attention_message{ background:none repeat scroll 0 0 #FFFF88; margin:0 auto 20px; padding:15px 0; text-align:center; width:500px}
 #error_message ul{ margin: 15px auto; padding: 5px; border: 1px solid #FF7F50; width: 600px; line-height: 20px; list-style-position: inside; color: #FF0000; background-color: #FFE0E0}
#pex_login_error_message ul{ margin: 15px auto; padding: 5px; border: 1px solid #FF7F50; width: 400px; line-height: 20px; list-style-position: inside; color: #FF0000; background-color: #FFE0E0}
#pex_login_error_message ul li{ list-style-type: circle}
#error_message ul li{ list-style-type: circle}
#login_error_message ul{ margin: 15px auto; padding: 5px; border: 1px solid #FF7F50; line-height: 20px; list-style-position: inside; color: #FF0000; background-color: #FFE0E0}
#login_error_message ul li{ list-style-type: circle}
.fieldWithErrors { display: inline}
#container div.graybox {margin: 0 auto 15px; border: 1px solid #D6D6D6; background: #f6f5f0 none repeat scroll 0 0}
#charge div.graybox {width: 400px}
.require {color: #FF7F50}
 #table_input {margin: 0px auto 20px; border-collapse: collapse}
#table_input th {padding: 10px; border: 1px solid #CCCCCC; width: 200px; width: 200px; background: #fafafa none repeat scroll 0 0}
#table_input td {padding: 10px; border: solid #cccccc 1px; width: 385px; background-color: #FFFFFF}
#table_input td input.mail_add {width: 350px}
#table_input td input.name {width: 130px}
#table_input td input.date {width: 50px}
#table_input td input.postal {width: 50px}
#table_input td input.address {width: 350px}
#table_input td input.email {width: 170px}
#table_input td input.passwords {width: 170px}
#table_input td input.item {width: 300px}
#table_input td input.text {width: 350px; height: 210px}
#table_input td input.check {float: left}
#table_input td span {padding-bottom: 5px}
#table_input td select.bank_account {margin-right: 8px; width: 170px}
#table_input td select.content_inquiry {width: 170px}
#table_input td input.money_input {margin-right: 8px; width: 160px}
#table_input_top {margin: 0 auto 15px; border-collapse: collapse}
#table_input_top th {padding: 10px; border: 1px solid #CCCCCC; width: 200px; width: 200px; background: #fafafa none repeat scroll 0 0}
#table_input_top td {padding: 10px; border: solid #cccccc 1px; width: 385px; background-color: #FFFFFF}
#table_input_bottom {margin: 0 auto 15px; border-collapse: collapse}
#table_input_bottom th {padding: 10px; border: 1px solid #CCCCCC; width: 200px; width: 200px; background: #fafafa none repeat scroll 0 0}
#table_input_bottom td {padding: 10px; border: solid #cccccc 1px; width: 385px; background-color: #FFFFFF}
 #setting {margin: 0 auto; width: 630px}
#setting h4 {padding: 0 0 10px 20px; background: transparent url(../../images/common/icon/sprite.gif) no-repeat scroll -12px -696px; font-weight: bold; font-size: 1.077em}
#setting ul.list_account li {line-height: 20px}
#setting ul.list_account span {display: block; float: left; width: 95px}
#setting p.about {margin: 0 auto 15px; width: 590px; line-height: 21px}
#setting p.attention {margin: 0px auto 15px; width: 500px; font-weight: bold; text-align: center}
#setting .agree {margin: 0px auto 15px; padding: 10px 0; border: 1px solid #CCCCCC; width: 625px; background: #FAFAFA none repeat scroll 0 0; text-align: center}
#setting .Information {padding: 10px 10px; border: 1px solid #CCCCCC; line-height: 20px; background: #FAFAFA none repeat scroll 0 0; text-align: center}
#setting p.complete {margin: 30px 0; font-size: 16px; text-align: center}
#setting p.small {margin: 10px 0 0 0; font-size: 11px; text-align: center}
#setting p.center {margin: 30px 0; text-align: center}
 #container p.submit a {margin: 0 auto 20px; padding: 10px 0; display: block; width: 260px; color: #FFFFFF; background: #0A819F; text-align: center; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px}
#container p.submit a:hover {background: #FE9D05}
#container p.submit a span {margin: 0 auto; padding: 10px 15px; display: inline; line-height: 20px; background: url(../../images/common/icon/sprite.gif) no-repeat scroll -20px -217px; font-size: 1.231em; text-align: left}
#container p.submit_parallel {margin: 0 auto 15px; padding: 0 25px; display: block; float: left; width: 260px; text-align: center}
#container p.submit_parallel a {margin: 0 auto; padding: 10px 0; display: block; float: left; width: 260px; color: #FFFFFF; background: #0A819F; text-align: center; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px}
#container p.submit_parallel a:hover {background: #FE9D05}
#container p.submit_parallel a span {margin: 0 auto; padding: 10px 15px; display: inline; line-height: 20px; background: url(../../images/common/icon/sprite.gif) no-repeat scroll -20px -217px; font-size: 1.231em; text-align: left}
#table_input td input.brunch {width: 50px}
#container p.submit input {margin: 0 auto 20px; padding: 10px 0 10px 15px; border: none; display: block; width: 260px; color: #FFFFFF; background: #0A819F url(../../images/common/icon/sprite.gif) no-repeat scroll 20px -215px; font-size: 1.231em; text-align: center; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#container p.submit input:hover {background: #FE9D05 url(../../images/common/icon/sprite.gif) no-repeat scroll 20px -215px}
#container p.submit input span {margin: 0 auto; padding: 10px 15px; display: inline; line-height: 20px; background: url(../../images/common/icon/sprite.gif) no-repeat scroll -20px -217px; text-align: left}