/*-------------------------フォントスタイル フォントサイズの指定*/ 
body {
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 90%;
  text-align: center;
  margin: 0;
  padding: 0;
}

a 
{
	color:#1e90ff;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
/*-------------------------wrapperの指定*/ 
#wrapper {
  text-align: left;
  width: 800px;
  margin: 0 auto;
  padding: 0;
}

/*-------------------------headerの指定*/ 
#header {
  height: 86px;
  margin: 0;
  padding: 0;
  background:#;
  border-bottom:1px solid #ddd;
  position:relative;
}

#header #logo
{
	position:absolute;
	left:0;
	top:8px;
}

#header h1
{
	width: 320px;
	height: 50px;
	text-indent: -9999px;
	color: #000000;
}
#loginInfo
{
	width:300px;
	height:50px;
	position:absolute;
	top:8px;
	right:0px;
}

#loginInfo label
{
	float:left;
	width:12em;
	text-align:right;
	margin-right:1em;
}

#loginInfo #logout
{
	margin-top:4px;
	float:right;
}
#h1Title
{
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
/*-------------------------containerの指定*/ 
#container {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

/*-------------------------contentsの指定*/
#contents {
  margin: 0 0 0 190px;
  padding: 15px;
  border-left:1px solid #ccc;
}
#login_contents
{
	width:100%;
	padding-top:40px;
}

#loginbox 
{
	width: 500px;
	margin: auto auto;
	background-color: #8db3e2;
}

#loginbox label 
{
	float:left;
	width:12em;
	text-align:right;
	margin-right:1em;
}

#loginbox div {
	clear: both;
}

input[type="text"],
input[type="password"],
select {
	padding:0.15em;
	width:10em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
select:hover, select:focus
{
	
	border-color:#c5c5c5;
	background:#f6f6f6;
}

.submit {
	width:120px;
	height:26px;
	overflow:hidden;
	border:0;
	color:#fff;
	background:#555555;
	font-weight:bold;
/*	background:url(../img/webmaster/bk_button.gif) no-repeat 0 0;*/
	cursor:pointer !important; cursor:hand;
}

.submit:hover 
{
	
	background-position:0 -26px;
}

.delete
{
	color:#f66;
}

#login
{
	padding-left:210px;
}

#addUser
{
	width:120px;
	height:26px;
}

#addUser a,
#addAuth a
{
	display:block;
	width:97px;
	height:18px;
	padding-top:8px;
	padding-left:23px;

}

#addUser a{	background:url('../img/webmaster/bk_addUser.gif') no-repeat 0px 0px; }
#addAuth a{ background:url('../img/webmaster/bk_addAuth.gif') no-repeat 0px 0px; }
	
#addUser a:hover,
#addAuth a:hover
{
	background-position:0 -26px;
}
/*-------------------------sidebarの指定*/
#sidebar {
  width: 180px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#sidebar ul
{
	margin:7px;
}

#sidebar ul li 
{
    list-style: none;  
    padding-left: 20px;
    margin-bottom:16px;
}

#sidebar ul .system{background: url("../img/webmaster/wrench.png") 0% 50% no-repeat;}
#sidebar ul .user{background: url("../img/webmaster/user.png") 0% 50% no-repeat;}
#sidebar ul .auth{background: url("../img/webmaster/key.png") 0% 50% no-repeat;}
#sidebar ul .sitemap{background: url("../img/webmaster/sitemap.png") 0% 50% no-repeat;}
#sidebar ul .localize{background: url("../img/webmaster/world.png") 0% 50% no-repeat;}

/*-------------------------footerの指定*/
#footer {
  text-align: center;
  margin: 0;
  padding: 0.5em 0;
}

/*-------------------------各ページの共通設定*/
.validator 
{
	font-size:0.7em;
	color:#f00;
}

.tips
{
	font-size:0.7em;
	color:#00529B;
}
.content-title
{
	padding:  7px ;
	border-left:12px solid #d9d9d9 ;
	border-bottom: 1px solid #d9d9d9 ; 
}
.content-title h2 
{
	font-size:18px;
	font-weight: normal ; 
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	color: #111 ; 
	text-decoration: none ;
	line-height: 22px ;

}

h3
{
	padding: 7px 0 7px 15px ;
	border-left:8px solid #d9d9d9 ;
	border-bottom: 1px solid #d9d9d9 ; 
	margin-bottom:8px;
}

.content-body
{
	padding:12px 0 0 12px;
}

.content-body table th,
#editwindow table th
{
	font-weight:normal;
	padding:12px;
	text-align:right;
}

.content-body .section
{
	margin-bottom:18px;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../img/common/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../img/common/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/common/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/common/error.png');
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 20%;
    left: 50%;
    
    margin-left: -150px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid #ccc;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.VerticalTable
{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;

}
.VerticalTable th
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url('../img/webmaster/bk_th.png');
	text-align:center !important;
}
.VerticalTable td
{
	background-color:#fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
}

.VerticalTable td .whinfo
{
	display:inline-block;
	width:40px;
}

.tc
{
	text-align:center;
}

.wid60
{
	width:40px !important;
}