@charset "utf-8";

* {
	margin:0;
	padding:0;
}

img {
	vertical-align:middle;
	max-width:100%;
}

ol,ul {
	list-style:none;
}

.bold {
	font-weight:bold;
}

/* ==========================================================================

   clearfix
	 
   ========================================================================== */

.clearfix:before,
.clearfix:after  {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0 !important;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

/* ==========================================================================

   body
	 
   ========================================================================== */

html {
	margin:0;
	padding:0;
}


body {
	font-size:16px;
	line-height:1.7;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif 'sans-serif';
	color: #333;
	-webkit-text-size-adjust: 100%;
	margin:0;
	padding:0;
}


/* ==========================================================================

   wrapper
	 
   ========================================================================== */

#wrapper {
	width:100%;
	margin:0 auto 0;
	padding:0;
}

/* ==========================================================================

   header
	 
   ========================================================================== */

header {
	padding:0;
	margin:0;
}

.home #header {
	background:#175474;
	padding:12px 15px 7px;
	margin:0;
}

.page #header {
	background:#595959;
	padding:12px 15px 7px;
	margin:0;
}

#header .logo {
	width:270px;
	margin:0 0 11px 0;
	padding:0;
	font-size:0.1em;
}


/* menu box */

#navBox .menu {
	float:left;
	margin-right:9px;
}

#navBox .btnLang {
	float:left;
}


/* menu */

.home .test_link {
	background:url(../images/btn_menu_off.png) no-repeat 0 0;
	background-size:54px;
	width:54px;
	height:20px;
	text-indent:-9999px;
}	

.page .test_link {
	background:url(../images/btn_menu2_off.png) no-repeat 0 0;
	background-size:54px;
	width:54px;
	height:20px;
	text-indent:-9999px;
}	

a.test_link {
	display:block;
}	

a.test_link:link,
a.test_link:visited {
	text-decoration:none;
	color:#fff;
}

.home a.test_link.active {
	background:url(../images/btn_menu_on.png) no-repeat 0 0;
	background-size:54px;
}

.page a.test_link.active {
	background:url(../images/btn_menu2_on.png) no-repeat 0 0;
	background-size:54px;
}

.test_menu {
	position:absolute;
	top:75px;
	left:7px;
	width:68px;
	font-size:0.75em;
	font-weight:normal;
}

.test_menu li {
	border-top:solid 1px #79797a;
	width:250px;
}

.test_menu li.oya {
	color:#a5a5a5;
	padding: 15px 25px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	text-transform: none;
	text-transform: uppercase;
	text-decoration: none;
	background:#484849;
	width:200px;
}

.test_menu li:first-child {
	border-top-style:none;
}

.test_menu li a {
	background:#484849;
	opacity:0.98;
	font-size:96%;
	display:block;
}

.test_menu li.ko a {
	background: url(../images/nav_bd.png) no-repeat 30px 16px #484849;
	background-size:5px;
	padding: 15px 15px 15px 38px;
	width:197px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	text-transform: none;
	text-transform: uppercase;
	text-decoration: none;
}

