@charset "utf-8";

/* tag ================================== */
/*body, input, select, th, td {*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video
{
    font-size: 12px;
    line-height: 1.5em;
}
input {
    font-size: 1.0em;
}
body {
    background-color: #fff;
    color: #666;
    font-family: Osaka, Osaka, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}
select {
}
/*
html {
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
*/

a, 
a:link, 
a:visited {
    text-decoration: none;
    color: #36A6D9;
    font-size: 1.0em;
}
a:hover {
    color: #1F54B5;
    text-decoration: underline;
}
img {
    border: none;
    max-width: 100%;
}

strong {
    font-weight: bold;
}

textarea {
    border: 1px solid #666;
    border-color: #666 #ccc #ccc #666;
    max-width: 100%;
    background-color: #fff;
}
select {
    max-width: 100%;
}
input {
    max-width: 100%;
}

b {
    font-weight: bold;
}


#main iframe.twitter-share-button.twitter-count-horizontal {
    width: 95px!important;
}
#main #___plusone_0 {
    width: 70px!important;
}

/* functional class ==================== */
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

.enhance {
    font-weight: bold;
}

.attention {
    color: #f00;
}

.attention.error {
    font-weight: bold;
    border: 2px solid #f00;
    padding: 5px;
    margin-bottom: 10px;
}


.required_item:after {
    content: "必須";
    color: #f00;
    display: inline-block;
    margin-left: 0.5em;
}

.vm{
	vertical-align: middle;
}


/* layout =========================================== */
#wrapper {
    position: relative;
    margin: 0 auto;
    background-color: #f5f5f5;
}
#header, 
#main, 
#footer {
    position: relative;
    margin: 0 auto;
}
#header {
    background-color: #fff;
}
#main {}
#footer {}


/* in_page */
body.in_page {
    background-color: #f5f5f5;
}
#wrapper.in_page {
    width: 90%;
    max-width: 500px;
}
#wrapper.in_page div.content_one {
    margin: 2.0em 0;
}
#wrapper.in_page div.content_one div.content_one_h {
    margin-bottom: 1.25em;
}
#wrapper.in_page div.content_one div.content_one_h img {
    max-width: 212px;
    width: 100%;
    height: auto;
}
#wrapper.in_page div.content_one div.content_one_m {
    margin-left: 1.0em;
}
#wrapper.in_page div.content_one div.content_one_m div.content_one_m_left {}
#wrapper.in_page div.content_one div.content_one_m div.content_one_m_right {}

#wrapper.in_page div.content_one div.content_one_pic {
    margin: 1.0em 0;
}
#wrapper.in_page div.content_one div.content_one_pic img {
    max-width: 160px;
    width: 100%;
    height: auto;
}

#wrapper.in_page .press_one div.content_one div.content_one_pic img {
    max-width: 212px;
}

#wrapper.in_page div.content_one h4.content_one_m_date {
    position: relative;
    font-weight: normal;
    vertical-align: middle;
    margin: 0.5em 0;
}
#wrapper.in_page div.content_one h4.content_one_m_date img {
    width: 11px;
    height: auto;
    position: absolute;
    left: -16px;
    top: 3px;
    display: block;
}

#wrapper.in_page div.content_one h3.content_one_m_title {}
#wrapper.in_page div.content_one div.content_one_m_note {}

#wrapper.in_page div.content_one div.content_one_m_content {
    margin-top: 1.0em;
}




/* @header ============= */

#header #google_translate_element > div {
    text-align: right;
}

#header .container.row {
    margin-bottom: 0;
}
#header_h {
    margin-bottom: 0;
}

#header_h.header_h_member {}
#header_h.header_h_guest {}




/* TOCOL logo */
#logo_m {
    display: inline-block;
    vertical-align: middle;
}
#logo_m img {
    display: block;
    max-width: 112px;
    /*
    width: 100%;
    height: auto;
    */
    width: auto;
    height: 16px;
}
/* home */
#home {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}
#home img {
    display: block;
    max-width: 19px;
    /*
    width: 100%;
    height: auto;
    */
    width: auto;
    height: 16px;
}


/* my page */
#box_mypage {
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em 0;
}
#box_mypage a {
    display: block;
}
#box_mypage a img {
    display: block;
    max-width: 120px;
    width: 100%;
    height: auto;
}














#lid_pwd {
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em 0;
}
#lid_pwd li {
    width: 11.0em;
    color: #797979;
    background-color: #ddd;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    /*
    float: left;
    width: 48%;
    margin: 0 1%;
    */
    display: inline-block;


   /* vertical-align: middle;*/
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.4em;
    padding-right: 0.5em;
}
#box_lid {}
#box_pwd {}
#box_lid #lid {
    width: 4.5em;
}
#box_pwd #pwd {
    width: 4.5em;
}
#box_lid span {
    font-weight: bold;
    font-size: 0.8em;
    display: inline-block;
}
#box_pwd span {
    font-weight: bold;
    font-size: 0.8em;
    display: inline-block;
}








/*  */
#box_chk_login {
    width: 85px;
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em 0;
}
#box_chk_login #chk_login {
    vertical-align: middle;
}
#box_chk_login label {
    font-size: 0.8em;
    vertical-align: middle;
}

/* button login */
#box_getid_as_logout,
#box_login {
    display: inline-block;
    vertical-align: middle;
}
#box_getid_as_logout a,
#box_login a {
    display: block;
}
#box_getid_as_logout a img,
#box_login a img {
    display: block;
    max-width: 55px;
    width: 100%;
    height: auto;
}




#box_getid_as_logout a img,
#box_mypage a img, 
#box_login a img
{
    max-width: none;
    width: auto;
    height: 23px;
}





#box_getid_as_logout {
    text-align: right;
    margin: 0.5em 0;
    vertical-align: middle;
    color: #36A6D9;
}



/* get TOCOL-ID */
#getid {
    display: inline-block;
}

/* Account Service */
#box_account_service {
    display: inline-block;
}
#box_account_service > dl {
    position: relative;
}
#box_account_service > dl > dt {
    cursor: pointer;
}
#box_account_service > dl > dt > a {
    padding: 0.1em;
}
#box_account_service > dl > dt.drop_on > a {
    background-color: #36A6D9;
    color: #fff;
}
#box_account_service > dl > dd {
    display: none;
    z-index: 10000;
    position: absolute;
    right: 0;

    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0.5em;

    max-width: 100%;
    min-width: 200px;

    -webkit-box-shadow: -5px 5px 10px #999;
       -moz-box-shadow: -5px 5px 10px #999;
            box-shadow: -5px 5px 10px #999;
}
#box_account_service > dl > dd > dl {}
#box_account_service > dl > dd > dl > dt {
    text-align: left;
}
#box_account_service > dl > dd > dl > dd {
    text-align: right;
}





