html {
	/*background-image: url(../img/back.gif);
	background-repeat: repeat;
	text-align : center ;*/
}
.p2 {
	padding-right: 7%;
	padding-left: 7%;
	text-align: left;
	line-height: 1.2;
}


body {
	/*background-color: #FFFFFF;
	width: 722px;
	margin : 25px auto 30px ;
	border : 1px solid #000 ;*/
	font-size:smaller;
	line-height: 1.2em;
	color:#333333;
	background-image:url(../images/register/bg-all.gif);
	background-repeat:repeat;
}

.formexample{
    margin:0;
    padding:0 0 0 0;
    color:#aaa;   
}
.formexample_name{
    margin:0 0 0 8px;  
    color:#aaa; 
}

#menu HR{
	border: 1px dashed #666666;
	margin: 0px;
	padding: 0px;
	clear: both;
}


#header ul {
	background-color: #eee;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	margin: 0px;
	text-align: right;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5;
}
#header li {
	display: inline;
	margin: 0 0.5em;
}


#footer li {
	display: inline;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}

#footer ul {
	text-align: center;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0;
	margin: 0;
	list-style-type: square;
}

#footer #copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}

#header table {
	text-align: right;
	padding: 7px;
	margin-top: 9px;
	margin-right: 0px;
	float: right;
}

form {
	margin: 0;
}

#header #logo {
	width: 35%;
	background-color: #fff ;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#footer {
	clear: both;
	margin-top: 10px;
}

#header #helpMenu {
	background-color: #FFFFFF;
	width: 65%;
	float: right;
}

.register_header #logo {
	display : none ;
}

.register_header #helpMenu {
	display : none ;
}

input#search {
	witdh: 15em;
}
#header fieldset {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#contents {
	clear: both;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 3px;
	text-align: left;
	min-height: 400px;
	margin-left: 4%;
	margin-right: 4%;
	vertical-align: top;
}

#contents h1 {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 10px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000066;
	border-left-color: #000000;
	font-size: medium;
	text-align: left;
	border-bottom-style: dotted;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 17px;
	margin-bottom: 5px;
	clear: both;
}

#contents h2 {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #000066;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #000000;
	font-size: small;
	text-align: left;
	border-bottom-style: dashed;
	padding-top: 2px;
	padding-left: 15px;
	padding-bottom: 3px;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 10px;
	margin-left: 6%;
	line-height: 1.2;
}
#contents em {
	font-size: medium;
	list-style-type: disc;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	font-weight: bold;
}


#contents h1 table{
	list-style-type: disc;
	font-style: normal;
	text-align: left;
	font-size: smaller;
	font-weight: normal;
}


#contents #main table{
	list-style-type: disc;
	font-style: normal;
	margin-top: 10px;
	margin-left: 4%;
	margin-right: 4%;
	text-align: left;
}

#main ul {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #000066;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #000000;
	font-size: small;
	text-align: left;
	border-bottom-style: none;
	padding-top: 2px;
	padding-bottom: 3px;
	font-weight: normal;
	line-height: 1.2;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-left: 0px;
}

#main li {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #000066;
	border-right-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-left-color: #000000;
	font-size: small;
	text-align: left;
	border-bottom-style: none;
	padding-top: 2px;
	padding-bottom: 7px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.2;
	margin-right: 10px;
	display: inline;
	margin-left: 5px;
	padding-left: 0px;
}


#messagebox {
	background-color: #F1F1F1;
	margin-top: 10px;
	float: right;
	margin-left: 0px;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	margin-right: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}


#contents table{
}

#contents td{
	padding: 5px;
}

#contents tr{
	padding: 0px;
}

#topcontents {
	clear: both;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 3px;
	text-align: left;
	min-height: 400px;
	margin-left: 4%;
	margin-right: 4%;
	vertical-align: top;
}


/* 100709 スタイル追記 */
ul.error li {
	margin-top: 5px;
	font-weight : bold ;
	color : red ;
}

.nes_obj {
	background : #ffdfdf ;
	color : #fa3636 ;
	font-weight : bold ;
}

.nes_obj2 {
	background : #fddab8 ;
	color : #ff8f23 ;
	font-weight : bold ;
}



