@charset "utf-8";

/**--------------------------------------------------------
 * ブラウザ互換リセット
 *--------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	zoom: 1;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/**--------------------------------------------------------
 * 全体のスタイルの設定
 *--------------------------------------------------------*/
body {
	font-size: 85%;
	text-align: center;
	font-family:'MS PGothic',monospace;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	padding: 0;
	margin: 0;
}

/**--------------------------------------------------------
 * フレームの設定
 *--------------------------------------------------------*/
/* ★全体のフレーム */
#wrapper {
	text-align: left;
	margin: 10px;
	border: 1px solid #cccccc;
}
/* ★ヘッダー */
#header {
	margin: 20px 20px 0 20px;
}
/* ★グローバルナビゲーション */
#globalnavi {
	margin: 20px 20px 0 20px;
}
/* ★コンテンツ */
#contents {
	margin: 20px 30px 50px 30px;
	clear: both;
}
/* ★フッター */
#footer {
	padding: 10px 0 10px 0;
	border-top: 1px solid #cccccc;
	background-color: #000000;
}

/**----------------------------
 * ★ヘッダー
 *----------------------------*/
#header h1 {
	float: right;
	position: relative;
	top: -50px;
	right: 5px;
}
#header h1:hover {
	float: right;
}
/* -- COA Mailロゴ -- */
#header .logo_bg {
	width: 100%;
	height: 47px;
	background-color: #cc0000;
}
#header .logo {
	width: 100%;
	font-size: 36px;
	margin-bottom: 15px;
	margin-top: -49px;
	_margin-top: -42px;	/*IEのみ適用*/
	background-color: #000000;
}
#header .logo a{
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #ffffff;
}
#header .logo a:hover{
	text-decoration: none;
}

/**----------------------------
 * ★グローバルナビゲーション
 *----------------------------*/
#globalnavi ul.menu {
	list-style-type: none;
	position: absolute;
	background-image: url(../img/globalnavibg.png);
	background-repeat: repeat-x;
	height: 30px;
	z-index: 1;
}
#globalnavi ul.menu>li{
  display:block;
  float:left;
  overflow:hidden;
  font-weight: bold;
  width: auto;
}
#globalnavi ul.menu li a{
    float:none;
	text-decoration: none;
	display: block;
	width: auto;
	padding: 6px 14px;
	color: #ffffff;
}
#globalnavi li a.on {
	text-decoration: none;
	display: block;
	width: auto;
	background-color: #888888;
	padding: 6px 14px 3px 14px;
	height: 15px;
	color: #ffffff;
	cursor: pointer;
}
#globalnavi li a:hover {
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
}
#globalnavi li a.on:hover {
	background-color: #888888;
	cursor: pointer;
}
/* -- サブメニュー -- */
#globalnavi ul.submenu{
  margin:0;
  padding:0;
}
#globalnavi ul.submenu li{
  display:block;
  margin:0;
  padding:0;
  overflow:hidden;
}
#globalnavi li#submenu{
    height:30px; 
}
#globalnavi li#submenu a.on {
	background-color: #888888;
	float:none;
	text-decoration: none;
	display: block;
	width: auto;
	color: #ffffff;
}
#globalnavi li#submenu:hover{
	height: auto;
/*	height:156px;*/
	background-image: url(../img/submenubg2.png);
}
#globalnavi li#submenu li{
 	 height:26px;
}
#globalnavi li#submenu a:hover {
	height:100%;
	width:100%;
}
#globalnavi li#submenu a:hover {
	background-image: url(../img/submenubg1.png);
	color: #ffffff;
	cursor: pointer;
}

/**----------------------------
 * ★コンテンツ
 *----------------------------*/
/* -- 見出し -- */
#contents h2 {
	font-size: 125%;
	margin-bottom: 18px;
	padding: 5px 0 5px 5px;
	border-left: 10px solid #000000;
	border-bottom: 1px solid #000000;
}

/* -- 文字 -- */
#contents p {
	line-height: 22px;
	margin-bottom: 8px;
}
.serch_office {
	width: 900px;
	padding: 10px;
	border: solid 1px #333333;
}
.serch_user {
	width: 300px;
	padding: 10px;
	border: solid 1px #333333;
}
.serch_info {
	width: 350px;
	padding: 10px;
	border: solid 1px #333333;
}
.serch_domain {
	width: 500px;
	padding: 10px;
	border: solid 1px #333333;
}
.serch_update {
	width: 620px;
	padding: 10px;
}

