@charset "UTF-8";
/*----------------------------------

COMMON
 
---------------------------------- */
body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.c-both {
    clear:both; display:block; visibility:hidden;
}
h1 {
	margin: 0px;
	padding: 0px;
}
a:link,
a:visited {
	color:#708aa5;
	text-decoration:none;
}
a:hover,
a:active {
	color:#708aa5;
	text-decoration:underline;
}

/*----------------------------------

HEADER
 
---------------------------------- */
#header {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/header_bg.gif);
	background-repeat: repeat-x;
	height: 131px;
	width: 100%;
}
.header_wrap {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#top_main {
	background-image: url(../img/top/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50%;
	height: 350px;
	padding-top:350px;
	width: 100%;
}

#top_main img {
	float: left;
	padding-right: 5px;
}
.top_main_wrap {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.select_button {
	padding-top: 160px;
	padding-left: 410px;
}
.h02 {
	float: left;
	height: 131px;
	width: 265px;
	margin: 0px;
	padding: 0px;
}
.h01 {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/h01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 101px;
	width: 715px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*------ヘッダー北大外部リンク-------- */
#h_menu01 a {
	display:block;
	width:97px;
	height:65px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/other_button/header_button01.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#h_menu01 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/other_button/header_button01_o.png);
	background-repeat: no-repeat;
}
#h_menu02 a {
	display:block;
	width:92px;
	height:65px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/other_button/header_button02.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#h_menu02 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/other_button/header_button02_o.png);
	background-repeat: no-repeat;
}

/*------サイト内その他メニュー-------- */
.h_menu_wrap {
	padding-left: 76px;
	height: 87px;
}

#b_home a {
	display:block;
	width:89px;
	height:20px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/site_button/home.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}
#b_home a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/site_button/home_o.gif);
	background-repeat: no-repeat;
}

#b_access a {
	display:block;
	width:80px;
	height:20px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/site_button/access.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}
#b_access a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/site_button/access_o.gif);
	background-repeat: no-repeat;
}

#b_sitemap a {
	display:block;
	width:96px;
	height:20px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/site_button/sitemap.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}
#b_sitemap a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/site_button/sitemap_o.gif);
	background-repeat: no-repeat;
}


/*------グローバルメニュー-------- */
#global_menu {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/common/g_menu_bg.gif);
	background-repeat: repeat-x;
	height: 53px;
	width: 100%;
	line-height:180%;
}


#global_menu_w {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/common/g_menu_bg_w.png);
	background-repeat: repeat-x;
	height: 53px;
	width: 100%;
	line-height:180%;
}


.global_menu_wrap {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}


.g_menu01 {
	float: left;
}


#g_menu01 a {
	display:block;
	width:245px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/06.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}
#g_menu01 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/06.png);
	background-repeat: no-repeat;
}
#g_menu02 a {
	display:block;
	width:245px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/07.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#g_menu02 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/07.png);
	background-repeat: no-repeat;
}
#g_menu03 a {
	display:block;
	width:245px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/08.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#g_menu03 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/08.png);
	background-repeat: no-repeat;
}
#g_menu04 a {
	display:block;
	width:245px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/09.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#g_menu04 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/09.png);
	background-repeat: no-repeat;
}
#g_menu05 a {
	display:block;
	width:245px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/05.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#g_menu05 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/05.png);
	background-repeat: no-repeat;
}

#g_menu06 a {
	display:block;
	width:243px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/06.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}
#g_menu06 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/06.png);
	background-repeat: no-repeat;
}
#g_menu07 a {
	display:block;
	width:243px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/07.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#g_menu07 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/07.png);
	background-repeat: no-repeat;
}
#g_menu08 a {
	display:block;
	width:243px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/08.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#g_menu08 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/08.png);
	background-repeat: no-repeat;
}
#g_menu09 a {
	display:block;
	width:243px;
	height:53px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/09.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
}

#g_menu09 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/header/global_menu/09.png);
	background-repeat: no-repeat;
}




/*-------------------------------------------------

TOPPAGE
 
-------------------------------------------------- */

