@charset "utf-8";

/*
Theme Name: cpe_theme
Theme URI: http://www.mee77.com
Author: mee
Author URI: http://www.mee77.com
Description: CPE 専用テーマ
Version: 1.0
Template:twentyeleven
Tags: green, white
*/

@import "cmn.css";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    /* remember to define focus styles! */
    outline: 0;
}

a img {
    border: 0;
}


/* Headings */

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 24px;
}

strong {
    font-weight: bold;
}

cite,
em,
i {
    font-style: italic;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote cite {
    color: #666;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

pre {
    background: #f4f4f4;
    font: 13px "Courier 10 Pitch", Courier, monospace;
    line-height: 1.5;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 0.75em 1.625em;
}

code,
kbd {
    font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym,
dfn {
    border-bottom: 1px dotted #666;
    cursor: help;
}

address {
    display: block;
    margin: 0 0 1.625em;
}

ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}


/* Forms */

input[type=text],
input[type=password],
textarea {
    background: #fafafa;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    color: #888;
}

input[type=text]:focus,
textarea:focus {
    color: #373737;
}

textarea {
    padding-left: 3px;
    width: 98%;
}

input[type=text] {
    padding: 3px;
}

input#searchsubmit {
    /*display: none;*/
}


/* Assistive text */

.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

#access a.assistive-text:active,
#access a.assistive-text:focus {
    background: #eee;
    border-bottom: 1px solid #ddd;
    color: #1982d1;
    clip: auto !important;
    font-size: 12px;
    position: absolute;
    text-decoration: underline;
    top: 0;
    left: 7.6%;
}


/* =Content
----------------------------------------------- */

.page-title {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    margin: 0 0 2.6em;
    text-transform: uppercase;
}

.page-title a {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: none;
}

.blog .sticky .entry-header .entry-meta {
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.entry-meta a {
    font-weight: bold;
}

.single-author .entry-meta .by-author {
    display: none;
}

.entry-content #s {
    width: 75%;
}

.comment-content ul,
.comment-content ol {
    margin-bottom: 1.625em;
}

.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
    margin-bottom: 0;
}

dl.gallery-item {
    margin: 0;
}

.page-link {
    clear: both;
    display: block;
    margin: 0 0 1.625em;
}

.page-link a {
    background: #eee;
    color: #373737;
    margin: 0;
    padding: 2px 3px;
    text-decoration: none;
}

.page-link a:hover {
    background: #888;
    color: #fff;
    font-weight: bold;
}

.page-link span {
    margin-right: 6px;
}

.entry-content .edit-link {
    clear: both;
    display: block;
}


/* Images */

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large {
    max-width: 97.5%;
    width: auto;
    /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    background: #eee;
    margin-bottom: 1.625em;
    max-width: 96%;
    padding: 9px;
}

.wp-caption img {
    display: block;
    margin: 0 auto;
    max-width: 98%;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    color: #666;
    font-family: Georgia, serif;
    font-size: 12px;
}

.wp-caption .wp-caption-text {
    margin-bottom: 0.6em;
    padding: 10px 0 5px 40px;
    position: relative;
}

.wp-caption .wp-caption-text:before {
    color: #666;
    content: '\2014';
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px;
}

#content .gallery {
    margin: 0 auto 1.625em;
}

#content .gallery a img {
    border: none;
}

img#wpstats {
    display: block;
    margin: 0 auto 1.625em;
}

#content .gallery-columns-4 .gallery-item {
    width: 23%;
    padding-right: 2%;
}

#content .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}


/* Image borders */

img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border: 1px solid #ddd;
    padding: 6px;
}

.wp-caption img {
    border-color: #eee;
}

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {
    /* Add some useful style to those fancy borders for linked images ... */
    background: #eee;
    border-color: #bbb;
}

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
    /* ... including captioned images! */
    background: #fff;
    border-color: #ddd;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}


/* Password Protected Posts */

.post-password-required .entry-header .comments-link {
    margin: 1.625em 0 0;
}

.post-password-required input[type=password] {
    margin: 0.8125em 0;
}

.post-password-required input[type=password]:focus {
    background: #f7f7f7;
}


/* Author Info */

#author-info {
    font-size: 12px;
    overflow: hidden;
}

.singular #author-info {
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 2.2em -35.6% 0 -35.4%;
    padding: 20px 35.4%;
}

.archive #author-info {
    border-bottom: 1px solid #ddd;
    margin: 0 0 2.2em;
    padding: 0 0 2.2em;
}

#author-avatar {
    float: left;
    margin-right: -78px;
}

#author-avatar img {
    background: #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #bbb;
    -moz-box-shadow: 0 1px 2px #bbb;
    box-shadow: 0 1px 2px #bbb;
    padding: 3px;
}

#author-description {
    float: left;
    margin-left: 108px;
}

#author-description h2 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 10px;
}


/* Comments link */

.entry-header .comments-link a {
    background: #eee url(images/comment-bubble.png) no-repeat;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    overflow: hidden;
    padding: 0 0 0;
    position: absolute;
    top: 1.5em;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 43px;
    height: 36px;
}

.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
    background-color: #1982d1;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
}

.entry-header .comments-link .leave-reply {
    visibility: hidden;
}


/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/

.entry-header .entry-format {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    position: absolute;
    text-transform: uppercase;
    top: -5px;
}

.entry-header hgroup .entry-title {
    padding-top: 15px;
}

article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
    padding: 20px 0 0;
}

article.format-status .entry-content {
    min-height: 65px;
}

.recent-posts .entry-header .entry-format {
    display: none;
}

.recent-posts .entry-header hgroup .entry-title {
    padding-top: 0;
}

blockquote.pull {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.6125em;
    margin: 0 0 1.625em;
    text-align: center;
}

.singular blockquote.pull {
    margin: 0 -22.25% 1.625em;
}

.pull.alignleft {
    margin: 0 1.625em 0 0;
    text-align: right;
    width: 33%;
}

.singular .pull.alignleft {
    margin: 0 1.625em 0 -22.25%;
}

.pull.alignright {
    margin: 0 0 0 1.625em;
    text-align: left;
    width: 33%;
}

.singular .pull.alignright {
    margin: 0 -22.25% 0 1.625em;
}

.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
    width: 33%;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-width: 1px 0;
    margin: 0 -8.9% 1.625em;
    overflow: hidden;
    padding: 1.625em 1.625em 0;
    text-align: center;
}

.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto 1.625em;
    max-width: 100%;
}

.image-attachment div.attachment a img {
    border-color: #f9f9f9;
}

.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
    border-color: #ddd;
    background: #fff;
}

.image-attachment .entry-caption p {
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    margin: 0 0 2.6em;
    text-transform: uppercase;
}


/* =Widgets
----------------------------------------------- */

.widget ul {
    margin: 0;
}

.widget ul ul {
    margin-left: 1.5em;
}

.widget ul li {
    color: #777;
}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
    margin-left: -7.6%;
    margin-right: -7.6%;
    padding-left: -7.6%;
    padding-right: -7.6%;
    max-width: 1000px;
}

#ie7 section.featured-post {
    margin-left: -7.6%;
    margin-right: -7.6%;
    max-width: 850px;
}

#ie7 section.recent-posts {
    margin-right: 7.6%;
}


