@charset "UTF-8";
/*
Theme Name: column
Theme URI: http://www.○○○○○.com/
Description: コラムのテーマです。
Author: HRM
Author URI: http://www.---------.com/
Version: 1.1
*/
/* Link Color ----------------------------------------------------------- */
/*a {*/
/*text-decoration:underline;*/
/*}*/
/*a:hover {*/
/*text-decoration:none;*/
/*}*/
/*a:link {*/
/*        color: #000;*/
/*}*/
/*a:visited {*/
/*           color: #000;*/
/*}*/
/*a:hover {*/
/*         color: #000;*/
/*}*/
/*a:active {*/
/*          color: #000;*/
/*}*/
#wrapper a img:hover,.sub a img:hover{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background:#fff;
}
body {
       text-align: center;
        font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
       line-height:1.5;
}
#contents {
        margin: 0 auto;
        text-align: left;
        margin-bottom:20px;
}
.pie{
    behavior: url(PIE.htc);position:relative;
}
.notice{
    color:#666;
    text-indent:-1em;
    margin-left:1em;
    line-height:1.2;
    font-size:10px;
}
img.flL{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0 !important;
}
img.flR{
    float: right;
    margin-left: 10px !important;
    margin-bottom: 10px;
}
.listStyle1{
    padding-left: 1em;
    text-indent: -1em;
    font-size: 100% !important;
}
a.btn_red{
    display:inline-block;
    color:#fff;
    text-align:center;
    float:left;
    font-size:13px;
    margin-right:5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#fd8b04;
    border-bottom:1px solid #cfcfcf;
    width:160px;
    padding:5px 0;
    text-shadow: 1px 1px 1px #D37204;
}
a.btn_g:hover{
    background:#90DB3F;
}
a.btn_g{
    display:inline-block;
    color:#fff;
    text-align:center;
    float:left;
    font-size:14px;
    margin-right:5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#75B738;
    border-bottom:1px solid #cfcfcf;
    width:260px;
    padding:10px 0;
    text-shadow: 1px 1px 1px #ccc;
}
a.btn_red:hover{
    background:#F7B604;
}
span.bold{
    font-weight:bold;
}
span.red_strong{
    font-weight:bold;
    color:#FD8B04;
    font-size:28px;
    text-decoration: underline;
}
input[type="submit"]{
    display:inline-block;
    color:#fff;
    text-align:center;
    float:left;
    font-size:13px;
    margin-right:5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#75B738;
}
.hand_line{
    background: url("../images/common/line2.gif") repeat-x bottom;
    padding-bottom:3px;
}
.hand_line2{
    background: url("../images/common/line2.gif") repeat-x bottom;
    padding-bottom:3px;
}

/* common ----------------------------------------------------------- */
.table { display: table; width: 100%; margin: 0; }
.table.fixed { table-layout: fixed; }
.table > * { display: table-cell; }
.table.vt > * { vertical-align: top; }
.table.vm > * { vertical-align: middle; }
.table.vb > * { vertical-align: bottom; }

/* header ----------------------------------------------------------- */
.inner{
    /*width:980px;*/
    /*margin:0 auto;*/
}
#header{
    text-align:left;
    /*background: url("../images/common/head_bg.jpg") repeat-x;*/
    height:93px;
    position: relative;
}
#header .tag,#header .description{
    font-size:12px;
    color:#77b834;
    padding-top:3px;
}
#header #site_id a{
    background: url("../images/common/id.png") no-repeat;
    display:inline-block;
    width:243px;
    height:32px;
    text-indent:-9999px;
    margin-top:17px;
    float:left;
    margin-right:120px;
}
#header .link{
    float:left;
    display:inline-block;
    margin-top:5px;
    margin-left: 10px;
    width: 320px;
}
#header .link .first,#header .link .request,#header .inquiry,#header .link .request2{
    display:inline-block;
    color:#fff;
    text-align:center;
    float:left;
    font-size:13px;
    margin-left:5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#header .first{
    background:#fd8b04;
    border-bottom:1px solid #cfcfcf;
    width:140px;
    padding:10px 0;
    text-shadow: 1px 1px 1px #D37204;
}
#header .request{
    background:#ff6600 url("../images/common/icon.png") no-repeat 10px 7px;
    border-bottom:1px solid #bfbebe;
    width: 175px;
    padding: 10px 0 10px 7px;
    text-shadow: 1px 1px 1px #cb5100;
}


#header .inquiry{
    background:#75B738 url("../images/common/icon.png") no-repeat 10px -25px;
    border-bottom:1px solid #bfbebe;
    width:105px;
    padding:10px 0 10px 22px;
    text-shadow: 1px 1px 1px #476B1C;
}
#header .recruit{
    color:#fd8b04;
    background: url("../images/top/blank_orange.jpg") no-repeat right;
		background-size: 10px;
    padding-right:15px;
    font-weight:bold;
    font-size:14px;
    padding-top:3px;
    float:right;
}
#header .first:hover{
    background:#F7B604;
}
#header .inquiry:hover{
    background:#90DB3F url("../images/common/icon.png") no-repeat 10px -25px;
}
#header .request:hover{
    background:#90DB3F url("../images/common/icon.png") no-repeat 10px 7px;
}
#header .tel{
    float:right;
    width:269px;
    height:60px;
}
#header .recruit:hover{
   color:#FCB30A;
}
#header .inner{
    position: relative;
}
#header .banner{
   position: absolute;
   top:26px;
   left:250px;
   cursor: pointer;
}
#header .banner img{
    display: block;
    border: #ccc 1px solid;
    width: 270px;
}
#header .banner span.text{
    display: block;
    background: url(../images/arrow_right2.png) 0 center no-repeat;
    background-size: 8px;
    padding-left: 12px;
    color:#ff9804;
    font-size: 14px;
}
#header .banner span.text span{
    font-size: 10px;
    color:#f00;
}


/*g_menu ----------------------------------------------------------- */
#g_menu{
    background: url("../images/common/menu_bg.jpg") repeat-x -5px;
    padding-top:1px;
}
@media screen and (min-width: 641px) {
#g_menu{
    height:47px;}
}
#g_menu > .inner > ul{
    padding-top:1px;
    position:relative;
    height:44px;
    background: url("../images/common/menu_off.png") no-repeat;
    background-position:0px 1px;
}
#g_menu > .inner > ul > li{
    display:inline-block;
    float:left;
    /*position: relative;*/
}
#g_menu > .inner > ul > li > a{
    display:inline-block;
    height:0;
    padding-top:44px;
    text-indent:-9999px;
    float:left;
}
#g_menu > .inner > ul > li > a.a{
    width:225px;
    background-position: 0 0;
    position:absolute;
    z-index:1;
    left:0;
}
#g_menu > .inner > ul > li > a.b{
    width:222px;
    background-position: -220px 0;
    position:absolute;
    left:215px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.c{
    width:170px;
    background-position: -447px 0;
    position:absolute;
    left:428px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.d{
    width:90px;
    background-position: -520px 0;
    position:absolute;
    left:585px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.e{
    width:123px;
    background-position: -682px 0;
    position:absolute;
    left:665px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.f{
    width:126px;
    background-position: -753px 0;
    position:absolute;
    left:771px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.g{
    width:118px;
    background-position: -868px 0;
    position:absolute;
    left:889px;
    z-index:1;
}
/*#g_menu > .inner > ul > li > a:hover{
    background: url("../images/common/menu_on.png") no-repeat;
}*/
#g_menu > .inner > ul > li > a.a:hover,#g_menu > .inner > ul > li .a.current{
    width:245px;
    background: url("../images/common/menu_on1.png") no-repeat;
    background-position: 0 0;
    position:absolute;
    z-index:1;
    left:0;
}
#g_menu > .inner > ul > li > a.b:hover,#g_menu > .inner > ul > li .b.current{
    width:228px;
    background: url("../images/common/menu_on2.png") no-repeat;
    background-position: -200px 0;
    position:absolute;
    left:200px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.c:hover,#g_menu > .inner > ul > li .c.current{
    width:175px;
    background: url("../images/common/menu_on1.png") no-repeat;
    background-position: -415px 0;
    position:absolute;
    left:415px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.d:hover,#g_menu > .inner > ul > li .d.current{
    width:100px;
    background: url("../images/common/menu_on2.png") no-repeat;
    background-position: -571px 0;
    position:absolute;
    left:571px;
    z-index:1;

}
#g_menu > .inner > ul > li > a.e:hover,#g_menu > .inner > ul > li .e.current{
    width:123px;
    background: url("../images/common/menu_on1.png") no-repeat;
    background-position: -653px 0;
    position:absolute;
    left:653px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.f:hover,#g_menu > .inner > ul > li .f.current{
    width:136px;
    background: url("../images/common/menu_on2.png") no-repeat;
    background-position: -756px 0;
    position:absolute;
    left:756px;
    z-index:1;
}
#g_menu > .inner > ul > li > a.g:hover,#g_menu > .inner > ul > li .g.current{
    width:112px;
    background: url("../images/common/menu_on1.png") no-repeat;
    background-position: -875px 0;
    position:absolute;
    left:875px;
    z-index:1;
}
#g_menu > .inner > ul > li:hover ul{
    display: block;
}
#g_menu > .inner > ul > li > ul{
    position: absolute;
    top:44px;
    left:10px;
    z-index: 4;
    border-top: #ccc 1px solid;
    box-shadow:0 1px 5px rgba(0,0,0,0.5);
    display: none;
    width: 230px;
}
#g_menu > .inner > ul > li.a > ul{
    width: 235px;
}
#g_menu > .inner > ul > li.b > ul{
    width: 270px;
    left:215px;
}
#g_menu > .inner > ul > li.c > ul{
    left:427px;
}
#g_menu > .inner > ul > li.d > ul{
    left:583px;
}
#g_menu > .inner > ul > li.e > ul{
    left:663px;
}
#g_menu > .inner > ul > li.f > ul{
    left:769px;
}
#g_menu > .inner > ul > li > ul > li > a {
    background-color: #77b834;
    text-align: left;
    display: block;
    color:#fff;
    font-weight: bold;
    font-size: 13px;
    padding: 10px;
    border-bottom: #fff 1px solid;
}
#g_menu > .inner > ul > li > ul > li > a:hover {
    background-color: #459000;
}
#g_menu > .inner > ul > li > ul > li:last-child > a {
    border-bottom: none;
}

/*top_key ----------------------------------------------------------- */
.top_key{
    width:100%;
    height:297px;
    border-bottom:1px solid #ccc;
    overflow: hidden;

}
.top_key_box{
    background:url("../images/top/key.jpg") no-repeat;
    width:980px;
    height:296px;
    margin:0 auto;
    position: relative;
}
.top_key .inner.before{
    position: absolute;
    top:0;
    left:0;
    z-index:2;
}
.top_key .inner.after{
    display:none;
    position: absolute;
    top:0;
    left:0;
    z-index:2;
}
.top_key a.before,.top_key a.after{
    width:980px;
    height:296px;
    display:inline-block;
    margin:0 auto;
}
.top_key a.before .a{
    position: absolute;
    top:10px;
    left:630px;
    z-index:3;
    width:371px;
    height:290px;
    background:url("../images/top/key_illust1.png") no-repeat;
}
.top_key a.before .b{
    position: absolute;
    top:5px;
    left:670px;
    z-index:2;
    width:293px;
    height:200px;
}
.top_key a.before .c{
    position: absolute;
    top:117px;
    left:640px;
    z-index:1;
}
.top_key .top_key_box a.after .d{
    position: absolute;
    top:10px;
    left:560px;
    z-index:2;
    width:266px;
    height:269px;
    background:url("../images/top/key_illust4.png") no-repeat;
}
.top_key .top_key_box a.after .e{
    position: absolute;
    top:10px;
    left:595px;
    z-index:1;
}
.top_key a img:hover{
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    background:none;
}
/*index ----------------------------------------------------------- */
.index h2{
    clear:both;
    background: url("../images/icon/h2_green.png") no-repeat 0 3px;
    width:980px;
    height:26px;
    padding-left:25px;
    /*font-weight:bold;*/
    text-align:left;
    margin:40px 0 23px 0;
}
/* service ----------------------------------------------------------- */
#wrapper{
    width:98px;
    height:291px;
    position:relative;
    z-index:0;
}
.service_area{
    position:absolute;
    z-index:1;
    width:980px;
    top:0px;
    left:0px;
    overflow:hidden;
}
#service_a,
#service_b,
#service_c{
    position:absolute;
}
.red{
    font-size:10px;
    color:#FF7F7F;
}
.service_area s,
#main p.child s,
#main table.definition_table td s,
#main ul.seminar_list p s{
    color:#FF7F7F;
}
.service_area li{
    display:inline-block;
    position:relative;
    width:306px;
    height:291px;
    margin-left:25px;
}
.service_area li:first-child{
    margin-left:0;
}
.service_area li.a a{

    position:absolute;
    width:567px;
    height:284px;
    display:block;
    z-index:10;
}
.service_area li.a .popout{
    display:none;
}
#service_a:hover .popout{
  width:547px;
    height:284px;
    display:inline-block;
    /*background: url("../images/top/service/consulting_on.png") no-repeat;*/
    position:absolute;
    top:0px;
    left:0px;
    z-index:4;
}
#service_a:hover .popout p{
    display:block;
    width:200px;
    padding-top:10px;
    height:0;
    overflow:hidden;

}
.service_area li.b a{

    background:none;
    display:block;
    width:590px;
    height:284px;
    position:absolute;
    z-index:10;
}
.service_area li.b .popout{
    display:none;
}

