@charset 'UTF-8';

/* **********************************************************************
*
*       Title:   Site-Shokunin CMS block.css
*       Notes:   文字数オーバーのため追記不可
*
********************************************************************** */


/* IE用印刷設定CSS
======================================================= */

@media print {
    body {
        _zoom: 67%; /*WinIE only */
    }

    #top_a {
        _zoom: 95%; /*WinIE only */
    }
}


/* BLOCK内スタイル設定
======================================================= */

span.texts {
    font-size: 77%;
    line-height: 1.3;
}
span.textn {
    font-size: 100%;
    line-height: 1.5;
}
span.textl {
    font-size: 138.5%;
    line-height: 1.5;
}
span.textll {
    font-size: 200%;
    line-height: 1.5;
}
span.textxl {
    font-size: 350%;
    line-height: 1.5;
}
span.textxxl {
    font-size: 500%;
    line-height: 1.5;
}

.tac {
    text-align: center !important;
}

table.nbr,
table.tbr table.nbr {
    border-collapse: collapse;
    border-top: none;
    border-left: none;
}

table.nbr th,
table.tbr table.nbr th {
    font-weight: bold;
    line-height: 1.5;
    padding: 0;
    border-right: none;
    border-bottom: none;
}

table.nbr th { font-size: 116%; }
table.tbr table.nbr th { font-size: 100%; }

table.nbr td,
table.tbr table.nbr td {
    line-height: 1.5;
    padding: 0;
    text-align: left;
    border-right: none;
    border-bottom: none;
}

table.nbr td { font-size: 116%; }
table.tbr table.nbr td { font-size: 100%; }

table.tbr,
table.nbr table.tbr {
    border-collapse: collapse;
    border-top: 1px solid #d9d9d9;
}

table.tbr th,
table.nbr table.tbr th {
    font-weight: bold;
    line-height: 1.5;
    padding: 20px;
    text-align: center;
    color: #555;
    border-bottom: 1px solid #d9d9d9;
    background: #f4f4f4;
}

table.tbr th { font-size: 116%; }
table.nbr table.tbr th { font-size: 100%; }

#contents section table.tbr th p,
#contents section table.nbr table.tbr th p {
    text-align: center;
}

table.tbr td,
table.nbr table.tbr td {
    font-size: 116%;
    line-height: 1.5;
    padding: 20px;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
}

table.tbr td ol,
table.tbr td ul {
    font-size: 100%;
    line-height: 1.8;
}

blockquote {
    font-size: 100%;
    line-height: 1.4;
    clear: both;
    margin: 0;
    padding: 15px;
    text-align: left;
    border: 1px solid #cfcfcf;
    background: #f3f3f3;
}

img {
    border: 0;
}

.photo_r,
.photo-r {
    font-size: 77%;
    line-height: 1.3;
    float: right;
    margin: 3px 0 10px 15px;
    text-align: left;
}

.photo_l,
.photo-l {
    font-size: 77%;
    line-height: 1.3;
    float: left;
    margin: 3px 15px 10px 0;
    text-align: left;
}

.photo_c,
.photo-c {
    font-size: 77%;
    line-height: 1.3;
    margin: 3px auto 10px auto;
}

.photo_r img,
.photo_l img,
.photo_c img,
.photo-r img,
.photo-l img,
.photo-c img {
    margin-bottom: 3px;
}

.photo-r2 {
    float:right;
    margin: 3px 0 15px 20px;
    font-size: 77%;
    line-height: 1.3;
    color: #555;
}

.photo-l2 {
    float:left;
    margin: 0px 20px 15px 0;
    font-size: 77%;
    line-height: 1.3;
    color: #555;
}

.boxlink {
    cursor: pointer;
}


/* TOPページ用のレイアウト設定
======================================================= */


/* WORKS */
.works_list {
    width: 980px;
    overflow: hidden;
}

.works_list ul {
    width: 1020px;
    overflow: hidden;
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

.works_list li {
    float: left;
    width: 215px;
    margin-right: 40px;
    padding-bottom: 0px;
    *zoom: 1;
}

.works_list .ico {
    display: block;
    width: 75px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 80%;
    padding: 5px;
    line-height: 1;
    color: #fff;
    margin: 0 0 10px;
    text-align: center;
}

.works_list .ico_wide {
    display: block;
    width: 110px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 80%;
    padding: 5px;
    line-height: 1;
    color: #fff;
    margin: 0 0 10px;
    text-align: center;
}

.works_list .ico.realestate {
    background: #4c834d;
}
.works_list .ico.sightseeing {
    background: #c8200f;
}
.works_list .ico.wedding,
.works_list .ico_wide.wedding {
    background: #e874b3;
}
.works_list .ico.manufacture {
    background: #848484;
}
.works_list .ico.education {
    background: #98ba60;
}
.works_list .ico.hospital {
    background: #9a460d;
}
.works_list .ico.publish {
    background: #e67d00
}
.works_list .ico.finance {
    background: #2b5bb5;
}
.works_list .ico.entertainment {
    background: #cd9c3f;
}
.works_list .ico.talent {
    background: #8f38b7;
}
.works_list .ico.npo {
    background: #6138b5;
}
.works_list .ico.event {
    background: #e6448c;
}
.works_list .ico.brand {
    background: #009999;
}
.works_list .ico.financial {
    background: #3366cc;
}
.works_list .ico.service {
    background: #0ba4da;
}
.works_list .ico.process{
    background: #edb388;
}
.works_list .ico.design{
    background: #80bd0a;
}



.works_list .catch {
    margin: 0 0 10px;
}

.works_list .name {
    padding: 0 50px 0 0 0;
    margin: 0;
}

.works_list .name a {
    background: url(../img/arw.gif) 0 0.4em no-repeat;
    padding: 0 0 0 10px;
}

.works_list .txt {
    font-size: 85%;
    margin: 0 0 10px;
}

.btn a {
    display: block;
    width: 285px;
    padding: 16px 0;
    background: #366ac8;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    margin: 0 auto;
}

#top_a section .btn a:visited,
#top_b section .btn a:visited,
#top_c section .btn a:visited,
#top_d section .btn a:visited {
    color: #fff;
}

.btn a span {
    background: url(../img/arw_btn.png) right 50% no-repeat;
    padding: 0 20px 0 0;
}

/* INTERVIEW */

.interview_list {
    width: 980px;
    overflow: hidden;
}

