/* CSS Document */

#productImage h2{
background:url(../image/h2.png);
margin:0px;
padding:0px;
height:20px;
}

#productImage h2 span{
position:absolute;
top:-9999px;
}

h2.domainTitle {
font-size:14px;
font-weight:bold;
margin:0px 10px 20px 10px;
padding:0px;
color:#222222;
}

h4.domain36 {
background:url(../image/36Domain.gif) top left no-repeat;
margin:10px;
height:30px;
}

h4.customerWork {
background:url(../image/custmerWork.gif) top left no-repeat;
margin:10px;
height:30px;
}

.title1 {
background:url(../image/h3Title1.png) top left no-repeat;
height: 18px;
}

.h3News {
background:url(../image/h3News.png) top left no-repeat;
height: 20px;
}

.h3help {
background:url(../image/h3help.png) top left no-repeat;
height: 20px;
}

.h3Mypage {
background:url(../image/h3Mypage.png) top left no-repeat;
height: 20px;
}

.h3user {
background:url(../image/h3user.png) top left no-repeat;
height: 20px;
}

.h3userInfo {
background:url(../image/h3userINfo.png) top left no-repeat;
height: 20px;
}

.h3law{
background:url(../image/h3law.png) top left no-repeat;
height: 20px;
}

.h3faq{
background:url(../image/h3faq.png) top left no-repeat;
height: 20px;
}

.h3form{
background:url(../image/h3form.png) top left no-repeat;
height: 20px;
}

.h3kiyaku{
background:url(../image/h3kiyaku.png) top left no-repeat;
height: 20px;
}

.h3priceList{
background:url(../image/h3priceList.png) top left no-repeat;
height: 20px;
}

.h3kensaku{
background:url(../image/h3kensaku.png) top left no-repeat;
height: 20px;
}

.h3toiawase{
background:url(../image/h3toiawase.png) top left no-repeat;
height: 20px;
}

.h3kekka{
background:url(../image/h3kekka.png) top left no-repeat;
height: 20px;
}

.h3userKakunin{
background:url(../image/h3userKakunin.png) top left no-repeat;
height: 20px;
}

.h3input{
background:url(../image/h3input.png) top left no-repeat;
height: 20px;
}

.h3inputKakunin{
background:url(../image/h3inputKakunin.png) top left no-repeat;
height: 20px;
}

.h3ikan{
background:url(../image/h3ikan.png) top left no-repeat;
height: 20px;
}

.h3ikanInput{
background:url(../image/h3ikanInput.png) top left no-repeat;
height: 20px;
}

.h3touroku{
background:url(../image/h3touroku.png) top left no-repeat;
height: 20px;
}

.h3ikanForm{
background:url(../image/h3ikanForm.png) top left no-repeat;
height: 20px;
}

.h3ikanKakunin{
background:url(../image/h3ikanKakunin.png) top left no-repeat;
height: 20px;
}

.h3ikanKanryo{
background:url(../image/h3ikanKanryo.png) top left no-repeat;
height: 20px;
}

.h3help01{
background:url(../image/h3help01.png) top left no-repeat;
height: 20px;
}

.h3help11{
background:url(../image/h3help11.png) top left no-repeat;
height: 20px;
}

.h3help21{
background:url(../image/h3help21.png) top left no-repeat;
height: 20px;
}


.title2 {
background:url(../image/h3Title2.png) top left no-repeat;
height: 36px;
}

.title3 {
background:url(../image/h3Title3.gif) top left no-repeat;
height: 26px;
}

.stitle1 {
background:url(../image/h5Title1.gif) top left no-repeat;
height: 21px;
margin:10px 0px 0px 25px;
}

.stitle2 {
background:url(../image/h5Title2.gif) top left no-repeat;
height: 21px;
margin:10px 0px 0px 25px;
}

.stitle3 {
background:url(../image/h5Title3.gif) top left no-repeat;
height: 21px;
margin:10px 0px 0px 25px;
}

.stitle4 {
background:url(../image/h5Title4.gif) top left no-repeat;
height: 21px;
margin:10px 0px 0px 25px;
}

h4.help1 {
background:url(../image/help1.gif) left top no-repeat;
height:25px;
margin:20px 0px 0px 0px;
}

h4.help2 {
background:url(../image/help2.gif) left top no-repeat;
height:25px;
margin:20px 0px 0px 0px;
}

