@charset "UTF-8";

/*

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* ポップアップ */
/* ------------------------------------------------------------ */
body.pop_up #container #main-area {
	float:none;
	width:560px;
}

#contents-area {
	padding:40px 20px;
}

body.pop_up #container #main-area p.input {
	font-size:92%;
	padding:10px 0px;
	text-align:center;
}

/* ------------------------------------------------------------ */
/* 1カラム*/
/* ------------------------------------------------------------ */
.one_column {
	width:600px;
	margin:0px auto;
}

.one_column table {
	width:100%;
	margin-bottom:35px;
}

.one_column table th {
	text-align:left;
}

.one_column .button-area a {
	color:#fff;
}
/* ------------------------------------------------------------ */
/* 追加済みバックアップ元共有の一覧 */
/* ------------------------------------------------------------ */
.add_backup_list {
	width:100%;
	margin-bottom:8px;
}

.add_backup_list th {
	background:#1b2029;
	border:1px solid #000;
	padding:2px 8px;
	font-size:77%;
	color:#999;
	font-weight:normal;
}

.add_backup_list td {
	background:#191c24;
	border:1px solid #000;
	color:#ccc;
	padding:5px 8px;
}

.add_backup_list .checkbox {
	width:2%;
	padding:0px;
}

.add_backup_list .operation {
	width:10%;
}

.add_backup_list .operation a {
	background:url(../img/common/operation_bt.gif) repeat-x top #0070b8;
	border:2px solid #005892;
	display:block;
	text-align:center;
	color:#fff;
	font-size:77%;
	padding:2px 0px;
	zoom:1;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area {
	position:relative;
}

#header-area .header-utility {
	background:url(../img/common/navi_content_back.gif) no-repeat bottom;
	height:31px;
}

#header-area.first .header-utility {
	background:url(../img/beginner/navi_content_back_beginner.gif) no-repeat bottom;
}

#identity {
	padding:0 0 15px 0;
	background:url(../img/common/lv2_headright.jpg) no-repeat right top;
}

#header-area.first #identity {
	border-bottom:1px solid #303238;
}

#identity img {
	padding:24px 0px 0px 10px;
	float:left;
}

#identity div {
	padding-top:3px;
	width:330px;
	background:url(../img/common/status_back.gif) bottom repeat-y;
	float:left;
	margin-left:25px;
}

#identity div table {
	width:100%;
	font-size:92%;
}

#identity div td {
	padding:0px 0px 0px 15px;
	color:#ccc;
	vertical-align:bottom;
	width:58%;
	white-space:nowrap;
}

#identity div td.status_th{
	width:38%;
}

#identity div th {
	text-align:right;
	vertical-align:bottom;
	padding:0px 3px 3px 0px;
}

#identity div th img {
	display:block;
	padding:0px;
	float:none;
}

/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */
#contents-area {
	padding:30px 20px 120px 20px;
}

#contents-area .sitepath a:link,
#contents-area .sitepath a:visited {
	color:#333;
}
#contents-area .sitepath a:hover,
#contents-area .sitepath a:active {
	color:#666;
}

/* ------------------------------------------------------------ */
/* 初めて設定 */
/* ------------------------------------------------------------ */
h2 {
	font-size:122%;
	background:url(../img/beginner/h2_back.gif) top repeat-x #131821;
	padding:5px 6px;
	color:#ccc;
	margin-bottom:25px;
}

h2 span {
	border-left:5px solid #0075c1;
	padding:3px 5px;
}

/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area {
	float:right;
	width:640px;
}

.main_table {
	width:100%;
}

.main_table th {
	width:30%;
	background:#1b2029;
	border:1px solid #000;
	padding:8px;
	color:#fff;
	font-weight:normal;
	vertical-align:top;
}

.main_table .th_big{
	width:40%;
	background:#1b2029;
	border:1px solid #000;
	padding:8px;
	color:#fff;
	font-weight:normal;
	vertical-align:top;
}

.main_table td {
	width:70%;
	background:#191c24;
	border:1px solid #000;
	padding:8px;
	color:#ccc;
}