.top_main_contents {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	width: 980px;
}

.top_main_contents {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	width: 100%;
}


.clm01 {
	float: left;
	width: 695px;
	margin-right: 20px;
}
.clm02 {
	float: left;
	width: 265px;
}
.bg_brown {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/bg_brown.gif);
	width: 675px;
	padding: 10px;
}
.bg_brown02 {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/bg_brown.gif);
	width: 94%;
	padding: 3% 3% 1% 3%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:20px;
}

.bg_brown02 div {
	width:49.5%;
	margin-bottom:10px;
}
.bg_brown02 img {
	width:100%;
}


.bg_brown03 {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/bg_brown.gif);
	width: 94%;
	padding: 3% 3% 1% 3%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:20px;
	
}

.bg_brown03 div {
	width:49.5%;
	margin-bottom:10px;
}
.bg_brown03 img {
	width:100%;
}


/*------------トップカテゴリーメニュー------------- */

#top_category01 a {
	display:block;
	width:333px;
	height:206px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/category01.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 8px;
	padding-bottom: 8px;
}
#top_category h2 {
	display:none;
	margin: 0px;
	padding: 0px;
}

#top_category01 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/category01_o.png);
	background-repeat: no-repeat;
}

#top_category02 a {
	display:block;
	width:333px;
	height:206px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/category02.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
	padding-bottom: 8px;
}

#top_category02 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/category02_o.png);
	background-repeat: no-repeat;
}
#top_category03 a {
	display:block;
	width:333px;
	height:206px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/category03.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 8px;
	padding-bottom: 0px;
}
#top_category03 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/category03_o.png);
	background-repeat: no-repeat;
}
#top_category04 a {
	display:block;
	width:333px;
	height:206px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/category04.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
}
#top_category04 a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/category04_o.png);
	background-repeat: no-repeat;
}

.responce_bg {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/responce_bg.gif);
	background-repeat: no-repeat;
	height: 94px;
	width: 227px;
	padding-top: 49px;
	padding-left: 465px;
	margin-top: 20px;
}

#res_mailform a {
	display:block;
	width:111px;
	height:34px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/responce_mail.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 5px;
	padding-bottom: 0px;
}
#res_mailform a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/responce_mail_o.gif);
	background-repeat: no-repeat;
}
#res_mailform h2 {
	display:none;
	margin: 0px;
	padding: 0px;
}
#res_access a {
	display:block;
	width:111px;
	height:34px;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/responce_access.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
}
#res_access a:hover{
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/responce_access_o.gif);
	background-repeat: no-repeat;
}
#res_access h2 {
	display:none;
	margin: 0px;
	padding: 0px;
}




/*------------トップサイドカラム------------- */

.sidebanner {
	margin-bottom: 8px;
}
.sidebanner02 {
	margin-bottom: 16px;
}
.t_side_title {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/top/side_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#ev_post li {
	font-size: 14px;
	margin-bottom: 5px;
	list-style-type: none;
	border-bottom:1px dotted #c9c9c9;
	padding-bottom:10px;
	margin-bottom:10px;
	
}


/*-------------------------------------------------

FOOTER
 
-------------------------------------------------- */
.footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7a92ab;
	height: 50px;
}
.footer_rink {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.footer_rink02 {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}


.f_arrow {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
	font-size: 90%;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.f_arrow02 {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
	font-size: 85%;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
}
.footer_wrap {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

.copy {
	font-size: 80%;
	margin-top: 5px;
	padding-bottom: 20px;
}
h3 {
	font-size: 120%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.contents_title {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin-top: 20px;
}
.content_title_wrap {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.titleimg {
	margin: 0px;
	padding: 0px;
	float: left;
}

.post_wrap {
	background-color: #FFFFFF;
	padding: 20px;
	border: 1px solid #DDDDDD;
}
.post_title {
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #7a92ab;
}
.post_date {
	font-size: 90%;
	text-align: right;
	margin-bottom: 10px;
}
#post_topics {
	font-size: 16px;
	line-height: 180%;
}
#post_topics p {
	margin-bottom: 8px;
	
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.s_date {
	font-size: 80%;
}
.s_arrow {
        font-size: 90%;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/arrow_top.gif);
	padding-left: 15px;
	float: right;
	background-repeat: no-repeat;
	background-position: left 3px;
}
.s_arrow02 {
	font-size: 100%;
	list-style-position: outside;
	list-style-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/arrow_top.gif);
}
.s_arrow03 {
	font-size: 90%;
	list-style-position: inside;
	list-style-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/arrow_top.gif);
}
.list_date {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	
}

.list_result {
	margin: 0px;
	padding: 0px;
	
	
}
#archive_list li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 10px;
	margin-top: 0px;
	font-size: 16px;
	line-height:160% !important;
}
.p_kuzu {
	font-size: 80%;
}




