@charset "EUC-JP"; 

#RecomendTopics{ margin:30px 0 0 0;}
#RecomendTopics h2{ margin:0 0 10px 0px; font-size:20px; line-height:30px; padding:0 0 10px 10px; color:#FFF; font-weight:bold; background:url(image/RecomendTopics/H2Bg.png) no-repeat; height:40px;}
#RecomendTopics h3{ margin:0 0 10px 15px; font-size:16px; line-height:16px;padding:0 0 7px 22px; color:#444; font-weight:bold; border-bottom:1px #CCC solid;}
#RecomendTopics h3.Toshin	{background:url(image/RecomendTopics/h3Icon_Toshin.png) no-repeat;}
#RecomendTopics h3.Taikenki	{background:url(image/RecomendTopics/h3Icon_Taikenki.png) no-repeat;}
#RecomendTopics h3.Moshi	{background:url(image/RecomendTopics/h3Icon_Moshi.png) no-repeat;}
#RecomendTopics h3.News		{background:url(image/RecomendTopics/h3Icon_News.png) no-repeat;}
#RecomendTopics ul,
#RecomendTopics ol{ margin:0 0 10px 20px;}
#RecomendTopics li{}
#RecomendTopics p.Link{background: url(image/Base/ArrowRed.png) no-repeat 0px 0px;padding:0 0 0 15px;margin:0 30px 50px 20px; font-size:11px; clear:both; line-height:12px; width:auto;}
#RecomendTopics p.Link a{}

#RecomendTopics ul.Toshin{ background:url(image/RecomendTopics/ToshinUlBg.png) no-repeat; width:445px; height:147px; background-size: 445px 147px;}
#RecomendTopics ul.Toshin li{ float:left;}

#RecomendTopics ul.Taikenki li{ position:relative;color:#003366; float:left;background:url(image/RecomendTopics/MoshiLiBg.png) 0px 1px repeat-x; width:213px;height:67px; border:1px #e9e9e9 solid;margin:0 5px 5px 0px; padding:0px;}
#RecomendTopics ul.Taikenki .Name{font-size:11px; margin:10px 0 3px 65px; font-weight:bold; text-decoration:none;}
#RecomendTopics ul.Taikenki .Name strong{font-size:15px;}
#RecomendTopics ul.Taikenki .UnivInfo{ width:140px; height:14px;font-size:11px; margin:0px 5px 0px 65px; line-height:14px; overflow:hidden; text-decoration:none;}
#RecomendTopics ul.Taikenki .SchoolInfo{ width:140px; height:14px;font-size:11px; margin:0px 5px 0px 65px; line-height:14px; overflow:hidden; text-decoration:none;}
#RecomendTopics ul.Taikenki .StudentImage{ position:absolute; top:11px; left:11px; border:1px #CCC solid;}
#RecomendTopics ul.Taikenki a{color:#003366; text-decoration:none;}
#RecomendTopics ul.Taikenki a:hover{ cursor:pointer;}
#RecomendTopics ul.Taikenki a:hover .Name{color:#5FABD3}
#RecomendTopics ul.Taikenki a:hover .UnivInfo{color:#5FABD3}
#RecomendTopics ul.Taikenki a:hover .SchoolInfo{color:#5FABD3}

#RecomendTopics ul.Moshi li{ position:relative;color:#003366; float:left;background:url(image/RecomendTopics/MoshiLiBg.png) 0px 1px repeat-x; width:323px;height:67px; border:1px #e9e9e9 solid;margin:0 5px 5px 0px; padding:0px}
#RecomendTopics ul.Moshi .Title{ font-size:15px; margin:10px 0 3px 65px; font-weight:bold;}
#RecomendTopics ul.Moshi .Catchy{ font-size:11px; margin:0px 5px 5px 65px; line-height:14px;}
#RecomendTopics ul.Moshi .SiteImage{ position:absolute; top:11px; left:11px; border:1px #CCC solid;}
#RecomendTopics ul.Moshi a{color:#003366; text-decoration:none;}
#RecomendTopics ul.Moshi a:hover{ cursor:pointer;}
#RecomendTopics ul.Moshi a:hover .Title{color:#5FABD3}
#RecomendTopics ul.Moshi a:hover .Catchy{color:#5FABD3}

#RecomendTopics ul.News{ font-size:11px;}
#RecomendTopics ul.News li{ float:left; border-bottom:1px #ccc dotted; margin-right:10px; margin-bottom:5px;line-height:19px;height:19px; width:310px; color:#036; background:url(image/RecomendTopics/NewsLiBg.png) no-repeat left center; padding-left:10px; overflow:hidden; white-space:nowrap;}