@charset "utf-8";
/*-------------------------------------------------*/
/*(C) A.C.Planet Inc. All rights reserved.*/
/*--------------------------------------------------*/

/*メインビジュアル
----------------------------------------*/
/*common*/
.hue #bg-mainvisual, .aue #bg-mainvisual, .tgu #bg-mainvisual, .oue #bg-mainvisual {
	height: 326px;
}
.hue #mainvisualcontainer, .aue #mainvisualcontainer, .tgu #mainvisualcontainer, .oue #mainvisualcontainer {
	width: 100%;
	margin: 0 auto;
	height: 326px;
	position: relative;
}
.hue #mainvisual, .aue #mainvisual, .tgu #mainvisual, .oue #mainvisual {
	width: 980px;
	margin: 0 auto 0;
	position: relative;
	top: 45px;
	left: 0;
}
.hue #maincontainer, .aue #maincontainer, .tgu #maincontainer, .oue #maincontainer {
	padding: 20px 0 0;
}
/*hato setting*/
.hato #bg-mainvisual {
	background: url(../imgs/top/bg_mainvisual.png) repeat-x bottom;
	height: 386px;
}
.hato #mainvisual {
	width: 980px;
	margin: 0 auto 0;
	padding: 6px 0 0;
}
/*hue setting*/
.hue #mainvisualcontainer {
	background: url(../hue/imgs/top/bg_mv.png) no-repeat top;
}
/*aue setting*/
.aue #mainvisualcontainer {
	background: url(/center/hato/imgs/top/bg_mv.png) no-repeat top;
}
/*tgu setting*/
.tgu #mainvisualcontainer {
	background: url(../tgu/imgs/top/bg_mv.png) no-repeat top;
}
/*oue setting*/
.oue #mainvisualcontainer {
	background: url(../oue/imgs/top/bg_mv.png) no-repeat top;
}
#mainvisual img {
}
/*common*/
.top-maincontents {
	width: 980px;
	margin: 0 auto;
}
.hue .top-maincontents, .aue .top-maincontents, .tgu .top-maincontents, .oue .top-maincontents {
	background: url("../imgs/base/bg_submenu.gif") repeat-y scroll left center;
	padding: 0 0 50px;
}
/*hato*/
.hato .top-maincontents {
	/*	padding:30px 162px 0;*/
	padding: 30px 0 0;
}
/*共通パーツ*/
.ichiran {
	float: right;
	border-radius: 3px;
	background: #339966; /* Old browsers */
	background: -moz-linear-gradient(top, #339966 53%, #25724c 87%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #339966), color-stop(87%, #25724c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #339966 53%, #25724c 87%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #339966 53%, #25724c 87%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #339966 53%, #25724c 87%); /* IE10+ */
	background: linear-gradient(to bottom, #339966 53%, #25724c 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339966', endColorstr='#25724c', GradientType=0 ); /* IE6-9 */
}
.ichiran a {
	background: url(../imgs/top/ic_ichiran.png) no-repeat 95% 0.6em;
	padding: 0 24px 0 10px;
	font-size: 12px;
	line-height: 26px;
	color: #FFF !important;
	text-decoration: none;
	display: block;
}
.ichiran a:hover {
	text-decoration: underline;
	color: #FF0;
}
/*hato*/
.hato .ichiran {
	background: #339966; /* Old browsers */
	background: -moz-linear-gradient(top, #339966 53%, #25724c 87%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #339966), color-stop(87%, #25724c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #339966 53%, #25724c 87%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #339966 53%, #25724c 87%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #339966 53%, #25724c 87%); /* IE10+ */
	background: linear-gradient(to bottom, #339966 53%, #25724c 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339966', endColorstr='#25724c', GradientType=0 ); /* IE6-9 */
}
.hato .ichiran a:hover {
	color: #FF0;
}
/*hue*/
.hue .ichiran {
	background: #1166B2; /* Old browsers */
	background: -moz-linear-gradient(top, #1166B2 53%, #0D4F8A 87%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #1166B2), color-stop(87%, #0D4F8A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1166B2 53%, #0D4F8A 87%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1166B2 53%, #0D4F8A 87%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1166B2 53%, #0D4F8A 87%); /* IE10+ */
	background: linear-gradient(to bottom, #1166B2 53%, #0D4F8A 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1166B2', endColorstr='#0D4F8A', GradientType=0 ); /* IE6-9 */
}
.hue .ichiran a:hover {
	color: #FF0;
}
/*aue*/
.aue .ichiran {
	background: #3341A2; /* Old browsers */
	background: -moz-linear-gradient(top, #3341A2 53%, #192576 87%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #3341A2), color-stop(87%, #192576)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3341A2 53%, #192576 87%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3341A2 53%, #192576 87%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3341A2 53%, #192576 87%); /* IE10+ */
	background: linear-gradient(to bottom, #3341A2 53%, #192576 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3341A2', endColorstr='#192576', GradientType=0 ); /* IE6-9 */
}
.aue .ichiran a:hover {
	color: #FF0;
}
/*tgu*/
.tgu .ichiran {
	background: #7B3A89; /* Old browsers */
	background: -moz-linear-gradient(top, #7B3A89 53%, #61226C 87%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #7B3A89), color-stop(87%, #61226C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7B3A89 53%, #61226C 87%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7B3A89 53%, #61226C 87%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7B3A89 53%, #61226C 87%); /* IE10+ */
	background: linear-gradient(to bottom, #7B3A89 53%, #61226C 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7B3A89', endColorstr='#61226C', GradientType=0 ); /* IE6-9 */
}
.tgu .ichiran a:hover {
	color: #FF0;
}
/*oue*/
.oue .ichiran {
	background: #A62B2B; /* Old browsers */
	background: -moz-linear-gradient(top, #A62B2B 53%, #872323 87%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #A62B2B), color-stop(87%, #872323)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #A62B2B 53%, #872323 87%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #A62B2B 53%, #872323 87%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #A62B2B 53%, #872323 87%); /* IE10+ */
	background: linear-gradient(to bottom, #A62B2B 53%, #872323 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A62B2B', endColorstr='#872323', GradientType=0 ); /* IE6-9 */
}
.oue .ichiran a:hover {
	color: #FF0;
}
/*---- 活動報告 -----*/
.top-report {
	background: url(../imgs/top/bg_report.gif);
	margin: 0 0 20px;
	padding: 17px 20px 20px;
	border-radius: 4px;
}
.top-report h3 {
	padding: 0 0 14px 0;
}
.top-repo-img {
	float: left;
	width: 188px;
	margin: 0 20px 0 0;
}
.top-report .top-repo-dl {
	float: right;
	width: 230px;
}
/*IR部門＆研修交流支援部門 共通*/
.top-report-box .header {
	margin: 0 0 10px;
}
.top-report-box h2 {
	float: left;
	width: 120px;
	margin: 4px 0 0;
}
#top-l, #top-r {
	width: 440px;
	color: #FFF;
}
#top-l a, #top-r a {
	color: #FFF;
	text-decoration: none;
}
#top-l a:hover, #top-r a:hover {
	color: #FF3;
	text-decoration: underline;
}
/*IR部門*/
#top-l {
	float: left;
}
/*研修交流支援部門*/
#top-r {
	float: right;
}
/*先導的実践プログラム*/
.top-project-index h3 {
	padding: 0 0 14px 0;
	width: 217px;
	height: 16px;
	float: left;
}
.project-ichiran a {
	display: block;
	width: auto;
	float: right;
	background: #FFF;
	font-size: 11px;
	padding: 1px 10px;
	text-decoration: none;
	border-radius: 5px;
}
.project-ichiran a:hover {
	background: #339966;
	color: #FFF;
}
.bx-wrapper {
	height: 200px;
}
.bx-wrapper .bx-viewport {
	height: 210px !important;
	background: url(../imgs/top/bg_report.gif) !important;
	border: none;
	box-shadow: none;
}
.slider {
	margin: 0;
}
/*.slider li:not(.bx-clone){
	padding: 0 0 0 20px;
}*/
.top-project-report {
	background: #FFF;
	width: 930px;
	display: table;
	border-radius: 5px;
	box-shadow: 0 0 5px #000;
	display: none;
}
.top-project-report .header {
	background: url(../imgs/top/bg_report.gif);
	border-bottom: 1px solid #666;
	border-radius: 5px 5px 0 0;
	padding: 10px;
}
.top-project-report h1 {
	font-size: 120%;
	color: #FFF;
	width: auto;
	float: left;
}
.close a {
	display: block;
	float: right;
	width: auto;
	background: #FFF;
	padding: 1px 10px;
	color: #2F8E5E;
	text-decoration: none;
	margin: 0 10px 0 0;
}
.top-hue-project-report, .top-aue-project-report, .top-tgu-project-report, .top-oue-project-report {
	width: 23%;
	display: table-cell;
	padding: 1%;
}
.top-hue-project-report dl, .top-aue-project-report dl, .top-tgu-project-report dl, .top-oue-project-report dl {
	padding: 10px 0;
	border-bottom: 1px dotted #666;
}
.top-hue-project-report dt, .top-aue-project-report dt, .top-tgu-project-report dt, .top-oue-project-report dt {
	font-size: 11px;
	line-height: 14px;
	padding: 0 5px;
}
.top-hue-project-report dd, .top-aue-project-report dd, .top-tgu-project-report dd, .top-oue-project-report dd {
	padding: 5px 8px 0;
}
.top-hue-project-report dd a, .top-aue-project-report dd a, .top-tgu-project-report dd a, .top-oue-project-report dd a {
	text-decoration: none;
}
.top-hue-project-report h2, .top-aue-project-report h2, .top-tgu-project-report h2, .top-oue-project-report h2 {
	color: #FFF;
	padding: 3px 10px 3px 10px;
	border-radius: 5px 5px 0 0;
}
.top-hue-project-report h2 {
	background: #1166B2;
}
.top-aue-project-report h2 {
	background: #000099;
}
.top-tgu-project-report h2 {
	background: #6D1D7B;
}
.top-oue-project-report h2 {
	background: #A62B2B;
}
.top-hue-project-report {
	width: 25%;
}
.top-aue-project-report {
	width: 25%;
}
.top-tgu-project-report {
	width: 25%;
}
.top-oue-project-report {
	width: 25%;
}
.top-repo-area {
	background: #FFF;
	border-radius: 5px;
	width: 200px;
	padding: 10px;
	float: left;
	margin: 0 20px 0 0;
}
.top-repo-area dt {
	text-align: center;
	margin: 0 0 10px 0;
}
.top-repo-area dd {
}
.top-project-more {
	text-align: center;
	padding: 5px 0 0;
}
.top-project {
	padding: 10px 0 0;
}
.top-project .program {
	font-size: 11px;
	background: url(../imgs/common/ic_linklist_s.png) no-repeat 0 0.7em;
	padding: 0 0 0 10px;
	margin: 0;
	text-align: left;
}
.top-project .time {
	font-size: 11px;
	margin: 0 0 0;
}
.top-project .repo-title {
	border-bottom: 1px solid #DDD;
	padding: 0 0 10px;
}
.oue-repo {
	float: right;
	margin: 0 0 0 0 !important;
}
/*ホバー用*/
.top-hue-project-list, .top-aue-project-list, .top-tgu-project-list, .top-oue-project-list {
	position: relative;
}
.top-common-project-list {
	position: absolute;
	left: 0;
	width: 200px;
	padding: 0 10px 10px;
	background: #FFF;
	margin: 0 0 0 -11px;
	border-bottom: 1px solid #2E875A;
	border-right: 1px solid #2E875A;
	border-left: 1px solid #2E875A;
}
/* setting */
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	background: #FFF !important;
	text-indent: -9999px;
	text-indent: 0px !important;
	display: block;
	width: 10px;
	width: auto !important;
	height: 10px;
	height: auto !important;
	margin: 0 5px;
	outline: 0;
	padding: 0 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	color: #396 !important;
	text-decoration: none !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
	background: #CCC !important;
	color: #000 !important;
}
/*お知らせ関係*/
.hato-info {
	width: 475px;
	float: left;
}
.univ-info {
	width: 475px;
	float: right;
}
.hato-info .header, .univ-info .header {
	background: url(../imgs/top/li_info.gif) no-repeat bottom;
	padding: 0 0 12px 0;
}
.hato-info .header h2 {
	width: 114px;
	float: left;
	margin: 4px 0 0;
}
.univ-info .header h2 {
	width: 282px;
	float: left;
	margin: 4px 0 0;
}
.news-list {
	padding: 13px 0 0 0;
}
.news-list dl {
	padding: 0 0 18px 0;
}
/*---- project -----*/
/*common*/
.dl-index {
	margin: 15px 0 0 0;
}
.dl-index dl {
	background: #FFF;
	border-radius: 4px 4px 0 0;
	width: 363px;
	margin: 0 0 15px 0;/*	min-height:158px;:*/
}
.dl-index dt {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
	border-radius: 5px 5px 0 0;
	padding: 9px 10px 9px 9px;
}
.dl-index dt img {
	display: block;
	margin: 0 0 0 14px;
}
.dl-index dt span {
	display: block;
	background: url(/center/hato/imgs/top/ic_project_dt.png) no-repeat 0 0.5em;
	padding: 4px 0 0 10px;
	font-size: 100%;
	line-height: 1.3em;
}
.dl-index a {
	border-radius: 5px 5px 0 0;
	display: block;
	text-decoration: none;
}
.dl-index dd {
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
}
.project-detail {
	float: left;
	width: 186px;
	padding: 10px;
}
.index-l {
	float: left;
}
.index-r {
	float: right;
}
/*hato*/
.hato .dl-index dl {
	background: #FFF;
	border-radius: 4px 4px 0 0;
	width: 480px;
	margin: 0 0 15px 0;
	border: 2px solid #C5E6BF;
}
.hato .dl-index dt {
	background: #EBF5E9;
	background-image:url(../imgs/common/ic_linklist.png) ;
	background-repeat: no-repeat;
	background-position: 15px;
	padding-left: 40px;
}
.hato .dl-index dd {
	padding: 0 10px;
}
.hato .dl-index dt span {
	background: url(../hue/imgs/top/ic_project_dt.png) no-repeat 0 0.5em;
}
.hato .project-detail {
    float: left;
    width: 250px;
    padding: 10px;
}
.hato h3 {
    background-image: url(/hato/imgs/kasou/ti_h3.gif);
    background-color: #DCF0D9;
    border-bottom: 1px solid #84BB99;
    color: #25724C;
}

.hato h3 {
    background-repeat: no-repeat;
    background-position: 8px 0.6em;
    margin: 25px 0 10px;
    padding: 8px 10px 6px 22px;
    font-size: 115%;
}
.hato .dl-index a:hover {
	opacity: 0.5 ;
}
.hato .dl-index a {
	border-radius: 5px 5px 0 0;
	display: inline;
	text-decoration: none;
}
.hato .dl-index dt img {
	display: inline;
	margin: 0 0 0 14px;
}
/*hue*/
.hue .dl-index dl {
	border: 2px solid #B8D1E8;
}
.hue .dl-index dt {
	background: #DBE8F3;
}
.hue .dl-index dt span {
	background: url(../hue/imgs/top/ic_project_dt.png) no-repeat 0 0.5em;
}
/*aue*/
.aue .dl-index dl {
	border: 2px solid #B3B3E1;
}
.aue .dl-index dt {
	background: #B4B4E1;
}
.aue .dl-index dt span {
	background: url(/center/hato/imgs/top/ic_project_dt.png) no-repeat 0 0.5em;
}
.aue .article h3 {
	background-image: url(/center/hato/imgs/kasou/ti_h3.gif);
	background-color: #D9DCEE;
	border-bottom: 1px solid #A4AAD5;
	color: #3341A2;
}
.aue .article h3 {
	background-repeat: no-repeat;
	background-position: 8px 0.6em;
	margin: 25px 0 10px;
	padding: 8px 10px 6px 22px;
	font-size: 115%;
}
/*tgu*/
.tgu .dl-index dl {
	border: 2px solid #D3BBD7;
}
.tgu .dl-index dt {
	background: #D4BCD7;
}
.tgu .dl-index dt span {
	background: url(../tgu/imgs/top/ic_project_dt.png) no-repeat 0 0.5em;
}
/*oue*/
.oue .dl-index dl {
	border: 2px solid #E4C0C0;
}
.oue .dl-index dt {
	background: #E4C1C1;
}
.oue .dl-index dt span {
	background: url(../oue/imgs/top/ic_project_dt.png) no-repeat 0 0.5em;
}
/*---- お知らせ ----*/
.news-list-info {
	padding: 50px 0 0;
}
.news-list-info .header {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 10px 0;
}
.news-list-info .header h2 {
	width: 114px;
	float: left;
}
.news-list-info dl {
	display: table;
	width: 100%;
	padding: 15px 0 10px;
}
.news-list-info dt, .news-list-info dd {
	display: table-cell;
}
.news-list-info dt img {
	margin: 3px 10px 0 0;
}
.news-list-info dd {
	width: 550px;
}
/*hue*/
.hue .news-list-info .header {
	background-image: url(../hue/imgs/top/li_news.gif);
}
/*aue*/
.aue .news-list-info .header {
	background-image: url(/center/hato/imgs/top/li_news.gif);
}
/*tgu*/
.tgu .news-list-info .header {
	background-image: url(../tgu/imgs/top/li_news.gif);
}
/*oue*/
.oue .news-list-info .header {
	background-image: url(../oue/imgs/top/li_news.gif);
}
/*---- シンポジウムバナー ----*/
/*一列用*/
.sympo-bnr {
	margin: 0 0 40px;
}
.base-bnr {
	position: relative;
}
.sympo-bt01, .sympo-bt02 {
	position: absolute;
	width: 166px;
	height: 52px;
}
.sympo-bt01 {
	right: 20px;
	top: 20px;
}
.sympo-bt02 {
	bottom: 20px;
	right: 20px;
}

/*二列用*/
.base-bnr-s {
	position:relative;
	margin-top: 20px;
}
.base-bnr-s a.sympo-bt01,
.base-bnr-s a.sympo-bt02 {
	position: absolute;
	width: 228px;
	height: 40px;
}
.base-bnr-s .sympo-bt01 {
	top: auto;
	right: auto;
	left: 10px;
	bottom: 10px;
}
.base-bnr-s .sympo-bt02 {
	right: 10px;
	bottom: 10px;
}