@charset "utf-8";

/*-----------------------------------------------------------------
Base
-----------------------------------------------------------------*/
body{
	font-size:13px;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	color: #000;
	margin: 0px;
	padding:0px;
	line-height:1.5;
	background-color:#D3DFCA;
}

html {
	overflow-y: scroll;
}

h1,h2,h3,h4,p{
	margin: 0px;
	padding:0px;
	text-align:left;
}

body a {color: #003399; text-decoration:none;}
body a:link {color: #003399; text-decoration:none;}
body a:visited {color: #3399CC; text-decoration:none;}
body a:hover {color: #0C6344; text-decoration:none;}
body a[name]:hover {color: #0C6344; text-decoration:none;}

a:focus{
	outline:none;
}

img{
	border:0px;
	vertical-align:bottom;
}

.left{text-align:left;}
.right{text-align:right; margin-right:7px;}
.right p{text-align:right;}
.center{text-align:center;}
.center p{text-align:center;}

/*-----------------------------------------------------------------
Font
-----------------------------------------------------------------*/
.red{color:#FF0000;}
.brown{color:#990000;}
.green{color:#007D00;}
.small_unit {font-size:0.8em; vertical-align:top;}
.big{font-size:120%;}
.big2{font-size:110%;}
.ex_big{font-size:150%;}
.small{font-size:80%;}
.ex_small{font-size:70%;}
.underline{text-decoration:underline;}
.bold{font-weight:bold;}

/*-----------------------------------------------------------------
Space
-----------------------------------------------------------------*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mr15{margin-right:15px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr40{margin-rightt:40px;}
.mt20{margin-top:20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl45{padding-left:45px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pb25{padding-bottom:25px;}
	
/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
.f_right{
	float:right;
	margin:0 0 5px 15px;
}
.f_left{
	float:left;
	margin:0 15px 5px 0;
}
.f_clear:after{
	content: ".";
	display: block;
	height: 0;
	line-height:0;
	clear: both;
	visibility: hidden;
}
.f_clear { display: inline-block; }
/* MacIE begin \*/
*+html div.f_clear{height: 1%;}

* html div.f_clear{height: 1%;}

.f_clear {display: block;}
/* Mac IE end */

/*-----------------------------------------------------------------
Table
-----------------------------------------------------------------*/
table{
	border-spacing:0;
	border-collapse:collapse;
	empty-cells:show;
	margin-left:auto;
	margin-right:auto;
}
td{
	text-align: left;
}

.td_center{
	text-align:center;
}

.td_top{
	vertical-align:top;
}

table.td_indent{
	margin:0 0 0 15px;
}
table.td_indent td{
	text-indent:1em;
}
table.td_indent td img{
	text-indent:0em;
}

.nowrap{
	white-space: nowrap;
}
/*table border_ON*/
table.b_on{
	text-align:left;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#FFF;
	margin:10px 0px 20px 14px;
}
.b_on td,.b_on th{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.b_on td{
	padding:5px 8px;
	text-align:left;
}
.b_on td.td_center{
	text-align:center;
}
.b_on td.td_right{
	text-align:right;
}
.b_on td.td_top{
	vertical-align:top;
}
.b_on th{
	background:#E6E6E6;
	padding:3px 8px;
	font-weight:normal;
	text-align:left;
}
.b_on th.sub{
	background:#F7F7F7;
}
.b_on th.th_left{
	text-align:left;
}
.b_on th.th_center{
	text-align:center;
}


/*--------------------
担当講義・演習
--------------------*/

/*table lec_top*/
table.lec_top{
	text-align:left;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#FFF;
	margin:10px 0px 0px 14px;
}
.lec_top td,.lec_top th{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.lec_top td{
	padding:5px 8px;
	text-align:left;
}

table.lec_top td p.indent2{
	text-indent:1em;
}

.lec_top td ol{
	margin:0 0 0 20px;
}
.lec_top td ol li{
	margin:0 0 3px 0;
}

.lec_top td ul{
	margin:0 0 0 10px;
}

.lec_top td.td_center{
	text-align:center;
}
.lec_top td.td_right{
	text-align:right;
}
.lec_top td.td_top{
	vertical-align:top;
}
.lec_top th{
	background:#E6E6E6;
	padding:3px 8px;
	font-weight:normal;
	text-align:left;
}
.lec_top th.sub{
	background:#F7F7F7;
}
.lec_top th.th_left{
	text-align:left;
}
.lec_top th.th_center{
	text-align:center;
}


/*table lec*/
table.lec{
	text-align:left;
	border-top:none;
	border-left:1px solid #999;
	background:#FFF;
	margin:0px 0px 0px 14px;
}
.lec td,.lec th{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.lec td{
	padding:5px 8px;
	text-align:left;
}

.lec td ol{
	margin:0 0 0 20px;
}
.lec td ol li{
	margin:0 0 3px 0;
}

table.lec td p.indent2{
	text-indent:1em;
}

.lec td ul{
	margin:0 0 0 10px;
}

.lec td.td_center{
	text-align:center;
}
.lec td.td_right{
	text-align:right;
}
.lec td.td_top{
	vertical-align:top;
}
.lec th{
	background:#E6E6E6;
	padding:3px 8px;
	font-weight:normal;
	text-align:left;
}
.lec th.sub{
	background:#F7F7F7;
}
.lec th.th_left{
	text-align:left;
}
.lec th.th_center{
	text-align:center;
}

/*table b_on2*/
table.b_on2{
	text-align:left;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#FFF;
	width:545px;
	margin-bottom:10px;
}

.b_on2 td{
	padding:5px 8px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:left;
	vertical-align:middle;
}

.b_on2 td a img{
	vertical-align:middle;
}


/*table blue_arrow*/
table.blue_arrow{
	text-align:left;
	width:530px;
	margin-bottom:10px;
}
.blue_arrow th{
	background:url(../img/blue_arrow.gif) 0px 11px no-repeat;
	padding:5px 0px 0px 10px;
	vertical-align:top;
}
.blue_arrow td{
	padding:5px 8px 0px 12px;
	text-align:left;
	vertical-align:top;
}

/*.blue_arrow2 td a{
	padding:5px 8px 0px 12px;
	background:url(../img/blue_arrow.gif) 0px 7px no-repeat;
}*/

/*table member_table*/
table.member_table{
	text-align:left;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#FFF;
	margin:10px 0px 20px 14px;
}
.member_table td,.member_table th{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.member_table td{
	padding:5px 8px;
	text-align:left;
}
.member_table th{
	background:#E6E6E6;
	padding:3px 8px;
	font-weight:normal;
	text-align:left;
}
.member_table th.sub{
	background:#F7F7F7;
	text-align:center;
}

/*-----------------------------------------------------------------
Title
-----------------------------------------------------------------*/
#page h2{
	font-size: 18px;
	font-weight: bold;
	padding:8px 5px 0px 10px;
	background:url(../img/h2_bg.jpg) 0px 0px no-repeat;
	width:555px;
	height:43px;
}

#page h3{
	font-size: 15px;
	font-weight: bold;
	padding:4px 5px 0px 10px;
	margin-bottom:10px;
	background:url(../img/h3_bg.jpg) 0px no-repeat;
	width:555px;
	height:26px;
}

#page h4{
	font-size: 13px;
	font-weight: bold;
	background:url(../img/h4_bg.gif) 0px repeat-x;
	padding:5px 5px 0px 5px;
	margin:0px 0px 7px 10px;
	width:550px;
	height:24px;
}

#page h5{
	font-size: 13px;
	font-weight: bold;
	border-left:6px solid #F7EC28;
	padding:0px 5px 1px 5px;
	margin:0px 0px 7px 10px;
	width:540px;
	height:15px;
}

#page h6{
	color:#27581D;
	background:url(../img/sq_2.gif) 0px 4px no-repeat;
	font-size: 13px;
	font-weight: bold;
	padding:0px 5px 0px 13px;
	margin:0px 0px 0px 10px;
	width:540px;
}

#page p{
	margin:0px 10px 10px 20px;
}

#page p.indent2{
	text-indent:1em;
	margin:0px 0px 0px 0px;
}

/*-----------------------------------------------------------------
List
-----------------------------------------------------------------*/
dl{
	margin:0;
}
dt{
	font-weight:bold;
	margin:0;
}
dd{
	margin:0;
}

ol{
	margin:8px 5px 15px 30px;
	padding-left:10px;
}

ol{
	margin:0 0 0 30px;
}
ol li{
	margin:0 0 3px 0;
}
ol.normal{
	margin:15px 0 15px 50px;
}

ul{
	margin:8px 5px 15px 30px;
	padding-left:10px;
}
ol li{
	margin:0 0 3px 0;
}

/*-----------------------------------------------------------------
Common
-----------------------------------------------------------------*/
/*--P--*/
p{
	margin:0px;
}

p.normalP{
	margin:0px 11px 16px 5px;
}

p.normalP2{
	margin:0px 11px 16px 28px;
}

p.indent{
	text-indent:1em;
}


div.notice{
	background-color:#FFCCCC;
	border:1px solid #FF6666;
	padding:10px 20px;
	width:500px;
	margin:0px auto 10px auto;
}

/*--page_link--*/
#page_link{
	width: 570px;
	padding:0;
	margin:0px 0px 10px 0px;
}
#page_link dl{
	width:520px;
	margin:0px 0px 0px 20px;
	padding:0;
}
#page_link dt{
	margin-bottom:3px;
}
#page_link dd{
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
	padding-bottom:5px;
}
#page_link ul{
	margin:0px 0px 0px 20px;
	padding:0;
}
#page_link ul li{
	list-style-type:none;
	background:url(../img/page_arrow.gif) 0px 0px no-repeat;
	display:inline;
	font-size:11px;
	padding:1px 8px 0px 15px;
	margin:0px;
}

