@charset "utf-8";
/* CSS Document */

body{
 font:13px 'メイリオ',"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,Verdana,HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,Osaka,sans-serif normal;
 *font-size:small;
 *font:x-small;
 text-align:center;
 margin:0;
 padding:0;
}
#base{
 text-align:left;
 position:relative;
 color:#555;
}
body.default #base{
 margin:0 auto;
 width:776px;
}
table{
 font:13px 'メイリオ',"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,Verdana,HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,Osaka,sans-serif normal;
 *font-size:small;
 *font:x-small;
}

/*==INIT==*/
div,form,h2{ margin:0; padding:0; }
a img{ border:0; }

a{ color:#37C; }
a:hover{ color:#E50; }

/*==BASIC CLASSES==*/
input.submitBtn,
button.submitBtn,
a.btnLink{
  border-width:1px;
  border-style:solid;
  border-color:#E95 #D72 #C60;
  background:#FFA400 url(css_img/submitBtn_bg.jpg) repeat-x;
  font-weight:bold;
  text-decoration:underline;
  color:#630;
  cursor:pointer;
}
a.btnLink{ padding:2px 8px; margin:0.2em; }
div.pagination{ margin:6px 20px; text-align:center; }
div.pagination span,
div.pagination a{ border:1px solid #C6DBD9; padding:3px 5px; }
div.pagination span.disabled{ color:#CCC; }
div.pagination span.current{ color:#C60; font-weight:bold; }

div.more{ padding-right:28px; text-align:right; }
div.more a{ padding-left:30px; }

table,td,th{ border-collapse:collapse; margin:0; }
th,td{ padding:3px 5px; border:1px solid #C6DBD9; }
tr.odd:hover, tr.even:hover{ background:#EDEDED; }
tr.even{ background:#EEFDFF; }
td.date{ color:#22AFBB; font-weight:bold; white-space:nowrap; }
thead th,
tr.thRow th{ background:#AAE6EE url(css_img/main_th_bg.jpg) repeat-x; border-bottom:1px solid #77CECA; color:#3D8392; text-align:center; padding-top:7px; }
td.number{ text-align:right; }
td span.on{ color: #3366FF; }
td span.off{ color: #999999; }
td span.alert{ color: #FF3333; }

/*==FORM==*/

input.text,
textarea{
 border-color:#777 #BBB #DDD #AAA;
 border-style:solid;
 border-width:1px;
 padding:2px 1px;
 background:#FFF url(css_img/textinput_bg.gif) repeat-x;
}
div.fieldWithErrors { display:inline; }
div.fieldWithErrors input.text,
div.fieldWithErrors textarea{ border-color:#B00 #E00 #F00 #C00; border-width:2px;  display:inline; }
label{ display:block; font-weight:bold; padding-bottom:3px; }
label.inline{ display:inline; font-weight:normal; }
span.chkbox{ display:block; padding:0 10px 3px 0; /*float:left;*/ white-space:nowrap; }

/*==containers==*/

#header{ width:213px; height:100px; float:left; background:url(css_img/logo.jpg) repeat-x; position:absolute; left:0; top:0; z-index:100; }
body.default #header{ position:static; }
#headerTitle,
#headerTitle h1{ margin:0; padding:0; height:100%; }
#headerTitle a{ display:block; height:100%; text-indent:-2130px; text-decoration:none; overflow:hidden; }
#headerDesc{ position:absolute; top:0; left:213px; font-size:83%; width:555px; text-align:right; }
#headerDesc p{ margin:0; padding:0; }

#gNavi{ width:100%; height:100px; overflow:hidden; }
body.default #gNavi{ width:561px; background:url(css_img/gNavi_bg_def.jpg) no-repeat; float:left; }
body.rep #gNavi,
body.partner #gNavi{ background:url(css_img/gNavi_bg_part2.jpg) repeat-x; }
body.admins #gNavi,
body.agency #gNavi,
body.sponsor #gNavi{ background:url(css_img/gNavi_bg_spon2.jpg) repeat-x; }

body.agency #gNavi ul li a,
body.rep #gNavi ul li a,
body.partner #gNavi ul li a,
body.sponsor #gNavi ul li a,
body.admins #gNavi ul li a{ color:#FFF; }

#gNavi ul{ height:100px; padding:0 0 0 34px; margin:0 0 0 213px; list-style-type:none; }
body.default #gNavi ul{ margin:0; }
body.rep #gNavi ul,
body.partner #gNavi ul{ background:url(css_img/gNavi_left_bg_part.jpg) no-repeat; }
body.admins #gNavi ul,
body.agency #gNavi ul,
body.sponsor #gNavi ul{ background:url(css_img/gNavi_left_bg_spon.jpg) no-repeat;  }
#gNavi li{ float:left; border-right:1px solid #8CBDBA; padding:0 8px; margin-top:59px; }
body.sponsor #gNavi li,
body.agency #gNavi li,
body.admins #gNavi li{ border-right-color:#FC0; }

#gSubNavi{ width:100%; overflow:hidden; margin-top:8px; margin-left:16px; }
body.default #gSubNavi{ float:left; }
body.default #gSubNavi ul{ margin:0; }
#gSubNavi ul{ height:100%; padding:0; list-style-type:none; }
#gSubNavi li{ float:left; border-right:1px solid #8CBDBA; padding:0 8px; }
#gSubNavi li.first { background:url(css_img/icon_more.gif) no-repeat; padding-left:22px; }



#wrapper{ clear:left; }


#sNavi{ width:213px; position:absolute; overflow:hidden; background:url(css_img/sNavi_bg.gif) repeat-y; }
body.default #sNavi{ float:left; position:static; }
#sNavi div.last{ background:url(css_img/sNavi_bg_bottom.gif) no-repeat bottom left; padding-bottom:15px; }
#sNavi h2{ width:213px; height:34px; }
#sNavi h2 span{ display:block; text-indent:-2130px; }
body.partner #sNavi h2{ background:url(css_img/sNavi_part_h.jpg) repeat-x; }
body.sponsor #sNavi h2{ background:url(css_img/sNavi_spon_h.jpg) repeat-x; }
body.rep #sNavi h2{ background:url(css_img/sNavi_rep_h.jpg) repeat-x; }
body.agency #sNavi h2{ background:url(css_img/sNavi_agent_h.jpg) repeat-x; }
body.admins #sNavi h2{ background:url(css_img/sNavi_admin_h.jpg) repeat-x; }
#sNaviNavi ul{ margin-left:17px; padding-left:0; list-style-type:none; }
#sNaviNavi li{ padding-left:18px; margin:4px 0 4px 0; }
body.partner #sNaviNavi li,
body.rep #sNaviNavi li{ background:url(css_img/sNavi_part_dot.gif) no-repeat 2px 2px; }
body.sponsor #sNaviNavi li,
body.agency #sNaviNavi li,
body.admins #sNaviNavi li{ background:url(css_img/sNavi_spon_dot.gif) no-repeat 2px 2px; }
#sNaviLogin { background:url(css_img/sNaviLogin_bg.gif) repeat-y; }
#sNaviLogin h2{ background:url(css_img/sNavi_login_h.gif) repeat-x; }
#sNavi fieldset,
#sNavi legend{ margin:0; padding:0; border:0; }
#sNavi fieldset{ padding-top:22px; }
#sNavi legend{ text-indent:-2130px; }
#sNavi #loginPartner{ background:url(css_img/sNavi_log_partner_h.jpg) repeat-x; }
#sNavi #loginSponsor{ background:url(css_img/sNavi_log_sponsor_h.jpg) repeat-x; }
#sNavi #loginAgency{ background:url(css_img/sNavi_log_agency_h.jpg) repeat-x; }
#sNavi #loginRep{ background:url(css_img/sNavi_log_rep_h.jpg) repeat-x; }
#sNavi #loginAdmin{ background:url(css_img/sNavi_log_admin_h.jpg) repeat-x; }
#sNavi input.text{ width:110px; }
#sNavi label{ width:80px; font-weight:normal; float:left; text-align:right; padding-top:3px; padding-right:5px; overflow:hidden; }
#sNavi div.field{ clear:left; padding-bottom:5px; }
#sNavi input.submitBtn{ margin-left:78px; }
#sNavi div.signUp{ padding:5px 10px 5px 20px ; }
#sNavi div.signUp a{ color:#C00; font-weight:bold; }
#sNavi div.forgotPass{ padding:5px 10px 5px 20px; padding-bottom:12px; background:url(css_img/sNaviLogin_bg_bottom.gif) no-repeat bottom left;}
#sNavi div.securitymark{ text-align:center; }
#loginRep div.forgotPass,
#loginAdmin div.forgotPass,
#loginSponsor div.forgotPass{ background:url(css_img/sNaviLogin_bg_bottom_last.gif) no-repeat bottom left; padding-bottom:26px; }
#sNaviQr h2{ width:213px; height:51px; background:url(css_img/sNaviQr_h.jpg) repeat-x  !important; }
#sNaviQr p{ text-align:center; }
#sNaviQr p img{ border:7px solid #E0E1D5; }

/*==MAIN==*/
#main{ padding-bottom:40px; margin-left:213px; position:relative; background:url(css_img/main_bg2.jpg) repeat-y; min-height:400px; }
body.default #main{ width:561px; margin-left:0; float:left; overflow:hidden; background:url(css_img/main_bg.gif) repeat-y;
}
#main h2{ height:55px; font-size:144%; background:url(css_img/main_h2_bg.jpg) repeat-x; overflow:hidden; }
body.default #main h2{ width:561px; }
#main h2 span{ display:block; height:55px; padding:13px 0 0 55px; }
body.default #main h2 span{ background:url(css_img/main_h2_def.jpg) no-repeat;}
body.partner #main h2 span,
body.rep #main h2 span{ background:url(css_img/main_h2_part2.jpg) no-repeat; }
body.sponsor #main h2 span,
body.agency #main h2 span,
body.admins #main h2 span{ background:url(css_img/main_h2_spon2.jpg) no-repeat; }
#main h3{ margin-left:28px; margin-right:22px; padding-top:8px; font-size:144%; border-top:1px solid #DEF; }
#main h4{ padding-left:28px; font-size:100%; margin-bottom:10px; }
#main table{ margin-left:28px; margin-right:28px; voice-family: "\"}\""; voice-family:inherit; }
#main table.date_filter{ width: 350px; }
#main table.search{ width:450px; text-align:center; }


#main p{ margin-left:28px; margin-right:20px; }
#main p.info{ font-size:120%; border:1px solid #CDE; padding:8px 12px; color:#C60; }
#main p.empty{ border:1px solid #CDE; padding:5px 12px; color:#AAA; }
#main p.price { font-weight:bold; }
#main pre{ margin-left:28px; margin-right:20px; }

#main span.notice{ color:#A00; }
#main span.bold{ font-weight:bold; }

#main #content{ margin:0 8px; background:#FFF; padding:0 8px 5px; }
#main #content div.caution,
#main #content div.info{ border-width:2px; border-style:solid; padding:.5em 1em; font-weight:bold; }
#main #content div.caution{ color:#C00; background:#FDD; border-color:#C00; }
#main #content div.info{ color:#090; background:#DFD; border-color:#090; }

#mainContents div.caution{ border:2px solid #C00; margin:0 24px 12px; border:2px solid #C00; background:#FEE; }
#mainContents div.caution h4{ color:#C00; }
#mainContents table{ width:90%; }

#main div.form{ margin-left:28px; }
#main div.form table{ margin-left:0; }
#main div.form td,
#main div.form th{ border:0; border-bottom:1px dotted #C6DBD9; vertical-align:top;}
#main div.form td{ padding-left:18px; padding-right:12px; }
#main div.form td.desc{ font-size:83%; vertical-align:top; padding-top:8px; }
#main div.form td p.desc{ margin:2px 0; }
#main div.form .advice{ font-size:83%; color:#FF6600; }
#main div.form input.text{ width:180px; }
#main div.form input.url{ width:720px; }
#main div.form textarea{ width:600px; }
#main div.form input.textSS{ width:40px; }
#main div.form .nobr{ white-space:nowrap; }
#main div.mainSubmit{ margin-left:20px; margin-top:12px; }
#main div.form div.mainSubmit.noTable{ margin-left:0; }
#main div.mainSubmit.noTable{ margin-left:28px; }
#main div.mainSubmit input.submitBtn{ padding:4px 1em; }
#mainIntro{ margin-left:10px; }
#mainNews td,
#mainNews th{ border:0; }

#mainFaq ul{ margin-right:22px; }
#mainFaq dl{ margin-left:28px;margin-right:22px; }
#mainFaq dt{ font-weight:bold; color:#32858B; }
body.sponsor #mainFaq dt,
body.agency #mainFaq dt{ color:#C60; }
#mainFaq dd{ padding-bottom:12px; line-height:1.35; }

#mainPartnerManual ul{ margin-right:22px; }
#mainPartnerManual h4{ margin-left:28px; padding:0 0 4px 8px; width: 80%; border-width:0 0 2px 4px; border-style:solid; border-color:#1CC2D6; }
#mainPartnerManual img{ margin: 8px; }

#mainSponsorManual ul{ margin-right:22px; }
#mainSponsorManual h4{ margin-left:28px; padding:0 0 4px 8px; width: 80%; border-width:0 0 2px 4px; border-style:solid; border-color:#FFA400; }
#mainSponsorManual img{ margin: 8px; }

#main #ad_view{ margin-left:22px; }
#main #ad_view .prevBox{ width:260px; float:left; }
#main #ad_view .prevBox h4{ margin:4px 4px 3px 0; padding:0; border-top:1px solid #CDE; }
#main #ad_view .prev{ background:url(css_img/main_mobile_bg.jpg) no-repeat; width:256px; height:166px; }
#main #ad_view .prev p{ padding:60px 18px 0; margin:0; }
#main hr.clear{ clear:left; border:0; }

#main div.emojiOpener{ float:left; }
#main .emojiOpener a.btnLink{ padding:4px 3px 0; }
#main div.yen{ float: left; margin-left:4px; }
#main .yen a.btnLink{ padding:0px 7px 0; text-decoration: none; }
#main  a.switch{ background:url(/images/icons/edit-redo.png) no-repeat; padding-left:22px;}
#main #emoji{ background:#FFF; width:290px; border-style:solid; border-color:#CDE #9BC #9BC #CDE; border-width:1px 2px 2px 1px; }
#main #emoji table{ margin:5px 0 5px 5px; padding:0; width:auto; }
#main #emoji td{ padding:0; }
#main #emoji a:hover,#main #emoji td:hover{ background:#9BC; }
#main #emoji .mainSubmit,
#main #recommend .mainSubmit{ padding:5px; margin:0; }
#main #recommend{ background:#FFF; border-style:solid; border-color:#CDE #9BC #9BC #CDE; border-width:1px 2px 2px 1px; width:290px; }
#main #recommend .emojiInside{ padding:5px; }
#main .qrcodePanel{ background:#FFF; padding:12px; border: solid; border-width:1px 2px 2px 1px; }

#main .introduce ul,
#main .introduce ol{
  margin-left:22px; margin-right:22px; padding:12px 10px 12px 2em;
}
#main .introduce li{ padding-bottom:6px; }

#main .introduce2 ul,
#main .introduce2 ol{
  margin-left:22px; margin-right:22px; padding:12px 0px 0px 2em;
}

#main div.applicationLink{ margin-left:22px; height:42px; width:297px; background:url(css_img/appli_btn.jpg) repeat-x; overflow:hidden;}
#main div.applicationLink a{ display:block; height:100%; text-indent:-2970px; text-decoration:none;}

#main .more{ background:url(css_img/icon_more.gif) no-repeat; padding-left:22px; }

#main p.navigation { position:absolute; top:35px; }

#sub{ position:absolute; right:7px; top:23px; text-align:right; }


#footer{ clear:left; background:url(css_img/footer_bg2.jpg) repeat-x; text-align:center; padding-top:8px; }
body.default #footer{ background:url(css_img/footer_bg.gif) no-repeat; }
#footerNavi li{ display:inline; border-right:1px solid #DEF; padding:0 4px; }
#footerNavi li.last{ border:0; }
#footerNavi span.label{ font-weight:bold; }
#footerCopyright{ text-align:center; }