@media screen{
/***********************************************/
/*   index                                     */
/*=============================================*/
/*   01.common                                 */
/*   02.layout                                 */
/*   03.header                                 */
/*   04.gNavi                                  */
/*   05.sNavi                                  */
/*   06.main                                   */
/*   07.footer                                 */
/*   08.img                                    */
/*   09.text                                   */
/*   10.table                                  */
/*   11.font                                   */
/*   12.link                                   */
/*   99.other                                  */
/*=============================================*/
/***********************************************/


/***********************************************
  01.common
***********************************************/
* {
 margin          : 0px;
 padding         : 0px;
}

html {
 height          : auto;
}

body {
 font-family     : "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
 font-size       : 0.8em !important;
 line-height     : 1.7em;
 height          : auto;
 margin          : 0px;
 padding         : 0px;
 color           : #333333;
}

h1,h2,h3,h4,h5,h6 {
 font-size       : 1.0em;
}

.c-both{
 clear           : both;
}

.alCenter {
 text-align      : center;
}

.alRight {
 text-align      : right;
}

.alLeft {
 text-align      : left;
}

.ofHidden {
 overflow        : hidden;
}

.halfBlock {
 width           : 50%;
 float           : left;
}

.thirdBlock {
 width           : 232px;
 float           : left;
}

.flRight {
 float           : right;
}

.flLeft {
 float           : left;
}
.w150 {
 width           : 150px;
}

/***********************************************
  02.layout
***********************************************/
#wrap {
 width           : 100%;
 min-width       : 1020px;
}

.pageTop {
 width           : 100%;
 text-align      : right;
 margin          : 0px 0px 60px 0px;
}


#wrappeAll,
#wrappeAllIndex {
 background      : url(../images/bg_main.jpg) repeat-x;
 margin          : 0px;
 padding         : 0px;
}

#wrappeAllIndex {
}

#container,
#containerIndex {
 width           : 950px;
 margin          : 0 auto;
 overflow        : hidden;
 padding         : 0px;
}

#breadcrumbs {
 width           : 950px;
 margin          : 3px auto 0;
 color           : #0083E3;
 font-weight     : bold;
}



/* ----- 青枠 ------------------------------------ */
    div#consContents{

    }
    div#consContents dl{
        margin: 10px 20px 25px 20px;
        padding:10px 20px;
        border:10px solid #E7F5FF;
        display: table;
        overflow:hidden;
        width:590px;
    }
    div#consContents dt{
        color:#1084D8;
        font-weight: bold;
        width: 10em;
        display: table-cell;
        vertical-align: top;

    }
    div#consContents dd{
        widtn:15em;
        padding-right:20px;
        display: block;
        float: left;
    }
    div#consContents dd.td1{
        width:17em;
        padding-right:20px;
    }
    div#consContents dd.td2{
        width:15em;
        padding-right:20px;
    }

/***********************************************
  03.header
***********************************************/
#headerArea {
 background      : url(../images/bg_header.jpg) repeat-x;
 height          : 91px;
 width           : 100%;
}
#header {
 width           : 950px;
 margin          : 0 auto;
 overflow        : hidden;
 padding         : 10px 0px;
}

h1 {

}

#logo {
 width           : 498px;
 float           : left;
}


#headerInq {
 width           : 445px;
 float           : left;
 text-align      : right;
 padding         : 0px 0px 0px 0px;

}

#indexVisual {
 width           : 950px;
 margin          : 0 auto;
 position        : relative;
 z-index         : 10;
}

.indexBtnArea {
 position        : absolute;
 bottom: 10px;
 left: 15px;
}

#aboutVisual,
#businessVisual,
#interviewVisual,
#worksVisual,
#linkVisual,
#serviceVisual,
#flowVisual,
#inquiryVisual,
#newsVisual,
#pointVisual,
#checksheetVisual,
#threefailuresVisual{
 width           : 890px;
 height          : 125px;
 padding         : 75px 0px 0px 60px;
 margin          : 0 auto;
}


#aboutVisual       { background : url(../images/img_about.jpg) no-repeat; }
#businessVisual    { background : url(../images/img_thought.jpg) no-repeat; }
#interviewVisual   { background : url(../images/img_interview.jpg) no-repeat; }
#worksVisual       { background : url(../images/img_works.jpg) no-repeat; }
#threefailuresVisual{ background : url(../images/img_threefailures.jpg) no-repeat; }
#linkVisual        { background : url(../images/img_link.jpg) no-repeat; }
#serviceVisual     { background : url(../images/img_service.jpg) no-repeat; }
#flowVisual        { background : url(../images/img_flow.jpg) no-repeat; }
#inquiryVisual     { background : url(../images/img_contact.jpg) no-repeat; }
#newsVisual        { background : url(../images/img_news.jpg) no-repeat; }
#pointVisual       { background : url(../images/img_point.jpg) no-repeat; }
#checksheetVisual  { background : url(../images/img_checksheet.jpg) no-repeat; }
#crammerVisual     {
 width           : 950px;
 margin          : 0 auto;
 position        : relative;
 z-index         : 10;
}

