/*
body {
    background-color: #FFFFFF;
    font-size: 12px;
}
*/
form {
    margin: 0px;
}

#field {
    margin: 0px;
}

#title {
    font-size: 14px;
    margin: 5px 0px;
}

.hosoku {
    font-size: 10px;
    color: #666;
}

#menu {
    width: 680px;
    border-bottom: 2px solid #b0c4de;
    font-size: 12px;
    margin: 15px 0px 5px 0px;
}

#menu .selected_menu {
    padding: 0;
    color: #000;
    height: 20px;
    padding: 2px 15px;
    width: 80px;
    background-color: #e6e6fa;
    border-top: 1px solid #b0c4de;
    border-left: 1px solid #b0c4de;
    border-right: 1px solid #b0c4de;
}

#menu .space_menu {
    padding: 0;
    width: 1px;
}

#menu .unselected_menu {
    padding: 0;
}

#menu .unselected_menu a {
    text-decoration: none;
    color: #666;
    height: 20px;
    padding: 2px 15px;
    width: 80px;
    background-color: #CCC;
    border-top: 1px solid #b0c4de;
    border-left: 1px solid #b0c4de;
    border-right: 1px solid #b0c4de;
}

#menu .unselected_menu a:hover {
    background: #e6e6fa;
}


#input_area {
    width: 560px;
    padding: 2px 5px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    border-collapse:collapse;
    font-size: 12px;
}

#input_area td {
    font-size: 12px;
    padding: 0px;
    background-color: #e6e6fa
}


#input_area .header {
    width: 70px;
    padding: 5px;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    background-color: #b0c4de;
}

#input_area .input_field {
    padding: 5px;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
}

#input_area .size_field {
    padding: 0px;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    background-color: #e6e6fa;
}

#input_area .size_header {
    width: 80px;
    padding: 5px;
    border: 1px solid #FFF;
    background-color: #b0e0e6;
    border-collapse:collapse;
    
}
#input_area .size_input_field {
    padding: 5px;
    border: 1px solid #FFF;
    border-collapse:collapse;
/*    background-color: #e0ffff;*/
    background-color: #e6e6fa;
}

#input_area .kata_selected {
    padding: 5px;
    text-align: center;
    background-color: #b0e0e6;
}

#input_area .kata_no_selected {
    padding: 5px;
    text-align: center;
    background-color: #ddd
}

#input_area .button_area {
    padding: 5px;
    text-align: center;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
}

#maru_fuka {
    font-size: 10px;
    color: #666;
}

/* --------------------------------- */
/* 検索結果 */
/* --------------------------------- */

#result_area {
    width: 560px;
    padding: 2px 15px;
    border-collapse:collapse;
    font-size: 12px;
}

#result_area .count {
    padding: 10px 10px 10px 0;
    font-weight: bold;
}

#result_area .sort_area {
    padding: 10px 10px 10px 0;
    text-align: right;
}

#result_area .page_area {
    padding: 10px 10px 10px 0;
    text-align: right;
}

#data_area {
    width: 100%;
    padding: 2px 15px;
    border-collapse:collapse;
    font-size: 12px;
}

#data_area .header {
    padding: 5px;
    background-color: #b0c4de;
}

#data_area .data {
    padding: 5px;
    background-color: #eee;
}
#content #data_area {
	width:554px;
	border-top:1px solid #999;
	margin-top:3px;
	margin-bottom:9px;
}
#content #data_area td{
	padding:3px;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
#content #data_area td.capacity{
	width:36px;
}
#content #data_area td.color{
	width:78px;
}
#content #data_area td.detail{
	width:36px;
	border-right:none;
}
#content #data_area td span{
	font-size:x-small;
}