#box_user_name {
    display: inline-block;
}

#box_logout {
    display: inline-block;
}










/* border between header and main */
#header_border {}
#header_border img {
    display: block;
    width: 100%;
    height: 1.0em;
}







/* indexページ */
/*
#page_index #logo_m, 
#page_index #home {
    display: none;
}
*/
#page_index #logo_m{
    display: none;
}

#page_index_logo {
    margin-bottom: 1.75em;
    text-align: center;
    margin-top: 3.33em;
}
#page_index_logo > img {
    display: inline-block;
    height: auto;
    /*width: 36%;*/
    max-width: 332px;
}
#page_index_logo.main_menu > img {
    display: inline-block;
    height: auto;
    max-width: 900px;
}


#page_index_logo > h4 {
    font-size: 1.2em;
    text-align: center;
    margin: 1.0em;
}



#index_main_menu {}
#index_main_menu ul {
    text-align: center;
}
#index_main_menu ul li {
    display: inline-block;
    width: auto;
    height: auto;
}
#index_main_menu ul.line3 {
    margin-top: 1.1666em;/*19px;*/
}
#index_main_menu ul li a {
    display: block;
}
#index_main_menu ul li img {
    display: block;
    height: auto;
}
#index_main_menu ul li.circle_big {
    margin: 0 2px;
    width: 176px;
    height: 176px;
    /*
    -webkit-border-radius: 88px;
       -moz-border-radius: 88px;
            border-radius: 88px;
    -webkit-box-shadow: -5px 5px 10px #999;
       -moz-box-shadow: -5px 5px 10px #999;
            box-shadow: -5px 5px 10px #999;
    */
}
#index_main_menu ul li.circle_big img {
    width: 176px;
}
#index_main_menu ul li.circle_small {
    margin: 0 2px;
    width: 142px;
    height: 142px;
    /*
    -webkit-border-radius: 71px;
       -moz-border-radius: 71px;
            border-radius: 71px;
    -webkit-box-shadow: -5px 5px 10px #999;
       -moz-box-shadow: -5px 5px 10px #999;
            box-shadow: -5px 5px 10px #999;
            */
}
#index_main_menu ul li.circle_small img {
    width: 142px;
}

#main_menu{
    margin-top:15px;
}

/* main menu for mobile */
#main_menu_m {
    margin-bottom: 0.4em;
}
#main_menu_m #main_menu_m_sw {}
#main_menu_m #main_menu_m_sw img {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
}
#main_menu_m #main_menu_m_content {
    margin-bottom: 0.8em;
    margin: 0 5%;
}
#main_menu_m #main_menu_m_content ul {}
#main_menu_m #main_menu_m_content ul li {
    display: block;
    float: left;
    width: 100%;
    /*max-width: 184px;*/
}
#main_menu_m #main_menu_m_content ul li a {
    display: block;
    margin-bottom: 0.4em;
}
#main_menu_m #main_menu_m_content ul li a img {
    display: block;
    width: 100%;
    height: auto;
}





#main_menu {
    margin-bottom: 1.0em;
}
#main_menu ul {
    text-align: center;
}
#main_menu ul li {
    display: inline-block;
    /*float: left;*/
    /*width: 12.5%;*/
}
#main_menu ul li a {
    display: block;
}
#main_menu ul li img {
    display: block;
    /*width: 90%;*/
    max-width: 110px;
    width: 110px;
    height: auto;
    margin: 0;
}

/* @main ===================== */


#main div.content_left {
    margin-bottom: 1.5em;
}


/* ----------------------------------------- */
/* news */
#index_news {}
/* whats_new */
#index_news div.whats_new {}
#index_news div.whats_new img {
    display: block;
    width: 214px;
    /*
    max-width: 214px;
    width: 100%;
    */
    height: auto;
}

#index_news #news_m {
    margin-left: 5%;
    color: #333;
}
#index_news #news_m li {
    /*border-bottom: 1px dotted #999;*/
    padding-bottom: 0.5em;
    padding-top: 0.0em;
}
#index_news #news_m li:first-child {
    /*border-top: 1px dotted #999;*/
}
#index_news #news_m div.news_m_left {
    float: left;
    /*width: 25%;*/
    width: 28.5%;
    text-align: right;

    padding-bottom: 0.5em;
    padding-top: 0.5em;
}


#index_news #news_m div.news_m_left img {
    /*
    width: 100%;
    height: auto;
    */
    /*max-width: 100%;*/
    max-width: 160px;
    width: 100%;
    height: auto;

}
#index_news #news_m div.news_m_right {
    /*float: left;*/
    /*width: 75%;*/
    /*width: 71.5%;*/
    float: right;
    width: 67%;
    /*padding-left: 15px;*/
    /*padding-left: 40px;*/
    /*margin-left: 40px;*/
    border-bottom: 1px dotted #999;
    padding-bottom: 1.0em;
    padding-top: 0.5em;
}
#index_news #news_m li:first-child div.news_m_right {
    border-top: 1px dotted #999;
}
#index_news #news_m div.news_m_right h4.news_m_date {
    position: relative;
    font-weight: normal;
    vertical-align: middle;
}
#index_news #news_m div.news_m_right h4.news_m_date img {
    width: 11px;
    height: auto;
    /*
    display: inline-block;
    margin-right: 0.25em;
    */
    position: absolute;
    left: -16px;
    top: 3px;
    display: block;
}
#index_news #news_m div.news_m_right h4.news_m_content {}



/* ----------------------------------------- */
/* press Add T2 16.05.25 */
#index_press {}
/* whats_new */
#index_press div.whats_new {}
#index_press div.whats_new img {
    display: block;
    width: 214px;
    height: auto;
}

#index_press #press_m {
    margin-left: 5%;
    color: #333;
}
#index_press #press_m li {
    padding-bottom: 0.5em;
    padding-top: 0.0em;
}
#index_press #press_m li:first-child {

}
#index_press #press_m div.press_m_left {
    float: left;
    width: 28.5%;
    text-align: right;

    padding-bottom: 0.5em;
    padding-top: 0.5em;
}