.main_table .td_big {
	width:60%;
	background:#191c24;
	border:1px solid #000;
	padding:8px;
	color:#ccc;
}

/* .main_table .td_big {
	width:50%;
	background:#191c24;
	border:1px solid #000;
	border : 1px solid #ff0000;
	padding:8px;
	color:#ccc;
} */

.main_table .operation .brown_button a {
	background:url(../img/common/assistance_bt_brown.gif) repeat-x #423b35;
	border:2px solid #353535;
}

.main_table .operation a {
	border:2px solid #005892;
	text-align:center;
	color:#fff;
	font-size:77%;
	background:url(../img/common/operation_bt.gif) repeat-x top #0070b8;
	padding:4px 12px;
	zoom:1;
}

/* hide from Mac IE \*/
* html .main_table .operation a {
	padding:2px 12px;
}
/* */

.sub_table {
	width:100%;
	margin-top:5px;
}

.sub_table th {
	border:none;
	background:none;
	width:30%;
	color:#ccc;
	padding:0px;
}

.sub_table td {
	border:none;
	background:none;
	width:70%;
	color:#ccc;
	padding:0px;
}

/*--------------リスト用テーブル--------------*/
.list_table {
	width:100%;
	margin-bottom:8px;
}

.list_table th {
	color:#999;
	font-size:77%;
	font-weight:normal;
	padding:2px 10px;
	background:#1b2029;
	border:1px solid #000;
}

.list_table td {
	color:#ccc;
	background:#191c24;
	padding:6px 10px;
	vertical-align:middle;
	border:1px solid #000;
}

.list_table .soon td,
.list_table .soon th {
	background:#f8fad1;
	color:#333;
}

.list_table .slowly td,
.list_table .slowly th {
	background:#f7caca;
	color:#333;
}

.list_table .name {
	width:34%;
}

.list_table .name_group {
	width:68%;
}

.list_table .checkbox {
	text-align:center;
	width:4%;
	padding:0px;
}

.list_table .checkbox input {
	background:none;
	width:auto;
}

.list_table .operation {
	padding:5px 0px;
	width:28%;
}

/* hide from Mac IE \*/
* html .list_table .operation ul {
	margin-left:-6px;
}
/* */

.list_table .operation li {
	display:block;
	float:left;
	width:51px;
	margin:0px 0px 0px 6px;
}

.list_table .operation a {
	border:2px solid #005892;
	display:block;
	text-align:center;
	color:#fff;
	font-size:77%;
	background:url(../img/common/operation_bt.gif) repeat-x top #0070b8;
	padding:2px 0px;
	zoom:1;
}

.list_table .operation p {
	margin:0 0 5px 6px;
}

.list_table .operation p a {
	width:80px;
	background:url(../img/common/operation_bt.gif) repeat-x top #0070b8;
	border:2px solid #005892;
}

#main-area .section .list_table .operation p font.ash_button {
	width:80px;
	background:url(../img/common/operation_bt_ash.gif) repeat-x top #8fb1c6;
	border:2px solid #8faabb;
	display:block;
	padding:2px 0px;
}

.list_table .operation .brown_button a {
	background:url(../img/common/assistance_bt_brown.gif) repeat-x #423b35;
	border:2px solid #353535;
}

#main-area .section .list_table .operation font.ash_button {
	background:url(../img/common/operation_bt_ash.gif) repeat-x top #8fb1c6;
	border:2px solid #8faabb;
	display:block;
	padding:2px 0px;
}

.list_table .base_icon img {
	text-align:center;
	padding:0px 2px;
}

/*--------------入れ子--------------*/
.nest {
	margin:0px;
	padding:0px;
}

.nest img {
	vertical-align:top;
}

.nest ul {
	padding:0 0 0 20px;
	margin:0px;
}

/* hide from Mac IE \*/
* html .nest ul {
	margin-top:-14px;
}
/* */ 

*:first-child+html .nest ul {
	margin-top:-14px;
}