#service_b:hover .popout{
  width:590px;
    height:284px;
    display:inline-block;
    /*background: url("../images/top/service/seminar_on.png") no-repeat;*/
    position:absolute;
    top:0px;
    left:0px;
    z-index:4;

}
#service_b:hover .popout .schedule_area{
    font-size:13px;
    text-align:left;
    width:242px;
    position:absolute;
    top:120px;
    right:28px;
}
#service_b:hover .popout .schedule_area p{
    margin-top:5px;
}
#service_b:hover .popout .place{
  color:#459000;
  font-weight:bold;

}
.service_area li.c a{
    background:none;
    display:block;
    width:597px;
    height:284px;
    z-index:10;
    position:absolute;
}
.service_area li.c .popout{
    display:none;
}

#service_c:hover .popout{
    width:597px;
    height:284px;
    display:block;
    background: url("../images/top/service/management_class_on.png") no-repeat center right;
    position:absolute;
    top:0px;
    right:-3px;
    z-index:10;
    overflow:hidden;

}
#service_c:hover #service_c_img{
    display:none;
}
#service_c:hover .popout .schedule_area{
    font-size:13px;
    text-align:left;
    width:242px;
    position:absolute;
    top:110px;
    left:20px;
}
#service_c:hover .popout .schedule_area p{
    margin-top:5px;
}
#service_c:hover .popout .place{
  color:#ff7a39;
  font-weight:bold;
}





/* contents ----------------------------------------------------------- */
#contents{
    margin-left:-20px;
}
#contents li{
    border:1px solid #e7e7e7;
    position:relative;
    z-index:0;
    float:left;
    margin-left:17px;
    margin-bottom:10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#contents li.small{
    width:153px;
}
#contents li p{
    font-size:18px;
    text-align:center;
    margin-top:105px;
}
#contents li p span,#voice li span,.h span{
    font-size:14px;
    color:#666;
}
#contents li p span.pink{
   color:#fc6859;
   display:block;
   margin-top:10px;
}
#contents li p span.green{
   color:#64a01d;
   display:block;
   margin-top:10px;
}
#contents li p span.yellow{
   color:#dca600;
   display:block;
   margin-top:10px;
}
#voice li span.blue{
    color:#33A3A7;
    font-size:14px;
    padding-top:10px;
    display:inline-block;
}
#contents li div{
    background:#e7e7e7 url("../images/common/arrow.gif") no-repeat 240px 5px;
    color:#7fb136;
    text-align:right;
    font-size:12px;
    font-weight:bold;
    position:absolute;
    z-index:1;
    width:100%;
    height:17px;
    top:179px;
    left:0;
}
#contents li.small div{
    background:#e7e7e7 url("../images/common/arrow.gif") no-repeat 75px 5px;
}
#contents li a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#contents li.e{
    background:#fdfdfd url("../images/top/book_bg.png") no-repeat;
    width:245px;
    height:271px;
    padding-right:235px;
    /*border: none;*/
}
#contents li.e a:hover{
    border:3px solid #fc6859;
    width:474px;
    height:265px;
}
#contents li.f{
    background:url("../images/top/icon/mail.png") no-repeat 80px 30px;
    width:227px;
    height:271px;
}
#contents li.f a:hover{
    border:3px solid #64a01d;
    width:221px;
    height:265px;
}
#contents li.g{
    background:url("../images/top/icon/note.png") no-repeat 80px 30px;
    width:227px;
    height:271px;
}
#contents li.g a:hover{
    border:3px solid #f9d530;
    width:221px;
    height:265px;
}
/* voice ----------------------------------------------------------- */
.arrow_l{
    float:left;
    padding-top:12px;
    margin-right:10px;
}
.arrow_r{
    float:left;
    padding-top:30px;
    margin-left:0px;
}
#voice{
    float:left;
    margin-bottom:40px;
    margin-left:9px;
}
#voice li{
    font-size:10px;
    float:left;
    margin-left:15px;
}
#voice li:nth-child(odd) div {
    margin-left: 2.5px;
}
#voice li:nth-child(1) div {
    margin-left: 0;
}
#voice li img{
    padding-bottom:5px;
    width:118px;
}

#voice li .h,.h{
    display:inline-block;
    font-size:18px;
    background: url("../images/top/icon/voice.png") no-repeat 40px 20px;
    width:220px;
    height:120px;
    padding-top:25px;
    padding-left:10px;
    border:1px solid #e7e7e7;
    position:relative;
    z-index:0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-top:5px;
    float:left;
}
#voice li .h a,.h a{
    display:inline-block;
    width:220px;
    height:120px;
    padding-top:25px;
    padding-left:10px;
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
div.index .h a:hover{
    left:0;
    top:0;
    width:214px;
    height:118px;
    padding-top:25px;
    padding-left:10px;
    border:3px solid #33a3a7;
}
#voice li .l{
     float:left;
     width:120px;
}
#voice li .l img:hover{
	opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    background:#fff;
}
#voice li .r{
     float:left;
     width:153px;
     height:139px;
     background: url("../images/top/voice_bg.png") no-repeat;
}
#voice li .r a{
    display:inline-block;
    color:#7FB136;
    font-size:13px;
    width:100px;
    margin-top:30px;
    margin-left:10px;
}
#voice li .r a:hover{
	text-decoration: underline;
}
/* blog ----------------------------------------------------------- */
.blog{
    clear:both;
    background:url("../images/top/blog_bg.gif") repeat-x;
    height:375px;
    text-align:left;
    padding-top:25px;
}
.blog h2{
    background: url("../images/icon/h2_white.png") no-repeat 0 3px;
    color:#fff;
    padding-left:25px;
}
.blog ul li{
    width:223px;
    height:272px;
    position:relative;
    z-index:0;
	background-color:#fff;
   /* background:#fff url("../images/top/line.gif") no-repeat 10px 200px;*/
    border-bottom:1px solid #7db23e;
    float:left;
    margin-left:18px;
    margin-top:20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border:3px solid #fff;
}
.blog ul li.first{
    margin-left:0;
}
.blog ul li:nth-child(1){ margin-left:0; }
.blog ul li img{
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    width:223px;
}
.blog ul li a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    cursor:pointer;
}
.blog ul li h3{
    padding-left:10px;
    padding-top:5px;
    font-weight:bold;
    font-size:13px;
    position:absolute;
    top:174px;
}
.blog ul li p{
    font-size:13px;
    padding:20px 10px 10px 10px;
    position:absolute;
    top:200px;
}

/* recruit ----------------------------------------------------------- */
#recruit td a.contact_to{
    color:#FD8B04;
}


/* news ----------------------------------------------------------- */
.info{
    margin-top: 30px;
    margin-bottom:40px;
}
#news{
    text-align:left;
    background:#faf9f9;
    padding:15px 15px 33px 15px;
    width:723px;
    height:313px;
    box-sizing:border-box;
    float:left;
    position: relative;
    box-shadow: 1px 1px 3px #c0c0c0;
	-moz-box-shadow: 1px 1px 3px #c0c0c0;
	-webkit-box-shadow: 1px 1px 3px #c0c0c0;
}
#news h3{
    color:#333333;
    padding-bottom:5px;
    margin-bottom:10px;
    background:url("../images/common/line.gif") bottom repeat-x;
}
#news p.link{
    position: absolute;
    bottom:12px;
    right: 16px;
    font-size: 11px;
}
#news p.link a{
    display: inline-block;
    padding-left: 18px;
    line-height: 1.1;
    background: url(../images/common/arrow_black_right.png) 0 0 no-repeat;
}
#news ul li{
    background:#fff;
    font-size:10px;
    color:#666;
    padding:10px;
    margin-bottom:7px;
    line-height:1.5;
}
#news ul li a{
    text-decoration: underline;
    color:#77B834;
    font-size:12px;
}
#fb{
    width: 475px;
    text-align: left;
    float: left;
}
#fb .fb-page.fb_iframe_widget{
    width: 475px;
}
#fb .fb-page.fb_iframe_widget > span{
    width: 475px;
}
#fb .fb-page.fb_iframe_widget > span > iframe{
    width: 475px !important;
}
.underBlock{
    width: 980px;
    overflow: hidden;
    padding-bottom: 30px;
    margin:0 auto;
}
.underBlock .mailmagazine{
    float: right;
    width: 476px;
}

/*sub ---------------------------------------------------------------- */
.inner.sub{
    text-align:left;
    margin-top:10px;
    padding-bottom:78px;
}
#breadcrumbs{
    margin-bottom:15px;
    padding-top: 10px;
    color:#555;
    font-size:12px;
}
#breadcrumbs a{
    color:#555;
}
#breadcrumbs a:hover{
    text-decoration: underline;
}
/*sidemenu ----------------------------------------------------------- */
#side_menu{
    width:232px;
    float:left;
    background:#fafafa;
    border-right:1px solid #e4e4e4;
    border-top:1px solid #fafafa;
    -webkit-box-shadow: 0px 1px 1px #e4e4e4;
    -moz-box-shadow: 0px 1px 1px #e4e4e4;
    box-shadow: 0px 1px 1px #e4e4e4;
    font-size:13px;
}
#side_menu ul{
    margin-bottom:50px;
}
#side_menu ul.side_menu > li{
    width:232px;
    line-height:1.2;
}
#side_menu ul.side_menu > li.tit{
    padding:25px 5px 25px 5px;
    width: 222px;
    text-align: center;
    background-color: #fff;
    border-bottom:1px solid #e6e6e6;
    font-weight: bold;
}
#side_menu ul.side_menu > li.tit span{
    font-size: 11px;
}
#side_menu ul.side_menu > li.innerList{
    background-color: #fafafa;
}
#side_menu ul.side_menu > li.innerList > span{
    display: block;
    background:#fafafa url("../images/icon/list.png") no-repeat;
    background-position: 5px -552px;
    font-weight:bold;
    padding:15px 0 15px 32px;
}
#side_menu ul.side_menu > li > a{
    display:inline-block;
    background:#fff url("../images/icon/list.png") no-repeat;
    border-bottom:1px solid #e6e6e6;
    width:200px;
    font-weight:bold;
    padding:15px 0 15px 32px;
}
#side_menu ul.side_menu > li > a.large{
    padding:8px 0 8px 28px;
}
#side_menu ul.side_menu > li > a.current,#side_menu ul.side_menu > li > a:hover{
    color:#7fc03c;
}
#side_menu ul.side_menu > li.current2 > a{
    cursor:default;
}
#side_menu ul.side_menu > li.current2 > a:hover{
    color:#000;
}
#side_menu ul.side_menu ul.inner_menu li a{
    background:#fafafa url("../images/icon/list.png") no-repeat;
    background-position: 3px 13px;
    font-size:12px;
    font-weight:normal;
    padding:10px 0 10px 28px;
    border-bottom:1px solid #fff;
    color:#000;
    display: block;
}
#side_menu ul.side_menu ul.inner_menu{
    margin-bottom:0;
}
#side_menu ul.side_menu ul.inner_menu li a:hover{
    background:#F9F7F7 url("../images/icon/list.png") no-repeat;
    background-position: 3px 13px;
}
#side_menu dl.results_list {
    margin:0 20px 20px 20px;
    padding: 10px;
    background-color: #fff;
    font-size:14px;
}
#side_menu dl.results_list ul{
    margin-bottom: 15px;
}
#side_menu dl.results_list a{
    display:lnline-block;
    padding:2px 3px;
    color: #666;
}
#side_menu dl.results_list a.current,#side_menu dl.results_list a:hover{
    display:lnline-block;
    background:#DDF4BC;
    padding:2px 3px;
    color: #86B540;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#side_menu dl.results_list dt{
    font-weight:bold;
    font-size:15px;
    color: #86B540;
}
#side_menu dl.results_list dd{
    padding-top:10px;
}
#side_menu dl.results_list dd ul li{
    padding-bottom:5px;
    list-style-type : circle;
    margin-left:20px;
}
#side_menu h3{
    background: url("../images/common/side_mail.png") no-repeat;
    width:222px;
    height:183px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    margin-left:5px;
}
#side_menu h3 a{
    display:inline-block;
    overflow:auto;
    text-indent:0;
    background:#fd8b04 url("../images/common/icon.png") no-repeat 15px -95px;
    color:#fff;
    text-align:center;
    float:left;
    font-size:13px;
    margin-right:5px;
    border-bottom:1px solid #cfcfcf;
    width:145px;
    padding:10px 0 10px 10px;
    text-shadow: 1px 1px 1px #D37204;
    margin:105px 0 0 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