/*--pageup--*/
.pageup{
	width: 570px;
	padding:10px 0px 15px 0;
	text-align: right;
}

/*-----------------------------------------------------------------
枠
-----------------------------------------------------------------*/
#framework{
	width:810px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	border-top:5px solid #007D00;
}

/*-----------------------------------------------------------------
共通
-----------------------------------------------------------------*/
#header{
	width: 810px;
	height:117px;
	margin:0 auto;
	background:url(../img/head_bg.jpg) 317px 0px no-repeat;
}

#title{
	float: left;
	padding: 18px 0px 16px 13px;
}

#header_r{
	width:250px;
	height:117px;
	float:right;
	padding: 0px 0px 0px 0px;
}

#header_r p{
	text-align:right;
	padding: 45px 15px 10px 0px;
}

#header_r ul{
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0;
}

#header_r ul li{
	display:inline;
}

/*--------------------
l_side
--------------------*/
#l_side{
	clear:both;
	width: 185px;
	padding-left:15px;
	float: left;
}
#h_contents{
	margin:2px 0 2px 0px ;
}
#menu{
	width: 180px;
}

/*--------------------------
グリーンのメニュー
--------------------------*/
#menu ul.mainmenu{
	list-style-type:none;
	padding:0;
	margin:0 0 20px 0;
}

