t@charset "utf-8";

/* CSS Document */

.coming {
    text-align: center;
    padding: 50px 0;
}

.profile {
    margin-bottom: 35px;
}

.profile .left {
    width: 228px;
}

.profile .right {
    width: 530px;
}

.profile h3 {
    font-size: 150%;
    font-weight: bold;
    color: #339900;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #333333;
}

p.name {
    font-size: 150%;
    font-weight: bold;
}

p.p_info {
    background: url(../image/common/dotline.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.qa_box {
    margin-bottom: 20px;
    clear: both;
    margin-top: 20px;
}

.qa_box h3 {
    min-height: 15px;
    height: auto !important;
    height: 15px;
    color: #FF9900;
    font-weight: bold;
    font-size: 130%;
    padding: 0px 0 10px 41px;
}

.sec01 h3 {
    background: url(../image/common/q01.jpg) no-repeat left top;
}

.sec02 h3 {
    background: url(../image/common/q02.jpg) no-repeat left top;
}

.sec03 h3 {
    background: url(../image/common/q03.jpg) no-repeat left top;
}

p.answer {
    background: url(../image/common/border.gif) repeat-x left top;
    padding: 10px 10px 0px;
}

.message {
    background: url(../image/voice/bg_message.png) repeat-y;
    box-shadow: 3px 3px 3px #ccc;
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background-position: 0 10px;
    background-size: 780px 65px;
}

.message::after {
    content: "";
    clear: both;
    display: block;
}

.message h4 {
    font-size: 1px;
    text-indent: -9999px;
}

.message .left {
    padding-right: 10px;
    padding-left: 25px;
    width: 70%;
}

.message .aleft {
    width: 100%;
}

.message .left .message-img {
    padding: 16px 0 10px 0;
}

.message .left .message-img img {
    vertical-align: bottom;
}

.message .left .txt-bold {
    font-weight: bold;
    line-height: 1.6;
    color: #339900;
}

.message .left .txt {
    margin-bottom: 10px;
    line-height: 1.6;
    color: #339900;
}

.message .right {
    margin: 10px 25px 0 0;
}

.company {
    background: url(../image/voice/bg_company.gif) no-repeat left bottom;
    margin-bottom: 30px;
}

.company h5 {
    font-size: 120%;
    font-weight: bold;
}

.company_body {
    padding: 0 11px 7px;
}

.company .left {
    width: 450px;
    background: url(../image/common/border.gif) repeat-x left top;
    padding-top: 13px;
}

.company .right {
    width: 300px;
    padding-top: 10px;
    text-align: center;
}

.company p.caption {
    font-size: 80%;
    color: #8A8A8A;
}

.company p.caption a {
    color: #8A8A8A;
}

.company table {
    width: 100%;
}

.company tr {
    background: url(../image/common/dotline.gif) repeat-x left bottom;
}

.company .end {
    background: none;
}

.company th, .company td {
    padding: 7px 10px 7px 0;
}

.company th {
    font-weight: bold;
    color: #0066CC;
    vertical-align: top;
    width: 116px;
}

.company td {}


/**/

.s_profile {}

.s_profile {
    margin-bottom: 35px;
    padding-top: 20px;
}

.s_profile .left {
    width: 216px;
}

.s_profile .right {
    width: 540px;
}

.s_profile h3 {
    font-size: 150%;
    font-weight: bold;
    border-bottom: 3px solid #CC3300;
    background: url(../image/schedule/bg_title_p.jpg) no-repeat left top;
    color: #FFFFFF;
    padding: 7px 7px 7px 10px;
}

.s_profile h4 {
    font-size: 120%;
    font-weight: bold;
    color: #FF6600;
    background: url(../image/common/point.jpg) no-repeat left 3px;
    padding-left: 15px;
    margin-bottom: 5px;
}

.s_profile p.p_info {
    background: url(../image/common/dotline.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.s_profile .txt_box {
    border: solid 1px #CCCCCC;
    padding: 10px;
}

#step {
    clear: both;
    background: url(../image/schedule/bg_note.jpg) repeat-y left top;
    margin-bottom: 30px;
}

.step_t {
    background: url(../image/schedule/bg_note_ct.jpg) no-repeat left top;
    padding-top: 18px;
}

.step_b {
    background: url(../image/schedule/bg_note_bt.jpg) no-repeat left bottom;
    padding-bottom: 15px;
}

.grid {
    background: url(../image/schedule/grid.gif) repeat left top;
    width: 730px;
    margin-left: 30px;
    padding-top: 10px;
    padding-left: 10px;
}

.step_body {}

#step h4 {
    color: #CC6600;
    font-weight: bold;
    font-size: 120%;
    padding-top: 10px;
    padding-left: 110px;
    min-height: 29px;
    height: auto !important;
    height: 29px;
    margin-bottom: 10px;
}

.s01 h4 {
    background: url(../image/schedule/step01.png) no-repeat left top;
}

.s02 h4 {
    background: url(../image/schedule/step02.png) no-repeat left top;
}

.s03 h4 {
    background: url(../image/schedule/step03.png) no-repeat left top;
}

.s04 h4 {
    background: url(../image/schedule/step04.png) no-repeat left top;
}

.s05 h4 {
    background: url(../image/schedule/step05.png) no-repeat left top;
}

.s06 h4 {
    background: url(../image/schedule/step06.png) no-repeat left top;
}

.s07 h4 {
    background: url(../image/schedule/step07.png) no-repeat left top;
}

.s08 h4 {
    background: url(../image/schedule/step08.png) no-repeat left top;
}

.s09 h4 {
    background: url(../image/schedule/step09.png) no-repeat left top;
}

#step h5 {
    font-weight: bold;
    margin-bottom: 5px;
}

#step .left {
    width: 110px;
}

