#main .process   { list-style:none; margin:0; padding:0; width:98%; }
#main .process li      { position:relative; }
#main .process dl      { position:relative; }
#main .process strong  { position:absolute; padding:3px; }
#main .process dt      { position:absolute; padding:3px; }
#main .process li      { background:url(img/arrow.gif) 3em 100% no-repeat; clear:both; height:6em; width:100%; }
#main .process .last   { background:none; height:2em; }
#main .process li li   { background:none; height:2em; }
#main .process ol li   { display:list-item; }
#main .process strong  { display:block; width:8em; top:0; left:0; background-color:#FF3333; color:white; }
#main .process dl      { margin-left:10em; border:1px solid white; }
#main .process dt      { width:3.5em; left:0; background:url(../../common/img/dot.gif) 50% 50% repeat-x; padding-left:0; }
#main .process dd      { margin-left:4em; margin-bottom:0; }
#main .process dt span { background-color:white; padding-right:3px; }
#main .process li ol  { margin-left:0; padding-left:0; list-style-position:inside; width:98%; }


#main div#formation { clear:both; width:100%; margin-bottom:1em; }
#formation table { width:47%; float:left; margin-right:1%; clear:none; }

p { clear:both; }
.head { white-space:nowrap; }

#main .flow         { margin-left:0; }
#main .flow         { list-style:none; clear:both; width:99%; float:left; }
#main .flow li      { background:url(img/arrow2.gif) 100% 40% no-repeat; width:26%; height:5em; display:block; float:left; }
#main .flow a       { background-color:white; width:70%; height:3em; display:block; border:1px solid gray; padding:2px; }
#main .flow br      { display:none; }
#main .flow a br    { display:inline; }
#main .flow a:hover { border:1px solid red; }
#main .flow .last   { background:none; width:16%; }
#main .flow .last a { width:100%; }

/*
なぜか途中までしか書かれていなかった。
#chuui td { frame
*/