#index_press #press_m div.press_m_left img {
    max-width: 160px;
    width: 100%;
    height: auto;

}
#index_press #press_m div.press_m_right {
    float: right;
    width: 67%;
    border-bottom: 1px dotted #999;
    padding-bottom: 1.0em;
    padding-top: 0.5em;
}
#index_press #press_m li:first-child div.press_m_right {
    border-top: 1px dotted #999;
}
#index_press #press_m div.press_m_right h4.press_m_date {
    position: relative;
    font-weight: normal;
    vertical-align: middle;
}
#index_press #press_m div.press_m_right h4.press_m_date img {
    width: 11px;
    height: auto;
    position: absolute;
    left: -16px;
    top: 3px;
    display: block;
}
#index_press #press_m div.press_m_right h4.press_m_content {}




/* shadow */
.shadow_s {
    display: block;
    width: 100%;
    height: auto;
}

/* table.default */
table.default {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    line-height: 1.5em;
    vertical-align: top;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
table.default th {
    background-color:#eaeaea;
    border-right: 1px dotted #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 1.5em;
    padding: 0.5em;
}
table.default td {
    border-bottom: 1px solid #ccc;
    padding: 0.5em;
}

/* breadcrumb list */
div.list_breadcrumb {
    margin-bottom: 0.1em;
}
div.list_breadcrumb ul {}
div.list_breadcrumb ul > li {
    display: block;
    float: left;
    line-height: 1.2em;
    margin-right: 0.35em;
}
div.list_breadcrumb ul > li:before {
    content: "＞";
    line-height: 1.2em;
    margin-right: 0.35em;
}
div.list_breadcrumb ul > li:first-child:before {
    content: "";
    margin-right: 0;
}


/* social */
#social {
    margin-bottom: 0.1em;
    /* m */
}
#social ul {
    text-align: right;
    line-height: 1.0em;

    float: right;
}
#social ul > li {
    display: inline-block;
    margin-left: 0.6em;
    vertical-align: text-top;
    margin-top: 3px;
}
#social ul > li > a {
    display: block;
}
#social ul > li img {
    display: block;
    /*max-width: 81px;*/
    width: 100%;
    height: auto;
}
#social li.social_mail img {
    width: auto;
    height: 20px;
}
#social .official-link-btn {
}
#social .official-link-btn img {
    width: 132px;/*66px;*/
    height: auto;
}
#social li.official-link-btn + li {
    margin-left: 2px;
}
#social .social-btn-line {
    /*margin-top: 0;*/
}
#social .social-btn-line img {
    height: 20px;
    width: auto;
}

/* test_schedule */
#test_schedule {}
#test_schedule ul {
    list-style: none;
    margin-bottom: 1.25em;
}
#test_schedule li {
    margin: 1.0em 0 0 0;
    text-align: center;
}
#test_schedule li:first-child {
    margin-top: 0;
}
#test_schedule li a {
    display: block;
}
#test_schedule li img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 212px;
}
#test_schedule.index_test_schedule {}




#main div.side_content_h {
    margin-bottom: 1.25em;
}
#main div.side_content_h img {
    display: block;
    max-width: 212px;
    width: 100%;
    height: auto;
}

/* news */
#news {
    margin-bottom: 1.5em;
}
#news #news_m li {
    padding: 0.2em 0;
    border-bottom: 1px dotted #999;
}
#news #news_m li h4.news_m_date {
    position: relative;
    font-weight: normal;
    color: #999;
    font-style: italic;
}
#news #news_m div.news_m_content {}

/* news rest */
#news_m_rest {
    display: none;
}

#news div.more img {
    max-width: 65px;
    height: auto;
}


/* SSL smart seal */
#ssl_smart_seal {}
#ssl_smart_seal table {
    margin: 0 auto;
}



/* ads */
#ads {}
#ads ul {
    list-style: none;
}
#ads li {
    display: inline-block;
    margin: 0.5em 0;
    /* m */
}
#ads li > a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 0.2em 0.5em;
}
/*
#ads div.more {
    text-align: right;
}
*/

#ads div.ads_pic {}
#ads div.ads_pic > img {
    display: block;
    width: 100%;
    max-width: 212px;
    height: auto;
}
#ads div.ads_date {
    font-size: 0.8em;
    color: #666;
    text-align: right;
    margin: 0.5em 0;
}
#ads div.ads_date:before {
    display: block;
    float: left;
    content: "●";
    color: #66b7dc;
}
#ads div.ads_title {
    font-weight: bold;
}
#ads div.ads_text {}





/* #main page_title */
#main div.page_title {
    position: relative;
    font-size: 1.2em;
    line-height: 1.4em;
    max-width: 100%;
    height: 75px;
    margin-bottom: 0.5em;

    display: none;
}
#main div.page_title > img.page_title_bg_2 {
    position: absolute;
    display: block;
    height: 75px;
    width: 100%;
    top: 0;
    left: 0;
}
#main div.page_title > img.page_title_bg_1 {
    position: absolute;
    display: block;
    height: 75px;
    width: auto;
    top: 0;
    left: 0;
}
#main div.page_title > img.page_title_bg_3 {
    position: absolute;
    display: block;
    height: 75px;
    width: auto;
    top: 0;
    right: 0;
}
#main div.page_title > h2 {
    position: relative;
    display: table;
    height: 75px;
    font-size: 1.2em;
    line-height: 1.4em;
    margin-left: 83px;
    margin-right: 0.5em;
}
#main div.page_title > h2 > span {
    position: relative;
    display: table-cell;
    vertical-align: middle;

    font-size: 1.00em;
    line-height: 1.1em;
}




#main .footprint {
    display: none;
}


/* more */
#main div.more {
    text-align: center;
    margin-top: 0.3em;
}
#main div.more img {
    display: inline-block;
    max-width: 65px;
    height: auto;
}

/* show_detail */
#main div.show_detail {
    text-align: right;
    margin-top: 0.8em;
    margin-bottom: 0.4em;
}

#main #btn_news_more {
    margin-top: 1.0em;
    margin-bottom: 0.2em;
}




/* accordion_box */
#main dl.accordion_box {}
#main dl.accordion_box dt {
    cursor: pointer;
}
#main dl.accordion_box dd {
    display: none;
}
#main dl.accordion_box dd.open {
    display: block;
}

#main dl.accordion_box.default {
    width: 100%;
    margin-bottom: 1.0em;
}
#main dl.accordion_box.default dt {
    /*font-size: 12px;*/
    line-height: 1.3em;
    color: #333;
    background: #fff;
    border-top: 1px solid gray;
    border-left: 5px solid #36A6D9;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    cursor: pointer;
    padding: 0.3em;
}
#main dl.accordion_box.default dd {
    line-height: 1.5em;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 1.0em;
}


