@charset "utf-8";
@import "reset.css";
@import "common.css";
@import "form.css";

h1 {
	font-weight:bold;
	/* border-left:5px solid #002222; */
	background-position:left;
	background-repeat:no-repeat;
	padding-left:22px;
	padding-top:6px;
	margin-bottom:4px;
	margin-left:1px;
	color:#002222;
	height:18px;
	vertical-align:middle;
	font-size:1.1em;
}

h2 {
	font-weight:bold;	
}

th {
	font-weight:bold;
}

input {
	margin-right:2px;
	padding:2px;
	margin-left:2px;
}

input.normal {
	width:200px;
	}
	
	
em {
	font-size:1.2em;
	font-weight:bold;
}

div.error-message {
	/*display:inline;*/
	color:red;
	font-size:1em;
	font-weight:bold;
	padding-top:3px;
}


.message {
	border: 2px solid #1A4591;
	background-color:#F2F5F7;
	padding: 10px;
	width:500px;
	margin-bottom:15px;
}

.notice {
	font-size: 0.9em;
	color:#666666;
}



.disable {
	color:#999999;
}

.ajax-loader {
	margin:3px 0 0 5px;
}

/* ファイル準備中.. ウィンドウ */
#waiting {
	border:2px solid #FF0000;
  	height:50px;
    width:200px;
	position:absolute;
    top:50%;
    left:50%;
	margin-top:-25px;
    margin-left:-100px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
}

img.progress {
	height:10px;
	float:left;
	margin-top:3px;
}


/* Login */

#redirect {
	border:1px solid #59A6B7;
	background-color:#FFFFFF;
	padding:10px;
}

#LoginLoginTryForm {
	border:1px solid #59A6B7;
	padding:10px;
	background-color:#FFFFFF;
	text-align:center;}
	
#LoginLoginTryForm div {
	padding:4px 4px 4px 0;
}

#LoginLoginTryForm div label {
	margin-right:5px;
	width:100px;
}

#LoginLoginTryForm input.login {
	width:150px;
}

#LoginLoginTryForm div.input {
	display:block;
	}

#LoginRememberMe {
	margin:7px;
}

.warning {
	border:2px solid #59A6B7;
	background-color:#FFFFFF;
	margin-bottom:10px;
	padding:10px;
	font-weight:bold;
	color:#FF6633;
}
#userpage {
	width:880px;
	margin:0 auto 10px auto;}

#pankuzu {
	margin-bottom: 5px;}

#userpage .menu ul {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	margin-top:10px;}
	

#userpage .menu li {
	font-weight:bold;
	font-size:0.9em;
	color:#999999;
	list-style-type:none;
	float:left;
	margin-right:2px;
	background-color:#CCFFCC;}
	
#userpage .menu li a {
	color:#000000;
	text-decoration:none;}
#userpage .menu li a:hover {
	text-decoration:underline;}
	
#userpage #contents {
	/* border:1px solid #CCCCCC; */
	margin:0;
	padding:15px 12px;
	line-height:1.4em;
	max-width:878px;
	background-color:#B6DDE0;
}


#footer {
	/* margin-top:5px; */
	text-align:right;
	font-size: .8em;
	font-family:"Verdana";
	color:#999999;}
	
	

	
/* ======== DashBoard ======== */


h1#account_info {
	background-image:url("../img/dashboard/icon_account.gif");
}

h1#disk_info {
	background-image:url("../img/dashboard/icon_disk.gif");
}

h1#payment_info {
	background-image:url("../img/dashboard/icon_payment.gif");
}

h1#info {
	background-image:url("../img/dashboard/icon_info.gif");
}


table#dashboard {
	width:854px;
	padding:0;
	margin: 0 auto;
	border:0;
}


table#dashboard td#dashleft {
	width:420px;
	padding-right:7px;
	background-color:#B6DDE0;
}

table#dashboard td#dashright {
	width:420px;
	padding-left:7px;
	background-color:#B6DDE0;
}

/* 通常のinfo */
table.info {
	margin-bottom:15px;
	background-color:#FFFFFF;
	}
	
table.info h1 {
	margin-bottom:5px;
}

table.info th {
	border:1px solid #59A6B7;
	background-color:#90C4CF;
	color:#FFFFFF;
	white-space:nowrap;
	width:118px;
	padding:5px;
}

