@charset "utf-8";
/*
Theme Name: MPE 経営人事教育システム
Theme URI: http://www.jam-design.jp/
Description: MPE 経営人事教育システム様のウェブサイト用テーマ
Version: 1.0
Author: 株式会社ジャム・デザイン
Author URI: http://www.jam-design.jp/
*/



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */



/* Begin Form Elements */
#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
/*  text-align: justify; */
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;

    }
.commentlist li ul li {
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */






/* ===== Universal Reset ===== */

*{
margin:0;
padding:0;
}

/* ===== Basic Style ===== */

body{
    color:#333333;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    background-color: #e7f1d3;
}
html>/**/body {
  font-size: 12px; /* Except IE */
}
img{
    border:0;
    vertical-align: bottom;
}
ul,dl,ol,li{
list-style-type:none;
list-style-position:outside;
}
a {
color: #08c;
}
a:link, a:visited, a:active {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

.cboth  {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}
h1,h2,h3,h4,h5,h6   {
    font-size: 100%;
}

#all {
    text-align:center;
    background-image: url(images/mainback.gif);
    width: 868px;
    margin: auto;
}
#inner {
    text-align:left;
    margin: 0 14px;
}
#contents {
    margin-right: 17px;
    margin-left: 10px;
}

/* ===== Header Area ===== */
#header {
    background-color: #FFFFFF;
    text-align: left;
    background-image: url(images/headback01.jpg);
    background-repeat: no-repeat;
    padding-top: 23px;
    margin-bottom: 20px;
    position:relative;
}
#header h1  {
    padding-left: 29px;
}
#header h1 a    {
    font-size: 1px;
    line-height: 1px;
    background-image: url(images/logo.jpg);
    display: block;
    height: 60px;
    width: 520px;
text-indent:-9999px;
}
#header .cap    {
    height: 180px;
}
#header .cap strong {
    position:absolute;
    font-size: 100%;
    width: 410px;
    display: block;
    top: 22px;
    left: 192px;
    line-height: 1.2em;
}

/* ===== Navi Area ===== */
#navi   {
    width: 220px;
    float: left;
}
#navi ul    {
}
#navi li    {
}
#navi li a  {
    background-image: url(images/navi.gif);
    display: block;
    height: 43px;
    line-height: 43px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
}
#navi li a:hover    {
    background-position: 0px -43px;
text-decoration:none;
}
#navi .search   {
    background-image: url(images/search_back.gif);
    background-repeat: no-repeat;
    border: 1px solid #999999;
    padding: 5px;
    margin: 10px 4px;
    background-color: #B0B0B0;
}
#navi .search dt    {
    font-weight: bold;
}
#navi .search dd    {
}
/* ===== Navi Area ===== */
#wra    {
    width: 577px;
    float: right;
    margin-bottom: 24px;
}

/* ===== Footer Area ===== */
#footer {
    color: #FFFFFF;
    background: #7BA91B url(images/footer_back.gif) repeat-x left top;
    padding: 15px 9px;
}
#footer address {
    font-style: normal;
    margin-bottom: 1em;
}
#footer p   {
}


/* ===== TOP Area ===== */
#top    {
}
#top .news  {
    background-image: url(images/news_back.gif);
    padding: 10px 15px;
    margin-bottom:14px;
}
#top .news dl   {
    margin-top: 10px;
    font-size: 120%;
}
#top .news dt   {
    float: left;
}
#top .news dd   {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 3px;
    padding-bottom: 3px;
}
#top .det01 {
    background-image: url(images/back01.gif);
    margin-top: 2px;
    font-size: 120%;
    line-height: 1.5em;
}
#top .det02 {
    background: url(images/back02.gif) no-repeat left bottom;
    padding: 10px 15px;
}
#top .det01 h2  {
    background-image: url(images/ttl_back.gif);
    line-height: 30px;
    font-weight: bold;
    color: #666666;
    padding-left: 12px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    font-size: 14px;
}

#top .support{
margin:0 0 15px 0;
}

#top .support h3{
font-size:16px;
background:url(images/green_square.gif) no-repeat;
padding:3px 0 0 30px;
}

#top .support .support_box{
margin:10px 0 0 0;
}