.interview_list ul {
    width: 1008px;
    overflow: hidden;
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

.interview_list li {
    float: left;
    width: 308px;
    margin-right: 28px;
    padding-bottom: 0px;
    *zoom: 1;
}

.interview_list .name {
    font-size: 116%;
    background: url(../img/arw.gif) 0 0.6em no-repeat;
    padding: 0 0 0 10px;
    margin: 0 0 10px 10px;
}

.interview_list .img {
    text-align: center;
}

.baloon01 {
    background: url(../img/baloon_top_interview01.gif) 0 0 no-repeat;
    padding: 80px 40px 0;
    height: 145px;
}

.baloon02 {
    background: url(../img/baloon_top_interview02.gif) 0 0 no-repeat;
    padding: 80px 40px 0;
    height: 145px;
}

.baloon03 {
    background: url(../img/baloon_top_interview03.gif) 0 0 no-repeat;
    padding: 80px 40px 0;
    height: 145px;
}

.baloon04 {
    background: url(../img/baloon_top_interview04.gif) 0 0 no-repeat;
    padding: 80px 40px 0;
    height: 145px;
}

/* SERVICE */

.challenge_svc {
    width: 980px;
    overflow: hidden;
}

.challenge_svc ul {
    width: 1010px;
    overflow: hidden;
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

.challenge_svc li {
    float: left;
    width: 475px;
    margin-right: 30px;
    padding-bottom: px;
    *zoom: 1;
}

.challenge_svc li .inner {
    border: 5px solid #d7d8d9;
    padding: 20px 30px;
}

.challenge_svc .csvc01,
.challenge_svc .csvc02,
.challenge_svc .csvc03,
.challenge_svc .csvc04 {
    font-size: 116%;
    margin: 0 0 10px 0;
    padding: 2px 0 2px 40px;
    color: #007dbb;
}

.challenge_svc .csvc01 span,
.challenge_svc .csvc02 span,
.challenge_svc .csvc03 span,
.challenge_svc .csvc04 span {
    background: url(../img/arw.gif) 0 50% no-repeat;
    padding: 0 0 0 10px;
    text-decoration: underline;
}

.challenge_svc a:hover .csvc01 span,
.challenge_svc a:hover .csvc02 span,
.challenge_svc a:hover .csvc03 span,
.challenge_svc a:hover .csvc04 span {
    text-decoration: none;
}

.challenge_svc .csvc01 {
    background: url(../img/ico_kadai01.gif) 0 50% no-repeat;
}

.challenge_svc .csvc02 {
    background: url(../img/ico_kadai02.gif) 0 50% no-repeat;
}

.challenge_svc .csvc03 {
    background: url(../img/ico_kadai03.gif) 0 50% no-repeat;
}

.challenge_svc .csvc04 {
    background: url(../img/ico_kadai04.gif) 0 50% no-repeat;
}

.challenge_svc a .txt {
    color: #555;
    text-decoration: none;
}

.challenge_svc a {
    text-decoration: none;
}

/* 更新情報 */

.info_box {
    float: left;
    width: 290px;
    margin: 0 55px 0 0;
}

#top #feeds p {
    margin: 0 0 20px;
}

#top #feeds p img {
    vertical-align: middle;
}

.info_fbarea {
    float: right;
    width: 290px;   
}


/* Web制作サービス
======================================================= */

.servicelist {
    width: 720px;
    overflow: hidden;
}