#step .right {
    width: 600px;
}

.s01, .s02, .s03, .s04, .s05, .s06, .s07, .s08, .s09 {
    margin-bottom: 20px;
    clear: both;
}

#step p.linktxt {
    margin-bottom: 5px;
}

#step p.linktxt a {
    color: #0099CC;
    background: url(../image/common/arrow02.gif) no-repeat left 3px;
    padding: 0 0 0 10px;
}

.s_message {
    background: url(../image/schedule/bg_s_message.jpg) repeat-x left top;
    clear: both;
    width: 734px;
    border: 2px solid #FF9900;
    padding: 10px;
    margin-left: 10px;
}

.s_message h4 {
    margin-bottom: 10px;
}

.s_message .left {
    width: 212px;
}

.s_message .right {
    width: 510px;
}

.s_message p {
    line-height: 1.6;
}


/**/

.pagelink {
    border-top: solid 1px #0099CC;
    border-bottom: solid 1px #CCCCCC;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pagelink li {
    display: inline;
    color: #999999;
}

.pagelink li a {
    text-decoration: none;
    background: url(../image/common/arrow_blue.gif) no-repeat left 3px;
    padding: 0 0 0 10px;
}

.pagelink li a:hover {
    text-decoration: underline;
}

#index .left, #index .right {
    width: 357px;
    padding: 8px 9px 9px;
    border: 1px solid #CCCCCC;
}

.wrap_box_d {
    clear: both;
    /*     background: url(../image/gy/bg_index_d.gif) no-repeat left bottom; */
    margin-bottom: 10px;
}

.wrap_box_s {
    clear: both;
    /*     background: url(../image/gy/bg_index_s.gif) no-repeat left bottom; */
    margin-bottom: 10px;
}

1 Comment Colla #index .title {
    background: url(../image/gy/bg_title.gif) repeat-x left top;
    border-bottom: solid 1px #CCCCCC;
    margin-bottom: 20px;
    font-size: 150%;
}