.nest ul .middle_area {
	margin:0px;
}

/* hide from Mac IE \*/
* html .nest ul .middle_area { 
	margin-top:5px;
}
/* */ 

*:first-child+html .nest ul .middle_area {
	margin-top:5px;
}

.nest li {
	padding:0px;
	margin:0px;
}

.nest li li {
	padding:0px;
	margin:0px;
}

/*--------------フォーム各種--------------*/
.text_big input {
	background:url(../img/common/textbox_big.gif) repeat-x;
	border-left:1px solid #4c5c80;
	border-right:1px  solid #4c5c80;
	border-bottom:none;
	border-top:none;
	width:226px;
	height:18px;
	padding:3px 0px 0px 5px;
}

.text_middle input {
	background:url(../img/common/textbox_big.gif) repeat-x;
	border-left:1px solid #4c5c80;
	border-right:1px  solid #4c5c80;
	border-bottom:none;
	border-top:none;
	width:165px;
	height:18px;
	padding:3px 0px 0px 5px;
	margin-right:5px;
}

.text_bastard input {
	background:url(../img/common/textbox_big.gif) repeat-x;
	border-left:1px solid #4c5c80;
	border-right:1px  solid #4c5c80;
	border-bottom:none;
	border-top:none;
	width:109px;
	height:18px;
	padding:3px 0px 0px 5px;
	margin-right:5px;
}

.places {
	background:url(../img/common/textbox_big.gif) repeat-x;
	border-left:1px solid #4c5c80;
	border-right:1px  solid #4c5c80;
	border-bottom:none;
	border-top:none;
	width:auto;
	height:auto;
}

* html .places input{
	width : 80%;
}

.places > input{
	background:url(../img/common/textbox_big.gif) repeat-x;
	color: #000;
	border-left:1px solid #4c5c80;
	border-right:1px  solid #4c5c80;
	border-bottom:none;
	border-top:none;
	width:auto;
	height:auto;
	width : 100%;
}

.pull_big select {
	width:226px;
	border:1px solid #ccc;
}

.pull_middle select {
	width:140px;
	border:1px solid #ccc;
}

.text_short input {
	background:url(../img/common/textbox_big.gif) repeat-x;
	border-left:1px solid #4c5c80;
	border-right:1px  solid #4c5c80;
	border-bottom:none;
	border-top:none;
	width:61px;
	height:18px;
	padding:3px 0px 0px 5px;
	margin-right:5px;
}

/*--------------白枠部分--------------*/
.middle_area {
	width:70%;
	margin:10px 0px;
	background:#434854;
	border:1px solid #70788b;
	padding:8px 8px 0px 8px;
	font-size:77%;
}

div.middle_area {
	width:250px;
	padding:8px;
}

div.middle_area input {
	margin-right:5px;
}

.middle_area input {
	margin-right:5px;
}

.middle_area td {
	width:57%;
	border:none;
	background:none;
	padding:0px 0px 7px 0px;
	color:#ccc;
}

.middle_area th {
	width:43%;
	border:none;
	background:none;
	padding:0 0 0 8px;
	color:#ccc;
}

.big_area {
	background:#434854;
	border:1px solid #70788b;
	padding:8px 8px 0px 8px;
	margin:10px 0px;
}

.big_area.warning {
	color:#fff;
}

.big_area strong {
	font-size:114%;
}

.big_area table {
	width:100%;
}

.big_area td {
	width:65%;
	border:none;
	background:none;
	padding:0px 0px 7px 0px;
	color:#ccc;
}

.big_area th {
	width:35%;
	border:none;
	background:none;
	padding:0 0 0 8px;
	color:#ccc;
}

div.small_area {
	width:180px;
	margin:10px 0px;
	background:#434854;
	border:1px solid #70788b;
	padding:8px;
}

.small_area {
	width:40%;
	margin:10px 0px;
	background:#434854;
	border:1px solid #70788b;
	padding:8px 8px 0px 8px;
}

