@charset "utf-8";

html {
	overflow-y: scroll;
}

body {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	font-size: 13px;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

a {
	color: #08C;
	text-decoration: none;
}


form {
	margin: 0px 0px 18px;
}
input {
        font-family:Arial,Helvetica,sans-serif;
}
fieldset {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
input[type="text"] {
	height: 18px;
	padding: 4px;
	font-size: 14px;
	line-height: 18px;
	color: #555;
	margin-bottom: 9px;

	background-color: white;
	border: 1px solid #AAA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
}

.header {
	width: 960px;
	height: 140px;
	margin: 0px;
	padding: 0px;
	background-image: url('img/header01.png');
}


.header #img-home ,
.header #img-system ,
.header #img-mouse ,
.header #img-gene ,
.header #img-search {
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	float:left;
	margin-left:10px;
	margin-top:20px;
	}

.header #img-home {
	background-image: url('img/menu-home0.png');
	margin-left:390px;
}
.header #img-home:hover ,
.header #img-home.active {
	background-image: url('img/menu-home1.png');
}
.header #img-system {
	background-image: url('img/menu-system0.png');
}
.header #img-system:hover ,
.header #img-system.active {
	background-image: url('img/menu-system1.png');
}
.header #img-mouse {
	background-image: url('img/menu-mouse0.png');
}
.header #img-mouse:hover ,
.header #img-mouse.active {
	background-image: url('img/menu-mouse1.png');
}
.header #img-gene {
	background-image: url('img/menu-gene0.png');
}
.header #img-gene:hover ,
.header #img-gene.active {
	background-image: url('img/menu-gene1.png');
}
.header #img-search {
	background-image: url('img/menu-search0.png');
}
.header #img-search:hover ,
.header #img-search.active {
	background-image: url('img/menu-search1.png');
}

.container {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
        margin-bottom: 50px;
	clear: both;
        overflow: hidden; 
}
.search-index {
	width: 380px;
	height: 380px;
	margin: 10px auto;
	padding-top: 110px;
	background-image: url('img/bg-mouse.png');
	background-repeat: no-repeat;
	background-position: top center;
}

.control-group {
	display: block;
	clear: both;
}
.control-group > .control-label {
	float: left;
	margin-left: 30px;
}
.control-group > .controls {
	padding-left: 130px;
}

#btn-search:hover ,
#btn-clear:hover {
	border-color: rgba(128, 128, 128, 0.8);
	outline: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(128, 128, 128, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(128, 128, 128,0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(128, 128, 128, 0.6);
}
#btn-search ,
#btn-search:active,
#btn-clear ,
#btn-clear:active {
	border: 0px;
	width: 95px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	box-shadow: none;
}
#btn-search {
	background-image: url('img/search0.png');
}
#btn-search:active {
	background-image: url('img/search1.png');
}
#btn-clear {
	background-image: url('img/clear0.png');
}
#btn-clear:active {
	background-image: url('img/clear1.png');
}

.alert-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}
.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	border: 1px solid #FBEED5;
	border-radius: 4px;
}
button.close {
	padding: 0px;
	cursor: pointer;
	background: transparent;
	border: 0 none transparent;
	opacity: .2;
	filter: alpha(opacity=20);
}

.search-result {
	margin-top: 20px;
	margin-bottom: 20px;
}

.form-inline > * {
	margin-top: 9px;
	vertical-align: top;
	display: inline-block;
}

.search-form {
	margin: 0px auto 20px;
	width: 880px;
	height: 50px;
	text-align: center;
	background-image: url('img/bg-search.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.pagination {
	text-align: center;
	margin: 0px auto 20px;
	padding: 0px;
        width: 600px;
}
.pagination ul{
    margin: 0;
    padding: 0;
}
.pagination li {
    list-style-type: none;
    float: left
}
.pagination li a {
        width: 40px;
	height: 40px;
        line-height: 40px;
	text-align: center;
	font-size: 12px;
	background-image: url('img/no0.png');
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
        display: block;
        margin-bottom: 20px;
}
.pagination li.active a {
	background-image: url('img/no1.png');
}

.table {
	width:100%;
	border-collapse: collapse;
}
.table th {
	font-weight: bold;
	background-color: whiteSmoke;
}
.table th ,
.table td {
	padding: 8px;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #DDD;
	font-size: 13px;
}
.table tr.even td {
	background-color: white;
}
.table tr.odd td {
	background-color: whiteSmoke;
}
.table.clickable tr:hover td{
	background-color: lightcyan;
	cursor: pointer;
}

.search-result-table-size {
	margin: 0px 40px 20px;
	width: 880px;
}

.record-table-size {
	margin-left: 10px;
	width: 130px;
	float: left;
        margin-top: 20px;
        margin-bottom: 20px;
}

.row {
	margin: 0px 20px 0px;
	clear: both;
}

.record {
	margin-top: 20px;
}

.record table th ,
.record table td {
	text-align: center;
}

#mouse-C2mE ,
#mouse-Gan ,
#mouse-Nog ,
#mouse-NogC2mE ,
#mouse-WT ,
#mouse-Wnt {
	width: 130px;
	height: 83px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
}
#mouse-C2mE {
	background-image: url('img/mouse-C2mE.png');
}
#mouse-Gan {
	background-image: url('img/mouse-Gan.png');
}
#mouse-Nog {
	background-image: url('img/mouse-Nog.png');
}
#mouse-NogC2mE {
	background-image: url('img/mouse-Nog-c2mE.png');
}
#mouse-WT {
	background-image: url('img/mouse-WT.png');
}
#mouse-Wnt {
	background-image: url('img/mouse-Wnt.png');
}
.footer {
	width: 960px;
	height: 135px;
	margin: 0;
	padding: 5px 0 0 0;
	background-image: url('img/footer01.png');
        text-align: center;
        clear: both;
}
.footer p{
        color: #999;
}
.footer a{
        color: #666666;
        text-decoration: underline;
}