@charset "UTF-8";

#process #ashiato,
#kokoro #ashiato {
float: left;
width: 380x;
}

#process #pagetitle,
#kokoro #pagetitle {
clear: left;
padding-top: 10px;
}

#toppic {
float: right;
width: 340px;
margin-top: 10px;
padding: 0;
}

#kokoro #toppic {
width: 246px;
}

#unit1 {
float: left;
width: 480px;
display: inline;
margin: 10px 0 0 12px;
}

#process #unit1 {
width: 410px;
}


dt {
clear: both;
float: left;
display: inline;
width: 125px;
margin: 6px 0 0 0;
padding: 0;
}

#process dt {
margin-left: 14px;
}

dd {
float: right;
width: 585px;
background:url("img/11dot_orange.gif") no-repeat 1px 3px;
margin: 8px 40px 0 0;
padding-left: 18px;
display: inline;
}

#process dd {
width: 573px;
}


dd.last {
padding-bottom: 10px;
}


dd a:link {color: #c00; }
dd a:visited {color: #c00; }
dd a:hover {color: #c00; }
dd a:active {color: #c00; }

div.center {
clear: both;
font-size: 130%;
font-weight: bold;
width: 776px;
margin: -10px 0 10px 0;
background: #39f;
color: #fff;
padding: 2px 0;
}

#subhead {
clear: both;