@charset "Shift_JIS";

* { margin:0; padding:0; font-size:100%; }
body { font-size:12px; }

#title { height:240px; }
h1   { height:240px; margin-right:-100%; float:left; width:100%; }
h1 a { height:42px; }
#title p { padding-top:48px; margin-left:240px; }

title { background:url(img/sendai_map.gif) top left no-repeat; }
h1    { background:url(img/logo.gif) top left no-repeat; }
h1 a  { background:url(img/title.gif) 240px 0 no-repeat; }

h1 a, h2 a, .totop a { display:block; text-indent:-9999px; text-decoration:none; }

ul, li { display:block; list-style:none; }

#title,#lists,#links,#outline,#projects,#participants,#foot { }

#lists { background-color:lightgray; margin:0 -16px 16px -16px; padding:0 16px; width:100%; }
#lists li, #lists a { width:9em; float:left; }
#lists a { display:block; text-decoration:none; padding:4px; border:1px solid lightgray; }
#lists a:hover { border:1px solid red; background-color:white; }

#participants { }
#participants ul { width:99.8%; overflow:auto; padding:0; }
#participants li { width:260px; height:10em; float:left; margin:0 0 8px 8px; padding:8px; border:1px solid gray; }
#participants li img { float:left; border:1px solid silver; margin-right:4px; }


dt { font-weight:bold; }

.totop { margin-bottom:32px; clear:both; }

.right  { width:20em; float:right; margin-left:-20em; }
.left   { width:100%; float:left; }
.left * { margin-right:21em; }
.left * * { margin-right:auto; }

.column * { padding:0 12px; }
.column * *, .column h2, .column .totop { padding:0; }
.column h2 a, .column p a { margin-left:12px; }

* html .column h2 a, * html .column p a { line-height:12px; }
.column h2>a, .column p>a { height:12px; }

.column * { border-left:1px solid black; border-right:1px solid black; }
.column * *, .column h2, .column .totop { border:none; }

/*
.column          { background:url(img/border_v.gif) top left repeat-y; }
.column *        { background:url(img/border_v.gif) top right repeat-y white; }
.column * *      { background:none; }
*/

.column h2       { background:url(img/corner_tl_box.gif) top left no-repeat; }
.column h2 a     { background:url(img/corner_tr_box.gif) top right no-repeat; }
.column .totop   { background:url(img/corner_bl_box.gif) bottom left no-repeat; }
.column .totop a { background:url(img/corner_br_box.gif) bottom right no-repeat; }