/*********************
date 2009/09/30
ver 0.001
*********************/
/* reset & set
======================*/
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}.mod table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:75%/1.22 "MS PGothic", "Osaka", Arial, sans-serif;word-break:break-all;text-align:center;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
h1,h2,h3,h4,h5,h6,textarea{font-size:100%;font-weight:normal;}
section,article,header,footer{display:block;}
hr.separation,button{display:none;}
button{cursor:pointer;}

/* base layout
======================*/
section{
text-align:left;
}
section h1{
margin:10px;
font-size:120%;
font-weight:bold;
}
article{
margin:10px;
border:1px solid #333;
}
article h2{
padding:3px 5px;
background:url(../bg_all-090930.png) repeat-x 0 0;
color:#fff;
}
article h3{
margin-bottom:5px;
padding:2px 3px;
border:solid #333;
border-width:0 0 1px 4px;
}
article fieldset{
padding:5px 5px 0;
}
article legend{
display:none;
}
article .selectList{
width:100%;
max-width:480px;
}
article label{
display:block;
margin-bottom:5px;
}
article label span{
display:block;
}
article input,article select{
width:100%;
border:1px solid #999;
padding:3px 0;
}
article .assist{
position:absolute;
display:none;
width:100%;
max-width:480px;
margin-top:-6px;
border:1px solid #999;
background-color:#fff;
max-height:8em;
overflow:auto;
}
article .assist li.alert{
color:#f00;
}
article .assist li.list{
padding:3px 0;
}
article .assist li.list:hover{
background-color:#eee;
cursor:pointer;
text-decoration:underline;
}
#result{
background-color:#fdf;
}
footer{
text-align:center;
}