/* コンテンツトップ */
#main div.link_content_top {
    text-align: right;
    font-size: 0.9em;
    margin: 1.0em 0 2.0em 0;
}


#main .title_1 {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #8E6DA8;
    padding: 1.0em 0 0.7em 0;
}
#main .title_1 .title_1 {
    font-size: 1.1em;
    color: #718087;
    font-weight: bold;
    padding: 0.3em 0.4em;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
    border-left: 0.3em solid #718087;
}


/* @footer ===================== */

#footer {
    font-size: 11px;
    margin-bottom: 0;
}
#footer, 
#footer a {
    color: #666;
}
#footer a:hover {
    color: #111;
}

#footer_links {}
#footer_links > ul {
    list-style: none;
}
#footer_links > ul > li {
    display: inline-block;
    margin-right: 1.0em;
}
#footer_links > ul > li:before, 
#footer_links > ul > li.li_last:after {
    content: "|";
    display: inline-block;
    margin: 0 1.0em 0 0;
}
#footer_links > ul > li.li_last:after {
    margin-left: 1.0em;
}


#footer_border {}
#footer_border img {
    width: 100%;
    height: 1.0em;
    display: block;
}



#footer #copyright {
    position: relative;
    min-height: 3.0em;
    margin-top: 1.0em;
}
#footer #copyright div {
    margin-left: 3.0em;
    float: left;
    display: block;
}
#footer #copyright img {
    position: absolute;
    display: block;
    width: 2.0em;
    height: auto;
}

#footer_m {
    background-color: #d7d9d8;
    padding-bottom: 1.5em;
}

#footer_h {}
#footer_h img {}

#footer_have_fun {
    margin-bottom: 0;
}
#footer_have_fun img {
    width: 30em;
    max-width: 265px;
    height: auto;
}


/* #navi */
#navi {
    display: none;
    position: absolute;
    width: 29px;
    height: 42px;
}
#navi a {
    position: relative;
    display: block;
    width: 29px;
    height: 42px;
}
#navi a img {
    position: relative;
    display: block;
    width: 29px;
    height: auto;
}




#page_index #header #header_1 #logo_m img {
    visibility: hidden;
}


































#main div.main_text dl.dl_tbl_common {
    width: 100%;
    border: 1px solid #999;
    padding: 0.4em;
}
#main div.main_text dl.dl_tbl_common dt {
    font-weight: bold;
    background-color: #ddd;
    border: 1px solid #ccc;
    padding: 0.5em;
}
#main div.main_text dl.dl_tbl_common dd {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 0.5em;
}







/* ======================================== */
/* 各ページ */

/* content list */
#main .main_text .list_content {}
#main .main_text .list_content > ul {
    /*list-style-type: disc;*/
    /*padding-left: 2.0em;*/
    /*font-size: 1.1em;*/
    /*line-height: 2.0em;*/
    /*
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    */
    background-color: #f6f6f6;
    margin-left: 0.5em;
}
#main .main_text .list_content > ul > li {
    /*margin-bottom: 0.4em;*/
    padding: 0.333em 1.0em;
    vertical-align: middle;
}
#main .main_text .list_content > ul > li.even {
    background-color: #f6f6f6;
    background: #f6f6f6;
    /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    */
    background: -moz-linear-gradient(left, #f5f5f5 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(47%,#f6f6f6), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #f5f5f5 0%,#f6f6f6 47%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #f5f5f5 0%,#f6f6f6 47%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #f5f5f5 0%,#f6f6f6 47%,#f5f5f5 100%);
    background: linear-gradient(to right, #f5f5f5 0%,#f6f6f6 47%,#f5f5f5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 );*/
}
#main .main_text .list_content > ul > li.odd {
    background-color: #e2e2e2;
    background: #e2e2e2;
    /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    */
    background: -moz-linear-gradient(left,  #f5f5f5 0%, #e2e2e2 49%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(49%,#e2e2e2), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left,  #f5f5f5 0%,#e2e2e2 49%,#f5f5f5 100%);
    background: -o-linear-gradient(left,  #f5f5f5 0%,#e2e2e2 49%,#f5f5f5 100%);
    background: -ms-linear-gradient(left,  #f5f5f5 0%,#e2e2e2 49%,#f5f5f5 100%);
    background: linear-gradient(to right,  #f5f5f5 0%,#e2e2e2 49%,#f5f5f5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 );*/
}
#main .main_text .list_content > ul > li >a {
    color: #bb7441;
    /*vertical-align: bottom;*/
    /*line-height: 25px;*/
    line-height: 18px;
    vertical-align: middle;
}
#main .main_text .list_content > ul > li > a:hover {
    color: #734b2c;
    text-decoration: none;
}
#main .main_text .list_content > ul > li > a > img.list_content_disc {
    display: inline-block;
    width: 16px;
    height: auto;
    /*vertical-align: middle;*/
    vertical-align: top;
    /*line-height: 1.5em;*/
    line-height: 18px;
    margin-right: 0.5em;
}







/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* content list */
#main .main_text .content_list {
    position: relative;
    top: -20px;
}
#main .main_text .content_list > ul {
    background-color: #f6f6f6;
    /*margin-left: 0.5em;*/
    margin: 0 0.2em;
}
#main .main_text .content_list > ul > li {
    position: relative;
    padding: 0.333em 1.0em;
    padding-left: 2.8em;
}
#main .main_text .content_list > ul > li.even {
    /*
    background-color: #e2e2e2;
    background: #e2e2e2;
    background: -moz-linear-gradient(left,  #f5f5f5 0%, #e2e2e2 49%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(49%,#e2e2e2), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left,  #f5f5f5 0%,#e2e2e2 49%,#f5f5f5 100%);
    background: -o-linear-gradient(left,  #f5f5f5 0%,#e2e2e2 49%,#f5f5f5 100%);
    background: -ms-linear-gradient(left,  #f5f5f5 0%,#e2e2e2 49%,#f5f5f5 100%);
    background: linear-gradient(to right,  #f5f5f5 0%,#e2e2e2 49%,#f5f5f5 100%);
    */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 );*/


    background: #f5f5f5;
    /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    */
    background: -moz-linear-gradient(left,  #f5f5f5 0%, #ebebeb 50%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(50%,#ebebeb), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left,  #f5f5f5 0%,#ebebeb 50%,#f5f5f5 100%);
    background: -o-linear-gradient(left,  #f5f5f5 0%,#ebebeb 50%,#f5f5f5 100%);
    background: -ms-linear-gradient(left,  #f5f5f5 0%,#ebebeb 50%,#f5f5f5 100%);
    background: linear-gradient(to right,  #f5f5f5 0%,#ebebeb 50%,#f5f5f5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 );*/

}
#main .main_text .content_list > ul > li.odd {
    background-color: #f6f6f6;
    background: #f6f6f6;
    background: -moz-linear-gradient(left, #f5f5f5 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(47%,#f6f6f6), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #f5f5f5 0%,#f6f6f6 47%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #f5f5f5 0%,#f6f6f6 47%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #f5f5f5 0%,#f6f6f6 47%,#f5f5f5 100%);
    background: linear-gradient(to right, #f5f5f5 0%,#f6f6f6 47%,#f5f5f5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 );*/
}
#main .main_text .content_list > ul > li > span {
    position: relative;
    line-height: 18px;
    vertical-align: middle;
    font-weight: bold;

    color: #734b2c;
    font-size: 1.2em;
}
#main .main_text .content_list > ul > li > a {
    position: relative;
    line-height: 18px;
    vertical-align: middle;
    font-weight: bold;

    color: #bb7441;
}
#main .main_text .content_list > ul > li > a:hover {
    color: #734b2c;
    text-decoration: none;
}
#main .main_text .content_list > ul > li > img.content_list_disc {
    display: inline-block;
    width: 16px;
    height: auto;
    vertical-align: top;
    line-height: 18px;
    position: absolute;
    left: 1.0em;
    top: 0.333em;
}
#main .main_text .content_list > ul > li:first-child {
    padding-top: 1.5em;
}
#main .main_text .content_list > ul > li:first-child > img.content_list_disc {
    top: 1.5em;
}
/* content_list child */
#main .main_text .content_list > ul > li > ul {
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
    margin-top: 0.2em;
}
#main .main_text .content_list > ul > li > ul > li {
    letter-spacing: normal; /* 文字間を通常に戻す */
    display: inline-block;
    margin-right: 1.0em;
}
#main .main_text .content_list > ul > li > ul > li:before, 
#main .main_text .content_list > ul > li > ul > li.li_last:after {
    display: inline-block;
    content: "|";
    margin-right: 1.0em;
}
#main .main_text .content_list > ul > li > ul > li.li_last:after {
    margin-left: 1.0em;
}
#main .main_text .content_list > ul > li > ul > li > a {
    display: inline-block;
}




