.section_title {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/content_labs/section_title.gif);
	padding-left: 40px;
	height: 31px;
	width: 604px;
	font-size: 120%;
	color: #4074b0;
	padding-top: 8px;
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-bottom: 15px;
}
.in_flm_gray {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #CDCDCD;
}
.in_flm_gray02 {
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 15px;
	border: 1px solid #CDCDCD;
}
.lab_title {
	color: #FFFFFF;
	background-color: #5d86b5;
	padding: 10px;
	font-size: 120%;
	margin-bottom: 10px;
}
.lab_caption {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.lab_title_s {
	font-size: 80%;
}
.lad_ph {
	float: left;
	padding-right: 10px;
	width: 120px;
}
.lab_discription {
	float: left;
	width: 480px;
	font-size: 80%;
	line-height: 160%;
}
.lab_list_wrap {
	margin-top: 5px;
}
#lab_tema {
	background-color: #ebf1f8;
	padding: 10px;
	font-size: 90%;
	margin-top: 5px;
}
#lab_tema li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
.tema_title {
	margin-bottom: 5px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5d86b5;
	font-size: 110%;
}

.din_flm {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 10px;
}
.din_title {
	color: #FFFFFF;
	padding: 5px;
	font-size: 130%;
	margin-bottom: 5px;
	text-align: center;
}
.in_flm_blue {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #5d86b5;
}
/*--------------------------------------------------------
				 [ curriculum/schedule/index.html ]
--------------------------------------------------------*/

