﻿@charset "utf-8";

/*============================================
プルダウン
============================================*/
.selectbox {
	overflow: hidden;
}
.pulldown { 
	margin: 10px 5px;
	display:block;
	width:120px;
	float: left;
}

/* 回り込み解除 */
/*.boxend {
	float: none;
}*/
/* clearfix */
.selectbox:before,
.selectbox:after {
    content: "";
    display: table;
}
 
.selectbox:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.selectbox {
    zoom: 1;
}

/* ラベル文字 */
#label {
	font-weight:bold;
	font-size: 14px;
	color:#036;
}

/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select, .styled-select2 {
   background: url(images/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 120px;
   appearance: none; 
}
.styled-select2 {
	width: 120px;
}

/* IE selectのデフォルトの矢印消す */
::-ms-expand {
	display: none;
}

.styled-select select, .styled-select2 select {
	/* デフォルトデザイン消去 */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	background: transparent;
	border: none;
	font-size: 14px;
	height: 29px;
	/* If you add too much padding here, the options won't show in IE */
	padding: 5px;
	width: 120px;
}

/* -------------------- Rounded Corners */
.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.blue    { background-color: #3b8ec2; }

/* -------------------- Colors: Text */
.blue select    { color: #fff; }


/*============================================
検索表
============================================*/
/* --- 表全体 --- */
table.example {
	width: 700px; /* 表の幅 */
	margin: 0 10px 20px 10px;
	border: 1px #6699CC solid; /* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 14px;
}

/*スクロール用*/
thead.scrollHead{
	display:block;
	width: 682px;		/* 700px - スクロールバー */
}
tbody.scrollBody{
	display:block;
	overflow-y:scroll;
	height:480px;
	width:700px;
}

/*----------------------------*/
td, th {
	padding: 5px 10px;
}

thead th {
	background: #8fc2ee; /* 見出しセルの背景色 */
	color: #fff;
}

tbody tr {
	border-bottom: 1px dotted #6699CC;
}

tbody td {
	border: 1px dotted #6699CC;
	border-left: none;
	border-width: 0px 1px;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	transition: background-color .1s linear;
}

tbody tr:first-child {
	border-top: none;
}

tbody tr.even td {
	background: #ffffff; /* データセルの背景色 */
}

tbody tr.clickable:hover td {
	background: #ffcccc;
	cursor: pointer;
}

/* 年度 */
.nendo {
	width:50px;
}
/* 都道府県 */
.ken {
	width:80px;
}
/* 種別 */
.syubetu {
	width:320px;
}
/* 大問 */
.Lques {
	width:50px;
}
/* 中問 */
.Mques {
	width:50px;
}
/* 小問 */
.Sques {
	width:50px;
}