h4.help3 {
background:url(../image/help3.gif) left top no-repeat;
height:25px;
margin:20px 0px 0px 0px;
}


#mainContents h2.momocoTitle {
font-size:14px;
font-weight:bold;
margin:0px 10px 20px 10px;
padding:0px;
color:#222222;
}

/*easySystem*/

div.systemText{
border-left:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
margin:0px;
padding:5px 5px 0px 5px;
text-align:justify;
}

h4.bottomTitle {
height:26px;
margin:0px 0px 20px 0px;
background:url(../image/bottomTitle.gif) no-repeat center center;
text-align:center;
}

h4 span{
display:none;
}

/*support*/

div.supportBox{
width:550px;
margin:10px 0px 40px 11px;
}

div.supportBox p{
padding:10px 10px 0px 100px;
margin:0px;
border-left:1px solid #3b6f04;
border-right:1px solid #3b6f04;
text-align:justify;
min-height:96px;
}

div.supportBox p{
height:96px;
}

div.support24h {
float:left;
width:269px;
padding-bottom:10px;
background:url(../image/supportBottom.gif) no-repeat bottom;
}

div.support24h p{
background:url(../image/supportImage.gif) no-repeat left center;
}

div.supportPrivacy {
float:right;
width:270px;
padding-bottom:10px;
background:url(../image/privacybottom.gif) no-repeat bottom;
}

h4.fullsupportTitle {
margin:0px;
width:269px;
height:29px;
background:url(../image/24hTitle.gif) no-repeat left top;
}

h4.privacyTitle {
margin:0px;
width:270px;
height:29px;
background:url(../image/securityTitle.gif) no-repeat left top;
}

div.supportPrivacy p{
background:url(../image/privacyImage.gif) no-repeat left center;
}



/*aboutsystem*/
h4.aboutWorkFlow01 {
height:102px;
background:url(../image/workFlow01.gif) no-repeat left top;
margin:10px 0px 30px 15px;
}

h4.aboutWorkFlow02 {
height:326px;
background:url(../image/workFlow02.gif) no-repeat left top;
margin:10px 0px 20px 30px;
}

div.aboutSystemText {
width:540px;
margin:0px 0px 20px 12px;
}

div.aboutSystemText p{
margin:10px 0px 0px 0px;
padding:0px;
text-align:justify;
line-height: 1.2em;
}

div.aboutSpecifications dl{
border:1px solid #999;
width:500px;
margin:5px 0px 20px 30px;
}

div.aboutSpecifications dt {
float:left;
width:120px;
padding:5px 0 5px 10px;
clear:both;
font-weight:bold;
}

div.aboutSpecifications dd {
width:350px;
margin-left:100px;
padding:5px 5px 5px 10px;
border-left:1px solid #999999;
}

h5 span,h6 span{
display:none;
}

div.helpText {
width:550px;
margin:0px 0px 0px 12px;
}

div.helpText p{
margin:10px 0px;
}

div.helpText ul{
margin:10px 0px 20px 0px;
}

div.helpText ul li{
list-style-image:url(../image/helpLi.gif);
list-style-position:inside;
padding:0px 0px 5px 12px;
margin:0px;
}

div.helpText ul li a:link {
color:#165cc2;
font-weight:bold;
}

div.helpText ul li a:hover {
color:#165cc2;
font-weight:bold;
}

div.helpText ul li a:visited {
color:#012a71;
font-weight:bold;
}



/* ------------------------------------------------
   Domain add by Kabayama
   ------------------------------------------------ */

/*メインメニュー*/
div#menu {
	height:53px;
	background:url(../image/menuShadow.gif) bottom repeat-x;
	}
	
	ul#mainMenu {
	width:780px;
	height:40px;
	margin:0px;
	padding:0px;
	background:transparent url(../image/mainmenu.png) 0px 0px;
	list-style:none;
}

ul#mainMenu li,ul#mainMenu li a{
	display:block;
	float:left;
	height:40px;
	width:130px;
}

li.home a:hover {background:transparent url(../image/mainmenu.png) 0px -40px;}
li.news a:hover {background:transparent url(../image/mainmenu.png) -130px -40px;}
li.regist a:hover {background:transparent url(../image/mainmenu.png) -260px -40px;}
li.help a:hover {background:transparent url(../image/mainmenu.png) -390px -40px;}
li.support a:hover {background:transparent url(../image/mainmenu.png) -520px -40px;}
li.mypage a:hover {background:transparent url(../image/mainmenu.png) -650px -40px;}