/* 101129 Google AdWordsクーポンリリース用に追記 */

/* 詳細ページ */


.adwords_border_box {
	padding : 8px ;
	border : 1px solid #d3d3d3 ;
}

.adwords_border_box dt {
	font-size : 115% ;
	font-weight : bold ;
	margin-bottom : 8px ;
}

.adwords_border_box dd {
	text-align : center ;
}

.adwords_border_box dd ul {
	margin : 0 0 6px !important;
	padding : 0 !important;
}

.adwords_border_box dd ol {
	margin : 0 0 6px !important;
	padding : 0 !important;
}

.adwords_border_box dd li {
	text-align : left ;
}

.adwords_button_box {
	text-align : center ;
	margin-bottom : 18px ;
	height : 24px ;
}

.adwords_button_box a {
	display : block ;
	margin : 0 auto ;
	padding : 6px 8px ;
	height : 12px ;
	line-height : 12px ;
	width : 120px ;
	background : #dedede ;
	border : 1px solid #b3b3b3 ;
	color : #444 ;
	text-decoration : none ;
}

.adwords_button_box a:hover {
	background : #a4a4a4 ;
	color : #fff ;
}


/* 110326 障害警告表示用に追記 */

#alert_message {
	clear : both ;
	border : 1px solid #f2917a ;
	background : #fdefef ;
	position : relative ;
	padding : 6px 8px 6px 85px ;
	line-height : 16px ;
	min-height : 16px ;
	height: auto !important;
	height : 16px ;
	font-weight : bold ;
	color : red ;
	margin : 0 20px 10px ;
	text-align : left ;
}

#alert_message img {
	position : absolute ;
	top : 5px ;
	left : 6px ;
}


/* 110505 GoogleAdWords クーポン発行対象の変更用に追記 */

#adwords_table {
	border-collapse : collapse ;
	border-top : 1px solid #ccc ;
	width : 650px ;
	margin-bottom : 12px ;
}

#adwords_table th {
	background : #dedede ;
	width : 150px ;
	border-left : 1px solid #ccc ;
	text-align : center ;
}

#adwords_table th.main_th {
	background : #444 ;
	color : #fff ;
}

#adwords_table th, #adwords_table td {
	border-right : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	padding : 5px ;
}

#adwords_table td {
	text-align : center ;
}

.assist {
	font-size : 90% ;
}


/* 131019 お申し込みフォームデザイン修正 */
#application-area img {
	border:0;
}

.cf:after {
	clear:both;
	display:block;
	content:"";
}

.cf {
	zoom:1;
}

#attention-area {
	width:758px;
	height:auto;
	margin:30px auto;
	padding:15px;
	border:1px solid #cccccc;
}

.attention-ttl {
	width:730px;
	height:auto;
	padding:5px 0 5px 28px;
	margin:0;
	background:url(../images/register/attention_icon.jpg) no-repeat;
	background-position:1% 50%;
	font-size:110%;
}

.attention-desc {
	width:758px;
	height:auto;
	margin:0;
	padding:0;
	line-height:1.4;
	font-size:100%;
}

.attention-desc dl {
	width:600px;
	height:auto;
	margin:0 0 20px 0;
}

.attention-desc dl.end {
	margin-bottom:0;
}

.attention-desc dl dt {
	width:30px;
	height:auto;
	float:left;
	padding-right:15px;
}

.attention-desc dl dd {
	width:550px;
	height:auto;
	float:left;
	margin:0;
	font-size:100%;
}

#application-area {
	width:790px;
	height:auto;
	margin:20px auto;
}