/*--------------詳細アクセス権設定--------------*/
h4 {
	font-weight:normal;
	font-size:92%;
	border-bottom:1px solid #ccc;
	margin-bottom:12px;
	padding-top:5px;
}

.list_box {
	padding-bottom:25px;
}

.list_box_relative {
	overflow-x:hidden;
	background:#fff;
}

.list_box .list_box_scroll{
	overflow:scroll;
	height:157px;
	width:240px;
	margin-top:5px;
}

*:first-child+html .list_box .list_box_scroll {
	height:135px;
}

/* hide from Mac IE \*/
* html .list_box .list_box_scroll {
	height:135px;
}
/* */ 
 
html>/**/body .list_box .list_box_scroll {
	height /*\**/: 135px\9; 
}  

html[xmlns*=""] body:last-child .list_box_scroll {
	height:114px;
}


.list_box .right {
	width:240px;
	float:right;
	font-size:77%;
}

.list_box .right select {
	padding:0px;
	margin:0px;
	border:1px solid #fff;
	min-height:138px;
}

.list_box .right select option {
	padding:2px 10px 2px 5px;
}

.list_box .right select .read_only {
	background:#9fd99f;
}

.list_box .right select .read_write {
	background:#97c6e6;
}

.list_box .left {
	width:240px;
	float:left;
	font-size:77%;
}

.list_box .left select {
	padding:0px;
	margin:0px;
	border:1px solid #fff;
	min-height:138px;
}

.list_box .left select option {
	padding:2px 10px 2px 5px;
}

.list_box .left select .read_only {
	background:#9fd99f;
	margin-bottom:1px;
	padding:2px 10px 2px 5px;
}

.list_box .left select .read_write {
	background:#97c6e6;
	margin-bottom:1px;
	padding:2px 10px 2px 5px;
}

/*--------------詳細アクセス権設定--------------*/

.list_box .list_box_scrollg{
	overflow:scroll;
	height:157px;
	width:130px;
	margin-top:5px;
}

*:first-child+html .list_box .list_box_scrollg {
	height:135px;
}

/* hide from Mac IE \*/
* html .list_box .list_box_scrollg {
	height:135px;
}
/* */ 
 
html>/**/body .list_box .list_box_scrollg {
	height /*\**/: 135px\9; 
}  

html[xmlns*=""] body:last-child .list_box_scrollg {
	height:114px;
}


.list_box .rightg {
	width:130px;
	float:right;
	font-size:77%;
}

.list_box .rightg select {
	padding:0px;
	margin:0px;
	border:1px solid #fff;
	min-height:138px;
}

.list_box .rightg select option {
	padding:2px 10px 2px 5px;
}

.list_box .rightg select .read_only {
	background:#9fd99f;
}

.list_box .rightg select .read_write {
	background:#97c6e6;
}

.list_box .leftg {
	width:130px;
	float:left;
	font-size:77%;
}

.list_box .leftg select {
	padding:0px;
	margin:0px;
	border:1px solid #fff;
	min-height:138px;
}

.list_box .leftg select option {
	padding:2px 10px 2px 5px;
}

.list_box .leftg select .read_only {
	background:#9fd99f;
	margin-bottom:1px;
	padding:2px 10px 2px 5px;
}

.list_box .leftg select .read_write {
	background:#97c6e6;
	margin-bottom:1px;
	padding:2px 10px 2px 5px;
}


/*--------------詳細アクセス権設定--------------*/

.center {
	padding-top:32px;
	margin:0px auto;
	width:102px;
}

.center .read_only a {
	background:url(../img/sharing/read_only_arrow.gif) bottom no-repeat;
	text-align:left;
	padding:0px 0px 4px 0px;
}

.center .read_write a {
	background:url(../img/sharing/read_write_arrow.gif) bottom no-repeat;
	text-align:left;
	padding:0px 0px 4px 0px;
}

.center .delet a {
	background:url(../img/sharing/delet_arrow.gif) bottom no-repeat;
	text-align:right;
	padding:10px 0px 4px 0px;
}