.servicelist ul {
    width: 720px;
    overflow: hidden;
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.servicelist li {
    float: left;
    width: 199px;
    margin-right: 0px;
    *zoom: 1;
}

.servicelist li.sl_ico01 {
    background: url(../img/se_ico_tec01.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico02 {
    background: url(../img/se_ico_tec02.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico03 {
    background: url(../img/se_ico_tec03.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico04 {
    background: url(../img/se_ico_tec04.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico05 {
    background: url(../img/se_ico_tec05.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico06 {
    background: url(../img/se_ico_tec06.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico07 {
    background: url(../img/se_ico_tec07.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico08 {
    background: url(../img/se_ico_tec08.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico09 {
    background: url(../img/se_ico_tec09.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}
.servicelist li.sl_ico10 {
    background: url(../img/se_ico_tec10.png) 0 0 no-repeat;
    padding: 10px 0 10px 41px;
    margin: 0 0 20px 0;
}

#main section .servicelist li p.tit {
    font-size: 13px;
    line-height: 1.5;
}

#main section .servicelist li p.explain {
    font-size: 11px;
}


/* 制作実績ページ　2015新レイアウト
======================================================= */

#main .case_main {
    text-align: center;
    margin: 0 0 30px;
}

.case_data {
    background: #f4f4f4;
    padding: 30px 25px 20px;
}

.case_data ul.cd_l {
    float: left;
    width: 410px;
}

.case_data ul.cd_r {
    float: right;
    width: 230px;
}

.case_data ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.case_data ul li {
    margin: 0 0 10px;
}

#main .case_data ul li .tit {
    float: left;
    width: 80px;
    font-size: 72.5%;
    font-weight: bold;
    margin: 0 0 5px;
}

#main .case_data ul li .cnt {
    float: left;
    width: 330px;
    font-size: 93%;
    line-height: 1.5;
}

#main .case_data ul.cd_r li .cnt {
    float: left;
    width: 150px;
}

#main .case_data .ico {
    float: left;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    padding: 5px 15px;
    line-height: 1.5;
    color: #fff;
    margin: 0 0 10px;
    text-align: center;
}

#main .case_data .ico02 {
    float: left;
    display: block;
    width: 80px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    padding: 5px;
    line-height: 1;
    color: #fff;
    margin: 0 0 10px;
    text-align: center;
}

#main .case_data .ico_wide {
    float: left;
    display: block;
    width: 110px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    padding: 5px;
    line-height: 1.5;
    color: #fff;
    margin: 0 0 10px;
    text-align: center;
}
/* 業種アイコン///製造業・加工業 */
.case_data .ico.manufacture {
    background: #848484;
}

/* 業種アイコン///飲食・宿泊 */
.case_data .ico.shop {
    background: #cd9c3f;
}

/* 業種アイコン///レジャー・観光 */
.case_data .ico.sightseeing {
    background: #c8200f;
}

/* 業種アイコン///教育・学校 */
.case_data .ico.education {
    background: #e67d00;
}

/* 業種アイコン///金融・保険 */
.case_data .ico.finance {
    background: #2b5bb5;
}

/* 業種アイコン///運送業 */
.case_data .ico.transport {
    background: #80bd0a;
}

/* 業種アイコン///建設・不動産業 */
.case_data .ico.realestate {
    background: #4c834d;
}

/* 業種アイコン///医療・福祉 */
.case_data .ico.hospital {
    background: #1da79c;
}

/* 業種アイコン///情報通信業 */
.case_data .ico.info {
    background: #0ba4da;
}

/* 業種アイコン///士業 */
.case_data .ico.lawyer {
    background: #8f38b7;
}

/* 業種アイコン///サービス・小売 */
.case_data .ico.service {
    background: #e874b3;
}

/* 業種アイコン///NPO */
.case_data .ico.npo {
    background: #009999;
}


.case_cap {
    width: 720px;
    overflow: hidden;
}

.case_cap ul {
    width: 720px;
    overflow: hidden;
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.case_cap li {
    float: left;
    width: 270px;
    margin-right: 20px;
    *zoom: 1;
}
.case_cap li.end {
    float: right;
    width: 140px;
    margin-right: 0px;
    *zoom: 1;
}

#main .case_cap li p {
    font-size: 85%;
    color: #555;
    margin: 0 0 5px;
}

#main .case_cap li p.pc {
    background: url(../img/ico_pc.jpg) 0 50% no-repeat;
    padding: 0 0 0 18px;
}

#main .case_cap li p.smp {
    background: url(../img/ico_smp.jpg) 0 50% no-repeat;
    padding: 0 0 0 16px;
}


/* お問い合わせトップ
======================================================= */

.cntct_form {
    background: #f4f4f4 url(../img/ico_cntct_tit01.gif) 10px 50% no-repeat;
    padding: 10px 10px 10px 50px;
    font-weight: bold;
    margin: 0 0 20px;
}

.cntct_tel {
    background: #f4f4f4 url(../img/ico_cntct_tit02.gif) 10px 50% no-repeat;
    padding: 10px 10px 10px 50px;
    font-weight: bold;
    margin: 0 0 20px;
}

.cntct_list {
    width: 730px;
    overflow: hidden;
}

.cntct_list ul {
    width: 770px;
    overflow: hidden;
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cntct_list li {
    float: left;
    width: 345px;
    margin-right: 40px;
    padding-bottom: 20px;
    *zoom: 1;
}

.cntct_list li a {
    display: block;
    border: 1px solid #d9d9d9;
    padding: 140px 30px 30px;
}

.cntct_list li a:hover {
    border: 6px solid #07539f;
    padding: 135px 25px 25px;
}

.cntct_list li a:visited {
    color: #007dbb;
}

.cntct_list li a.consulting {
    background: url(../img/ico_cntct01.gif) 50% 30px no-repeat;
}

.cntct_list li a.consulting:hover {
    background: url(../img/ico_cntct01_ov.gif) 50% 25px no-repeat;
}

.cntct_list li a.partner {
    background: url(../img/ico_cntct02.gif) 50% 30px no-repeat;
}

.cntct_list li a.partner:hover {
    background: url(../img/ico_cntct02_ov.gif) 50% 25px no-repeat;
}

.cntct_list li a span {
    display: block;
    background: url(../img/arw.gif) 0 0.5em no-repeat;
    padding: 0 0 0 12px;
}

.cntct_telnum span {
    font-size: 27px;
}

/* お問い合わせ table */

.contactform table.tbr {
    width: 100%;
}

.contactform table.tbr th {
    width: 25%;
}

.contactform table.tbr td {
    width: 75%;
}

#contents section .contactform ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#contents section .contactform input {
    vertical-align: middle;
}

dl.subform {
    width: 100%;
    padding: 0 0 5px 0;
}

dl.subform dt {
    float: left;
    width: 20%;
}

dl.subform dd {
    float: left;
    width: 80%;
}


/* お問い合わせ error */

.err_block {
    clear: both;
    margin-bottom: 17px;
    padding: 12px;
    background: #ffe8e8;
}

.err_block p {
    font-size: 100%;
    line-height: 1.6;
    color: #f00;
}

.err_block p.err_tit {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 5px 0;
    padding: 2px 0 2px 10px;
    color: #fff;
    background: #f00;
}

label.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

input.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

select.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

textarea.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

fieldset {
    display: inline;
    padding: 3px;
}

fieldset.error {
    background: #ffe8e8;
}

#contents section #form_flow {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#form_flow li {
    float: left;
    width: 202px;
    list-style-type: none;
}

#form_flow li.arw {
    width: 57px;
    padding: 7px 0 0 0;
    text-align: center;
}

#form_flow li .inner {
    padding: 5px 0;
    text-align: center;
    border: 1px solid #d2d2d2;
}



a.arw {
    padding: 0 0 0 10px;
    background: url(../img/arw.gif) 0 .5em no-repeat;
}

a.exlink {
    padding: 2px 0 2px 20px;
    background: url(../img/ico_exlink.gif) 0 .5em no-repeat;
}

a.pdf {
    padding: 5px 0 5px 20px;
    background: url(../img/ico_pdf.gif) 0 0.4em no-repeat;
}

/* margin
======================================================= */

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }


/* clearfix
======================================================= */
.clearfix {
    zoom: 1;
}
.clearfix:after {
    display: block;
    clear: both;
    content: '';
}

*:after {
    display: block;
    clear: both;
} /* この記述は固定です */








/* 旧デザイン引継ぎ
======================================================= */

td.nbr10 {
    font-size: 10px;
    line-height: 1.5;
    color: #555;
}
html>body td.nbr10 { font-size: 10px; }

td.nbr_b5 {
    font-size: 77%;
    line-height: 1.5;
    color: #555;
    padding:0 0 5px 0;
}

td.nbr_t20 {
    font-size: 100%;
    line-height: 1.5;
    color: #555;
    padding:20px 0 0 0;
}

td.nbr_t10 {
    font-size: 100%;
    line-height: 1.5;
    color: #555;
    padding:10px 0 0 0;
}

td.nbr_t10_2 {
    font-size: 100%;
    line-height: 1.5;
    color: #555;
    padding:10px 0 20px 0;
}

td.nbr_case {
    padding: 0 0 20px 0;
    font-size: 100%;
    line-height: 1.5;
    color: #555;
}


/* サービスBLOCK内スタイル設定 ############################################################################## */

.s_flow {
    border: 1px solid #d1d1d1;
    padding: 10px 10px 10px 10px;
}
.s_flow_r {
    float: left;
}

.s_flow p {
    width: 625px;
    float: right;
}

.r_type{
    width:240px;
    float: left;
}

.l_type{
    width:240px;
    float: right;
}
.m_type{
    width:240px;
    float: right;
}

.s_type_t {
    margin: 0 0 15px 0 ;
}

.s_type {
    float: left;
    width: 340px;
    padding: 0px;
    min-height:280px;
    height:auto !important;
    height:280px;
}

.s_type_l {
    clear: both;
    width: 42px;
    float: left;
    margin: 10px 0 0 0 ;
    padding: 0px;
}

.s_type_r {
    width: 180px;
    float: right;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}

.cms_function_r {
    margin: 0px;
    padding: 0 0 30px 30px;
    float: right;
    width: 330px;
}

.cms_function_r_r {
    margin: 0 0 10px 0;
    padding: 20px;
    text-align: center;
    background: #fffedc;
    border-top: 1px solid #eeedd9;
    border-right: 1px solid #eeedd9;
    border-left: 1px solid #eeedd9;
    font-size: 85%;
    width: 289px;
}
* html .cms_function_r_r { width: 330px; }
*:first-child+html .cms_function_r_r { width: 290px; }

.cms_function_r_btm {
    background: url(../img/cms_function_r_btm.gif) no-repeat 0px bottom;
    padding: 0 0 1px 0;
}

.cms_function_r p img {
    margin: 0px;
    padding: 0px 0px 22px;
}

.cms_function_r ul {
    margin: 0px;
    padding: 0px;
    clear: both;
    list-style: none;
}

.cms_function_r ul li {
    float: left;
    font-weight: bold;
    padding: 0px 10px 0 0px;
    line-height: 2.0;
}

.cms_function_r ul .right {
    float: left;
    font-weight: normal;
    padding: 0px;
}

.cms_function_r ul .right .red {
    color: #e71f1f;
    font-weight: bold;
}

.cost_ex {
    border:1px solid #d2d2d2;
    background: #f1f1f1;
    padding: 10px 15px;
}
.service_article{
    padding: 0px;
    margin: 0;
    vertical-align: top;
}
.service_articletit {
    vertical-align: top;
}
#ss_l{
    float: left;
    width: 400px;
}
#ss_r{
    float: right;
    width: 270px;
}
#se_cmsinfo {
    border: 1px solid #d2d2d2;
    padding: 10px;
    margin: 20px 0 0 0px;
    clear: both;
}
#main .service_article h3 {
    font-size: 131%;
    font-weight: normal;
    background: url(../img/bg_casetit.gif) 0 0 no-repeat;
    padding: 15px 0 15px 80px;
    margin: 0 0 30px;
}
h5 {
    text-align: left;
    font-size: 110%;
    padding: 10px 0 5px 0;
}
span.ita {
    font-style: italic !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "sans-serif";
}

/* 制作ワークフロー ###################### */

#flow_image {
    width: 242px;
    height: auto;
    margin: 0 20px;
    float: left;
}

#flow_txt {
    height: auto;
    padding: 18px 0 0 0;
    float: left:
}       
#plan {
    width: 100%;
    min-height:478px;           
}

#dlop {
    width: 100%;
    min-height:460px;
}

#insp {
    width: 720px;
    min-height:200px;
}

#main section p.flow_tit {
    width: 416px;
    height: 26px;
    padding: 6px 9px 6px 304px;
    margin-bottom: 20px;
    color: #fff;
}

#plan p.flow_tit {
    background: #07539f url(/img/flow_plan_icon.gif) no-repeat 282px 50%;
}