#top .training{
float:left;
margin-right:15px;
}

#top .support .support_box p{
width:330px;
float:left;
font-size:14px;
margin-top:5px;
}

#top .support .support_box .sup_p{
width:221px;
float:left;
margin-right:10px;
}

#top .training{
width:577px;
margin:0 0 15px 0;
}

#top .training h3{
font-size:16px;
background:url(images/green_square.gif) no-repeat;
padding:3px 0 0 30px;
}

#top .training_box{
width:577px;
padding:15px 0 0 0;
}

#top .training_box .training_item{
float:left;
margin-right:20px;
width:265px;
}

#top .training_box .training_item .L{
float:left;
width:145px;
margin-right:10px;
text-align:left;
}

#top .training_box .training_item .L p{
font-size:12px;
}

#top .training_box .training_item .training_ttl{
font-weight:bold;
font-size:16px;
text-align:left;
margin-bottom:5px;
}

#top .training_box .training_item .R{
float:right;
width:110px;
}

#top .toi{
background:url(images/inq_telfax.jpg) no-repeat;
width:546px;
padding:50px 25px 25px 15px;
}

#top .toi .toi_ttl{
margin-bottom:10px;
}

#top .toi .toi_telfaxbox{

}

#top .toi .toi_telfaxbox .toi_telfax{
margin:0px 0 0 0;
}

#top .toi .toi_telfaxbox .toi_telfax_btn{
margin:0px 0 0 15px;
vertical-align:bottom;
}

/* ===== LOWER Area ===== */
.lower #header  {
    background-image: url(images/lowheadback.jpg);
    margin: 0 0 15px 0;
    padding: 0px;
    height: 160px;
}
.lower #header h1   {
    padding-left: 15px;
}
.lower #header h1 a {
    background-image: url(images/lowlogo.gif);
    width: 420px;
}
.lower h2   {
/*     background-image: url(images/lowttl.jpg); */
    color: #33cc66;
    font-size: 17px;
    /*     height: 45px; */
    padding-left: 10px;
    line-height: 2em;
    margin-top: 14px;
    border-left:solid 10px #0066cc;
    margin-left:14px;
}

.lower h2 a{
color:#333;
}

.lower h2 a:hover{
color:#333;
text-decoration:none;
}

.lower h2 a:link,
.lower h2 a:visited,
.lower h2 a:active {
color:#333;
}

#low h2{
color:#333 !important;
}


#low .det01 {
/*     background-image: url(images/back01.gif); */
    margin-top: 15px;
    font-size: 120%;
    line-height: 1.5em;
    background-repeat: no-repeat;
}
#low .det02 {
/*     background: url(images/back02.gif) no-repeat left bottom; */
    padding: 10px 15px;
}
/* #low .det01 h3   {
    background-image: url(images/ttl_back.gif);
    line-height: 30px;
    font-weight: bold;
    color: #666666;
    padding-left: 12px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    font-size: 14px;
} */
#low .det01 h3  {
/* background:#d6eb3d url(images/ttl_back.gif) no-repeat; */
margin-bottom:30px;
font-weight: bold;
color: #204c78;
padding: 15px 15px 15px 15px;
font-size: 18px;
border:solid #ccc 1px;
line-height:1.5 !important;
background-color:#f0f1f1;
}




.lower .toi{
background:url(images/inq_telfax.jpg) no-repeat;
width:546px;
padding:50px 25px 25px 15px;
margin-top:10px;
}

.lower .toi .toi_ttl{
margin-bottom:10px;
}

.lower .toi .toi_telfaxbox{

}

.lower .toi .toi_telfaxbox .toi_telfax{
margin:0px 0 0 0;
}

.lower .toi .toi_telfaxbox .toi_telfax_btn{
margin:0px 0 0 15px;
vertical-align:bottom;
}

.lower .toi2{
background:url(images/inq_telfax2.jpg) no-repeat;
width:520px;
padding:10px 25px 25px 15px;
margin-top:10px;
margin-bottom:10px;
}
.lower .toi2 .toi_ttl{
margin-bottom:3px;
}