/* voice */
#main .main_text.voice {}
#main .main_text.voice dl.accordion_box img {
    float: right;
    margin: 0 0 0.5em 0.5em;
}

#main .main_text.personal_info {}
#main .main_text.trademark {}
#main .main_text.accessible {}
#main .main_text.law {}
#main .main_text.rule {}
#main .main_text.conduct {}
#main .main_text.conduct img {
    max-width: 100%;
}

/* assistance */
#main .main_text.assistance {}
#main .main_text.assistance .content {
    margin-top: 1.0em;
    margin-bottom: 1.5em;
}
#main .main_text.assistance > .content .content {
    border-top: 1px dotted #ccc;
}

#main .main_text.assistance .content h1 {
    font-size: 1.1em;
    color: #009;
    text-align: center;
    margin-top: 2.0em;
    margin-bottom: 2.0em;
}
#main .main_text.assistance .content h2 {
    color: #009;
    margin-top: 2.0em;
    margin-bottom: 2.0em;
}
#main .main_text.assistance .content p {
    margin-bottom: 1.0em;
}

#main .main_text.assistance .content .date {
    text-align: right;
}
#main .main_text.assistance .content .inquiry {
    border: 1px solid #999;
    padding: 0.8em 1.2em;
}
#main .main_text.assistance .content .inquiry dl {}
#main .main_text.assistance .content .inquiry dl > dt {}
#main .main_text.assistance .content .inquiry dl > dd {}
#main .main_text.assistance .content .photo_holder {
    display: block;
    float: left;
    width: 47%;
    margin-right: 3%;
    height: auto;
}
#main .main_text.assistance .content .photo_holder a {
    display: block;
    width: 100%;
    height: auto;
}
#main .main_text.assistance .content .photo_holder a img {
    display: block;
    width: 100%;
    height: auto;
}
#main .main_text.assistance .content .photo_holder p.photo_caption {
    font-size: 0.8em;
}
#main .main_text.assistance .content .photo_holder + p {
    float: right;
    width: 50%;
}


#main .main_text.bookstore {}
#main .main_text.bookstore ul {}
#main .main_text.bookstore ul li a img {
    display: block;
    width: 100%;
    height: auto;
}


#main .main_text.bookstore div.sub_footprint {}
#main .main_text.bookstore div.sub_footprint ul {}
#main .main_text.bookstore div.sub_footprint ul li {
    float: left;
    width: 16.66%;
}
#main .main_text.bookstore div.sub_footprint ul li a {
    display: block;
}
#main .main_text.bookstore div.sub_footprint ul li a img {
    display: block;
    width: 100%;
    height: auto;
}


/* ▼公式教材 */
#main .main_text.bookstore_netorder .material {
    width: 100%;
    border-bottom: 1px solid #ccc;
}
#main .main_text.bookstore_netorder .material-left {
    border: 1px solid #fff;
    font-size: 11px;
    line-height: 2em;
}
#main .main_text.bookstore_netorder .material-left img {
    max-width: 100%;
    width: 90%;
    height: auto;
}
#main .main_text.bookstore_netorder .material-right {
    line-height: 1.5em;
}


/* reason */
#main div.main_text.reason.career_plan {}
#main div.main_text.reason.career_plan div.career_plan_planner {
    width: 100%;
}
#main div.main_text.reason.career_plan div.career_plan_planner > div.career_plan_planner_right > img {
    display: block;
    width: 100%;
    height: auto;
}
#main div.main_text.reason.career_plan img.career_plan_img_career_design {
    display: block;
    width: 100%;
    height: auto;
}


/* test */
#main .main_text.test_schedule {}
#main .main_text.test_schedule .mt15 ul {}
#main .main_text.test_schedule .mt15 ul li {
    float: left;
    width: 50%;
    padding: 1.0em 0.25em;
}
#main .main_text.test_schedule .mt15 ul li:first-child {}
#main .main_text.test_schedule .mt15 ul li a {
    display: block;
}
#main .main_text.test_schedule .mt15 img {
    display: block;
    width: 100%;
    height: auto;
}







