/* CSS Document */

/* Reset CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
/* address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;} */
address, caption, cite, code, dfn, th, var { font-style:normal;font-weight:normal;}
ol, ul { list-style:none;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}  
a { outline: none;}
html,body{
    height: 100%;
}

/*
[1]HEADER AREA
[2]BODY AREA
[3]CONTENT AREA
[4]SIDEBAR AREA
[5]FOOTER AREA
================================*/
a{color:#fff; text-decoration:underline;}

a:hover{color:#fff; text-decoration:none;}

.page-back {
position: fixed;
bottom: 82px;
right: 60px;
}

.title_yellow{color:#f4c901; font-size:18px; font-weight:bold;}

.yellow{color:#f4c901;}

a:hover img.hoverImg{
opacity:0.8;
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85 )";
}

.pic_center{display: block;
margin-left: auto;
margin-right: auto;
}

.box_shadow{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);}

.box_shadow2{box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.20);}

.title_underline{border-bottom:dashed 1px; line-height:26px;}

.v_align_top{vertical_align:top;}

.c_grn{color:#209c60;}

.pe-3 {padding-right: 1rem;} 

.ps-lg-5 {padding-left: 2rem;}

/*
[1]HEADER AREA
================================*/
/*#header{background:#209c60; width:100%; height:60px; border-bottom:8px solid #000; color:#fff;} ORG */

#header{background:#8D8D8D; width:100%; height:60px; border-bottom:8px solid #000; color:#fff;}

#header {display: flex;align-items: center;justify-content: space-between;}

#header_left{width:350px; height:60px; float:left; padding-top:10px;}

#header_right, #header_rightB{/*width:360px; */height:60px; float:right;}

#header_right table, #header_rightB table{height:60px; border-collapse:collapse;}

/*#header_right a{display:block; background:#016435; padding:20px 10px;} ORG */

#header_right a{display:block; background:#525252; padding:20px 10px;}

/*#header_right a:hover{text-decoration:none; color:#fff; background:#006c3a;} ORG */

#header_right a:hover{text-decoration:none; color:#fff; background:#757575;}

#header_rightB a{display:block; background:#052ea3; padding:20px 10px;} /* blue ver */

#header_rightB a:hover{text-decoration:none; color:#fff; background:#304684;} /* blue ver */

/*
[2]BODY AREA
================================*/
html, body {
  height: 100%;
}
body {
    font-size:13px;
    font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','MS PGothic',sans-serif;
    color: #666;
  background:#EEE;
    line-height:20px;
    letter-spacing:.1px;
    word-spacing:1px;
}

#container{width:1365px; min-height:750px; height:100%; margin:0 auto;}

#container_login{
/*width:1165px; */

padding-top:10%; margin:0 auto;}


/*
[3]CONTENT AREA
================================*/

/* header */
#studentbox{width:100%; float:left; margin-bottom:20px;}

#studentbox img{border:1px solid #cbcdcc; margin-right:10px; float:left}

#studentbox a{color:#209c60;}

/*#main_content{width:100%; background:#f1f6ef; min-height:750px;} ORG */

#main_content{width:100%; background:#EEE; min-height:750px;}

#main_content h2{color:#32905e; font-size:16px; margin-bottom:10px; font-weight:bold;}

/*#leftnav{width:265px; min-height:750px; height:100% !important; float:left; background:#044b29;} ORG */

#leftnav{width:265px; min-height:750px; height:100% !important; float:left; background:#525252;}

.navbox{ padding:14px 0 14px 35px; border-bottom:1px solid #000; font-size:18px; box-shadow: 1px 0px 1px 0px #B4B4B4; position:relative;}

.navbox a{display:block; text-decoration:none;}

.navbox a:hover{color:#fff;}

/*.navbox:hover{background:#006c3a;} ORG */

.navbox:hover{background:#8D8D8D;}

.cbox_left{height: 49px;
width: 20px;
position: absolute;
left: 0;
top: 0;
}

#rightbox{width:1050px; float:left; margin-left:25px;}

#newsbox{width:1048px; border:1px solid #cbcdcc; background:#fff; margin:20px 0 35px; padding-bottom:20px;}

/*
.newstitle{font-size:20px; padding:10px 0 10px 25px; border-bottom:1px solid #cbcdcc; color:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#008848), to(#006c3a));
background: -webkit-linear-gradient(top, #008848, #006c3a);
background: linear-gradient(to bottom, #008848, #006c3a);
} ORG */

.newstitle{font-size:20px; padding:10px 0 10px 25px; border-bottom:1px solid #cbcdcc; color:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#8D8D8D), to(#525252));
background: -webkit-linear-gradient(top, #8D8D8D, #525252);
background: linear-gradient(to bottom, #8D8D8D, #525252);
}

#newsbox table{width:990px; margin:0 auto; font-size:14px; border-collapse:collapse;}

#newsbox td{padding:7px 0;}

#newsbox a, #newsbox2 a{font-weight:bold; color:#666;}

#newsbox a:hover, #newsbox2 a:hover{text-decoration:underline;}

#newsbox a:visit{font-weight:normal;}

tr.bbottom{border-bottom:1px solid #cbcdcc;}

#newsbox2{width:1018px; border-top:10px solid #666; border-left:1px solid #cbcdcc; border-bottom:1px solid #cbcdcc; border-right:1px solid #cbcdcc; background:#fff; margin:60px 0 35px; padding:15px 15px 20px;}

.wrapper{width:100%;}

.comment{padding:5px; width:350px; height:100px;}

/* colorbox */
.bg_green{background:#0b921a;}

.bg_red{background:#ee3233;}

.bg_yellow{background:#ff9c00;}

.bg_purple{background:#a100fe;}

.greenbox{background:#0b921a; text-align:center; color:#fff; width:60px; padding:7px 0 5px;}

.redbox{background:#ee3233; text-align:center; color:#fff; width:60px; padding:7px 0 5px;}

.yellowbox{background:#ff9c00; text-align:center; color:#fff; width:60px; padding:7px 0 5px;}

.purplebox{background:#a100fe; text-align:center; color:#fff; width:60px; padding:7px 0 5px;}

.greenbox2{background:#209c60; text-align:center; color:#fff; padding: 2px 12px;}

.greenbox2 a{display:block; text-decoration:none; color:#fff;}

.greenbox2:hover{color:#fff; background:#21C475;}

/* nav arrow */
.arrowL{width:112px; haight:32px; background:url(../images/nav_next01.png);}

.arrowR{width:112px; haight:32px; background:url(../images/nav_next02.png);}

.arrowL a, .arrowR a{color:#fff !important; text-decoration:none !important; font-weight:normal !important;}

.arrowL a:hover, .arrowR a:hover{color:#fff !important;}

.arrowL:hover, .arrowR:hover{opacity:0.8;
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85 )";
}

/* blue version */
.bg_2ndver01{background:#2e5de4 !important;} /* for header */

.bg_2ndver02{background:#eaf4f8 !important;} /* for main bg */

.newstitle_blue{font-size:20px; padding:10px 0 10px 25px; border-bottom:1px solid #cbcdcc; color:#fff;
background: -webkit-gradient(linear, left top, left bottom, from(#2a55d0), to(#2448b1));
background: -webkit-linear-gradient(top, #2a55d0, #2448b1);
background: linear-gradient(to bottom, #2a55d0, #2448b1);
}

#leftnav_blue{width:265px; min-height:750px; float:left; background:#22325f;}

.navbox_blue{ padding:14px 0 14px 35px; border-bottom:1px solid #000; font-size:18px; box-shadow: 1px 0px 1px 0px #B4B4B4; position:relative;}

.navbox_blue a{display:block; text-decoration:none;}

.navbox_blue a:hover{color:#fff;}

.navbox_blue:hover{background:#304684;}

/* login */
#loginbox{margin-bottom: 40px;
background:#fff;
padding: 15px;
border-radius: 5px;
border: 1px solid #dadada;
width:280px;
margin-left:auto;
margin-right:auto;

}

#loginbox input {
width: 96%;
padding: 2%;
margin-bottom: 20px;
border-radius: 3px;
border: none;
border: 1px solid #c9c9c9;
/* box-shadow: 0 1px 1px white; */
}

#loginbox a{color:#666; text-decoration:underline;}

#loginbox a:hover{text-decoration:none;}

/* css3 button */
.myButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
  background-color:#f9f9f9;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  color:#666666;
  font-size:15px;
  font-weight:bold;
  padding:9px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
  background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
  background-color:#e9e9e9;
}
.myButton:active {
  position:relative;
  top:1px;
}

.myButton a{display:block;}

.download a:hover{text-decoration:none !important;}

.download table{border-collapse:collapse; border:1px solid #DADADA;}

.download td{padding:8px 15px; border-right:1px solid #DADADA; border-bottom:1px solid #DADADA;}

/* form */
.headline{font-size:30px; float:left;}

.red_table{padding:10px; background:#fff3f4; border:1px solid #acacac;}

.red_table input[type='radio']{vertical-align:-2px;}

.profile table{border-collapse:collapse;}

.profile td{padding:5px;}

input, select, textarea{padding:3px;}

tr.mB10{padding-bottom:10px;}

.divider{width:100%; height:1px; border-bottom:1px dotted #818181; margin-top:8px; margin-bottom:8px;}

.text_area {
width: 440px;
height: 20px;
display: block;
margin: 5px 0px 10px;
padding: 5px;
}

.message_area {
width: 440px;
height: 120px;
display: block;
margin: 5px 0px 10px;
padding: 5px;
}

.td_align {
text-align: right;
margin-right: 20px;
}

.pic_box{width:200px; padding:10px; border:1px solid #acacac; float:right;}

.form_title{border: 1px solid #00a651; font-size:25px;}

.form_title td{padding:5px 6px 4px;}

.green_title{background:#00a651; color:#fff;}
/*
[4]SIDEBAR AREA
================================*/



/*
[5]FOOTER AREA
================================*/

/*#footer{width:100%; height:16px; padding:12px 0 8px; color:#fff; background:#209c60; clear:both; padding-left:35px; border-bottom:8px solid #000;} OEG */

#footer{width:100%; height:16px; padding:12px 0 8px; color:#fff; background:#8D8D8D; clear:both; padding-left:35px; border-bottom:8px solid #000;}