.lower .toi2 .toi_telfaxbox .toi_telfax_btn{
margin:0px 0 0 15px;
vertical-align:bottom;
}

/* Jam 追加 */
.category-children {
margin:8px 0 0;
overflow:hidden;
}
.category-children li {
display:block;
float:left;
margin-bottom:4px;
}
.category-children li a {
display:block;
float:left;
background:transparent url(images/ya.gif) no-repeat 0 40%;
padding:0 8px 0 14px;
white-space:nowrap;
}

/* サイトマップ */
.category-sitemap h3 {
display:none;
}
.category-sitemap .ddsg-wrapper {
margin:8px 8px 8px 8px;
}
.category-sitemap .ddsg-wrapper h2 {
display:none;
}
.category-sitemap .ddsg-wrapper li {
list-style-type: none;
}
.category-sitemap .ddsg-wrapper li a {
display:block;
background:#ceed8f;
padding:3px 8px 1px;
font-weight:bold;
margin-bottom:4px;
}
.category-sitemap .ddsg-wrapper li strong {
display:none;
}
.category-sitemap .ddsg-wrapper li ul {
margin-left:32px;
margin-bottom:12px;
}
.category-sitemap .ddsg-wrapper li ul li {
background:#fff;
}
.category-sitemap .ddsg-wrapper li ul ul {
display:none;
}
.category-sitemap .ddsg-wrapper li ul li a {
background:transparent url(images/ya.gif) no-repeat 0 3px;
padding:0 0 0 18px;
font-weight:normal;
margin-bottom:2px;
}
.category-sitemap .ddsg-wrapper div {
font-size:80%;
color:#ccc;
}
.category-sitemap .ddsg-wrapper div a {
color:#ccc;
}

/* お問い合わせ */
.category-contact h3 {
display:none;
}


/* このサイトについて */
.category-about-this-site h3 {
display:none;
}

.navigation {
display: none;
}

.det01 p {
margin-bottom:1em;
}
.det01 h4 {
/* background:#9c3; */
background-color:#1e65a8;
color:#fff;
font-size:15px;
padding:8px 12px 6px;
font-weight:bold;
margin-bottom:15px;
}

/* 記事用css */
h5 {
font-size:16px;
color:#093;
margin:1em 0 .5em;
}
h6 {
font-size:14px;
color:#666;
margin:.5em 0;
padding:2px 4px 0;
border:solid #666 1px;
}

.det02 li li {
margin-left:24px;
}
.det02 li ul {
margin-bottom:8px;
}
.det02 ol li {
list-style-type: decimal;
list-style-position: inside;
}
.det02 ul li {
list-style-type: disc;
list-style-position: inside;
padding-left:8px;
}
.det02 ul li h4 {
list-style-type: disc;
list-style-position: inside;
padding-left:8px;
}
.det02 ol li h5 {
margin-bottom:2px;
}

.det02 .mceTemp {
overflow:hidden;
width:547px;
_zoom:1;
}


/*
印刷用
----------------------------------------------- */
@media print {
body {
background:#fff none !important;
color:#000;
}
a {
color:#000;
}
/* #header {
border:solid #ccc 1px;
}
.det02 {
border:solid #ccc 1px;
}
.lower h2 {
color:#000;
border-left:solid #999 8px;
}
#header h1 a {
background-image:none;
display:list-item;
list-style-image:url(images/logoprint.gif);
list-style-position:inside;
z-index:999;
text-indent:0px;
} */

}


/**
 * 2010/03/03 RSS 表示
 */


#navi div.feed {
    margin-left: 4px;
    margin-bottom: 10px;
}

#navi div.feed a{
background-image:none !important;
}


#navi div.feed h2 {
    margin-top      : 4px;
    margin-right    : 0;
    margin-bottom   : 0;
    margin-left     : 0;
    height           : 70px;
    background:url(images/blog_ttl.gif) no-repeat #89C319;
    color             : #ffffff;
    font-size        : 1.1em;
    line-height      : 1.1em;
    text-align       : center;
    text-indent:-9999px;
    font-size:1px;
}

#navi div.feed h2 a.tag {
    font-size: 0.8em;
}

#navi div.feed a:link, #navi div.feed a:visited {
    background-color: transparent;
}

