h2 { font-size: 1.6em; color: #000; margin: 20px 0 30px; text-align: center; }
h3 { font-size: 1.3em; color: #666; margin-bottom: 10px; }
button { padding: 5px 24px; border: 0; background: #666; color: #fff; margin: 5px; font-size: 1.1em; border-radius: 4px; }
section { margin: 0 0 30px; }
select { font-size: 1em; padding: 2px 10px; }
input[type=text], input[type=password] { font-size: 1em; padding: 2px 4px; }
a { color: #32A2F8; text-decoration: none; }
a:hover { text-decoration: underline; }
button:disabled { opacity: 0.3; }

.div_allcase { position: fixed; top: 0; left: 0; overflow: auto; margin: 0; width: 100%; height: 100%; background: url(../img/back2.png); }
.div_headerback { width: 100%; background: rgba(255,255,255,0.7); }
.div_headerbox { width: 96%; max-width: 900px; margin: 0 auto 10px; }
.div_footerback { width: 100%; }
.div_footerbox { width: 96%; max-width: 900px; margin: 10px auto 0; padding: 10px 0; text-align: center; font-size: 0.9em; }
.div_footerbox ul li { display: inline-block; margin: 0 10px; }
.div_footerbox a { color: #414F61; }
.frm_adminlogout { line-height: 1em; }
.bt_headfunc { padding: 0; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-image: url(../img/img_headfunc.png); background-color: rgba(0,0,0,0); }
.ul_pagetab { display: block; }
.ul_pagetab li { display: inline-block; padding: 15px 0 0; margin: 0 10px; border-bottom: 2px solid rgba(0,0,0,0); }
.ul_pagetab li a { color: #999; font-size: 0.9em; text-decoration: none;  }
.ul_pagetab li.selected { border-bottom: 2px solid #37A3FF; }
.ul_pagetab li.selected a { color: #333; }
.div_commonbox, .div_loginbox, .div_detailsbox { width: 96%; max-width: 900px; margin: 0 auto 10px; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 1px 1px 16px rgba(0,0,0,0.2); }
.div_loginbox { max-width: 600px; margin: 50px auto 10px; }
.div_loginbox h3 { width: 100%; text-align: center; font-size: 1.5em; margin-bottom: 30px; color: #669CCA; }
.div_loginbox button { margin-top: 30px; }
.bt_buycode { font-size: 1em; }

.img_parentloginlogo { display: block; height: 45px; margin: 0 auto 40px; }
.img_headerlogo { display: block; height: 40px; margin: 5px 0 5px; }

.tbl_admin { width: 100%; line-height: 1.5em; }
.tbl_admin th { font-size: 0.9em; color: #888; min-width: 100px; }
.tbl_admin th, .tbl_admin td { padding: 5px; }
.tbl_admin th span { font-size: 0.8em; }
.tbl_admin input[type=text], .tbl_admin input[type=password] { width: 100%; padding: 5px; font-size: 1em; }
.tbl_admin input[type=checkbox] { margin: 0 5px; }
.tbl_admin.bordered th, .tbl_admin.bordered td { border-bottom: 1px dotted #aaa; }
.div_loginbox .tbl_admin th { text-align: right; }
.tbl_admin td.error { background: #FFECEC; }
.tbl_admin td.error span { color: #ee0000; font-size: 0.9em; display: block; width: 100%; }
.tbl_admin td.refunded { color: #aaa; text-decoration: line-through; }

.sel_yearselector { margin-bottom: 30px; }
.opt_withdrawn { color: #999; text-decoration: line-through; }

.tbl_editadmin { max-width: 400px; margin: 0 auto; }

.ul_paging { display: block; width: 100%; text-align: center; margin: 10px 0; }
.ul_paging li { display: inline-block; width: 24px; height: 24px; font-size: 0.9em; line-height: 24px; border-radius: 12px; text-align: center; }
.ul_paging li.active { background: #4EA5FF; color: #fff; }
.ul_paging li a { text-decoration: none; color: #999; }
.a_dispresult { font-size: inherit; }

.div_editdata textarea { width: 100%; height: 100px; }

.bt_buy { margin: 30px 10px 10px; }
.div_dialogback { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); opacity: 0; }
.div_dialogcase { width: 95%; max-width: 600px; margin: 50px auto 0; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 1px 1px 8px rgba(0,0,0,0.3); }
.div_dialogcase p.p_dialogcontent { margin: 30px 0; }

.div_headfunc_back { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.1); }
.div_headfunc_case { position: relative; width: 100%; max-width: 900px; margin: 0 auto; }
.ul_headfunc { position: absolute; background: #fff; display: block; top: 50px; left: 100%; margin-left: -150px; width: 150px;  box-shadow: 1px 1px 8px rgba(0,0,0,0.3); padding-top: 5px; }
.ul_headfunc li { width: 100%; padding: 10px 10px 8px 42px; font-size: 0.9em; line-height: 1em; margin-bottom: 5px; cursor: pointer;
	background-repeat: no-repeat; background-size: contain; background-position: 5px 0; }
.ul_headfunc li.li_purchase { background-image: url(../img/img_icn_purchase.png); }
.ul_headfunc li.li_setting { background-image: url(../img/img_icn_setting.png); }
.ul_headfunc li.li_exit { background-image: url(../img/img_icn_exit.png); }
.ul_headfunc li.li_top { background-image: url(../img/img_icn_top.png); }

table.tbl_settings { width: 100%; border: 1px solid #666; }
table.tbl_settings th, table.tbl_settings td { padding: 5px 10px;border: 1px solid #666; }
table.tbl_settings th { color: #777; background: #f3f3f3; font-weight: bold; }
table.tbl_settings td button { display: block; width: 150px; margin: 10px auto; padding: 5px 0; font-size: 0.9em;  }
table.tbl_settings td.td_settingcontent { font-size: 1.1em; }

.div_settingback input[type=text] { font-size: 1.2em; width: 100%; }
.div_set_inputcase { padding: 5px; font-size: 0.9em; }
div.error { background: #FFD7D7; color: #f00; }

.div_entrysection { margin: 20px 0; padding: 5px; }
.div_entrysection input[type=text], .div_entrysection input[type=password] { width: 100%; font-size: 1.1em; }


.tbl_tokusho { width: 100%; border: 1px solid #666; margin: 0 0 30px; }
.tbl_tokusho td, .tbl_tokusho th { padding: 5px 10px; border: 1px solid #666; }
.tbl_tokusho th { color: #666; font-size: 0.9em; background-color: #FFFEF9; }

.div_kiyaku { padding: 20px 30px; }
.div_kiyaku h4 { font-weight: bold; font-size: 0.9em; }
.div_kiyaku p { font-size: 0.9em; margin-bottom: 30px; }
.div_kiyaku ol { font-size: 0.9em; }
.div_kiyaku ol.ol_kiyaku_l1 { margin-bottom: 30px; list-style: number; }
.div_kiyaku ol.ol_kiyaku_l1>li { margin-left: 1.4em; }
.div_kiyaku ol.ol_kiyaku_l2 { margin-bottom: 5px; counter-reset: li_count; }
.div_kiyaku ol.ol_kiyaku_l2>li {  }
.div_kiyaku ol.ol_kiyaku_l2>li:before { counter-increment: li_count; content: "("counter(li_count)") "; }

.tbl_faq { width: 96%; margin: 0 auto 30px; font-size: 1.1em; }
.tbl_faq th, .tbl_faq td { border: 1px solid #999; display: block; padding: 10px; }
.tbl_faq th { background: #EFFAFF; padding-right: 55px; margin-bottom: 10px; background-image: url(../img/img_faq0.png); background-repeat: no-repeat; background-position: 99% center; }
.tbl_faq th.opened { background-image: url(../img/img_faq1.png); margin-bottom: 0; }
.tbl_faq td { border-top: none; margin-bottom: 10px; background: #FDFFF6; }


@media screen and (max-width: 767px){
	.ul_pagetab li { margin: 0 5px; }
	.tbl_admin { font-size: 0.86em; }
	.tbl_admin th { font-size: 0.86em; color: #888; }
	.tbl_admin th, .tbl_admin td {  }
	.tbl_admin th.hide_narrow, .tbl_admin td.hide_narrow { display: none; }
	table.tbl_settings { border: none; }
	table.tbl_settings th, table.tbl_settings td { display: block; width: 100%; }
	table.tbl_settings th { margin-top: 10px; border-bottom: none; }
	table.tbl_settings td.td_settingcontent { border-bottom: none; }
}