#menu ul.mainmenu li{
	width:178px;
	background-color:#C9ECBF;
	margin-bottom:5px;
	list-style-type:none;
}

#menu ul.mainmenu li div{
	width: 176px;
/*	background: url(../img/menu_bg.gif) left top repeat-x #5AB500;*/
	border: 1px solid #8CD577;
	padding:1px;
}

#menu ul.mainmenu li div span{
	font-weight:bold;
	font-size: 110%;
	display:block;
	background: url('../img/menu_arrow.gif') 10px 0.3em no-repeat;
	padding-left:22px;
}

#menu ul.mainmenu li div a{
	color:#FFF;
	display:block;
	background:url(../img/menu_bg.png) left top repeat-x #5AB500;
	padding: 5px 15px 5px 0px;
}

#menu ul.mainmenu li div a:hover{
	background:#A9D87A;
	background:url(../img/menu_bg_ro.png) left top repeat-x #D2EBBA;
}
/*
*/





ul.banner{
/*	border: 2px dotted #57AE00;*/
	width:166px;
	padding:15px 5px 0px 5px;
	margin:0 0 30px 0;
	list-style-type:none;
}

ul.banner li{
	margin-bottom:5px;
}
#menu dl{
	width:166px;
	margin: 0 15px;
}
#menu dl dt{
	margin-top: 20px;
	line-height:120%;
}
#menu dl dd{
	margin-bottom:10px;
	line-height:120%;
}
#menu .sideinq{
	width:138px;
	margin-right:19px;
	margin-left:19px;
	margin-top:20px;
	margin-bottom:40px;
	border:solid 3px #C8DEB8;
}
#menu .sideinq p{
	padding:8px;
	background:#F0F6EC;
}
/*--------------------
r_side
--------------------*/
#r_side{
	width: 575px;
	float:right;
	padding-right:15px;
	margin-top:2px;
	margin-bottom:25px;
	/*overflow: hidden;
	_zoom: 1;*/
}