#dlop p.flow_tit {
    background: #07539f url(/img/flow_dlop_icon.gif) no-repeat 282px 50%;
}

#insp p.flow_tit {
    background: #07539f url(/img/flow_insp_icon.gif) no-repeat 282px 50%;
}

span#flow_attention {
    font-size: 10px;
}
p#flow_txt_mid {
    padding-top: 65px;
}
p#flow_txt_bot {
    padding-top: 40px;
}

/* チーム編成 ###################### */

.team_l {
    width: 330px;
    float: left;
}

.team_r {
    width: 330px;
    margin-left: 60px;
    float: left;
}

.team_b {
    width: 330px;
    margin: 0 auto;
}

.team_l img , .team_r img , .team_b img {
    margin: 5px auto;
}

.team_arrows {
    width: 436px;
    margin: 0 auto;
}

img.team_arrows_l {
    width: 58px;
    padding-right: 320px;
}

img.team_arrows_r {
    width: 58px;
}

/* 制作実績トップページ ###################### */
#contents  h2.port_tit {
    font-size: 138.5%;
    padding: 0;
    margin: 40px 0 10px 0;
    background-image: none;
    font-weight: normal;
}

.portfolio_l_box {
    float: left;
}

.portfolio_l{
    float: none;
    clear: both;
    margin: 0;
}

img.port_img {
    width: 146px;
    margin-right: 24px;
    float: left;
}

.port_txt {
    width: 550px;
    float: left;
}

.port_txt_itv {
    width: 374px;
    margin-right: 24px;
    float: left;
}

.port_itv {
    width:152px;
    margin: 0;
    padding: 0;
    float: right;
}

#main section p.port_tit {
    font-size: 100%;
}

#main section p.port_point {
    background: #f0f0f0;
    color: #272a33;
    padding: 5px 10px;
    margin: 5px 0;
    display: block;
    width: auto;
    text-align: left;
    font-size: 100%;
}

p.tx_indent{
    padding-left: 10px;
    text-indent: -10px;
}

#main section p.port_info {
    font-size: 100%;
}

/* ウェブラボについてBLOCK内スタイル設定 ###################### */

.un_box {
    float: left;
    width: 210px;
    margin: 0 50px 40px 0;
}

.un_box_end {
    float: left;
    width: 210px;
    margin: 0 0px 40px 0;
}

.un_box img, .un_box_end img {
    margin: 0px 0 0 0;
}

.un_box h3, .un_box_end h3 {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

.un_box h3 a, .un_box_end h3 a {
    margin: 0 0 10px 0;
}

#main section .un_box p,
#main section .un_box_end p {
    font-size: 100%;
}

/* 代表挨拶 ###################### */
#com_pro_l {
    float: left;
    width: 69%;
}

#com_pro_r {
    float: right;
    width: 25%;
}

#contents section #com_pro_r p {
    font-size: 77%;
}

/* 技術別 Web標準 ################ */

.block ul.none {
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    line-height: 1.5;
    list-style: none;
    color: #555;
}

.block li.arrow {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    font-size: 100%;
    line-height: 1.5;
    list-style: none;
    background: url(../img/arw_subnav.gif) 1px 0.5em no-repeat;
}

.block li.none {
    margin: 0px 0px 10px 0px;
}

.merit1{
    margin: 0 0 0 0;
    padding: 2px 0 2px 65px;
    background: url(../../img/merit1.gif) 0 2px no-repeat;
    color: #555;
    font-weight: bold;
    /*＼*/
    background: url(../../img/merit1.gif) 0 0 no-repeat;
    /**/
}

.merit2{
    margin: 0 0 0 0;
    padding: 2px 0 2px 65px;
    background: url(../../img/merit2.gif) 0 2px no-repeat;
    color: #555;
    font-weight: bold;
    /*＼*/
    background: url(../../img/merit2.gif) 0 0 no-repeat;
    /**/
}

.merit3{
    margin: 0 0 0 0;
    padding: 2px 0 2px 65px;
    background: url(../../img/merit3.gif) 0 2px no-repeat;
    color: #555;
    font-weight: bold;
    /*＼*/
    background: url(../../img/merit3.gif) 0 0 no-repeat;
    /**/
}

.merit4{
    margin: 0 0 0 0;
    padding: 2px 0 2px 65px;
    background: url(../../img/merit4.gif) 0 2px no-repeat;
    color: #555;
    font-weight: bold;
    /*＼*/
    background: url(../../img/merit4.gif) 0 0 no-repeat;
    /**/
}

/* サービスTOPに戻る################ */

.totop {
    margin: 30px 0 0 0;
    text-align: center;
    font-size: 116%;
}


/* 実績紹介################ */

.dot677 {
    height: 1px;
    background: url(../../img/dot.gif) bottom repeat-x;
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0 0 10px 0;
}











/* 年代別サイトリニューアル######################################## */

.js_lead{
    width: 530px;
    padding: 5px;
    margin-bottom: 5px;
}

.js_cts_l{
    width: 530px;
    float: left;
}

._kadai{
    width: 530px;
}


.js_kadai_l{
    width: 83px;
    float: left;
}

.js_kadai_r{
    width: 430px;
    float: right;
}

.js_arrow{
    width: 430px;
    text-align: center;
    clear: both;
    margin-left: 83px;
    margin-top: 5px;
    margin-bottom: 5px;

}

.js_jisshi{
    width: 530px;
}

.js_jisshi_l{
    width: 83px;
    float: left;
}

.js_jisshi_r{
    width: 430px;
    float: right;
    margin: 0 0 20px 0;
}

.js_memo{
    width: 178px;
    font-size: 100%;
    color: #555;
    float: right;
}

.js_memo_inner{
    padding: 20px 15px 15px 15px;
}

.case_bg {
    width: 178px;
    background: url(../../img/memo_bg.gif) repeat-y;
    padding: 0;
    margin: 0;
}

.case_bg_t {
    width: 178px;
    background: url(../../img/memo_top.gif) 0 0 no-repeat;
    padding: 0;
    margin: 0;
}

.case_bg_b {
    width: 178px;
    background: url(../../img/memo_bottom.gif) 0 bottom no-repeat;
    padding: 0;
    margin: 0;
}

.js_memo_inner p img {
    margin-top: 5px;
}

.js_memo_inner p{
    margin-top: 5px;
}

.js_bottom{
    width: 550px;
    clear: both;
    margin: 20px 0 0 0;
}
.js_bottom p{
    padding: 5px 5px 5px 20px;
}

a.url {
    background: url(/img/icon_window.gif) 0px 2px no-repeat;
    padding: 0 0 3px 20px;
    margin: 5px 0 0 0;
}

ul.mar-l{
    margin-left: 30px;
}


/* 年代別実績リスト ############################################ */

.list_box{
    margin: 5px 0 20px 0;
    border-top: 1px dotted #d2d2d2;
}

.list_box2{
    width: 660px;
    margin: 5px 0 20px 0;
    border-top: 1px dotted #d2d2d2;
}

ul.list_thumb {
    list-style: none;
    padding: 0 0px 0 0;
    margin: 0;
    float: left;
}

ul.list_thumb li {
    float: left;
    width: 152px;
    margin: 0 16px 20px 0;
    display: inline;
}

ul.list_thumb li p.name {
    font-size: 77%;
    text-align: left;
    margin: 0 0 5px 0;
}

ul.ico_lis{
    list-style: none;
    float: right;
    padding: 0 30px 0 0;
}

ul.ico_lis2{
    list-style: none;
    float: right;
    padding: 0 50px 0 0;
}

ul.ico_lis li{
    float: left;
    padding: 0 20px 0 0;
}