/*//////////////////////////////////////////////////////////////////////////////
以下、動作チェック済
//////////////////////////////////////////////////////////////////////////////*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body,
input,
textarea {
    color: #373737;
    font: 14px 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
    font-weight: 300;
    line-height: 1.625;
}

body {
    line-height: 1;
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("images/background.png") !important;
    background-position: left top;
    background-repeat: repeat-x;
    font-size: 100%;
    /* =16px */
    padding: 0;
    min-width: 980px;
    overflow: visible;
}

#page {
    margin: 0;
}

p {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 1.625em;
}

dt p,
dd p {
    margin-left: 0;
    margin-right: 0;
}

a {
    color: #1982d1;
    text-decoration: none;
}

a:focus,
a:active {
    text-decoration: underline;
}

a:link,
a:visited {
    color: #743399;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    color: #7EBDEA;
}


/* aタグをボタンっぽく見せる */

a.btntype {
    display: block;
    width: 200px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #0C3F74;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    background: #EEEEEE;
    background: -moz-linear-gradient(#F5F5F5, #DFDFDF);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F5F5), to(#DFDFDF));
    background: -webkit-linear-gradient(#F5F5F5, #DFDFDF);
    background: -o-linear-gradient(#F5F5F5, #DFDFDF);
    background: -ms-linear-gradient(#F5F5F5, #DFDFDF);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFF5F5F5', endColorstr='#FFDFDFDF', GradientType=0);
    background: linear-gradient(#F5F5F5, #DFDFDF);
    margin: 0 auto;
    font-weight: bold;
    color: #000 !important;
}

a.btntype:hover,
a.btntype:active,
a.btntype:focus {
    background: #ffffff;
    background: -moz-linear-gradient(#DFDFDF, #F5F5F5);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DFDFDF), to(#F5F5F5));
    background: -webkit-linear-gradient(#DFDFDF, #F5F5F5);
    background: -o-linear-gradient(#DFDFDF, #F5F5F5);
    background: -ms-linear-gradient(#DFDFDF, #F5F5F5);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFDFDFDF', endColorstr='#FFF5F5F5', GradientType=0);
    background: linear-gradient(#DFDFDF, #F5F5F5);
}

a.btntype span {
    background: url("images/li1.png") no-repeat scroll right center transparent;
    display: block;
    padding-right: 20px;
    margin: 0 5px;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* widget */

.widget a {
    text-decoration: none;
}

.widget a:hover,
.widget a:focus,
.widget a:active {
    text-decoration: underline;
}

li.banner_li {
    text-align: center;
    margin-bottom: 15px;
}

li.banner_li a {
    padding: 0;
    background: none;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* CPE 用 調整済み */


/*/////////////////////////////////////////////////////////////////////////////*/

img {
    vertical-align: text-bottom;
}


/* blockquote */

blockquote {
    background: #E2F3ED;
    padding: 10px;
    margin: 0 20px 24px 20px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

blockquote>p {
    margin: 0 !important;
}


/* list */

ol,
ul {
    list-style: none;
    overflow: hidden;
}

ul {
    list-style: none;
    margin: 0 20px 24px 20px;
}

ol {
    list-style: decimal outside none;
    margin: 0 24px 24px 20px;
}

ol ol {
    list-style: upper-alpha outside none;
}

ol ol ol {
    list-style: lower-alpha outside none;
}

ol ol ol ol {
    list-style: lower-roman outside none;
}

ul ul,
ul ol,
ol ol,
ol ul,
ul ul ul,
ul ul ol,
ul ol ul,
ul ol ol,
ol ul ul,
ol ul ol,
ol ol ul,
ol ol ol {
    margin: 0;
}

.entry-content ul>li {
    background: url("images/li1.png") no-repeat scroll 0 6px transparent;
    padding-left: 15px;
}

.entry-content .ul-style-no>li {
    background-image: none;
    list-style: none;
}

.entry-content ul ul>li {
    background-image: none;
    list-style: circle outside none;
    margin-left: 26px;
    padding-left: 0;
}

.entry-content ul ul ul>li {
    list-style: disc outside none;
}

.entry-content ol>li {
    margin-left: 42px;
    padding-left: 0;
}


/* dl dt dd */

dl {
    margin: 0 20px 24px 20px;
}

dt {
    border-bottom: 3px double #1D906D;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 15px;
}

dd {
    margin: 0 15px 24px;
    padding: 0;
}


/* 横並び */

dl.list {
    padding: 0;
    line-height: 16px;
    overflow: hidden;
    border-bottom: 1px solid #999;
}

dl.list dt {
    clear: both;
    float: left;
    width: 200px;
    padding: 10px;
    border: none;
    border-top: 1px solid #999999;
    background: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #000;
    font-size: 1em;
    margin: 0;
}

dl.list dd {
    float: left;
    width: 374px;
    padding: 10px 10px 10px 0;
    border-top: 1px solid #999999;
    margin: 0;
    /float: none;
    /margin-left: 150px;
    /width: auto;
}


/* table */

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

table p {
    margin: 0 !important;
}

.entry-content table,
.comment-content table {
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    margin: 0 20px 24px 20px;
    text-align: left;
    width: 628px;
}

#content caption {
    font-size: 1.22em;
    font-weight: bold;
    text-align: left;
}

.entry-content th,
.comment-content th {
    color: #333333;
    background-color: #E2F3ED;
    font-weight: bold;
    line-height: 1.3em;
    padding: 9px 10px;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
}

.entry-content td,
.comment-content td {
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    padding: 9px 10px;
}


/* h要素 */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 24px 0;
    font-weight: bold;
    display: block;
}

.entry-header {
    margin: 0 0 24px 0;
    padding: 10px 20px 5px;
    border: 1px solid #ccc;
    background: url("images/h1.png") no-repeat scroll 0 0 transparent;
}

.entry-header .entry-title {
    font-size: 1.71em;
    font-weight: bold;
    line-height: 1.81em;
    margin: 0;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2 {
    margin: 0 0 24px 0;
    padding: 10px 20px 5px 20px;
    border: 1px solid #ccc;
    font-size: 1.71em;
    line-height: 1.81em;
    background: url("images/h1.png") no-repeat scroll 0 0 transparent;
}

.entry-content h3,
.comment-content h3 {
    background: url("images/h3.png") repeat-x scroll left bottom #309A79;
    font-size: 1.57em;
    line-height: 1.67em;
    padding: 7px 20px 3px 20px;
    color: #FFF;
}

.entry-content h4,
.comment-content h4 {
    font-size: 1.29em;
    line-height: 1.29em;
    background: url("images/h4.png") repeat-x scroll left top transparent;
    padding: 15px 20px 0 20px;
}

.entry-content h5,
.comment-content h5 {
    background: url("images/h5.png") no-repeat scroll 10px 1px transparent;
    padding: 0 20px 0 30px;
    font-size: 1.14em;
    line-height: 1.24em;
    color: #09533A;
}

.entry-content h6,
.comment-content h6 {
    background-color: #EFEFEF;
    border-left: 6px solid #28A97F;
    border-top: 2px solid #28A97F;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px 3px 14px;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* header */

#branding {
    margin: 0 auto 13px;
    width: 940px;
    position: relative;
    z-index: 30;
    overflow: visible;
    min-height: 276px;
}

.front-page {
    margin-bottom: 0 !important;
}

#branding hgroup {
    margin: 0;
}

#site-title,
#site-title_e {
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 23px 0 17px 0;
    width: 620px;
    height: 70px;
    text-indent: -9999px;
}

#site-title {
    background-image: url("images/title_header.png");
}

#site-title_e {
    background-image: url("images/title_header_e.png");
}

#site-title a,
#site-title_e a {
    color: #111;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    text-decoration: none;
    display: block;
    height: 100%;
}

#site-description {
    color: #7a7a7a;
    font-size: 14px;
    margin: 0 270px 3.65625em 0;
    float: right;
    text-align: left;
    margin: 0 0 8px 0;
    display: block;
    width: 320px;
    overflow: visible;
    height: 102px;
}


/* ヘッダーボタン */

.header-button {
    height: 24px;
    width: 84px;
    margin: 0 0 10px 236px;
}

.header-button ul {
    font-size: 13px;
    list-style: none;
    margin: 00;
    padding-left: 0;
    overflow: visible;
}

.header-button ul li.languege {
    float: left;
    position: relative;
    width: 84px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    text-indent: -9999px;
    background: url("images/btn_language.png") no-repeat scroll 0 0 transparent;
}

.header-button ul li.languege:hover,
.header-button ul li.languege:focus,
.header-button ul li.languege:active {
    background-position: bottom;
}

.header-button ul li span {
    display: block;
    width: 100%;
    height: 30px;
}

.header-button a {
    color: #eee;
    display: block;
    line-height: 3.333em;
    padding: 0 1.2125em;
    text-decoration: none;
}

.header-button ul ul {
    visibility: hidden;
    position: absolute;
    width: 150px;
    left: -50px;
}

.header-button ul ul>li {
    margin-bottom: 0;
    width: 130px;
    height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: progid: DXImageTransform.Microsoft.gradient( Enabled=0);
    background: #E9F6F2;
    border: 1px solid #ccc;
    text-indent: 0;
}

.header-button ul ul>li:hover {
    background: #0D8A66;
}

.header-button ul ul li a {
    color: #000;
    display: block;
    text-decoration: none;
    padding: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.header-button ul li a:hover {
    position: relative;
    z-index: 100;
    color: #fff;
}

.header-button ul li:hover ul,
.header-button ul li a:hover ul {
    visibility: hidden;
    overflow: hidden;
    height: auto;
    z-index: 10;
}


/* 検索フォーム */

#site-srch {
    background: url("images/srchicon.png") no-repeat scroll 0 1px;
    overflow: hidden;
    min-height: 32px;
    margin: 0 0 5px 40px;
    padding: 0 0 0 30px;
    width: 250px;
}

input#s {
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    height: 22px;
    line-height: 1.2em;
    padding: 4px 10px 4px 10px;
}

#branding #searchform {
    position: absolute;
    text-align: right;
}

#branding #searchform div {
    margin: 0;
}

#branding #s {
    float: right;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width, background;
    -o-transition-timing-function: ease;
    width: 138px;
}

#branding #s:focus {
    background-color: #f9f9f9;
    width: 138px;
}

#branding #searchsubmit {
    border: 1px solid #CCCCCC;
    height: 22px;
    margin: 5px 0 5px;
    padding: 0;
    width: 84px;
    font-size: 12px;
    cursor: pointer;
}

