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

@page{}

* {color:black; background:#fff !important ;}

html{background:none;}
body{font-size:10pt; margin:0; padding:0; letter-spacing:normal;}
h2{font-size:14pt; font-weight:bold; text-indent:0 !important ;}
h3{font-size:12pt; font-weight:bold; text-indent:0 !important ;}
h4{font-size:11pt; font-weight:bold; text-indent:0 !important ;}
p, dt, span, th{ text-indent:0 !important ;}

div#gNavi, div#pagetop, div.pagetop, div#footer ul, div.caution{display:none;}

div#layout{width:100%;padding:0;margin:0 auto;}
h1{position:relative;width:auto;height:auto;font-size:15pt;line-height:1.3em; margin:0; padding:0; font-weight:bold;text-indent:0;}
h1 a{display:inline;position:relative;top:0;left:0;width:100%;height:100%;font-size:20pt;}
h2#pageTitle{margin:20pt 0 0 0; height:auto; padding:0 0 5pt 0;}
div#contents{margin:0;}
div.section{padding:0; margin:0 0 3em;}
div.section h3{ border:none;  border-bottom:solid 1px #999; height:auto; margin:0 0 10px; padding-bottom:3px;font-size:12pt;}
div.section p{margin-left:0; margin-right:0;}
div.section div.article{margin:0 0 1.5em;}
div#footer{margin:10pt 0 0 0;padding:0;}

.noprint{display:none;}


/* home
------------------------------------*/
div#data{page-break-after:always;}
div#colum{page-break-before:always;}

/* #main */
div#main h2#mainImg img{width:100%;height:auto;}
div#main p#mainRead img{width:100%;height:auto;}
div#data{width:90%;height:auto;border:solid 1px #999; margin-left:auto; margin-right:auto; padding:3px;}
div#data h3{position:relative;width:auto;height:auto;padding:1% 0; border-bottom:none;}
div#data p#dataRead{position:relative;top:0;left:0;margin:0 5%;text-align:left;}
div#data p#dataTxt{position:relative;top:0;left:0;text-align:right;margin:0 5%;}

/* #question */
div#question{/*border:dotted 1px #fff;*/ padding:1px;}
div#question div{width:48%;padding:0 0 25px;border:solid 1px #999;}
div#question div h3{margin:3% 3px 5%; text-align:center; border-bottom:none; background:none;}
div#question div h3 img{width:96%; height:auto;}
div#question div p.arrow{margin:0 3px 20px; background:none;}
div#question div p.answer{margin:0 3px 10px; background:none;}
div#guide ul{ margin:0 3px; background:none;}
div#guide ul img{width:auto; height:23pt;}
div#search form{margin:0 3px; background:none;}
div#search input#checkTxtBox{width:80pt;}
div#search input#checkBtn{width:auto; height:23pt;}

/* #service */
div#service{padding:0; margin:0;}
div#service h3{ border-bottom:none;}
div#service div#serviceClmSet{margin:0 -26px 0 0;}
div#service div#serviceClmSet div.service{width:32%;padding:0; margin:0; text-align:center;}
div.service h4, div.service p.img{margin:0; padding:0;}
div.service h4 img, div.service p img{width:90%; height:auto;}
div.service p.txt{padding:0; width:90%; margin:0 auto; text-align:left;}
div.service p.btn{display:none;}

/* #colum */
div#colum{padding:0 0 35px;border-top: solid 2pt #999; border-bottom:solid 1px #999; border-left:solid 1px #999; border-right:solid 1px #999;}
div#colum h3{ border-bottom:none; margin:0 0 15px;}
div#colum h3 img{margin-top:-2px; margin-left:3%;}
div#colum dl{margin-left:35px; margin-right:35px;margin: 0 3%;}
div.accordion{margin:0;}
div.accordion a.accordionDtlLink, div.accordion div.accordionDtl div.accordionClose{display:none;}
div.accordion div.accordionDtl{display:block;}/* ←スライド部分を表示 */


/* orjp
------------------------------------ */
div#point01 div.article{page-break-after:always;}

ul#pageLink{display:none;}

div#point01 h3, 
div#point02 h3, 
div#point03 h3{ height:auto;} 
div#point01 h3 span, 
div#point02 h3 span, 
div#point03 h3 span{display:inline;}
div#point01 p.txt02, 
div#point02 p.txt02, 
div#point03 p.txt04{width:70%; margin-bottom:2em;}
div#point01 p.img01, 
div#point02 p.img01, 
div#point03 p.img02{width:30%; text-align:right; margin-bottom:2em;}
div#point01 p.img01 img, 
div#point02 p.img01 img, 
div#point03 p.img02 img{width:96%; height:auto;}

div#point01 div.article dl,
div#point03 div.article dl{padding:12px;}
div#point01 div.article dt span,
div#point03 div.article dt span{display:inline;}

div#point01{margin-top:15px;}
div#point03 p.img02 img{margin-bottom:5em;}

div#colum p.touroku{display:none;}
div.accordion div.accordionDtl p span.img01,
div.accordion div.accordionDtl p span.img02{margin:1.5em 0 0 0;}

/*#reference */
div#reference{border:solid 1px #999; padding:0 15px 35px;}
div#reference h3{border:none; margin:0 0 15px -15px;}
div#reference h3 img{margin-top:-2px; margin-left:3%;}

/* (orjp only) */
.notice{margin:10px 0 10px 1em;}




/* QandA
------------------------------------ */
div#q01{page-break-after:always;}
div#q04{page-break-after:always;}

ul#pageLink{margin:0 0 15px;padding:10px 15px;}
ul#pageLink li.first, ul#pageLink li.last{padding:3px 20px;}
div.section h3 img{display:inline;}
div.section p img.icoA{display:inline; margin-right:10px;}
div.section h3 span{border:none;}
div.section h3:after{display:none;}


/* terms
------------------------------------ */
ul#termsMenu{padding:10px 36px;margin:0 0 15px;}
ul#termsMenu li.first{color:#111;margin:0 0 10px;padding:0;}
ul#termsMenu a.first{margin:0; color:#111;}
ul#termsMenu ul.second{padding:0 0 0 15px;margin:0;}
ul#termsMenu ul.second li{margin:0;}
div#domain h3, div#org h3, div#net h3{padding:0; margin:0 0 15px;}
div.section span.termsTitle{color:#111;}
p.nextPage{display:none;}


/* touroku
------------------------------------ */
div#step01, div#step02{page-break-after:always;}

/* #intro */
div#intro{padding:10px 36px;}
div#intro p.btn{margin:0 0 5px;}
div#intro p.btn img.step{width:28%; height:auto;}
div#intro p.btn img.arrowImg{margin:0 1%; width:5%; height:auto;}
/* #step01 */
div#step01 div#check01, div#step01 div#check02{padding-top:0;}
div#step01 div.article h4{margin:0 0 0.5em;}
div#step01 div#check01 h4,div#step01 div#check02 h4{height:auto;}
div#step01 div#goto02{margin:15px 0 25px;}
div#step01 div#goto02 h4{height:auto; font-size:14pt; color:#CC0000;}

/* #step02 */
div#step02 div#address h4, 
div#step02 div#address p.img01, 
div#step02 div#address ul.txt01{width:70%;margin:0 0 1.5em;}
div#step02 div#address h4{height:auto; border-bottom:solid 1px #999; padding-bottom:5px;}
div#step01 div.article h4 span{display:inline;}
div#step02 div#address ul.txt01{text-indent:-1.5em;margin:0 0 35px;}
div#step02 div#address ul.txt01 li{text-indent:-3em;padding-left:3em;}
div#step02 div#address p.img01{_padding:1px 0;}
div#step02 div#address p.img01 img{width:100%; height:auto;}
div#step02 div#address p.img02{width:27%;position:absolute;top:0;right:-15px; right:0;}
div#step02 div#address p.img02 img{width:96%; height:auto; margin:0 2%;}

div#step02 div#checkDomanin{margin:0 0 30px;}
div#step02 div#checkDomanin h4{display:none;}
div#step02 div#checkDomanin form{display:none;}
div#step02 div#checkDomanin form span.input,
div#step02 div#checkDomanin form span.orjp{position:relative;top:0;}
div#step02 div#checkDomanin form input#checkBtn{margin-top:0; margin:0 0 0 25px;}

div#step02 div#point{margin:0;padding:0 25px;}
div#step02 div#point h4{height:auto;margin:1em 0 5px; border-bottom:solid 1px #999; padding-bottom:5px;}
div#step02 div#point p{margin-left:0;margin-right:0;}

/* #step03 */
div#step03{padding:0; margin:0;}
div#step03 div#serviceClmSet{margin:0 -26px 0 0;}
div#step03 div#serviceClmSet div.service{width:32%;padding:0; margin:0; text-align:center;}
div.service h4, div.service p.img{margin:0; padding:0;}
div.service h4 img, div.service p img{width:90%; height:auto;}
div.service p.txt{padding:0; width:90%; margin:0 auto; text-align:left;}
div.service p.btn{display:none;}
div.service p.img{margin-top:-1mm;}

/* touroku01~03 */
table#vendors{width:98%; margin:0 1% 20px;}
table#vendors th.apply,table#vendors td.apply{display:none;}
table#vendors th.name{ width:auto;}