.application-ttl {
	width:780px;
	background-image:url(../images/register/ttl-line01.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	margin-bottom:20px;
	padding-left:13px;
	font-size:110%;
	margin-top:30px;
}

.new_server_btn {
	float:left;
	width:200px;
	height:169px;
	padding-right:25px;
	background-image:url(../images/register/new_server_app_on.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.new_server_btn a {
	width:200px;
	height:169px;
	display:block;
	background-image:url(../images/register/new_server_app_off.jpg);
	background-repeat:no-repeat;
}

.new_server_btn a:hover {
	background-image:none;
}

.new_domain_btn {
	float:left;
	padding-right:25px;
	width:200px;
	height:169px;
	background-image:url(../images/register/new_domain_app_on.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.new_domain_btn a {
	width:200px;
	height:169px;
	display:block;
	background-image:url(../images/register/new_domain_app_off.jpg);
	background-repeat:no-repeat;
}

.new_domain_btn a:hover {
	background-image:none;
}

.domain_transfer_btn {
	float:left;
	width:200px;
	height:169px;
	background-image:url(../images/register/domain_transfer_app_on.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.domain_transfer_btn a {
	width:200px;
	height:169px;
	display:block;
	background-image:url(../images/register/domain_transfer_app_off.jpg);
	background-repeat:no-repeat;
}

.domain_transfer_btn a:hover {
	background-image:none;
}

#privacy-area {
	width:490px;
	height:auto;
	margin:20px auto 30px auto;
	font-size:100%;
}

.verisign-area {
	float:left;
}

.p_txt {
	float:right;
	width:350px;
	padding-top:17px;
}

.txt {
	float:left;
	width:300px;
}

.img {
	float:right;
}

#head_txt {
	width:664px;
	height:auto;
	padding:20px 0;
}

.page-top {
	text-align:center;
	padding:30px 0 0;
}

#finish_txt {
	padding-top:30px;
	padding-bottom:10px;
}

.hr {
	width:100%;
	height:0;
	line-height:0;
	clear:both;
	border-bottom:1px solid #cccccc;
	margin:0 0 50px;
	padding:0;
}

/*2013-11-08 お申し込みの流れ分岐ページデザイン変更*/
#application_top {
	width:980px;
	height:27px;
	background-image:url(../images/register/branch_top_bg.png);
	background-repeat:no-repeat;
	margin:20px auto 0;
}

#application_rep {
	width:960px;
	height:auto;
	background-image:url(../images/register/branch_rep_bg.png);
	background-repeat:repeat-y;
	padding:0 10px;
	margin:0 auto;
}

#application_bottom {
	width:980px;
	height:27px;
	background-image:url(../images/register/branch_bottom_bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
}

#form_area {
	width:790px;
	height:auto;
	margin:0 auto;
	padding:0;
}

#form_area table {
	width:771px;
	position:relative;
	left:-5px;
}

#form_area table td {
	padding:10px 0 10px 15px;
	font-size:100%;
	height:27px;
}

#form_area input[type=text] {
	width:293px!important;
	height:27px;
	font-size:100%;
	border:1px solid #abadb3;
	margin-bottom : 4px ;
}

#form_area input[type=text].long {
	width:450px!important;
	height:27px;
	font-size:100%;
	margin-bottom : 4px ;
}

#form_area input[type=text].pref_area {
	width:358px!important;
}

#form_area button.address_set_button {
    width: 139px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/register/bg_pref_button.gif) no-repeat left top;
    border: none;
    cursor: pointer;
}
#form_area button.address_set_button:hover {
    background-position:0 -31px;
}




#form_area input[type=text].short {
	width:146px!important;
	height:27px;
	font-size:100%;
	margin-bottom : 4px ;
}

#form_area select {
	height:32px;
	font-size:110%;
	padding:5px;
	position:relative;
	top:-2px;
	border:1px solid #abadb3;
}
#form_area select.pref_area {
	height:31px;
	top:0px;
}

#form_area input[type=submit].app_btn {
	width:151px;
	height:40px;
	background-image:url(../images/register/app_btn.jpg);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
}

#form_area input[type=submit].app_check_btn {
	width:466px;
	height:63px;
	background-image:url(../images/register/application_check_btn.jpg);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
}

#form_area input[type=submit].app_correction {
	width:181px;
	height:40px;
	background-image:url(../images/register/app_correction_btn.jpg);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
	margin-right:30px;
}

