@charset "UTF-8";


/* トップページ----------------------------------------------------------------------------- */
#topLogin{margin-top:10px;}

#topLogin h3{margin-top:35px;}

#index .boxCategory{
width:367px;
background:url(/common/img/box_btm.gif) no-repeat bottom;
margin-bottom:8px;
}

#index .boxCategory img.picture{
float:left;
margin-left:1px;
}

#index .boxCategory .text{
float:left;
width:270px;
margin:0 0 8px 2px;
}

#index .boxCategory ul{margin:7px 0 0 2px;}

#index .boxCategory ul li{
font-size:13px;
background:url(/common/img/icon_circle_blue.gif) no-repeat left;
margin-bottom:4px;
padding-left:11px;
}

#index .boxCategory ul li a,
#index .boxCategory ul li a:visited{
color:#000000;
text-decoration: underline;
}

#index .boxCategory ul li a:hover{text-decoration:none;}


/* ここからは第2階層で使用分
----------------------------------------------------------------------------- */
/* 共通部品
----------------------------------------------------------------------------- */
h1, h2, h3, h4{claer:both;}

.ttl1{
font-size:24px;
line-height:1;
}

.ttl2{
font-size:20px;
font-weight:bold;
line-height:1;
color:#336699;;
margin-top:45px;
}

.ttl3{
font-size:15px;
font-weight:bold;
line-height:1;
color:#708090;
/*background:url(/common/img/ttl3_bg.gif) no-repeat left center;*/
margin-top:30px;
}

.ttl2 .small{
font-size:15px;
}

.ttl3 .small{
font-size:14px;
font-weight:normal;
}

.titleSearch + .ttl3{margin-top:15px;}

.titleSearch{margin: 8px 0 0 0;}

a.arrow{
background:url(../img/arrow_blue.gif) no-repeat left center;
margin:0 5px;
padding-left:10px;
}

.subExplain{
font-size:14px;
font-weight:bold;
border-bottom:dotted 1px #999999;
margin:0 0 10px 0;
padding:10px 0 2px 4px;
}

#right p{margin-top: 10px;}

#right p.check{
font-size:14px;
font-weight:bold;
background:url(/common/img/icon_check.gif) no-repeat left 2px;
margin:0 0 5px 0;
padding-left:19px;
}

#right p.add1{
clear:both;
text-indent:-1em;
margin: 2px 0 1px 1em;
}

#right p.tRead{padding: 20px 0;}

input{margin-right:5px;}

input.btnSend{
height:27px;
font-size:12px;
font-weight:bold;
text-shadow:1px 1px 1px #FFFFFF;
line-height:1;
color:#336699;
background:url(/common/img/btn_send_bg.gif) repeat-x bottom #E4F3FC;
border:solid 1px #336699;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.4); 
cursor: pointer;
margin:0;
padding:2px 4px 1px 4px;
}

input:disabled.btnSend{
color:#FF0000;
text-shadow:none;
background:#FFFFFF;
-webkit-appearance: button;
box-shadow: none;
border:none;
}

#domain input:disabled.btnSend{color:#FFFFFF !important;}

input.btnSend.logout{
float:right;
height:24px;
font-size:10px;
}

#webmail input.btnSend{
height:24px;
font-size:11px;
padding:1px 4px 0px 4px;
}

input.inputText{
height:20px;
border:solid 1px #CCCCCC;
margin:2px 0;
padding:2px;
}

input.sameText{
border:none;
background:#FFFFFF;
margin:0;
padding:0;
}

input.sameText.ssl{
font-size:12px;
background:#FFFFFF;
border-radius:0;
webkit-border-radius:0;
-webkit-appearance:none;
}

selected{font-size:12px;}

option{padding:0;}


/* タブ
----------------------------------------------------------------------------- */
.tabmenu{margin-top:30px;}

.tabmenu li{
float: left;
padding:5px 10px 4px 10px;
margin-right:5px;
}

.tabmenu li{
list-style: none;
}

.content {
clear: both;
border-top:solid 1px #333333;
margin-bottom:20px;
padding:14px 10px;
top:-1px;
position: relative;
z-index: 1;
}

.content textarea, .content table{margin-top:20px;}

.tabbox {display: none;}

.tabmenu li{
border:solid 1px #CCCCCC;
border-bottom:none;
}

.tabmenu li.active {
background:#FFFFFF;
border:solid 1px #333333;
border-bottom: none;
position: relative;
z-index: 2;
}