.crammerBtnArea {
 position        : absolute;
 bottom: 28px;
 left: 52px;
}

/***********************************************
  04.gNavi
***********************************************/

#gNaviArea {
 background      : url(../images/bg_gnaviarea.jpg) repeat-x;
 height          : 55px;

}

#gNavi {
 width           : 950px;
 height          : 55px;
 margin          : 0 auto;
 position        : relative;
 z-index         : 11;
}

#gNavi ul {
}

#gNavi ul li {
 float: left;
}

/***********************************************
  05.sNavi
***********************************************/

#sNavi {
 width           : 240px;
 min-height      : 500px;
 float           : left;
 text-align      : center;
 padding         : 10px 0px 0px 0px;
}

.sNaviBannerArea {
 width           : 240px;
 margin          : 0 auto;
 padding         : 10px 4px 0px;
}



.sNaviInq {
 padding         : 0px 0px 10px 0px;
}

.BannerBox {
 width           : 240px;
 margin          : 10px auto;

}


.BannerBox02 {

 width           : 240px;
 padding          : 0px 0px 5px 0px;

}

.BannerBox03 {
 width           : 240px;
 padding          : 0px 0px 13px 0px;
}

.twitterBox {
 width           : 240px;
 margin          : 0px auto;
}

/***********************************************
  06.main
***********************************************/

#main {
 width           : 690px;
 float           : right;
 padding         : 10px 0px 80px 0px;
}
.mainImage {
 width           : 690px;
 padding         : 0px 0px 20px;

}

.stdTt {
 background      : url(../images/bg_title.jpg) no-repeat;
 width           : 688px;
 height          : 30px;
 padding         : 14px 0px 0px 27px;
 margin          : 0px;
}
.whatsNew {
 background      : url(../images/bg_whatsnew.jpg) no-repeat;
 width           : 688px;
 height          : 30px;
 padding         : 10px 0px 0px 43px;
 margin          : 0px;
}

.infomation {
 background      : #B6DFF5;
 width           : 690px;

}

.infomation dl {
 width           : 670px;
 border-bottom   : 1px dotted #fff;
 padding         : 10px 0;
 margin          : 0 0 0 10px;
 overflow        : hidden;
 zoom            : 1;
}
.infomation dl dt{
 background      : url(../images/ic_whatsnew.gif) no-repeat 15px 3px;
 padding         : 0 0 0 47px;
 color           : #0068B7;
 font-weight     : bold;
 float           : left;
}
.infomation dl dd{
 width           : 480px;
 padding         : 0 0 0 10px;
 float           : left;
}

.businessTop {
 background      : url(../images/bg_business.png) no-repeat;
 width           : 717px;
 height          : 34px;
}

.entryBlockBody {
 background      : url(../images/bg_full_body.png) repeat-y;
 width           : 677px;
 padding         : 10px 0px 15px;
 overflow        : hidden;
}

.entryBlockBody .blockLeft {
 width           : 340px;
 float           : left;
}

.entryBlockBody .blockRight {
 width           : 326px;
 float           : right;
}

.entryBlockBottom {
 background      : url(../images/bg_full_bottom.png) no-repeat;
 width           : 717px;
 height          : 5px;
 margin          : 0px 0px 10px 0px;
}
.halfBlockLeft {
 width           : 356px;
 float           : left;
}
.halfBlockRight {
 width           : 356px;
 float           : right;
}

.halfEntryBlockBody {
 background      : url(../images/bg_half_body.png) ;
 width           : 326px;
 padding         : 10px 15px 10px;
 overflow        : hidden;
}

.halfEntryBlockBody .blockLeft {
 width           : 170px;
 float           : left;
}

.halfEntryBlockBody .blockRight {
 width           : 150px;
 float           : right;
}

.halfEntryBlockBottom {
 background      : url(../images/bg_half_bottom.png) ;
 width           : 356px;
 height          : 4px;
}

.entryBlock {
 background      : url(../images/bg_entryblock.jpg) repeat-x ;
 width           : 690px;
 margin          : 0px 0px 20px 0px;
 padding         : 20px 0 0;
 overflow        : hidden;
}

.contentsBlock {
 padding         : 0px;
 overflow        : hidden;
}

.contentsLeft {
 width           : 320px;
 padding         : 0 20px;
 float           : left;
}

.contentsRight {
 width           : 320px;
 float           : right;
}