#index h3 {
    line-height: 37px;
    font-weight: bold;
    background: url(../image/gy/bg_title.gif) repeat-x left top;
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 20px;
}

#index h3 .bg {
    padding: 0 0 0 37px;
    width: 600px;
    min-height: 37px;
    height: auto !important;
    height: 37px;
}

#index h4 {
    font-weight: bold;
    padding: 0 0 5px 15px;
}

#index .wrap_box_d p, #index .wrap_box_s p {
    background: url(../image/common/dotline.gif) repeat-x left top;
    padding-top: 8px;
}

#index #maker, #index #trade, #index #money, #index #distribut, #index #com, #index #energy, #index #const, #index #service #others {
    clear: both;
}

#index #maker h3 {
    border-top: solid 2px #CC3399;
}

#index #maker h3 .bg {
    background: transparent url(../image/gy/ico_maker.png) no-repeat 3px 5px;
}

#index #maker h4 {
    color: #CC3399;
    background: url(../image/gy/point_purple.gif) no-repeat left 3px;
}

#index #trade h3 {
    border-top: solid 2px #99CC00;
}

#index #trade h3 .bg {
    background: transparent url(../image/gy/ico_trade.png) no-repeat 3px 5px;
}

#index #trade h4 {
    color: #99CC00;
    background: url(../image/gy/point_green.gif) no-repeat left 3px;
}

#index #money h3 {
    border-top: solid 2px #FF9900;
}

#index #money h3 .bg {
    background: transparent url(../image/gy/ico_money.png) no-repeat 3px 7px;
}

#index #money h4 {
    color: #FF9900;
    background: url(../image/gy/point_orange.gif) no-repeat left 3px;
}

#index #distribut h3 {
    border-top: solid 2px #993300;
}

#index #distribut h3 .bg {
    background: transparent url(../image/gy/ico_distribut.png) no-repeat 3px 5px;
}

#index #distribut h4 {
    color: #993300;
    background: url(../image/gy/point_brown.gif) no-repeat left 3px;
}

#index #com h3 {
    border-top: solid 2px #0099CC;
}

#index #com h3 .bg {
    background: transparent url(../image/gy/ico_com.png) no-repeat 2px 2px;
}

#index #com h4 {
    color: #0099CC;
    background: url(../image/gy/point_skyblue.gif) no-repeat left 3px;
}

#index #energy h3 {
    border-top: solid 2px #0066CC;
}

#index #energy h3 .bg {
    background: transparent url(../image/gy/ico_energy.png) no-repeat 3px 7px;
}

#index #energy h4 {
    color: #0066CC;
    background: url(../image/gy/point_blue.gif) no-repeat left 3px;
}

#index #const h3 {
    border-top: solid 2px #FF6600;
}

#index #const h3 .bg {
    background: transparent url(../image/gy/ico_const.png) no-repeat 3px 7px;
}

#index #const h4 {
    color: #FF6600;
    background: url(../image/gy/point_vermilion.gif) no-repeat left 3px;
}

#index #service h3 {
    border-top: solid 2px #FF6699;
}

#index #service h3 .bg {
    background: transparent url(../image/gy/ico_service.png) no-repeat 3px 7px;
}

#index #service h4 {
    color: #FF6699;
    background: url(../image/gy/point_pink.gif) no-repeat left 3px;
}

span.caption {
    font-size: 80%;
    color: #8A8A8A;
}

span.g01 {
    font-size: 10px;
    color: #959595;
    text-decoration: underline;
}

span.g02 {
    font-size: 10px;
    color: #959595;
}


/* 120918 Nadia 新規追記分 */

.wrap_box_d p span, .wrap_box_s p span {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}


/* 20180919 追加その他アイコン*/




#index #others h3 {
    border-top: solid 2px #99CC00;
}

#index #others h3 .bg {
    margin-left: 3px;
}

#index #trade h4 {
    color: #99CC00;
    background: url(../image/gy/point_green.gif) no-repeat left 3px;
}