table.info td {
	border:1px solid #59A6B7; /*入れ子の場合必要*/
	padding:5px;
	width:287px;
}

/* diskused */
table.diskused {
	margin-bottom:15px;
	}
	
table.diskused h1 {
	margin-bottom:5px;
}

table.diskused th {
	border:1px solid #59A6B7;
	background-color:#90C4CF;
	color:#FFFFFF;
	white-space:nowrap;
	width:202px;
	padding:5px;
}

table.diskused td {
	border:1px solid #59A6B7; /*入れ子の場合必要*/
	padding:5px;
	background-color:#FFFFFF;
}


#db_news {
	border: 2px solid #1A4591;
	background-color:#F2F5F7;
	padding: 10px;
	width:760px;
	margin-bottom:15px;
}

#db_news td {
	padding: 20px;
}




/* ======== Account Manager ======== */


h1#master_account {
	background-image:url("../img/account_manager/icon_masteraccount.gif");
}

h1#sub_account {
	background-image:url("../img/account_manager/icon_subaccount.gif");
}

.mail_addy {
	color:#999999;
	font-size:0.9em;
}

table.account {
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FFFFFF;
}

table.account div {
	/*display:inline; */}

table.account th{
	border:1px solid #59A6B7;
	background-color:#90C4CF;
	color:#FFFFFF;
	padding:4px;
	text-align:center;
	white-space:nowrap;
}

table.account td{
	vertical-align:middle;
	border:1px solid #59A6B7;
	padding:4px;
}

table.account td.description {
	padding:15px;
}

table.account th.name {width:170px;}
table.account th.account {min-width:100px;}
table.account th.password {min-width:90px;}
table.account th.finder {min-width:93px;}
table.account th.edit {min-width:30px;}
table.account th.quota {min-width:42px;}
table.account th.diskused {min-width:150px;}
/* table.account th.memo {min-width:300px;vertical-align:top;} */

table.subaccount th {
	width:100px;
}

#SubMemo {
	min-width:600px;
}

table#debug {
	margin:5px;
}

table#debug th, table#debug td {
	border:1px solid #59A6B7;
	padding:2px;
	background-color:#FFFFCC;
	color:#666666;
}



/* ======== File Manager ======== */

.selected {
	background-color:#E8E8E8;
	padding:3px;
}

}
#file_manager_menu {
	float:left;
	width:400px;
	color:#999999;
}

#upload {
	float:left;
	/*margin-left:500px;*/
	/*margin-left:600px 0 0 0;*/
	/*padding-left:370px;*/
	padding-left:570px;
}

#createDir {
	float:left;
	margin-left:8px;
}


h1#filelist {
	background-image:url("../img/file_manager/icon_filelist.gif");
}

/* pankuzu */
#pankuzu {
	margin-bottom:20px;
	 border:1px solid #999999;
	padding:5px;
}

#pankuzu td {
	border:none;
	padding:4px;
	background-color:#E8E8E8;
}


/* filelist */

#filelist {
	
	flaot:left;
	width:822px;
}

#filelist tr.alt {
	background-color:#ECF3FE !important;
	position: relative;
}

#filelist .Red_L {
	background: url(../img/file_manager/labels/Red_L.gif) top left no-repeat;
}
#filelist .Orange_L {
	background: url(../img/file_manager/labels/Orange_L.gif) top left no-repeat;
}
#filelist .Yellow_L {
	background: url(../img/file_manager/labels/Yellow_L.gif) top left no-repeat;
}
#filelist .Green_L {
	background: url(../img/file_manager/labels/Green_L.gif) top left no-repeat;
}
#filelist .Blue_L {
	background: url(../img/file_manager/labels/Blue_L.gif) top left no-repeat;
}
#filelist .Purple_L {
	background: url(../img/file_manager/labels/Purple_L.gif) top left no-repeat;
}
#filelist .Gray_L {
	background: url(../img/file_manager/labels/Gray_L.gif) top left no-repeat;
}

