@charset "utf-8";
/* CSS Document */






/*スクロール*/


.top a:link {
	color: #fff;
}

.top a:visited {
	color: #fff;
}


.toTop {
	width: 70px;
	height: 45px;
	padding-top: 25px;
	text-align: center;
  display: inline-block;
  background: #a4a4a4;
  cursor: pointer;
  border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: fixed;
	bottom: 60px;
    right: 40px;
}

.toTop:hover {	
	background-color: #8a9199;	
	opacity: 1;
  filter: alpha(opacity=100);
}

/*うっすら消えるリンク*/
a {  
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}

a:hover {
  opacity: 0.5;
  filter: alpha(opacity=60);
}






/*パンくずリスト*/
.pankuzu {
	width: 1060px;
	margin-top: 5px;
	margin-bottom: 45px;
	font-size: 80%;
	margin-left: auto;
	margin-right: auto;
}

.pankuzu:after {
	content: "";
	display: block;
	clear: both;
}

.pankuzu ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pankuzu li {
	float: left;
	padding: 0;
	margin: 0;
}

.pankuzu li + li:before {
    margin: 0 5px;
    content: ">";
	padding: 0;
}

/* ページ内共通部分 */

.pageimage {
	max-width: 1400px;
	margin: 0 auto 0 auto;
	padding: 0;
}

.pageback {
	height: 25px;
	max-width: 100%;
	/*background-image:url(../work/image/page_back.png);*/
	background-color: #f4f4f4;
	margin-bottom: 10px;
	padding: 0;
	margin-top: 0;
}

.maintitle {
	max-width: 200px;
	margin-left: 200px;
	margin-bottom: 35px;
}

#all {
	max-width: 1060px;
	margin: 0 auto 60px auto;
	padding: 0;
	/*height: 2100px*/
}

#all_main {
	max-width: 840px;
	float: left;
}

#all:after {
  content: "";
  display: block;
  clear: both;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 120%;
}

.toptitle {
	margin: 0 0 10px 0;
	
}


.title {
	margin: 0 0 5px 0;
	padding-left: 15px;
	
}

.main {
	line-height: 1.9;
	margin: 0 0 60px 0;
	padding-left: 25px;
	padding-right: 25px;
}


decimal {
	list-style-type: decimal;
}

.decimal li {
	padding-bottom: 15px;
	margin-left: 25px;	
}

.disc {
	list-style-type: disc;
}

.disc li {
	padding-bottom: 15px;
	margin-left: 25px;	
	
}

.under {
	width: 25%;
	border-bottom: #333333 1px solid;
	border-left: #333333 1px solid;
}

.bar1 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #9a9a9a;
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}
	
.border {
	max-width: 840px;
	height: 5px;
	background-color: #414141;
	border-left: #d7dc49 15px solid;
	margin-bottom: 15px;
}	

/* 共通サブメニュー --*/
.submenu {
	width: 220px;
	float: left;
}

.submenu_link {
	width: 220px;
	margin: 0 0 60px 0;
	padding: 0;
	font-size: 120%
}

.submenu_link li {
	padding: 0 0 25px 9px;
	margin: 0;
}

.submenu_link2 {
	width: 220px;
	margin: 0;
	padding: 0;
	font-size: 120%
}

.submenu_link2 li {
	padding: 9px 0 0 5px;
	margin: 0 0 25px 0;
	width: 150px;
	height: 60px;
}


.submenu_link2 li:hover {
	background-color: #f4f4f4;
}

#submenu_link2_2 {
	padding: 25px 0 0 5px;
	margin: 0 0 25px 0;
	width: 150px;
	height: 44px;
}

#submenu_link2_2 li:hover {
	background-color: #f4f4f4;
}



.spNone_pc {
	display: none;
}

/*メディアクエリ設定*/
@media (max-width: 900px) {
	
#all {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	
}

#all_main {
	width: 100%;
	float: none;
}	

#all:after {
  display: none;
}


.pageimage {
	max-width: 728px;
	margin: 0 auto 0 auto;
	padding: 0;
	height: auto;
}
	
.maintitle {
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}
	
	
.submenu {
	width: 100%;
	float: none;
}

.submenu_link {
	width: 100%;
}


.spNone {
	display:none;
}

.spNone_pc {
	display: block;
}

.pc {
	display: none;
}

.top {
	display: none;
}

/*サブメニューの一部をアコーディオンに*/	
.acordion_sb {
 background:#fff;
 display: block;
 margin-bottom: 70px;
}
 
