@charset "UTF-8";

body {
	margin: 0; padding: 0px;
	font-size: 16px;
	line-height: 1.5;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",osaka,"ＭＳ Ｐゴシック",sans-serif;
	color: #263333;
	background-color: #F5F6F7;
}

h1,h2,h3,h4,h5,dl,ul,form,textarea {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}
ul { list-style-type: none; }
strong { font-size: 1.2em; }
em { font-style: normal; font-weight: bold; }
label { display: inline-block; }
label:hover { color: #F90; }
button { cursor: pointer; }
select { font-size: 14px; }

a { color: #03C; }
a:visited { color: #66C; }
a:active, a:hover { color: #C00; }
a img { border-width: 0px; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#page { width: 964px; margin: auto; }

/* header _____________________ */
#header { position: relative; }
h1 { margin: 13px 2px 15px; }
#loading { position: absolute; display: none; z-index: 100; }
#header div a, #topBtn a {
  display: block;
  height: 46px;
  margin: 0; border: 0;
  text-indent: -9999em;
}
#header div h1#no_logo a { text-indent: 0; text-decoration: none; font-size: 14px; }
div a#searchList { width: 166px; background: url("../img/btn_search_list.png") no-repeat; top: 0px; right: 242px; position: absolute; }
div a#total { width: 106px; background: url("../img/btn_total.png") no-repeat; top: 0px; right: 131px; position: absolute; }
div a#logout { width: 116px; background: url("../img/btn_logout.png") no-repeat; top: 0px; right: 10px; position: absolute; }
#header div a:hover { background-position: 0 -46px; }

/* contents _____________________ */
.section { margin-bottom: 10px; background: url("../img/bg_section.png"); }
.section .inner { padding: 5px 17px 0; background: url("../img/bg_section_top.png") no-repeat; }
.section .bottom { clear: both; padding: 10px 0 20px; background: url("../img/bg_section_bottom.png") no-repeat 0 100%; text-align: center; }

/* footer _____________________ */
#copyright { margin-top: 10px; font-size: 12px; text-align: right; }


/* ブロックhover _____________________ */
.bl-hover { text-decoration: underline; }


.txt_red, .red { color: #BD002F; }
.txt_orange	{ color: #FF3C00; }
.txt_blue	{ color: #008EBD; }
.txt_green	{ color: #8EBD00; }
.notice		{ color: #F33; }

.ma0  { margin: 0; }
.mb10 { margin-bottom: 10px; }
.p10 { padding: 10px; }

.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w60 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }

.clear  { clear: both; }
.fleft  { float: left; }
.fright { float: right; }
.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right; }

input.txt, input[type=text], textarea {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	border: 1px solid #CCC;
	margin: 2px 3px; padding: 3px 2px;
	background: url("../img/txt.png") repeat-x;
	font-size: 14px;
}

.dialog .center a, a.button, button {
  display: inline-block;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  margin: 0 0.5em; padding: .4em 1em .3em;
  border: 1px solid #d3d3d3;  font-weight: bold; text-decoration: none; font-size: 0.85em;
  background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; color: #555555;
}
a.button { padding: .3em .8em .2em; }
.dialog .center a:hover, a.button:hover, button:hover { border: 1px solid #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; color: #212121; }
button { /padding: .1em .6em 0; } /*IE6, IE7*/

/* リスト _____________________ */
ul.disc { margin-left: 1em; list-style-type: disc; }
ul.square { margin-left: 1.5em; list-style-type: square; }

/*集計*/
#totalData h2, .section h2 {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	border: 1px solid #AAA; background-color: #CCC;
	padding: .4em .7em .3em; margin: 0; color: #212121;
}
.section h2 { margin: .8em 0 .5em; }
#totalData ul { padding: .5em 1em; }

#dsuggest, #msuggest { position: absolute; background-color: #FFF; border: 1px solid #666; max-height: 150px; overflow: auto; }
#dsuggest div, #msuggest div { display: block; overflow: hidden; white-space: nowrap; }
#dsuggest div.select, #msuggest div.select { color: #FFFFFF; background-color: #3366FF; /* キー上下で選択した場合のスタイル */ }
#dsuggest div.over, #msuggest div.over { background-color: #99CCFF; /* マウスオーバ時のスタイル */ }
#msuggest, #mtext { width: 230px; font-size: 14px; }

#mleft, #dleft { width: 35%; }
#mright, #dright { width: 585px; }
.slLeft .kana { margin: 15px 0; }
.slLeft .kana button { margin: 3px; padding: .4em 0 .3em; width: 40px; text-align: center; }
.slLeft button.current { color: #212121; background: #FFF none; }
#mright table, #dright table { width: 565px; }
#manList, #dealerList { overflow: auto; }

table.data { width: 100%; border-collapse: collapse; }
table.data th{
	border: 1px solid #CCC;
	background: #F1F1F1;
	padding: 3px 0;
	white-space: nowrap; text-align: center;
	text-shadow: #FFF 1px 1px 0;
    font-size: 14px;
}
table.data td { padding: 3px 6px; background: #FFF; border: 1px solid #CCC; font-size: 14px; }

.tr-selected td { background-color: #FEFB48 !important; }

/*Reins*/
.reins_help { font-size: 11px; }
.reins_help { color: #666; text-decoration: none; }
.reins_help span { color: #333; font-weight: bold; }
.reins_help:hover { text-decoration: underline; }

/* 印刷用スタイル定義 */
@media print {
	body { color: #000; }
	h1#pop, table.data th, table.data td, table.detail th, table.detail td
		{ border-color: #000; }
}