ul.ico_lis2 li{
    float: left;
    padding: 0 40px 0 0;
}

ul.ico_lis li img {
    margin: 0 5px 0 5px;
}

ul.ico_lis2 li img {
    margin: 0 5px 0 5px;
}

.each_b{
    width: 720px;
    border-bottom: 1px dotted #d2d2d2;
}

.each_b2{
    width: 660px;
    border-bottom: 1px dotted #d2d2d2;
}

ul.list_n{
    width: 480px;
    float: left;
    list-style: none;
    background: url(../img/arw_subnav.gif) 1px 0.7em no-repeat;
}

ul.list_n2{
    width: 440px;
    float: left;
    list-style: none;
    background: url(../img/arw_subnav.gif) 1px 0.7em no-repeat;
    text-align: left;
}

ul.list_n li{
    width: 480px;
    padding: 3px 0 0 0;
}

ul.list_n2 li{
    width: 440px;
    padding: 3px 0 0 0;
}

ul.ico_bot{
    float: right;
    list-style: none;
    width: 170px;
    border-left: 1px solid #d2d2d2;
}

ul.ico_bot2{
    float: right;
    list-style: none;
    width: 170px;
    border-left: 1px solid #d2d2d2;
}

ul.ico_bot li{
    float: left;
    padding: 10px 5px 10px 0;
}

ul.ico_bot2 li{
    float: left;
    padding: 10px 11px 10px 0;
}

.y_list{
    clear: both;
    width: 100%;
}


/* 採用情報130501 ###################### */

.sai_l{
    float: left;
}

.sai_b {
    width: 328px;
    border: 1px solid #d1d1d1;
    padding: 10px 10px 10px 10px;
}
.sai_b_l {
    float: left;
}

.sai_b p {
    width: 236px;
    float: right;
}

.sai_r{
    float: right;
}

a.sai_lin{
    background: url(../../img/ico_url) 0px 2px no-repeat;
    margin-top: 17px;
    float: right;
}

#main_saiyou {
    float: left;
    width: 730px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

#main_saiyou_un {
    float: right;
    width: 730px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

#main_saiyou_un h1 {
    margin: 0 0 50px;
}

/* 採用情報top */          
nav#subnav_saiyou {
    float: right;
    width: 200px;
    margin: 0 0 0 50px !important;
    padding: 0;
    text-align: left;
}
nav#subnav_saiyou ul {
    margin: 7px 0 0 0;
    padding: 0px;
    font-size: 100%;
    line-height: 1.5;
}

#main_saiyou #contents {
    width: 730px;
    padding: 0px 0px 50px 0px;
    min-height:400px;
    height:auto !important;
    height:400px;
    text-align: left;
}
#main_saiyou #contents-title img {
    margin: 0 0 30px 0;
}

.block_saiyou {
    clear:both;
    padding: 0 0 20px 0;
}

.block_saiyou h2 {
    margin: 10px 0px 18px 0px;
    font-size: 123.1%;
    padding-bottom: 3px;
    border-bottom:1px dotted #d2d2d2;
}

.block_saiyou p {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.5;
    color: #555;
}

.block_saiyou ul {
    margin: 5px 0px 5px 10px;
    padding: 0px 0px 0px 10px;
    font-size: 100%;
    line-height: 1.5;
    color: #555;
}

.block_saiyou ol {
    margin: 5px 0px 5px 15px;
    padding: 0px 0px 0px 20px;
    font-size: 100%;
    line-height: 1.5;
    color: #555;
}
.top-b-block h4 {
    margin: 0 0px 10px 0;
    padding: 0 0 0px 0;
    font-size: 108%;
    color: #555;
    border-bottom: 1px solid #d2d2d2;
}

#saiyou { padding: 0px 0 50px 0; }

.saiyou_side p { color: #666; }
nav#subnav_saiyou .saiyou_side ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav#subnav_saiyou .saiyou_side ul.small {
    margin: 0 0 10px 0;
    color: #666;
    font-size: 85%;
    padding-left: 0;
    list-style-type: none;
}

.saiyou_wrapper { width: 730px; }

.menu_saiyou02_wrapper { width: 250px; float: left; }

.menu_saiyou01 {
    float: left;
    width: 228px;
    border: 1px solid #ddd;
    padding: 0;
    margin: 0 20px 0 0;
}

.menu_saiyou02 {
    width: 228px;
    border: 1px solid #ddd;
    padding: 0;
    margin-right: 20px;
}

.saiyou_wrapper .last { margin-right: 0px; }
* html .saiyou_wrapper .last { float: right; margin-right: 0px; }

.menu_saiyou_l {
    float: left;
    width: 70px;
    padding: 0;
    margin: 0;
}
.menu_saiyou_l img {
    vertical-align: top;
}
.menu_saiyou_r {
    float: left;
    width: 118px;
}
* html .menu_saiyou_r { width: 123px; }

.menu_saiyou01 .line1, .menu_saiyou02 .line1 { padding: 26px 20px 0;}
* html .menu_saiyou01 .line1, * html .menu_saiyou02 .line1 { padding: 26px 0px 0 20px;}
.menu_saiyou01 .line2, * html .menu_saiyou02 .line2 { padding: 17px 20px 0;}
* html .menu_saiyou01 .line2, * html .menu_saiyou02 .line2 { padding: 17px 0 0 20px;}
.menu_saiyou02 .line3 { padding: 15px 20px 0;}
* html .menu_saiyou02 .line3 { padding: 12px 0 0 20px;}

.menu_saiyou02 .line3 p img { margin-bottom: 7px; }


.menu_saiyou_r ul { margin: 0; padding: 0; list-style: none; top: 50%; }
.saiyou_low_c ul { margin: 0; padding: 0 0 7px 2px; list-style: none; top: 50%; }
.menu_saiyou_r ul li, .saiyou_low_c ul li { padding: 0 0 0 9px; background: url(../img/nav_arw.gif) no-repeat 0 0.5em; }
.menu_saiyou02 .line3 ul li { padding: 0 0 0 9px; background: url(../img/nav_arw.gif) no-repeat 0 0.3em; }
* html .menu_saiyou02 .line3 ul li { padding: 0 0 0 9px; background: url(../img/nav_arw.gif) no-repeat 0 0.3em; }
.menu_saiyou_r ul li img { top: 50%;}

.menu_saiyou03 {
    float: right;
    width: 462px;
    border: 1px solid #ddd;
    padding: 12px 0 4px 16px;
    color: #666;
}

.menu_saiyou03 p  { color: #666; font-size: 93%; }

.menu_senpai_l {
    float: left;
    width: 140px;
    margin: 0 14px 0 0;
    text-align: left;
}
* html .menu_senpai_l { width: 154px; margin: 0; }

.menu_saiyou03 p.font85 { font-size: 85%; }
.menu_saiyou03 img, .menu_saiyou03 p { margin: 0 0 10px; }


#ttl_senpai { width: 458px;}
* html .ttl_senpai { width: 480px; }

#saiyou_lower_wrapper {
    width: 728px;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0;
}

#saiyou_low_l {
    float: left;
    width: 70px;
    padding: 13px 18px 0 19px;
}
* html #saiyou_low_l { width: 70px; margin: 6px 9.5px 0 9.5px; }

#ttl_youkou { width: 70px; margin-bottom: 11px; }

#saiyou_low_middle {
    float: left;
    width: 588px;
    padding: 34px 10px 0 0;
}
* html #saiyou_low_middle { padding: 34px 5px 0 0; }