html>/**/body #side_menu h3 a{
    margin /*\**/:125px 0 0 30px\9;
}
body #side_menu h3 a:not(:target){
    margin:105px 0 0 30px\9;
}
#side_menu h3 a:hover{
    background:#F7B604 url("../images/common/icon.png") no-repeat 15px -95px;
}
#side_menu .catalog{
    display:inline-block;
    margin-left:12px;
    margin-top:20px;
}
#side_menu .catalog img:hover{

}
.inner.info .qa,
#side_menu .qa{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border:1px solid #c4e3fa;
    background:#eef8ff url("../images/common/side_qa.gif") no-repeat center top;
    width:208px;
    height:403px;
    margin-left:10px;
    margin-top:20px;
    margin-bottom:50px;
}
.inner.info .qa{
    float: right;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 8px;
    width: 231px;
    height: 313px;
    height:auto;
    padding-bottom: 5px;
    text-align: left;
    box-sizing:border-box;
}
.inner.info .qa ol{
    background-color: #fff;
}
.inner.info .qa .qa_link,
#side_menu .qa .qa_link{
    text-align:right;
    padding-top:3px;
}
.inner.info .qa .qa_link a,
#side_menu .qa .qa_link a{
    font-size:10px;
    color:#3891d5;
    margin-right:10px;
    text-decoration: underline;
}
.inner.info .qa ol,
#side_menu .qa ol{
    margin-top:117px;
}
.inner.info .qa ol li,
#side_menu .qa ol li{
    border-bottom:1px dotted #ccc;
    font-size:12px;
    padding:10px 0;
    background:#fff;
}
.inner.info .qa ol li a,
#side_menu .qa ol li a{
    text-decoration: underline;
    display:inline-block;
    color:#666;
    background: url("../images/common/icon.png") no-repeat 0 -138px;
    padding-left:25px;
    padding-right:10px;
}
.inner.info .qa ol li a:hover,
#side_menu .qa ol li a:hover{
    color:#3891D5;
}
/*sidemenu class----------------------------------------------------------- */
#side_menu ul.side_menu.personnel_management li a.a{
    background-position: 8px -552px;
}
#side_menu ul.side_menu.personnel_management li a.b{
    background-position: 8px -163px;
}
#side_menu ul.side_menu.personnel_management li a.c{
    background-position: 8px -205px;
}
#side_menu ul.side_menu.consulting_services li a.a{
    background-position: 7px -552px;
}
#side_menu ul.side_menu.consulting_services li a.b{
    background-position: 8px -247px;
}
#side_menu ul.side_menu.consulting_services li a.c{
    background-position: 8px -308px;
}
#side_menu ul.side_menu.consulting_services li a.d{
    background-position: 8px -958px;
}
#side_menu ul.side_menu.consulting_services li a.e{
    background-position: 7px -925px;
}
#side_menu ul.side_menu.consulting_services li a.f,
#side_menu ul.side_menu.consulting_services li a.g,
#side_menu ul.side_menu.consulting_services li a.i{
    background-position: 7px -552px;
}
#side_menu ul.side_menu.personnel_management li a.b{
    background-position: 5px -552px;
    font-size:12px;
}
#side_menu ul.side_menu.results_detail li a.a{
    background-position: 5px -552px;
    font-size:12px;
}
#side_menu ul.side_menu.seminar li a.a{
    background-position: 5px -370px;
}
#side_menu ul.side_menu.seminar li a.b{
    background-position: 5px -431px;
}
#side_menu ul.side_menu.seminar li a.c{
    border-top: 1px solid #e6e6e6;
    background-position: 5px -614px;
}
#side_menu ul.side_menu.company li a.a{
    background-position: 5px -552px;
}
#side_menu ul.side_menu.company li a.b{
    background-position: 5px -615px;
}
#side_menu ul.side_menu.company li a.c{
    background-position: 5px -675px;
}
#side_menu ul.side_menu.company li a.d{
    background-position: 5px -70px;
}
#side_menu ul.side_menu.company li a.e{
    background-position: 5px -70px;
}
#side_menu ul.side_menu.company li a.f{
    background-position: 5px -200px;
}
#side_menu ul.side_menu.books li a.a{
    background-position: 5px -1204px;
}
#side_menu ul.side_menu.books li a.b{
    background-position: 5px -810px;
}
#side_menu ul.side_menu.books li a.c{
    background-position: 5px -1068px;
}
#side_menu ul.side_menu.books li a.d{
    background-position: 5px -1136px;
}
#side_menu ul.side_menu.recruit li a.a{
    background-position: 5px -70px;
}
#side_menu ul.side_menu .inner_menu li a.self,
#side_menu ul.side_menu .inner_menu li a.self:hover{
    background-position: 5px -1010px;
}
#side_menu ul.side_menu.footer_contents li a.a{
    background-position: 8px -205px;
}
#side_menu ul.side_menu.footer_contents li a.b{
    background-position: 5px -925px;
}
#side_menu ul.side_menu.footer_contents li a.c{
    background-position: 5px -807px;
}
#side_menu ul.side_menu.footer_contents li a.d{
    background-position: 5px -807px;
}
#side_menu ul.side_menu.footer_contents li a.e{
    background-position: 5px -740px;
}
/*main ----------------------------------------------------------- */
#main{
    float:right;
    width:708px;
    color:#000;
}
#main h2{
    font-size:35px;
    color:#86b540;
    /*font-size:28px;
    background:url("../images/icon/h2.png") no-repeat left top;
    padding:5px 0 5px 55px;*/
    padding:5px 0 5px 0px;
}
#main .headline{
    font-size:24px;
    padding-top:35px;
}
#main .headline_s{
    background:url("../images/common/h4_line.gif") no-repeat left center;
    width:100%;
    padding-left:23px;
    height:20px;
    margin-top:35px;
}
#main h3.headline_s{
    font-size: 18px;
    height: 25px;
}
#main .headline_s > span,#main .headline_s2 > span{
    display:inline-block;
    background:#fff;
    color: #86B540;
    font-weight:bold;
}
#main .headline_s.cd{
    background-image: url(../images/common/h4_line2.gif);
}
#main .headline_s.dvd{
    background-image: url(../images/common/h4_line3.gif);
}
#main .headline_s.cd > span{
    color:#5299d0;
}
#main .headline_s.dvd > span{
    color:#9b80c3;
}
#main .headline_s > span > span.icon_cd,
#main .headline_s > span > span.icon_dvd,
#main .headline_s > span > span.icon_book{
    display:inline-block;
    background:#73b92c;
    color: #fff;
    font-weight:normal;
    font-size: 10px;
    border-radius:3px;
    padding: 1px 4px 1px 5px;
    vertical-align: 3px;
    letter-spacing:0.3em;
}
#main .headline_s > span > span.icon_cd{
    background:#5299d0;
}
#main .headline_s > span > span.icon_dvd{
    background:#9b80c3;
}
#main #voice_exp .headline_s{
    width:655px;
    height:20px;
    background:none;
    margin-top:35px;
    font-size:20px;
    padding-left:0;
    border-bottom:1px dashed #86B540;
    border-left:6px solid #86B540;
    padding-bottom:11px;
    padding-top:2px;
    margin-left:30px;
    padding-left:15px;
    font-family:'Hiragino Mincho ProN', serif, garamond ;

}