#main div.main_text.password {}
#main div.main_text.password dl.dl_tbl_common dd input {
    width: 100%;
}

#main div.main_text.password div.msg_attention {
    display: table;
    width: 100%;
    margin-bottom: 1.0em;
    margin-top: 1.0em;
}
#main div.main_text.password div.msg_attention div {
    display: table-cell;
    vertical-align: middle;
}
#main div.main_text.password div.msg_attention div.msg_attention_left {
    width: 90px;
}
#main div.main_text.password div.msg_attention div.msg_attention_left > img {
    display: block;
    margin: 0 auto;
}
#main div.main_text.password div.msg_attention div.msg_attention_right {}
#main div.main_text.password div.msg_attention div.msg_attention_right p {}






#main div.main_text.test_entry_sp dl.dl_tbl_common dd input {
    width: 100%;
}
#main div.main_text.test_entry_sp div.btns {
    margin-top: 1.0em;
}
#main div.main_text.test_entry_sp div.btns ul {
    text-align: center;
}
#main div.main_text.test_entry_sp div.btns ul li {
    display: inline-block;
}
#main div.main_text.test_entry_sp div.btns ul li a {
    display: block;
}
#main div.main_text.test_entry_sp div.btns ul li a img {
    display: block;
    width: auto;
    height: auto;
}


#main div.main_text.test_individual {}
#main div.main_text.test_individual img {}

/* test_list */
#main div.main_text.test_list {}

/* about_tocol */
#main .main_text.about_tocol {}


/* material */
#main .main_text.material {}
#main .main_text.material #shoplist {}
#main .main_text.material #shoplist table {
    width: 100%;
}
#main .main_text.material #shoplist table th, 
#main .main_text.material #shoplist table td {
    border: 1px solid #ccc;
    border-width: 0 0 1px 0;
    padding: 0.5em;
}
#main .main_text.material #shoplist table th {
    width: 40%;
    border-right: 1px dotted #ccc;
}
#main .main_text.material #shoplist table td {
    width: 60%;
}

/* C/O 14.07.24 T2
#main .main_text.test_list {}
#main .main_text.test_list table.testlist {
    width: 100%;
}
#main .main_text.test_list table.testlist th {
    width: 33.33%;
    border: 1px solid #999;
    border-width: 1px 1px 0 1px;
}
#main .main_text.test_list table.testlist td {
    width: 33.33%;
    border: 1px solid #999;
    border-width: 1px;
    padding: 0.5em;
    text-align: center;
}
#main .main_text.test_list table.testlist td div.test_schedule2 {
    text-align: center;
}
#main .main_text.test_list table.testlist th img {
    width: 100%;
    height: auto;
    display: block;
}

#main .main_text.test_list table.testlist td img {
    max-width: 212px;
    width: 100%;
    height: auto;
}
#main .main_text.test_list table.testlist td img.btn_entry {
    max-width: 117px;
}
*/

/* Add 14.07.24 T2 */
#main .main_text.test_list {}
#main .main_text.test_list div#testlistex {
    width: 100%;
	border-bottom:#C9C9C9 1px solid;
}

#main .main_text.test_list div#testlistex div.exbox {
	color:#aaa;
	padding:5px 10px;
	border-top:#C9C9C9 7px solid;
	border-left:#C9C9C9 1px solid;
	border-right:#C9C9C9 1px solid;
	/*border-bottom:#C9C9C9 1px solid;	*/
	background:#fff;
	float:left;
	width:100%;
}

#main .main_text.test_list div#testlistex div.exbox.half{
	/*width:50%;*/
	width:100%;	/* 14.09.27 T2 design を非表示にしたので100%へ */
}

#main .main_text.test_list div#testlistex div.exbox ul{
	padding:5px 0;
}

#main .main_text.test_list div#testlistex div.exbox ul li{
	margin-right:7px;
	float:left;
	height:56px;
	line-height:56px;
}

#main .main_text.test_list div#testlistex div.exbox ul li img{
	vertical-align:middle;
	display:inline-block;
}

#main .main_text.test_list div#testlistex div.exbox ul li img.test_type{
    max-width: 120px;

	width:100%;
	height:auto;
}

#main .main_text.test_list div#testlistex div.exbox ul li img.test_info{
    max-width: 184px;
    height: auto;
	width:100%;
}



/* test_entry */
#main .main_text.test_entry {}
#main .main_text.test_entry table.c_list {
    width: 100%;
}
#main .main_text.test_entry table.c_list th, 
#main .main_text.test_entry table.c_list td {
    border: 0 solid #999;
    border-bottom-width: 1px;
    padding: 0.5em;
}
#main .main_text.test_entry table.c_list th {
    border-left-width: 1px;
    border-right-width: 1px;
    border-right-style: dotted;
    width: 130px;
}
#main .main_text.test_entry table.c_list td {
    border-right-width: 1px;
}
#main .main_text.test_entry table.c_list tr:first-child th, 
#main .main_text.test_entry table.c_list tr:first-child td {
    border-top-width: 1px;
}




#main .main_text table.c_list {
    width: 100%;
}
#main .main_text table.c_list th, 
#main .main_text table.c_list td {
    border: 0 solid #999;
    border-bottom-width: 1px;
    padding: 0.5em;
}
#main .main_text table.c_list th {
    border-left-width: 1px;
    border-right-width: 1px;
    border-right-style: dotted;
    width: 130px;
}
#main .main_text table.c_list td {
    border-right-width: 1px;
}
#main .main_text table.c_list tr:first-child th, 
#main .main_text table.c_list tr:first-child td {
    border-top-width: 1px;
}






/* btns */
#main div.main_text div.btns {
    text-align: center;
}


/* btns */
#main div.main_text.password div.btns {}
#main div.main_text.password div.btns ul {
    text-align: center;
}
#main div.main_text.password div.btns ul li {
    display: inline-block;
}
#main div.main_text.password div.btns ul li a {
    display: block;
}
#main div.main_text.password div.btns ul li a img {
    display: block;
    width: auto;
    height: auto;
}



/*スコアリストテーブル*/
table.scorelist{
    background-color:#fff;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:0px;
    width: 97%;
    font-size: 11px;
    line-height: 1.5em;
    vertical-align: top;
    text-align: center;
    border-top: 1px solid #ccc;
	/*
    border-right: 1px solid #ccc;
    border-left: 2px solid #ccc;
	*/
}