#branding input[type=text] {
    margin: 5px 3px 3px 0;
    height: 16px;
    font-size: 12px;
}

#branding .only-search #searchform {
    top: 5px;
    z-index: 1;
}

#branding .only-search #s {
    background-color: #666;
    border-color: #000;
    color: #222;
}

#branding .only-search #s,
#branding .only-search #s:focus {
    width: 85%;
}

#branding .only-search #s:focus {
    background-color: #bbb;
}

#branding .with-image #searchform {
    top: auto;
    bottom: -27px;
    max-width: 195px;
}

#branding .only-search+#access div {
    padding-right: 205px;
}


/* ヘッダーメニュー */

.header-menu {
    clear: both;
    display: block;
}

.header-menu ul {
    margin: 0;
}

.header-menu ul li {
    display: block;
    float: right;
    height: 24px;
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    width: 100px;
}

.header-menu ul li:hover {}

.header-menu ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.header-menu ul li.menu_home a,
.header-menu ul li.menu_contact a,
.header-menu ul li.menu_sitemap a,
.header-menu ul li.menu_contact_e a {
    text-indent: -9999px;
}

.header-menu ul li.menu_home a {
    background: url("images/headernav/menu_home.png") no-repeat scroll left center;
}

.header-menu ul li.menu_contact a {
    background: url("images/headernav/menu_contact.png") no-repeat scroll left center;
}

.header-menu ul li.menu_contact,
.header-menu ul li.menu_contact_e {
    width: 90px;
}

.header-menu ul li.menu_sitemap a {
    background: url("images/headernav/menu_sitemap.png") no-repeat scroll left center;
}

.header-menu ul li.menu_contact_e a {
    background: url("images/headernav/menu_contact_e.png") no-repeat scroll left center;
}


/* グローバルメニュー部 */

#access {
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 15px;
    height: 48px;
    width: 100%;
    overflow: hidden;
    font-size: 0.94em;
    font-weight: bold;
    background: url("images/background_globalnav.png") no-repeat scroll center center;
}

.front-page #access {
    margin-bottom: 0 !important;
}

#access div {
    margin: 0;
    overflow: hidden;
}

#access ul {
    list-style: none outside none;
    margin: 0;
    padding: 1px 10px 0;
}

#access li {
    float: left;
    position: relative;
    height: 47px;
    margin: 0 1px;
}

#access a {
    color: #FFF;
    display: block;
    line-height: 16px;
    height: 16px;
    padding: 15px 0 16px;
    margin: 0;
    text-decoration: none;
    width: 113px;
    text-align: center;
    text-indent: -9999px;
}

#access li.g-menu1 a {
    background: url("images/globalnav/g-menu1.png") no-repeat scroll center top;
}

#access li.g-menu2 a {
    background: url("images/globalnav/g-menu2.png") no-repeat scroll center top;
}

#access li.g-menu3 a {
    background: url("images/globalnav/g-menu3.png") no-repeat scroll center top;
}

#access li.g-menu4 a {
    background: url("images/globalnav/g-menu4.png") no-repeat scroll center top;
}

#access li.g-menu5 a {
    background: url("images/globalnav/g-menu5.png") no-repeat scroll center top;
}

#access li.g-menu6 a {
    background: url("images/globalnav/g-menu6.png") no-repeat scroll center top;
}

#access li.g-menu7 a {
    background: url("images/globalnav/g-menu7.png") no-repeat scroll center top;
}

#access li.g-menu8 a {
    background: url("images/globalnav/g-menu8.png") no-repeat scroll center top;
}

#access li.e_g-menu1 a {
    background: url("images/globalnav/e_g-menu1.png") no-repeat scroll center top;
}

#access li.e_g-menu2 a {
    background: url("images/globalnav/e_g-menu2.png") no-repeat scroll center top;
}

#access li.e_g-menu3 a {
    background: url("images/globalnav/e_g-menu3.png") no-repeat scroll center top;
}

#access li.e_g-menu4 a {
    background: url("images/globalnav/e_g-menu4.png") no-repeat scroll center top;
}

#access li.e_g-menu5 a {
    background: url("images/globalnav/e_g-menu5.png") no-repeat scroll center top;
}