.contentssubBlock {
 width           : 648px;
 margin          : 0 auto;
 padding         : 20px 0 0;
 overflow        : hidden;
 border-left     : 1px solid #CCCCCC;
 border-right    : 1px solid #CCCCCC;
 border-bottom    : 1px solid #CCCCCC;
}
.contentssubbBlock {
 width           : 648px;
 margin          : 0 auto;
 padding         : 20px 0 0;
 overflow        : hidden;
}
.contentsflowBlock {
 background      : url(../images/bg_flow_btm.gif) no-repeat bottom;
 width           : 618px;
 margin          : 0 auto 15px;
 padding         : 10px 15px 10px;
 overflow        : hidden;
 border-left     : 1px solid #CCCCCC;
 border-right    : 1px solid #CCCCCC;
}
.contentsArrow {
 width           : 650px;
 text-align      : center;

}
.contentssubLeft {
 width           : 280px;
 padding         : 0 5px 0 20px;
 float           : left;
}
.contentssubbLeft {
 width           : 320px;
 padding         : 0 5px 0 0px;
 float           : left;
}
.contentssubcLeft {
 width           : 325px;
 padding         : 0 5px 0 20px;
 float           : left;
}
.contentssubRight {
 padding         : 0 20px 0 0;
 width           : 320px;
 float           : right;
 text-align      : right;
}
.contentssubbRight {
 width           : 320px;
 float           : right;
 text-align      : right;
}
.contentssubBtm {
 background      : url(../images/bg_subbtm.gif) no-repeat;
 width           : 646px;
 height          : 49px;
 float           : left;
 margin          : 5px 1px 0;
 padding         : 22px 0 0;
 text-align      : center;
}

.contentsRight img.bd,
.contentssubRight img.bd,
.contentssubbRight img.bd {
 border          : 1px solid #E6E6E6;
 padding         : 3px;
}

.contentssubbLeft ul {
 background      : url(../images/bg_contentslst.gif) no-repeat;
 width           : 306px;
 height          : 83px;
 padding         : 10px 0 0 10px;
}
.contentssubbLeft ul li {

}
.cntsubTt {
 background      : url(../images/bg_cntsubtt.gif) bottom no-repeat;
 width           : 585px;
 height          : 29px;
 padding         : 0 0 0 27px;
 margin          : 0 auto;
}
.cntsubTtb {
 background      : url(../images/bg_cntsubttb.gif) bottom no-repeat;
 width           : 585px;
 height          : 29px;
 padding         : 0 0 0 27px;
 margin          : 0 auto;
}
.cntsubTt h4.pfms,
.cntsubTtb h4.pfms {
 width           : 350px;
 float           : left;
 color           : #0083E3;
 background      : none;
 text-align      : left;
}
.grayTt {
 background      : #E8E8E7;
 padding         : 10px;
}
.subIco {
 width           : 200px;
 float           : right;
 text-align      : right;
}

h3.abtTt {
 background      : url(../images/bg_check.gif) no-repeat;
 width           : 610px;
 height          : 33px;
 padding         : 13px 0px 0px 40px;
 margin          : 0 auto;

}
h3.bsnTt {
 background      : url(../images/bg_circle.gif) no-repeat;
 width           : 615px;
 height          : 28px;
 padding         : 12px 0px 0px 35px;
 margin          : 0 auto;
}

dl.links {
 margin          : 0 auto 10px;

}
dl.links dt {
 background      : url(../images/ic_link.gif) no-repeat 0 3px;
 padding         : 0 0 5px 25px;
 font-weight     : bold;

}
dl.links dd {
 color           : #666666;
 padding-left: 25px;
}

.recommendedBlock {
 width           : 614px;
 margin          : 0 auto;
}
.recommendedTop {}
.recommendedMid {
 width           : 614px;
 background      : url(../images/bg_service_body.gif) repeat-y;
}

.recommendedMid dl {
 width           : 550px;
 overflow        : hidden;
 margin          : 0 auto;
}
.recommendedMid dl dt {
 float           : left;
 width           : 30px;
 padding         : 5px 0 0;
}
.recommendedMid dl dd {
 float           : left;
 width           : 500px;
 padding         : 5px 0 0;
}

.recommendedBtm {}

.programList dl {
 width           : 550px;
 padding         : 8px 0 13px;
 background      : url(../images/bg_dot_gray.gif) left bottom repeat-x;
 overflow        : hidden;
 margin          : 0 auto;
}
.programList dl.last {
 background      : none;
}
.programList dt {
 float           : left;
 width           : 62px;
 padding         : 5px 0 0;
}
.programList dd {
 float           : left;
 width           : 450px;
 padding         : 5px 0 0 25px;
 vertical-align  : middle;
}

ul.inlineList li {
 display         : inline;
}

.information {
 width           : 690px;
 margin          : 0 auto;
 height          : 100px;
 overflow-y      : auto;
}

h2.infoTt {
 padding         : 8px 0px 0px 185px;
}

.infoContents {
 padding         : 4px 0px 0px 241px;
}

.infoContents ul.telList {
 float           : none;
 padding         : 10px 0px 0px 0px;
}


dl.flowBox {
 width           : 218px;
 margin          : 0 auto;
}

dl.flowBox img {
 border          : 1px solid #cccccc;
}

dl.flowBox dt {
 margin          : 0px 0px 3px 0px;
}

dl.flowBox dd {
 margin          : 0px 0px 15px 0px;
}