table.scorelist td.left{
    border-left: 1px solid #ccc;	
}

table.scorelist td.first{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #D7EAB8;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.first2{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #6FB61C;
    color:#fff;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.basic_expert{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #ddb7a5;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.basic{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #B9CEE7;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.basic2{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #3E4F9D;
    color:#fff;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.expert {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #E5C2D8;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.expert2{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #C13486;
    color:#fff;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.advanced {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #B9CEE7;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.design {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color:#E5C2D8;
    padding: 3px;
    /*width:25%;*/
}

table.scorelist td.family {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #FFC;
    padding: 3px;
    /*width:25%;*/
}


table.scorelist td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px;
    text-align: center;
}




/* ======================================== */



#main div.content_left h1 {
    font-weight: bold;
}
#main div.content_left h2 {
    font-weight: bold;
}
#main div.content_left h3 {
    font-weight: bold;
}

/* font.css */
/* 文字 */
#main div.content_left p {
    line-height:1.5em;
}

#main div.content_left .attention {
    color: #c00;
}

#main div.content_left .fs {
    color: #718087;
    font-size: 0.7em;
    line-height: 1.3em;
}

#main div.content_left .white2{
    color:#fff;
}

#main div.content_left .memo{
    color:#333;
    font-size: 12px;
    line-height: 1.5em;
    padding-left: 7px;
    padding-top: 8px;
    text-align: left;
}

#main div.content_left .fb{
    color:#444;
    font-size: 16px;
    line-height:2em;
    padding-top: 5px;
}

#main div.content_left .ml15 {
    /*margin-left: 15px;*/
    margin-left: 1.3em;
}
#main div.content_left .mt15 {
    margin-top: 1.3em;
}
#main div.content_left .mtb10 {
    margin-top: 1.0em;
    margin-bottom: 1.0em;
}
#main div.content_left .mtb4 {
    /*margin: 4px 0;*/
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

#main div.content_left .main_text {
    color: #666;
    margin-bottom: 2.0em;

    position: relative;
}

#main div.content_left .title_f{
    padding:6px 20px;
    font-size:18px;
    color:#fff;
}

#main div.content_left .subtitle {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #8E6DA8;
    padding: 1.0em 0 0.7em 0;
}
#main div.content_left .subtitle1 {
    font-size: 1.1em;
    color: #718087;
    font-weight: bold;
    padding: 0.3em 0.4em;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
    border-left: 0.3em solid #718087;
}

#main div.content_left .ex{
    line-height: 1.9em;
    color: #777;
}

#main div.content_left .c_A1396F {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #A1396F;
    padding-bottom: 0.3em;
}
#main div.content_left .c_ED5B0B {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #ED5B0B;
}
#main div.content_left .c_8E6DA8 {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #8E6DA8;
}
#main div.content_left .c_gray {
    font-size: 1.2em;
    background-color: #C5C8D3;
    padding: 0.3em 0.8em;
}


/* リスト */
#main div.content_left ul.komeul {
    list-style: outside disc;
    margin-left: 1.5em;
    line-height: 1.5em;
}

#main div.content_left ul.testul{
    list-style: outside disc;
    margin-left: 40px;
    line-height: 1.5em;
    }
    
#main div.content_left ul.ruleul {
    list-style: outside decimal;
    margin-left: 3.0em;
    line-height: 1.5em;
}



/* link.css */

#main a:link.mainlink {
    color: #36A6D9;
    text-decoration: none;
    font-weight: bold;
}
#main a:visited.mainlink {
    color: #36A6D9;
    text-decoration: none;
    font-weight:bold;
}
#main a:hover.mainlink {
    color: #1F54B5;
    text-decoration: underline;
    font-weight: bold;
}
#main a:link.c_boxlink {
    color: #333;
    text-decoration: none;
}
#main a:visited.c_boxlink {
    color: #333;
    text-decoration: none;
}
#main a:hover.c_boxlink {
    color: #111;
    text-decoration: underline;
}
#main a:link.ic_boxlink {
    color: #999;
    text-decoration: none;
}
#main a:visited.ic_boxlink {
    color: #999;
    text-decoration: none;
}
#main a:hover.ic_boxlink {
    color: #333;
    text-decoration: underline;
}


/* ==================================================== */
/* style2.css */

/* ▼img */
.f_left {
    float: left;
    padding-right: 1.0em;
}
.f_right {
    float: right;
}
/* ▲img */




/* ▼団体一覧 */
table.t_c{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-top: 0.8em;
    margin-bottom: 1.0em;
    width: 100%;
    line-height: 1.5em;
    vertical-align: top;
}
table.t_c th {
    width: 11em;
    max-width: 40%;
    padding: 0.3em;
    background-color:#e2e2e2;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 1.5em;
    text-align: center; /* 19.06.08 sasa */
    vertical-align: middle; /* 19.06.08 sasa */
}

.memo1 {
    padding: 0.1em;
    border-right: 1px solid #ccc;
    background-color: #fff;
    line-height: 1.5em;
}
.memo4 {
    padding: 0.3em;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 1.5em;
}
/* ▲団体一覧 */



































/* ===================================================================== */
/* for desktop */
/*@media screen and (min-width: 768px), print {*/
/* functional */

/* layout */
#wrapper {}
#header {
    margin-top: 0.5em;
}
#main {}
#footer {}

/* @header ===================== */
#page_index_logo {
    margin-top: 3.33em;
}
#page_index_logo > img {
    width: 100%;
}

/*
#box_getid_as_logout {
    display: block;
}
*/
#header_h.header_h_member #box_getid_as_logout {
    display: inline-block;
}
#page_index #box_getid_as_logout {
    display: inline-block;
}


#header #index_main_menu,
#header .index_main_menu{
    display: block;
    margin-bottom: 1.91666em;
}
#header #main_menu,
#header .main_menu{
    display: block;
}
#header #main_menu_m,
#header .main_menu_m{
    display: none;
}
#header_2 #box_user_name {
    padding-right: 1.0em;
}


/* @main ===================== */
#main div.content_left {
    padding-right: 2%;
}
/* social */
#social {
    margin-bottom: 0.1em;
}

#ads li {
    width: 100%;
}