#main .headline_s2{
    background:url("../images/common/h4_line2.gif") no-repeat left center;
    width:100%;
    padding-left:23px;
    height:20px;
    margin-top:35px;
}
#main .headline_s span,#main .headline_s2 span{
    display:inline-block;
    color: #5cb539;
    font-weight:bold;
}
#main .headline_ss{
    clear:both;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:15px;
    /*color: #7FB136;
    background:#E3F2CD;*/
    color: #444;
    background:#eee;
    padding:3px 5px;
    font-weight:bold;
    margin-top:35px;
    margin-left:20px;
}
#main .headline_ss span{
    font-size:13px;
    display:inline-block;
}
#main p{
    padding-top:30px;
    line-height:2;
    font-size: 100%;
}
#main p strong{
    background:#FFFFBC;
}
#main p.child{
    padding-top:15px;
    margin-left:20px;
}
#main a.more_link{
    display:inline-block;
    background: url("../images/common/arrow.gif") no-repeat left;
    color:#7fb136;
    padding-left:15px;
    font-size:14px;
    font-weight:bold;
    margin-top:10px;
    float:right;
}
#main p.more_link{
    display:inline-block;
    background: url("../images/common/arrow.gif") no-repeat left;
    color:#7fb136;
    padding:0 0 0 15px;
    font-size:14px;
    font-weight:bold;
    height:17px;
    line-height:1;
    margin-top:15px;
    float:right;
}
#main a.more_link:hover{
    text-decoration: underline;
}
#main dl.definition_list{
    margin-top:20px;
}
#main dl.definition_list dt{
    font-weight:bold;
}
#main dl.definition_list dd{
    padding:15px 0 20px 15px;
}
#main table.definition_table{
    margin-top:20px;
    width:650px;
    border:1px dotted #ccc;
}
#main table.definition_table .nomore_space{
	position:relative;
}
#main table.definition_table .nomore_space img.full{
	position:absolute;
	top:45px;
	right:160px;
}
#main table.definition_table th{
    width:150px;
    padding:15px;
    border-top:1px dotted #ccc;
    border-right:1px dotted #ccc;
    color:#666;
    vertical-align:middle;
    background:#FAFAFA;
    font-size:14px;
    text-align:center;
    font-weight:bold;
}
#main table.definition_table td{
    font-size:14px;
    padding:15px;
    border-top:1px dotted #ccc;
    vertical-align:middle;
}
#main table.definition_table th.first,
#main table.definition_table td.first{
    border-top:none;
}
#main .contentNav{
    margin-top: 50px;
}
#main .contentNav ul{
    overflow: hidden;
    display: table;
    width: 708px;
}
#main .contentNav li{
    display: table-cell;
    line-height: 1.2;
    vertical-align: top;
}
#main .contentNav li a{
    display: table-cell;
    vertical-align: middle;
    background-color: #77b834;
    width: 162px;
    height: 59px;
    color:#fff;
    text-align: center;
    border-radius:5px;
    overflow: hidden;
}
#main .contentNav li.material a{
    background: #fd8b04;
    width: 206px;
    height: 66px;
    padding-top: 2px;
}
#main .contentNav li.material a:before{
    content:"";
    background: url(../images/icon_material.png) 0 0 no-repeat;
    display: inline-block;
    width: 14px;
    height: 18px;
    margin-right: 5px;
    vertical-align: -3px;
}
#main .contentNav li.material{
    padding-left: 57px;
}
#main .contentNav li.prev{
    padding-top: 4px;
    width: 193px;
}
#main .contentNav li.prev a{
    padding-left: 31px;
    padding-top: 2px;
    background: #77b834 url(../images/arrow_left.png) 0 0 no-repeat;
}
#main .contentNav li.next{
    padding-top: 4px;
    /*padding-left: 26px;*/
    width: 193px;
}
#main .contentNav li.next a{
    padding-right: 31px;
    padding-top: 2px;
    background: #77b834 url(../images/arrow_right.png) 100% 0 no-repeat;
}
#main .contentNav div.freecall{
    margin-top: 25px;
    border: #77b834 2px solid;
    display: table;
    width: 100%;
    border-radius:5px;
    color:#77b834;
}
#main .contentNav div.freecall p{
    padding: 8px;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
}
#main .contentNav div.freecall p.col2{
    color:#fd8b04;
    font-size: 30px;
}
#main .contentNav div.freecall p.col2 span{
    display: inline-block;
    padding-left: 38px;
    background: url(../images/icon_freecall.png) 0 7px no-repeat;
}
#main .contentNav div.freecall p.col3{
    font-size: 10px;
}
#main .contentNav2 {
    background-color: #fafafa;
    padding: 8px;
    margin-bottom: 30px;
}
#main .contentNav2 li{
    display: table-cell;
    line-height: 1.2;
    padding-right: 15px;
}
#main .contentNav2 li a{
    background: url("../images/icon/list.png") no-repeat 5px -1017px;
    padding-left:25px;
    display: inline-block;
}
#main .contentBox1 {
    padding-top: 20px;
}
#main .contentBox1 dl{
    background: url(../images/arrow_down.png) 50px 40px no-repeat;
}
#main .contentBox1 dl:last-child{
    padding-bottom: 0;
    background: none;
}
#main .contentBox1 dt{
    display: table-cell;
    padding-bottom: 60px;
}
#main .contentBox1 dt span{
    background-color: #7bbe35;
    border-radius:3px;
    padding: 5px;
    color:#fff;
    display: block;
    width: 170px;
    text-align: center;
}
#main .contentBox1 dd{
    padding-top: 6px;
    padding-left: 10px;
    display: table-cell;
    vertical-align: top;
}
#main .contNav{
    margin-top: 15px;
    display: table;
    width: 100%;
}
#main .contNav li{
    display: table-cell;
    width: 33.333333%;
}
#main .contNav li.bt1{
    padding-right: 18px;
}
#main .contNav li.bt2{
    padding-right: 10px;
    padding-left: 10px;
}
#main .contNav li.bt3{
    padding-left: 18px;
}
#main .contNav li a{
    display: block;
    text-align: center;
    border-radius:5px;
    color:#fff;
    position: relative;
    font-size: 16px;
    padding: 12px;
    letter-spacing:0.5em;
}
#main .contNav li a:before{
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    margin-right: 15px;
    content:"";
    width: 11px;
    height: 8px;
    display: block;
    background:url(../images/sub/books/icon_arrow_w_down.png) 0 0 no-repeat;
}
#main .contNav li.bt1 a{
    background-color: #73b92c;
}
#main .contNav li.bt2 a{
    background-color: #5299d0;
}
#main .contNav li.bt3 a{
    background-color: #9679c0;
}
#main .contNav li a:after{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    margin-left: 15px;
    content:"";
    width: 18px;
    height: 20px;
    display: block;
}
#main .contNav li.bt1 a:after{
    background:url(../images/sub/books/icon_book.png) 0 0 no-repeat;
}
#main .contNav li.bt2 a:after{
    background:url(../images/sub/books/icon_cd.png) 0 0 no-repeat;
}
#main .contNav li.bt3 a:after{
    background:url(../images/sub/books/icon_dvd.png) 0 0 no-repeat;
}
#main .itemBox{
    margin-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
}
#main .itemBox p{
    padding-top: 0;
}
#main .itemBox .image{
    float: left;
    width: 170px;
    text-align: center;
}
#main .itemBox .image .price{
    margin-top: 20px;
    color:#f86161;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.1;
}
#main .itemBox .image .price span{
    font-size: 20px;
}
#main .itemBox .image form{
    margin-top: 20px;
    position: relative;
}
#main .itemBox .image form input[type=submit]{
    display: block;
    width: 100%;
    background-color: #73b92c;
    padding: 10px 5px 10px 50px;
    color:#fff;
    position: relative;
    border-radius:5px;
    line-height: 1.1;
    text-align: left;
    font-weight: bold;
    border: none;
    font-size: 16px;
    margin: 0;
}
#main .itemBox .image form:after {
    position: absolute;
    top:5px;
    margin-left: 10px;
    content:"";
    width: 28px;
    height: 25px;
    display: block;
    background:url(../images/sub/books/icon_cart.png) 0 0 no-repeat;
}
#main .itemBox .txt{
    float: right;
    width: 498px;
    padding-bottom: 80px;
}
#main .itemBox .txt p{
    line-height: 1.5;
    font-size: 14px;
}
#main .itemBox .txt p.link{
    text-align: right;
    font-size: 12px;
}
#main .itemBox .txt p.link a{
    color:#73b92c;
    text-decoration: underline;
    position: relative;
    display: inline-block;
    padding-right: 14px;
}
#main .itemBox .txt p.link a:after{
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    content:"";
    width: 11px;
    height: 8px;
    background:url(../images/sub/books/icon_arrow_g_right.png) 0 0 no-repeat;
}
#main .itemBox .txt .txtBottom{
    position: absolute;
    bottom:20px;
}
#main .itemBox .txt .txtBottom .telBox{
    float: left;
    background-color: #fff;
    border: #73b92c 2px solid;
    border-radius:5px;
    padding: 8px;
    color:#73b92c;
    width: 300px;
    position: relative;
}
#main .itemBox .txt .txtBottom .telBox:after{
    position: absolute;
    top:28px;
    left:-28px;
    display: block;
    content:"";
    width: 28px;
    height: 24px;
    background:url(../images/sub/books/icon_fukidashi.png) 0 0 no-repeat;
}
#main .itemBox .txt .txtBottom .txt1{
    font-size: 12px;
}
#main .itemBox .txt .txtBottom .tel{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
}
#main .itemBox .txt .txtBottom .time{
    font-size: 12px;
    background-color: #e3f1d5;
    border-radius:3px;
    padding: 5px 10px 3px 10px;
    text-align: center;
    position: absolute;
    top:6px;
    right:8px;
    line-height: 1.2;
}
#main .itemBox .txt .txtBottom .time span{
    font-weight: bold;
}
#main .itemBox .txt .txtBottom .bt{
    padding: 20px 0 0 40px;
    float: right;
}
#main .itemBox .txt .txtBottom .bt a{
    display: block;
    background-color: #fb8c06;
    font-weight: bold;
    color:#fff;
    font-weight: bold;
    padding: 5px 10px;
    border-radius:5px;
    text-align: center;
    line-height: 1.3;
}

#main .itemBox .txt2{
    float: right;
    width: 400px;
    padding-bottom: 80px;
}
#main .itemBox .txt2 p{
    line-height: 1.5;
    font-size: 14px;
}
#main .itemBox .txt2 p.link{
    text-align: right;
    font-size: 12px;
}
#main .itemBox .txt2 p.link a{
    color:#73b92c;
    text-decoration: underline;
    position: relative;
    display: inline-block;
    padding-right: 14px;
}
#main .itemBox .txt2 p.link a:after{
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    content:"";
    width: 11px;
    height: 8px;
    background:url(../images/sub/books/icon_arrow_g_right.png) 0 0 no-repeat;
}
#main .itemBox .txt2 .txtBottom{
    position: absolute;
    bottom:20px;
}
#main .itemBox .txt2 .txtBottom .telBox{
    float: left;
    background-color: #fff;
    border: #73b92c 2px solid;
    border-radius:5px;
    padding: 8px;
    color:#73b92c;
    width: 300px;
    position: relative;
}
#main .itemBox .txt2 .txtBottom .telBox:after{
    position: absolute;
    top:28px;
    left:-28px;
    display: block;
    content:"";
    width: 28px;
    height: 24px;
    background:url(../images/sub/books/icon_fukidashi.png) 0 0 no-repeat;
}
#main .itemBox .txt2 .txtBottom .txt1{
    font-size: 12px;
}
#main .itemBox .txt2 .txtBottom .tel{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
}
#main .itemBox .txt2 .txtBottom .time{
    font-size: 12px;
    background-color: #e3f1d5;
    border-radius:3px;
    padding: 5px 10px 3px 10px;
    text-align: center;
    position: absolute;
    top:6px;
    right:8px;
    line-height: 1.2;
}
#main .itemBox .txt2 .txtBottom .time span{
    font-weight: bold;
}
#main .itemBox .txt2 .txtBottom .bt{
    padding: 20px 0 0 40px;
    float: right;
}
#main .itemBox .txt2 .txtBottom .bt a{
    display: block;
    background-color: #fb8c06;
    font-weight: bold;
    color:#fff;
    font-weight: bold;
    padding: 5px 10px;
    border-radius:5px;
    text-align: center;
    line-height: 1.3;
}

/* consulting ------------------------------------------------------------ */
table.consulting_services_table{
    width:100%;
}
table.consulting_services_table th{
    width:300px;
    vertical-align:top;
}
table.consulting_services_table h4 span{
    float:right;
    padding-right:5px;
}
table.consulting_services_table td{
    padding:20px;
    font-size:14px;
    vertical-align:top;
    line-height:180%;
}
table.consulting_services_table td .exp{
    clear:both;
    font-weight:bold;
    font-size:13px;
    background:#DDFEC7;
    position: relative;
    line-height:1.5;
    color:#86B540;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding:10px;
    width:95%;
    margin:15px 0 0 10px;
}
table.consulting_services_table td .exp:after {
    content: '';
    position: absolute;
    border-bottom: 10px solid #DDFEC7;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -9px;
    right: 15px;
}
/* books ------------------------------------------------------------ */
#books{
    text-align:left;
}



#books .bg_green{
    background:#77b834 url("../images/sub/books/book2_green_bg.png") repeat-y center top;
    height:3650px;
    position: relative;
    z-index:1;
}
#books .bg_white{
    background: url("../images/sub/books/book2_white_bg.png") repeat-y center top;
    height:1250px;
    position: relative;
    z-index:1;
}
#books .inner{
    position: relative;
    z-index:2;
    height:477px;
}
#books .inner h2{
    background: url("../images/sub/books/title.png") no-repeat;
    width:293px;
    height:411px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    margin:13px 33px 53px 0;
    position: absolute;
    top:0;
    right:0;
    z-index:6;
}
#books .inner h3{
    background: url("../images/sub/books/catch.png") no-repeat;
    width:249px;
    height:249px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    float:left;
    margin:0 0 0 25px;
}
#books .inner .yamamoto{
    position: absolute;
    top:5px;
    left:250px;
    z-index:5;
}
#books .inner .gold1,#books .inner .gold2,#books .inner .gold3,#books .inner .gold4,#books .inner .gold5{
    position: absolute;
    top:420px;
    z-index:6;
}
#books .inner .gold1{
    left:280px;
}
#books .inner .gold2{
    left:420px;
}
#books .inner .gold3{
    left:560px;
}
#books .inner .gold4{
    left:700px;
}
#books .inner .gold5{
    left:840px;
}
#books .inner .web_read{
    position: absolute;
    top:218px;
    left:44px;
    z-index:5;
}
#books .inner .web_read_b{
    display:inline-block;
    position: absolute;
    top:590px;
    left:68px;
    z-index:6;
}
#books .inner .writer{
    color:#fff;
    position: absolute;
    top:570px;
    left:722px;
    line-height:1.2;
    z-index:6;
}
#books .inner .writer .name{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background:#fff;
    color:#77b834;
    padding:3px 5px;
    font-weight:bold;
    display:inline-block;
    margin-bottom:5px;
}
#books .inner .writer span{
    font-size:22px;
}
#books .inner .text{
    background:#fff;
    position: absolute;
    top:660px;
    left:48px;
    width:880px;
    z-index:6;
    -webkit-box-shadow: 0 1px 3px #e4e4e4;
    -moz-box-shadow: 0 1px 3px #e4e4e4;
    box-shadow: 0 1px 3px #e4e4e4;
}
#books .inner .text .text_box{
    padding:65px 85px;
    line-height:180%;
}
#books .inner .text span{
    background:#fff;
    display:inline-block;
}
#books .inner .text span{
    font-size:30px;
    color: #77B834;
    font-weight:bold;
    line-height:1.2;
}
#books .inner .text h4{
    background: url("../images/sub/books/h_border.png") repeat-x bottom;
    margin-bottom:40px;
}
#books .inner .text #ranking{
    padding:30px 0 30px 0;
    background:#FFD326;
    margin-bottom:50px;
}
#books .inner .text #ranking p{
    font-size:30px;
    font-weight:bold;
    color: #E60012;
    text-align:center;
}
#books .inner .text #ranking table{
    font-size:16px;
    font-weight:bold;
    width:650px;
    margin:30px auto 0;
}
#books .inner .text #ranking table th{
    font-size:18px;
    font-weight:bold;
    padding-top:10px;
    padding-left:40px;
    background:#fff;
    vertical-align:bottom;
    vertical-align:baseline;
}
#books .inner .text #ranking table td{
    color:#666;
    background:#fff;
    padding-left:30px;
    padding-bottom:10px;
    vertical-align:bottom;
}
#books .inner .text #ranking table td span{
    background:none;
}
#books .inner .text .web_read_box{
    border-top:1px solid #e7e7e7;
    padding-top:50px;
    padding-bottom:50px;
    margin-top:50px;
    font-size:12px;
}
#books .inner .text .web_read_box h4{
    background:#fff url("../images/sub/books/h_border2.png") repeat-x center;
    color:#e60012;
    margin-bottom:10px;
}
#books .inner .text .web_read_box h4 span{
    background:#fff;
    display:inline-block;
    color:#e60012;
    padding-right:15px;
}
#books .inner .text .web_read_box .l{
    width:190px;
    float:left;
}
#books .inner .text .web_read_box .r{
    width:490px;
    float:left;
    padding-left:30px;
}
#books .inner .text .tag{
    font-size:14px;
}
#books .inner .text .book_index{
    clear:both;
    font-size:12px;
    padding-bottom:50px;
}
#books .inner .text .book_index h5{
    font-size:14px;
    color:#77b834;
    font-weight:bold;
    padding-top:20px;
    line-height:1.2;
}
#books .inner .text .book_index .l{
    float:left;
    width:350px;
    border-right:1px dotted #ccc;
}
#books .inner .text .book_index .r{
    float:left;
    width:310px;
    padding-left:40px;
}
#books .inner .writer_area img{
    float:left;
}
#books .inner .writer_area h6{
    font-weight:bold;
}
#books .inner .writer_area div{
    float:left;
    width:460px;
    padding-left:30px;
    padding-bottom:50px;
    font-size:14px;
    line-height:1.8;
}
img.books_img{
    float:left;
}
#main .books_exp{
    float:left;
    font-size:14px;
    width:400px;
    padding:20px;
    border-top:1px solid #eee;
    border-right:1px solid #eee;
    border-left:1px solid #eee;
    border-bottom:1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left:20px;
    margin-bottom:20px;
}
#main p.books_exp strong{
    color:#FD6804;
    background:none;
    font-weight:bold;
    font-size:16px;
}
#main p.books_exp_cap{
    clear:both;
    background:#F9F7F7;
    padding:20px;
    font-size:12px;
    width:590px;
}
#main .books_exp input{
    border:none;
    cursor:pointer;
    background:#75B738;
    border-bottom: 1px solid #CFCFCF;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-right: 5px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 1px 1px 1px #333;
    width: 160px;
}
#main .books_exp input:hover{
      background:#90DB3f;
}
/*seminar----------------------------------------------------------- */
#main ul.seminar_list{
    font-size:13px;
    color:#666;
    margin-left:-20px;
    margin-top:20px;
}
#main ul.seminar_list li{
    padding:15px;
    border-top:1px solid #eee;
    border-right:1px solid #eee;
    border-left:1px solid #eee;
    border-bottom:1px solid #ccc;
    width:300px;
    /*height:450px;*/
    float:left;
    margin-left:20px;
    margin-bottom:20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
}/*
#main ul.seminar_list li a.link{
    position: absolute;
    width:100%;
    height:100%;
    cursor:pointer;
}
#main ul.seminar_list li a.link:hover{
    opacity:0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha(opacity=30)";
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    background:#fff;
}*/
#main ul.seminar_list li h3{
    font-weight:bold;
    font-size:15px;
    margin-bottom:10px;
}
#main ul.seminar_list li h4{
    font-weight:bold;
    color: #86B540;
    font-size:14px;
    background: url("../images/sub/seminar/line.jpg") no-repeat bottom;
    padding:15px 0px 20px 5px;
}
#main ul.seminar_list li img{
    padding:5px;
    background:#eee;
}