.flowTt {
 border-bottom   : 2px solid #2d85f8;
 width           : 100px;
 margin          : 0px 0px 6px 7px;
}

.flowTt h4 {
 width           : 90px;
 background      : #2d85f8;
 border-bottom   : 1px solid #8fbdfc;
 color           : #fff;
 font-size       : 1.2em;
 padding         : 5px 5px 2px;
}

.contentssubBlock .part img{
  float:left;
  padding-bottom:20px;
}

.contentssubBlock .ml17 img{
  padding-right:10px;
}

.contentssubBlock h4 {
 width           : 614px;
 height          : 32px;
 background      : url(../images/bg_service_o_top.gif) no-repeat;
 margin          : 0 auto;
 text-align      : center;
 padding         : 3px 0 0;
}
.contentssubBlock .ttOrange {
  clear:both;
 width           : 604px;
 height          : 30px;
 background      : url(../images/bg_tt_orange.jpg) no-repeat;
 margin          : 0 auto;
 text-align      : left;
 padding         : 5px 0 5px 10px;
}
.contentssubbBlock h4 {
 width           : 650px;
 height          : 37px;
 background      : url(../images/bg_thought_top.gif) no-repeat;
 text-align      : center;
}
.contentsSkill {
 background      : #FFEDD2;
 width           : 650px;
 margin          : 0 auto;
 overflow        : hidden;
 padding         : 10px 0;
}
.contentsSkill ul {
 width           : 600px;
 margin: 0 auto;
}
.contentsSkill ul li {
 background      : url(../images/ic_about_dot.gif) no-repeat 0 5px;
 padding         : 1px 1px 1px 12px;
}

.oncreteBlock {
 width           : 604px;
 margin          : 0 auto;
 overflow        : hidden;
 padding         : 10px 0 0;
}
.oncreteItemBlock {
 width           : 290px;
 float           : left;
 overflow        : hidden;
 margin          : 5px;
 padding         : 0 0 10px;
}
.oncreteTt {
 width           : 80px;
 float           : left;
 margin          : 0 10px 0 0;
}
.oncreteItemBlock ul {
 width           : 180px;
 padding         : 0px 0 0 15px;
 list-style-type : disc;
 list-style-position: outside;
 float           : left;
}
.oncreteItemBlock ul li {

}

.serviceFlowBlock {
 background      : #FFEDD2;
 width           : 614px;
 margin          : 0 auto;
 overflow        : hidden;
 padding         : 20px 0;
 text-align      : center;

}

.halfBlockLeft {
 width           : 49%;
 float           : left;
}

.halfBlockRight {
 width           : 49%;
 float           : right;
}

.w690 {
 width           : 690px;
 margin          : 0 auto;
}

ul.blueDiscList li {
 background      : url(../images/ic_blue.gif) no-repeat 0 40%;
 padding         : 0px 0px 0px 15px;
}

.baListBg {
 background      : url(../images/ic_arrow_after.gif) no-repeat #e2eefe 50% 50%;
 overflow        : hidden;
 clear           : both;
 padding         : 20px 0px 10px 0px;
 margin          : 0px 0px 30px 0px;
}

dl.baList {
 width           : 49.5%;
 float           : left;
 text-align      : center;
}

dl.baList dt {
 margin          : 0px 0px 5px 0px;
}

h3.inqTt {
 width           : 712px;
 margin          : 0 auto;
 text-align      : center;
 font-size       : 1.2em;
 padding         : 10px 0px;
 color           : #2d85f8;
 background      : #edf2f9;
 border          : 1px solid #96c2fb;
}


.tracksBlock {
 width           : 650px;
 overflow        : hidden;
 padding         : 0 20px 0;
}
.tracksLeft,
.tracksLeftb {
 width           : 116px;
 height          : 59px;
 padding         : 5px 0 0 40px;
 float           : left;
 font-weight     : bold;
 color           : #666666;
}
.tracksLeft {
 background      : url(../images/bg_about_tracks.gif) no-repeat;

}

.tracksLeftb {
 background      : url(../images/ic_about_blue.gif) no-repeat;
}

.tracksBlock ul {
 width           : 494px;
 float           : left;
}

.tracksBlock ul li {
 background      : url(../images/ic_about_dot.gif) no-repeat 0 5px;
 padding         : 0 0 0 15px;

}


.logs {
  float: right;
}
.checkBody {
 background      : url(../images/bg_checksheet.jpg) repeat-y 0 0;
 padding         : 0 0 20px;
}
.checkBody ul {
 background      : url(../images/bg_blue_line.jpg) repeat-x left top;
 width           : 585px;
}
.checkBody li {
 background      : url(../images/bg_blue_line.jpg) repeat-x left bottom;
 width           : 565px;
 padding         : 10px 10px;
}
.checkBody li input {
 margin-right    : 10px;
}
.resultBody {
 border-left     : 1px solid #ccc;
 border-right    : 1px solid #ccc;
 border-bottom   : 1px solid #ccc;
 width           : 628px;
 padding         : 10px;
}

