@import "common.css";

/* ***************************************
       ///【コンテナ定義】///
*************************************** */

div#workContainer {
   width: 685px;
    float: right;
    margin: 15px 0 0 0px;
}

div#workContainer h2{
	color:#FF8837;
	padding:0 0px;
	margin:0;
	font-weight:bold;
}

*:first-child+html div#workContainer h2#aboutTemporaryWorkingTitle {
    margin-top: 20px;
}

div#workContainer h2#aboutTemporaryWorkingTitle {
    width: 655px;
    height: 37px;
    margin: 20px 0 10px;
    background: url(../image/about_temporary_working_title.gif) no-repeat;
    text-indent: -9999px;
}

div#workContainer h2#temporaryWorkingFlow {
    width: 655px;
    height: 37px;
    margin: 30px 0 5px;
    background: url(../image/temporary_working_flow_title.gif) no-repeat;
    text-indent: -9999px;
}


div#workContainer p {
    width: 635px;
    margin: 10px;
    font-size: 100%;
}

div#merit {
    width: 665px;
    margin: 10px;
    background: #ffdfdf;
    border: #ffbfbf solid 1px;
}

div#merit h3 {
    padding: 5px 0 0 10px;
    color: #ff9999;
    font-size: 120%;
    font-weight: bold;
}

div#demerit {
    width: 665px;
    margin: 10px;
    background: #ccffff;
    border: #99ccff solid 1px;
}

div#demerit h3 {
    padding: 5px 0 0 10px;
    color: #3399cc;
    font-size: 120%;
    font-weight: bold;
}

hr {
    border: #ff9933 solid 1px;
}

dl {
    width: 655px;
    margin: 20px 0;
    clear: both;
    border-bottom: #ff9933 solid 1px;
}

dl dd {
    width: 345px;
    margin-top: 10px;
    margin-left: 255px;
    margin-bottom: 10px;
    border-left: #ff9933 solid 1px;
}

dd ul {
    list-style: none;
}

dd ul li.top {
    padding-top: 20px;
    padding-left: 5px;
    color: #ff9933;
    font-size: 200%;
    font-weight: bold;
}

dd ul li.bottom {
    margin-top: 20px;
    padding-left: 5px;
}

dl dt#registrationPic {
    width: 255px;
    height: 150px;
    background: url(../image/registration_pic.gif) no-repeat;
    float: left;
}

dl dt#joinPic {
    width: 255px;
    height: 150px;
    background: url(../image/join_pic.gif) no-repeat;
    float: left;
}

dl dt#introductionPic {
    width: 255px;
    height: 150px;
    background: url(../image/introduction_pic.gif) no-repeat;
    float: left;
}

dl dt#startPic {
    width: 255px;
    height: 150px;
    margin-bottom: 50px;
    background: url(../image/start_pic.gif) no-repeat;
    float: left;
}

div#workContainer:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

div#workContainer div.exp {
    width: 635px;
    margin-left: 25px;
    padding: 10px;
    background: #e6e6e6;
    border: #cccccc solid 1px;
    clear: both;
}