.test_menu li:first-child > a {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.test_menu li:last-child > a {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.test_menu li a:hover {
	background: #536b92;
}

.test_menu li.current a {
	background: #536b92;
}

.test_menu li.ko a:hover,
.test_menu li.ko.current a {
	background: url(../images/nav_bd.png) no-repeat 30px 16px #536b92;
	background-size:5px;
}

.test_menu a {
	color:#fff;
	padding: 15px 25px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	text-transform: none;
	text-transform: uppercase;
	text-decoration: none;
}

.test_menu li:first-child.current a:after,
.test_menu li:first-child a:hover:after {
	border-bottom-color: #536b92;
}

.test_menu li:first-child > a:after {
	content: '';
	position: absolute;
	left: 30px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #444;
}

/* languege */

.home .test_link2 {
	background:url(../images/btn_lang_en_off.png) no-repeat 0 0;
	background-size:54px;
	width:54px;
	height:20px;
	text-indent:-9999px;
}

.page .test_link2 {
	background:url(../images/btn_lang_en2_off.png) no-repeat 0 0;
	background-size:54px;
	width:54px;
	height:20px;
	text-indent:-9999px;
}

a.test_link2 {
	display:block;
}

a.test_link2:link,
a.test_link2:visited {
	text-decoration:none;
	color:#fff;
}

.home a.test_link2.active {
	background:url(../images/btn_lang_en_on.png) no-repeat 0 0;
	background-size:54px;
}

.page a.test_link2.active {
	background:url(../images/btn_lang_en2_on.png) no-repeat 0 0;
	background-size:54px;
}

.test_menu2 {
	position:absolute;
	top:75px;
	left:7px;
	width:68px;
	font-size:0.75em;
	font-weight:normal;
}

.test_menu2 li {
	border-top:solid 1px #7d7c7c;
	width:150px;
}

.test_menu2 li:first-child {
	border-top-style:none;
}

.test_menu2 li a {
	background:#484849;
	opacity:0.98;
	font-size:96%;
	display:block;
}

.test_menu2 li:first-child > a {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.test_menu2 li:last-child > a {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.test_menu2 li a:hover {
	background: #536b92;
}

.test_menu2 li.current a {
	background: #536b92;
}

.test_menu2 a {
	color:#fff;
	padding: 15px 25px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	text-transform: none;
	text-transform: uppercase;
	text-decoration: none;
}

.test_menu2 li:first-child.current a:after,
.test_menu2 li:first-child a:hover:after {
	border-bottom-color: #536b92;
}

.test_menu2 li:first-child > a:after {
	content: '';
	position: absolute;
	left: 90px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #444;
}


/* ==========================================================================

   mainimg
	 
   ========================================================================== */

/* home */

.home .mainimg {
	width:100%;
	background: url(../images/mainimg_bg.png) no-repeat center top #001324;
	background-size:auto 90px;
	text-align:center;
}

.home .mainimg img {
	width:320px;
	margin:0 auto 0;
}

/* page main title */

.page .mainimg {
	padding:10px 25px 10px 25px;
}

.page .mainimg h1 {
	font-size:1em;
	line-height:1.0;
}

.page.business .mainimg {
	background: #3f489e;
	color:#fff;
}

.page.introduction .mainimg {
	background: #cee5f2;
}

.page.approach .mainimg {
	background: #95d7a9;
}

.page.etc .mainimg {
	background: #eaeb91;
}

.page.program .mainimg {
	background: #bc73ce;
	color:#fff;
}


/* ==========================================================================

   main
	 
   ========================================================================== */

.home #main {
	padding:0;
	margin:0;
}

.home #main h1 {
	font-size:0.1em;
}

.page #main {
	padding:25px 35px;
  font-size:0.7em;
}

.page #main .title1 {
	font-size:1.3em;
	margin:0 0 15px 0;
}

.page.business #main .title2 {
	font-size:1.1em;
	line-height:1.2em;
	border-left:solid 7px #3f489e;
	padding-left:5px;
	margin-bottom:10px;
}

.page.business #main .title3 {
	font-size:1em;
	line-height:1.2em;
	margin-bottom:5px;
	color:#3f489e;
}


/* ==========================================================================

   top
	 
   ========================================================================== */

.topMext {
	width:100%;
	background: url(../images/top_concept01.png) no-repeat right bottom;
	background-size:155px;
	font-size:0.7em;
}

.topMext .inner {
	padding:9px 20px;
}

.topMext h1 {
	margin-bottom:10px;
}

.btn_more {
	text-align:right;
	display:block;
}

.topMedical {
	width:100%;
	background: url(../images/top_medical01.png) no-repeat left bottom #dcdcdc;
	background-size:113px;
	font-size:0.7em;
}

.topMedical .inner {
	padding:9px 20px;
}

.topAbout {
	width:100%;
	background:#4d4d4d;
	color:#fff;
	text-align:center;
	font-size:0.74em;
}

.topAbout .inner {
	padding:20px 0 18px;
}

.topTitleAbout {
	margin-bottom:7px;
}

.topTitleAboutTxt {
	font-size:0.8em;
	margin-bottom:20px;
	color:#979797;
	padding:0 10px;
}

.topAboutCourse {
	margin-bottom:25px;
}

.topAboutCourse .btn01 {
	width:50%;
	float:left;
}

.topAboutCourse .btn02 {
	width:50%;
	float:right;
}

.topBtnAbout {
	text-align: center;
}

/* business */

.businessBox {
	margin:0 auto 0;
	padding:25px 0;
}

.businessBox.fst {
	padding-top:0px;
}

.business .mainimg h1 {
	line-height:1.4em;
}

.business .mainimg h1 span {
	display:block;
	font-size:0.6em;
	line-height:1.2em;
}

.business #main .title1.subtitle {
	line-height:1.1em;
}

.business #main .title1.subtitle span {
	display:block;
	font-size:0.6em;
	line-height:1.2em;
}



/* introduction */

.intoroductionBlock {
	margin:0 auto 0;
	padding:25px 0;
	border-top:solid 2px #cee5f2;
}