/* -- リスト関係 -- */
#contents dl { margin: 14px 0; }
#contents dt {
	margin-bottom: 7px;
	font-weight: bold;
	border-bottom: 1px dotted #666666;
}
#contents dd {
	margin-bottom: 28px;
	position: relative;
}
#contents ul { margin: 14px 0 14px 20px; }
#contents ol { margin: 14px 0 14px 30px; }
#contents li { margin-bottom: 7px; }

a#err{
	font-size:14px;
	color:#ff0000;
	padding-right:6px;
}
a#err:hover{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
	background-color:#ff0000;
	font-size:14px;
	color:#ffffff;
}
/**----------------------------
 * ★フッター
 *----------------------------*/
#footer p {
	text-align: center;
	color: #ffffff;
}

/**--------------------------------------------------------
 * 入力項目
 *--------------------------------------------------------*/
.txtBox {
	margin: 0 10px 0 0;
	width: 150px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_mailaddress {
	margin: 0 10px 0 0;
	width: 330px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_domain {
	margin: 0 10px 0 0;
	width: 330px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_kigyouname {
	margin: 0 10px 0 0;
	width: 330px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_subject {
	margin: 0 10px 0 0;
	width: 330px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_date {
	margin: 0 10px 0 0;
	width: 80px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_size {
	margin: 0 10px 0 0;
	width: 30px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_password {
	margin: 0 10px 0 0;
	width: 160px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_folder {
	margin: 0 10px 0 0;
	width: 370px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	color: #464646;
}
.txtBox_select_folder {
	margin: 0 10px 0 0;
	width: 443px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	color: #464646;
}
.txtBox_network_ip {
	margin: 0 10px 0 0;
	width: 100px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_network_mask {
	margin: 0 0 0 0;
	width: 20px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.txtBox_ip {
	margin: 0 10px 0 0;
	width: 100px;
	height: 20px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	color: #464646;
}
.txtBox_ip_address {
	margin: 0px -5px 0 -5px;
	width: 25px;
	padding: 5px 8px;
	text-align: right;
	border: solid 0px #444444;
	background: transparent;
	color: #464646;
}
.txtBox_ip_address_mask {
	margin: 0px -5px 0px -5px;
	width: 25px;
	padding: 5px 13px 5px 3px;
	text-align: right;
	border: solid 0px #444444;
	background: transparent;
	color: #464646;
}
.txtBox_extension {
	margin: 0 10px 0 0;
	width: 25px;
	padding: 4px 8px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
.network_center{
	padding-left: 5px;
	font-style: bold;
	font-size: 130%;
}
textarea {
	width:550px;
	height:200px;
	border: solid 1px #cccccc;
}
input[type="radio"] {
	margin-left:10px;
	margin-right:5px;
}
input[type="text"]:focus {
   background-color: #ffc;
   border: solid 1px #c93;
}
input[type="password"]:focus {
   background-color: #ffc;
   border: solid 1px #c93;
}
textarea:focus {
   background-color: #ffc;
   border: solid 1px #c93;
}
input.btn {
	display: inline-block;
	font-size: 12px;
	background-image: url(../img/btn.png);
	width: 135px;
	height: 30px;
	padding: 3px 7px;
}
input.btn:hover {
	background-image: url(../img/btn_on.png);
}
input.btn_disabled {
	display: inline-block;
	font-size: 12px;
	background-image: url(../img/btn.png);
	width: 135px;
	height: 30px;
	padding: 3px 7px;
}
input.btn_long {
	display: inline-block;
	font-size: 12px;
	background-image: url(../img/btn.png);
	width:150px;
	height: 30px;
	padding: 3px 7px;
}
input.btn_long:hover {
	background-image: url(../img/btn_on_long.png);
}
input.btn_select {
	display: inline-block;
	font-size: 12px;
	background-image: url(../img/btn.png);
	width: 50px;
	height: 28px;
	margin-top: -8px;
}
input.btn_select:hover {
	background-image: url(../img/btn_on.png);
}
input.btn_setting {
	display: inline-block;
	font-size: 12px;
	background-image: url(../img/btn.png);
	width: 50px;
	height: 28px;
	margin-top: 0px;
}
input.btn_setting:hover {
	background-image: url(../img/btn_on.png);
}
input.btn_domain {
	display: inline-block;
	font-size: 12px;
	background-image: url(../img/btn.png);
	width: 90px;
	height: 30px;
	padding: 3px 7px;
}
input.btn_domain:hover {
	background-image: url(../img/btn_on.png);
}

/**--------------------------------------------------------
 * テキストボックスの吹き出し
 *--------------------------------------------------------*/
#DHTMLgoodies_formTooltipDiv{
	color: #c93;
	font-family: arial;
	font-weight: bold;
	font-size: 85%;
	line-height: 1.5;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color: #c93;
	font-weight: normal;
	font-size: 75%;
}

/**--------------------------------------------------------
 * スクロール可能のテーブルについて
 *--------------------------------------------------------*/
#scrolltable {
	width: 100%;
}
#scrolltable .headline {
	width: 100%;
}
#scrolltable .headline thead tr th,#scrolltable .headline tfoot tr th {
	text-align: center;
}
#scrolltable tr.warning {
	color: #ff0000;
}
#scrolltable td.center {
	text-align: center;
}
#scrolltable th, #scrolltable td {
	border: outset 1px #cccccc;
	padding: 5px 2px;
}
#scrolltable .bodydiv {
	overflow: auto;
	overflow-x: hidden;
}

/**--------------------------------------------------------
 * ナビゲーションメニュー（小分類へのリンク）について
 *--------------------------------------------------------*/
#lNavi {
	background-image: url(../img/Navibg.png);
	background-repeat: repeat-x;
	height: 30px;
	text-align: center;
	margin: 13px 0;
	color: #ffffff;
}
#lNavi a{
	text-align: center;
	font-size: 85%;
	margin: 13px 0;
	color: #FFFFFF;
}

#lNavi span {
	margin: 0 10px;
}

