
h1,h2,h3,p,a{
  margin: 0;
  padding: 0;
}

a:link, a:visited {
color:#0066CC;
text-decoration:none;
}

form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

table {
border-collapse: separate ;
}

body,table,tr,td,div,span,p,em,del,pre {
	margin:    0;
	padding:   0;
	border:    0;
}

body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-image:url(../images/bg_head.gif);
background-repeat:repeat-x;
text-align:center;
font-size:14px;
color:#666;
line-height:1.0em;
}

/* contents body_box */

#body_box {
width:980px;
margin:0 auto;
text-align:left;
}

/*contents haeder */

#header {
text-align:left;
width:980px;
background:url(../images/header-bottom-bg.gif) no-repeat top center;
}

#header h1{
margin-left:10px;
}

#contents {
padding-left:10px;
background:url(../images/body_bg.gif) no-repeat top center;
}

#leftnavi{
background:transparent url(../images/left_navi_line.gif) no-repeat left bottom;
margin:20px 0 0 0;
font-size:12px;
float:left;
width:192px;
}

#leftnavi a{
font-size:1em;
background:transparent url(../images/menu-arrow.gif) no-repeat scroll 10px 50%;
display:block;
font-weight:normal;
line-height:1.1em;
padding:10px 10px 10px 25px;
}

#leftnavi a:hover {
font-size:1em;
background-color:#FFF4C6;
display:block;
font-weight:normal;
line-height:1.1em;
padding:9px 10px 9px 25px;
margin:1px 0;
}

/* contents */

#main{
padding-top:20px;
margin-left:232px;
width:700px;
}

#main .h2bg{
padding:9px 9px 4px;
width:682px;
background:url(../images/h2_bg.gif) no-repeat top left;

}

#main .h2bg h2{
border-left:#00559A solid 6px;
padding-left:5px;
font-size:1em;
color:#00559A;
}

#main .wrap {
border-top:#CCCCCC solid 1px;
width:660px;
font-size:0.9em;
padding:3px 12px;
margin:0 0 10px 8px;
}

#main .wrap table {
width:630px;
}

#main .wrap th{
font-size:12px;
font-weight:normal;
color:#00559A;
}

#main .wrap td{
padding:5px 0 0 0;
}


#main .forget {
width:660px;
}

#main .forget h2 {
border-top:#CCCCCC dotted 1px;
padding:5px 9px 5px;
margin-left:11px;
font-size:1em;
color:#333;
}

#main .forget_wrap {
width:680px;
font-size:0.8em;
padding-left:12px;
margin:0 0 10px 8px;
}


#main .forget_wrap table {
width:630px;
}

#main .forget_wrap th{
font-size:12px;
font-weight:normal;
color:#00559A;
}

#main .forget_wrap p{
font-size:12px;
}

#main .forget_wrap td{
padding:5px 0 0 0;
}


#main .juuryoukakin {
border:#CCCCCC solid 3px;
padding-top:2px;
margin:10px 0;
}

#main .juuryoukakin h2{
font-size:1em;
margin:5px;
padding-left:5px;
border-left:#00559A solid 6px;
color:#00559A;
}

#main .juuryoukakin .wrap{
font-size:12px;
line-height:1.3em;
margin-left:5px;
border:none;
}

#main input{
border: 0 none;
}

#main input[type=text] {
border: 0 none;
}

#main .form_border {
 border-width:1px;  /*境界線の太さを変更*/
 border-color:#CCC; /*境界線の色を変更*/
  border-style:solid;
}


#main th{
padding:5px 0 0 0;
font-size:0.8em;
text-align:right;
padding-right:10px;
}

#main td.forget{
border-top:#CCC dashed 1px;
}

#main .login_form{
width:550px;

}

#main .login_form th{
text-align:right;
}

/* contents 確認 */

#message {
width:960px;
padding:20px 0px 0px;
text-align:center;
}

#message .box{
padding:30px 0px 40px;
background-color:#FFFFFF;
}

#message table{
text-align:center;
margin: 0px 0 0px 192px ;
padding:5px;
border:#CCCCCC solid 5px;
width:576px;
}

#message table td{
background-color:#FFFFFF;
padding-bottom:10px;
}

#message table h2{
border-left:#00559A solid 6px;
padding-left:5px;
text-align:left;
margin:20px 10px;
font-size:1em;
color:#00559A;
}

#message .forget h2{
border:none;
font-size:1em;
color:#333;
text-align:left;
margin:20px 5px;
}

.alert {
text-align:center;
border:#FFCCFF solid 1px;
background-color:#FFE7FB;
padding:10px;
font-weight:bold;
color:#CC0000;
}

.end {
text-align:center;
border:#B9CEEB solid 1px;
background-color:#E9F1F9;
padding:10px;
font-weight:bold;
color:#00559A;
}

#message table p{
margin:0px 10px 20px;
font-size:1em;
}

#message table img{
margin:0px 10px 20px;
}

#message .warning td{
text-align:left;
color:#FF0000;
padding:30px 0px 30px 20px;
}

#message .warning a {
text-decoration:underline;

}

/* contents term */

#term {
width:960px;
padding:10px 0px 0px;
text-align:center;
}

#term .box{
padding:0px 0px 0px;
background-color:#FFFFFF;
}

#term table{
padding:5px;
text-align:center;
margin:auto;
}

#term table td{
background-color:#FFFFFF;
padding-bottom:0px;
}

#term h2{
border-left:#00559A solid 6px;
padding-left:5px;
text-align:left;
margin:20px 0px;
font-size:1em;
color:#00559A;
}

#term table img{
margin:0px 10px 0px;
}

#term textarea {
  border-width:2px; /*境界線の太さを変更*/
  border-color:#666 #CCC #CCC #666;/*境界線の色を変更*/
   border-style:solid;
   color:#666666;
   font-size:1em;
   line-height:1.3em;
   padding:2px;
}

#term table table {
margin:10px auto ;
text-align:left;
}

#term p {
line-height:1.5em;
font-size:1em;
}

/* contents footer */
#footer{
width:960px;
text-align:center;
height:50px;
background:url(../images/footer_bg.gif) no-repeat top left ;
}

#footer p{
font-size:0.8em;
line-height:1.7em;
color:#749DD7;
text-align:center;
   padding-top:30px;
}