#main ul.seminar_list p{
    padding:15px 5px 0;
    height:150px;
    width:auto;
    font-size:11px;
}

#main ul.seminar_list li p span.nomore_space{
	position:relative;
	display:block;
}
#main ul.seminar_list li p span.nomore_space img.full{
	position:absolute;
	right:38px;
	top:-8px;
	background:none
}
#main ul.seminar_list div{
    text-align:center;
}
#main ul.seminar_list .b_green{
    display:inline-block;
    background:#75B738;
    border-bottom:1px solid #bfbebe;
    width:120px;
    color:#fff;
    text-align:center;
    font-weight:bold;
    padding:10px 20px;
    text-shadow: 1px 1px 1px #476B1C;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

}
#main ul.seminar_list .b_green:hover{
    background:#90DB3F;
}
#main .seminar_yamamoto{
    background-color:#fbfbfb;
    border-bottom:#d9d9d9;
    padding:30px 30px 20px;
    margin-top:15px;
}
#main .seminar_yamamoto .left{
    float:left;
    padding-top:10px;
}
#main .seminar_yamamoto .right{
    float:right;
    width:380px;
}
#main .seminar_yamamoto .right .name{
    font-size:14px;
    font-weight:bold;
}
#main .seminar_yamamoto .right p{
    font-size:12px;
    line-height:2;
    padding-top:15px;
}
#main .seminar_yamamoto .more_link{
    clear:both;
    text-align:right;
    font-size:12px;
}
/*first----------------------------------------------------------- */
.first_photo{
    background: url("../images/sub/first/bg_img2.png") no-repeat 80px 30px;
}
.first_photo2{
    background: url("../images/sub/first/bg_img.png") no-repeat 90px 350px;
}
.first_photo2 a{
    color: #7FC03C;
}
/*old_seminar----------------------------------------------------------- */

#main ul.old_seminar li p{
    font-size:12px;
    margin-left:20px;
    padding-top:15px;
}
#main ul.old_seminar li a.pagetop {
    display: block;
    text-align: right;
    color:#fff;
}
#main ul.old_seminar li .detail{
    margin-left:30px;

}
#main ul.old_seminar li .headline_s{
    font-size:13px;
    margin-left:30px;
    margin-top:15px;
    display:block;
}
#main ul.old_seminar li .headline_ss{
    padding: 10px 10px;
}
#main ul.old_seminar li .detail p.dl_pdf{
    text-align:right;
}
#main ul.old_seminar li a{
    color:#86B540;
}

/* _seminar.php----------------------------------------------------------- */
#detail_seminar p.check{
    clear: both;
    font-size: 15px;
    background: #FFE9D3;
    position: relative;
    line-height: 2;
    color: #E57600;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 30px 20px;
    width: 95%;
    margin: 15px 0 0 0px;
}
#detail_seminar table,
#detail_course table{
    border:1px dotted #ccc;
}
#detail_course .message{
    clear:both;
    font-weight:bold;
    background:#FD8B04;
    position: relative;
    line-height:1.5;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:15px 10px;
    margin:20px 0 30px 0;
}
#detail_course .message:after {
    content: '';
    position: absolute;
    border-top: 20px solid #FD8B04;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -15px;
    left: 15px;
}
#detail_course .koe_1 {
	  padding: 20px;
		background-image: url(../images/sub/seminar/pointbk.png);
}
#detail_course .koe_2 {
	  padding: 20px;
}
#detail_seminar table th.area{
    text-align:left;
    padding-left:65px;
}
#detail_seminar a,
#detail_course a{
    color:#FD6804;
}
#detail_seminar .about_lecturer{
    margin:30px 0 0 20px;
}
#detail_seminar .left,
#detail_course .left{
    float:left;
}
#detail_seminar .right,
#detail_course .right{
    float:right;
}
#detail_seminar img.right{
    width:inherit;
}
#detail_seminar .right,
#detail_course .about_lecturer .right{
    width:570px;
    display:block;
}
#detail_course img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /*behavior: url("css/pie.htc");*/
}
#detail_course img.left{
    width:inherit;
}
#detail_course .left{
    width:445px;
    display:block;
}
#detail_seminar .about_lecturer .right .name,
#detail_course .about_lecturer .right .name{
    font-size:14px;
    font-weight:bold;
}
#detail_seminar .about_lecturer .right p,
#detail_course .about_lecturer .right p{
    font-size:13px;
    padding-top:15px;
}
#detail_seminar ul li,
#detail_course ul li{
    margin-top:50px;
}
#detail_seminar strong,
#detail_course strong{
    background:#FFFFBC;
}
#detail_seminar p.dl_pdf{
    text-align:right;
    font-size:14px;
}
#detail_seminar p.dl_pdf a,
#detail_seminar p.dl_pdf a{
    color:#86B540;
}
#detail_seminar .action_button,
#detail_course .action_button{
    margin-top:20px;
    text-align:center;
}
#detail_seminar .b_green,
#detail_course .b_green{
    display: inline-block;
    background: #75B738;
    border-bottom: 1px solid #bfbebe;
    width: 250px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 10px 20px;
    text-shadow: 1px 1px 1px #476B1C;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#detail_course .message{
    clear: both;
    font-weight: bold;
    background: #FD8B04;
    position: relative;
    line-height: 1.5;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 15px 10px;
    margin: 20px 0 30px 0;
}
#detail_course .message:after {
    content: '';
    position: absolute;
    border-top: 16px solid #FD8B04;
    border-right: 56px solid transparent;
    border-left: 14px solid transparent;
    bottom: 0px;
    left: 425px;
}
#detail_course .student_voice{
    line-height:1.6;
}
#detail_course .child{
    margin-left:20px;
}
#detail_course div.child img.left{
    padding-top:30px;
}
#detail_course div.child .right{
    width:450px;
}
#detail_course ul.class_inside .right{
    width:395px;
}

/*voice----------------------------------------------------------- */
#main ul.voice_list{
    font-size:13px;
    color:#666;
    margin-left:-20px;
    margin-top:20px;
}
#main ul.voice_list li{
    padding:15px;
    border-top:1px solid #eee;
    border-right:1px solid #eee;
    border-left:1px solid #eee;
    border-bottom:1px solid #ccc;
    width:310px;
    height:260px;
    float:left;
    margin-left:20px;
    margin-bottom:20px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#main ul.voice_list li span{
    font-weight:bold;
    color: #7FB136;
}
#main ul.voice_list li a{
    display:inline-block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
}
#main ul.voice_list li a:hover{
    opacity:0.3;
    filter: alpha(opacity=30);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=30)";  /* ie 8 */
    -moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.3;              /* Safari 1.x */
    background:#fff;
}
#main ul.voice_list img{
    float:left;
    margin-right:15px;
    width:90px;
}

#main ul.voice_list p.more_link{
    position: absolute;
    bottom:10px;
    right:10px;
}
#main ul.voice_list table.top{
    float:left;
    margin-top:10px;
    width:200px;
    height:90px;
}
#main ul.voice_list table.top th{
    vertical-align:top;
    padding-bottom:5px;
    font-weight:bold;
    width:70px;
}
#main ul.voice_list table.top td{
    vertical-align:top;
    padding-bottom:5px;
}
#main ul.voice_list table.bottom{
    margin-top:10px;
    clear:both;
    margin-bottom:15px;
    border-top:1px dotted #eee;
}
#main ul.voice_list table.bottom th{
    vertical-align:top;
    padding-top:10px;
    font-weight:bold;
}
#main ul.voice_list table.bottom td{
    vertical-align:top;
    padding-top:5px;
}
#main ul.voice_list h3{
    clear:both;
    font-weight:bold;
    font-size:16px;
    background:#e1febf;
    position: relative;
    color:#7FB136;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding:2px 10px;
    margin-bottom:10px;
    margin-top: 5px;
}
#main ul.voice_list h3:after {
    content: '';
    position: absolute;
    border-top: 10px solid #e1febf;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -9px;
    left: 5px;
}
.scroll{
    width:100%;
    display:inline-block;
    text-align:center;
    background:#eee;
    color:#fff;
    border-bottom:1px solid #ccc;
    padding:10px 0;
}
/*voice_exp----------------------------------------------------------- */
#voice_exp{
    margin-top:20px;
}
#voice_exp .face_box{
    float:left;
    width:158px;
    margin-left:30px;
    text-align:center;
}
#voice_exp .face_box img{
    margin-bottom:10px;
}
#voice_exp table{
    float:left;
    width:460px;
    font-size:14px;
    margin-left:30px;
    margin-bottom:20px;
}
#voice_exp table th{
    width:100px;
    padding-bottom:10px;
    vertical-align:top;
    color: #86B540;
    font-weight:bold;
}
#voice_exp table td{
    padding-bottom:10px;
    vertical-align:top;
}
#voice_exp table td a{
    color:#FD8B04;
}
#voice_exp .headline{
    padding-top:0;
    color: #333;
}
#voice_exp h4{
    clear:both;
}
#voice_exp .voice_exp{
    border-top:1px solid #eee;
    border-right:1px solid #eee;
    border-left:1px solid #eee;
    border-bottom:1px solid #ccc;
    padding-top:30px;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