.saiyou_low_c {
    float: left;
    width: 127px;
    padding: 0 20px 16px 0;
}
* html .saiyou_low_c { padding: 0 10px 16px 0; }

.saiyou_low_c p {
    color: #666;
    font-size: 93%;
}

#saiyou_low_r {
    float: right;
    width: 150px;
    padding: 15px 20px 16px 0;
}
* html #saiyou_low_l { padding: 15px 10px 16px 0; }




/* ブログ・レポート ################################################ */
/*++++++++++++++++ ブログ・レポート ++++++++++++++++*/
.drct_home {
    width: 15px;
    float: left;
    padding: 3px 0 0;
}

#wrapper_blog {
    width: 900px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    zoom:1;
}
#wrapper_blog:after{
    content: ""; 
    display: block; 
    clear: both;
}

#wrapper_blog #directry {
    zoom:1;
}
#wrapper_blog #directry:after{
    content: ""; 
    display: block; 
    clear: both;
}

#main_blog {
    float: left;
    width: 668px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

#nav_blog {
    float: right;
    width: 208px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    /*mac IE5¥*//*/
    width: 207px;
    /**/
}

#nav_blog p.caution {
    font-size: 11px;
    color: #cc0001;
    margin: 0px 0px 15px 0px;
}


#nav_blog p.caution a,
#nav_blog p.caution a:visited {
    color: #0098fd;
    text-decoration: underline;
}


#nav_blog p.caution a:hover {
    color: #0098fd;
    text-decoration: none;
}

.blog2_box {
    width:528px;
    border-top:1px solid #c1e3e7;
}


table.blog2 {
    margin: 5px 0 0px 0;
    border-bottom: 1px solid #c1e3e7;
    text-align: left;
}

.blog_tit {
    background:url(../../img/top_main_blog.gif) no-repeat;
}




.blog_bg {
    background:url(../../img/bg_main_blog.gif) repeat-y;
    padding:0 10px 0 51px;
}

.contents_blog {
    width: 599px;
}

.entry {
    margin: 0px 0px 25px 0px;
    padding: 0 0 0 0;
}

.blog_date {
    padding: 3px 0px 3px 0;
    background:url(../../img/bg_blog_date.gif) ;
    color: #ffffff;
}

.blog_date td {
    color: #ffffff;
    font-size: x-small;
}
html>body .blog_date td { font-size: small; }

h3.blog_title {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 120%;
}

.blog_name {
    margin: 0px 0px 0px 0px;
    padding: 0 0 10px 0;
    font-size: xx-small;
    border-bottom: 1px solid #c1e3e7;
}
html>body div.blog_name { font-size: x-small; }

.blog_name img {
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.entry-body {
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.5;
    font-size: x-small;
}
html>body .entry-body { font-size: small; }

.entry-body p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.entry-more {
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    font-size: x-small;
    line-height: 1.5;
}
html>body .entry-more { font-size: small; }

.entry-footer p {
    margin: 12px 0 0px 0;
    padding: 0 0 0 0;
    color: #666666;
    font-size: xx-small;
    line-height: 1.5;
}
html>body .entry-footer p { font-size: x-small; }

.entry-footer a {
    color: #666666;
}

.entry-footer2 {
    font-size: xx-small;
}
html>body .entry-footer2 { font-size: x-small; }

.blog_nav_bg {
    background:url(../../img/bg_nav_blog.gif) repeat-y;
}

.nav_contents_blog {
    width: 180px;
    text-align: left;
}

.nav_contents_blog02 {
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
}

.nav_contents_blog03 {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.nav_contents_blog_tit img {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

ul.blog_nav_topics {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: x-small;
    text-align: left;
}
html>body ul.blog_nav_topics { font-size: small; }

ul.blog_nav_topics li {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 8px;
    text-align: left;
    line-height: 1.3;
    background: url(../../img/blog_nav_arrow.gif) 0px 7px no-repeat;
}

.blog_name02 {
    font-size: xx-small;
    line-height: 1.2;
}
html>body .blog_name02 { font-size: x-small; }

.blog_category {
    font-size: x-small;
    vertical-align: middle;
}
html>body .blog_category { font-size: small; }

.nav_pr_blog {
    width: 198px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #bebebe;
}

.tb_cmt {
    margin: 20px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}

.tb_cmt_tit {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 6px;
    background:url(../../img/bg_blog_date.gif) ;
    font-size: x-small;
    color: #ffffff;
}
html>body .tb_cmt_tit { font-size: small; }

.comment {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: x-small;
    border-bottom: 1px solid #666666;
}
html>body .comment { font-size: small; }

.search-results-container { margin:30px 0 30px 0; }

.search-results {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: x-small;
    border-bottom: 1px dotted #cccccc;
}
html>body .search-results { font-size: small; }

.no_search-results { margin:30px 0 30px 0; }


/* タブ切り替えページのスタイル設定 ###################### */

#tabnav {
    float: left;
    width: 479px;
    margin: 0;
    padding: 0;
    background: #fff;
}

#tabmenu {
    height: 32px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#tabmenu ul {
    margin: 0;
    padding: 0;
}

#tabmenu li {
    float: left;
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}


#tabmenu li a {
    margin: 0;
    float: left;
    padding-top: 32px;
    height: 0px !important;
    height /**/: 32px;
    overflow: hidden;
}

#tabmenu a:hover { background-position: 0 -32px; }
#tabmenu a.selected { background-position: 0 -32px; }
#tabmenu a:hover.selected { background-position: 0 -32px; }

/*++++++++++++++++ nav button set ++++++++++++++++*/
.tabnav01 a { width: 238px; background: url(../../img/tab01.gif) no-repeat; }
.tabnav02 a { width: 238px; background: url(../../img/tab02.gif) no-repeat; }


.tabbody {
    width: 100%;
    padding: 0px;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    text-align   : center;
}

table.list {
    background: url(../../img/list_dot.gif) left top repeat-x;
    border-collapse: collapse;
    text-align: left;
}

table.list2 {
    background: url(../../img/list_dot.gif) left bottom repeat-x;
    border-collapse: collapse;
    text-align: left;
}

.csimg {
    padding:10px 0 5px 0;
}

.csimg2 {
    padding:20px 0 5px 0;
}

.csico {
    padding:0 0px 0 5px;
}

.csico2 {
    margin:0 5px 0 0;
}

#box1,
#box2 {
    padding:15px 0 0px 35px;
}

.record_box {
    border-bottom: 1px dotted #d2d2d2;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.record_box_nb {
    border-bottom: none;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.record_box .img, .record_box_nb .img {
    float: left;
    width: 187px;
    padding: 0 20px 0 0;
}

.record_box .info, .record_box_nb .info {
    float: right;
    width: 520px;
}


/* 事例################ */

.block h4 em { display:none; }
.block h4.kadai { width: 73px; height: 45px; background: url(../../img/case_kadai2.gif) no-repeat; display: block; border-bottom: none; }
.block h4.work { width: 83px; height: 31px; background: url(../../img/case_work2.gif) no-repeat; display: block; border-bottom: none; }
.block h4.client { width: 469px; height: 30px; background: url(../../img/case_tit_client_s.gif) no-repeat; display: block; border-bottom: none; padding: 10px 0 0 0; margin: 0; }


/* お客様インタビューtop################ */

.int_box{
    width: 730px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 2px dotted #d2d2d2;
}

.pic_l{
    width: 168px;
    float: left;
}

.tex_c {
    width: 370px;
    float: left;
    margin: 0;
    padding: 0 20px;
}

.tex_c p {
    padding: 0 0 10px 0;
}


a.int_lin{
    padding: 0 0 0 0;
}

p.text_int{
    font-size: 77%;
    clear: both;
    padding: 0 0 0 0;
}

.pic_r{
    width: 152px;
    float: left;
}

.itv_article_l {
    width: 300px;
    float: left;
    margin: 0 45px 0 45px;
}

.itv_article_r {
    width: 300px;
    float: left;
    margin: 0;
}

.bold {
    font-weight: bold;
}

.tabletitle {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    padding: 35px 0 10px 0;
}

.cap_l {
    font-weight: normal;
    text-align: left;
    font-size: 77%;
    line-height: 1.3;
    margin-bottom: 5px;
    margin-top: 0px;
}

#main section p.tc {
    text-align: center;
}