/*下位ページメインコンテンツ*/
#mainContents {
float:right;
}

/*パンくずリスト*/
#breadcrumbs {
min-height:4px;
}

/*左メニュー*/
table#box1{
	width:170px;
	height:150px;
	margin:0px;
	padding:0px 0px 5px 0px;
	border: 1px #0c5ed8 solid;
	background:#eff5ff;
}

table#box1 th{
	padding:5px;
	font-size:10.5pt; /* 文字の大きさ */
	color:#fff; /* 文字の色 */
	border:none;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	white-space: nowrap;
        background:#0c5ed8;
}
table#box1 td{
	font-size:10pt; /* 文字の大きさ */
	color:#333; /* 文字の色 */
	padding:1px 0px 1px 5px;
	white-space: nowrap;
}


/*tableに対するＣＳＳ*/
table#domain_regist, table#domain_transfer, table#price, table#renew, table#inquiry{
	font-family:Arial; /* 文字の種類 */
	font-size:10pt; /* 文字の大きさ */
	width:548px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border: 1px #939393 solid;
	color:#000000; /* 文字の色 */
}

table#price, table#inquiry{
border-top:1px solid #939393;
border-left:1px solid #939393;
border-bottom:none;
border-right:1px solid #939393;
}



table#domain_regist th, table#domain_transfer th, table#price th, table#renew th, table#inquiry th{
	font-family:Arial; /* 文字の種類 */
	font-size:10pt; /* 文字の大きさ */
	width:120px;
	padding: 0px 0px 0px 5px;
        background: #e7f8f7;
		color:#333333;
}
table#domain_regist tr, table#domain_transfer tr, table#price tr, table#renew tr, table#inquiry tr{
	width:500px;
}
table#domain_regist td, table#domain_transfer td, table#price td, table#renew td, table#inquiry td{
	font-family:Arial; /* 文字の種類 */
	font-size:9pt; /* 文字の大きさ */
	padding:1px 0px 1px 2px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 0px;
	white-space: nowrap;
}

table#price th, table#inquiry th{
padding:3px 2px;
font-weight:bold;
border-top:none;
border-left:none;
border-right:1px solid #dddddd;
border-bottom:1px solid #939393;
background:#e3e9f2;
}

table#price td, table#inquiry td{
padding:3px 2px;
border-top:none;
border-left:none;
border-right:1px solid #dddddd;
border-bottom:1px solid #939393;
}

/* inputに対するＣＳＳ */
input#domain{
	margin:10px 0px 0px 5px;
	font-family:Arial; /* 文字の種類 */
	font-size:13pt; /* 文字の大きさ */
        font-weight:600; /* 文字の太さ */
	color:#000000; /* 文字の色 */
	background-color:#ffffff; /* 背景色 */
	border:1px solid #939393; /* 線の種類と色 */
}
input#submit, input#submit2, input#regist, input#confirm , input#confirm2, input#transfer, input#Button{
	color:#000000; /* 文字の色 */
	background-color:#87cefa; /* 背景色 */
	font-family:Arial; /* 文字の種類 */
	font-size:11pt; /* 文字の大きさ */
        font-weight:400; /* 文字の太さ */
	border:1px solid #a9a9a9; /* 線の種類と色 */
        background: url(../image/bg.gif) left top repeat-x;
}
input#MenuButton{
	color:#000000; /* 文字の色 */
	background-color:#87cefa; /* 背景色 */
	font-family:Arial; /* 文字の種類 */
	font-size:9pt; /* 文字の大きさ */
        font-weight:400; /* 文字の太さ */
	border:1px solid #a9a9a9; /* 線の種類と色 */
        background: url(../image/bg.gif) left top repeat-x;
}



/* お申し込み内容入力欄、問い合わせ欄用 */
.form1{
	font-family:Arial; /* 文字の種類 */
	color:#000000; /* 文字の色 */
	background-color:#ffffff; /* 背景色 */
	border:1px solid #939393; /* 線の種類と色 */
	width:200px;
}

/* h3のＣＳＳ */