/**--------------------------------------------------------
 * その他の記述
 *--------------------------------------------------------*/
p.text{
	font-size: 20px;
}
/* 赤字＋太字のフォント */
p.important{
	padding: 10px 0 0 0;
	font-weight: bold;
	color: #ff0000;
}
/* 赤字＋大文字のフォント */
p.important_l{
	font-size:18px;
	color: #ff0000;
}
/* 太字 */
p.title_bold{
	font-weight: bold;
}
p.pretext{
	font-weight: bold;
	background-color: #eeeeee;
}
a.downloadlink{
	font-size: 85%;
}
/**--------------------------------------------------------
 * 説明
 *--------------------------------------------------------*/
div.explanation {
	position: absolute;
	width: 300px;
	padding: 10px;
	background-color: #ffff80;
	right: 0;
	top: 40px;
}

div.explanation_domain {
    position: absolute;
    width: 300px;
    padding: 10px;
    background-color: #ffff80;
    right: 0;
    top:40px;
}
div.explanation_setting_file {
	position: absolute;
	width: 300px;
	padding: 10px;
	background-color: #ffff80;
	right: 0;
}
/**--------------------------------------------------------
 * プレビュー
 *--------------------------------------------------------*/
div#info_review {
	border: 1px solid #808080;
	padding:10px;
	margin-left: 40px;
}
div#mailpreview{
}
div#mailpreview p.con{
	padding-left: 10px;
	margin-left: 10px;
	border: 1px solid #808080;
	color: #ff0000;
}
div#mailpreview p.sub{
	padding-left: 10px;
	margin-left: 10px;
	border: 1px solid #808080;
	color: #ff0000;
	width: 50%;
}
div#outer_edge{
	background-color: #fdfdfd;
	border: 1px solid #eeeeee;
	padding: 30px 20px;
	margin: 30px 0px;
}
div#inner_edge{
	background-color: #fcfcfc;
	border: 1px solid #cecece;
	margin: 0px 30px;
	padding: 10px 2px;
}

.pageTop {
	height:21px;
	margin:10px 0;
	position:relative;
}
.pageTop a {
	width:80px;
	height:26px;
	position:absolute;
	top:0;
	right:0;
	background:url(../img/pagetop.gif) no-repeat 0 0;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}


/**--------------------------------------------------------
 * ログ確認
 *--------------------------------------------------------*/
div.log {
	width: 600px;
	margin-left: 80px;
	margin-bottom: 30px;
}
div.log h3{
	font-size: 105%;
	margin-bottom: 10px;
	padding: 0px 10px 1px 5px;
	border-left: 5px solid #000000;
	border-bottom: 1px solid #000000;
}
div.log textarea {
	width:600px;
	height:200px;
	border: solid 1px #cccccc;
}
#define_path{
	width: 379px;
	height: 23px;
	font-size: 125%;
	font-weight: bold;
	margin-top: -1px;
}