.scheduletables 		{ clear:both; margin:15px 0;}
.scheduletables table	{ width:100%; border:1px solid #999; border-left:none; border-bottom:none;}
.scheduletables th		{ padding:5px; border:1px solid #999; border-top:none; border-right:none; font-weight:bold; font-size:1.2em;}
.scheduletables td		{ padding:5px; border:1px solid #999; border-top:none; border-right:none; vertical-align:middle;}
html:\66irst-child .scheduletables { letter-spacing:-1px;}  

.scheduleTh01{ width:auto; background:#D3DFAE;}
.scheduleTh02{ width:80px; background:#E4ECCE;}
.scheduleTh03{ width:12px; background:#E4ECCE;}
.scheduleTh04{ width:100px; background:#E4ECCE;}

.voice_list_flm {
	padding: 10px;
	float: left;
	margin-right: 9px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5d86b5;
	border-right-color: #CDCDCD;
	border-bottom-color: #CDCDCD;
	border-left-color: #CDCDCD;
	font-size: 90%;
	line-height: 160%;
	margin-bottom: 9px;
}
.voice_list_flm02 {
	padding: 10px;
	float: left;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5d86b5;
	border-right-color: #CDCDCD;
	border-bottom-color: #CDCDCD;
	border-left-color: #CDCDCD;
	font-size: 90%;
	line-height: 160%;
	margin-bottom: 9px;
}
.voice_list_flm03 {
	padding: 10px;
	float: none;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fdbdd2;
	border-right-color: #CDCDCD;
	border-bottom-color: #CDCDCD;
	border-left-color: #CDCDCD;
	font-size: 90%;
	line-height: 160%;
	margin-bottom: 9px;
}
.voice_list_name {
	font-size: 130%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5d86b5;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.voice_list_data {
	margin-bottom: 37px;
}



.img_left {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}
.back_voice {
	margin-top: 30px;
	margin-bottom: 10px;
}
.voice_user {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.shinro_category {
	color: #FFFFFF;
	background-color: #5d86b5;
	text-align: center;
	padding: 5px;
	font-size: 110%;
	margin-bottom: 10px;
}
.job_table01 {
	float: left;
	margin-right: 9px;
	padding-right: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
}
.job_table02 {
	float: left;
}
.job_table03 {
	float: left;
	margin-right: 9px;
	padding-right: 8px;
}
.job_s {
	font-size: 75%;
	margin-bottom: 10px;
	line-height: 150%;
}
.job_sub_title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5d86b5;
	margin-bottom: 10px;
}
.accent {
	color: #5d86b5;
}
.job_in_text {
	font-size: 90%;
	line-height: 170%;
	margin-bottom: 15px;
}
.course_sub_caption {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/course/title_mark.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5d86b5;
	font-size: 120%;
	color: #5d86b5;
	background-position: left 2px;
}
.section_title02 {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/highschool/section_title.gif);
	padding-left: 40px;
	height: 31px;
	width: 604px;
	font-size: 120%;
	color: #FF688B;
	padding-top: 8px;
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-bottom: 15px;
}
.intitle {
	margin-bottom: 10px;
}
.tx_s {
	font-size: 80%;
	line-height: 150%;
	color: #4D4D4D;
 }
 .voice_list_name02 {
	font-size: 130%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
	padding-bottom: 3px;
	color: #79a242;
}
.in_img_left {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.in_img_right {
	float: right;
	padding-bottom: 10px;
	padding-left: 20px;
}
.section_title03 {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/first_grader/section_title.gif);
	padding-left: 40px;
	height: 31px;
	width: 604px;
	font-size: 120%;
	color: #55A699;
	padding-top: 8px;
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-bottom: 15px;
}
.commend {
	font-size: 110%;
	color: #5d86b5;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/first_grader/commendation.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: left center;
	padding-top: 10px;
}

.in_caption {
        font-size: 90%;
	padding-left: 30px;
}
.examination_wrap {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3D3D3;
	margin-top: 25px;
}
.access_title {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/content_labs/section_title.gif);
	padding-left: 40px;
	height: 31px;
	width: 604px;
	font-size: 120%;
	color: #4074b0;
	padding-top: 8px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 15px;
}

table#table-01 {
	width: 633px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

table#table-01 th {
	padding: 7px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	color: #FFFFFF;
	background-color: #5d86b5;
}
table#table-01 td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	background-color: #ebf1f8;
}

table#table-02 {
    width: 633px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 10px;
}

table#table-02 th {
	padding: 7px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	color: #FFFFFF;
	background-color: #6caf9b;
}
table#table-02 td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	background-color: #f7feeb;
}
table#table-02 li {
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	list-style-type: none;
}

.course_sub_caption02 {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/course/title_mark.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5d86b5;
	font-size: 120%;
	color: #5d86b5;
	background-position: left 2px;
	margin-top: 20px;
}
.contents_bottom {
	margin-top: 30px;
}


table#curriculum_table {
    width: 633px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#curriculum_table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    
}
#curriculum_table .style1 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
#curriculum_table .style3 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #4B4B4B;
}
#curriculum_table .style2 {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #435D7A;
	line-height: 140%;
}


.sub_title {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/sub_title.gif);
	height: 30px;
	width: 575px;
	color: #2281a6;
	font-size: 110%;
	padding-top: 10px;
	padding-left: 15px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-bottom: 5px;
}


/*---------- ブレット ----------*/
ul.bullet {
list-style:none;
margin:0;
padding:0;
}
ul.bullet li {
	list-style: none;
	font-size: 100%;
	line-height: 150%;
	letter-spacing: 1px;
	font-weight: normal;
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/check.png);
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: dotted 1px #999999;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
}

.tx14 {
	font-size: 12px;
}


table#carriculum_table {
	width: 633px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	
}

table#carriculum_table th {
	padding: 7px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	color: #FFFFFF;
	background-color: #4e88b4;
	font-size: 12px;
}
table#carriculum_table td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	background-color: #fff;
	font-size: 12px;
}