.trigger_sb {
    padding:10px 0 0 0;
	border-bottom:1px solid #cfcfcf;
}
 
.trigger_sb.active {
    border-bottom:1px solid #cfcfcf;
}
 
.acordion_tree_sb {
    padding:10px 10px 0 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #555;
	line-height: 180%;
}
 
.open-close_sb {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:10px;
	margin-right: 5px;
    height:11px;
    width:20px;
    background:url(../image/yajirushi2_sita.png) no-repeat;
    -webkit-background-size: 16px 9px;
}
 
.trigger_sb.active .open-close_sb {
    background:url(../image/yajirushi2_ue.png) no-repeat;
    -webkit-background-size: 16px 9px;
}


.tree_title_sb {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 120%;
	margin-bottom: 10px;
	color: #222;
}

li.s_title_2 {
	margin: 0;
}

li.s_teacher {
	margin: 10px 0 10px 0;
}

.submenu_link2 {
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 100%
}

.submenu_link2 li {
	padding: 5px 0 5px 5px;
	margin: 0 0 10px 10px;
	width: auto;
	height: auto;
}



#submenu_link2_2 {
	padding: 5px 0 5px 5px;
	margin: 0 0 20px 10px;
	width: auto;
	height: auto;
}



}

/* 研究  ホーム */

.toptitle_r {
	margin: 0 0 20px 0;
	
}


.main_r {
	line-height: 1.9;
	margin: 0 0 30px 0;
	padding-left: 25px;
	padding-right: 25px;
}

.main_r_last {
	line-height: 1.9;
	margin: 0 0 60px 0;
	padding-left: 25px;
	padding-right: 25px;
}

.title_day {
	margin: 0 0 10px 15px;
	padding-left: 3px;
	
}

.member {
    width: 100%;
    border-left: #0d69a9 5px solid;
}

.border_h {
	max-width: 840px;
	height: 5px;
	background-color: #414141;
	border-left: #d7dc49 15px solid;
	margin-bottom: 20px;
}	

.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 10px;
height: 0;
overflow: hidden;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*アコーディオン*/
@media (max-width: 900px) {



.toptitle {
	margin: 0 0 5px 0;
	
}

.acordion {
 background:#fff;
 display: block;
 margin-bottom: 30px;
}
 
.trigger {
    padding:10px 0 0 10px;
	margin-bottom: 10px;
	border-bottom:1px solid #cfcfcf;
}
 
.trigger.active {
    border-bottom:1px solid #cfcfcf;
}
 
/*.acordion_tree {
    padding: 10px;
	background-color: #C6EAC9;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #555;
	line-height: 180%;
}
*/ 
.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:8px;
	margin-right: 5px;
    height:11px;
    width:20px;
    background:url(../image/yajirushi2_sita.png) no-repeat;
    -webkit-background-size: 16px 9px;
}
 
.trigger.active .open-close {
    background:url(../image/yajirushi2_ue.png) no-repeat;
    -webkit-background-size: 16px 9px;
}
	
}


/* 教育 */
.main_l {
	line-height: 1.9;
	margin: 0 0 40px 0;
	padding-left: 25px;
	padding-right: 25px;
}
	


/* 活動 */

.main_a {
	line-height: 1.9;
	margin: 0 0 20px 0;
	padding-left: 25px;
	padding-right: 25px;
}

.main_a_last {
	line-height: 1.9;
	margin: 0 0 60px 0;
	padding-left: 25px;
	padding-right: 25px;
}