/**--------------------------------------------------------
 * イベントログ確認
 *--------------------------------------------------------*/
div.serch_event_log {
	padding: 0px 0px 30px 80px;

}
div.serch_event_log input.log_checkbox{
	
}
p.check{
	display: inline-block;
	font-weight: bold;
	width:80px;
}
span.label{
	font-size: 110%;
	margin-left: 7px;
}
input.txtBox_event_log{
	margin: 0 10px 0 0;
	width: 100px;
	padding: 4px 18px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
input.btn_event_log {
	display: inline-block;
	font-size: 12px;
	background-image: url(../img/btn.png);
	width: 130px;
	height: 30px;
	padding-top: 3px;
	margin-left: 220px;
}
input.btn_event_log:hover {
	background-image: url(../img/btn_on.png);
}
div.serch_event_log  textarea{
	width: 750px;
	height:300px;
	margin-top: 10px;
	border: solid 1px #cccccc;
}

/**--------------------------------------------------------
 *  設定ファイル
 *--------------------------------------------------------*/
table.ip_address_table{
	//border: solid 1px black;
}
table.ip_address_table th{
	padding: 5px 20px 5px 40px;
	font-size: 120%;
	//border: solid 1px black;
}
table.ip_address_table td{
	//border: solid 1px black;
}
table.table_setting_file tr{
	height: 30px;
}
div.ip_address {
	margin: 5px 0;
	padding-left: 5px;
	width: 150px;
	height: 25px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
div.ip_address_mask {
	margin: 5px 0;
	padding-left: 5px;
	width: 195px;
	height: 25px;
	border: solid 1px #cccccc;
	background: none;
	color: #464646;
}
div.ip_addres_disabled {
	margin: 5px 0;
	padding-left: 5px;
	width: 150px;
	height: 25px;
	border: solid 1px #cccccc;
	color: #464646;
}
div.ip_address > input[type="text"]:focus {
   background-color: transparent;
   border: none;
}
div.ip_address_mask > input[type="text"]:focus {
   background-color: transparent;
   border: none;
}
span.variableName{
	font-size: 140%;
}
span.netmask_slash{
	margin: 0px 0px 0px -5px;
	font-size: 140%;
}
span.netmask_via{
	margin: 0px 20px 0px 20px;
	font-size: 140%;
}
span#equal{
	padding: 0px 10px 0px 0px;
	font-size: 150%;
}
h3.file_path{
	width: 400px;
	font-size: 105%;
	margin-bottom: 10px;
	padding: 3px 10px 3px 9px;
	color: #555555;
	border-left: 3px solid #999999;
	border-bottom: 1px solid #999999;
}
textarea.cmd_result {
	margin-bottom: 30px;
	width:700px;
	height: 150px;
	color: white;
	background-color: black;
	border: solid 2px #cccccc;
}
textarea.postfix {
	width:700px;
	height:200px;
	overflow-x : scroll ;
	border: solid 1px #cccccc;
}
#cmd_update{
	margin-top: -10px;
	margin-bottom: 30px;
}

/**--------------------------------------------------------
 *  メンテナンス
 *--------------------------------------------------------*/
table#license_table{
	margin-left: 30px;
    width: 460px;
    //border: 1px #E3E3E3 solid;
    border-spacing: 0;
    //background: #D5F0F0 url(img/bg_02.gif) repeat-x 0 100%;
}
table#license_table th{
    width: 170px;
    padding: 5px;
    border: #98DCDC solid;
    //border-width: 0 0 1px 1px;
    border-width: 1px;
    border-color: #000000;
    //background: #73CECE url(img/bg_02_header.gif) repeat-x 0 100%;
	background-color:#F0E68C;
    color: #000000;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#license_table td{
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    //border-color: #FFFFFF #8ED9D9 #8ED9D9 #FFFFFF;
    font-weight: bold;
	background-color:#f7f7f7;
    border-color: #000000;
    color: #1A4444;
    text-align: center;
}

/**--------------------------------------------------------
 *  利用ユーザ設定
 *--------------------------------------------------------*/
p#user_count{
    text-align: right;
    font-weight:bold;
    padding: 10px 5px 0px 0px;
}