#access li.e_g-menu6 a {
    background: url("images/globalnav/e_g-menu6.png") no-repeat scroll center top;
}

#access li.e_g-menu6u a {
    background: url("images/globalnav/e_g-menu6u.png") no-repeat scroll center top;
}

#access li.e_g-menu6c a {
    background: url("images/globalnav/e_g-menu6c.png") no-repeat scroll center top;
}

#access li.e_g-menu7 a {
    background: url("images/globalnav/e_g-menu7.png") no-repeat scroll center top;
}

#access li.e_g-menu8 a {
    background: url("images/globalnav/e_g-menu8.png") no-repeat scroll center top;
}

#access li a:hover,
#access li a:active,
#access li.current-menu-item a {
    background-position: bottom;
}


/* skitter */

.box_skitter {
    clear: both;
    background: none !important;
    margin-bottom: 0;
}

.box_skitter .prev_button,
.box_skitter .next_button {
    display: none !important;
}

.box_skitter .prev_button {
    left: 5px !important;
}

.box_skitter .next_button {
    right: 5px !important;
}

.box_skitter .info_slide_dots {
    bottom: 0 !important;
    opacity: 0.75;
}

.slideshow_container {
    clear: both;
    margin-bottom: 0;
}

.slideshow_pagination_center {
    margin: 0 auto 0 10px !important;
}

.box_skitter .info_slide_dots .image_number:hover {}

.box_skitter .info_slide_dots .image_number {
    background: #fff !important;
}

.box_skitter .info_slide_dots .image_number_select,
.box_skitter .info_slide_dots .image_number_select:hover {
    background: #319a79 !important;
}


/* パン屑リスト */

.bread_nav {
    font-size: 0.92em;
    /* =14px⇒13px */
    line-height: 16px;
    margin: 0 auto;
    min-height: 16px;
    padding: 0 15px 7px;
    border-bottom: 1px solid #CCCCCC;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* Body部 */

#main {
    clear: both;
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 3px solid #DCD8CF;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    box-shadow: 2px 0 3px #E8E8E8;
    -webkit-box-shadow: 2px 0 3px #E8E8E8;
    -moz-box-shadow: 2px 0 3px #E8E8E8;
    line-height: 1;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 10px 15px 24px;
    width: 908px;
    font-size: 0.88em;
    /* =14px */
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* contents */

#primary {
    float: left;
    margin: 10px -230px 0 0;
    width: 100%;
}

#content {
    margin: 0 240px 0 0;
    width: 670px;
    line-height: 1.6em;
}

.hentry {
    padding: 0;
    position: relative;
    margin: 0 0 1.625em;
}

.entry-meta {
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 0 10px 5px;
    text-align: right;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* sidebar */

#secondary {
    clear: right;
    float: right;
    overflow: visible;
    width: 210px;
    margin: 10px 0 0 0;
}

.widget {
    clear: both;
    margin: 0 0 24px;
}

.widget-title {
    background: url("images/h3_widget.png") repeat-x scroll left top;
    color: #FFFFFF;
    font-size: 1.29em;
    font-weight: normal;
    line-height: 1.62em;
    text-align: center;
    margin: 0;
}

.widget-title a {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 6px 0 0;
    color: #ffffff;
}

.widget-title a:hover {
    text-decoration: none;
}

.widget-area span.widget-header {
    display: block;
    width: 208px;
    height: 3px;
    border-top: 1px solid #ccc;
    background: url("images/sideber/widget_head.png") repeat-x scroll 0 0 transparent;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.widget-area #childspages span.widget-footer {
    display: block;
    width: 208px;
    height: 5px;
    border-top: 1px solid #ccc;
    background: url("images/sideber/widget_foot.png") repeat-x scroll 0 0 transparent;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.widget-area #childspages ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
}

.widget-area #childspages ul li {
    float: right;
    display: block;
    margin: 0;
    padding: 0;
    min-height: 28px;
    line-height: 28px;
    padding: 0;
    width: 208px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #E6F5F0;
    background: -moz-linear-gradient(top, #E6F5F0, #FFFFFF);
    background: -webkit-gradient( linear, left top, top buttom, from(#E6F5F0), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #E6F5F0, #FFFFFF);
    background: -o-linear-gradient(top, #E6F5F0, #FFFFFF);
    background: -ms-linear-gradient(top, #E6F5F0, #FFFFFF);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFE6F5F0', endColorstr='#FFFFFFFF', GradientType=0);
    background: linear-gradient(top, #E6F5F0, #FFFFFF);
}

.widget-area #childspages ul li:active,
.widget-area #childspages ul li:hover,
.widget-area #childspages ul li.current_page_item {
    background: #FFFFFF;
}

.widget-area #childspages ul li a {
    color: #0C3F74;
    text-decoration: none;
    display: block;
    padding: 11px 10px 6px 20px;
    width: 178px;
    background: url(images/li1.png) no-repeat scroll 8px 19px;
}

.widget-area #childspages ul.children li {
    border-left: none;
    border-right: none;
}

.widget-area #childspages ul.children li a {
    background: url(images/li2.png) no-repeat scroll 20px 20px;
    padding-left: 35px;
    width: 163px;
}


/* 会報季節 バナー*/

.widget-area .bnr_newsletter {
    margin-bottom: 12px;
}

.widget-area .bnr_newsletter a.bnr_newsletter_season {
    text-indent: -9999px;
    background: url("images/sideber/bnr_newsletter_2025.jpg") no-repeat scroll center top;
    height: 229px;
    display: block;
}

.widget-area .bnr_newsletter:hover {
    opacity: 0.7;
}


/* 機構について(初めての方へ) バナー*/

.widget-area #widget-about-machinery {
    margin-bottom: 12px;
}

.widget-area #widget-about-machinery a.bn_about-machinery {
    text-indent: -9999px;
    background: url("images/sideber/bn_about-machinery.png") no-repeat scroll center top;
    height: 136px;
    display: block;
}

.widget-area #widget-about-machinery a.bn_about-machinery:hover {
    background-position: bottom;
}


/* 認定試験 バナー　高井追加*/

.widget-area #widget-about-test {
    margin-bottom: 12px;
}

.widget-area #widget-about-test a.bn_about-test {
    text-indent: -9999px;
    background: url("images/sideber/bn_about-test.png") no-repeat scroll center top;
    height: 60px;
    display: block;
}

.widget-area #widget-about-test a.bn_about-test:hover {
    background-position: bottom;
}


/* sideber下バナー */

.widget-area #links a {
    display: block;
    height: 60px;
}


/* 人間工学会バナー */

.widget-area #links a.bn_ergonomics {
    text-indent: -9999px;
    /* background: url("images/sideber/bn_ergonomics.png") no-repeat scroll center top; */
    background: url("images/sideber/bn_ergonomics_new.png") no-repeat scroll center top;
    border: 1px solid #cccccc;
}

.widget-area #links a.bn_ergonomics_e {
    text-indent: -9999px;
    background: url("images/sideber/bn_ergonomics_e.png") no-repeat scroll center top;
}

.widget-area #links a.bn_ergonomics:hover,
.widget-area #links a.bn_ergonomics_e:hover {
    background-position: bottom;
}

.widget-area #links a.bn_ergonomics:hover {
    opacity: 0.7;
    background-position: top;
}

.widget-area #links a.bn_60years {
    text-indent: -9999px;
    background: url("images/sideber/img_60years_anniversary.png") no-repeat scroll center top;
    background-size: 210px;
    height: 76px;
}