#navi div.feed ul.feeds {
    border-right-style: solid;
    border-right-color: #999999;
    border-right-width: 1px;
    /*
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-bottom-width: 1px;
    */
    border-left-style: solid;
    border-left-color: #999999;
    border-left-width: 1px;
}

#navi div.feed ul li {
    padding              : 8px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-bottom-width: 1px;
}

#navi div.feed ul.feeds li a {
    display         : inline;
    height          : 1em;
    background-image: none;
    background-color: transparent;
    color           : #0088cc;
    font-size       : 1em;
    font-weight     : normal;
    line-height     : 1em;
}

#navi div.feed ul.feeds li p.date {
    background-color: transparent;
    color             : #666666;
    font-size  : 1em;
    font-weight: bold;
}

#navi div.feed p.more {
    text-align: right;
}

#navi div.feed p.more a {
    background-color: transparent;
    color           : #0088cc;
}

body.page-template-top-php h2 {
    background-image: none;
    margin-left: 0;
    line-height: 30px;
    font-weight: bold;
    color: #666666;
    padding:0;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    font-size: 14px;
}

.sideBana{
padding-bottom:50px !important;
margin-left:4px !important;
}

.sideBana a{
background:url(images/side_bana01.gif) no-repeat !important;
width:214px !important;
height:64px !important;
text-indent:-9999px !important;
font-size:1px !important;
display:block !important;
}

.headTel{position:absolute;top:10px;left:660px;}
.headInq{position:absolute;top:35px;left:660px;}

.lower #header .headTel{position:absolute;top:5px;left:660px;}
.lower #header .headInq{position:absolute;top:24px;left:660px;}

/* 20140611マエサト追記 */
.days{
margin-top:20px;
color:#096dba;
border-bottom:1px solid #096dba;
}
.det01 ol ,.det01 ul{
margin-bottom:1em;
}
table {
border-collapse:collapse;
}
.kensyu_table{
margin:10px 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-size:12px;
}
.kensyu_table th{
text-align:center;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:5px;
background-color:#e1f3ff;
}
.kensyu_table td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:5px;
}
.kensyu_table .th01{
width:48%;
}
.kensyu_table .th03{
width:20%;
}
.ordermade{
background:url(images/img_top01.jpg) no-repeat;
position:relative;
height:362px;
width:578px;
margin-bottom:85px;
}
.ordermade a{
background:#fff;
position:absolute;
top:292px;
left:108px;
}
a:hover img{
filter: alpha(opacity=70);
opacity:0.7;
}
#low .det01 h3.lead{
background: none;
color: #333;
border: none;
font-size:15px;
padding:0;
}
/* テキスト関係 */
.align_center{
text-align:center;
}

/* ordermade研修 */
.go_form{
overflow:hidden;
padding:20px 10px 0;
margin-bottom:30px;
}
.go_form .right , .go_form .left{
width:253px;
display:block;
}
.go_form p{
clear:both;
color:#0066ff;
}
.go_form p a{
color:#0066ff;
text-decoration:underline;
}
.go_form p a:hover {
text-decoration:none;
}
.right {
float: right;
}
.left {
float: left;
}

.feed h2{
border:0 !important;
}

.om_pa01{
background:url(images/bg_kanri.jpg) no-repeat top right;
margin-bottom:20px;
}
.om_pa01 p{
width:280px;
margin-top:20px;
}

.voice_box{
margin-top:30px;
padding:20px;
border:solid 1px #1480e4;
background-color:#e8f2fc;
margin-bottom:40px;
}

.voice_box h5{
padding:0;
margin:0 0 15px 0;
font-size:18px;
color:#1e65a8;
}

.om_entry{
padding:20px;
}

.om_enter_wrap{
width:100%;
margin-bottom:35px;
}

.om1{
border:solid 3px #ccc;
}

.om2{
border:solid 1px #ccc;
}


.om_entry p{
text-align:center;
}


.om_entry .navi_subttl{
font-size:14px !important;
width:10em;
}

/* clearfix */
.cf {zoom:1;}
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}

.lineup{
font-size:18px;
font-weight:bold;
color:#1e65a8;
margin-bottom:15px;
}