#main section p.sub_tit {
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    margin: 5px 0;
}


.service_block .img_r {
    margin: 15px 0 25px 0;
    float: right;
    width: 355px;
}


.service_block .img_l {
    margin: 15px 0 25px 0;
    float: left;
    width: 355px;
}


/* お客様インタビュー下層################ */

#contents .styletex_3col{
    position: relative;
    height:214px;
}

#contents .styletex_3col .arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    width: 30px;
}


/* ブログ・レポート ###################### */

#blg_nav p img {
    vertical-align: bottom;
}

.fb-like-box {
    margin: 0 0 25px 0;
}

.bloglist_ttl {
    margin: 0 0 0px 0;
    padding: 0;
    height: 42px;
}

#contents section .bloglist_ttl h2,
#main_blg .bloglist_ttl h2 {
    float: left;
    width: 115px;
    padding: 0px 0 0px 0px;
    margin: 0;
}

.bloglist_ttl h2 img,
.bloglist_ttl ul img {
    vertical-align: bottom;
}


#contents_clm .bloglist_ttl ul {
    float: right;
    width: 240px;
    list-style-type: none;
    padding: 0px 10px 10px 0;
    margin: 0;
    text-align: right;
}

.bloglist_ttl ul {
    float: right;
    width: 240px;
    list-style-type: none;
    padding: 0 0px 10px 0;
    margin: 0;
    text-align: right;
}

.bloglist_ttl ul li {
    float: left;
    width: 110px;
    padding: 0 0 0 10px;
}

.bloglist_ttl ul li.column {
    float: right;
    width: 110px;
    padding: 0 0 0 0px;
}

td.bl_bg {
    padding:0 10px 0 48px;
}

.blog_box {
    width:528px;
    padding-top: 5px;
}

#feed_un {
    width: 460px;
    padding: 15px 0 0 0;
    height: 380px;
    overflow: auto;
}

#feed_un li{
    list-style-type: none;
    margin-bottom: 8px;
    padding-bottom: 2px;
}

#main_blg section h3 {
    padding: 10px 0 10px 0;
}
dl.column_info {
}
dl.column_info dt {
    float: left;
    width: 80px;
    height: 46px;
    background: #07539f;
    color: #fff;
    text-align: center;
    padding: 17px 0;
}
dl.column_info dd {
    float: right;
    width: 360px;
}
.sns_btn {
    list-style-type: none;
    margin: 0 0 43px 0;
    padding: 0;
}
.sns_btn li {
    float:left;
    width:215px;
    padding: 0 30px 0 0;
}
.sns_btn li.end {
    float:left;
    width:215px;
    padding: 0 0 0 0;
}

.cnt_bnr {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.cnt_bnr li {
    float:left;
    width: 90px;
    padding: 0 10px 0 0;
}
.cnt_bnr li.end {
    float:left;
    width: 90px;
    padding: 0 0 0 0;
}
.sns_btn img,
.cnt_bnr img { vertical-align: bottom; }

/* コラム table */

table.tbr_cm {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-collapse: collapse;
}

table.tbr_cm th {
    padding: 5px 10px 5px 10px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    background: #f0f0f0;
    font-size: 100%;
    line-height: 1.5;
    text-align:center;
}

table.tbr_cm td {
    padding: 4px 10px 4px 10px;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    font-size: 100%;
    line-height: 1.5;
    color: #000;
    text-align: left;
}

.clm_photo-c {
    margin: 3px 0px 15px 0px;
    font-size: 77%;
    line-height: 1.3;
    color: #555;
}

.clm_photo-c img {
    margin: 0 0 5px 0;
}

.clm_ol {
    width: 100%;
    margin-left: 3%;
}

/* コラムその他設定 */

#contents_clm ul {
    padding: 0 0 0 18px;
}

#contents_clm ul li ul {
    padding: 0px;
}

#contents_clm ul li ul li {
    list-style: none;
}
dl.cm_1404_reason {
    clear: both;    
    display: block;
}
dl.cm_1404_reason dt {
    float: left;
    width: 70px;
}

dl.cm_1404_reason dd {
    float: left;
    width: 620px;
}

#clm_photo_1407_01 {
    width: 463px;
    margin: 0 auto;
}

#clm_photo_1407_01 p.cap {
    font-size: 77%;
    line-height: 1.3;
    color: #555;
}

#clm_photo_1407_02 {
    width: 403px;
    margin: 0 auto;
}

#clm_photo_1407_02 p.cap {
    font-size: 77%;
    line-height: 1.3;
    color: #555;
}

.cap {
    font-size: 77%;
    line-height: 1.3;
    color: #555;
}

.photo_box{
    width: 700px;
    margin: 0 auto;
}

.photo_box .in_left{
    width: 340px;
    float: left;
}

.photo_box .in_right{
    width: 340px;
    float: right;
}

/* コラム 2014年12月 ###################### */
.block_1412 {
    position: relative;
    top: 0;
    left: 0;
}

.block_1412 .img_1412 {
    width: 300px;
    position: absolute;
    top: -40px;
    right: 0;
}

.w410 {
    width: 410px;
}

.back_1412 {
    padding-top: 190px;
}

/* コラム 2016年6月 ###################### */

.seo_data {
    background: #f4f4f4;
    padding: 15px 15px 7px;
}

.seo_data ul.sd_l {
    float: left;
    width: 230px;
}

.seo_data ul.sd_r {
    font-size: 100%;
    margin: 25px 0 0;
    float: right;
    width: 410px;
}

.seo_data ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/* 用語集 2013/09/09 ###################### */
#yougo_lead {
    background: url(../img/img_yougo.png) right bottom no-repeat;
    min-height: 115px;
}


#yougo_txt {
    float: left;
    width: 420px;
    padding: 7px 0 0;
}

#contents section #yougo_txt p {
    line-height: 1.7;
    font-weight: bold;
}

#yougo_lead #images {
    float: right;
    width: 216px;
}

#yougo_lead #images .btn a {
    width: 216px;
    background: none;
    padding: 0;
}

#contents section .yougo_index {
    list-style: none;
    float: left;
    width: 200px;
    margin: 0 0 20px;
    padding: 0;
}

#contents section .yougo_index li {
    float: left;
    width: 33px;
    margin: 0;
    padding: 0;
}

#contents section .yougo_index .wide {
    width: 70px;
}

/* ホームページ制作の質問ボックス 2013/09/10 ###################### */
#faqbox {
    text-align: center;
    position: relative;
}

#contents section #faqbox .btn {
    position: absolute;
    bottom: 25px;
    left: 20px;
}
#contents section #faqbox .btn a {
    padding: 0;
    background: none;
}
#contents section .faq_icon {
    list-style: none;
    margin: 0;
    padding: 0;
}

#contents section .faq_icon li {
    background: #fff url(../img/ico_faqbox_q.gif) 10px 0.8em no-repeat;
    padding: 10px 10px 10px 40px;
    margin: 0;
}

#contents section .faq_icon .q_even {
    background-color: #f4f3ee;
}