.site_location {
}

.site_location ul {
	text-align: right;
}




#ev_post {
margin-bottom:20px;
}

h2.pagetitle {
border-left: 8px solid #6287b3;
font-size:30px;
padding-left:15px;
font-weight:normal;
color:#5981bf;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}


.faq_q {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/q.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #d3cac1;
	border-bottom-style: solid;
	font-weight: bold;
	color: #1b1b1b;
	background-position: 10px 8px;
	margin-top: 0px;
	padding-top: 12px;
	background-color: #eee9e1;
	font-size: 100%;
}

.faq_a {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/a.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	margin-bottom: 30px;
	background-position: 10px top;

}


.voice_head {
	background-color: #5188b4;
	display: flex;
	margin-bottom:20px;
}


.voice_ph  {
	width: 150px;
	margin-right:20px;
}
.voice_ph img  {
	width: 150px;
	height:auto;
	object-fit: cover; /* この一行を追加するだけ！ */
}
.voice_head_item  {
	width: 440px;
	color: #fff !important;
}
.voice_neme {
	color: #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin-top:30px;
	font-size:18px;
	line-height:140%;
}
.voice_midashi {
	color: #fff !important;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 20px;
}

.scheduleimg img {
width: 100%;
	height:auto;

}


.more {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background-color: #548ebc;
	border: 2px solid #548ebc;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:40px;
	margin-bottom:30px;
	width:400px;
	font-size:16px;
	border-radius: 8px;
	float:none;
	
}
.more::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.more:link {
	color: #fff;
}
.more:visited {
	color: #fff;
}
.more:hover {
	background-color: #548ebc;
	color: #fff;
	text-decoration:none;
}
.more:hover::after {
	border-left-color: #fff;
}


.voicelist_button {
display: flex;
justify-content: space-between;
}


.morevoice {
	position: relative;
	display: inline-block;
	padding: 5px 20px;
	background-color: #fff;
	border: 2px solid #fff;
	color: #5188b4;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:20px;
	margin-bottom:20px;
	width:170px;
	font-size:14px;
	border-radius: 8px;
	float:none;
	
}
.morevoice::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #5188b4;
	transition: all .3s;
}
.morevoice:link {
	color: #5188b4;
}
.morevoice:visited {
	color: #5188b4;
}
.morevoice:hover {
	background-color: #fff;
	color: #5188b4;
	text-decoration:none;
}
.morevoice:hover::after {
	border-left-color: #5188b4;
}


.popup-desc {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  border-bottom: 1px dotted #ddd;
    font-size:12px !important;
}

.popup-desc:after {
  content: '?';
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -2px;
  right: -10px;
  background-color: #ccc;
  transform: scale(-50%);
  border-radius: 50%;
   font-size:12px !important;
 
}

.popup-desc span {
  display: none;
  font-size: 14px;
  line-height: 1.4;
  min-width: 100px;
  padding: 10px;
  position: absolute;
  bottom: 2.2em;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 5px;
   text-align:left;
   font-size:12px !important;
}

.popup-desc span:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -7.5px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  background-color: #fff;
  transform: translateX(-50%) rotate(45deg);
text-align:left;
  font-size:12px !important;
}

.popup-desc:hover span {
  display: block;
  animation: animShow 0.2s linear forwards;
    font-size:12px !important;
}

.popup-desc span:hover {
  display: none !important;
    font-size:12px !important;
    
}

@keyframes animShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.head_select {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}


.headbutton {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background-color: #00be70;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:45%;
	font-size:24px;
	border-radius: 8px;
	float:none;
	font-weight:bold;
	
}
.headbutton::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.headbutton:link {
	color: #fff;
	font-weight:bold;
}
.headbutton:visited {
	color: #fff;
	font-weight:bold;
}
.headbutton:hover {
	background-color: #fdb302;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
}
.headbutton:hover::after {
	border-left-color: #fff;
}


.topbox03 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom:40px;
width:100%;
}

.topnews {
width:340px;
}

