@charset "utf-8";

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

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


/*==================================
  Main Layout
==================================*/
div#main {padding:10px 10px 20px;}
div#contents {width:610px; float:left; padding-top:10px;}

h2 {font-size:0; line-height:0; padding-bottom:10px;}

div#topics-box {background:url(/common/images/box01.gif) top; padding:15px 15px 10px 20px;}
div#topics-box div {padding-bottom:10px;}
div#topics-box div h3 {width:130px; float:left; font-size:0; line-height:0;}
div#topics-box div dl {width:435px; float:right;}
div#topics-box div dl dt {width:140px; height:18px; overflow:hidden; margin-top:3px; float:right; background:url(./images/btn_topics_ov.gif);}
div#topics-box div dl dd {width:54px; height:22px; overflow:hidden; float:left; background:url(./images/rss_ov.png);}
div#topics-box div dl a {display:block;}
div#topics-box div dl a:hover {background-color:transparent;}
div#topics-box div dl a:hover img {visibility:hidden;}
div#topics-box ol {list-style:none; padding-bottom:1px;}
div#topics-box ol li {padding-bottom:8px;}
div#topics-box ol li.none {padding:0;}
div#topics-box ol li dt {padding-bottom:4px;}
div#topics-box ol li dd {background:url(/common/images/lm01.gif) left 6px no-repeat; padding-left:11px; line-height:1.5; font-weight:bold;}
div#topics-box-bottom {background:url(/common/images/box01_bottom.gif); height:15px; margin-bottom:15px;}

div#student-box {background:url(/common/images/box02.gif) top; padding:15px 15px 10px 20px;}
div#student-box div {padding-bottom:10px;}
div#student-box div h3 {width:200px; float:left; font-size:0; line-height:0;}
div#student-box div dl {width:370px; float:right;}
div#student-box div dl dt {width:105px; height:18px; overflow:hidden; margin-top:3px; float:right; background:url(./images/btn_student_ov.gif);}
div#student-box div dl dd {width:54px; height:22px; overflow:hidden; float:left; background:url(./images/rss02_ov.png);}
div#student-box div dl a {display:block;}
div#student-box div dl a:hover {background-color:transparent;}
div#student-box div dl a:hover img {visibility:hidden;}
div#student-box ol {list-style:none; padding-bottom:1px;}
div#student-box ol li {padding-bottom:8px;}
div#student-box ol li.none {padding:0;}
div#student-box ol li dt {padding-bottom:4px;}
div#student-box ol li dd {background:url(/common/images/lm01.gif) left 6px no-repeat; padding-left:11px; line-height:1.5; font-weight:bold;}
div#student-box-bottom {background:url(/common/images/box02_bottom.gif); height:15px; margin-bottom:15px;}

div#guide-title h3 {width:190px; float:left;}
div#guide-title p {width:64px; height:18px; overflow:hidden; float:right; margin-top:17px; background:url(./images/btn_guide_ov.gif);}
div#guide-title p a {display:block;}
div#guide-title p a:hover {background-color:transparent;}
div#guide-title p a:hover img {visibility:hidden;}
ol#guide-navi {list-style:none; padding-top:3px;}
ol#guide-navi li {width:196px; float:left; margin-right:11px;}
ol#guide-navi li.none {margin:0;}
ol#guide-navi li dt {width:196px; height:90px; overflow:hidden; font-size:0; line-height:0;}
ol#guide-navi li dt a {display:block;}
ol#guide-navi li dt a:hover {background-color:transparent;}
ol#guide-navi li dt a:hover img {visibility:hidden;}
ol#guide-navi li dt#bnr01 {background:url(./images/bnr01_ov.png);}
ol#guide-navi li dt#bnr02 {background:url(./images/bnr02_ov.png);}
ol#guide-navi li dt#bnr03 {background:url(./images/bnr03_ov.png);}
ol#guide-navi li dd {line-height:1.5; padding-top:4px;}