#form_area input[type=submit].app_desition {
	width:181px;
	height:40px;
	background-image:url(../images/register/app_desion_btn.jpg);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
}
/*2014-12-23 「ドメインお申し込みページ」のリスト追加*/
#head_txt ul.notes{
	list-style:none;
}
#head_txt ul.notes li{
	text-indent: -2em;
}
.choose-id {
    width: 630px;
    padding: 20px;
    margin: 50px auto 0;
    border: 1px solid #ccc;
}
.choose-id h1 {
    height : 34px ;
	line-height : 34px ;
	margin-bottom : 14px ;
	color : #fff ;
	padding : 0 12px ;
	font-size : 120% ;
	background: #1b5fa6;/* Old Browsers */
    background: -moz-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3371ab), color-stop(100%, #1b5fa6));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #3371ab 0, #1b5fa6 100%);/* W3C */
}
.choose-id table {
	border : 1px solid #ccc ;
	width : 100% ;
	margin-bottom : 14px ;
} 

.choose-id table table {
	width : 80% ;
}

.choose-id table th {
	border-right : 1px solid #ccc ;
	padding : 13px;
    vertical-align: middle;
	background-color : #e9f1f9;
	text-align : center ;
}
.choose-id table td {
	padding : 13px;
    vertical-align: middle;
	background-color : #fff;
}

.choose-id .login_btn-box input[type=submit] {
    width: 76px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
}

.choose-id .radio-label {
    display: flex;
	align-items:center;
    width: 320px;
    padding: 8px 15px;
    margin-bottom: 8px;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.choose-id .radio-label:last-child { margin-bottom: 0; }

.choose-id .radio-label input[type=radio] {
    margin-right: 8px;
    position: relative;
}

.choose-id .id-area {
    display: inline-block;
    width: 297px;
}
.choose-id .select-id {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    font-size: 16px;
    font-weight: bold;
}
.choose-id .account-txt { font-size: 10px; }
.choose-id .account-txt strong { color: #1b5fa6; }

.choose-footer {
    margin-top: 30px;
    height: 30px;
    text-align: center;
    font-style: normal;
}

/*二段階認証ログイン画面に関するスタイル*/

h1.info-panel{
	background: none;
}

h2.auth-login{
	margin: 20px auto;
	color: #222222;
	font-size: 1.3rem;
}

.code-block{
	width: 400px;
	height: auto;
	margin: 0 auto 30px;
	padding: 10px;
}

input[type=text].auth{
	width: 88%;
	height: auto;
	padding: 10px 0 10px 10px;
	font-size: 16px;
}

.login_btn-box{
	width: 400px;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
}


.login_btn-box input[type=submit].login{
	appearance: none;
	-webkit-appearance: none;
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 8px 15px;
	cursor: pointer;
	border: none;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #1b63a7;
	border-radius: 2px;

	box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.3);
	transition: .3s;
}

.login_btn-box input[type=submit].login_server{
	appearance: none;
	-webkit-appearance: none;
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 8px 15px;
	cursor: pointer;
	border: none;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #f78601;
	border-radius: 2px;
	box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.3);
	transition: .3s;
}

.login_btn-box input[type=submit].back{
	appearance: none;
	-webkit-appearance: none;
	width: auto;
	height: auto;
	margin: 10px auto;
	cursor: pointer;
	border: none;
	color: #222222;
	font-weight: normal;
	text-align: center;
	background: none;
	text-decoration: underline;
}

.login_btn-box input[type=submit].login:hover {
	box-shadow: 0px 0 2px 0 rgba(0, 0, 0, 0.2);
	opacity: 0.6;
	transition: .3s;
}

.login_btn-box input[type=submit].login_server:hover {
	box-shadow: 0px 0 2px 0 rgba(0, 0, 0, 0.2);
	opacity: 0.6;
	transition: .3s;
}

.login_btn-box input[type=submit].back:hover{
	color: #818181;
}

.login_btn-box input[type=submit].back:focus{
	outline: none;
}

@media screen and (max-width: 768px){

	.choose-id {
		width: 100%;
		padding: 0 10px;
		margin: 50px auto 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.code-block{
		width: 100%;
		height: auto;
		margin: 40px auto;
		padding: 0;
	}

	input[type=text].auth{
		width: 96%;
		height: auto;
	}

	.login_btn-box input[type=submit].login{
		width: 100%;
	}

	.login_btn-box input[type=submit].login_server{
		width: 100%;
	}

	.login_btn-box{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	p.tac{
		font-size: 0.8rem;
	}
}

@media only screen and (min-width: 768px) and (max-width: 939px){	 
	input[type=text].auth{
		width: 98%;
	}
}