/*--------------------
footer
--------------------*/
#footer{
	clear:both;
	width:810px;
	margin:0 auto;
	border-top:1px solid #D1D1D1;
}

#footer ul{
	text-align: center;
	padding:0px 0px 3px 0px;
	margin:10px 0px 5px 0px;
}

#footer ul li{
	display:inline;
	font-size:11px;
	background:url(../img/sq_1.gif) 0px no-repeat;	
	padding: 0px 5px 0px 12px;
}

#footer ul li.first{
	background:none;
	padding: 0px 5px 0px 0px;
}

#copyright{
	font-size:75%;
	padding: 3px 0px 10px 0px;
	text-align:center;
}



/*--------------------
20210225
--------------------*/
/*----------------------------------------------------
    #mainVisual
----------------------------------------------------*/
#mainVisual {
  position: relative;
  z-index: 1;
  width: 570px;
  height: 268px;
  overflow: hidden;
  margin-bottom: 15px;
}

/*  #topVisual > #loading
----------------------------------------------------*/
#mainVisual #loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 570px;
  height: 268px;
  z-index: 1;
  background: #fff;
  -webkit-transition: opacity 0.6s linear;
  transition: opacity 0.6s linear;
}

#mainVisual #loading div {
  width: 570px;
  height: 268px;
  background: #fff url(../img/bg_loading01.gif) no-repeat 50% 50%;
  -webkit-transition: opacity 0.6s linear;
  transition: opacity 0.6s linear;
}

#mainVisual #loading div.hide {
  opacity: 0;
}

#mainVisual #loading.hide {
  opacity: 0;
}

/*  #mainVisual > .secSlides
----------------------------------------------------*/
#mainVisual .secSlides {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 570px;
  height: 268px;
  overflow: hidden;
}

#mainVisual .secSlides ul {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 570px;
  height: 268px;
  margin: 0;
}

#mainVisual .secSlides li {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 570px;
  height: 268px;
  list-style-type: none;
}

#mainVisual .secSlides li img {
  width: 570px;
  height: auto;
}

#mainVisual .secSlides .currentSlide {
  z-index: 5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}

#mainVisual .secSlides .activePrev .currentSlide,
#mainVisual .secSlides .activeNext .currentSlide {
  opacity: 0;
}

#mainVisual .secSlides .prevSlide,
#mainVisual .secSlides .nextSlide {
  z-index: 4;
}