@import "common.css";

/* ***************************************
       ///【コンテナ?E繊?//
*************************************** */

*:first-child+html div#changeContainer {
    margin-top: 0px;
}

div#changeContainer {
   width: 685px;
    margin-top: 8px;
    float: right;
    line-height:1.3
}
div#changeContainer h2{
	color:#FF8837;
	padding:0 5px;
	margin: 15px 0 0 0;
	font-weight:bold;
}


div#changeContainer h2#aboutChange {
    width: 655px;
    height: 36px;
    margin: -20px 0 10px;
    background: url(../image/what_about_change.gif) no-repeat;
    text-indent: -9999px;
    clear: both;
}

div#changeContainer h2#peopleReason {
    width: 655px;
    height: 36px;
    margin: 20px 0 10px;
    background: url(../image/people_reason_pic.gif) no-repeat;
    text-indent: -9999px;
}

div#changeContainer h2#method {
    width: 655px;
    height: 36px;
    margin: 20px 0 10px;
    background: url(../image/method_pic.gif) no-repeat;
    text-indent: -9999px;
    clear: both;
}

div#changeContainer h3 {
    width: 520px;
    height: 50px;
    margin: 10px 60px;
    background: url(../image/change_h3_pic.gif) no-repeat;
    backgroung-position: center;
    text-indent: -9999px;
}

div#changeContainer p {
    width: 635px;
    margin: 10px;
}



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

}

div#reason dl {
    border-collapse: collapse;

}

div#reason dl dt {
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    font-weight: 900;
    font-family: property;
    font-size: 150%;

}

div#reason dl dd {
    padding: 5px;
    line-height:1.2
}



*html div#reason dl#salary {
    margin: 0;
}

div#reason dl#salary {
    width: 320px;
    height: 150px;
    margin: 0 0 0 8px;
    border: #cccccc dotted 1px; 
    float: left;
    overflow: hidden;
}

div#reason dl#salary dd.reasonPic {
    width: 148px;
    height: 137px;
    margin-left: 0;
    background: url(../image/salary_pic.gif) no-repeat;
    float: left;
}



div#reason dl#relations {
    width: 320px;
    height: 150px;
    margin: 0;
    border: #cccccc dotted 1px;
    float: left;
    overflow: hidden;
}

div#reason dl#relations dd.reasonPic {
    width: 148px;
    height: 137px;
    margin-left: 10px;
    background: url(../image/relations_pic.gif) no-repeat;
    float: left;
}



*html div#reason dl#interesting {
    width: 320px;
    margin: 0;
}

div#reason dl#interesting {
    width: 320px;
    height: 190px;
    margin: 0 0 0 8px;
    border: #cccccc dotted 1px;
    float: left;
    overflow: hidden;
}

div#reason dl#interesting dd.reasonPic {
    width: 148px;
    height: 200px;
    margin-left: 0;
    background: url(../image/interesting_pic.gif) no-repeat;
    float: left;
}



div#reason dl#financialCondition {
    width: 320px;
    height: 190px;
    margin: 0;
    border: #cccccc dotted 1px;
    float: left;
    overflow: hidden;
}

div#reason dl#financialCondition dd.reasonPic {
    width: 148px;
    height: 190px;
    margin-left: 10px;
    background: url(../image/financial_pic.png) no-repeat;
    float: left;
}



*html div#reason dl#carrier {
    margin: 0;
}

div#reason dl#carrier {
    width: 320px;
    height: 160px;
    margin: 0 0 0 8px;
    border: #cccccc dotted 1px;
    float: left;
    overflow: hidden;
}

div#reason dl#carrier dd.reasonPic {
    width: 148px;
    height: 137px;
    margin-left: 0;
    background: url(../image/carrier_pic.gif) no-repeat;
    float: left;
}



div#reason dl#environment {
    width: 320px;
    height: 160px;
    margin: 0;
    border: #cccccc dotted 1px;
    float: left;
    overflow: hidden;
}

div#reason dl#environment dd.reasonPic {
    width: 148px;
    height: 137px;
    margin-left: 0;
    background: url(../image/environment_pic.gif) no-repeat;
    float: left;
}



*html div#howTopList {
    margin: 0;
    padding: 0;
}

div#howToList {
    width: 655px;
    margin: 0;
}

div#howToList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#howToList ul li {
    width: 635px;
    margin: 0 10px;
}

div#howToList ul li p {
    width: 635px;
    margin: 10px;
}

div#howToList ul li#useMethod {
    width: 635px;
    height: 20px;
    background: url(../image/use_method_pic.png) no-repeat;
    text-indent: -9999px;
}

div#howToList ul li#applicationMethod {
    width: 635px;
    height: 20px;
    margin-top: 20px;
    background: url(../image/application_method_pic.png) no-repeat;
    text-indent: -9999px;
}

div#howToList ul li#scoutMethod {
    width: 635px;
    height: 20px;
    margin-top: 20px;
    background: url(../image/scout_method_pic.png) no-repeat;
    text-indent: -9999px;
}



*:first-child+html div#howToList table {
    font-size: 98%;
}

*html div#howToList table {
    font-size: 98%;
}

div#howToList table {
    margin: 10px 0 0 6px;
    border: #000000 solid 1px;
    border-collapse: collapse;
}

div#howToList table td {
    padding: 5px;
    border: #000000 solid 1px;
}

div#howToList table td.setBorder {
    text-align: center;
    background: #cccccc;
}

*:first-child+html div#howToList table td.leftParts {
    font-size: 110%;
}

*html div#howToList table td.leftParts {
    font-size: 110%;
}

div#howToList table td.leftParts {
    width: 200px;
    padding-left: 10px;
    font-size: 120%;
    font-weight: bold;
}

div#howToList table td.centerParts {
    width: 200px;
    background: #ffffcc;
}

div#howToList table td.rightParts {
    width: 200px;
    background: #ecf5fb; /* セーフカラーにす?E?ffffff */
    vertical-align: top;
}

table {
    margin: 0px 0;
    border: #cccccc solid 1px;
    border-collapse: collapse;
    font-size: 110%;
    clear: both;
    line-height: 1.5;
}

table td {
    
    padding: 2px;
    font-size: 85%;
    border: #cccccc solid 1px;
}