.message_end_box{
    width: 370px;
    text-align: right;
    margin: 0 0 0 360px;
}

.message_end_box p.name{
    float: left;
    width: 280px;
    padding: 30px 0 0 0;
}

.message_end_box p.photo{
    float: right;
    width: 75px;
}


/* 黒背景タイトル部分設定
======================================================= */

#contents h3.black , #contents_company h3.black {
    text-align: center;
    margin: 0px;
    padding: 10px 15px;
    font-size: 100%;
    font-weight: normal;
    color: #fff;
    background: #07539f;
}

#contents h3.black a , #contents_company h3.black a {
    color: #fff;
    text-decoration: none;
}

#contents h3.black a:visited , #contents_company h3.black a:visited {
    color: #fff;
    text-decoration: none;
}

#contents h3.black a:hover , #contents_company h3.black a:visited {
    color: #fff;
    text-decoration: none;
}


/*お客様事例ページレイアウト ###################### */

#main_itv {
    width: 720px;
}

#contents_title_itv {
    width: 720px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0 0 0;
    text-align: left;
}

#contents_title_itv h2 {
    width: 690px;
    margin: 0px 0 0 0;
    padding: 10px 10px 6px 20px;
    font-size: 153.9%;
    font-weight: bold;
    color :#272a33;
    background: #f0f0f0;
}
* html #contents_title_itv h2 {
    width: 690px;
    padding: 10px 10px 6px 20px;
}
:first-child+html #contents_title_itv h2 {
    padding: 8px 10px 2px 20px;
}
#contents_itv {
    width: 720px;
    padding: 17px 0px;
    min-height:400px;
    height:auto !important;
    height: 400px;
}
* html #contents_itv {
    text-align: center;
}
#contents_itv section {
    clear:both;
    width: 100%;
    margin-bottom: 25px;
}
#contents_itv section a:visited {
    color: #232733;
}
#contents_itv section h3 {
    text-align: left;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 18px;
    font-size: 123.1%;
    font-weight: bold;
    color: #555;
    background: url(../img/h3_bullet.gif) 0 0.5em no-repeat;
}

:first-child+html #contents_itv section h3 {
    padding: 7px 0px 2px 12px;
}

#contents_itv section p {
    text-align: left;
    font-size: 100%;
    line-height: 1.5;
}

#contents_itv section ul {
    text-align: left;
    margin: 5px 0px 5px 10px;
    padding: 0px 0px 0px 10px;
    font-size: 100%;
    line-height: 1.5;
}

#contents_itv section ol {
    text-align: left;
    margin: 5px 0px 5px 15px;
    padding: 0px 0px 0px 20px;
    font-size: 100%;
    line-height: 1.5;
}

#itv_top {
    width: 300px;
    margin: 20px auto;
}

h2.tit_itv {
    text-align: left;
    background: url(../img/arw_subnav.gif) left 50% no-repeat;
    padding: 5px 0 5px 15px;
    line-height: 1.5em;
    font-weight: normal;
}

h4.tit_itv {
    text-align: left;
    margin: 0 0 10px;
}

p.right_itv {
    text-align: right !important;
    font-size: 85% !important;
    padding-top: 10px;
}

.itv_mid {
    width: 720px;
    margin: 40px 0;
    clear: both;
}

.itv_article {
    width: 200px;
    float: left;
    margin-right: 50px;
}

.itv_article_end {
    width: 200px;
    float: left;
    margin: 0;
}

.openpdf{
    background: url(/img/icon_pdf.gif) right top no-repeat;
}

#submenu_itv a.subnolink {
    background: none;
    color: #555;
    padding: 6px 10px 4px 12px;
}

ul#submenu_itv {
    padding: 0;
    margin: 0 0 100px 0;
    height: auto;
    width: 200px;
    overflow:hidden;
    border-top: 1px solid #d9d9d9;
}

ul#submenu_itv li {
    border-bottom: 1px solid #d9d9d9;
}


/*サイドナビゲーション マウスオーバ設定*/
/*サイドナビゲーション マウスオーバ設定*/

li#itv_nav1 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_kouboguide.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav1 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav2 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_sawakami.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav2 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav3 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_highland.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav3 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav4 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_kyoyamato.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav4 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav5 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_yumex.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav5 a:hover {
    width: 200px;
    background-position: -200px 0;
}
li#itv_nav6 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_gendaisha.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav6 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav7 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_banriki.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav7 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav8 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_setagaya.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav8 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav9 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_dental.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav9 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav10 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_mz.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav10 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav11 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_yasuragi.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav11 a:hover {
    width: 200px;
    background-position: -200px 0;
}


li#itv_nav12 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_sankei.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav12 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav13 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_saison-am.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav13 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav14 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_rokin.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav14 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav15 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_styletex.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav15 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav16 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_mk.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav16 a:hover {
    width: 200px;
    background-position: -200px 0;
}

li#itv_nav17 a {
    width: 200px;
    height: 56px;
    border:none;
    margin: 0;
    padding: 0;
    background-image: url(../../img/itv_wacoh.jpg);
    display: block;
    text-indent: -999999px;
}
li#itv_nav17 a:hover {
    width: 200px;
    background-position: -200px 0;
}






/*制作実績ページレイアウト ###################### */

#contents_port {
    width: 480px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 60px;
    min-height:400px;
    height:auto !important;
    height:400px;
    float: left;
}

#contents_port section {
    clear:both;
    width: 100%;
    margin-bottom: 25px;
}
#contents_port section a:visited { color: #232733; }

img#port_mainimg {
    margin: 0 0 35px 0;
}

img.port_titleimg {
    width: auto;
}

img.port_title_com_img {
    width: auto;
    display: block;
    margin: 35px 0 0 0;
    padding-bottom: 15px;
}

#contents_port p {
    text-align: left;
}

ul.article_port {
    list-style-type: square;
    text-align: left;
    padding-left: 15px;
    font-size: 100%;
}

ul.article_port li {
    padding-top: 5px;
    font-size: 116%;
}

#port_arrow {
    width: 480px;
    margin: 35px 0;
    text-align: center;
}

#port_arrow img {
    margin: 0 auto;
}

#contents_portside {
    width: 180px;
    padding: 0px;
    margin: 0px 0 0 0;
    min-height:400px;
    height:auto !important;
    height:400px;
    float: left;
}

#contents_portside h3.portside {
    text-align: left;
    margin: 0 0 0 5px;
    padding: 0px 0px 0px 18px;
    font-size: 100%;
    font-weight: normal;
    color: #555;
    background: url(../img/h3_bullet.gif) 0 0.5em no-repeat;
}

#port_urlbox {
    width: 180px;
    word-break: break-all;
}
#main p.r_txt {
    text-align: right;
    font-size: 85%;
    padding-top: 10px;
}
/* ブログページレイアウト ###################### */
#blg_nav {
    float: right;
    width: 290px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}
#main_blg {
    float: left;
    width: 630px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    clear:both;
}
#blg_nav p.tit,
#main_blg h2 {
    font-size: 182%;
    color: #07539f;
    font-weight: normal;
    line-height: 1;
}
#blg_nav p.tit {
    margin: 0 0 19px;
}
#blg_nav p.tit span,
#main_blg h2 span {
    font-size: 11px;
    color: #333;
    padding: 0 0 0 10px;
}
#main_blg section {
    clear: both;
    margin: 0px 0px 60px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}
.articlelist {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 12px;
    margin: 0 0 12px;
}
.articlelist .img {
    float: left;
    width: 90px;
    height: 90px;
    margin: 0 20px 0 0;
    overflow: hidden;}