.topawerd {
width:340px;
}

.top_banner {
width:265px;
padding-top:25px;
}

.top_banner img {
margin-bottom:10px;
width:100%;
}



.topbox03 li {
	font-size: 14px;
	margin-bottom: 5px;
	list-style-type: none;
	border-bottom:1px dotted #c9c9c9;
	padding-bottom:10px;
	margin-bottom:10px;
	line-height:160%;
}

.voice_sub {
font-size:14px;
}

.under {
    background: linear-gradient(transparent 60%, #a8eaff 60%);
}




.head_select2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.headbutton2 {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background-color: #62c4e9;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:45%;
	font-size:12px;
	border-radius: 8px;
	float:none;
	font-weight:bold;
}
.headbutton2::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.headbutton2:link {
	color: #fff;
	font-weight:bold;
}
.headbutton2:visited {
	color: #fff;
	font-weight:bold;
}
.headbutton2:hover {
	background-color: #fdb302;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
}
.headbutton2:hover::after {
	border-left-color: #fff;
}




.head_select3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.headbutton3 {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background-color: #e98762;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:45%;
	font-size:12px;
	border-radius: 8px;
	float:none;
	font-weight:bold;
}
.headbutton3::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.headbutton3:link {
	color: #fff;
	font-weight:bold;
}
.headbutton3:visited {
	color: #fff;
	font-weight:bold;
}
.headbutton3:hover {
	background-color: #fdb302;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
}
.headbutton3:hover::after {
	border-left-color: #fff;
}



.head_select4 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.headbutton4 {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	background-color: #fff;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	margin-top:0px;
	margin-bottom:10px;
	width:45%;
	font-size:12px;
	border-radius: 8px;
	float:none;
	font-weight:bold;
}
.headbutton4::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .3s;
}
.headbutton4:link {
	color: #fff;
	font-weight:bold;
}
.headbutton4:visited {
	color: #fff;
	font-weight:bold;
}
.headbutton4:hover {
	background-color: #fdb302;
	color: #fff;
	text-decoration:none;
	border: 2px solid #fff;
}
.headbutton4:hover::after {
	border-left-color: #fff;
}


.main {
		width: 100%;
		height: 400px;
		position:relative;
}

.main_img {
	position: relative;
    width: 100%;
}

.bg-slider {
	width: 100%;
	height: 400px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.bg-slider__title {
	 background:rgba(255,255,255,0.9);
	padding: 50px 30px;
	width: 940px;
	margin: auto;
	border-radius: 20px;
	box-sizing: border-box;
margin-top: 70px;
}


.bg-slider__title h1 {
	color: #4b84be;
	font-size: 50px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	z-index: 10;
	border-bottom: 2px solid #4b84be;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.bg-slider__title h2 {
	
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	z-index: 10;
	letter-spacing: 0.1rem;
}









.top01 {
	background: #4c86c3;
	padding: 30px 0 40px 0;
	margin-bottom: 30px;
}
.toptitle01 {
	font-size: 30px;
	font-weight: bold;
	color:#4c86c3;
	text-align: center;
	margin-bottom: 20px;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.bg01 {
	background-image: url(https://www.eng.hokudai.ac.jp/edu/course/hygienv/wp-content/themes/theme292/common/img/common/bg_brown.gif);
	padding: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:20px;
	box-sizing: border-box;
}

.topmov {
	display:flex;
	 position: relative;
}
.topmov_item {
	width: 450px;
	margin: 0px 5px 0px 5px;
	text-align: center;
}
.movtitle  {
	font-size: 20px;
	text-align: center;
	padding: 0;
	margin: 0;
line-height: 1.6;
	margin-top: 20px;
}
.movtitle span {
	font-size: 16px;
	text-align: center;
}
.movname {
	font-size: 16px;
	line-height: 1;
	padding: 0;
	margin: 0;
	margin-top: 0px;
}

.sidemov {
	font-size: 14px;
	margin: 0;
	margin-top: 10px;
	line-height: 1.5;
	text-align: center;
}

.sidemov span {
	font-size: 12px;
	margin: 0;
}