.widget-area #links a.bn_60years:hover {
    opacity: 0.7;
}


/* 会員専用メニュー */

#widget-membership {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.widget-area h2.membership-lo {
    margin: 0;
    color: #FFF;
    font-size: 16px;
    text-align: left;
    text-indent: 0;
    position: relative;
    border-bottom: 3px double #279d7f;
    background-color: #fff;
    background-image: linear-gradient(#eaeaea, #ffffff);
    background-image: -webkit-linear-gradient(#eaeaea, #ffffff);
}

.widget-area h2.membership-lo:before {
    content: "";
    background: url(images/sideber/membership.png) no-repeat;
    width: 30px;
    height: 30px;
    background-color: #279d7f;
    position: absolute;
    background-position: center center;
    vertical-align: top;
    display: block;
    top: 9px;
    left: 10px;
    border-radius: 10%;
}

.widget-area h2.membership-lo a {
    color: #0c0c0c;
    text-decoration: none;
    padding: 18px 5px 12px 45px;
    display: block;
}

#widget-membership ul ul {
    margin-left: 0;
}

#widget-membership li a {
    margin: 0;
    padding: 11px 10px 6px 20px;
    min-height: 22px;
    list-style: none;
    background-image: url(images/li1.png);
    background-position: 8px 17px;
    background-repeat: no-repeat;
    color: #009;
    text-decoration: none;
    border-top: 1px solid #CCC;
    line-height: 1.5;
    display: block;
}

#widget-membership li li a {
    background-image: url(images/li2.png);
}

#widget-membership li li li a {
    background-image: url(images/li2.png);
}

#widget-membership .ul-body>ul>li:first-child a {
    border-top: none;
}

#widget-membership li a:hover {
    background-color: #E6F5F0;
}

#membersLogin {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 24px;
}

#membersLogin h2 {
    margin: 0;
    padding: 17px 10px 17px 47px;
    color: #FFF;
    font-size: 16px;
    text-align: left;
    text-indent: 0;
    position: relative;
    color: #000;
}

.widget-area h2:before {
    content: "";
    background: url(images/sideber/key.png) no-repeat;
    width: 30px;
    height: 30px;
    background-color: #3a3a3a;
    position: absolute;
    background-position: center center;
    vertical-align: top;
    display: block;
    top: 9px;
    left: 10px;
    border-radius: 10%;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* footer */

#colophon {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    font-size: 0.88em;
    /* =14px */
}

.box {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
}

.footmenu-gototop {
    border-top: 2px solid #30A17D;
    border-bottom: 1px solid #30A17D;
    overflow: hidden;
}

.footer-menu {
    float: left;
    width: 770px;
    height: 16px;
    text-align: right;
    margin: 4px 0;
    line-height: 16px;
    font-size: 0.86em;
}

.footer-menu ul {
    margin: 0;
    padding: 0 0 0 15px;
    overflow: hidden;
    border-left: 1px dotted #999;
}

.footer-menu ul li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
    border-right: 1px dotted #999;
}


/* 上に戻るボタン */

.gototop,
.gototop_e {
    height: 22px;
    width: 130px;
    margin: 0 40px 0 770px;
    overflow: hidden;
}

.gototop {
    background: url("images/btn_gototop.png") no-repeat scroll center top;
}

.gototop_e {
    background: url("images/btn_gototop_e.png") no-repeat scroll center top;
}

.gototop:hover,
.gototop_e:hover {
    background-position: bottom;
}

.gototop a.btn_jump_top,
.gototop_e a.btn_jump_top {
    display: block;
    height: 100%;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    margin: 0;
    text-align: center;
    width: 100%;
    color: #000;
    padding: 3px 0;
    text-indent: -9999px;
}

#site-info {
    clear: both;
    margin: 0;
    background-color: #E1F3ED;
    overflow: hidden
}

#site-info .box,
#site-info .box_e {
    height: 49px;
    margin-top: 40px;
    margin-bottom: 10px;
    text-indent: -9999px;
}

#site-info .box {
    background: url("images/title_footer.png") no-repeat scroll left bottom;
}

#site-info .box_e {
    width: 940px;
    margin: 40px auto 10px;
    overflow: hidden;
    background: url("images/title_footer_e.png") no-repeat scroll left bottom;
}

#site-generator {
    background-color: #188E6A;
    border-top: 3px double #FFFFFF;
    clear: both;
    color: #FFFFFF;
    font-size: 11px;
    height: 12px;
    line-height: 12px;
    padding: 10px 0 5px;
    position: static;
    text-align: center;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* topページ */


/* 専門家データベース */

#specialist_database h2 {
    background: url("images/top-contents/h2_specialist_database.png") no-repeat scroll left top;
    padding: 6px 10px 0;
    font-size: 1.29em;
    line-height: 1.62em;
    border: none;
    color: #FFFFFF;
    font-size: 1.29em;
    font-weight: normal;
    margin: 0;
}

#specialist_database p.specialist_database_footer {
    background: url("images/sideber/widget_head.png") repeat-x scroll 0 0 transparent;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: block;
    height: 3px;
    width: 100%;
    margin: 0;
}

#specialist_database ul {
    padding: 10px;
    margin: 0 0 24px;
    border: 1px solid #ccc;
    background-color: #EEF8F5;
}

#specialist_database ul li {
    background-image: none;
    display: block;
    height: 66px;
    width: 212px;
    float: left;
    padding: 0;
    margin: 0 2px;
}

#specialist_database ul li:hover {
    background-position: bottom !important;
}

#specialist_database ul li.s_database1 {
    background: url("images/top-contents/s_database1.png") no-repeat scroll center top transparent;
}

#specialist_database ul li.s_database2 {
    background: url("images/top-contents/s_database2.png") no-repeat scroll center top transparent;
}

#specialist_database ul li.s_database3 {
    background: url("images/top-contents/s_database3.png") no-repeat scroll center top transparent;
}

#specialist_database ul li.e_s_database1 {
    background: url("images/top-contents/s_database4.png") no-repeat scroll center top transparent;
    width: 648px;
}

#specialist_database ul li a {
    display: block;
    height: 100%;
    width: 100%;
    text-indent: -9999px;
}

// 20160418 専門家DBの更新
#specialist_database_new {
    position: relative;
}

#specialist_database_new h2 {
    background: url("images/top-contents/h2_specialist_database.png") no-repeat scroll left top;
    padding: 6px 10px 0;
    font-size: 1.29em;
    line-height: 1.62em;
    border: none;
    color: #FFFFFF;
    font-size: 1.29em;
    font-weight: normal;
    margin: 0;
}

#specialist_database_new ul {
    padding: 10px;
    margin: 0 0 24px;
    border: 1px solid #ccc;
    background-color: #EEF8F5;
    font-size: 0;
}

#specialist_database_new ul li {
    background-image: none;
    display: inline-block;
    width: 48%;
    padding: 0;
    margin: 0 1%;
}