.interviewBtnArea {
 margin-bottom   : 30px;
 overflow        : hidden;
}

.interviewBtnArea ul li {
 float           : left;
 margin          : 0 10px 10px 0px
}

.interviewBtnArea .btnEnd {
 float           : left;
 margin          : 0 0 10px 0px
}

.interviewBlock,.threefailuresBlock {
  overflow:hidden;
}

.interviewBlock h3,.threefailuresBlock h3  {
 background      : url(../images/ic_orange.jpg) no-repeat 0 2px;
 color           : #FF9900;
 font-size       : 1.3em;
 line-height     : 1.5em;
 font-weight     : bold;
 padding-left    : 30px;
 margin-bottom   : 15px;
}


.interviewBlock span {
 color           : #0066B7;
 font-weight     : bold;
}

.interviewBlock p {
 font-size       : 1.1em;
}

.threefailuresBlock span {
 color           : red;
 font-weight     : bold;
}


.interviewTx{
 color           : #0066B7;
 font-size       : 1.2em;
 line-height     : 1.5em;
 margin-bottom   : 5px;
}

.threefailuresTx{
 color           : #0066B7;
 font-size       : 1.2em;
 line-height     : 1.5em;
 margin-bottom   : 5px;
}

.interviewBlockLeft01 {
 width           : 370px;
 float           : left;
}

.interviewBlockRight01 {
 width           : 300px;
 float           : right;
}

.interviewBlockLeft02 {
 width           : 300px;
 float           : left;
}

.interviewBlockRight02 {
 width           : 370px;
 float           : right;
}


/***********************************************
  07.footer
***********************************************/

#footerArea {
 border-top      : 1px solid #c0dafd;
 background      : url(../images/bg_footer.gif) ;
 height          : 96px;
}

#footPathArea {
 border-top      : 1px solid #fff;
}

#footPath {
 width           : 950px;
 margin          : 0 auto 17px;
 overflow        : hidden;
}
#copyright {
 width           : 950px;
 margin          : 0 auto;
 overflow        : hidden;
 text-align      : center;
 color           : #fff;
}

ul#footLinkList {
 width           : 600px;
 float           : left;
 padding         : 10px 0px;
}

ul#footLinkList li {
 width           : 130px;
 float           : left;
 padding         : 0px 15px 0px 0px;
}
ul#footLinkList li a {
 background      : url(../images/ic_gray.gif) no-repeat;
 padding         : 0 0 0 25px;

}
ul#footLinkList li a:hover {
 background      : url(../images/ic_orange.gif) no-repeat;
 padding         : 0 0 0 25px;
}

#pageTop {
 width           : 153px;
 float           : right;
 padding         : 0px 0px 0px 0px;
}

/***********************************************
  08.img
***********************************************/

img {
 border          : 0px;
 vertical-align  : bottom;
}


/***********************************************
  09.text
***********************************************/

.lh11 {line-height : 1.1em !important;}
.lh12 {line-height : 1.2em !important;}
.lh13 {line-height : 1.3em !important;}
.lh14 {line-height : 1.4em !important;}
.lh15 {line-height : 1.5em !important;}
.lh16 {line-height : 1.6em !important;}
.lh17 {line-height : 1.7em !important;}
.lh18 {line-height : 1.8em !important;}
.lh19 {line-height : 1.9em !important;}
.lh20 {line-height : 2.0em !important;}




/***********************************************
  10.table
***********************************************/
table {
 color           : #333333;
}

table.serviceTab {
 width           : 614px;
 margin          : 0 auto;
 border-collapse : collapse;
 text-align      : center;
 color           : #666666;
}

table.serviceTab th {
 background      : #DDF0FF;
 padding         : 5px;
 width           : 200px;
 vertical-align  : top;
 font-weight     : normal;
 border          : 1px solid #cccccc;
}

table.serviceTab td {
 border          : 1px solid #cccccc;
 padding         : 5px;
 font-weight     : bold;
}

table.crammerTab {
 width           : 614px;
 margin          : 0 auto;
 border-collapse : collapse;
 text-align      : left;
 color           : #666666;
}

table.crammerTab th {
 background      : #DDF0FF;
 padding         : 5px 20px;
 width           : 140px;
 vertical-align  : top;
 font-weight     : normal;
 border          : 1px solid #cccccc;
}

table.crammerTab td {
 border          : 1px solid #cccccc;
 padding         : 5px 20px;
 font-weight     : normal;
}
table.crammerTab td .blueBold{
 color           : #0068B7;
 font-weight     : bold;
}

table.crammerTab .w60 {
 width           : 60px !important;
 vertical-align  : middle;
}
table.aboutTab {
 width           : 650px;
 margin          : 0 auto;
 border-collapse : collapse;
 text-align      : left;
 color           : #333333;
}

table.aboutTab th {
 background      : #DDF0FF;
 padding         : 10px;
 width           : 200px;
 vertical-align  : center;
 font-weight     : normal;
 border          : 1px solid #cccccc;
}

