/* @group NEW */

body {
	background: #fff url(images/body_base.gif) repeat;
	color: #444444;
	margin: 0;
	font: 100%/1.5em Arial;
	text-align: center;
	padding: 0;
}

img {
	border-width: 0;
}

#wrapper {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

div#header-area {
	margin: 0;
	padding: 0;
	height: 74px;
	background: #2e65c5 url(images/header_base.gif) repeat-x;
}

div#header-area h1 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 140%;
	text-align: left;
	width: 540px;
	height: 74px;
	background: url(images/header_title2.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
}

div#header-area .name {
	float: right;
	display: block;
	width: 500px;
	text-align: right;
	color: #fff;
	margin: 5px 10px 0 0;
	padding: 0;
	font: 13px Times;
}

div#header-area #header-logout {
	float: right;
	display: block;
	width: 500px;
	text-align: right;
	color: #fff;
	margin: 7px 10px 0 0;
	padding: 0;
}

div#header-area #header-logout a {
	color: #f7fe9e;
	background-image: url(images/bt_logout.png);
	width: 125px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	text-align: left;
	float: right;
}

div#header-area #header-logout a:hover {
	color: #f9642a;
}

div#header-menu-area {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_base.png) no-repeat;
	height: 58px;
}

div#header-menu-area #bt-top {
	display: block;
	float: left;
	width: 126px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_bt.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#header-menu-area #bt-con {
	display: block;
	float: left;
	width: 120px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_bt.png) no-repeat -126px 0;
	text-indent: -9999px;
}

div#header-menu-area #bt-dom {
	display: block;
	float: left;
	width: 118px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_bt.png) no-repeat -246px 0;
	text-indent: -9999px;
}

div#header-menu-area #bt-web {
	display: block;
	float: left;
	width: 119px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_bt.png) no-repeat -364px 0;
	text-indent: -9999px;
}

div#header-menu-area #bt-mai {
	display: block;
	float: left;
	width: 119px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_bt.png) no-repeat -483px 0;
	text-indent: -9999px;
}

div#header-menu-area #bt-dat {
	display: block;
	float: left;
	width: 118px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_bt.png) no-repeat -602px 0;
	text-indent: -9999px;
}

div#header-menu-area #bt-uti {
	display: block;
	float: left;
	width: 118px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_bt.png) no-repeat -720px 0;
	text-indent: -9999px;
}

div#header-menu-area #bt-fre {
	display: block;
	float: left;
	width: 119px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(images/main_menu_bt.png) no-repeat -838px 0;
	text-indent: -9999px;
}

 div#header-menu-area a#bt-top:hover {
	background: url(images/main_menu_bt.png) no-repeat 0 -58px;
}

div#header-menu-area a#bt-con:hover {
	background: url(images/main_menu_bt.png) no-repeat -126px -58px;
}

div#header-menu-area a#bt-dom:hover {
	background: url(images/main_menu_bt.png) no-repeat -246px -58px;
}

div#header-menu-area a#bt-web:hover {
	background: url(images/main_menu_bt.png) no-repeat -364px -58px;
}

div#header-menu-area a#bt-mai:hover {
	background: url(images/main_menu_bt.png) no-repeat -483px -58px;
}

div#header-menu-area a#bt-dat:hover {
	background: url(images/main_menu_bt.png) no-repeat -602px -58px;
}

div#header-menu-area a#bt-uti:hover {
	background: url(images/main_menu_bt.png) no-repeat -720px -58px;
}

div#header-menu-area a#bt-fre:hover {
	background: url(images/main_menu_bt.png) no-repeat -838px -58px;
}

div#header-menu-area-bar {
	background-color: #1b1659;
	width: 960px;
	height: 10px;
	clear: both;
	margin: 0 0 10px;
	padding: 0;
}

div#menu-area {
	margin: 0 0 10px;
	padding: 0;
	width: 210px;
	float: left;
	text-align: left;
}

div#menu-area a {
	color: #000;
	text-decoration: none;
	display: block;
	width: 100%;
}

div#menu-area a:hover {
	color: #f9642a;
	text-decoration: underline;
}

div#menu-area h2 {
	color: #666;
	padding: 0;
	margin: 0;
	font-size: 90%;
	background: url(images/left_menu_title.gif) no-repeat;
	width: 210px;
	height: 36px;
	text-align: center;
	font-variant: small-caps;
	line-height: 2.5em;
}

div#menu-area .title {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 80%;
	height: 37px;
	width: 210px;
	background: url(images/left_menu.gif) no-repeat;
	line-height: 2.8em;
	font-weight: bold;
	text-indent: 1.5em;
}

div#menu-area .info {
	display: block;
	font-size: 70%;
	padding: 0 15px 10px;
	margin: 0;
	line-height: 1.2em;
	background: url(images/left_menu_base.gif) repeat-y;
}

div#menu-area .btm {
	height: 10px;
	width: 210px;
	background: url(images/left_menu_btm.gif) no-repeat;
	margin: 0;
	padding: 0;
}