.center a:link {
	color:#ccc;
	text-decoration:none;
	width:102px;
	font-size:77%;
	margin-bottom:12px;
	display:block;
}
.center a:visited {
	color:#ccc;
	text-decoration:none;
	width:102px;
	font-size:77%;
	margin-bottom:12px;
	display:block;
}
.center a:hover {
	color:#ff9;
	text-decoration:none;
}
.center a:active {
	color:#ccc;
	text-decoration:none;
}

/*--------------ボタン設定--------------*/

#main-area .assistance {
	padding:0px 5px 8px 5px;
	color:#fff;
}

#main-area .main_table .assistance {
	padding:0px 5px;
}

#main-area .assistance a {
	color:#fff;
	font-size:77%;
	padding:2px 10px;
	background:url(../img/common/assistance_bt_brown.gif) repeat-x #423b35 top;
	margin:0 5px 0 0;
	border:2px solid #353535;
	zoom:1;
}

#main-area .assistance p {
	float:right;
	margin:0px;
}

#main-area .assistance p.no_flo {
	float:none;
}

#main-area .assistance p a {
	background:url(../img/common/assistance_bt_blue.gif) repeat-x #0075c1 top;
	border:2px solid #005892;
	display:block;
	margin:0 0 0 0;
}

#main-area .assistance p.brown_button a {
	background:url(../img/common/assistance_bt_brown.gif) repeat-x #423b35 top;
	border:2px solid #353535;
}

/* hide from Mac IE \*/
* html #main-area .assistance p a {
	display:inline;
}
/* */

.button-area p {
	float:right;
}

body #container .button-area a {
	background:url(../img/common/main_bt2.gif) repeat-x #003b5e top;
	padding:7px 20px;
	color:#fff;
	border:2px solid #002f49;
	zoom:1;
}

body #container .button-area p a {
	background:url(../img/common/main_bt.gif) repeat-x #0075c1 top;
	border:2px solid #005892;
}

body #container .button-area font {
	background:url(../img/common/main_bt_ash.gif) repeat-x #8fb1c5 top;
	padding:7px 20px;
	color:#fff;
	border:2px solid #8faabb;
	zoom:1;
}

/*--------------確認--------------*/
.con_news {
	background:#191c24;
	padding:10px;
	color:#ccc;
}

.con_news p {
	margin-bottom:5px;
	font-size:114%;
}

.con_news .warn{
	color:red;
}

.con_news .red {
	margin-bottom:10px;
	display:block;
}

/* ------------------------------------------------------------ */
/* ログ情報 */
/* ------------------------------------------------------------ */
.log_table {
	width:100%;
}
.log_table .date {
	width:16%;
}

.log_table th {
	font-weight:normal;
	background:#1b2029;
	border:1px solid #000;
	padding:2px 5px;
	color:#999;
	font-size:77%;
}

.log_table td {
	color:#999;
	background:#21242e;
	border:1px solid #000;
	padding:5px 8px;
	vertical-align:middle;
}

.log_table .messa {
/* 	color:#ccc;
	font-size:107%; */
	color:#999;
}

.log_table .deep td {
	background:#191c24;
}

.number_navi_box {
	padding:0px 0px 10px 0px;
	text-align:center;
}

.next {
	float:right;
}

.next a {
	color:#fff !important;
	font-size:77%;
	padding:2px 10px;
	background:url(../img/common/assistance_bt_blue.gif) repeat-x #0075c1 top;
	border:2px solid #005892;
	margin:0;
	zoom:1;
}

.next font {
	background:url(../img/common/operation_bt_ash.gif) repeat-x top #8fb1c6;
	border:2px solid #8faabb;
	color:#fff;
	text-align:center;
	font-size:77%;
	padding:2px 10px;
	margin:0;
	zoom:1;
}

.back {
	float:left;
}

.back a{
	color:#fff !important;
	font-size:77%;
	padding:2px 10px;
	background:url(../img/common/assistance_bt_blue.gif) repeat-x #0075c1 top;
	border:2px solid #005892;
	zoom:1;
}