table.aboutTab td {
 border          : 1px solid #cccccc;
 padding         : 10px;
}

table.aboutTab td a.googleBtn {
 width           : 129px;
 height          : 20px;
 background      : url(../images/bg_google.gif) no-repeat;
 display         : block;
 text-align      : center;
 color           : #ffffff;


}




table.baseTab {
 width           : 715px;
 margin          : 0 auto;
 border-collapse : collapse;
 border-top      : 1px solid #96c2fb;
}

table.baseTab th {
 background      : #cde2f5;
 width           : 174px;
 text-align      : left;
 padding         : 10px 15px;
 font-weight     : normal;
 border-bottom   : 1px solid #96c2fb;
}

table.baseTab td {
 padding         : 10px 15px;
 text-align      : left;
 border-bottom   : 1px solid #96c2fb;
}

table.historyTab {
 width           : 715px;
 margin          : 0 auto;
 border-collapse : collapse;
}

table.historyTab th {
 width           : 174px;
 text-align      : left;
 padding         : 15px 15px 5px;
 color           : #2d85f8;
 border-bottom   : 1px dotted #ccc;
 vertical-align  : bottom;
}

table.historyTab td {
 padding         : 15px 15px 5px;
 text-align      : left;
 border-bottom   : 1px dotted #ccc;
}

table.companyTab {
 width           : 715px;
 margin          : 0 auto;
 border-collapse : collapse;
 border-top      : 1px solid #96c2fb;
}

table.companyTab th {
 background      : #cde2f5;
 color           : #2d85f8;
 width           : 10px;
 padding         : 5px 10px;
 border-bottom   : 1px solid #96c2fb;
 vertical-align  : top;
}

table.companyTab td {
 padding         : 5px 10px;
 text-align      : left;
 border-bottom   : 1px solid #96c2fb;
}

table.companyTab td ul.companyList {
 overflow        : hidden;
}

table.companyTab td ul.companyList li {
 width           : 191px;
 float           : left;
 padding         : 0px 15px;
 background      : url(../images/ic_blue.gif) no-repeat 0 40%;
}

/* カレンダー */
@media screen {
div#navigation table {
 margin          : 0 auto;
 width           : 95%;
}
div#navigation table tr th {
 padding         : 5px;
 border          : 0px solid #AAAAAA;

  background-color: #FFFFFF;

 text-align      : left;
}
div#navigation table tr td {
 padding         : 3px;
 border          : 0px solid #AAAAAA;

 text-align      : center;
}

/* カレンダー */
div#navigation .calender {
 margin          : 2px 10px;
 text-align      : center;
}

div#navigation .calender li {
 display         : inline;

 margin-right    : 10px;
}

div#navigation .block {
 padding         : 10px;
 border          : 1px solid #E6E6E6;
 text-align      : left;
 margin-bottom   : 15px;
}

/* 検索 */
form fieldset {
 border          : 0px solid #000000;
}
form legend {
 display         : none;
}
form input, form select {
 margin-right    : 1px;
 padding         : 1px;

  font-size      : 90%;
}
@media screen {
form input, form select {
 font-family     : Verdana, Arial, sans-serif;
}
}
form select {
 margin-top      : 1px;
}
form p input {
 text-align      : center;
}
form textarea {
 padding         : 1px;

 font-family     : 'ＭＳ ゴシック', Osaka, monospace;
 line-height     : 1.2em;
}

div#navigation form dl dt {
  display        : none;
}

/* ----- 記事一覧 -------------------------------------- */

div#logs {
 width          : 690px;
}

div#diary .diary .text{
 width          : 670px;
 padding        : 10px;

}
div#diary .diary .info{
 width          : 670px;
 padding        : 10px;
}
div#diary h2 {
 display        : none;
}

/* ----- ページ移動 ------------------------------------ */

div#page h2 {
  display: none;
}

div#page ul {
  margin: 0px;
}
div#page ul li {
  display: inline;
  margin-right: 10px;
}

/* ----- ナビゲーション -------------------------------- */

div#navi h2 {
  display: none;
}

div#navi ul {
  margin: 5px 0px;

  text-align: right;
}
div#navi ul li {
  display: inline;
  margin-left: 5px;
}

div#navi form dl {
}
div#navi form dl dt {
  display: none;
}
div#navi form dl dd {
  float: left;
}
div#navi form input {
  padding: 0px;
}
div#diary .info {
  margin: 5px 10px;

  text-align: right;
}
div#diary .info * {
  font-size: 10px;
}
div#diary .info li {
  display: inline;

  margin-left: 5px;
}
.new {
  color: #FF0000;
}


/***********************************************
  11.font
***********************************************/

