@charset "shift_jis";

/* 　base css 
----------------------------------------------------------------*/

html, body, ul, ol, li, dl, dt, dd, input, form, fieldset, input, textarea, button, p, hr, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; color:#1F1F1F; font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック"; }

/* ↑ Firefoxのため、select以外を指定 */

body#login{font-size:75%; background:url(../image/webpre/back.jpg) #fff no-repeat;}
body{font-size:75%; background-color:#FFE7A6; text-align:center;}

textarea{font-size: 100%; }

img{border-style:none; }

ul, ol{list-style-type:none; }

.clear{clear:both; }

hr.clear{clear:both; visibility:hidden; width:1%; height:1%; }

hr.clearv{clear:both; width:98%; height:1px; border:1px dotted #CFD7E2; margin:0 auto 15px;  }

hr.sp{clear:both; visibility:hidden; width:1%; height:1%; margin-bottom: 15px; }

hr.dot{border-top: 1px dotted #CCC; clear:both; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; margin: 7px 0px 10px ; }


.right{text-align:right; }

.fright{float:right;}

.fleft{float:left;}

.center{text-align:center; }

.blank{height: 300px; }

.vtop{vertical-align:top; }

.vbtm{vertical-align:bottom; }

.letter{letter-spacing: -1px; }

span.inptxt, strong.inptxt{color:#EA5E01; }

img.new{vertical-align:middle; margin-left: 3px; }


/* clearfix ------------------------------ */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block; }
/* Except MacIE \*/
* html .clearfix{height: 1%;}
.clearfix{display: block; }
/* End ----------------------------------- */


/* link */
a:link{color:#263A7B; }

a:visited{color:#102770; }

a:hover, a:active{color:#923507; }

/* login */

.login_all{ margin:0;}
#leftmenu{padding:0px; float:left; width:530px;}
.loginbox{ float:left; margin:20px 0px 100px 10px; text-align:center; font-size:90%; padding:10px 0px 10px 0px;}
ul.login_list{ list-style:none; font-size:130%; margin-left:15px;}
ul.login_list li.mark{ background:url(../image/webpre/mark.png) no-repeat; padding-left:22px; font-weight:bold; margin-top:20px;}
ul.login_list li{padding-left:0px; margin-top:30px; margin-bottom:10px;}

ul.login_list2{ list-style:none; font-size:110%; margin-left:30px; width:500px;}
ul.login_list2 li{ float:left; margin-left:7px; margin-bottom:5px;}
ul.login_list2 li{ float:left; }

ul.loginbox{ list-style:none; margin:0px 0px 0px 0px; text-align:center; padding:10px 10px 10px 10px;}
ul.loginbox li{ vertical-align:bottom;}
ul.loginbox li.box{ background:url(../image/webpre/box.png) repeat-y; margin:0; padding:10px 0px;}


/* next */
/* #header{ position: fixed; width:100%; height:50px; background:url(../image/next/header.png) repeat-x; z-index:999; text-align:center; padding:0px 0px 0px 0px; }*/

#header{ position: fixed; width:100%; height: 50px; background: url(../image/next/header.png) repeat-x; z-index:1; text-align: center; padding: 0px; top:0px; left:0px}
.header2{width: 880px; margin:8px auto 0 auto; text-align:left;}

#wp{ width:910px;background:url(../image/next/wp.png) repeat-y; padding: 0px; margin: auto; height:100%; }
#key{ width:878px; margin:auto;}
#contents{ width:830px; padding:20px 25px; text-align:left; margin:auto;}
#back{ background:url(../image/next/back.gif) repeat-x; width:100%; height:100%; padding: 0px;  }
#footer{ width:878px; margin:auto; background:#666666; color:#FFFFFF; padding:5px 0px; vertical-align:bottom;}