#filelist .Red_R {
	background: url(../img/file_manager/labels/Red_R.gif) top right no-repeat;
}
#filelist .Orange_R {
	background: url(../img/file_manager/labels/Orange_R.gif) top right no-repeat;
}
#filelist .Yellow_R {
	background: url(../img/file_manager/labels/Yellow_R.gif) top right no-repeat;
}
#filelist .Green_R {
	background: url(../img/file_manager/labels/Green_R.gif) top right no-repeat;
}
#filelist .Blue_R {
	background: url(../img/file_manager/labels/Blue_R.gif) top right no-repeat;
}
#filelist .Purple_R {
	background: url(../img/file_manager/labels/Purple_R.gif) top right no-repeat;
}
#filelist .Gray_R {
	background: url(../img/file_manager/labels/Gray_R.gif) top right no-repeat;
}


#filelist .Red_C {
	background: url(../img/file_manager/labels/Red_C.gif) top left repeat-x;
}
#filelist .Orange_C {
	background: url(../img/file_manager/labels/Orange_C.gif) top left repeat-x;
}
#filelist .Yellow_C {
	background: url(../img/file_manager/labels/Yellow_C.gif) top left repeat-x;
}
#filelist .Green_C {
	background: url(../img/file_manager/labels/Green_C.gif) top left repeat-x;
}
#filelist .Blue_C {
	background: url(../img/file_manager/labels/Blue_C.gif) top left repeat-x;
}
#filelist .Purple_C {
	background: url(../img/file_manager/labels/Purple_C.gif) top left repeat-x;
}
#filelist .Gray_C {
	background: url(../img/file_manager/labels/Gray_C.gif) top left repeat-x;
}

#filelist td {
	border:none;
	padding:0px 5px
	vertical-align:baseline;
	line-height:0.8em;
	background-repeat:no-repeat;
	background:none;
}


#filelist td a {
	border:none;
	text-decoration:none;
}

#filelist td.fileicon {
	width:18px;
}

#filelist td.name {
	padding-left:2px;
	width:290px;
	word-wrap: break-word;
	word-break: break-all;
}

#filelist td.size {
	width:78px;
	color:#666666;
	text-align:right;
}
#filelist td.mtime {
	width:190px;
	color:#666666;
	text-align:center;
}
#filelist td.download {
	width:78px;
}
#filelist td.send {
	width:78px;
}

#filelist td.remove {
	width:78px;
}

#filelist td.thumbnail {
	border:0px solid #999999;
	width:110px;
	height:110px;
	text-align:center;
	background: url(../img/ajax-loader.gif) center center no-repeat; }
}




/* menu table */
#menu_table {
	margin-top:10px;
	margin-bottom:2px;
	/* width:982px; */
	border:0;
	padding:0;
	border-collapse:collapse;
	}

#menu_table td {
	border:0;
	padding:0;
	vertical-align:bottom;
	}
#menu_table td img {
	width:102px;
	height:33px;
}


/* Ajax */
.inplaceeditor-form input {
	padding:2px;
	margin:3px;
}

.inplaceeditor-saving { background: url(img/ajax-loader.gif) bottom right no-repeat; }

h1#send {
	background-image:url("../img/file_manager/icon_send.gif");
}

.old_file_manager {
	font-size:0.8em;
	text-align:right;
}


/* ======== Config ======== */

h1#notify{
	background-image:url("../img/config/icon_notify.gif");
}


h1#planchange{
	background-image:url("../img/config/icon_planchange.gif");
}

h1#axsfix{
	background-image:url("../img/config/icon_axsfix.gif");
}



/* ======== Payments ======== */

h1#payment{
	background-image:url("../img/payments/icon_payment.gif");
}


#credit_link {
	border: 2px solid #1A4591;
	margin: 10px auto;
	text-align:center;
	padding:30px;
	font-size:1.2em;
}

div.furikomi {
	display:block !important;
	height:20px;
	border: 1px solid #1A4591;
	background-color:#F2F5F7;
	padding: 10px;
	margin:5px 0 0 3px;
}


/* ======== Softwares ======== */

h1#cp{
	background-image:url("../img/softwares/icon_cp.gif");
}


h1#crypt{
	background-image:url("../img/softwares/icon_crypt.gif");
}

.softwares
{
	width:850px;
}

.app_pics
{
	width:210px;
	text-align:center;
}


/* ======== Manuals ======== */

table.manual td {
	padding:15px;
	
}
.manual{
	margin:10px;
}
.manual img {
	display:block;
	float:right;
}
.manual br {
	clear:both;
}

/* ======= Notifications ======= */
.notification {
	width:700px;
	margin:10px 0;
}
table.notification th {
	text-align:left;
	width:100px;
}
table.notification td {
	padding:10px;
}