@charset "utf-8";
/* CSS Document */


/**
* 初期設定
===============================================
*/
body{
font-size:small;
margin:0;
}

a{
color:#00F;
}
a:hover{
color:#09C;
}

#container{
width:900px;
margin:3em auto;
}

#navi{
background:#f1f1f1;
border-bottom:1px solid #CCC;
}
#navi p{
margin:0;
padding:1em;
color:#999;
text-align:center;
}
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }




/**
* フォーム関係
===============================================
*/
form{
margin:0 auto;
}

input.wmax{
width:98%;/
}
input.imemode{
ime-mode:disabled;
}

input.btn{
width:12em;
margin-top:1em;
}

input[type="text"],
textarea{
background:#f8f8f8;
border:1px solid #CCC;
padding:4px;
}

input.num{
font-weight:bold;
text-align:center;
width:80%;
}

select{
/*border:none;*/
padding:1% 2%;
width:100%;
text-align:center;
}

ul.chkbox{
list-style-type:none;
margin-left:2%;
}
.chkbox li{
float:left;
width:50%;
margin-bottom:1em;
}
.chkbox input{
vertical-align:middle;
margin:-2px 5px 0 0;
}
.chkbox input[type="text"]{
width:80%;
}




/**
* テーブル関係
===============================================
*/
table{
border:none;
border-collapse:separate;
border-spacing:1px;
}


/*th縦方向*/
table.tblw{
width:100%;
border:none;
border-collapse:separate;
border-spacing:1px;
font-size:small;
}
.tblw th{
background:#0055bf;
padding-right:.8em;
color:#fff;
text-align:right;
}
.tblw td{
padding:.6em;
vertical-align:top;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
}
.tblw .tblw-tdt{
border-top:1px solid #ccc;
}

/*
.tblw select{
width:42%;
text-align:left;
padding:3px 0;
}
*/


/*th横方向*/
table.tbl{
border:none;
border-collapse:separate;
border-spacing:1px;
width:100%;
font-size:small;
line-height:1.3em;
}
.tbl th{
background:#0055bf;
color:#fff;
}
.tbl td{
padding:.7em 1em;
vertical-align:top;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
vertical-align:middle;
}
.tbl .tbl-tdl{
border-left:1px solid #ccc;
}
.tbl tr.status-off{
background:#f1f1f1;
}

.tbl-td-p{
color:#666;
padding:.5em;
padding-bottom:1.5em;
margin:0;
text-align:center;
line-height:1.7em;
}




/**
* その他要素
===============================================
*/

.msgbox{
width:100%;
margin:3em auto;
border:1px solid #CCC;
}
.msgbox p{
font-size:medium;
font-weight:bold;
padding:3em;
text-align:center;
}

ul{
margin-bottom:1.5em;
padding-left:1.5em;
}
ul li{
color:#333;
margin-bottom:10px;
}

.textred{
color:#F00;
}

.delimiter{
padding:0 1.5em;
font-size:xx-small;
}

.search{
text-align:center;
margin-bottom:20px;
}


/*結果画面*/
.result-container{
width:640px;
margin:80px auto 0 auto;
border:1px solid #ccc;
}
.result-content{
margin:10px;
border:1px solid #ccc;
}
.result-content a{
display:block;
width:100%;
background:url(img/loading_s.gif) no-repeat center 40px;
padding:70px 0 50px 0;
font-family:'ＭＳ Ｐゴシック',Osaka;
text-align:center;
font-weight:bold;
font-style:italic;
font-size:large;
text-decoration:none;
}


/*ページナビ*/
.pagenavi{
position:relative;
overflow:hidden;
}
.pagenavi ul{
list-style-type:none;
position:relative;
left:50%;
float:left;
}
.pagenavi li{
position:relative;
left:-50%;
float:left;
margin:0 1px;
}
.pagenavi a{
background:#0055bf;
color:#fff;
text-decoration:none;
padding:1em 2em;
display:block;
}
.pagenavi a:hover, .pagenavi a.active{
background:#008eef;
}


/*チェックボックス水平化*/
.vertical-align{
font-size:small;
}
.vertical-align input{
vertical-align:-0.1em;
margin-right:0.5em;
}