#voice_exp .voice_exp p{
    clear:both;
    padding:30px;
    border-top:1px dotted #ccc;
    background:#FAFAFA;

}
#main h2.aa{
    clear:both;
    font-weight:bold;
    background:#86B540;
    position: relative;
    line-height:1.5;
    color:#6d9138;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:12px 0 12px 33px;
    font-size:28px;
    font-family:'Hiragino Mincho ProN', serif, garamond ;
    background: #b6e76e;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #e1febf,  #e1febf); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#e1febf), to(#e1febf));/* Webkit */
    -pie-background:linear-gradient(top,  #e1febf,  #e1febf); /* ie */
    /*text-shadow: 1px 1px 3px #000;  */
}
#main h2.aa:after {
    content: '';
    position: absolute;
    border-top: 20px solid #e1febf;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -18px;
    right: 15px;
}
#voice_exp .interview{
    font-weight:bold;
    font-size:24px;
    margin:30px 0 20px 0;
}
#voice_exp .para_photo{
    padding-top:30px;
    max-width:648px;
}
#voice_exp .para_photo p.left{
    padding-top:0;
    text-align:left;
}
#voice_exp .para_photo p.right{
    padding-top:0;
    text-align:left;
}
#voice_exp .para_photo img.left{
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
#voice_exp .para_photo img.right{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}
#voice_exp .center{
    margin:50px auto 0;
    text-align:center;
}
#voice_exp .voice_exp div{
    clear: both;
    font-size:12px;
}
#voice_exp .voice_exp div dl{
    float:left;
    margin-right:35px;
    line-height:2.5;
    font-size:14px;
}
#voice_exp .voice_exp div dl dt{
    line-heigth:2;
}
#voice_exp .voice_exp div dl dd{
    margin-left:5px;
    line-height:2;
}
#voice_exp .article_interview h4{
	border-left:10px solid #6d9138;
	border-bottom:1px solid #6d9138;
	border-top:1px solid #6d9138;
	border-right:1px solid #6d9138;
	padding-left:5px;
	color:#6d9138;
	font-family:'Hiragino Mincho ProN', serif, garamond ;
	padding:10px 0 10px 20px;
}
#voice_exp .article_interview p{
	padding:30px 30px 0;
}

#voice_exp .article_interview .para_photo .with_caption.left{
    float:left;
    margin-right:20px;
}
#voice_exp .article_interview .para_photo .with_caption.right{
    float:right;
    margin-left:20px;
}
#voice_exp .article_interview .para_photo .with_caption img{
    margin-bottom:5px;;
}
#voice_exp .article_interview .para_photo .with_caption span.caption{
    font-size:11px;
    margin-left:30px;
}

.article_interview img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url("css/pie.htc");
    max-width:653px;
    margin-left:30px;
}
#voice_exp .positive{
    color:#F2415E;

    background:none;
}
#voice_exp .negative{
    color:#0069D3;

    background:none;
}


/*media----------------------------------------------------------- */
#media ul{
    margin-top:35px;
}
#media ul li{
    padding: 15px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:10px;
}
#media ul li .left{
    float:left;
}
#media ul li .left img{
    width:117px !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url("css/pie.htc");
}
#media ul li .right{
    float:right;
}
#media ul li .detail{
    width:530px;
}
#main #media ul li a.more_link.ordered{
    clear:right;
}



/*works, request----------------------------------------------------------- */

#works a{
    color:#FD8B04;
}
.required_red{
    color:#cc1919;
    font-weight:bold;
}
#works form table input, #works form table select,
#request form table input, #request form table select{
        vertical-align:middle;
}
#works .mu20,
#request .mu20 {
    text-align:center;
    margin-top:30px;
}
#works .mu20 input[type="button"],
#request .mu20 input[type="button"]{
    background-color: #90DB3F ;
    border:0;
    border-bottom: 1px solid #bfbebe;
    text-shadow: 1px 1px 1px #476B1C;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0;
    padding: 10px 30px;
    text-align: center;
    vertical-align: baseline;
    width: 140px;
}
#request a{
    color:#FD8B04;
}

/*company----------------------------------------------------------- */
#company .left{
    float:left;
}
#company .right{
    float:right;
}
#company a{
    background:#FD8B04;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:1px 5px;
    font-size:11px;
}
#company a:hover{
    background:#F7B604;
}
#company a.button{
    background-color:#75B738;
    border:0;
    border-bottom: 1px solid #bfbebe;
    text-shadow: 1px 1px 1px #476B1C;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0;
    padding: 10px 30px;
    text-align: center;
    vertical-align: baseline;
    width: 150px;
    display:block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#company a.button:hover{
    background:#90DB3F;
}
#company .next_step{
    margin:40px auto 0 !important;
    width:430px;
}
#main.staff .photo{
    float:left;
    margin-top:15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#main.staff table{
    float:right;
    width:440px;
    font-size:14px;
    margin-top:15px;
    margin-bottom:20px;
}
#main.staff table th{
    width:80px;
    vertical-align:top;
    padding:10px 0;
    font-weight:bold;
}
#main.staff table td.top{
    font-size:24px;
    font-weight:bold;
    border-bottom:2px dotted #86B540;
    padding:10px 0;
}
#main.staff table td{
    vertical-align:top;
    padding:10px 0;
}
#main.staff table th.top2,#main.staff table td.top2{
    padding:20px 0 10px 0;
}
#main.staff table td ul li{
    list-style-type: square;
    margin-left:10px;
}
#main.staff table td a{
    font-size:12px;
    text-decoration: underline;
    color:#fd8b04;
}
#main.staff .exp{
    clear:both;
    background:#FAFAFA;
    border:1px solid #eee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:25px;
    font-size:14px;
}
/* sitemap ------------------------------------------------------------ */
#sitemap .left{
    float:left;
}
#sitemap .right{
    float:right;
}
#sitemap .sitemap_list .left,
#sitemap .sitemap_list .right{
    width:300px;
}
#sitemap ul{
    margin-left:25px;
}
#sitemap ul li a{
    display: inline-block;
    background: url("../images/common/arrow.gif") no-repeat left;
    color: #7fb136;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    height: 17px;
    margin-top: 10px;
}

/* faq ------------------------------------------------------------ */
#faq h3{
    margin-bottom:25px;
}
#faq .faq_contents{
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:0 20px 20px 0;
}
#faq .faq_contents div{
    width:340px;
}
#faq .faq_contents div a{
    display:block;
    background: url("../images/sub/faq/faq_q.png") no-repeat left top;
    padding-left:25px;
    margin-left:20px;
    margin-bottom:10px;
    line-height:1.5;
}
#faq .faq_contents div a:hover{
    text-decoration:underline;
}
#faq .faq_contents div h4{
    margin-bottom:15px;
}
#faq .faq_contents .left{
    float:left;
}
#faq .faq_contents .right{
    float:right;
}
#faq .faq_contents .left h4,#faq .faq_contents .right h4{
    margin-bottom:25px;
}
#faq ul li{
    margin-bottom:90px;
}
#faq ul li .q{
    background: url("../images/sub/faq/faq_q.png") no-repeat left top;
    padding-left:25px;
    margin-bottom:20px;
    margin-top:20px;
}
#faq ul li .a{
    background: url("../images/sub/faq/faq_a.png") no-repeat left top;
    padding-left:25px;
}
#faq ul li .a a{
    color:#86B540;
}
#faq ul li a.pagetop,
ul.old_seminar li a.pagetop,
#main.staff a.pagetop{
    display:inline-block;
    background:#FD8B04;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:1px 5px;
    font-size:11px;
    float:right;
    margin-bottom:40px;
}
#faq ul li a.pagetop:hover,
ul.old_seminar li a.pagetop:hover,
#main.staff a.pagetop:hover{
    background:#F7B604;
    color:#fff !important;
}
/* footer ------------------------------------------------------------ */
.mailmagazine_form{
    height:132px;
    width:670px;
    background: url("../images/sub/mail/mail_bg.jpg") no-repeat;
}
#main .mailmagazine_form p{
    margin:20px 20px 10px;
    padding-top:20px;
    color:#000;
    font-weight:bold;
}
#main.mail{
    background: url("../images/sub/mail/photo.jpg") no-repeat 440px 80px;
}
#main .mailmagazine_form a{
    display:inline-block;
    background:#75B738 url("../images/common/icon.png") no-repeat 80px -62px;
    border-bottom:1px solid #639030;
    color:#fff;
    text-shadow: 1px 1px 1px #476B1C;
    font-size:14px;
    text-align:center;
    width:300px;
    padding:10px 20px 10px 35px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-left:20px;
}
#main .mailmagazine_form a:hover{
    background:#90DB3F url("../images/common/icon.png") no-repeat 80px -62px;
}
/* footer ------------------------------------------------------------ */

/*#footer{*/
/*    clear:both;*/
/*    border-top:1px solid #DBDBDB;*/
/*    text-align:left;*/
/*}*/
/*#footer .inner{*/
/*    position: relative;*/
/*}*/
/*#footer .inner .pagetop{*/
/*    position: absolute;*/
/*    top:-25px;*/
/*    right:0;*/
/*}*/
/*#footer .address{*/
/*    width:300px;*/
/*    float:left;*/
/*    font-size:12px;*/
/*    padding:35px 0;*/
/*    border-right:1px solid #DBDBDB;*/
/*}*/

/*#footer .id{*/
/*    background: url("../images/common/id.png") no-repeat;*/
/*    width:243px;*/
/*    height:32px;*/
/*    text-indent:-9999px;*/
/*    float:left;*/
/*    margin-bottom:20px;*/
/*}*/
/*#footer .address p{*/
/*    clear:both;*/
/*}*/
/*#footer .menu{*/
/*    padding:66px 0 0 0;*/
/*    font-size:12px;*/
/*    overflow:hidden;*/
/*    position:relative;*/
/*}*/
/*#footer .menu ul{*/
/*    float:left;*/
/*}*/
/*#footer .menu ul li{*/
/*    padding-bottom:15px;*/
/*    padding-left:50px;*/
/*}*/
/*#footer .menu ul li a:hover{*/
/*    text-decoration: underline;*/
/*}*/
/*#footer .inq_area{*/
/*    clear:both;*/
/*    background:url("../images/common/footer_bg.jpg") bottom repeat-x;*/
/*    height:127px;*/
/*}*/
/*#footer .inq_area .a{*/
/*    padding-top:28px;*/
/*    height:69px;*/
/*}*/
/*#footer .inq_area .b{*/
/*    color:#666666;*/
/*    font-size:10px;*/
/*    text-align:right;*/
/*    padding-top:10px;*/
/*}*/
/*#footer .inq{*/
/*    background:url("../images/common/inq.png") no-repeat;*/
/*    width:793px;*/
/*    height:26px;*/
/*    text-indent:-9999px;*/
/*    float:left;*/
/*    margin-top:10px;*/
/*}*/
/*#footer .request{*/
/*    display:inline-block;*/
/*    float:right;*/
/*    background:#fd7f04 url("../images/common/icon.png") no-repeat 10px -62px;*/
/*    border-bottom:1px solid #639030;*/
/*    color:#fff;*/
/*    text-shadow: 1px 1px 1px #666;*/
/*    font-size:14px;*/
/*    width:120px;*/
/*    padding:10px 20px 10px 35px;*/
/*    border-radius: 4px;*/
/*    -webkit-border-radius: 4px;*/
/*    -moz-border-radius: 4px;*/
/*}*/
/*#footer .request:hover{*/
/*    background:#fdab23 url("../images/common/icon.png") no-repeat 10px -62px;*/
/*}*/
/* mail----------------------------------------------------------- */
table.commontable04{
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    behavior: url(/css/PIE.htc);position:relative;

}
table.commontable04 th{
    width:200px;
    font-weight:normal;
    color: #86B540;
    font-weight:bold;
    /*font-size:16px;*/
    font-size:14px;
    width:180px;
    border-left: 5px solid #86B540;
    padding:20px;
}

table.commontable04 td input{
    padding:5px;
    /* width:85%; */
}
table.commontable04 td textarea{
    height:200px;
}
table.commontable04 th,table.commontable04 td{
    padding:20px;
    border-bottom: 1px dotted #ccc;
    font-size:14px;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
input[type=tel],
textarea {
    background: #fafafa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    color: #000;
    padding:5px;

}
input::placeholder {
    color: #cfcfcf;
}
.mmbtn{text-align:center;}
.mmbtn a{
    display:inline-block;
    background:#75B738;
    color:#fff;
    font-size:13px;
    margin:0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width:200px;
    padding:10px;
    font-weight:bold;
}
.mmbtn a:hover{
    background:#90DB3F;
}
.clickable {
    cursor:pointer;
}
.taC{text-align:center;}
img.flR {
    float: right;
    margin:0 0 10px 10px;
}



.catch .yellow{
    background:#ffe400;
}

#detail_seminar .leader_list li{
	list-style-type: circle;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}

.shimazu_book {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}

.connect {
	padding-bottom: 5px;
}