div#content-area {
	margin: 0;
	border-width: 0;
	text-align: left;
	width: 730px;
	float: right;
	font-size: 82%;
	padding: 0 10px 10px;
}

div#hint-content-area {
	text-align: left;
	margin: 10px;
	padding: 10px;
	background-color: #ffffff;
	font-size: 13px;
	line-height: 1.5em;
}

div#hint-content-area .title {
	font-size: 14px;
	font-weight: bold;
}

div#hint-content-area li {
	margin-bottom: 10px;
}

div#content-area h2 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 140%;
	background: url(images/h2_base.gif) no-repeat;
	height: 52px;
	line-height: 2.7em;
	text-indent: 0.8em;
	color: #2e65c5;
}

div#content-area h3.box-header {
	padding: 0;
	margin: 0;
	background: url(images/box_header.gif) no-repeat;
	height: 31px;
	color: #fff;
	font-size: 120%;
	line-height: 2em;
	text-indent: 1em;
}

div#content-area .box {
	padding: 10px;
	margin: 0;
	background: url(images/box_base.gif) repeat-y;
}

div#content-area .box-footer {
	background: url(images/box_footer.gif) no-repeat;
	width: 730px;
	height: 30px;
}

div#content-area h4 {
	padding: 5px;
	margin: 0;
	color: #fff;
	background-color: #2155b0;
	font-size: 100%;
	line-height: 1.5em;
}

div#content-area .basic-table {
	border-top: 1px solid #77bfdf;
	border-left: 1px solid #77bfdf;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

div#content-area .basic-table th {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
}

div#content-area .basic-table td {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	color: #333;
}

div#content-area .mail-table {
	border-top: 1px solid #77bfdf;
	border-left: 1px solid #77bfdf;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

div#content-area .mail-table th {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
}

div#content-area .mail-table td {
	border-right: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	color: #333;
}

#main-login th {
	width: 20%;
	text-align: right;
}

/* @group TOP */

#top-disk1 th {
	width: 33%;
	text-align: right;
}

#top-disk1 td {
	text-align: right;
}

#top-disk2 th {
	width: 33%;
	text-align: right;
}



/* @end */

/* @group CONTRACT */

#cont-keiyaku th {
	width: 25%;
	text-align: right;
}

#cont-keiyaku-pass th {
	width: 25%;
	text-align: right;
}

#cont-keiyaku-mail th {
	width: 30%;
	text-align: right;
}

#cont-option-ssl-regist th {
	width: 30%;
	text-align: right;
}

#cont-main-info th {
	width: 25%;
	text-align: right;
}

#cont-web-info th {
	width: 25%;
	text-align: right;
}

#cont-mail-info th {
	width: 25%;
	text-align: right;
}



/* @end */

#kihon-info th {
	width: 30%;
}

#kihon-ssl th {
	width: 30%;
	text-align: right;
}

#web-info th {
	width: 30%;
}

#mail-info th {
	width: 30%;
}

#main-pass th {
	width: 25%;
	text-align: right;
}

#top-touroku th {
	width: 30%;
	text-align: right;
}

#top-riyou th {
	width: 30%;
	text-align: right;
}

#top-disk th {
	width: 30%;
	text-align: right;
}

#urchin_data th.date1 {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 20%;
}

#urchin_data th.date2 {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 20%;
}

#urchin_data th.name1 {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 20%;
}

#urchin_data th.name2 {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 40%;
}

#urchin_login th {
	width: 25%;
	text-align: right;
}

/* @group DOMAIN */

#domain-domain-list th {
	width: 25%;
	text-align: left;
}

#domain-domain-regist th {
	width: 22%;
	text-align: right;
}

#domain-domain-del th {
	width: 22%;
	text-align: right;
}

#domain-host-list th {
	text-align: center;
}

#domain-host-regist th {
	width: 22%;
	text-align: right;
}

#domain-host-edit th {
	width: 22%;
	text-align: right;
}

#domain-host-del th {
	width: 22%;
	text-align: right;
}

#domain-a-list th.fqdn {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 38%;
}

#domain-a-list th.ip {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 24%;
}

#domain-a-list th.note {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 38%;
}

#domain-mx-list th.fqdn {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 38%;
}

#domain-mx-list th.ip {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 24%;
}

#domain-mx-list th.note {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 38%;
}



/* @end */

/* @group WEB */

#web-web-regist th {
	width: 20%;
	text-align: right;
}

#web-web-regist td {
}

#web-web-kihon th {
	width: 25%;
	text-align: right;
}

#web-web-kihon td {
	text-align: left;
}

#web-web-ssl th {
	width: 25%;
	text-align: right;
}

#privessl_regist th {
	width: 25%;
	text-align: right;	
}

#web-web-ssl td {
	text-align: left;
}

#web-web-ichiran th {
}

#web-web-ichiran td {
	text-align: left;
}

div#content-area .box-table {
	border-top: 1px solid #77bfdf;
	border-left: 1px solid #77bfdf;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

