@charset "UTF-8";

/* clearFix
---------------------------------------------*/
.clearFix:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearFix        { display: inline-block; }
* html .clearFix { height: 1%; }
.clearFix        { display: block; }

.contentInner ol#formFlow:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.contentInner ol#formFlow        { display: inline-block; }
* html .contentInner ol#formFlow { height: 1%; }
.contentInner ol#formFlow        { display: block; }

.contentInner #formCenter dl:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.contentInner #formCenter dl        { display: inline-block; }
* html .contentInner #formCenter dl { height: 1%; }
.contentInner #formCenter dl        { display: block; }

.formBlock .addContents dl:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.formBlock .addContents dl        { display: inline-block; }
* html .formBlock.addContents dl { height: 1%; }
.formBlock .addContents dl        { display: block; }



/* form common
---------------------------------------------*/
body { width:100%; height:100%; font-size: 75%; font-family: "ＭＳ Ｐゴシック", sans-serif; }


/* header */
#popUpHeaderArea { width: 848px; }


/* footer */
#popUpWrapper.size01 #popUpContentArea .popUpPageTop { background:url(../image/bg_popupcontentarea_bottom.gif) left bottom no-repeat; }


/* ContentArea */
#popUpWrapper.size01 #popUpContentArea               { width: 848px; 
                                                       background: url(../image/bg_popupcontentarea_middle.gif) left top repeat-y #FFFFFF; }
#popUpWrapper.size01 #popUpContentArea .contentInner { padding-left: 17px; padding-right: 17px;
                                                       background: url(../image/bg_popupcontentarea_head.gif) left top no-repeat; }

/* PageTitle */
h1#popUpPageTitle { border: none; padding-bottom: 2px; }


/* Flow */
ol#formFlow           { list-style: none; margin-bottom: 10px; }
ol#formFlow li        { float: left; }
ol#formFlow li.flow01 { width: 271px; }
ol#formFlow li.flow02 { width: 272px; }
ol#formFlow li.flow03 { width: 271px; }


/* h2 */
.formHeading           { width: 814px; margin-bottom: 10px; border-bottom: 2px solid #0e0e69;
                            background: url(../image/h2_bg_middle.gif) left top repeat-y; }
.formHeading        h2 { padding: 6px 9px 2px; font-size: 117%; color: #0e0e69;
                            background: url(../image/h2_bg_head.gif) left top no-repeat; }