.tabmenu li a{color:#999999; text-decoration:none;}

.tabmenu li a:hover{text-decoration:underline;}

.tabmenu li.active a{
font-weight:bold;
text-decoration:none;
color:#333333;
}



/* 汎用
----------------------------------------------------------------------------- */
ul.ulBasic{margin: 5px 0 0 15px;}

ul.ulBasic li{
list-style:disc;
/*background:url(/common/img/icon_circle_gray.gif) left 5px no-repeat;*/
margin-bottom:4px;
}

ul.ulBasic ul li{
list-style:circle;
margin:5px 0 0 15px;
}

.boxRemark ul li, .boxStartup ul li{
list-style:none;
background:url(/common/img/icon_circle_gray.gif) left 5px no-repeat;
margin:2px 0;
padding-left:13px;
}

ol.olBasic{
margin-left:20px;
margin-bottom:10px;
}

ol.olBasic li{
line-height:1.5;
margin-bottom:3px;
}



/*----- テーブル -----*/
table{
width:100%;
background:#FFFFFF;
border:solid #CCCCCC 1px;
border-spacing:0;
border-collapse:collapse;
margin: 10px 0 5px 0;	
}

table th{
font-weight:bold;
background:#F3F3F3;
border:1px solid #CCCCCC;
padding: 5px 7px;
}

table td{
border:1px solid #CCCCCC;
padding: 5px 7px;
}

table img{vertical-align:middle;}

table.tbBasic th{width:40%;}

table.tbExample{margin-top:5px;}
table.tbExample th{
background:#FFFFF0;
}

table.synchro{
border:none;
border-spacing:0;
border-collapse:collapse;
margin-top:15px;
}

table.synchro td{
vertical-align:bottom;
border:none;
height:24px;
padding:3px;
}

table.synchro td.bgArrow{
background:url(/common/img/bg_synchro.gif) no-repeat left center;
width:30px;
}

.cellPlus{padding:10px 7px;}

.cellBtn{
text-align:center;
padding:10px 7px;
}

.borderBold{border-bottom:solid 2px #CCCCCC;}

.borderNo{border:none !important;}

.bgGray{background:#E8E8E8;}

.bgYellow{background:#FFFFF0;}

.nowrap{white-space:nowrap !important;}

table + ul.ulBasic{margin-top:13px;}


/* ボックス
----------------------------------------------------------------------------- */
.boxGray{
margin:10px 0 15px 0;
}

.boxPhp{
margin:50px 0 60px 0;
}

.boxPhp.ri{padding-right:0;}

.boxRemark{
border:dotted 1px #999999;
padding:10px 15px;
}

.boxStartup{
height:110px;
background:url(../img/startup_bg.gif) no-repeat left top;
margin-top:12px;
padding:14px 0 0 40px;
}

.boxStartup p.sub{
font-size:14px;
font-weight:bold;
}

p.sub + ul{margin-top:0;}

hr{
border: 0;
border-bottom: solid 1px #CCCCCC;
margin-top:25px;
}




/* ページタイトル
----------------------------------------------------------------------------- */
.pageTitle{
height:70px;
border-bottom:solid 2px #006699;
padding-left:90px;
margin-bottom:15px;
}

.pageTitle + h2{margin-top:25px;}

.pageTitle p{
font-size:16px;
font-weight:bold;
color:#336699;
padding:2px 0 3px 2px;
}

#user .pageTitle{background:url(/common/img/user_pic.gif) no-repeat left top;}
#domain .pageTitle{background:url(/common/img/domain_pic.gif) no-repeat left top;}
#db .pageTitle{background:url(/common/img/db_pic.gif) no-repeat left top;}
#cms .pageTitle{background:url(/common/img/cms_pic.gif) no-repeat left top;}
#ftp .pageTitle{background:url(/common/img/ftp_pic.gif) no-repeat left top;}
#server .pageTitle{background:url(/common/img/server_pic.gif) no-repeat left 5px;}
#webmail .pageTitle{background:url(/common/img/webmail_pic.gif) no-repeat left top;}
#useful .pageTitle{background:url(/common/img/useful_pic.gif) no-repeat left top;}


/* ----------ドメインの利用---------- */
.pager{
clear:both;
text-align:center;
margin:15px 0 5px 0;
}
	
.right + h3{margin-top:0;}

.makeNew{
font-size:11px;
font-weight:normal;
line-height:1;
color:#FFFFFF;
text-shadow: 1px 1px 1px #990000;
background:#FF0000;
margin:-1px 0 0 7px;
padding:2px 4px 1px 4px;
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */  
}

ul.anchor{
float:left;
position: relative;
left: 50%;
margin: 5px 0 15px 0;
}

ul.anchor li{
float:left;
position: relative;
left: -50%;
background:url(../img/btn_send_disabled_bg.gif) repeat-x bottom #f4f4f4;
border:solid 1px #CCCCCC;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
margin:0 4px;
padding:4px 8px;
}

table.tbDomain th, table.tbFtp th, table.tbDb th,  table.tbMail th, table.tbUse th{text-align:center;}

td.arrowDown{
background:url(../img/arrow_gray_01.gif) no-repeat center top;
padding-top:30px;
}

table.customDomain th{width:50%;}
table.customDomain td{text-align:center;}

table.dbBackup th{width:25%;}

textarea{
border:solid 1px #CCCCCC;
width:500px;
height:250px;
margin-top:10px;
}

table.ssl textarea{margin:10px 0;}