div#content-area .box-table th {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	margin: 0;
	background-color: #e5f7d9;
	color: #333;
	width: 20%;
	padding: 2px 5px;
	text-align: right;
}

div#content-area .box-table td {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 2px 5px;
	margin: 0;
	color: #333;
	text-align: left;
}

#web-rel-web-edit th {
	width: 20%;
	text-align: right;
}

#web-rel-ftp-regist th {
	width: 20%;
	text-align: right;
}

#web-rel-ftp-edit th {
	width: 20%;
	text-align: right;
}

#web-rel-ftp-del th {
	width: 20%;
	text-align: right;
}



/* @end */

/* @group MAIL */

#mail-popid-regist th {
	width: 23%;
	text-align: right;
}

#mail-popid-edit th {
	width: 23%;
	text-align: right;
}

#mail-popid-del th {
	width: 23%;
	text-align: right;
}

#mail-popid-trans th {
	width: 23%;
	text-align: right;
}

#mail-popid-refuse th {
	width: 20%;
	text-align: right;
}

#mail-popid-vac th {
	width: 20%;
	text-align: right;
}

#mail-popid-not th {
	width: 22%;
	text-align: right;
}

#mail-list-regist th {
	width: 23%;
	text-align: right;
}

#mail-list-edit th {
	width: 23%;
	text-align: right;
}

#mail-list-del th {
	width: 23%;
	text-align: right;
}

#mail-list th.mail-id {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 33%;
}

#mail-list th.mail-pass {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 17%;
}

#mail-list th.mail-usa {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 17%;
}

#mail-list th.mail-com {
	border-right: 1px solid #77bfdf;
	border-bottom: 1px solid #77bfdf;
	vertical-align: top;
	padding: 5px;
	margin: 0;
	background-color: #dfecef;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	width: 33%;
}

#mail-list td.mail-id {
	text-align: left;
	border-bottom: 1px solid #77bfdf;
}

#mail-list td.mail-pass {
	text-align: left;
	border-bottom: 1px solid #77bfdf;
}

#mail-list td.mail-usa {
	text-align: right;
	border-bottom: 1px solid #77bfdf;
}

#mail-list td.mail-com {
	text-align: left;
	border-bottom: 1px solid #77bfdf;
}

#mail-list td.mail-etc {
	text-align: right;
	border-bottom: 3px solid #77bfdf;
}



/* @end */

/* @group DATABASE */

#db-pgsql th {
	width: 30%;
	text-align: right;
}

#db-pgsql-pass th {
	width: 30%;
	text-align: right;
}

#db-mysql th {
	width: 30%;
	text-align: right;
}

#db-mysql-pass th {
	width: 30%;
	text-align: right;
}

/* @end */

/* @group UTILITY */

#uti-cron-regist th {
	width: 25%;
	text-align: right;
}

#uti-cron-del th {
	width: 25%;
	text-align: right;
}

#uti-pagemove th {
	width: 40%;
	text-align: right;
}

#uti-cgi th {
	width: 33%;
	text-align: right;
}



/* @end */

/* @group FREECGI */

#cgi-counter th {
	width: 20%;
	text-align: right;
}

#cgi-mailform th {
	width: 20%;
	text-align: right;
}



/* @end */

div#footer-area {
	font-size: 72%;
	margin: 0;
	padding: 5px;
	color: #fff;
	background-color: #172883;
	clear: both;
	text-align: center;
}

/* @end */

a {
	background: transparent;
}

.big {
	font-weight: bold;
	font-size: 15px;
}

.submit {
	text-align: center;
	background-color: #cae3f4;
}

span.submit {
	text-align: right;
	background-color: transparent;
	display: block;
	padding: 0;
	margin: 0;
}

div.page-navi {
	margin: 0;
	padding: 5px;
}

.coution {
	color: #cc0000;
	font-size: 82%;
	line-height: 1.6em;
}

.coution ul {
	padding-left: 28px;
}

.coution a {
	color: #8f0605;
}

.coution a:hover {
	color: #f9642a;
}

.hint {
	font-size: 82%;
	line-height: 1.6em;
	color: #666666;
}

.red-b {
	color: #cc0000;
	font-weight: bold;
}

a:visited {
	color: #2760A5;
}

a:hover {
	color: #f9642a;
}

.waku {
	border: 3px double #3370d9;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

div.cont-area {
	background: url(images/cont_base.gif) repeat-y;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	margin: 0;
	line-height: 1.5em;
}

div.cont-f {
	background: url(images/cont_f_base.gif) no-repeat;
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 30px;
	height: 30px;
}

#content {
	margin: 0;
	padding: 20px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

.submit-area {
	background-color: #dfecef;
	text-align: center;
	border: 1px solid #77bfdf;
	margin: 0;
	width: 720px;
	padding: 10px 0;
}

form {
	margin: 0;
	padding: 0;
}

.bold {
	font-weight: bold;
}

.login-hint {
	font-size: 82%;
	line-height: 1.6em;
	color: #666666;
	text-align: right;
	display: block;
	padding: 0;
	margin: 0;
}