.intoroductionBlock.fst {
	padding-top:0;
	border-top:none;
}
.introductionTitle {
	background:url(../images/introduction_title_bg.gif) repeat-x left 0.5em;
	background-size:auto 10px;
	text-align:center;
	margin-bottom:25px;
	font-size:1.2em;
	line-height:1.5em;
}

.introductionTitle span {
	background:#fff;
	line-height:1.4;
	font-size:1.3em;
	font-weight:bold;
	padding:0 12px;
}

.introductionCenter {
	text-align:center;
}

.introductionPhoto {
	margin-bottom:15px;
}

.introductionName {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:25px;
}

.introductionName span {
	display:block;
	margin-bottom:5px;
}

.introductionSubTitle {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:5px;
}

/* approach */

.approachBlock {
	padding:25px 0;
	margin:0 auto 0;
	border-top:dashed 2px #95d7a9;
}

.approachBlock.fst {
	padding-top:0;
	border-top:none;
}

.featureBox {
	background:#d5efdd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.featureTop {
	height:8px;
	font-size:1px;
	line-height:0;
}

.featureBox p {
	background:url(../images/feature_icon.gif) no-repeat 10px center;
	background-size:7px;
	padding:10px 10px 10px 25px;
	font-weight:bold;
}

.goal {
	padding: 10px 0 10px 45px;
	text-indent:-9999px;
	margin-bottom:5px;
}

.goal.end {
	margin-bottom:35px;
}

.goal p {
	text-indent:0px;
}

.goal span {
	text-indent:-9999px;
	float:left;
}

.goal2013 {
	background:url(../images/circle_2013.gif) no-repeat left center;
	background-size:35px;
}

.goal2014 {
	background:url(../images/circle_2014.gif) no-repeat left center;
	background-size:35px;
}

.goal2015 {
	background:url(../images/circle_2015.gif) no-repeat left center;
	background-size:35px;
}

.goal2016 {
	background:url(../images/circle_2016.gif) no-repeat left center;
	background-size:35px;
}

.goal2017 {
	background:url(../images/circle_2017.gif) no-repeat left center;
	background-size:35px;
}

.approachGoal dl {
}

.approachGoal dt {
	float:left;
}

.approachGoal dd {
	margin-left:35px;
}

/* etc */

.etcBlock {
	margin:0 auto 0;
	padding:25px 0;
	border-top:dashed 2px #eaeb91;
}

.etcBlock.fst {
	padding-top:0px;
	border-top:none;
}

.solid {
	border-bottom:solid 2px #eaeb91 !important;
}

.etcBlock.end {
	border-bottom:none;
}

.etcUniv img {
	width:100%;
}

.etcLogo {
	max-width:500px;
	margin:0 auto;
}

.etcLogo img {
	width:100%
}

.etcLogo li.etclogo01,
.etcLogo li.etclogo03 {
	width:34%;/*85/250*/
}

.etcLogo li.etclogo02 {
	width:20%;/*50/250*/
}

.etcLogo li {
	margin-left:5.6%;/*14/250*/
	float:left;
}

.etcLogo li:first-child {
	margin-left:0;
}


/* program */

.programBlock {
	margin:0 auto 0;
	padding:25px 0;
	border-bottom:dashed 2px #bc73ce;
}

.programBlock.fst {
	padding-top:0px;
	border-top:none;
}

.programBlock.end {
	padding-bottom:0px;
	border-bottom:none;
}

.programCourse {
	text-align:center;
}

.programCourse dl {
	text-align:center;
	margin-top:40px;
	margin-bottom:10px;
}

.programCourse dl:first-child {
	margin-top:0px;
}

.programCourse dt {
	margin-bottom:5px;
}

.programCourse dd.title {
	font-size:1.2em;
	line-height:1.4;
	font-weight:bold;
	padding-bottom:5px;	
}

.programCourse dd.sub {
	padding-bottom:10px;	
}


/* ==========================================================================

   footer
	 
   ========================================================================== */

#footer {
	background:#7990bf;
	color:#fff;
	text-align:center;
	padding:20px;
}

#footer .copyright {
	font-size:8px;
	line-height:10px;
}

#pageTop {
	position:fixed;
	right:15px;
	bottom:15px;
	z-index:10000;
	width:35px;
}


/* ==========================================================================

   to PC bottun 
	 
   ========================================================================== */

.btnPC {
	width:100%;
}

.btnPC a {
	display:block;
	width:100%;
	background:#333;
	color:#fff;
	padding:10px 0;
}

.btnPC a:link,
.btnPC a:visited {
	text-decoration:none;
	color:#fff;
	text-align:center;
}


/* ==========================================================================

   margin and padding set
	 
   ========================================================================== */

.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
