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

#top {background:url(../img/head/bg_top.jpg) repeat-x 0 20px;border-top:20px solid #CA0088;}
#head {height:363px;border-bottom:20px solid #347EBB;background:url(../img/top/line.jpg) center no-repeat;}
#head h1 {width:244px;height:117px;margin-top:116px;background:url(../img/top/h1.jpg);}
#head h2 {width:438px;height:116px;margin:133px 0 0 40px;background:url(../img/top/h2_science.jpg) no-repeat;}
#head h3 {width:96px;height:79px;margin:13px 0 0 383px;background:url(../img/top/h3.jpg);}
html>body #head h3 {margin-left:766px;}
#head h4 {width:0;height:0;}
#navi {border-top:8px solid #cc0088;background:url(../img/top/bg_horizon.jpg) no-repeat center bottom;padding:10px 0 4px 0;}

#cont {background:url(../img/top/bg_horizon.jpg) no-repeat center bottom;padding-bottom:6px;margin-top:10px;}
#cont a.blank,
#cont a.link.blank:hover {background:url(../img/global/icon_blank.gif) no-repeat;padding-left:13px;margin:0 3px;}

/* hello */
#hello {width:210px;float:left;margin-top:20px;}
#hello h5 {text-indent:-9999px;overflow:hidden;height:440px;width:210px;background:url(../img/top/think_pink.gif) no-repeat;}

/* topics */
#topics {width:510px;float:left;margin:0 50px 20px 40px;}
#topics h1,h2 {display:block;text-indent:-9999px;overflow:hidden;float:left;height:17px;}
#topics h1 {width:150px;background:url(../img/top/readme.gif) no-repeat;}
#topics h2 {width:360px;background:url(../img/top/hiroshima_p.gif) no-repeat right;}

#topics dl {width:510px;margin-top:10px;background:url(/common/img/top/dot.gif) repeat-x 0 bottom;}
#topics dl.end {background:none;}
#topics dd {float:left;width:70px;color:#cc0088;font-weight:bold;}
#topics dd.pic {width:80px;height:80px;}
#topics dt {float:left;width:360px;}

#topics dt a,
#topics dt a:link,
#topics dt a:visited,
#topics dt a:active,
#topics dt a:hover {text-decoration:none;display:block;}

#topics dt a strong {color:#cc0088;font-weight:bold;font-size:1.1em;}
#topics dt a em {float:left;margin-right:5px;padding:2px 5px;background:#cc0088;color:#fff;font-size:0.95em;line-height:1em;font-style:normal;vertical-align:top;}
#topics dt a span {color:#000;display:block;}

#topics dt a em.on,
#topics dt a strong.on,
#topics dt a span.on {display:none;}

#topics dt a:hover {background:url(/common/img/top/shamo.jpg) no-repeat right center;}

#topics dt a:hover em.off,
#topics dt a:hover strong.off,
#topics dt a:hover span.off {display:none;}

#topics dt a:hover strong.on {display:block;}
#topics dt a:hover em.on {display:block;}
#topics dt a:hover span.on {display:block;color:#cc0088;}

/* works */
#works {width:140px;float:left;}
#works img {width:138px;height:68px;}
#works p {text-indent:-9999px;overflow:hidden;margin:0;height:14px;background:url(../img/top/works.gif) no-repeat;}
#works dl {margin-top:10px;}
#works dt {margin:5px 0;background:url(../img/top/yain_pink.gif) no-repeat;padding-left:15px;font-size:0.95em;line-height:1.4em;}
#works dd a {display:block;border:1px solid #f2f2f2;}
#works dd a:hover {border:1px solid #EEC1E0;}

/* textlink */
#textlink {margin-top:20px;margin-bottom:10px;}
#textlink li {float:left;padding-right:6px;margin-right:6px;border-right:1px solid #ddd;font-size:0.9em;line-height:1.1em;}
#textlink li a {color:#000;text-decoration:none;}
#textlink li a:hover {color:#999;text-decoration:underline;}
#textlink li a:visited {color:#000;}
#textlink li.end {border-right:none;}

#foot {margin-top:10px;}