@charset "Shift_JIS";

body {
	margin: 0 auto;
	padding: 0;
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	background-color: #FFF;
	background-position: 0px 96px;
	font-size: small;
}

img {border:none;}

h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, div,ol,p {margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,em,strong,address,th {font-style:normal;font-weight:normal;}

hi,h2,h3,h4,h5,h6 {padding-right: 15px; padding-left:: 15px;}

.cl {clear:both;}

.img-align{
	vertical-align: middle;
}


/* リンクカラー
------------------------------------------------------------------------------------- */
a{text-decoration:none;}
a:link{color:#333333;text-decoration:none;}
a:visited{color:#333333;text-decoration:none;}
a:active{color:#333333;text-decoration:none;}
a:hover{color:#666666;text-decoration:underline;}


/* container
-------------------------------*/
#container {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
}



/* header
------------------------------------------------------------------------------------- */
#header {
	background-image: url(../img/top/header_bk.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #FFFFFF;
	height: 45px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}



/* global-nav
-------------------------------*/
#global-nav{
	text-align: center;
	background-color: #FFFFFF;
	width: 1000px;
	height: 36px;
	margin-top: 10px;
}

#global-nav ul {
    margin: 0;
	padding: 0:
}
#global-nav ul li {
	float: left;
	list-style-type: none;
	display: inline-block;
}

#global-nav li:not(:last-child){
border-right:1px solid #ddd;
}

#global-nav ul li a {
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
#global-nav ul li#nHome a {
	padding-right: 10px;
	padding-left: 10px;
	height: 36px;
	width: 40px;
}
#global-nav ul li#nAdviser a {
	padding-right: 10px;
	padding-left: 10px;
	height: 36px;
	width: 129px;
}
#global-nav ul li#nAdviser-onl a {
	padding-right: 10px;
	padding-left: 10px;
	height: 36px;
	width: 129px;
}
#global-nav ul li#nMeister a {
	padding-right: 10px;
	padding-left: 10px;
	height: 36px;
	width: 151px;
}
#global-nav ul li#nMeister-onl a {
	padding-right: 10px;
	padding-left: 10px;
	height: 36px;
	width: 151px;
}
#global-nav ul li#nApplication a {
	padding-right: 10px;
	padding-left: 10px;
	height: 36px;
	width: 110px;
}

#global-nav ul li#nList a {
	padding-right: 10px;
	padding-left: 10px;
	height: 36px;
	width: 76px;
}
#global-nav ul li#nMember a {
	padding-right: 10px;
	padding-left: 10px;
	height: 36px;
	width: 62px;
}


#global-nav ul li a:hover img{
	opacity:0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    background: #fff;

}



/* utility-nav
-------------------------------*/
#utility-nav{
	float: right;
	width: 300px;
	margin-top: 15px;

}

#utility-nav ul li{
	float: left;
	font-size: x-small;
	list-style-type: none;
	background-image: url(../img/top/mark02.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	margin-right: 20px;
}


/* local-nav
-------------------------------*/






/* path
-------------------------------*/
#path {
	text-align: left;
	margin: 0px;
	font-size: 100%;
}





/* sidebar
-------------------------------*/
#sidebar {
	float: right;
	width: 230px;
	padding-bottom: 10px;
	padding-top: 50px;
}
#sidebar #honin {
	border: 1px solid #CCC;
	width: 180px;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
}
#sidebar #honin img {
	margin-bottom: 5px;
}
#sidebar #link {
	margin-top: 20px;
}



/* sidebar01
-------------------------------*/
#sidebar01 {
	float: right;
	width: 260px;
	margin-top: 30px;
	background-color: #f5f5f5;
	height: 600px;
}
#sidebar01 ul {
	margin: 20px;
}
#sidebar01 ul li {
	height: 50px;
	width: 220px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	list-style-type: none;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#sidebar01 .menu #menu01 {
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#sidebar01 .menu #menu11 {
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#sidebar01 .menu #menu21 {
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#sidebar01 .menu #menu31 {
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}




#sidebar01 ul li a {
	color: #666;
	text-decoration: none;
	padding-left: 25px;
	font-size: small;
	font-weight: bold;
	display: block;
	line-height: 3.7em;
	background-image: url(../img/top/bg02.jpg);
}


#sidebar01 ul li a:hover {
	background-image: url(../img/top/bg03.jpg);

}



/* page top
------------------------------------------------------------------------------------- */
#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}






/* footer
-------------------------------*/
#footer{
	line-height: 1.2em;
	clear: both;
	margin-bottom: 30px;
}
#support {
	float: left;
	margin-right: 10px;
	height: 130px;
	width: 1000px;
	margin-bottom: 20px;
}

#footerMenu{
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 20px;
	height: 420px;
}


#footerMenu dl {
	float: left;
	height: 220px;
	width: 190px;
	margin-right: 10px;
}
#footerMenu .menu dt {
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
	font-size: 85%;
}

#footerMenu .menu dd ul li {
	list-style-type: none;
	background-image: url(../img/top/button-b01.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	display: block;
	line-height: 1.8em;
	background-position: left center;
}

#footerMenu .menu dd ul li a{
	font-size: 85%;
	text-decoration: none;
	color: #666;
}

#footerMenu .menu dd ul li a:hover{
	text-decoration: underline;
}




#contact {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 10px;
	text-align: center;
}



/* table
-------------------------------*/
.table01 {
	width: 350px; /* テーブルの横幅 */
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #cccccc solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	float: left;
	margin-bottom: 10px;
} 

.table01 td {
	border: 1px #cccccc solid; /* セルの枠線（太さ・色・スタイル） */
	text-align: center;
	padding: 5px;
} 

.table02 {
width: 500px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #cccccc solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.table02 td {
	border: 1px #cccccc solid;
	padding: 5px;
}



/* text
-------------------------------*/
.red {color:#ff0000;}
.bold {font-weight:bold;}
.text12{font-size:12px;}
.right{
	float: right;
}

.classroom{
  width: 240px;
  height: 18px;
  background-color: #fff0d9;
  border-radius: 0.5em;
  color: #2d2d2d;
  padding: 0.3em;
	margin-bottom: 10px;
	text-align: center;
}

.fax{color:#cc3333;
     font-weight:bold;
}
p.cr1{clear:both;}

.textRED{
	color: red;
	font-size: 110%;
}

.text80{
	font-size: 80%;
	line-height: 0.7;
}

.text90{
	font-size: 85%;
	line-height: 1;
}

.text120{
	font-size: 120%;
	line-height: 1.5;
}