/*企業一覧*//**
#kigyou {
	width: 791px;
	margin: 10px auto 0 auto;
	padding-bottom: 20px;
}

#kigyou:after {
	content: "";
	display: block;
	clear: both;
}

#kigyou p {
	padding: 20px 0 10px 26px;
	font-size: 120%;
	font-weight: normal;
	color: #01579b;
	background-repeat: no-repeat;
	background-position: left 20px;
	background-image: url(../delivery/image/ki.png);
}


#kigyou ul{
	padding: 0;
	list-style: none;
	margin: 0 -45px 10px 0;
}

#kigyou li {
	width: 233px;
	float: left;
	margin: 0 45px 10px 0;
}



.title_t2 {
	font-size: 180%;
	width: 300px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	font-weight: normal;
	border-bottom: solid 2px #B0DDEB;
}



.title_t_s {
	width: 590px;
	position: relative;
	padding-left: 400px;
	margin-top: 20px;
}

.title_t2_s {
	font-size: 180%;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 110px;
	padding-right: 55px;
	font-weight: normal;
	position: absolute;
	top: 5px;
	left: 340px;
	border-bottom: solid 2px #B0DDEB;
}


.title_t2_de {
	width: 400px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 5px;
	font-size: 180%;
	font-weight: normal;
	border-bottom: solid 2px #B0DDEB;
}


.title_t2_de_new {
	width: 400px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 5px;
	font-size: 180%;
	font-weight: normal;
	border-bottom: solid 2px #B0DDEB;
}

.title_t_pp {
	width: 650px;
	position: relative;
	padding-left: 320px;
	margin-top: 20px;
}

.title_t2_pp {
	font-size: 180%;
	margin: 0;
	padding: 0 60px 20px 100px;
	font-weight: normal;
	position: absolute;
	top: 5px;
	left: 265px;
	border-bottom: solid 2px #B0DDEB;
}

.pp_text {
	margin: 60px 0 0 0;
}

.h3center {
	text-align: center;
	font-size: 180;
	padding: 60px;
}
.h3center_de {
	text-align: center;
	font-size: 180;
	padding: 60px 60px 10px 60px;
}

.new {
	width: 190px;
	margin: 0 auto 50px auto;
	border: 1px solid #B0DDEB;
	text-align: center;
}

.new a {
	display: inline-block;
	padding: 20px 30px;
}

.new:hover {
	background-color: #C2E8ED;
}
.list-container {
    width: 980px;
    margin: 20px 0 0 0;
}

.list-container:after {
	content: "";
	display: block;
	clear: both;
}
 
.list-container ul {
	 width: 1035px;
	 padding: 0;
    margin: -20px -40px 0 0;
}
 
.list-container ul li {
    width: 300px;
    float: left;
    list-style: none;
	margin: 20px 40px 30px 0;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url(../delivery/image/de1.png);
}

.list-container ul li:nth-of-type(2)  {
	background-image: url(../delivery/image/de2.png);	
}
.list-container ul li:nth-of-type(3)  {
	background-image: url(../delivery/image/de3.png);	
}
.list-container ul li:nth-of-type(4)  {
	background-image: url(../delivery/image/de4.png);	
}
.list-container ul li:nth-of-type(5)  {
	background-image: url(../delivery/image/de5.png);	
}
.list-container ul li:nth-of-type(6)  {
	background-image: url(../delivery/image/de6.png);	
}
.list-container ul li:nth-of-type(7)  {
	background-image: url(../delivery/image/de7.png);	
}
.list-container ul li:nth-of-type(8)  {
	background-image: url(../delivery/image/de8.png);	
}
.list-container ul li:nth-of-type(9)  {
	background-image: url(../delivery/image/de9.png);	
}


.list-container2 {
    width: 980px;
    margin: 20px 0 0 0;
}

.list-container2:after {
	content: "";
	display: block;
	clear: both;
}
 
.list-container2 ul {
	 width: 1080px;
	 padding: 0;
    margin: 0 -90px 0 0;
   
}
 
.list-container2 ul li {
    width: 450px;
    float: left;
    list-style: none;
	margin: 0 90px 80px 0;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url(../delivery/image/de1.png);
}

.list-container2 ul li:nth-of-type(2)  {
	background-image: url(../delivery/image/de2.png);	
}

.list-container2 ul li:nth-of-type(3)  {
	background-image: url(../delivery/image/de3.png);	
}

.list-container2 ul li:nth-of-type(4)  {
	background-image: url(../delivery/image/de4.png);	
}


.list-container3 {
    width: 980px;
    margin: 20px 0 0 0;
}

.list-container3:after {
	content: "";
	display: block;
	clear: both;
}
 
.list-container3 ul {
	 width: 1080px;
	 padding: 0;
    margin: -20px -100px 0 0;
   
}
 
.list-container3 ul li {
    width: 440px;
    float: left;
    list-style: none;
	margin: 20px 100px 50px 0;
	padding: 0 0 30px 0;
	background-repeat: no-repeat;
	background-size: 20px 23px;
	background-image: url(../aqua/image/aqua.png);
	background-position: 0 0;
	border-bottom: 1px solid #DFDFDF;
}



.midashi {
	font-size: 120%;
	font-weight: normal;
	color: #01579B;
	padding: 0 0 10px 25px;
	display: inline-block;
}

.midashi3 {
	line-height: 20px;
	padding-top: 0px;
}

.midashi_aqua {
	font-size: 120%;
	font-weight: normal;
	color: #01579B;
	padding: 0 0 10px 25px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 20px 23px;
	background-image: url(../aqua/image/aqua.png);
	background-position: 0 0;
}




#box_1 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#box_1:after {
	content: "";
	display: block;
	clear: both;
}

#box_2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#box_2:after {
	content: "";
	display: block;
	clear: both;
}


#box_3 {
	width: 619px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	padding-bottom: 60px;
}

#box_3_2 {
	width: 619px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	padding-bottom: 60px;
}

#box_4 {
	width: 332px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 60px;
}




.box_1_in {
	padding-bottom: 70px;
	width: 440px;
	float: left;
	border-bottom: 1px solid #DFDFDF;
	
}

.box_1_in_2 {
	padding-bottom: 27px;
	width: 440px;
	float: left;
	margin-left: 80px;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 70px;
}


.box_2_in {
	margin-bottom: 70px;
	width: 440px;
	float: left;
}


.box_2_in_2 {
	margin-bottom: 70px;
	width: 440px;
	float: left;
	margin-left: 80px;
}


.box_text {
	width: 300px;
	height: 120px;
	color: #5D6165;
}

.box_text2 {
	width: 440px;
	height: 220px;
	color: #5D6165;
}


.box1_text {
	margin-bottom: 50px;
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	padding: 20px;
	letter-spacing: 2px;
	width: 918px;
}



.img {
	margin-top: 10px;
	bottom: 0;
	text-align: center;
}

.img_2 {
	margin-top: 10px;
	text-align: center;
}

.imgcenter {
	margin: 50px auto;
	width: 723px;
}


.list {
	width: 700px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px
}


.list table {
	width: 700px;
	border-collapse: collapse;
	border: solid 1px #e3e3e3;
}
	
.list th.t_top {
	border-top: #B4DFEC 4px solid;
}

.list th {
	border-bottom: #e3e3e3 1px dotted;
	border-right: #e3e3e3 1px solid;
	text-align: center;
	padding: 20px;
	font-weight: normal;
	width: 30%;
	background-color: #F1F1F1;
}

.list td.t_top {
	border-top: #b3b3b3 4px solid;
}

.list td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 20px;
}

.c_center {
	width: 850px;
	height: 100%;
	font-size: 15px;
	padding: 60px 65px 30px 65px;
}

.c_center form input[size="30"] {
    width:250px;
}

.c_center form input[size="50"] {
    width:350px;
}

.c_center form textarea[cols="70"] {
    width:500px;
}

.t_contact {
	margin-top: 20px;
	margin-bottom: 10px;
	 width: 100%;
	 table-layout: fixed;
}

.t_contact th {
	padding: 6px;
	width: 25%;
	text-align: center;
	vertical-align: middle;
	color: #464646;
	background-color: #EDEDED;
	font-weight: normal;
}

.t_contact td {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #444;
}

.t_contact td.jusho {
	padding: 6px;
	text-align: right;
	vertical-align: top;
	color: #444;
	
}



.link_icon {
	width: 980px;
	margin-top: 100px;
}

.link_icon ul {
	width: 984px;
	padding-left: 0;
	list-style: none;
	margin-right: -4px;
	_zoom: 1;

}

.link_icon ul:after {
	content: "";
	display: block;
	clear: both;
}

.link_icon li {
	margin-right: 4px;
	float: left;
	
}

.top {
	text-align: right;
}

.top a:link {
	color: #fff;

}
.top a:visited {
	color: #fff;
}


.toTop {
  display: inline-block;
  background: #B4DFEC;
  padding: 10px;
  cursor: pointer;
  border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	position: fixed;
	bottom: 60px;
    right: 40px;
}

.toTop:hover {	
	background-color: #A6D8E7;	
}

h3,h5 {
	font-size: 150%;
	font-weight: normal;
	color: #898C9B;
}


p {
	margin: 0;
	padding: 0;
}

.p_10 {
	margin-top: 10px;
	padding: 0;
}

.deco {
	color: #737373;
	font-size: 120%;
	border-bottom: solid 1px;
	border-bottom-color: #B0DDEB;
	width: 100%;
}

.deco_y {
	color: #B0DDEB;
	font-size: 180%;
	font-weight: bold;
}


span {
	font-size: 9px;
}

.text_des {
	font-size: 12px;
	text-align: right;
}
**/