.formEnqueteHeading h2 { padding: 6px 9px 2px; font-size: 117%; color: #ffffff; border-bottom:#0e0e69 solid 2px;
                            background: url(../image/h2_bg_head02.gif) left top no-repeat #0e0e69; }


/* h3 */
.formBlock h3 { margin: 10px 0px 10px; padding: 6px 9px 2px; font-size: 117%; color: #0e0e69; border-bottom:#0e0e69 dotted 1px; }


/* formBlockEnd */
.formBlockEnd         { margin-bottom:20px; padding:10px 0px; background:#f7f7f7; border:#CCCCCC solid 1px; text-align:center; }
.formBlockEnd .leftBt { margin-left:10px; }


/* formBlockClose */
#formBlockClose   { margin-bottom:20px; text-align:center; }
#formBlockClose a { background:url(../image/button_enquete_close.gif) left 0.2em no-repeat; padding: 2px 0px 2px 18px; }


/* formThanks */
#formThanks     { margin-bottom:15px; font-size:120%; font-weight:bold; }
#formThanksRead { margin-bottom:20px; }


/* #formEnqueteBlock01 .formEnquete */
#formEnqueteBlock01 .formEnquete01 th       { width:280px; }
#formEnqueteBlock01 .formEnquete01 td       { width:480px; }
#formEnqueteBlock01 .formEnquete01 p        { padding-left:2em; text-indent:-2em; }
#formEnqueteBlock01 .formEnquete01 ul       {}
#formEnqueteBlock01 .formEnquete01 li       { float:left; width:265px; padding-bottom:5px; }
#formEnqueteBlock01 .formEnquete01 li.short { width:225px; }
#formEnqueteBlock01 .formEnquete01 li.long  { width:480px; }

#formEnqueteBlock01 .formEnquete02 th { width:200px; }
#formEnqueteBlock02 .formEnquete02 th { width:200px; }

#formEnqueteBlock01 table.confirm { margin-top: 10px; }
#formEnqueteBlock02 table.confirm { margin-top: 10px; }

#formEnqueteBlock01 .formEnquete01PLUS th       { width:192px; }
#formEnqueteBlock01 .formEnquete01PLUS td       { width:480px; }
#formEnqueteBlock01 .formEnquete01PLUS p        { padding-left:2em; text-indent:-2em; }
#formEnqueteBlock01 .formEnquete01PLUS ul       {}
#formEnqueteBlock01 .formEnquete01PLUS li       { float:left; width:265px; padding-bottom:5px; }
#formEnqueteBlock01 .formEnquete01PLUS li.short { width:225px; }
#formEnqueteBlock01 .formEnquete01PLUS li.long  { width:480px; }

#formEnqueteBlock01 .formEnquete02PLUS th { width:192px; }
#formEnqueteBlock02 .formEnquete02PLUS th { width:192px; }


/* tooltip */
div.tooltip     { width:237px; position:absolute; }
div.tooltip dl  { line-height:1.5; margin:0; font-size:small; padding: 10px 8px 8px; line-height: 1.4; color: #ffffff;
                  background: #4c4c4c url(../image/icon_caption.gif) 5px 5px no-repeat;  }
div.tooltip dt  { font-weight: bold; padding-left: 30px; }
div.tooltip dd  { padding-top: 10px; }
div.tooltip img { vertical-align:top; }

/* errortip */
#shim               { height:1px; width:1px; position:absolute; z-index:1; display: block; top:0px; left:0px;} 
div.errortip              { width:167px; position:absolute; z-index:100; display:none;}
div.errortip p            { line-height:1.5; margin:0; font-size:small; padding: 8px 5px 5px 26px; line-height: 1.5;
                            font-weight: bold; color:#FF0000; background: #ffe5e5 url(../image/bg_error.gif) left top no-repeat; }
div.errortip img          { width:167px; height:10px;vertical-align:top; }

/* tables common
---------------------------------------------*/
.formBlock                  { margin-bottom: 30px; }
.formBlock table            { width: 813px; border:#d9d9d9 1px solid; border-collapse: collapse; margin-left: 1px; }
.formBlock th,
.formBlock td               { border:#d9d9d9 1px solid; border-collapse: collapse; padding: 9px;  }
.formBlock td               { line-height: 1.7em; }
.formBlock th               { color: #333333; background: #f7f7f7; border-left: #b4b7be 2px solid; text-align: left; }
.formBlock th.level2        { background: #ffffff;    border-left: none; }
.formBlock th.noselect      { border-left: none; }
.formBlock th span          { font-size: 84%; font-weight: normal; }
.formBlock span.requireTxt  { font-size: 84%; color: #ff6666; margin-left: 5px; }

.formBlock table .example01A  { color:#666666; }
.formBlock .lead              { margin-bottom: 11px; }

.formBlock .lead span { font-weight: bold; }
.formBlock .formAttention01 { color:#666666; font-size: 84%; }
.formBlock .formAttention02 {  }

.formBlock .addContents p.att { font-size: 84%; margin-bottom: 10px; }


/* addition */
.formBlock span.addition     { padding-right: 15px; background: url(../image/icon_plus.gif) right 0.1em no-repeat; }
.formBlock .addContents      { width: 581px; padding: 15px 0 0; background: url(../image/bg_otherdns.gif) left top no-repeat; }
.formBlock .addContents2     { width: 581px; padding: 15px 0 0; background: url(../image/bg_otherdns2.gif) left top no-repeat; }


/* plans */
.formBlock table.plan         th { width: 192px; }
.formBlock table.plan         td { text-align: center; }
.formBlock table.plan.confirm td { text-align: left; }
.formBlock table.plan         td.series01   { font-weight: bold; color: #FFFFFF; }
.formBlock table.plan         td.series01 p { font-weight: normal; font-size: 84%; }
.formBlock table.plan         td.main01 { background: #ff9f00; }
.formBlock table.plan         td.main02 { background: #4bb0e1; }
.formBlock table.plan         td.main03 { background: #a0c630; }
.formBlock table.plan         td.main04 { width:317px; background: #ff9f00; }
.formBlock table.plan         td.main05 { width:317px; background: #4bb0e1; }
.formBlock table.plan         td.series02 { font-weight: bold; }
.formBlock table.plan         td.sub01 { background: #ffe6cc; }
.formBlock table.plan         td.sub02 { background: #cceff9; }
.formBlock table.plan         td.sub03 { background: #e4f3cc; }


/* gassan seikyu */
.formBlock table.gassan th { width: 192px; }
.formBlock table.gassan .addContents p  { padding: 0 13px 5px; line-height: 1.7em; color:#666666; }
.formBlock table.gassan .addContents dl { padding: 0 13px; line-height: 1.7em; margin-bottom: 10px; }
.formBlock table.gassan .addContents dt { float: left; font-weight: bold; width: 90px; }
.formBlock table.gassan .addContents dd { float: left; margin-right: 10px; }
.formBlock table.gassan .addContents2 p  { padding: 0 13px 5px; line-height: 1.7em; color:#666666; }
.formBlock table.gassan .addContents2 dl { padding: 0 13px; line-height: 1.7em; margin-bottom: 10px; }
.formBlock table.gassan .addContents2 dt { float: left; font-weight: bold; width: 90px; }
.formBlock table.gassan .addContents2 dd { float: left; margin-right: 10px; }


/* icons */
.formBlock a.iconExplain img { margin-left: 3px; margin-right: 3px; }
.formBlock img.iconPlus      { margin-left: 3px; margin-right: 3px; }

.formBlock a.iconExplain img   { vertical-align:middle; margin-top: -0.3em; } /* for modern browser */
.formBlock img.iconPlus        { vertical-align:middle; margin-top: -0.3em; } /* for modern browser */
.formBlock a.iconExplain img   { _margin-top: -0.25em; position:relative; }  /* for IE6 */
.formBlock img.iconPlus        { _margin-top: -0.1em;  position:relative; }  /* for IE6 */
*:first-child+html .formBlock a.iconExplain img { margin-top: -0.15em; }   /* for IE7 */
*:first-child+html .formBlock img.iconPlus      { margin-top: -0.1em;  }   /* for IE7 */

/* tables inputs
---------------------------------------------*/
.formBlock input.txtboxSmall01  { background: #ffffff; border: #7f9db9 1px solid; width: 100px; margin-right: 5px; }
.formBlock input.txtboxMiddle01 { background: #ffffff; border: #7f9db9 1px solid; width: 200px; margin-right: 5px; }
.formBlock input.txtboxLong01   { background: #ffffff; border: #7f9db9 1px solid; width: 300px; margin-right: 5px; }
.formBlock input.txtboxLast     { background: #ffffff; border: #7f9db9 1px solid; width: 60px; margin-right: 5px; }
.formBlock input.txtboxFirst    { background: #ffffff; border: #7f9db9 1px solid; width: 60px; margin-right: 5px; }
.formBlock input.txtboxPrice    { background: #ffffff; border: none; width: 60px; margin-right: 5px; text-align:right; }
.formBlock input.txtboxZip1     { background: #ffffff; border: #7f9db9 1px solid; width: 40px; margin-right: 5px; }
.formBlock input.txtboxZip2     { background: #ffffff; border: #7f9db9 1px solid; width: 60px; margin-right: 5px; }
.formBlock select               { background: #ffffff; border: #7f9db9 1px solid; width: 120px; margin-right: 5px; }
.formBlock select.Short         { background: #ffffff; border: #7f9db9 1px solid; width: 180px; margin-right: 5px; }
.formBlock select.Middle01      { background: #ffffff; border: #7f9db9 1px solid; width: 240px; margin-right: 5px; }
.formBlock select.require       { background: #ffffde; }
.formBlock input.btnMiddle01    { width: 80px; }
.formBlock input.btnLarge01     { width: 185px; }
.formBlock input.require        { background: #ffffde; border: #7f9db9 1px solid; }
.formBlock .require             { background: #ffffde; }
#popUpWrapper.size01 #popUpContentArea .contentInner .popUpSectionBlock01A { margin-bottom: 10px; }
#popUpWrapper.size01 #popUpContentArea .contentInner .sectionBlock01B      { padding-bottom: 15px; }
.col .note01A { font-size: 82%; }

/* moshi
---------------------------------------------*/
/* Center */
#formCenter         { clear: both; width: 812px; background: #f7f7f7; border: #d9d9d9 1px solid; margin-bottom: 30px; }
#formCenter dl      { width: 812px; margin: 9px 9px 0; }
#formCenter dt      { float: left; width: 170px; }
#formCenter dd      { float: left; }
#formCenter dd.tel1 { margin-left: 100px; }
#formCenter dd.tel2 { margin-left: 30px; }
#formCenter p       { font-size: 100%; padding-left: 10px; color: #666666; }
#formCenter span    { font-size: 120%; padding-left: 278px; font-weight: bold; top: -24px; }

/* table01 - domain sentaku */
#formBlock01A table { margin-bottom: 11px; }
#formBlock01A th    { width: 192px; }
#formBlock01A td table { width: 644px; border:none; border-collapse:inherit; margin: 0; padding: 0; }
#formBlock01A td table td { padding: 0 0 5px 0; border:none;}
#formBlock01A table.confirm { margin-bottom: 0; }

/* table02 - plan sentaku -> .formBlock table.plan */
#formBlock02A {}

/* table03 - dns server */
#formBlock03A th { width: 192px; }
#formBlock03A td { width: 583px; }
#formBlock03A .addContents p             { padding: 0 13px; line-height: 1.7em; color:#666666; }
#formBlock03A .addContents table   { border: none; width: auto; margin: 0 13px;  }
#formBlock03A .addContents th      { border: none; width: auto; background: none; padding: 0 10px 0 0; }
#formBlock03A .addContents td      { border: none; width: auto; padding: 0; padding-bottom: 5px; }
#formBlock03A #block03Badd1B table { margin-bottom: 5px;  }

/* table04 - moushikomisha */
#formBlock04A th        { width: 192px; }
#formBlock04A th.level2 { width: 110px; }

/* table02B - domain infomation */
#formBlock02B th                  { width:  192px; }
#formBlock02B td                  { width:  583px; }
#formBlock02B .domainList p       { font-size: 84%; margin-top: 10px; }
#formBlock02B .domainList table   { width: 380px; }
#formBlock02B .domainList th      { padding: 1px 5px; width: 100px; border-left: none; text-align: center; }
#formBlock02B .domainList td      { padding: 1px 5px; width: 280px;}

#formBlock02B .addContents p      { padding: 0 13px 5px; color:#666666; }
#formBlock02B .addContents table  { border: none; width: auto; margin: 0 13px 5px;  }
#formBlock02B .addContents th     { border: none; width: auto; background: none; padding: 0 10px 0 0; }
#formBlock02B .addContents td     { border: none; width: auto; padding: 0; }

#formBlock02B #sub_domain_name                    { margin-top: -2px; } /* for modern browser */
#formBlock02B #sub_domain_name                    { _margin-top: -8px; position:relative; }  /* for IE6 */
*:first-child+html #formBlock02B #sub_domain_name { margin-top: -8px; }   /* for IE7 */

/* table03B - dns server */
#formBlock03B th { width: 192px; }
#formBlock03B td { width: 583px; }
#formBlock03B .addContents p             { padding: 0 13px; line-height: 1.7em; color:#666666; }
#formBlock03B .addContents ul.attList    { padding: 0 13px; margin: 0 0 10px; font-size: 84%; color:#666666; }
#formBlock03B .addContents ul.attList li { margin: 0px; line-height: 1.5em; padding-left: 15px; }

.formBlock .addContents p.att2 { font-size: 84%; margin:10px 0 10px; }
#formBlock03B .addContents ul.linkList02B {  margin:0 0 10px 13px;}
#formBlock03B .addContents p.line           { padding: 15px 0px; margin-left: 13px; width:95%; border-top:1px solid #CCCCCC; }
td.addcolor     { background-color:#ffffde; }

#formBlock03B .addContents table   { border: none; width: auto; margin: 0 13px;  }
#formBlock03B .addContents th      { border: none; width: 6em; background: none; padding: 0 10px 0 0; }
#formBlock03B .addContents td      { border: none; width: auto; padding: 0; padding-bottom: 5px; }
#formBlock03B #block03Badd1B table { margin-bottom: 5px;  }


/* specialized_moshi
---------------------------------------------*/
/* Center */
.formCenter         { clear: both; width: 812px; background: #f7f7f7; border: #d9d9d9 1px solid; margin-bottom: 30px; }
.formCenter dl      { width: 812px; margin: 9px 9px 0; }
.formCenter dt      { float: left; width: 170px; }
.formCenter dd      { float: left; }
.formCenter dd.tel1 { margin-left: 100px; }
.formCenter dd.tel2 { margin-left: 30px; }
.formCenter p       { font-size: 100%; padding-left: 10px; color: #666666; }
.formCenter span    { font-size: 120%; padding-left: 278px; font-weight: bold; top: -24px; }

/* table01 - domain sentaku */
.formBlock01A table { margin-bottom: 11px; }
.formBlock01A th    { width: 192px; }
.formBlock01A td table { width: 644px; border:none; border-collapse:inherit; margin: 0; padding: 0; }
.formBlock01A td table td { padding: 0 0 5px 0; border:none;}
.formBlock01A table.confirm { margin-bottom: 0; }

/* table02 - 見積もりシミュレータ*/
.h1_step { margin:0 0 20px; text-indent: 10px; font-size:200%; color:#FFFFFF; background: url(/business/shared/image/h2_bg.jpg);  width:814px; height:31px; padding:0;}
.formBlock .category01   { text-align: center; }
.formBlock th.category02   { width: 192px; text-align: center; }
.formBlock td.price01 { text-align:right; }
.formBlock th.total01 { background: #0e0e69;  color: #ffff66; }
.formBlock02A div { margin-bottom: 25px; }
.formBlock02A th { width: 87px; }
.formBlock02A td.service01 { width: 113px; }
.formBlock02A td.service02 { width: 270px; }
.formBlock02A td.service03 { width: 66px; text-align:right; }
.formBlock02A td.service04 { width: 139px; }
.formBlock02A .addContents { width: 222px; padding: 15px 0; background: url(../image/bg_other.gif) left top no-repeat; }
.formBlock02A .addContents p             { padding: 0 13px; line-height: 1.7em;}
.formBlock02A .addContents ul.attList    { padding: 0 13px; margin: 0 0 10px; font-size: 84%; color:#666666; }
.formBlock02A .addContents ul.attList li { margin: 0px; line-height: 1.5em; padding-left: 15px; }

/* table03 - dns server */
.formBlock03A th { width: 192px; }
.formBlock03A td { width: 583px; }
.formBlock03A .addContents p             { padding: 0 13px; line-height: 1.7em; color:#666666; }
.formBlock03A .addContents table   { border: none; width: auto; margin: 0 13px;  }
.formBlock03A .addContents th      { border: none; width: auto; background: none; padding: 0 10px 0 0; }
.formBlock03A .addContents td      { border: none; width: auto; padding: 0; padding-bottom: 5px; }
.formBlock03A #block03Badd1B table { margin-bottom: 5px;  }

/* table04 - moushikomisha */
.formBlock04A th        { width: 192px; }
.formBlock04A th.level2 { width: 110px; }

/* table02B - domain infomation */
.formBlock02B th                  { width:  192px; }
.formBlock02B td                  { width:  583px; }
.formBlock02B .domainList p       { font-size: 84%; margin-top: 10px; }
.formBlock02B .domainList table   { width: 380px; }
.formBlock02B .domainList th      { padding: 1px 5px; width: 100px; border-left: none; text-align: center; }
.formBlock02B .domainList td      { padding: 1px 5px; width: 280px;}

.formBlock02B .addContents p      { padding: 0 13px 5px; color:#666666; }
.formBlock02B .addContents table  { border: none; width: auto; margin: 0 13px 5px;  }
.formBlock02B .addContents th     { border: none; width: auto; background: none; padding: 0 10px 0 0; }
.formBlock02B .addContents td     { border: none; width: auto; padding: 0; }

.formBlock02B #sub_domain_name                    { margin-top: -2px; } /* for modern browser */
.formBlock02B #sub_domain_name                    { _margin-top: -8px; position:relative; }  /* for IE6 */
*:first-child+html #formBlock02B #sub_domain_name { margin-top: -8px; }   /* for IE7 */

/* table03B - dns server */
.formBlock03B th { width: 192px; }
.formBlock03B td { width: 583px; }
.formBlock03B .addContents p             { padding: 0 13px; line-height: 1.7em; color:#666666; }
.formBlock03B .addContents ul.attList    { padding: 0 13px; margin: 0 0 10px; font-size: 84%; color:#666666; }
.formBlock03B .addContents ul.attList li { margin: 0px; line-height: 1.5em; padding-left: 15px; }

.formBlock .addContents p.att2 { font-size: 84%; margin:10px 0 10px; }											  
.formBlock03B .addContents ul.linkList02B {  margin:0 0 10px 13px;}
.formBlock03B .addContents p.line           { padding: 15px 0px; margin-left: 13px; width:95%; }
td.addcolor     { background-color:#ffffde; }


/* enquete */
.enqueteBlock01A div 				 { word-wrap: break-word; }
.enqueteBlock01A pre 				 { word-wrap: break-word; white-space: pre-wrap; }
.enqueteBlock01A th                  { width:  295px; }
.enqueteBlock01A td                  { word-break: break-all;}
.enqueteBlock01A .addContents p      { padding: 0 13px 5px; color:#666666; }
.enqueteBlock01A .addContents table  { border: none; width: auto; margin: 0 13px 5px;  }
.enqueteBlock01A .addContents th     { border: none; width: auto; background: none; padding: 0 10px 0 0; }
.enqueteBlock01A .addContents td     { border: none; width: auto; padding: 0; }


/* input error
---------------------------------------------*/
.formBlock input.error { background: #ffe5e5; border: #7f9db9 1px solid; }

.require1 { background: #ffffde; }
.require2 { background: #ffffde; }
.require3 { background: #ffffde; }
.require4 { background: #ffffde; }
.require5 { background: #ffffde; }
.require6 { background: #ffffde; }
.require7 { background: #ffffde; }
.require8 { background: #ffffde; }

p.btn_text1 { 
	font-size:	117%;
	color:		#ff0000;
	font-weight:	bold;
}

p.btn_text2 { 
	font-size:	117%;
	color:		#000000;
	font-weight:	bold;
}

img.btn_loading { height:33px; width:36px; position:absolute; vertical-align:top; margin-top: 0px; margin-left: 0px;}



.hRed {
    color: #F66;
}

.lead2 {
    margin-top: 5px;
}