@charset "UTF-8";

body{ padding: 0; }
body,
table,
td,
tr,
table { font-family: 'Tahoma', 'MS UI Gothic', 'MS PGothic', 'Osaka'; font-size:13px; color: #3F3F3F; line-height: 150%; }

a {border:none;}
a:hover {text-decoration: none;}

a.link_menu { display: block; width: auto; padding: 1px 1px 1px 20px; background: #fff url(/images/index13.gif) no-repeat 10px 5px; color: #435B62; text-decoration: none; }
a.link_menu:hover { background: #EDAE20 url(/images/index14.gif) no-repeat 10px 5px; color: #fff; }

A.link01 { color: #5D5D5D; font-size: 12px; font-weight : normal; text-decoration: none; }
A.link01:hover  { text-decoration: underline; }

a.link02 { display: block; width: auto; padding: 8px 8px 8px 30px; background: #fff url(/images/index13.gif) no-repeat 15px 12px; color: #435B62; }
a.link02:hover { background: #EDAE20 url(/images/index14.gif) no-repeat 15px 12px; color: #fff; }

.text01 { font-weight: bold; color: #fff; padding: 0; margin-left: 10px; margin-bottom: 3px; display: block; }
.text02 { font-weight: bold; color: #F86C3A; }

a.link03 { color: #EA5925;}
a.link04 { color: #3F3F3f;}
a.link05 { color: #fff;}

.text03 { font-size: 10px;}

.tdgrade1{ background: #869BBF url(/images/grad_1.gif) repeat-x top left; color: #fff; font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; }
.tdgrade2{ background: #5C7099 url(/images/grad_2.gif) repeat-x top left; color: #fff; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; }

.alt1{ background-color: #F5F5FF; color: #000; }
.alt2{ background-color: #E1E4F2; color: #000; }
.alt3{ background-color: #D5D8E5; color: #000; }

.table_header1_message { font-weight: bold; color: #fff; padding: 0; margin-left: 10px; margin-bottom: 3px; }
.table_header2_message { font-weight: bold; color: #fff; padding: 0; }

ul,
ol{ margin-left:25px; padding:0; }
ol{ margin:0 0 0 20px;}

.chuui { color: red;}
.chuui2 { color: GREEN;}
.chuui3 { color: BLUE;}
.light1 { color: #ccc;}

img{ border:none; vertical-align:bottom; }
.text{ margin-top:10px;}

.list01 li{ margin-top:10px;}


/* hide */
.flowStep,
.twcomp_hd,
.scrollTxt,
.yellowBox .iconFrame,
.account_box .clickBtn,
.whois_box .clickBtn,
.afterSns{ display: none!important;}


/*--------------------ヘッダー--------------------*/
#titleLogo h1,
#titleLogo ul,
#titleLogo li{ margin:0; padding:0; }

#titleLogo{ background:url(/parts/images/title_bg.gif) no-repeat; width:734px; height:94px; margin:0 auto; }
#titleLogo h1,
#titleLogo ul,
#titleLogo li,
#spLinkBlockInPc{ float:left;}

#titleLogo ul{ list-style:none; margin:46px 0 0 10px; }
#titleLogo li{margin-right:25px;}

#spLinkBlockInPc{ display:none; margin:45px 35px 0 0; }


/*--------------------左カラム--------------------*/
#left{ width:202px; line-height:1.8; margin:2px 0 40px; }
#left ul{ list-style:none; margin:0; }


/*----------お知らせ----------*/
#left #topics,
#left #mainte{ border:solid 1px #006699; margin-bottom:10px; }

#left #topics .borderTit,
#left #mainte .borderTit{ font-size:13px; font-weight:bold; color:#FFF; background:#006699; margin:0; padding:3px; }

#left #topics dl{ line-height:1.5; margin:8px 7px 0; }
#left #topics dt{ font-weight:bold; color:#666; margin:0; }
#left #topics dd{margin:0 0 8px 0;}
#left #topics dt.topicNew{background:url(/parts/images/icon_news.gif) no-repeat 85px center;}
#left #topics dt.topicMainte{background:url(/parts/images/icon_maintenance.gif) no-repeat left center;}

#left #topics dd.topicImportant{ text-indent:59px; background:url(/parts/img/icon_important.gif) no-repeat left 4px; }
#left #topics p.past{ text-align:right; margin:0 7px 8px 0; }

#left #topics .hidePc{display:none;}

#left #mainte ul{ line-height:1.5; margin:8px 7px 10px 7px; }
#left #mainte p.past{ text-align:center;}


/*----------ドメイン検索----------*/
#domainSearch { background: #fff; border: solid 1px #005884; margin-bottom: 0; padding:0 0 4px; }

#domainSearch .btnDomainSearch{ float: right; width: 41px; height: 26px; background: url('/images/search/btn_domain_search.gif') no-repeat 0 0; border: none; margin-right: 8px; -webkit-appearance: none; cursor: pointer; }
#domainSearch .btnDomainSearch:hover{ background:url("/images/search/btn_domain_search.gif") no-repeat -41px 0;}

#domainSearch .textBox { float: left; width: 140px; height: 24px; border: solid 1px #999; padding: 0 2px; -webkit-appearance: none; }
#domainSearch form { margin: 8px 0 12px 8px;}


/*----------ナビ----------*/
#left #whois{ border:solid 1px #ccc; margin:10px 0; padding:5px 0 7px 6px; }
#left #whois a{ background:url(/parts/images/arrow_gray01.gif) no-repeat 3px 4px; padding-left:13px; }

#left h2{ font-size:12px; font-weight:bold; color:#3F3F3F; background:#ddd; border:solid 1px #999; margin:18px 0 3px; padding:1px 0 1px 4px; }
#left ul.serviceBanner li{margin-top:3px;}

#left #sslSwitch{ color:#999; border:solid 1px #999; border-radius: 3px; margin-top:13px; }
#left #sslSwitch li{ float:left; list-style:none; margin-right:12px; padding:0px 1px 0 0; }
#left #sslSwitch li a{ margin:0; display:block; }
#left #sslSwitch li.subject{ color:#fff; background:url(/parts/images/icon_key.png) no-repeat 5px  6px #999; margin-right:13px; padding:0 9px 1px 21px; }

#left ul.serviceOther li{ background:url(/parts/images/arrow_gray01.gif) no-repeat 3px 10px; border-bottom:dotted 1px #ccc; padding:3px 0 3px 14px; }
#left ul.serviceOther li.noDeco{ background:none; border:none; margin:3px 0; padding:0; }

ul#planExample{ width:462px; list-style:none; margin:0 0 6px; }
ul#planExample li{ height:163px; margin-top:6px; padding:0; }

ul#serverIntro{margin:10px 0 0;}
ul#serverIntro li{ float:left; list-style:none; background:url(/images/top/arrow_orange_01.gif) no-repeat left 7px; margin-right:20px; padding-left:10px; }

img.applyUser{margin:12px 0;}


/*------------------------------見出し------------------------------*/
.ttl1,
.ttl2cp{ background: url("/parts/images/ttl1_bg.gif") no-repeat 4px center #00659B; color: #FFF; font-size: 16px; line-height: 1.5; margin:2px 0 0; padding:6px 5px 7px 19px; }

.ttl1 .ttl2cp{ background:none; padding:0; }
.ttl2{ font-size:15px; line-height:1; background: url("/parts/images/ttl2_bg.gif") no-repeat 3px center #ddd; border:solid 1px #999; margin:15px 0 10px; padding: 8px 5px 8px 18px; }
.ttl3{font-size: 16px;}

.discNum{ height:30px; background-position:left 0; background-repeat:no-repeat; padding-left:33px; }
.discNum.number01{background-image:url("/parts/img/number01.gif");}
.discNum.number02{background-image:url("/parts/img/number02.gif");}
.discNum.number03{background-image:url("/parts/img/number03.gif");}
.discNum.number04{background-image:url("/parts/img/number04.gif");}
.discNum.number05{background-image:url("/parts/img/number05.gif");}


/*------------------------------オープンメニュー------------------------------*/
.openMenu{ line-height:1; background: url("/parts/images/ttl2_bg.gif") no-repeat 3px center #ddd; border:solid 1px #999; margin:15px 0 2px; padding: 8px 0 8px 18px; }
.openMenu h2{ float:left; width:420px; font-size:15px; margin:0; }
.openMenu img{ float:right; width:15px; height:14px; margin: -9px 0 0; padding:0; }


/*------------------------------パーツ------------------------------*/
/*----------位置----------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.fLeft{float:left;}
.fRight{float:right;}


/*----------カラー----------*/
.red{color:#FF3333;}
.skyblue{color:#3399CC;}
.navy{color:#003399;}


/*----------フォント----------*/
.bold{font-weight:bold;}
.normal{font-weight:normal;}

.regular{font-size:13px;}
.big{font-size:15px !important;}
.bigger{font-size:17px !important;}


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

.breakAll{ word-wrap:break-word; word-break:break-all; }
.breakNormal{word-break: normal;}


/*----------非表示----------*/
.hidePc{display:none;}


/*----------クリア----------*/
.clear{clear:both;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/*----------幅----------*/
.w90{width:90px;}
.w150{width:150px;}
.w200{width:200px;}

.w10per{width:10%;}
.w20per{width:20%;}
.w30per{width:30%;}
.w33per{width:33%;}
.w40per{width:40%;}
.w42per{width:42%;}
.w48per{width:48%;}
.w100per{width:100%;}

.w6perPc{width:6% !important;}
.w10perPc{width:10% !important;}
.w15perPc{width:15% !important;}
.w20perPc{width:20% !important;}
.w35perPc{width:35% !important;}


/*----------マージン----------*/
.noMargin{margin:0 !important;}
.mt00{margin-top:0 !important;}
.mt03{margin-top:3px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt13{margin-top:13px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb00{ margin-bottom: 0!important;}
.mb20{margin-bottom:20px !important;}

.ml15{margin-left:15px !important;}
.mr10{margin-right:10px !important;}

.pt10{padding-top:10px !important;}
.pb0{padding-bottom:0 !important;}


/*------------------------------お得意様割引サービス（バルクレジスター）------------------------------*/
#bulk table{ width:472px; border-collapse:collapse; }
#bulk .bgBlue{ text-align:center; color:#FFF; background:#6699CC; }
#bulk .bgGray{background:#eee;}

#bulk table td,
#bulk table th{ text-align:left; border:solid 1px #ccc; padding:5px 3px; }


/*------------------------------WHOIS情報の正確性の確認について------------------------------*/
#whoischk h1{line-height:1.3;}
.boxRedDot{ border:dotted 1px #FF9933; margin-top:15px; padding:10px 13px 5px; }


/*------------------------------.resister------------------------------*/
/*--------------- ユーザー登録画面 ---------------*/
.addition{ font-size:10px; color:#666; margin-right:5px; }
.proviso{ font-size:11px; margin-top:-8px; }
.attention{ font-size:11px; color:#666; background:url(/parts/images/signup/icon_attention.gif) no-repeat 5px 5px; border:dotted 1px #FF9933; padding:5px 3px 5px 50px; }

.register{ width: 472px; }

.register table td{ vertical-align:top; padding: 2px 3px 9px 0; }
.register table td table td{ vertical-align:middle; padding:0; }

img.iconRequired{ vertical-align:middle; margin-right:5px; }

.register label{margin-right:15px; }
.register .notice{ background:#F4F4F4; border:solid 1px #999; margin-top:15px; padding:5px 5px 8px; }
.register .notice ul{margin-left:25px;}
.register .notice ul li{margin-top:2px;}

.register .center{text-align:center;}

.sendRegister{ clear:both; font-size:85%; text-align:center; margin-top:25px; }
.sendRegister input.inputSend{ height:50px; width:300px; font-size:23px; margin-top:20px; }


/*--------------- アルファベット入力 ---------------*/
.allOpenBtn,
.switchHat { display: none;}

#aphabet p.btnSwitch { font-size:12px; font-weight:bold; color:#fff; display:block; background:#FF0000; border:solid 1px #666; margin: 5px 12px 10px; padding:6px 10px; }
#aphabet p.btnSwitch:hover{background:#FF6600;}

.switchOn { display: block;}
span.switchOn { display: inline;}
#aphabet p.closeBtnHat{ float:right; background:#fff; border:none; margin:10px 5px 10px 2px; }

.allOpenBtn,
.closeBtnHat span,
.switchHat { color: #fff;}
.closeBtnHat span { background:#fff; padding: 2px 4px; border: 1px solid #666; border-radius: 3px; }

.allOpenBtn:after,
.switchHat:after { content: "Open"; color:#FF0000; background:#fff; margin-left:10px; padding:2px 4px; border-radius: 3px; }
.closeBtnHat span{ color:#666;}

.nowOpen { color: #fff;}
.nowOpen:after { content: "Close"; margin-left:10px; }


/*------------------------------デジポについて------------------------------*/
.infoDigipo .ttl1{ font-size:20px; background:#FF0000; }

.boxGray{ border:solid 1px #ccc; margin:15px 0; padding:0 12px; }
.discGray, .disc{margin:13px 0 13px 25px;}
.discGray li{margin-bottom:3px;}


/*------------------------------VALUE-IP------------------------------*/
.boxApplyAccount{margin-top:30px;}
.boxApplyAccount ul{margin-top:10px;}
.boxApplyAccount li{ width:206px; text-align:left; background:#F6FAFF; margin:0; padding:15px 10px 5px; border:1px solid #BECCEA; }
.boxApplyAccount .fRight{ margin-right: 0;}

img.picAdjust{width:450px;}
.iconSquare{padding:0 3px;}
.boxIpPack ul{ list-style:none; margin-left:10px; }


/*----------アカウント一覧表----------*/
.listAccount ul{
	width:485px; list-style:none; table-layout: fixed; border-left:solid 1px #ccc; margin:0; padding:0; font-size:11px; margin-bottom:15px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.listAccount .item{ height:5em; font-size:11px; font-weight:bold; text-align:center; color:#fff; background:#0099CC; border-top:solid 1px #ccc; }
.listAccount .item a{color:#fff;}
.listAccount .itemSp{display:none;}

.listAccount li{ float:left; padding:3px 0; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.listAccount .normal{font-size:11px;}


/*------------------------------新規コンパネページ------------------------------*/
.boxRight{ width:472px; margin:0 auto; }
.boxDefault{margin-top:7px;}

.disignSelect,
.pluralSelect{ clear:both; float:right; padding:0 0 10px; }
.disignSelect{margin-top:10px;}

.pluralSelect,
.listCenter{margin-top:15px;}
.disignSelect li,
.pluralSelect li{ float:left; list-style:none; font-size:12px; }


/*----------ボタンスモーク----------*/
.buttonSmoke a,
.buttonSmoke a:visited{ display:block; color:#fff; text-decoration:none; background:#B0B0B0; border-radius:2px; margin-left:3px; padding: 7px 8px; }
.buttonSmoke a:hover{ color:#fff; background:#66CCFF; }
.buttonSmoke.current a{background:#005884;}

#naviButtonCp{margin:7px 0 15px;}
#naviButtonCp ul{ width:472px; margin:5px 0 0; }
#naviButtonCp li{ float:left; list-style:none; padding:0; margin:0 4px 4px 0; }

#subjectControl h1{ width:448px; background: #00659b url("/parts/images/ttl1_bg.gif") no-repeat scroll 4px center; color: #fff; font-size: 16px; line-height: 1.5; margin-top: 2px; padding: 6px 5px 7px 19px; }


/*----------見出し----------*/
.midashi{ padding-top:7px; margin-bottom: 10px; }
.ttl1 .midashi{ margin:0; padding:0; }

.ttl2cp{ font-size: 16px; margin:0; }
.ttl2cp.fLeft{float:none;}
.ttl2cp a, .ttl2cp a:visited{color:#fff;}

.boxGray .ttl3cp{margin-top:10px !important;}
.boxCategory .ttl3cp{ clear:both; margin:30px 0 14px; }

.tit01{ margin:40px 0 16px; font-size: 16px!important; font-weight: bold;}


/*----------リスト----------*/
.controlDomList{ line-height:1.8; margin:10px 0 10px 15px; }

.definition dt{ float:left; font-weight:bold; margin-right:1em; }
.definition dd{margin-left:0;}


/*----------リスト左揃え----------*/
.tabMenu{ margin-left:0;}
.tabMenu li{ float:left; list-style:none; margin-right:30px; }
.tabMenu.marR15 li{margin-right:15px;}


/*----------リストセンター合わせ----------*/
.listCenter{ position: relative; overflow: hidden; margin:16px 0 7px; }
.listCenter ul{ float: left; position: relative; left: 50%; margin-left:0; }
.listCenter li{ float:left; list-style:none; margin:3px; position: relative; left: -50%; }


/*----------リストテーブル----------*/
.listTable{ table-layout: fixed; margin-left:0; }
.listTable li{ float:left; width:116px; display:table-cell; background:#eee; border:solid 1px #fff; padding:6px 0; }


/*----------ボックス----------*/
.boxCategory{ width:472px;}
.boxCategory h3{ font-size:18px; }
.boxCategory h4{ margin:15px 0 5px;}

.boxCategory p,
.boxCategory ul{ font-size:13px;}

.boxObject{ margin:0 0 35px 10px;}
.boxObject.fLeft,
.boxObject.fRight{ float:none;}

.searchMine{ text-align:center; background:#EDF9FC; border:solid 1px #ccc; margin-bottom:15px; }
.searchMine h4{font-size:16px;}


/*----------ページャー----------*/
.pager{margin:20px 0;}


/*----------テーブル----------*/
caption{ font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; }

.tb01,
.tb2{ width:100%; border-collapse:collapse; border-spacing:0; }
.tb01 th,
.tb01 td{ border:solid 1px #ccc; padding:5px 2px; }

.tb2 th,
.tb2 td{ border:solid 1px #ccc; padding:5px; }
.tb2 th{ text-align:left; background:#eee; }
.item th{background:#eee;}

.bgOver td{ border-bottom:solid 1px #eee; padding:6px 0 6px 5px; }
.bgOver .imgIcons{width:220px;}
.bgOver td img{margin-top:2px;}

.inputSend.grande{ font-size:33px; margin-top:10px; padding:5px 30px; }
input.btnLarge[type="submit"]{ font-size:18px; padding:5px 8px; }

.questionnaireOld{ background: #F3FBFD; width: 472px; margin: 20px auto 16px; padding: 8px 0 6px; text-align: center; font-size: 12px; border: rgba(201,205,206,1.00) 1px solid; }
.questionnaireOld span{ display: inline-block; }


/* tbBoder */
.tbBoder *{ box-sizing: border-box;}
.tbBoder{ width: 100%; font-size: 14px; border-top: #333 2px solid;}
.tbBoder th{ background: #F3F3F3; font-weight: bold; text-align: left;}
.tbBoder th,
.tbBoder td{ height: 60px; padding: 11px 18px 9px!important; border-bottom: solid 1px #DDD; vertical-align: inherit!important;}


/*pg*/
.flowPay{ margin: 20px 0 25px;}
.flowPay img{ width: 100%;}

.boxGrayRound { border: solid 1px #CCC; border-radius: 4px; margin: 15px 0; padding: 15px; }
.inputSend.btnLarge { height: auto; font-size: 17px; padding: 4px 24px; }

.tbPayment { width: 100%; margin: 12px 0 20px; border-left:solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; border-spacing: 0; }
.tbPayment th,
.tbPayment td{ border-top:solid 1px #CCC; }

.tbPayment th{ background:#eee; width: 40%; padding:13px 10px; line-height: 1.55; text-align: left; border-right:solid 1px #ccc; }
.tbPayment td{ background:#fff; width:60%; padding:13px 10px; }
.tbPayment input{ width:75%; height:36px; padding:1px 5px 0; font-size: 14px; outline: none; border:solid 1px #bbb; box-sizing: border-box; }

.payBtn{ color: #fff; background: #666; margin: 0 2px; padding: 3px 6px; font-size: 16px!important; transition: border 0.3s ease-in-out 0s,background 0.3s ease-in-out 0s; -webkit-appearance: none; border: solid 1px #666; border-radius: 3px; cursor: pointer; outline: none; }

.flowPayDetail ul{ margin: 0;}
.flowPayDetail li{ display: block; clear:both; font-size:14px; line-height:1.5; overflow:hidden; border:solid 2px #14B1EE; border-radius:5px; margin-top:10px; padding:0 0 0 45px; }
.flowPayDetail li.exceptVD{ border:solid 2px #32466D; background-color:#32466D; }

.flowPayDetail dl{ overflow:hidden; background:#fff; padding:10px 15px 0; margin: 1px 0; }
.flowPayDetail .flowHere{ background:#FFFF99;}

.flowPayDetail dt{ width: 78%; float:left; margin: 0 0 10px; }
.flowPayDetail .dt100 dt{ width: 100%;}
.flowPayDetail dd{ width: 20%; margin: 0 0 5px; float:right; text-align: right; }
.flowPayDetail .flowHere dd{ margin:0;}

.flowNo1{background:url("/pay/images/pic_no1.png");}
.flowNo2{background:url("/pay/images/pic_no2.png");}
.flowNo3{background:url("/pay/images/pic_no3.png");}
.flowNo4{background:url("/pay/images/pic_no4.png");}
.flowNo5{background:url("/pay/images/pic_no5.png");}
.flowNo1,
.flowNo2,
.flowNo3,
.flowNo4,
.flowNo5{ background-repeat:no-repeat; background-position:12px center; background-color:#14B1EE; }

.subCaution { border-bottom: 1px solid #999; margin: 20px 0 13px!important; padding: 0 0 8px; font-size: 15px; }

.discGray { margin: 8px 0 0 8px;}
.discGray li{ display: block; background:url(/parts/img/circle_gray_01.gif) no-repeat left 7px; margin-bottom:5px; padding-left:13px; }

#charge { border-collapse: collapse; border-spacing: 0; }

.bgGray{background:#EEE !important;}

.tb03 th, .tb03 td{ border:solid 1px #ccc; padding:5px 15px; }

.convList img{ width: 100%;}
.leftTit { padding: 2px 0 0 14px; margin: 4px 0 32px; font-size: 22px; font-weight: bold; line-height: 1.5; border-left: #00A440 4px solid; letter-spacing: 1px; }

.iconSquare.Spot,
.iconSquare.Deposit,
.iconSquare.Prepaid,
.iconSquare.Recom { cursor: default; font-size: 10px; color: #fff; text-decoration: none; line-height: 1; border-radius: 2px; display: inline-block; margin: 8px 0 0 8px; padding: 5px; vertical-align: top; }

.iconSquare.Red a{background:#FF0000;}
.iconSquare.Red a:hover{background:#CC0000;}
.iconSquare.Blue a{background:#037AB8;}
.iconSquare.Blue a:hover{background:#005884;}
.iconSquare.Gray a{background:#999;}
.iconSquare.Gray a:hover{background:#666;}
.iconSquare.Spot{background:#037AB8;}
.iconSquare.Deposit{background:#75C6C1;}

.inputSend.backGray { background: #999; padding: 5px 8px; font-size: 16px; color: #fff; border: solid 1px #999; cursor: pointer; }
.inputSend.backGray:hover { border: solid 1px #999;}

.listCenter form{ margin: 0;}
.listCenter ul{ margin: 0;}
.flowPaySp img{ width: 100%;}

.oldcpBnr ul{ margin: 0; list-style: none; }
.oldcpBnr ul li{ width: 340px; margin: 15px auto 0; }

.oldcpBnr ul li a{ transition: opacity 0.3s ease-in-out 0s;}
.oldcpBnr ul li a:hover{ opacity: 0.8;}
.oldcpBnr ul li a img{ width: 100%;}
.oldcpBnr ul li .other{ display: none;}


/* 購入金額不足時表示クレジット、WebMoney */
.boxPay .howPayDetail iframe { width: 100%; height: 300px; }
.boxPay { margin-bottom: 1em; }

.blueBox01{ background: #FFFDF0!important;  margin: 20px 0!important; padding: 0!important; border: 1px solid #5FBAEE!important; border-radius: 4px; }
.blueBox01 dt{ background: #5FBAEE; padding: 3px 0; font-size: 15px; color: #fff; text-align: center; letter-spacing: 1px; }

.blueBox01 dd{ padding: 10px 20px 12px; margin:0; text-align: left; }
.blueBox01 dd p{ margin:0;}
.blueBox01 dd a{ display: inline-block; margin: 0 0 0 2px; }
.blueBox01 dd span{ display: block; margin: 3px 0 0; font-size: 12px; font-weight: bold; }


/* privilege,privilegeTxt */
.privilegeTxt{ background: #fffce8; width: 472px; padding:11px 10px 9px; margin:0 auto; border: #cac49e 1px solid; box-sizing: border-box; }
.privilegeTxt *{ box-sizing: border-box;}

.privilegeTxt p{ padding:0 0 0 80px; margin:0; position: relative;}
.privilegeTxt p:nth-of-type(2){ margin:5px 0 0;}

.privilegeTxt p .privIcon{ display: block; background: #ff5e6d; width: 70px; padding:1px 0; position: absolute; top: 0; left: 0; color: #fff; font-size: 11px; text-align: center;}
.privilegeTxt .manual .privIcon{ background: #175e91;}

.privilegeTxt p a{ text-decoration: underline;}


/* top_campaign */
.cpCamp{ display: block!important; margin: 10px!important;}
.cpCamp ul{ list-style: none;}
.cpCamp li p{ margin:0;}

.cpCamp .catch{ margin:0; line-height: 1; }
.cpCamp .red{ margin:0 0 0 4px;}

.cpCamp .txtdeco{ color: #333; text-decoration: underline;}
.cpCamp .txtdeco:hover{ text-decoration: none;}


/* arrowcomp */
.arrowcomp{ margin: 70px 0 0; position: relative;}
.arrowcomp:before{ content: ""; display: block; width: 0; height: 0; position: absolute; top: -36px; left: 50%; border: 9px solid transparent; border-top: 9px solid #c4c4c4; -webkit-transform: translate(-50%, 0); transform: translate(-50%,0);}


/* adBox */
.adBox{ position: relative; margin:60px 0 0;}
.adBox:before{ content: ""; display: block; width: 0; height: 0; position: absolute; top: -30px; left: 50%; border: 9px solid transparent; border-top: 9px solid #c4c4c4; -webkit-transform: translate(-50%, 0); transform: translate(-50%,0);}

.adBox .txt{ font-size: 22px; text-align: center;}
.adBox > ul{ display: table; max-width: 700px; margin:20px auto 0; text-align: center; letter-spacing: -0.4em;}
.adBox > ul > li{ display: inline-block; width: 100%; vertical-align: top; border-radius: 4px; letter-spacing: normal;}
.adBox > ul > li:nth-child(2){ margin:20px 0 0; }

.adBox ul li > p{ padding:8px 10px 6px; margin:0; font-size: 15px; font-weight: bold; color: #fff; }

.adBox .core{ background: #fef8f8; border: #f5401d 1px solid;}
.adBox .core > p{ background: #f5401d;}
.adBox .core dl dt{ color: #f5401d; letter-spacing: -1px;}

.adBox .wix{ background: #fbffff; border: #3cc7c5 1px solid;}
.adBox .wix > p{ background: #3cc7c5;}
.adBox .wix dl dt{ color: #3cc7c5;}

.adBox .omakase{ background: #fcfbf7; border: #ff719c 1px solid;}
.adBox .omakase .imgBox img{ height: 65px;}

.adBox .omakase > p{ background: #ff719c;}
.adBox .omakase dl dt{ color: #ff719c;}

.adBox ul li > div{ padding:0 20px 20px;}
.adBox ul li .imgBox{ min-height: 86px; position: relative; }
.adBox ul li .imgBox  img{ display: block; width: auto; height: 41px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.adBox dl{ padding:18px 0 0; border-top: #d0d0d0 1px solid;}
.adBox dl dt{ font-size: 16px; font-weight: bold;}
.adBox dl dd{ margin:6px 0 0;}

.adBox dl dt,
.adBox dl dd{ text-align: left;}

.adBox dl dd p{ line-height: 1.6;}
.adBox dl dd ul{ margin:7px 0 0 -5px; overflow: hidden;}
.adBox dl dd ul li{ padding:1px 10px; margin:5px 0 0 5px; float: left; font-size: 11px; color: #999; border: #999 1px solid; border-radius: 20px; list-style: none;}

.adBox dl dd .btn{ display: block; background: #333; width: 170px; height: auto!important; padding:6px 0 4px 6px!important; margin:20px auto 0!important; font-size: 13px; color: #fff; text-align: center; text-decoration: none;}


/* update box */
.updatecomp{ margin:40px 0;}

.updatecomp .txt{ padding:0 0 0 56px; margin:0 auto; position: relative; font-weight: bold; letter-spacing: 1px; }
.updatecomp .txt span{ background: #f70000; padding:1px 10px; position: absolute; top: 4px; left: 0; font-size: 11px; font-weight: normal; color: #fff; }

.updatecomp .scroll{ margin:22px 0 0; }
.updatecomp a{ display: block; max-width: 130px; padding:6px 10px 4px; margin:0 auto; font-size: 13px; font-weight: bold; text-align: center; border: #333 2px solid; border-radius: 4px; text-decoration: none;}


/* twcomp */
.twcomp{ background: #41a5eb; padding:40px 10px 50px; color: #fff; border-radius: 4px; text-align: center;}
.twcomp div .txt{ display: table; margin: 0 auto; padding:0 0 0 38px; position: relative; font-size: 18px;}
.twcomp div .txt:before{ content: ""; display: block; background: url("/pr/twitter-present/img/main_tw.png") no-repeat;  background-size: cover; width: 28px; height: 22px; position: absolute; top: 5px; left: 0;}

.twcomp .tit{ margin:16px 0 0; font-size: 24px; font-weight: bold; line-height: 1.55;}
.twcomp .tit span{ color: #fffc00;}

.twcomp > p{ display: table; margin:30px auto 14px; padding:0 12px; position: relative; font-size: 14px; color: #dcf1ff;}
.twcomp > p:before,
.twcomp > p:after{ content: ""; display: block; background: #dcf1ff; width: 1px; height: 16px; position: absolute; top: 4px; }
.twcomp > p:before{ left: 0; transform:rotate(-35deg);}
.twcomp > p:after{ right: 0; transform:rotate(35deg);}

.twcomp .btnBox{ max-width: 500px; margin:0 auto; overflow: hidden;}
.twcomp .btnBox li{ max-width: 240px; margin:0 auto; list-style: none;}
.twcomp .btnBox li:nth-child(2){ margin:14px auto 0;}

.twcomp .btnBox a{ display: block; background: none; padding: 13px 10px 11px!important; color: #fff; border: #fff 1px solid; text-decoration: none;}
.twcomp .btnBox .tw{ background: #fff; color: #41a5eb!important;}
.twcomp .btnBox .tw:after{ display: none;}


/* twcomp_hd */
.twcomp_hd{ background: #23b997; width: 100%; padding:6px 10px 7px; position: absolute; top: 0; left: 0; color: #fff; z-index: 1000;}
.twcomp_hd,
.twcomp_hd *{ box-sizing: border-box;}

.twcomp_hd > div{ display: table; margin:0 auto; padding:0 0 0 126px; position: relative;}
.twcomp_hd p{ display: inline; font-size: 20px; font-weight: bold; font-style: italic; letter-spacing: 1px;}
.twcomp_hd span{ background: #fff; padding:4px 8px 3px; position: absolute; top: 5px; left: 0; color: #23b997; font-size: 12px; font-style: normal; border-radius: 2px; letter-spacing: 0;}

.twcomp_hd a{ display: inline-block; margin:8px 0 0 26px; font-size: 12px; color: #fff; vertical-align: top;}
.twcomp_hd a:hover{ color: #fff;}


/* sbnrBox */
.sbnrBox ul{ margin:0;}
.sbnrBox li{ list-style: none;}
.sbnrBox img{ width: 100%;}


/*required*/
.required,
.any{ display: inline-block; margin:0 6px 0 0; padding:1px 4px 0; font-size: 10px; color: #fff; vertical-align: top; border-radius: 3px;}
.required{ background: #eb2d2d;}
.any{ background: #aaa;}


/* txtLink */
.txtLink{ position: relative; font-size: 12px; color: #003399;  }
.txtLink:after{ content: ""; display: block; background: url(/partner/affiliate/img/blank01.png) no-repeat; background-size: cover; width: 10px; height: 9px; position: absolute; top: 6px; right: -16px; }

.titLink{ display: inline-block; margin:7px 0 0 20px; font-weight: normal; vertical-align: top; }


/* attTxt */
.attTxt{ padding: 0 0 0 1.2em; position: relative; }
.attTxt:before{ content: "※"; display: block; position: absolute; top: 0; left: 0; }


/* apicode */
.apicode{ background: #F1F5F7; margin: 20px 0 0; padding: 10px; border: #CFD5D8 1px solid; }
.apicode dt{ font-size: 17px; font-weight: bold; text-align: center; letter-spacing: 1px; }
.apicode dd{ margin-left: 0; margin-top: 14px;}
.apicode dd p{ text-align: center;}

.apicode dd .innercode{ background: #fff; padding: 10px; margin-bottom: 10px; border:#ccc 1px solid; word-wrap: break-word;}
.apicode dd .btn{ display: table; margin: 10px auto 0; }

#vdapi .dt{ display: table; margin: 0 auto;}


/* support.php */
#support h4{ margin:12px 0 10px; font-size:15px; }
#support .dotList{ padding-bottom:14px; border-bottom:solid 1px #CCC; }


/* btn */
.btn{ display: block; background:#666; min-width: 160px; padding:9px 18px 8px!important; font-size: 15px; color: #FFF !important; text-decoration: none!important; text-align: center; border-radius: 3px; box-sizing: border-box; outline: none; }
.disabled{ background: #ddd!important; color: #fff!important;  cursor: default!important; }

.arrowBtn{ display: inline-block; padding:0 0 0 18px; position: relative;}
.arrowBtn:before{ content: ""; display: block; width: 0; height: 0; border: 4px solid transparent; border-left: 5px solid #aaa; position: absolute; top: 8px; left: 6px; }