.back font{
	background:url(../img/common/operation_bt_ash.gif) repeat-x top #8fb1c6;
	border:2px solid #8faabb;
	color:#fff;
	text-align:center;
	font-size:77%;
	padding:2px 10px;
	margin:0;
	zoom:1;
}

.number_navi {
	text-align:center;
}

.number_navi li {
	display:inline;
	margin-right:2px;
}

.number_navi li span {
	background:#666;
	color:#fff;
	padding:1px 4px;
	border:1px solid #666;
}

.number_navi li a:link,
.number_navi li a:visited {
	color:#fff;
	border:1px solid #999;
	padding:1px 4px;
}
.number_navi li a:hover,
.number_navi li a:active {
	color:#ff9;
	border:1px solid #cc6;
	padding:1px 4px;
}

/* ------------------------------------------------------------ */
/* ボリューム情報 */
/* ------------------------------------------------------------ */
.disk_list li {
	width:148px;
	float:left;
	margin-right:10px;
}

.disk_list li a:link,
.disk_list li a:visited {
	display:block;
	width:148px;
	border:1px solid #999;
	background:#21242e;
}
.disk_list li a:hover,
.disk_list li a:active {
	border:1px solid #ff9;
}
.disk_list li.now a:link,
.disk_list li.now a:visited {
	border:1px solid #ff9;
	color:#ff9;
}
.disk_list li.now a:hover,
.disk_list li.now a:active {
	border:1px solid #ff9;
}

.disk_list li a p {
	text-align:center;
	margin:0px;
	padding:8px 0px;
	line-height:1.2;
}

.three_rows {
	border-bottom:1px dotted #303238;
	padding-bottom:25px;
	margin-bottom:25px;
}

.three_rows .button-area {
	margin-top:20px;
}

.three_rows table {
	width:100%;
	color:#ccc;
}

.three_rows th {
	background:#1b2029;
	border:1px solid #000;
	padding:3px 8px;
	font-weight:normal;
	width:45%;
}

.three_rows td {
	background:#161821;
	border:1px solid #000;
	padding:3px 8px;
}

.three_rows th.row {
	width:17%;
}

.three_rows th.crosshead {
	width:28%;
	background:#171f26;
}

.three_rows td select {
	margin:5px 5px;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
#footer-area {
	background:url(../img/common/footer.gif) no-repeat;
	width:902px;
	margin:0 auto;
	position:relative;
	height:92px;
}

/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */
.section {
	margin:25px auto 20px auto;
	padding:0 0 10px 0;
}

.section.plurals {
	border-bottom:1px dotted #333;
	padding-bottom:25px;
}

.red {
	color:#cb0101;
}

h5 {
	font-size:114%;
	margin-bottom:5px;
	font-weight:normal;
}

.processing {
	margin-top:30px;
	text-align:left;
	background:#191c24;
	padding:10px;
	color:#ccc;
	font-size:114%;
}

#main-area .section .operation font.ash_button {
	background:url(../img/common/operation_bt_ash.gif) repeat-x top #8fb1c6;
	border:2px solid #8faabb;
	text-align:center;
	color:#fff;
	font-size:77%;
	padding:2px 10px;
	display:block;
}

.one_column_ex {
	color:#ccc;
	text-align:center;
	padding:30px 0px;
}

.one_column_ex img {
	margin-bottom:10px;
}

.ope_list li {
	margin-right:8px;
	float:left;
}

.paragraph p {
	margin:0 0 5px 0;
}

.pagetop {
	text-align:right;
	margin:10px 0px 0px 0px;
}

.pagetop a:link,
.pagetop a:visited {
	background:url(../img/common/pagetop.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 12px;
	font-size:77%;
	border-bottom:1px solid #999;
}

.pagetop a:hover,
.pagetop a:active {
	background:url(../img/common/pagetop_on.gif) no-repeat 0px 0px;
	border-bottom:1px solid #ff9;
}

.reading_color {
	color:#9fd99f;
}

.read_write_color { 
	color:#97c6e6;
}