/*---------------------------------------------------------
    promotion
----------------------------------------------------------*/
#promotion {
    padding-top: 25px;
    padding-bottom: 20px;
  overflow: hidden;
  border-bottom: #e4e3e3 1px solid;
}
#promotion:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#promotion .inner {
  width: 980px;
  margin:0 auto;
    cursor:pointer;
}
#promotion .bnrArea {
  width: 980px;
  height: 322px;
  overflow: hidden;
  position: relative;
}
#promotion .bnrArea ul,
#promotion .bnrArea li {
  height: 322px;
    cursor:pointer;
    position: relative;
}
#promotion .bnrArea .infoBox {
    position: absolute;
    top:15px;
    left:690px;
    z-index: 1;
    padding: 10px;
    width: 250px;
    color:#fff;
}
#promotion .bnrArea .infoBox p.tit{
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 1.2;
    font-weight: bold;
}
#promotion .bnrArea .infoBox p.tit span{
    font-size: 20px;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: #fff 1px dashed;
}
#promotion .bnrArea .infoBox dl{
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4;
}
#promotion .bnrArea .infoBox dt{
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}
#promotion .thumbArea {
  width: 980px;
  height: 133px;
}
#promotion .thumbArea .inner {
  padding-top: 7px;
}
#promotion .thumbArea li {
  float: left;
  width: 312px;
  height: 133px;
  background-color: #fff;
  text-indent: -9999px;
  overflow: hidden;
    cursor:pointer;
    margin-right: 22px;
}
#promotion .thumbArea li a{
    display: block;
}
#promotion .thumbArea li.bt3 {
    margin-right: 0;
}
#promotion .thumbArea li.bt1 a {
  background: url("../images/top/img_thumb1_off.png") 0 0 no-repeat;
}
#promotion .thumbArea li.bt1.current a ,
#promotion .thumbArea li.bt1 a:hover {
  background: url("../images/top/img_thumb1_on.png") 0 0 no-repeat;
}
#promotion .thumbArea li.bt2 a {
  background: url("../images/top/img_thumb2_off.png") 0 0 no-repeat;
}
#promotion .thumbArea li.bt2.current a ,
#promotion .thumbArea li.bt2 a:hover {
  background: url("../images/top/img_thumb2_on.png") 0 0 no-repeat;
}
#promotion .thumbArea li.bt3 a {
  background: url("../images/top/img_thumb3_off.png") 0 0 no-repeat;
}
#promotion .thumbArea li.bt3.current a ,
#promotion .thumbArea li.bt3 a:hover {
  background: url("../images/top/img_thumb3_on.png") 0 0 no-repeat;
}
#promotion .thumbArea li a {
  display: block;
  width: 325px;
  height: 146px;
}
.clf:before,
.clf:after{
  content:"";
  display: table;
}
.clf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.clf{
  *zoom:1;
}

.listType1 li{
    list-style-type:square;
    margin-left: 10px;
}

.listType1 li a{
    color:#fd8b04;
    font-size: 12px;
    text-decoration: underline;
}


/*追加*/

.t_li{text-decoration: line-through;}

.t_mido{ color:#7FB136;}

.t_gray{ color: #666666;}

.t_lgray{ color: #999999;}

.t_red{ color: red;}

.t_b{ font-weight: bold;}

.t_n{font-weight: nomal;}

.t_80{font-size: 80%;}

.t_90{font-size: 90%;}

.t_110{ font-size: 110%;}

.t_120{ font-size: 120%;}

.t_130{ font-size: 130%;}

.t_140{ font-size: 140%;}

.t_150{ font-size: 150%;}

.t_160{ font-size: 160%;}

.t_line{ line-height: 1.5em;}

.t_mar{ margin-left: 10px;
        margin-bottom: 10px;}

.t_mar2{ margin-right: 20px;
        margin-bottom: 10px;}

.t_marb30{ margin-bottom: 30px;}
.t_marb10{ margin-bottom: 10px;}

.t_mart20{ margin-top: 20px;}

.t_marl100{ margin-left: 100px;}

.t_marl60{ margin-left: 60px;}

.t_marl150{ margin-left: 150px;}

.t_marl10{ margin-left: 20px;}

.t_marr5{ margin-right:5px;}

.t_marr20{ margin-right:20px;}

.t_child{
    padding-top:15px;
    margin-left:20px;}

#t_child h4{ margin: 0px;}

.t_pro{ font-size: 95%;
        line-height: 200%;}

.t_midoline{ border-bottom: 1px dotted #7FB136;
             margin-top: 10%;
             margin-bottom: 5%;}

.t_left{ float: left;}

.t_right{ float: right;}

.t_clear{ clear: both;}

.t_aleft{ text-align: left;}

.t_cen{ text-align: center;}

/*--seminar/index.phpセミナーリストの縦の長さ合せ--*/
#main ul.seminar_list .t_nospace{ height: 102px;}

/*--セミナーリスト満員御礼画像背景--*/

.t_siro{ background-color: #fff;}

/*--リンク画像用--*/
a:hover img.img_alpha {
	opacity:0.5;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60)";
	background: #FFFFFF;
}

/*--採用ページ用--*/

.t_mail{ vertical-align: middle;}

/*--TOP用--*/
#top_ft{font-size: 8px;
        color: #999999;
        margin-top: 20px;
        text-align: left;}

/*--セミナーページ変更--*/

#tseminar_back{ background-image: url(../images/sub/seminar/seminarback_03.jpg);
                background-repeat: no-repeat;
                width: 750px;
                height: 198px;
                padding: 20px;}

#tseminar_back h2{ font-weight: bold;
                   color: #fff;
                   text-shadow: 1px 1px 3px #000;}

#tseminar_back h3{ color: #fff;
                   font-weight: bold;
                   text-shadow: 1px 1px 3px #000;}

#title_color h3{ color: #75b738;}


#osusume { background-image: url(../images/sub/seminar/pointbk.png);
           padding:0px 20px 20px 20px;
           margin:0;
          }

.osusume { margin-left:100px;}

.osusume_left{ width:320px;
               float:left;}

.osusumewaku{ border:3px dotted #75b738;
              padding:20px;
              margin-left: 30px;
              margin-right: 30px;}

.osusumewaku{ border:3px dotted #75b738;
              padding:20px;}


/*--特別セミナーページ変更※トップのイメージ変更をする際使用--*/

#tseminar_back2{ background-image: url(../images/sub/seminar/seminarback_04.jpg);
                background-repeat: no-repeat;
                width: 750px;
                height: 155px;
                padding: 20px;}

#tseminar_back2 h2{ font-weight: bold;
                   color: #fff;
                   text-shadow: 1px 1px 3px #000;}

#tseminar_back2 h3{ color: #fff;
                   font-weight: bold;
                   text-shadow: 1px 1px 3px #000;}


/* add */
.clearfix:after {
	visibility:hidden;
	height:0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
.clear { clear: both; }

@media screen and (max-width: 640px) {
	.disp_sp { display: block!important; }
	.disp_inb_sp { display: inline-block!important; }
	.disp_pc { display: none!important; }
	.disp_inb_pc { display: none!important; }
}
@media screen and (min-width: 641px) {
	.disp_sp { display: none!important; }
	.disp_inb_sp { display: none!important;}
	.disp_pc { display: block!important;}
	.disp_inb_pc { display: inline-block!important;}
}
#sp_menu {
	display: none;
}

#osusume .box_white {
	padding: 30px;
	background: #ffffff;
	margin-top: 30px;
}
#osusume .point {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
}
#osusume .point:last-child {
	padding: 0;
	margin: 0;
	border-bottom: none;
}
#osusume .point .image {
	width: 220px;
}
#osusume .point .image img {
	width: 100%;
}
#osusume .point .text {
	width: 370px;
}
#osusume .point .text .text_point {
	background: #7cbe35;
	color: #ffffff;
	padding: 0.1em 10px 0.3em;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#osusume .point .text p {
	padding-top: 0.4em;
	font-size: 140%;
	line-height: 1.75;
	font-weight: bold;
}

/* compay */
#main.staff .message {
	background: #FFCF0B;
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 7px;
	border-radius: 20px;
	position: relative;
	z-index: 1;
}
#main.staff .message:after {
	content: "";
	width: 21px;
	height: 19px;
	background: url(../images/sub/company/bg_word.png) no-repeat left bottom;
	position: absolute;
	z-index: 2;
	left: 40px;
	bottom: -18px;
}

/* books */
/** 3 **/
#books .inner .reader_area {
  font-size: 18px;
}
#books .inner .reader_area .reader {
  margin-bottom: 30px;
}
#books .inner .reader_area p {
  background: #FF8A00;
  color: #ffffff;
  padding: 10px 15px;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
#books .inner .reader_area p:after {
  content: "";
  border: 13px solid transparent;
  border-top: 13px solid #FF8A00;
  position: absolute;
  z-index: 2;
  left: 25px;
  bottom: -25px;
}
#books .inner .reader_area .company {
  font-size: 14px;
}
.submbtn{ padding:15px 15px; width: 200px; margin:0 auto; text-align: center;}
.submbtn input{
	border:none;
	border-radius: 3px;
	display: block !important;
	width: 100%;
	text-align: center;
	padding:15px;
	background: #75b738;
	color:#fff;
	margin:0 auto !important;
	font-size:1em;
	font-weight:bold;
	cursor: pointer;
}


.mlmagaform{ padding:35px; border:solid 3px #ccc; margin-top:30px; }

.spfkotei{ display: none;}


#columncont{
	/*width: 980px;*/
	margin: 0 auto;
	text-align: left;
}
#columncont img{ max-width: 100%; height: auto;}
#maincont{
	/*float:left;*/
	width: 65%;
}
#sidecont{
	/*float:right;*/
	width: 30%;
	font-size:0.8em;
}
#sidecont #search{
	border:solid 1px #ddd;
	padding:5px 10px;
	text-align:left;
	margin-bottom:35px;
}
#sidecont #search p{ padding:0; }
#sidecont #search input[type="text"]{
	height:30px;
	width:80%;
	background:none !important;
	float:left;
	text-align:left;
	border:none;
}
#sidecont #search #submit{
	float:right;
	padding-top:4px;
}
#sidecont h3{
	background: #77B834;
	padding:5px 5px 5px 15px;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	text-align:left;
}

#sidecont .catlist{

	padding:10px 0;
	text-align:left;
	margin-bottom:35px;
}
#sidecont .catlist li{
	border:solid 1px #ddd;
	background-color:#fff;
	border-radius:3px;
	padding:5px 10px;
	margin-bottom:5px;
}

#sidecont .prof{
	padding:10px 0;
	text-align:left;
	margin-bottom:35px;
}
#sidecont .prof p{ line-height:1.4em; }
#sidecont .prof p em{ font-weight: bold;}
#sidecont .list1{
	padding:10px 0;
	text-align:left;
	margin-bottom:35px;
}
#sidecont .list1 li{
	padding:10px 0;
	line-height:1.6em;
	border-bottom:solid 1px #ccc;
}
#sidecont .list1 li .pic{
	float:left;
	width:80px;
	height:80px;
	box-shadow:0;
	overflow:hidden;
}
#sidecont .list1 li .pic img{ width:80px; height:80px; object-fit:cover; }
#sidecont .list1 li .Right{
	display:block;
	float:right;
	width:67%;

}
#sidecont .list1 li .Right span{ font-size:0.9em; color:#3883dc; padding-right:10px; }

.snspage{  padding-bottom:30px; }
.snspage iframe{ width:100% !important; }


.sideamazonlink a{
	display:block;
	border:solid 2px #ddd;
	padding:15px;
	margin:0 0 25px;
	text-decoration:none;
	background-color:#fff;
	border-radius:5px;
}

.sideamazonlink .pic{
	padding-bottom:10px;
}
.sideamazonlink .pic img{ width:100%; height:auto; }

