@charset "utf-8";

/* ==============================

	全体に適用（サイト固有）

=============================== */

html{
	background:#000;
}
body{
	font-size:14px;
	line-height:1.6;
	background:#FFF;
}

/* ------------------------------
 	ページレイアウト
------------------------------ */

#contents{
	width:1300px;
	margin:30px;
}
#contents p{
	margin:10px 0;
}


/* ------------------------------
	リンク
------------------------------ */

a{
	color:#039;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color: #F90;
}


/* ------------------------------
	入力フォーム
------------------------------ */

input.inputBtn{
	border:solid 1px #999999;
	background:#CCC;
	padding:5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	cursor:pointer;
}
input.inputBtn:hover{
	background:#FC0;
}
input.inputText,Select{
	border:solid 1px #666;
	padding:5px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:40%;
}
input.inputText:focus,Select:focus{
	padding:5px 7px;
	background:#FC0;
}
label{
	cursor:pointer;
}


/* ------------------------------
	装飾
------------------------------ */

.captionL{
	background: url(../img/common/general/caption_large.png) no-repeat;
	padding:0 0 0 10px;
	margin:20px 0;
	color:#0099CC;
	font-size:28px;
	line-height:1;
}
.attention{
	color:#F30;
}
.notice{
	background:#0099CC;
	color:#FFF;
	padding:20px;
	margin:20px 0;
}


/* ------------------------------
	リストテーブル
------------------------------ */

.itemTable {
	width:800px;
	margin:20px 0;
}
.itemTable th,
.itemTable td{
	padding:7px;
	line-height:1.6;
	font-size:14px;
}
.itemTable th{
	font-weight:bold;
}
.itemTable th img{
	margin:0 5px 0 0;
	vertical-align: middle;
}
.itemTable tr{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}


/* ------------------------------
	ヘッダー
------------------------------ */

#header{
	width:100%;
	background:#000;
	box-shadow:0 1px 2px #333;
	-moz-box-shadow:0 1px 2px #333;
	-webkit-box-shadow:0 1px 2px #333;
}
#headerBox{
	width:1300px;
	padding:0 10px 10px;
	margin:0 0 20px;
}
#header a{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

/*..............................
	グローバルナビ
...............................*/

#header #nav{
	width:100%;
	margin:10px 0 0;
	padding:5px 0;
	overflow:hidden;
	_zoom:1;
}
#header #nav li{
	margin:0 30px 0 0;
	float:left;
}
#header #nav li a{
	padding:5px 5px 0 35px;
	display:block;
	line-height:23px;
}
li#navMyspl{
	background:url(../img/common/header/nav_ic_mysql.png) no-repeat 0 0;
}
li#navMyspl:hover{
	background-position:0 -29px;
}
li#navMsspl{
	background:url(../img/common/header/nav_ic_mssql.png) no-repeat 0 0;
}
li#navMsspl:hover{
	background-position:0 -29px;
}
li#navSite{
	background:url(../img/common/header/nav_ic_site.png) no-repeat 0 0;
}
li#navSite:hover{
	background-position:0 -29px;
}
li#navApplication{
	background:url(../img/common/header/nav_ic_application.png) no-repeat 0 0;
}
li#navApplication:hover{
	background-position:0 -29px;
}
li#navPassword{
	background:url(../img/common/header/nav_ic_password.png) no-repeat 0 0;
}
li#navPassword:hover{
	background-position:0 -29px;
}
li#navSiteGuard{
	background:url(../img/common/header/nav_ic_siteguard.png) no-repeat 0 0;
}
li#navSiteGuard:hover{
	background-position:0 -29px;
}
li#navEasyInstall{
	background:url(../img/common/header/nav_ic_easyinstall.png) no-repeat 0 0;
}
li#navEasyInstall:hover{
	background-position:0 -29px;
}

#subNav,
#subNavMenu{
	overflow:hidden;
	_zoom:1;
}

#logo{
	float:left;
	margin:0 30px 0 0;
	padding:10px 0 0;
}
ul#subNavMenu{
	float:right;
	padding:5px 10px;
	background:#666666;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
ul#subNavMenu li{
	float:left;
	margin:0 5px;
	color:#FFF;
	border:none;
	line-height:30px;
	font-size:12px;
}
#logout{
	border:none;
	background:url(../img/common/header/nav_ic_logout.png) no-repeat;
	padding:0 0 0 30px;
	height:30px;
	color:#FFF;
	font-weight:bold;
}
#logout:hover{
	background:url(../img/common/header/nav_ic_logout.png) no-repeat 0 -26px;
}
#manual{
	padding:0 0 0 30px;
	background:url(../img/common/header/nav_ic_manual.png) no-repeat;
}
#manual:hover{
	background:url(../img/common/header/nav_ic_manual.png) no-repeat 0 -26px;
}



/* ------------------------------
	フッター
------------------------------ */

#footer{
	width:100%;
	background:#000;
	color:#FFF;
	padding:30px 0px;
	bottom:0;
}