@charset "UTF-8";

html, body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, span,
ul, ol, li, dl, dt, dd,
table, th, td, select, option, label,
form, fieldset, input, textarea{
    margin:0;
    padding:0;
    font-family:Meiryo,"Microsoft YaHei","MS PGothic",sans-serif,Verdana,Arial;
    font-size:9pt;
    border-collapse:collapse;
    list-style-position:inside;
/*    border:1px solid red;*/
}
.float_dummy{ /*  float height */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

body{
background-color:#fefefe;
}


a, a:visited, a *{
    cursor:pointer;
    color:#1030e0;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
/*border:1px red solid;*/
}

#panel{
    margin-left:auto;
    margin-right:auto;
    width:900px;
/*background-color:#fefefe;*/
/*border:1px solid red;*/
}

#container{
    margin-left:auto;
    margin-right:auto;
    width:900px;
/*    width:1000px;*/
}

/* ===================================== */
/*                HEADER                 */
/* ===================================== */
#header{
    margin-left:auto;
    margin-right:auto;
    width:800px;
    height:100px;
}

#header_top{
}

p#title{
    font-size:14pt;
    color:#f40;
}
#subject{
    height:40px;
    border:3px solid #ccc;
    border-radius:8px 8px 8px 8px;
}
#subject h1{
    width:100%;
    text-align:center;
    height:40px;
    line-height:40px;
    font-weight:normal;
    font-size:15pt;
    color:#555;
}

/* ===================================== */
/*                  MAIN                 */
/* ===================================== */
#main{
    margin-left:auto;
    margin-right:auto;
    width:800px;
}
#main_top .message p{
    font-size:10.5pt;
    color:#fff;
    font-weight:normal;
}
#kiyaku_main{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    padding:5px;
    width:700px;
}
#kiyaku{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    padding:5px;
    width:700px;
    height:250px;
    border:1px solid #ccc;
    overflow:scroll;
/*    background-color:#fefef0;*/
}
#kiyaku p, #kiyaku li{
    font-size:8pt;
}
#kiyaku h3{
    font-size:10pt;
    font-weight:bold;
}
#kiyaku h4{
    font-size:8pt;
    font-weight:bold;
}
#kiyaku ul{
    list-style:none;
    padding-left:10px;
}
a#douiok{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    padding:5px;
    width:100px;
    display:block;
    background-color:#13f;
    color:white;
    text-align:center;
}
a#douiok:hover{
    background-color:#36f;
    text-decoration:none;
}

/* ===================================== */
/*            Entry_Form                 */
/* ===================================== */
#entry_form{
    margin-left:auto;
    margin-right:auto;
    border:1px solid #ddd;
    border-radius:8px 8px 8px 8px;
}
#kaiin_form,
#button_form{
    margin-left:auto;
    margin-right:auto;
    width:600px;
}
#kaiin_form table,
#button_form table{
    width:600px;
    margin-bottom:10px;
}
#kaiin_form table tr{
    height:30px;
    border-bottom:1px solid #eee;
}
#kaiin_form table tr.midashi{
    background-color:#f0f0f0;
    border-bottom:1px solid #999;
}
#kaiin_form table tr.dummy{
    height:10px;
}
#kaiin_form table tr th.itemcol,
#button_form table tr th.itemcol{
    width:150px;
}
#kaiin_form table tr th.datacol,
#button_form table tr th.datacol{
    width:440px;
}
#kaiin_form table td{
    padding:10px;
    vertical-align:top;
}
#kaiin_form table td p.attention:before{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

#kaiin_form table td p.attention{
    color:#888;
    font-size:8pt;
}
#kaiin_form table td.hissu:after{
    content:"*";
    color:red;
}
#kaiin_form table td input.width_XL{
    width:30em;
}
#kaiin_form table td input.width_L{
    width:20em;
}
#kaiin_form table td input.width_M{
    width:12em;
}
#kaiin_form table td input.width_S{
    width:7em;
}
#kaiin_form table td input.width_XS{
    width:3em;
}
#kaiin_form table td label{
    padding-left:2px;
    color:#666;
}
#syoku span{
    display:block;
    padding-right:8px;
    float:left;
}
#syoku .group{
    margin-top:8px;
}
#syoku .group:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
a#rec{
    padding:5px;
    width:140px;
    display:block;
    background-color:#13f;
    color:white;
    text-align:center;
}
a#rec:hover{
    background-color:#36f;
    text-decoration:none;
}
#button_form .submit{
    float:left;
    margin-right:5px;
}


/* ===================================== */
/*                 FOOTER                */
/* ===================================== */
#footer{
    margin-top:50px;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    border-top:1px solid #aaa;
}
#foot_comment{
    font-size:7pt;
    text-align:left;
}
#copyright p{
    font-size:7pt;
    text-align:right;
}
#company{
    font-size:7pt;
    text-align:right;
    font-weight:bold;
}

/*sekikawa:add*/
#other table{
    width:400px;
    margin-bottom:10px;
}
#other table tr th.itemcol{
    width:120px;
}
#other table tr th.datacol{
    width:280px;
}
a.button_style{
	text-decoration: underline;
	white-space: nowrap;
	font-size: 14px;
	line-height: 30px;
	color: #00f;
	margin: 1px;
	background-color: #f2f2f2;
	border: #ccc 2px outset;
	padding: 4px 5px 3px 5px;
/*
        width:50px;
    background-color:#8888ff;
    color:white;
    padding:5px 15px;
*/
}
a.button_style:hover{
    color:#f00;
	font-size: 14px;
	line-height: 30px;
	padding: 4px 5px 3px 5px;
    text-decoration:none;
}

td.trans_confirm label{
	font-size:120%;
	font-weight:bold;
	color:red !important;
}