h3{
	/*padding:3px 0px 1px 3px;*/
	font-family:Arial; /* 文字の種類 */
	font-size:11.5pt; /* 文字の大きさ */
        font-weight:600; /* 文字の太さ */
	color:#000000; /* 文字の色 */
        /*background: url(../image/bg3.gif) left top repeat-x;*/
}
/* h4のＣＳＳ */
h4{
	margin:10px 0px -5px 0px;
	font-family:Arial; /* 文字の種類 */
	font-size:10pt; /* 文字の大きさ */
        font-weight:600; /* 文字の太さ */
	color:#222222; /* 文字の色 */
}

h4.h4faq{
	margin:10px 0px;
	font-size:14px;
	color:#456fda;
}

/* ドット線 */
hr#line1{
	height: 1px;
	border: none;
	border-top: 1px #cccccc dashed;
	margin: 5px 0px 5px 0px;
}

/* 右カラムの内容表示 */
.HelpText{
	margin: 10px 30px 10px 30px;
        line-height: 130%;
}

ol#TransferText li, ul#TransferText li{
	margin: 10px 30px 0px 0px;
}

ul#TransferText span, ol#TransferText span, .HelpText span#q{
	font-family:Arial; /* 文字の種類 */
	font-size:10pt; /* 文字の大きさ */
        font-weight:600; /* 文字の太さ */
	color:royalblue; /* 文字の色 */
}
.HelpText div{
	margin: 10px 30px 0px 0px;
}
.HelpText span#a{
	font-family:Arial; /* 文字の種類 */
	font-size:10pt; /* 文字の大きさ */
        font-weight:300; /* 文字の太さ */
	color:royalblue; /* 文字の色 */
}

/* トップメニュー */
div#subMenu{
	display:none;
	background-color:#ffffff;
	font-size:13px;
	width:130px;
	position:absolute; top:199px;left:263px;
	border-style:solid;
	border-color:#939393;
	border-width: 1px 1px 1px 1px;
        background: url(../image/bg4.gif) left top repeat;
	text-align:left;
        padding: 0px 0px 0px 10px;
        line-height: 150%;
	font-family:Arial; /* 文字の種類 */
}

/*左エリア*/
#leftArea p.search,#leftArea p.search a{
	display:block;
	width:170px;
	height:56px;
}

#leftArea p.search{
	margin:0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #666666;
}

#leftArea p.search a{background:transparent url(../image/search.png) 0px 0px;}
#leftArea p.search a:hover {background:transparent url(../image/search.png) 0px -56px;}

ul.MyPageList {
	margin:10px 0px 0px 0px;
	padding:15px 0px 10px 0px;
	color:#333333;
	list-style:none;
	text-align:left;
	background:url(../image/MyPageList.png) no-repeat;
	border-bottom:1px solid #666666;
	width:170px;
}

ul.MyPageList li{
	display:block;
	font-weight:bold;
	margin:0px;
	padding:10px 0px 0px 5px;
}

ul.MyPageList li a{
	display:block;
	padding:0px 10px 0px 10px;
	margin:0px;
	font-weight:normal;
	color:#333333;
	background:url(https://www.i-call.co.jp/common/image/productListStyle.gif) center left no-repeat;
}

ul.MyPageList li a:hover{
	color:#e70026;
}

p.mypageBtn {
margin:0px;
padding:0px;
}

p.mypageBtn a{
display:block;
width:186px;
height:23px;
padding:3px 0px 0px 20px;
background:url(../image/mypage_btn.gif) no-repeat;
font-weight:bold;
color:#fff;
}


/*下部申し込み*/
#domainMail {
margin:0px;
padding-bottom:10px;
background:url(../image/productMainBottom.gif) left bottom no-repeat;
}

#domainMail div{
margin:0px 0px 0px 11px;
width:550px;
height:auto;
border:1px solid #0c5ed8;
background:#eff5ff;
color:#333333;
clear:both;
}

#domainMail h5{
margin:10px;
background:url(../image/domainMailTitle.gif) no-repeat;
height:16px;
}

#domainMail h5 span {
position:absolute;
top:-9999px;
}

#domainMail p{
margin:0px 10px 10px 10px;
padding:0px;
}

#domainMail a{
display:block;
height:29px;
width:366px;
margin:0px 10px 10px 90px;
padding:0px;
background:transparent url(../image/regist.png) 0px 0px;
}

#domainMail a:hover{
background:transparent url(../image/regist.png) 0px -29px;
}