.sideamazonlink .txt p{ text-align:left; font-size:1em; line-height:1.5em; padding-bottom:10px; }
.sideamazonlink .txt p em{ font-weight:bold; font-size:1.3em; color:#e61772; }
.sideamazonlink .txt .btn{
	border:solid 2px #e61772;
	border-radius:5px;
	padding:5px 10px;
	font-size:1.1em;
	text-align:center;
	font-weight:bold;
	color:#000000;
}
.sideamazonlink:hover .txt .btn{
	background-color:#e61772;
	color:#fff;
}
.sbana1{ text-align: center; padding-bottom:30px; line-height: 1.8em;}
.sbana1 a{ text-decoration: underline;}
.ttl1{
	font-size:1.4em;
	font-weight: bold;
	color:#77B834;
	border-top:solid 2px #77B834;
	padding:15px 0 20px;
}
.postlist1{
  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0 0 15px -2%;
}
.postlist1 li{
	width: 48%;
	margin:0 0 25px 2%;
	font-size:0.9em;
}
.postlist1 li .pic{
    padding:0;
    margin:0 0 10px;
    /*height:150px;*/
    aspect-ratio:  312 / 150;
    overflow:hidden;
}

.post h1{
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:30px;
}

.post h2 {
  background: #77B834;
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
  padding: 10px 15px;
  margin-bottom: 20px;
}
.post h3{
	border-left:solid 4px #77B834;
	font-weight:bold;
	font-size:1.2em;
	padding:5px 15px;
	margin-bottom:20px;
}
.post h4{
	font-weight:bold;
	font-size:1.1em;
	padding:10px 15px;
	margin-bottom:20px;
  background: #77B83426;
}

.post h5{
	font-weight:bold;
	font-size:1em;
	padding:5px 5px;
	margin-bottom:20px;
}
.post h5:before {
	content:"--";
}
.post p{ padding-bottom:30px; }

blockquote{
background-color:#ddd;
padding:1em 1em 1em 3em;
position:relative;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
.post table{
	width:100%;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	margin-bottom:25px;
}
.post table th{
	background:#fafafa;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	padding:10px 15px;
}

.post table td{
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	padding:10px 15px;
}
.post em{ font-weight:bold; color:#e30000; }
.post strong{ font-weight:bold; color:#000; background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff66 60%) repeat scroll 0 0; }

.post ul li, .post ol li{ padding:5px; }
.post ul,.post ol{ padding-bottom:20px; }
.post ul li{
background:url(../images/icon_check.png) no-repeat left 7px;
padding:5px 0 5px 30px;
}
.post ol li{
list-style:decimal;
margin-left:25px;
}

@media screen and (max-width: 640px) {

#columncont{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#maincont{
	float:none;
	width: 95%;
	margin:0 auto;
}
#sidecont{
	float:none;
	width: 95%;
	margin:0 auto;
}
#sidecont #search{
	border:solid 1px #ddd;
	padding:5px 10px;
	text-align:left;
	margin-bottom:35px;
}
#sidecont #search p{ padding:0; }
#sidecont #search input[type="text"]{
	height:30px;
	width:80%;
	background:none !important;
	float:left;
	text-align:left;
	border:none;
}
#sidecont #search #submit{
	float:right;
	padding-top:4px;
}
#sidecont h3{
	background: #77B834;
	padding:5px 5px 5px 15px;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	text-align:left;
}

#sidecont .catlist{

	padding:10px 0;
	text-align:left;
	margin-bottom:35px;
}
#sidecont .catlist li{
	border:solid 1px #ddd;
	background-color:#fff;
	border-radius:3px;
	padding:5px 10px;
	margin-bottom:5px;
}

#sidecont .prof{
	padding:10px 0;
	text-align:left;
	margin-bottom:35px;
}
#sidecont .prof p{ line-height:1.4em; }
#sidecont .prof p em{ font-weight: bold;}
#sidecont .list1{
	padding:10px 0;
	text-align:left;
	margin-bottom:35px;
}
#sidecont .list1 li{
	padding:10px 0;
	line-height:1.6em;
	border-bottom:solid 1px #ccc;
}
#sidecont .list1 li .pic{
	float:left;
	width:80px;
	height:80px;
	box-shadow:0;
	overflow:hidden;
}
#sidecont .list1 li .pic img{ width:auto; height:80px; }
#sidecont .list1 li .Right{
	display:block;
	float:right;
	width: calc(100% - 90px);

}
#sidecont .list1 li .Right span{ font-size:0.9em; color:#3883dc; padding-right:10px; }

.snspage{  padding-bottom:30px; }
.snspage iframe{ width:100% !important; }


.sideamazonlink a{
	display:block;
	border:solid 2px #ddd;
	padding:15px;
	margin:0 0 25px;
	text-decoration:none;
	background-color:#fff;
	border-radius:5px;
}

.sideamazonlink .pic{
	padding-bottom:10px;
}
.sideamazonlink .pic img{ width:100%; height:auto; }

.sideamazonlink .txt p{ text-align:left; font-size:1em; line-height:1.5em; padding-bottom:10px; }
.sideamazonlink .txt p em{ font-weight:bold; font-size:1.3em; color:#e61772; }
.sideamazonlink .txt .btn{
	border:solid 2px #e61772;
	border-radius:5px;
	padding:5px 10px;
	font-size:1.1em;
	text-align:center;
	font-weight:bold;
	color:#000000;
}
.sideamazonlink:hover .txt .btn{
	background-color:#e61772;
	color:#fff;
}
.sbana1{ text-align: center; padding-bottom:30px; line-height: 1.8em;}
.sbana1 a{ text-decoration: underline;}
.ttl1{
	font-size:1.4em;
	font-weight: bold;
	color:#77B834;
	border-top:solid 2px #77B834;
	padding:15px 0 20px;
}
.postlist1{
  	display: -webkit-flex;
  	display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0 0 15px -2%;
}
.postlist1 li{
	width: 48%;
	margin:0 0 25px 2%;
	font-size:0.9em;
}
.postlist1 li .pic{ padding:0; height:80px; overflow:hidden;}

}

.post  ul.question,.post  ul.answer {
box-sizing:border-box;
padding:10px;
background:#f7ffef;
border:1px solid #97b974;
list-style:none;
border-radius:8px;
margin-bottom:15px;
color:#555;

}

.post  ul.question li  {
list-style:none;
    background: url(../images/qa1.png) no-repeat left 7px;
    background-size:22px;
    padding: 5px 0 5px 30px;
    margin-left:0;
color:#555;
font-weight:bold;
}
.post  ul.answer li {
list-style:none;
    background: url(../images/qa2.png) no-repeat left 7px;
    background-size:20px;
    padding: 5px 0 5px 30px;
	font-weight:bold;

    margin-left:0;
}
.post a{ color:#27a2d0;}
.wp-pagenavi{ padding-bottom:30px !important;}

.mlmagaform p{ padding-bottom:20px;}
.mlmagaform{ padding:20px; margin-bottom:40px; border:solid 3px #ccc; }
.mlmagaform .mlmaga{ padding-bottom:20px;}
.mlmagaform table{
	width:100%;
	background:#fafafa;
	margin-bottom:15px;
}
.mlmagaform table th{
	background:#ddd;
	font-weight:bold;
	padding:10px 15px;
	border-bottom:solid 2px #fff;
}
.mlmagaform table th span{ color:#ff5a00; }
.mlmagaform table td{ padding:10px 15px; border-bottom:solid 2px #fff; }
.mlmagaform .btn{
	width:60%;
	text-align:center;
	margin:0 auto;
	padding:0 0 50px;
}
.mlmagaform .btn input{
	display:block;
	background:#fff;
	margin:0 auto !important;
	width:100%;
	padding:10px;
	font-weight:bold;
	background:#019ef1;
	border:none;
	color:#fff;
	border-bottom:solid 4px #008bd5;
	border-radius:10px;
	font-size:1.2em;
	cursor:pointer;
}
.mlmagaform .cv-btn1{
	width:80%;
	text-align:center;
	margin:0 auto;
	padding:0;
}
.mlmagaform .cv-btn1 input[type="submit"]{
	display:block;
	margin:0 auto 1em!important;
	width:100%;
	padding:0.6em 0.3em;
	font-weight:bold;
	background: #019ef1 url(../images/formarrow.png) no-repeat 95% center;
    background-size: 9px auto;
	border:none;
	color:#fff;
	border-bottom:solid 4px #008bd5;
	border-radius:50px;
	font-size:1.2em;
	cursor:pointer;
    float: none;
}
.mlmagaform .smalltext{
    text-align: center;
    font-size: 12px;
    margin-bottom: 0.5em;
    padding: 0;
}
/*a img:hover{*/
/*	opacity:0.6;*/
/*	filter:alpha(opacity=60);*/
/*    -webkit-transition: all 0.5s ease;*/
/*    -moz-transition: all 0.5s ease;*/
/*    -o-transition: all 0.5s ease;*/
/*    transition: all  0.5s ease;*/
/*}*/
.mlmagaform .btn input:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}


/* added 191211 */
.mlmagaform label.error { color:#ff5a00; font-size: 13px; }

.PC{ display:block;}
.SP{ display:none;}
@media screen and (max-width: 728px) {
.PC{ display:none;}
.SP{ display:block;}
}

.post .day{
	text-align:right;
	padding-bottom:10px;
}
.post .day span{
	background:url(https://jinjiseido.co.jp/column/wp-content/uploads/2021/05/リロードアイコン.png) no-repeat left center;
	background-size:10px auto;
	padding-left:15px;
	font-size:11px;
}

/*監修*/

.flexbox{display:flex;flex-wrap:wrap;justify-content:space-between;}
.supervision h2,#column-lp.supervision h2 {width:100%;font-size:1.2em;border: #77B834 1px solid;
    font-weight: bold;
    padding: 15px 15px !important;
	line-height:1;
    margin-bottom: 20px;
}
.supervision figure {width:90px;height:90px;overflow:hidden;border-radius:60px;margin:0;}
.supervision figure img,#columncont .supervision figure img ,#column-lp .supervision figure img {
    max-width: 100%;
    height: 90px;
    width: 90px;
    object-fit: cover;}
.supervision .prof {width:calc(100% - 110px);}
.supervision  p {margin:0;}
.supervision  p.prof-name {font-weight:bold;font-size:16px;
    margin-bottom: 0px;
    padding-bottom: 10px;}
.supervision  p.prof-name span {display:block;font-weight:normal;font-size:13px;}
.supervision  p.prof-text {color:#444555;font-size:13px;margin-bottom:5px;}
.supervision  p.prof-site {font-size:12px;}
.supervision  p.prof-site a {color:#5186ec;	text-decoration:underline;	}

@media only screen and (max-width: 1025px) {
.supervision .prof {width:100%;position:relative;margin-top:10px;}
.supervision  p.prof-name {position:absolute;top:-80px;padding-left:110px;width:100%;box-sizing:border-box;}
}

/*書影*/
.green-tiles {
    background: #5BBB24;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all .2s;
    margin-top: 15px;
    box-sizing: border-box;
}
.green-tiles > div {
    width: 94%;
    margin: auto;
    display: flex;
    justify-content: center;
    background: #fff;
    box-sizing: border-box;
    padding: 0px 10px 0;
}
.green-tiles img {max-width:100% !important;}
.green-tiles .sp-view .table-type {
	padding: 0;
box-sizing: border-box;
}
.green-tiles .sp-view {padding-top:15px;}
.green-tiles .table-type .table-cell {
padding: 0 4px 12px;
display:block;
box-sizing: border-box;
}

.green-tiles.PC{
    margin: 0;
    max-height: 76px;
max-width: 50%;
    width: auto;
padding:3px 0;
    margin-top: 0;
    align-items: center;
    line-height: 1;
background:none;
border:2px solid #5BBB24;

}
.green-tiles.PC > div {
    width: 100%;
    padding: 0;
    line-height: 1;
height:55px;
}
.green-tiles.PC .table-type .table-cell {
    width:18%;
max-width:43px;
	    padding: 0 4px;
    line-height: 1;
}
.green-tiles.PC .table-type .table-cell.vert-pc {
width:40%;
max-width:96px;
}
.green-tiles.SP {
margin-bottom:20px;}

#column-lp .green-tiles.PC .table-type .table-cell img {
max-width:36px !important;
}
#column-lp .green-tiles.PC .table-type .table-cell.vert-pc img {
max-width:88px !important;
}

/*記事中ダウンロードボタン*/
.cv-btn{
  margin: 14px auto 0;
  width: 66%;
	text-align:center;
}
.cv-btn a{
  display: block;
  background: #019ef1;
  border-bottom: solid 4px #008bd5;
  border-radius: 30px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 12px 0;
  position: relative;
  text-align: center;
  text-decoration: none;

  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.cv-btn a::after{
  content:"";
  display: block;
  position: absolute;
  top: 46%;
  right: 16px;
  transform: rotate(45deg) translateY(-50%);
  border: 1px solid transparent;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 7px;
  height: 7px;
}
.cv-btn a:hover{
  opacity: 0.8;
}
.cv-btn a span{
  color:#ffff66;
}
header .container{
	position:relative;
}
header .hlink{
	position:absolute;
	right:15px;
	top:0.1em;
}
header .hlink a{
	text-decoration:underline;
	color:#333;
}
.sidelink a{
	display:block;
	padding:0.8em;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	border-radius:5px;
	color:#fff;
	background:#5DBB25;
	border-bottom:solid 4px #3ca100;
}
@media screen and (max-width: 767px) {
	header .hlink{display:none;}
}

.linkcard{
	padding:0 0 3em;
}
.linkcard a{
  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
	border:solid 1px #ddd;
	padding:1em;
}
.linkcard a .pic{
	width:35%;
}
.linkcard a .txt{
width:60%;
text-align:left;
}

#column-lp .table-reset td { width: auto !important;}