#specialist_database_new ul li a {
    font-size: 20px;
    text-decoration: none;
    color: #000;
    display: block;
    border: 1px solid #ccc;
    height: 70px;
    position: relative;
    padding: 0 0 0 96px;
    line-height: 70px;
    background-color: #e0e0e0;
    background-repeat: no-repeat;
    background-image: -moz-linear-gradient(top, #fff, #e0e0e0);
    background-image: -ms-linear-gradient(top, #fff, #e0e0e0);
    background-image: -webkit-linear-gradient(top, #fff, #e0e0e0);
    background-image: -o-linear-gradient(top, #fff, #e0e0e0);
    background-image: linear-gradient(top, #fff, #e0e0e0);
}

#specialist_database_new ul li a:hover {
    background-color: #fff;
    background-image: none;
}

#specialist_database_new ul li a:before {
    content: "";
    width: 86px;
    height: 64px;
    background-color: #ff0000;
    position: absolute;
    top: 3px;
    left: 3px;
    padding: 0;
}

#specialist_database_new ul li.uni a:before {
    background: url("images/top-contents/uni.png") no-repeat scroll left center transparent;
}

#specialist_database_new ul li.cam a:before {
    background: url("images/top-contents/cam.png") no-repeat scroll left center transparent;
}

#specialist_database_new ul li a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #2baa80;
    border-bottom: 6px solid #2baa80;
    border-left: 6px solid transparent;
    position: absolute;
    right: 5px;
    bottom: 5px;
}


/*専門部会からのお知らせ*/

.entry-header-news {
    height: 45px;
    margin: 0;
}

.entry-header-news .entry-news {
    margin: 0 !important;
    padding: 0 !important;
    height: 45px !important;
    background: url("images/top-contents/h2_news.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
    border: none;
}

.entry-header-news .latestdate {
    display: block;
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 16px;
    height: 18px;
    top: -32px;
    margin: 0 0 14px 390px;
    width: 178px;
}

.rssbtn {
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
    background: url("images/cmn/ico_rss.png") no-repeat scroll 0 0 transparent;
    left: 565px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 5;
    top: -64px;
}

.entry-header-news div.listbtndiv {
    left: 590px;
    position: relative;
    z-index: 3;
    margin: 0;
    padding: 0;
    height: 20px;
    width: 70px;
    top: -35px;
    /* 更新日とRSSを復活させる場合はtop: -83px;に */
}

.entry-header-news div.listbtndiv a {
    background: url("images/top-contents/btn_news.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    width: 70px;
    text-indent: -9999px;
}

.entry-header-news div.listbtndiv a:hover {
    background-position: bottom;
}

div.newsframe {
    border: 1px solid #cccccc;
    overflow: auto;
    max-height: 220px;
    min-height: 120px;
    margin-bottom: 24px;
}

div.newsnoframe {
    background: url("images/top-contents/background_news_body.png") repeat-y scroll 0 0 transparent;
    padding: 10px 15px;
}

div.noheader_newsnoframe {
    padding: 10px 15px 24px;
}

div.newsnoframe_footer {
    background: url("images/top-contents/background_news_foot.png") repeat-y scroll 0 0 transparent;
    margin-bottom: 24px;
    height: 7px;
}

dl.newslist {
    margin: 0 !important;
    width: 640px;
    border-bottom: 1px dotted #999;
}

dl.newslist dt {
    width: 180px;
    background: url("images/li1.png") no-repeat scroll 5px 13px transparent;
    padding-left: 20px;
    border-top: 1px dotted #999;
}

dl.newslist dd {
    width: 420px;
    line-height: 18px;
    border-top: 1px dotted #999;
}

dl.newslist dt span {
    display: block;
    float: left;
}

dl.newslist dt span.date {
    width: 95px;
    font-size: 12px;
    /* これは装飾付なのでpx指定 */
    line-height: 18px;
    overflow: hidden;
    margin: 0 10px 0 0;
    font-weight: normal;
}

dl.newslist dt span.cat {
    background: none repeat scroll 0 0 #FF0000;
    color: #FFFFFF;
    font-size: 12px;
    /* これは装飾付なのでpx指定 */
    line-height: 18px;
    height: 18px;
    text-align: center;
    width: 70px;
    overflow: hidden;
    font-weight: normal;
}

dl.newslist dt span.cattype-news {
    background: #2964B8 !important;
}

dl.newslist dt span.cattype-exam {
    background: #FF4E1B !important;
}

dl.newslist dt span.cattype-event {
    background: #2DAB82 !important;
}

dl.newslist dt span.cattype-member-news {
    background: #912064 !important;
}


/* sideber */

#widget-exam-info .widget-title {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

#widget-exam-info .msgbox1 {
    border: 1px solid #ccc;
    background-color: #EEF8F5;
    padding: 5px;
}

#widget-exam-info .msgbox1 .msgbox2 {
    border: 1px solid #ccc;
    background-color: #FFF;
    padding: 5px;
}

#widget-exam-info .msgbox1 .msgbox2 a.exam-info-button {
    display: block;
    width: 100px;
    height: 20px;
    background: url("images/top-contents/btn_exam.png") no-repeat scroll center top transparent;
    text-indent: -9999px;
    margin-left: 86px;
}

#widget-exam-info .msgbox1 .msgbox2 a.exam-info-button:hover {
    background-position: bottom;
}


/* 足りないのはその都度足して下さい */

#widget-exam-info .msgbox1 .msgbox2 p,
#widget-exam-info .msgbox1 .msgbox2 ul {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 12px;
}

#widget-exam-info .msgbox1 .msgbox2 ul li {
    background: url("images/li1.png") no-repeat scroll 5px 2px transparent;
    padding-left: 20px;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* 各グローバルメニュートップ */

.childpage_box {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
}

.childpage_box .childpage_box_l {
    float: left;
    width: 100%;
    min-height: 120px;
    margin: 0 -190px 12px 0;
}

.childpage_box .childpage_box_l h4 {
    margin-right: 190px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 8px;
}

.childpage_box .childpage_box_l p {
    margin-right: 210px;
    margin-bottom: 12px;
}

.childpage_box .childpage_box_l .page_summary {}

.childpage_box .childpage_box_l .page_btninfo {
    margin-bottom: 0;
}

.childpage_box .childpage_box_r {
    float: right;
    clear: right;
    width: 170px;
    min-height: 120px;
    margin: 0 0 12px 0;
}