/* color */
.green     { color:#73bb19 !important; }
.red       { color:#CC0000 !important; }
.orange    { color:#FF9900 !important; }
.blue      { color:#0073CA !important; }
.lightBlue { color:#0F89E3 !important; }
.mizu      { color:#DDF0FF !important; }
.black     { color:#000 !important; }
.gray      { color:#999 !important; }

/* font-size */
.sizeRe,
.big00,
.small00   { font-size:1.0em !important; }
.big01     { font-size:1.1em !important; }
.big02     { font-size:1.2em !important; }
.big03     { font-size:1.3em !important; }
.big04     { font-size:1.4em !important; }
.big05     { font-size:1.5em !important; }
.big06     { font-size:1.6em !important; }
.big07     { font-size:1.7em !important; }
.big08     { font-size:1.8em !important; }
.big09     { font-size:1.9em !important; }
.big10     { font-size:2.0em !important; }
.small01   { font-size:0.9em !important; }
.small02   { font-size:0.8em !important; }
.small03   { font-size:0.7em !important; }
.small04   { font-size:0.6em !important; }
.small05   { font-size:0.5em !important; }
.small06   { font-size:0.4em !important; }
.small07   { font-size:0.3em !important; }
.small08   { font-size:0.2em !important; }
.small09   { font-size:0.1em !important; }

/* font-weight */
.bold      { font-weight:bold !important; }
.normal    { font-weight:normal !important; }







/***********************************************
  12.link
***********************************************/

a:link {
 color           : #2d85f8;
 text-decoration : underline;
}

a:visited {
 color           : #2d85f8;
 text-decoration : underline;
}

a:hover {
 color           : #2d85f8;
 text-decoration : none;
}

#breadcrumbs a:link {
 color           : #666666;
 text-decoration : none;
 font-weight     : normal;
}

#breadcrumbs a:visited {
 color           : #666666;
 text-decoration : none;
 font-weight     : normal;
}

#breadcrumbs a:hover {
 color           : #666666;
 text-decoration : underline;
 font-weight     : normal;
}

#slider1 a:link {
 color           : #2d85f8;
 text-decoration : none;
}

#slider1 a:visited {
 color           : #2d85f8;
 text-decoration : none;
}

#slider1 a:hover {
 color           : #2d85f8;
 text-decoration : underline;
}

ul#footLinkList a:link {
 color           : #ffffff;
 text-decoration : none;
}

ul#footLinkList a:visited {
 color           : #ffffff;
 text-decoration : none;
}

ul#footLinkList a:hover {
 color           : #FF9900;
 text-decoration : none;
}

a.blueArrowLink:link,
a.blueArrowLink:visited,
a.blueArrowLink:hover {
 background      : url(../images/ic_arrow_disc.gif) no-repeat 100% 0;
 padding         : 0px 18px 0px 0px;
}

a.link1:link {
 color           : #999999;
 text-decoration : none;
}

a.link1:visited {
 color           : #999999;
 text-decoration : none;
}

a.link1:hover {
 color           : #999999;
 text-decoration : underline;
}

#copyright a:link {
 color           : #ffffff;
 text-decoration : none;
}

#copyright a:visited {
 color           : #ffffff;
 text-decoration : none;
}

#copyright a:hover {
 color           : #ffffff;
 text-decoration : underline;
}



/***********************************************
  99.other
***********************************************/
ul {
 list-style-type : none;
}

ul.nomalList {
 list-style-type : disc;
 margin-left     : 15px;
}





/* たかし追加 */

table.inqTab input {
 border          : 1px solid #cccccc;
}

table.inqTab {
 width           : 714px;
 margin          : 0 auto;
 border-collapse : collapse;
 border-top      : 1px solid #cccccc;
}

table.inqTab tr th {
 background      : #cde2f5;
 width           : 184px;
 padding         : 10px;
 border-bottom   : 1px solid #cccccc;
 font-weight     : normal;
 text-align      : left;
}

table.inqTab tr th.requisite {
 background      : url(../images/ic_required.gif) no-repeat #cde2f5 95% 50% ;
}

table.inqTab tr td {
 background      : #fff;
 padding         : 10px;
 text-align      : left;
 border-bottom   : 1px solid #cccccc;
}

/*150316追加*/
.tabTop {
 vertical-align  : top;
}

.tabLeft{
 text-align      : left;
}

/*モーダルウィンドウ追加*/
#modal-content{
  width:50%;
  margin:1.5em auto 0;
  padding:10px 20px;
  border:2px solid #aaa;
  background:#fff;
  z-index:2;
}

.modal-p{
  margin-top:1em;
}

.modal-p:first-child{
  margin-top:0;
}

.button-link{
  color:#00f;
  text-decoration:underline;
}

.button-link:hover{
  cursor:pointer;
  color:#f00;
}



/* ----- 処理選択 -------------------------------------- */

div#work h2 {
  margin-bottom: 15px;
  padding: 5px;
  border-top: 3px double #999999;
  border-bottom: 3px double #999999;
}

div#work form {
  margin: 10px 0px;
}
div#work form dl dt {
  display: none;
}
div#work form dl dd {
  float: left;
}
div#work form input {
  padding: 0px;
}

/* ----- フォーム -------------------------------------- */

