@charset "utf-8";

/*********************************************
  CONFUCIUS_INSTITUTE_AT_SAPPORO_UNIVERSITY
  /program/style.css
*********************************************/

@import "/common/css/base.css";


/*==================================
  Main Layout
==================================*/
/*div#main-contents ul{margin:0 0 5px;list-style:none;}
div#main-contents ul.clm01{background:url(./images/column01_bg.gif) repeat-y;}
div#main-contents ul.clm02{background:url(./images/column02_bg.gif) repeat-y;}
div#main-contents ul.clm03{background:url(./images/column03_bg.gif) repeat-y;}
div#main-contents ul li{float:left; width:190px; margin:0 5px 0 0; padding:5px 0 15px;}
div#main-contents ul li.none{margin:0;}
div#main-contents ul li dl{padding:0 10px;}
div#main-contents ul li dl dd span{font-size:10px;}
div#main-contents ul li dl.photo{padding:0 10px 10px;}
div#main-contents ul li dl.photo dt{margin:0 0 5px; font-size:0; line-height:0; text-align:center;}
div#main-contents ul li dl.none dt{font-size:10px;}*/
div#main-contents .teacher ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
div#main-contents .teacher ul li{display: flex; list-style: none; box-sizing: border-box; width: 280px; margin: 0 0 40px 0; padding: 0 0 20px 0;  border-bottom: 1px #c0b57c solid;}
div#main-contents .teacher ul li dl{box-sizing: border-box; padding: 10px 0 10px 20px; border-left: 4px #c0b57c solid;}
div#main-contents .teacher ul li dl dt{font-size: 18px; font-weight: bold; line-height: 1.6;}