.childpage_box .childpage_box_r img {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 6px 0 0 0;
    padding: 4px;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* 認定試験情報 - 合格者のお知らせ */


/* newマーク*/

.entry-content h4.successful span.newmark {
    font-size: 10px;
    margin-right: 10px;
    padding: 0 3px;
    background-color: red;
    color: white;
    display: block;
    line-height: 16px;
    float: left;
    margin-top: 3px;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* 認定試験情報 - 資格取得者の声 */

dl.voice_box {
    border: 1px solid #1D906D;
    padding: 10px;
    background: url("images/background_voice_box.png") no-repeat scroll bottom right transparent;
}

dl.voice_box dt {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

dl.voice_box dd {}

dl.voice_box dd.voice_name {
    margin-bottom: 0;
    text-align: right;
}

dl.voice_box dd.voice_msg {
    margin-top: 12px;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* 認定専門家-リスト(3つ共通) */

.csv_linklist {
    margin: 0 0 24px;
    background: #E2F3ED;
    border: 1px solid #ccc;
    padding: 10px;
}

.csv_linklist li {
    display: block;
    float: left;
    width: 40px;
    margin-right: 5px;
}

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

a.jumpultop {
    width: 100px !important;
    margin-right: 0 !important;
    font-weight: normal !important;
    font-size: 12px;
}

table.csv_table {
    word-break: break-all;
}

table.csv_table thead th.cpe_data_0,
table.csv_table thead th.caep_data_0,
table.csv_table thead th.cea_data_0 {
    width: 20%;
}

table.csv_table thead th.cpe_data_2 {
    width: 40%;
}

table.csv_table thead th.cpe_data_3 {
    width: 40%;
}

table.csv_table thead th.caep_data_2,
table.csv_table thead th.cea_data_2 {
    width: 80%;
}

table.csv_table tbody td.even {
    background-color: #f9f9f9;
}

table.csv_table thead th.e_cpe_data_0 {
    width: 30%;
}

table.csv_table thead th.e_cpe_data_1,
table.csv_table thead th.e_cpe_data_2 {
    width: 35%;
}


/* cpe-list 20160322 */

.entry-content table.cpe-list td {
    vertical-align: middle;
}

.entry-content table.cpe-list td.cpe-list-photo {
    width: 150px;
    text-align: center;
    padding: 4px;
}

.entry-content table.cpe-list img {
    vertical-align: top;
}

span.cpe_image_1,
span.cpe_image_2,
span.cpe_image_3 {
    display: inline-block;
    font-size: 12px;
    min-width: 40px;
    margin: 0 5px;
    color: #fff;
    text-align: center;
    border-radius: 10%;
    padding: 0px;
    line-height: 1.5;
    vertical-align: middle;
}

span.cpe_image_4 {
    display: inline-block;
    font-size: 12px;
    min-width: 70px;
    margin: 0 5px;
    color: #fff;
    text-align: center;
    border-radius: 10%;
    padding: 0px;
    line-height: 1.5;
    vertical-align: middle;
}

span.cpe_image_1 {
    background-color: #ff4646;
    background-image: linear-gradient(#ff7575, #ff1e1e);
    background-image: -webkit-linear-gradient(#ff7575, #ff1e1e);
}

span.cpe_image_2 {
    background-color: #37751f;
    background-image: linear-gradient(#61c639, #2f6b12);
    background-image: -webkit-linear-gradient(#61c639, #2f6b12);
}

span.cpe_image_3 {
    background-color: #455bff;
    background-image: linear-gradient(#66a0ff, #234a89);
    background-image: -webkit-linear-gradient(#66a0ff, #234a89);
}

span.cpe_image_4 {
    background-color: #ff4646;
    background-image: linear-gradient(#ff7575, #ff1e1e);
    background-image: -webkit-linear-gradient(#ff7575, #ff1e1e);
}

.sortblk {
    margin: 0 0 10px;
    padding: 5px;
}

.sortblk .sortby {
    margin-right: 50px;
}

.search_result span {
    font-size: 1.6em;
}

.operation {
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #999;
    padding: 5px 0;
}

.cpe_btn,
.cpe_jes_btn {
    position: relative;
    background-color: #279d7f;
    border-radius: 4px;
    color: #fff !important;
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
    text-decoration: none !important;
    display: block;
    padding: 8px 30px 8px 10px;
    text-align: center;
    margin-bottom: 6px;
    font-size: 24px;
    border: 1px solid #0c8462;
    overflow: hidden;
    margin: 12px 0 24px auto;
}

.cpe_jes_btn {
    background-color: #ED5239;
    border: 1px solid #ED5239;
}

.cpe_btn::after,
.cpe_jes_btn::after {
    content: "";
    right: 20px;
    width: 33px;
    height: 33px;
    border-top: 10px solid #b7e1d4;
    border-right: 10px solid #b7e1d4;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
}

.cpe_jes_btn::after {
    border-top: 10px solid #F28D7C;
    border-right: 10px solid #F28D7C;
}

.cpe_btn:hover {
    background-color: #36bc98;
}

.cpe_jes_btn:hover {
    background-color: #f7a497;
}

.cpe_btn_mini {
    margin: 0 0 12px;
    font-size: 18px;
    padding: 13px 30px 13px 10px;
}

.paging_blk {
    text-align: center;
}

.paging_blk a,
.paging_blk span {
    display: inline-block;
    padding: 5px;
    margin: 5px 1px;
    border: 1px solid #cccccc;
    text-decoration: none;
    color: #000000;
}

.paging_blk a:visited {
    color: #000000;
}

.paging_blk a:hover {
    background-color: #ffdcd2;
    color: #000000;
}

.paging_blk .current {
    background-color: #e2f3ed;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* イベント-イベント報告 */

ul.eventcat_list li {
    margin-bottom: 6px;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* 刊行物-会報 */

dl.bulletin_list dt {
    border-top-style: dashed !important;
}

dl.bulletin_list dd {
    width: 228px !important;
    border-top-style: dashed !important;
}

dl.bulletin_list dd.datestr {
    width: auto !important;
    font: 14px 'Osaka-Mono', 'MS Gothic', sans-serif;
}

dl.bulletin_list dd a.web_ver {
    padding: 1px 0 1px 20px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(./images/cmn/ico_web_ver.gif) no-repeat left 50%;
}


/* 刊行物-ガイドブック */

div.guidebook_box-left {
    width: 124px;
    margin: 0 20px 24px;
    float: left;
}

div.guidebook_box-right {
    width: 486px;
    margin: 15px 20px 24px 0;
    float: left;
}

div.guidebook_box-right dl {
    margin: 0;
    border-bottom: none;
}

dl.guidebook_list dt {
    width: 66px !important;
    border-top: none !important;
}

dl.guidebook_list dd {
    width: 390px;
    border-top: none !important;
}

dl.material_list {
    border-bottom-style: dashed;
}

dl.material_list dt {
    width: 86px !important;
    border-top: none !important;
}

dl.material_list dd {
    width: 514px !important;
    border-top: none !important;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* Q&A集 */

dl.question dt {
    background: url("images/ico_q.png") no-repeat scroll 0 0 transparent;
    padding-left: 40px;
    padding-top: 8px;
}

dl.question dd {
    background: url("images/ico_a.png") no-repeat scroll 0 0 transparent;
    padding-left: 35px;
    padding-top: 10px;
    margin-bottom: 32px;
}

dl.question dd p,
dl.question dd ul {
    margin: 0;
}

dl.question table {
    margin: 0 0 24px;
    width: 565px;
}

dl.question table.questiontable th,
dl.question table.questiontable td {
    vertical-align: middle;
}

dl.question table.questiontable th {
    text-align: center;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/*機構概要 */


/* 年会費のご案内 */

table.annual-fee-table th {
    text-align: center;
    width: 25%;
    vertical-align: middle;
}

table.annual-fee-table td {
    text-align: center;
    width: 25%;
    vertical-align: middle;
}


/* 運営組織 (あとenglishページでも使用)*/

dl.management-list {
    border-bottom-style: dotted;
    border-bottom-color: #ccc;
    margin-bottom: 12px;
}

dl.management-list dt,
dl.management-list dd {
    border-top-style: dotted;
    border-top-color: #ccc;
}


/* 20181003 add */

dl.management-list span {
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
}

dl.management-list span.name {
    width: 7em;
}

dl.management-list span.belong {
    width: calc(100% - 7em);
}


/* 沿革 */

table.history-table1 thead th {
    text-align: center;
    letter-spacing: 1em;
}

table.history-table1 tbody td.datestr {
    font: 14px 'Osaka-Mono', 'MS Gothic', sans-serif;
    text-align: center;
}

table.history-table2 thead th,
table.history-table2 tbody th {
    text-align: center;
    letter-spacing: 1em;
}


/*機構概要 */

ol.privacypolicylist>li {
    margin-bottom: 24px;
}


/*/////////////////////////////////////////////////////////////////////////////*/


/* CPE 用 調整済み ここまで */


/*/////////////////////////////////////////////////////////////////////////////*/

table.e_exam-info_table {
    border-spacing: 3px;
    border: none;
    margin: 0 auto 24px;
    width: 670px;
}

table.e_exam-info_table th,
table.e_exam-info_table td {
    border: none;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
}

table.e_exam-info_table th {
    font-weight: bold;
}

table.e_exam-info_table th.gray {
    border: 1px solid #999999;
    background-color: #EEEEEE;
}

table.e_exam-info_table td.green {
    border: 1px solid #81C081;
    background-color: #F3FAF3;
}

table.e_exam-info_table td.yellow {
    border: 1px solid #81C081;
    background-color: #FFFFCC;
}

table.e_exam-info_table td.blue {
    border: 1px solid #3399FF;
    background-color: #E1F0FF;
}

table.e_exam-info_table td.red {
    border: 1px solid #FF9966;
    background-color: #FFF3EE;
}

.down-allow {
    position: relative;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-top-color: #999;
    top: 20px;
    margin: 0 auto;
}

.down-allow:after {
    position: absolute;
    content: '';
    top: -32px;
    left: -8px;
    width: 16px;
    height: 16px;
    background: #999;
}

.allow-green {
    border-top-color: #81C081;
}

.allow-green:after {
    background: #81C081;
}

.allow-blue {
    border-top-color: #3399FF;
}

.allow-blue:after {
    background: #3399FF;
}

.allow-red {
    border-top-color: #FF9966;
}

.allow-red:after {
    background: #FF9966;
}

a.btntype span.triangle {
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #999;
    border-right: 8x solid transparent;
    background: none !important;
    display: block;
    padding-right: 0px;
    position: absolute;
    top: 36%;
    right: 5px;
}

a.btntype span.triangle-green {
    border-left-color: #81C081;
}

a.btntype span.triangle-blue {
    border-left-color: #3399FF;
}

a.btntype span.triangle-red {
    border-left-color: #FF9966;
}

a.btn-green {
    position: relative;
    width: 100px;
    padding: 15px 20px 15px 5px;
    border-color: #81C081;
    background: #F3FAF3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #F3FAF3));
    background: -webkit-linear-gradient(top, #f9f9f9, #F3FAF3);
    /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
    background: -moz-linear-gradient(top, #f9f9f9, #F3FAF3);
    /* Firefox 3.6-15.0 */
    background: -o-linear-gradient(top, #f9f9f9, #F3FAF3);
    /* Opera 11.10-12.10 */
    background: linear-gradient(to bottom, #f9f9f9, #F3FAF3);
    /* IE10, Firefox 16.0+, Opera 12.50+ */
}

a.btn-green:hover,
a.btn-green:active,
a.btn-green:focus {
    background: #ffffff;
    background: -moz-linear-gradient(#def7de, #F3FAF3);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#def7de), to(#F3FAF3));
    background: -webkit-linear-gradient(#def7de, #F3FAF3);
    background: -o-linear-gradient(#def7de, #F3FAF3);
    background: -ms-linear-gradient(#def7de, #F3FAF3);
    background: linear-gradient(#def7de, #F3FAF3);
}

a.btn-blue {
    position: relative;
    width: 100px;
    padding: 15px 20px 15px 5px;
    border-color: #3399FF;
    background: #E1F0FF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #E1F0FF));
    background: -webkit-linear-gradient(top, #f9f9f9, #E1F0FF);
    /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
    background: -moz-linear-gradient(top, #f9f9f9, #E1F0FF);
    /* Firefox 3.6-15.0 */
    background: -o-linear-gradient(top, #f9f9f9, #E1F0FF);
    /* Opera 11.10-12.10 */
    background: linear-gradient(to bottom, #f9f9f9, #E1F0FF);
    /* IE10, Firefox 16.0+, Opera 12.50+ */
}

a.btn-blue:hover,
a.btn-blue:active,
a.btn-blue:focus {
    background: #ffffff;
    background: -moz-linear-gradient(#cae1f7, #E1F0FF);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cae1f7), to(#E1F0FF));
    background: -webkit-linear-gradient(#cae1f7, #E1F0FF);
    background: -o-linear-gradient(#cae1f7, #E1F0FF);
    background: -ms-linear-gradient(#cae1f7, #E1F0FF);
    background: linear-gradient(#cae1f7, #E1F0FF);
}

a.btn-red {
    position: relative;
    width: 100px;
    padding: 15px 20px 15px 5px;
    border-color: #FF9966;
    background: #FFF3EE;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #FFF3EE));
    background: -webkit-linear-gradient(top, #f9f9f9, #FFF3EE);
    /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
    background: -moz-linear-gradient(top, #f9f9f9, #FFF3EE);
    /* Firefox 3.6-15.0 */
    background: -o-linear-gradient(top, #f9f9f9, #FFF3EE);
    /* Opera 11.10-12.10 */
    background: linear-gradient(to bottom, #f9f9f9, #FFF3EE);
    /* IE10, Firefox 16.0+, Opera 12.50+ */
}

a.btn-red:hover,
a.btn-red:active,
a.btn-red:focus {
    background: #ffffff;
    background: -moz-linear-gradient(#f9e0d6, #FFF3EE);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9e0d6), to(#FFF3EE));
    background: -webkit-linear-gradient(#f9e0d6, #FFF3EE);
    background: -o-linear-gradient(#f9e0d6, #FFF3EE);
    background: -ms-linear-gradient(#f9e0d6, #FFF3EE);
    background: linear-gradient(#f9e0d6, #FFF3EE);
}


/* 20170224 追加*/

.setting_err_msg {
    margin: 12px auto;
    width: 100%;
    padding: 10px;
    background-color: #ffbfbf;
    border: 2px solid #ed5138;
    box-sizing: border-box;
    max-width: 920px;
    font-size: 16px;
    line-height: 2;
    text-align: center;
}

.setting_err_msg p {
    margin: 0;
}

ul.column_layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}

ul.column_layout li {
    width: 47%;
    border: 1px solid #c9c9c9;
    margin-bottom: 25px;
    padding: 5px 5px 10px 5px;
}

ul.column_layout li img {
    width: 100%;
    height: auto;
}

ul.column_layout li h2 {
    margin-bottom: 0;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    ul.column_layout {}
    ul.column_layout li {
        width: 100%;
    }
    ul.column_layout li img {}
    ul.column_layout li h2 {}
}

a.at-icon-wrapper.at-share-btn {
    width: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.rwited {
    text-align: right;
    color: #6f6f6f;
    border-bottom: 1px solid #c9c9c9;
}

.registcolumn h6 {
    padding: 1em;
    background: #e2f3ed;
    border-radius: 6px;
    border: 1px solid #cacbcb;
}

/**    2021/02/26 add      **/
#main.publications .bread_nav a:nth-of-type(2) {
  display: none;
}

#main.bulletin .bread_nav:first-of-type {
  display: none;
}

/**    2021/03/22 add      **/
#share_sns {
  padding: 10px 0 30px;
}