/* reason */
#main div.main_text.reason.career_plan div.career_plan_planner {
    display: table;
}
#main div.main_text.reason.career_plan div.career_plan_planner > div.career_plan_planner_left {
    display: table-cell;
    vertical-align: top;
}
#main div.main_text.reason.career_plan div.career_plan_planner > div.career_plan_planner_right {
    display: table-cell;
    vertical-align: top;
    width: 208px;
    padding-left: 1.0em;
}

/*  */
#main .main_text.bookstore ul li {
    float: left;
    width: 50%;
}
#main .main_text.bookstore ul li a {
    display: block;
    margin: 0.2em;
}


/* ▼公式教材 */
#main .main_text.bookstore_netorder .material {
    display: table;
    margin: 0px 0px 20px 5px;
    padding-bottom: 15px;
}
#main .main_text.bookstore_netorder .material-left {
    display: table-cell;
    padding: 5px;
    vertical-align: top;

    width: 148px;
}
#main .main_text.bookstore_netorder .material-right {
    display: table-cell;
    vertical-align: top;
}



#main div.main_text dl.dl_tbl_common {
    display: table;
}
#main div.main_text dl.dl_tbl_common dt {
    display: table-cell;
    width: 30%;
}
#main div.main_text dl.dl_tbl_common dd {
    display: table-cell;
    width: 70%;
}

#main .main_text table.c_list select {}




@media all and (max-width: 959px) {
	#main .main_text.test_list div#testlistex div.exbox.half{
		width:100%;
	}
}



/* @footer ===================== */

/*}*/
/* /@media screen and (min-width: 768px), print */
/* ====================================================================== */


@media all and (min-width: 770px) and (max-width: 959px) {

#box_getid_as_logout {
    display: block;
}
#page_index_logo {
    margin-top: 1.833em;/* 40-18*/
}


}

/* ===================================================================== */
/* for mobile */
@media all and (min-width: 490px) and (max-width: 769px) {
/* functional */

/* layout */
#wrapper {}
#header {
    margin-top: 0;
}
#page_index #header {
    margin-top: 0.5em;
}
#main {}
#footer {
}

/* @header ===================== */

#box_getid_as_logout {
    display: block;
}



/* @main ===================== */
/* shadow_s */
.shadow_s {
    width: 100%;
}

#main div.content_left {
    padding-right: 0;
}
/* social */
#social {
    margin-bottom: 0.1em;
}

#ads li {
    width: 49%;
}
#ads li div.ads_pic {}


#test_schedule {}
#test_schedule li {
    display: inline-block;
    margin-left: 1.0em;
}
#test_schedule li img {}


/* reason */
#main div.main_text.reason.career_plan div.career_plan_planner {
    display: block;
}
#main div.main_text.reason.career_plan div.career_plan_planner > div.career_plan_planner_left {
    display: block;
    /*vertical-align: top;*/
}
#main div.main_text.reason.career_plan div.career_plan_planner > div.career_plan_planner_right {
    display: block;
    /*vertical-align: top;*/
    max-width: 208px;
    width: 208px;
    padding-left: 0;
    margin: 0.2em auto 0.2em 1.0em;
}


/*  */
#main div.main_text.bookstore ul li {
    width: 100%;
    max-width: 290px;
}
#main div.main_text.bookstore ul li a {}


/* ▼公式教材 */
#main .main_text.bookstore_netorder .material {}
#main .main_text.bookstore_netorder .material-left {
    width: 30%;
}
#main .main_text.bookstore_netorder .material-right {}



#main div.main_text dl.dl_tbl_common {
    display: block;
}
#main div.main_text dl.dl_tbl_common dt {
    display: block;
    width: 100%;
}
#main div.main_text dl.dl_tbl_common dd {
    display: block;
    width: 100%;
}

#main .main_text table.c_list select {
    width: 100%;
}




/* @footer ===================== */

}
/* /@media only screen and (max-width: 769px) */
/* ====================================================================== */





/* ===================================================================== */
/* for mobile */
@media all and (max-width: 489px) {
/* functional */

/* layout */
#wrapper {}
#header {
    margin-top: 0;
}
#page_index #header {
    margin-top: 0.5em;
}
#main {}
#footer {
}

/* @header ===================== */

#page_index_logo {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}

#page_index_logo > img {
    width: 100%;
}

#page_index_logo > h4 {
    text-align: left;
}

#box_getid_as_logout {
    display: block;
}

#main_menu_m{
    margin-top:15px;
}

#main_menu_m ul li.circle_small{
    float:left;
}
#main_menu_m ul li.circle_small img {
    display: inline-block;
    /*width: 90%;*/
    max-width: 140px;
    width: 140px;
    height: auto;
    margin: 0;
}

/*
#page_index #box_getid_as_logout {
    display: block;
}
*/

#header #index_main_menu,
#header .index_main_menu{
    display: none;
}
#header #main_menu,
#header .main_menu{
    display: none;
}
#header #main_menu_m,
#header .main_menu_m {
    display: block;
}




/* @main ===================== */
/* shadow_s */
.shadow_s {
    width: 100%;
}

#main div.content_left {
    padding-right: 0;
}
/* social */
#social {
    margin-bottom: 0.1em;
}

#ads li {
    width: 49%;
}
#ads li div.ads_pic {}



/* reason */
#main div.main_text.reason.career_plan div.career_plan_planner {
    display: block;
}
#main div.main_text.reason.career_plan div.career_plan_planner > div.career_plan_planner_left {
    display: block;
    /*vertical-align: top;*/
}
#main div.main_text.reason.career_plan div.career_plan_planner > div.career_plan_planner_right {
    display: block;
    /*vertical-align: top;*/
    max-width: 208px;
    width: 208px;
    padding-left: 0;
    margin: 0.2em auto 0.2em 1.0em;
}


/*  */
#main div.main_text.bookstore ul li {
    width: 100%;
    max-width: 290px;
}
#main div.main_text.bookstore ul li a {}


/* ▼公式教材 */
#main .main_text.bookstore_netorder .material {}
#main .main_text.bookstore_netorder .material-left {
    width: 30%;
}
#main .main_text.bookstore_netorder .material-right {}

#main .material {}





#main div.main_text dl.dl_tbl_common {
    display: block;
}
#main div.main_text dl.dl_tbl_common dt {
    display: block;
    width: 100%;
}
#main div.main_text dl.dl_tbl_common dd {
    display: block;
    width: 100%;
}

#main .main_text table.c_list select {
    width: 100%;
}




/* @footer ===================== */

}
/* /@media only screen and (max-width: 489px) */
/* ====================================================================== */




.color-bar {
  font-weight: bold;
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 3px;
}