div#form h2 {
  margin-bottom: 15px;
  padding: 5px;
  border-top: 3px double #999999;
  border-bottom: 3px double #999999;
}

div#form form {
  margin-bottom: 10px;
}
div#form form dl {
  margin-bottom: 20px;
}
div#form form dl dt {
  float: left;
  clear: left;
  width: 5em;
}
div#form form dl dd {
}
div#form form dl dd textarea {
  margin-top: 2px;
}
div#form form ul {
  margin: 0px 0px 20px 0px;
}
div#form form ul li {
  list-style-type: none;
}

/* ----- 環境設定 -------------------------------------- */

div#env h2 {
  margin-bottom: 15px;
  padding: 5px;
  border-top: 3px double #999999;
  border-bottom: 3px double #999999;
}
div#env h3 {
  margin-bottom: 15px;
  padding: 5px;

  background-color: #EEEEEE;
}

div#env dl {
  margin-bottom: 20px;
}
div#env dl dd {
  margin-bottom: 10px;
}

div#env form {
  margin-bottom: 20px;
}
div#env form p {
  margin-bottom: 20px;
}

/* ----- キャンバス ------------------------------------ */

div#canvas h2 {
  margin-bottom: 15px;
  padding: 5px;
  border-top: 3px double #999999;
  border-bottom: 3px double #999999;
}
div#canvas applet {
  margin-bottom: 15px;
}

/* ----- ステータス ------------------------------------ */

div#status h2 {
  margin-bottom: 15px;
  padding: 5px;
  border-top: 3px double #999999;
  border-bottom: 3px double #999999;
}
div#status h3 {
  margin-bottom: 15px;
  padding: 3px 0px;
  border-bottom: 1px double #999999;
}
div#status h4 {
  margin-bottom: 10px;
}

div#status dl {
  margin-bottom: 20px;
}
div#status dl dt {
  float: left;
  clear: left;
  width: 10em;
}
div#status dl dd {
}




/* ----- 2022/05公開 ------------------------------------ */
.ttl_orange{
  background : url(../images/bg_orangeTtl.png) no-repeat left center/cover;
  width: 100%;
  padding: 11px 0 11px 26px;
  overflow: hidden;
}
.ly_frameSpace20{
  padding: 20px;
}
.ly_sideSpace{
  padding-left: 20px;
  padding-right: 20px;
}
.el_kikan{
  text-align: right;
  color: #FF9900;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 20px;
}
.el_kikan *{
  display: inline-block;
  margin-left: 5px;
}
.el_note {
  /* font-size: 15px; */
  letter-spacing: 0.05em;
  text-align: right;
  color: #656567;
}
.hp_alignLeft{
  text-align: left !important;
}
.hp_borderNone{
  border: none !important;
}
.hp_none{
  display: none
}
.bl_podcastBtnList{
  display: flex;
  justify-content: space-between;
}
.bl_podcastBtnList *{
  display: inline-block;
}
.el_largeTtl{
  background : url(../images/bg_largeTtl.png) no-repeat center;
  padding         : 13px 0px 15px 14px;
  margin-bottom: 20px;
}
.un_consultingList{
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.un_consultingList li{
  width: 215px;
}
.bl_dlList{
  margin-bottom: 25px;
  border: #CCCCCD 1px solid;
  box-sizing: border-box;
  line-height: 2;
}
.bl_dlList > div{
  display: flex;
}
.bl_dlList > div:not(:last-child){
  border-bottom: #CCCCCD 1px solid;
}
.bl_dlList dt{
  background: #DDF0FF;
  padding: 1em;
  width: 135px;
}
.bl_dlList dd{
  padding: 1em;
  width: calc(100% - 135px);
}
.un_kyoukaiBox{
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  background: #F6F6F6;
}
.un_kyoukaiBox h4{
  width: 100%;
  margin-bottom: 17px;
}
.un_kyoukaiBox figure{
  width: 203px;
  margin-right: 14px;
}
.un_kyoukaiBox p{
  width: calc(100% - 217px);
}
.bl_flexBox{
  display: flex;
  margin-top: 10px;
  margin-bottom: 20px;
  justify-content: space-between;
}
.bl_flexBox figure{
  width: 285px;
}
.bl_flexBox p{
  width: calc(100% - 305px);
}
.el_leftBorderTtl{
  border-left: 3px solid #FF9900;
  background: #F6F6F6;
  padding: 7px 0 7px 10px;
}
.bl_listMizutama > li{
  display: inline-block;
  margin-right: 1em;
}
.bl_listMizutama > li:before{
  content: "●";
  color: #DDF0FF;
}
.bl_largeTextArea{
  font-size: 16px;
}
.bl_largeTextArea .cntsubTt{
  height: 35px;
}
.bl_largeTextArea .cntsubTtb{
  height: 30px;
}
.bl_largeTextArea h4.pfms{
  font-size: 20px;
}
.el_scrollPoint{
  padding-top: 100px;
  margin-top: -100px;
  clear: both;
}
.hp_ofhidden{
  overflow: hidden;
}