@charset "utf-8";
/* CSS Document */
/*****************************************************
*              スタイルの初期化                      *
*****************************************************/
/* リンク色 */
a {
    color: #333333;
    text-decoration: none;
}
a:visited {
    color: #333333;
}                            /* hoverより手前に記述する */
a:hover {
    text-decoration: underline;
}
a:focus {
    text-decoration: underline;
}
ul, li, dl, dt, dd {
    font-size: 100%;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    line-height:160%;          /* 最も見やすい行間として定義 *//*
    list-style-type:none;
    margin: 0;
    padding: 0;
    */
}
div, p, em {
    font-size: 100%;
    font-style:normal;
    font-weight:normal;
    line-height:160%;          /* 最も見やすい行間として定義 */
    text-decoration:none;
    margin: 0;
    padding: 0;
    text-align:left;
}
table, tr, th, td {
    font-size: 100%;
    font-style:normal;
    font-weight:normal;
    line-height:160%;          /* 最も見やすい行間として定義 */
    text-decoration:none;
    margin: 0;
    padding: 0;
}
img {
    border-width:0px;
}
/*****************************************************
*   crearfix                                         *
*****************************************************/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac */
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
/*****************************************************
*                       全体                         *
*****************************************************/
html {
    /* ブラウザーの縦スクロールバー表示（body内が短い時も) */
    overflow-y:scroll;
}
body {
    background-color: #EEEEEE;
    font-size: 9pt;            /* 標準文字サイズは9ptとする*/
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    line-height:160%;          /* 最も見やすい行間として定義 */
    color: #555555;
    margin: 0;
    padding: 0;
    _text-align: center;           /* center合わせ */
}
h1 {
    margin: 0 0 0.5em 0;
}
h2 {
    margin: 1.8em 0 0.5em 0;
    padding: 0.3em 14px;
    background: url(/common/images/h2-title-img.gif) no-repeat 0 -0px;
    font-size: 13pt;
    font-weight: bold;
    line-height: 1.4em;
    width:591px;
    height:36px;
    color: #37ace9;
}
h2 a {
    color: #37ace9;
}
h2 a a:hover {
    color: #37ace9;
}
h2.p2 {
    margin: 1.8em 0 0.8em 0;
    padding: 0 0.5em 8px 14px;
    background: url(/common/images/course-tback.gif) no-repeat 0 -0px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
    width:591px;
    height:36px;
}
h2.p3 {
    margin: 1.8em 0 0.8em 0;
    padding: 0 0.5em 8px 14px;
    background: url(/common/images/course-tback.gif) no-repeat 0 -0px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
    width:691px;
    height:36px;
}
h2.p4 {
    margin: 1.8em 0 0 0;
    padding: 0.3em 0 8px 20px;
    background: url(/downroad/images/bg_subtitle.jpg) no-repeat 0 -0px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
    width:691px;
    height:26px;
}
h2.p4#ls {
    letter-spacing: -1px;
}
h2.p2 span {
    margin-left:300px;
}
h2.p5 {
    margin: 1.8em 0 0.5em 0;
    padding: 0.3em 14px;
    background: url(/common/images/h2-title-img.gif) no-repeat 0 -0px;
    font-size: 13pt;
    font-weight: bold;
    line-height: 1.4em;
    width:591px;
    height:36px;
    color: #37ace9;
    letter-spacing:-1.0px;
}
#container {
    clear:both;
    position: relative;
    background-color:#FFFFFF;
    width: 860px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    margin: 0 auto;
}
#header {
    clear:both;
    position:relative;
    width: 860px;
    height: 82px;
    margin:0px 0px 0px 0px;
    padding: 0px 0 0 0;
    background: url(/common/images/top_header.jpg) no-repeat 0 0;
}
#header .rogobox {
    float: left;
    width: 460px;
    height: 63px;
    margin: 4px 0 0 0px;
    padding: 3px 0 0 27px;
}
#header .opebox {
    float: right;
    width: 340px;
    height: 76px;
}
#main {
    clear:both;
    position: relative;
    margin:0px 0px 0px 0px;
    padding: 0 0 0 0;
}
#footer {
    clear: both;
    position: relative;
    width: 858px;
    height: 145px;
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 0;
    background: url(/common/images/bg_footer.jpg) repeat-x 0 0;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 4px solid #37ACE9;
}
#header ul, #sub ul, #footer ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
}
 @media screen {
#print_header {
    display:none;
}
}
 @media print {
body {
    background-image:none;
    background-color:#FFFFFF;
}
#container {
    background-image:none;
    background-color:#FFFFFF;
}
#main {
    float:left;
    left:20px;
    background-image:none;
}
#header,  #sub,  #footer,  #g_navi {
    display:none;
}
}
/*****************************************************
*                 header詳細                         *
*****************************************************/
#header .opebox .sellangu {
    position: absolute;
    width: 166px;
    height: 16px;
    top: 4px;
    left: 680px;
}
#header .opebox .sellangu .langubtn {
    float: left;
    width: 55px;
}
#header .opebox .funcmenu {
    position: absolute;
    width: 240px;
    height: 18px;
    top: 26px;
    left: 630px;
}
#header .opebox .funcmenu ul {
    float: left;
    width: 240px;
    height: 10px;
    color: #333333;
}
#header .opebox .funcmenu .fmenu {
    display: inline;
    padding: 0 0 0 14px;
    margin: 0 0 0 3px;
    background: url(/common/images/arrow_r.gif) no-repeat 0 2px;
}
#header .opebox .funcmenu .fmenu a:hover {
    color: #333333;
    text-decoration: underline;
}
#header .opebox .func_box {
    position: absolute;
    width: 320px;
    top: 42px;
    left: 550px;
}
#header .opebox .func_box .moji {
    position: absolute;
    width: 64px;
    top: -12px;
    left: 4px;
    font-size: 8pt;
    font-weight: bold;
}
#header .opebox .func_box span {
    display: none;
}
#header .opebox .func_box .charsz {
    float: left;
    width: 76px;
    height: 24px;
    margin: 3px 0 0 0;
}
#header .opebox .func_box .charsz #btn01 {
    display: inline;
    float: left;
    width: 22px;
    height: 24px;
    font-weight: bold;
    list-style-type: none;
}
#header .opebox .func_box .charsz #btn01 a {
    display: block;
    height: 100%;
    background: url(/common/images/font-s.gif) no-repeat 2px 4px;
}
#header .opebox .func_box .charsz #btn01 a:hover {
    background: url(/common/images/font-s-ov.gif) no-repeat 2px 4px;
    text-decoration: none;
}
#header .opebox .func_box .charsz #btn02 {
    display: inline;
    float: left;
    width: 22px;
    height: 24px;
    list-style-type: none;
}
#header .opebox .func_box .charsz #btn02 a {
    display: block;
    height: 100%;
    background: url(/common/images/font-m.gif) no-repeat 0 2px;
}
#header .opebox .func_box .charsz #btn02 a:hover {
    background: url(/common/images/font-m-ov.gif) no-repeat 0 2px;
    text-decoration: none;
}
#header .opebox .func_box .charsz #btn03 {
    display: inline;
    float: left;
    width: 22px;
    height: 24px;
    list-style-type: none;
}
#header .opebox .func_box .charsz #btn03 a {
    display: block;
    height: 100%;
    background: url(/common/images/font-b.gif) no-repeat 0 1px;
}
#header .opebox .func_box .charsz #btn03 a:hover {
    background: url(/common/images/font-b-ov.gif) no-repeat 0 1px;
    text-decoration: none;
}
#header .opebox .func_box .req {
    float: left;
    margin: 2px 0 0 0;
}
/*****************************************************
*           header navi                              *
*****************************************************/
/*** g_navi ***/
#g_navi {
    clear:both;
    position:relative;
    width: 860px;
    height: 42px;
    margin:0px 0px 0px 0px;
    padding: 0 0 0 0;
}
#g_navi span {
    display: none;
}  /* 文字表示消去　*/
/* ボタン１　*/
#g_navi #gbtn01 {
    display: inline;
    float: left;
    width: 99px;
    height: 42px;
    list-style-type: none;
}
#g_navi #gbtn01 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi01.jpg) no-repeat 0 0;
}
#g_navi #gbtn01 a:hover {
    background: url(/common/images/g_navi01ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn01 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi01ov.jpg) no-repeat 0 0;
}
/* ボタン２ */
#g_navi #gbtn02 {
    display: inline;
    float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn02 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi02.jpg) no-repeat 0 0;
}
#g_navi #gbtn02 a:hover {
    background: url(/common/images/g_navi02ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn02 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi02ov.jpg) no-repeat 0 0;
}
/* ボタン３ */
#g_navi #gbtn03 {
    display: inline;
    float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn03 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi03.jpg) no-repeat 0 0;
}
#g_navi #gbtn03 a:hover {
    background: url(/common/images/g_navi03ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn03 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi03ov.jpg) no-repeat 0 0;
}
/* ボタン４ */
#g_navi #gbtn04 {
    display: inline;
    float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn04 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi04.jpg) no-repeat 0 0;
}
#g_navi #gbtn04 a:hover {
    background: url(/common/images/g_navi04ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn04 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi04ov.jpg) no-repeat 0 0;
}
/* ボタン５ */
#g_navi #gbtn05 {
    display: inline;
    float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn05 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi05.jpg) no-repeat 0 0;
}
#g_navi #gbtn05 a:hover {
    background: url(/common/images/g_navi05ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn05 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi05ov.jpg) no-repeat 0 0;
}
/* ボタン６ */
#g_navi #gbtn06 {
    display: inline;
    float: left;
    width: 153px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn06 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi06.jpg) no-repeat 0 0;
}
#g_navi #gbtn06 a:hover {
    background: url(/common/images/g_navi06ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn06 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi06ov.jpg) no-repeat 0 0;
}
/*****************************************************
*           パンくずcss：メイン                      *
*****************************************************/
#transition {
    position: relative;
    height: 26px;
    padding: 0 0 0 20px;
    background-color: #EEF8FC;
}
#transition span {
    color: #00CCFF;
}
/*****************************************************
*           main内部css：メイン                      *
*****************************************************/
#main #leftside {
    position: relative;
    float: left;
    width: 210px;
    padding: 10px 0 0 10px;
	/padding: 10px 0 0 10px;
}
#main #main_contents {
    position: relative;
    float: right;
    width: 590px;
    _width: 600px;
    margin: 10px 15px 0 0;
    _margin: 10px 5px 0 10px;
}
#main #main_contents .sign { text-align: right; padding: 0 20px 20px 0; font-size: 11px; }
#main #main_contents .inquirybox {
    background:url(/common/images/inquiry-box.jpg) no-repeat 0 0;
    height:62px;
    width:576px;
    margin:10px 0px 10px 10px;
    _margin:10px 0px 10px 10px;
}
#main #main_contents .inquirybox .kikaku {
    width: 380px;
    _width: 580px;
    font-size:9pt;
    padding: 10px 0 0 180px;
}
#main #main_contents .inquirybox .mail {
    width: 380px;
    _width: 580px;
    font-size:9pt;
    padding: 0 0 0 300px;
}
#main #main_contents .inquirybox1 {
    background:url(/common/images/inquiry-box2.jpg) no-repeat 0 0;
    height:62px;
    width:576px;
    margin:10px 0px 10px 10px;
    _margin:10px 0px 10px 10px;
}
#main #main_contents .inquirybox1 .kikaku {
    width: 380px;
    _width: 580px;
    font-size:9pt;
    padding: 10px 0 0 180px;
}
#main #main_contents .inquirybox1 .mail {
    width: 380px;
    _width: 580px;
    font-size:9pt;
    padding: 0 0 0 300px;
}
#main #main_contents .inquirybox2 {
    background:url(/common/images/inquiry-boxh140.jpg) no-repeat 0 0;
    height:140px;
    width:576px;
    margin:10px 0px 10px 10px;
    _margin:10px 0px 10px 10px;
}
#main #main_contents .inquirybox2 .kikaku {
    width: 380px;
    _width: 580px;
    line-height:1.2em;
    font-size:9pt;
    padding: 10px 0 0 180px;
}
#main #main_contents .inquirybox3 {
    background:url(/common/images/inquiry-boxh100.jpg) no-repeat 0 0;
    height:100px;
    width:576px;
    margin:10px 0px 10px 10px;
    _margin:10px 0px 10px 10px;
}
#main #main_contents .inquirybox3 .kikaku3 {
    width: 380px;
    _width: 580px;
    line-height:1.3em;
    font-size:9pt;
    padding: 10px 0 0 180px;
}
#main #main_contents .inquirybox4 {
    background:url(/common/images/inquiry-boxh230.jpg) no-repeat 0 0;
    height:230px;
    width:576px;
    margin:10px 0px 10px 10px;
    _margin:10px 0px 10px 10px;
}
#main #main_contents .inquirybox4 .kikaku4 {
    width: 380px;
    _width: 580px;
    line-height:1.3em;
    font-size:9pt;
    padding: 10px 0 0 180px;
}
#main #main_contents .linkbox {
    border:1px solid #ccc;
    height:36px;
    _height: 48px;
    width:494px;
    _width: 576px;
    background-color: #F0F0F0;
    padding: 8px 0 0 80px;
    margin:20px 0 30px 10px;
}
#main #main_contents .linkbox .linkmember {
    float: left;
    width: 140px;
}
#main #main_contents .linkbox2 {
    border:1px solid #ccc;
    height:36px;
    _height: 48px;
    width:434px;
    _width: 516px;
    padding: 8px 0 0 140px;
    margin:20px 0 30px 0;
    background-color: #F0F0F0;
}
#main #main_contents .linkbox2 .linkmember {
    float: left;
    width: 140px;
}
#main #main_contents .linkbox3 {
    height:36px;
    _height: 48px;
    width:494px;
    _width: 516px;
    padding: 8px 0 0 90px;
    margin:20px 0 30px 0;
}
#main #main_contents .linkbox3 .linkmember {
    float: right;
    width: 140px;
}
#main #main_contents .linkbox4 {
    border:1px solid #ccc;
    height:36px;
    _height: 48px;
    width:560px;
    _width: 585px;
    background-color: #F0F0F0;
    padding: 8px 0 0 10px;
    margin:20px 0 30px 10px;
}
#main #main_contents .linkbox4 .linkmember {
    float: left;
    width: 140px;
}
/*****************************************************
*                   footer                           *
*****************************************************/
    
#footer .top {
    position: relative;
    width: 860px;
    height: 6px;
    text-indent: -9999px;
    background: url(/common/images/bg_footer_top.jpg) repeat-x 0 0;
}
#footer .foot_menu {
    position: relative;
    width: 550px;
    height: 40px;
    margin: 0px 0 0 170px;
}
#footer .foot_menu .foot_navi {
    position: relative;
    padding-top: 6px;
    _padding-top: 0px;
    float: left;
    width: 550px;
    height: 10px;
}
#footer .foot_menu .foot_navi li {
    display: inline;
    padding: 0 0 0 16px;
    background: url(/common/images/arrow_rg.jpg) no-repeat 0 2px;
}
#footer .foot_message {
    position: relative;
    width: 705px;
    height: 45px;
    margin: 12px 0 0 130px;/*    background-color: #00FFFF;*/
}
#footer .foot_message .linkrogo {
    float: left;
    width: 261px;
    height: 40px;
    padding: 2px 0 0 2px;
}
#footer .foot_message .textarea {
    position: relative;
    float: right;
    width: 440px;
    height: 40px;
    margin: 4px 0 0 0px;
    font-size: 80%;
}
#footer .copyright {
    position: relative;
    width: 580px;
    height: 20px;
    margin: 6px 0 0 180px;
    font-size: 8pt;
}
/** 利用規約用 **/
#footer .foot_menu2 {
    position: relative;
    width: 520px;
    height: 40px;
    margin: 0px 0 0 100px;
}
#footer .foot_menu2 .foot_navi2 {
    position: relative;
    padding-top: 6px;
    _padding-top: 0px;
	paddint-left: 0;
    float: left;
    width: 600px;
    height: 10px;
}
#footer .foot_menu2 .foot_navi2 li {
    display: inline;
    padding: 0 0 0 16px;
    background: url(/common/images/arrow_rg.jpg) no-repeat 0 2px;
}
.top_title_kiyaku {
	position:relative;
	margin: 20px 0 0 0;
	height: 10px;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
}

/*****************************************************
*              個別ページcss定義                     *
*              #main内                               *
*****************************************************/
/*------------------------------------------------------------
普及活動カテゴリー
-------------------------------------------------------------*/
#main #leftside .navibox {
    position: relative;
    width: 207px;
    height: 44px;
    _height: 40px;
}
#main #leftside .navibox span {
    display: none;
}
#main #leftside .navibox#btn1 a {
    display: block;
    background: url(/common/images/menu/menu-society.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn1 a:hover {
    background: url(/common/images/menu/menu-society-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn1 p {
    background: url(/common/images/menu/menu-society-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn2 a {
    display: block;
    background: url(/common/images/menu/menu-meeting.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn2 a:hover {
    background: url(/common/images/menu/menu-meeting-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn2 p {
    background: url(/common/images/menu/menu-meeting-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn3 a {
    display: block;
    background: url(/common/images/menu/menu-promotion.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn3 a:hover {
    background: url(/common/images/menu/menu-promotion-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn3 p {
    background: url(/common/images/menu/menu-promotion-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn4 a {
    display: block;
    background: url(/common/images/menu/menu-encouragement.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn4 a:hover {
    background: url(/common/images/menu/menu-encouragement-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn4 p {
    background: url(/common/images/menu/menu-encouragement-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn5 a {
    display: block;
    background: url(/common/images/menu/menu-monthly.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn5 a:hover {
    background: url(/common/images/menu/menu-monthly-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn5 p {
    background: url(/common/images/menu/menu-monthly-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn6 a {
    display: block;
    background: url(/common/images/menu/menu-magazine.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn6 a:hover {
    background: url(/common/images/menu/menu-magazine-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn6 p {
    background: url(/common/images/menu/menu-magazine-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn7 a {
    display: block;
    background: url(/common/images/menu/menu-careerimp.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn7 a:hover {
    background: url(/common/images/menu/menu-careerimp-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn7 p {
    background: url(/common/images/menu/menu-careerimp-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn8 a {
    display: block;
    background: url(/common/images/menu/menu-ecturer_dispatch.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn8 a:hover {
    background: url(/common/images/menu/menu-ecturer_dispatch-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn8 p {
    background: url(/common/images/menu/menu-ecturer_dispatch-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn9 a {
    display: block;
    background: url(/common/images/menu/menu-internationalx.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn9 a:hover {
    background: url(/common/images/menu/menu-internationalx-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn9 p {
    background: url(/common/images/menu/menu-internationalx-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox {
    position: relative;
    width: 207px;
    height: 30px;
}
#main #leftside .sub_navibox span {
    display: none;
}
#main #leftside .sub_navibox#sbtn1 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu/submenu_meeting.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn1 a:hover {
    background: url(/common/images/menu/submenu_meeting-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn1 p {
    height: 30px;
    background: url(/common/images/menu/submenu_meeting-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn2 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu/submenu-monthly_subscription.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn2 a:hover {
    background: url(/common/images/menu/submenu-monthly_subscription-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn2 p {
    height: 30px;
    background: url(/common/images/menu/submenu-monthly_subscription-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn3 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu/submenu-this_month.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn3 a:hover {
    background: url(/common/images/menu/submenu-this_month-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn3 p {
    height: 30px;
    background: url(/common/images/menu/submenu-this_month-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn4 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu/submenu-magazinecontribut.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn4 a:hover {
    background: url(/common/images/menu/submenu-magazinecontribut-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn4 p {
    height: 30px;
    background: url(/common/images/menu/submenu-magazinecontribut-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn5 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu/submenu-careerimpdetail.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn5 a:hover {
    background: url(/common/images/menu/submenu-careerimpdetail-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn5 p {
    height: 30px;
    background: url(/common/images/menu/submenu-careerimpdetail-on.jpg) no-repeat 0 0;
}
#main #main_contents .order-box {
    background:url(/common/images/order-box.jpg) no-repeat 0 0;
    height:53px;
    width:259px;
}
#main #main_contents .order {
    background-color: #FFF;
    margin:10px 0 10px 10px;
}
#main #main_contents .mein-t {
    font-size: 11pt;
    line-height: 14pt;
    font-weight:bold;
    padding: 20px;
}
/************************
調査研究事業 
**************************/
#main #leftside .navibox#btn10 a {
    display: block;
    background: url(/common/images/menu1/menu_gaiyo.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn10 a:hover {
    background: url(/common/images/menu1/menu_gaiyo_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn10 p {
    background: url(/common/images/menu1/menu_gaiyo_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn11 a {
    display: block;
    background: url(/common/images/menu1/menu-investigat.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn11 a:hover {
    background: url(/common/images/menu1/menu-investigat-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn11 p {
    background: url(/common/images/menu1/menu-investigat-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn12 a {
    display: block;
    background: url(/common/images/menu1/menu-lifedrain.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn12 a:hover {
    background: url(/common/images/menu1/menu-lifedrain-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn12 p {
    background: url(/common/images/menu1/menu-lifedrain-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn12 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu1/life-drain-plan.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn12 a:hover {
    background: url(/common/images/menu1/life-drain-plan-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn12 p {
    height: 30px;
    background: url(/common/images/menu1/life-drain-plan-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn13 a {
    display: block;
    background: url(/common/images/menu1/menu-techsupport.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn13 a:hover {
    background: url(/common/images/menu1/menu-techsupport-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn13 p {
    background: url(/common/images/menu1/menu-techsupport-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn14 a {
    display: block;
    background: url(/common/images/menu1/menu-influencesupport.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn14 a:hover {
    background: url(/common/images/menu1/menu-influencesupport-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn14 p {
    background: url(/common/images/menu1/menu-influencesupport-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn14 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu1/examination.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn14 a:hover {
    background: url(/common/images/menu1/examination-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn14 p {
    height: 30px;
    background: url(/common/images/menu1/examination-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn15 a {
    display: block;
    background: url(/common/images/menu1/menu-effectsexamination.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn15 a:hover {
    background: url(/common/images/menu1/menu-effectsexamination-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn15 p {
    background: url(/common/images/menu1/menu-effectsexamination-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn16 a {
    display: block;
    background: url(/common/images/menu1/menu-society.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn16 a:hover {
    background: url(/common/images/menu1/menu-society-on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn16 p {
    background: url(/common/images/menu1/menu-society-on.jpg) no-repeat 0 0;
}
/************************
行政資料一覧 
**************************/
#main #leftside .navibox#btn60 a {
    display: block;
    background:  url(/guidance/images/menu_osuisiryou.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn60 a:hover {
    background: url(/guidance/images/menu_osuisiryou_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn60 p {
    background: url(/guidance/images/menu_osuisiryou_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn60 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/guidance/images/menu_hukyuritu.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn60 a:hover {
    background: url(/guidance/images/menu_hukyuritu_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn60 p {
    height: 30px;
    background: url(/guidance/images/menu_hukyuritu_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn61 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/guidance/images/menu_syoriritu.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn61 a:hover {
    background: url(/guidance/images/menu_syoriritu_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn61 p {
    height: 30px;
    background: url(/guidance/images/menu_syoriritu_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn611 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/guidance/images/menu_sub_osuisyorijinko.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn611 a:hover {
    background: url(/guidance/images/menu_sub_osuisyorijinko-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn611 p {
    height: 30px;
    background: url(/guidance/images/menu_sub_osuisyorijinko-on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn62 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/guidance/images/menu_hourei.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn62 a:hover {
    background: url(/guidance/images/menu_hourei_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn62 p {
    height: 30px;
    background: url(/guidance/images/menu_hourei_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn61 a {
    display: block;
    background: url(/guidance/images/menu_sinyo.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn61 a:hover {
    background: url(/guidance/images/menu_sinyo_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn61 p {
    background:  url(/guidance/images/menu_sinyo_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn62 a {
    display: block;
    background: url(/guidance/images/menu_result.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn62 a:hover {
    background: url(/guidance/images/menu_result_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn62 p {
    background: url(/guidance/images/menu_result_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn63 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/guidance/images/menu_sub_soshikiekka.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn63 a:hover {
    background: url(/guidance/images/menu_sub_soshikiekka_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn63 p {
    height: 30px;
    background: url(/guidance/images/menu_sub_soshikiekka_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn64 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/guidance/images/menu_sub_kekka.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn64 a:hover {
    background: url(/guidance/images/menu_sub_kekka_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn64 p {
    height: 30px;
    background: url(/guidance/images/menu_sub_kekka_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn63 a {
    display: block;
    background: url(/guidance/images/menu_hourei.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn63 a:hover {
    background: url(/guidance/images/menu_hourei_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn63 p {
    background: url(/guidance/images/menu_hourei_on.jpg) no-repeat 0 0;
}
/************************
フォーラム
**************************/
#main .main_forum {
    width: 738px;
    margin: 10px 0 0 30px;
}
#main .main_forum2 {
    width: 720px;
    margin: 10px 0 40px 66px;
}
/************************
目次 
**************************/
#main .main_mokuji {
    width: 738px;
    margin: 10px 0 0 60px;
}

#news_4A2EF9C112 table { 
padding-left: 80px; }

#news_4A2EF9C112 .happyou {
padding-left: 40px; }

#main .main_mokuji .titlebar {
    position: relative;
    height: 25px;
    padding: 2px 0 2px 20px;
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
    background-color: #7dccf5;
}
#main .main_mokuji .titlebargraph {
    position: relative;
    padding: 0;
}
#main .main_mokuji .contents {
    position: relative;
    margin: 60px 0 0 80px;
}
#main .main_mokuji .contents .leftbox {
    float: left;
    width: 300px;
    margin: 0 0 40px 0;
    padding: 0;
    _padding: 0 0 40px 0;
    list-style: none;
}
#main .main_mokuji .contents .leftbox li {
    padding: 0 0 0 14px;
    font-size: 11pt;
    font-weight: bold;
    line-height: 42px;
    background: url(/story/images/yajirushi-brue.jpg) no-repeat 0 17px;
}
#main .main_mokuji .contents .leftbox li a {
    color: #37ace9;
}
#main .main_mokuji .contents .leftbox li a:hover {
    text-decoration: underline;
}
#main .main_mokuji .contents .rightbox {
    float: left;
    width: 300px;
    margin: 0 0 0 0;
    padding: 0;
}
#main .storybox {
    margin:100px 0px 10px 0px;
    _margin:100px 0px 10px 10px;
    width:738px;
    height:239px;
    background-image: url(../../story/images/story1-bkimg.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#main .storybox#bdr0 {
    margin: 10px 0 0 0;
    _margin:10px 0px 0 10px;
}
#main .storybox .m55-t {
    margin-top: 55px;
}
#main .storybox .document {
    padding: 55px 0 0 46px;
}
#main .storybox-add {
    width: 738px;
    height: 76px;
    background: url(../../story/images/story1-bkimg.jpg) no-repeat 0 -50px;
    _margin: 0 0 0 10px;
}
#main .storybox-add .m5-t {
    padding-top: 5px;
}
#main .storybox#w120 {
    height:120px;
}
#main .story-titlebox {
    margin:10px 0px 10px 0px;
    _margin:10px 0px 10px 10px;
    width:738px;
    height:34px;
    background-image: url(../../story/images/story3-subtitle-back.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#main .link-back, .link-next {
    margin-top: 1.2em;
    font-size: 120%;
    font-weight: bold;
}
#main .link-back {
    text-align: right;
}
#main .link-next {
    text-align: right;
}
#main .link-next a, #main .link-back a {
    padding-right: 15px;
}
/*about left Menu*/
#main #leftside .navibox#btn21 a {
    display: block;
    background: url(/common/images/menu2/menu_greetings.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn21 a:hover {
    background: url(/common/images/menu2/menu_greetings_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn21 p {
    background: url(/common/images/menu2/menu_greetings_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn22 a {
    display: block;
    background: url(/common/images/menu2/menu_center.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn22 a:hover {
    background: url(/common/images/menu2/menu_center_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn22 p {
    background: url(/common/images/menu2/menu_center_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn23 a {
    display: block;
    background: url(/common/images/menu2/menu_about.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn23 a:hover {
    background: url(/common/images/menu2/menu_about_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn23 p {
    background: url(/common/images/menu2/menu_about_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn21 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu2/submenu_history.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn21 a:hover {
    background: url(/common/images/menu2/submenu_history_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn21 p {
    height: 30px;
    background: url(/common/images/menu2/submenu_history_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn22 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu2/submenu_sosiki.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn22 a:hover {
    background: url(/common/images/menu2/submenu_sosiki_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn22 p {
    height: 30px;
    background: url(/common/images/menu2/submenu_sosiki_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn23 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu2/submenu_group.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn23 a:hover {
    background: url(/common/images/menu2/submenu_group_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn23 p {
    height: 30px;
    background: url(/common/images/menu2/submenu_group.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn24 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu2/submenu_gakui_sikaku.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn24 a:hover {
    background: url(/common/images/menu2/submenu_gakui_sikaku_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn24 p {
    height: 30px;
    background: url(/common/images/menu2/submenu_gakui_sikaku.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn24 a {
    display: block;
    background: url(/common/images/menu2/menu_access.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn24 a:hover {
    background: url(/common/images/menu2/menu_access_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn24 p {
    background: url(/common/images/menu2/menu_access_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn25 a {
    display: block;
    background: url(/common/images/menu2/menu_disclosure.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn25 a:hover {
    background: url(/common/images/menu2/menu_disclosure_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn25 p {
    background: url(/common/images/menu2/menu_disclosure_on.jpg) no-repeat 0 0;
}
/*course left Menu*/
#main #leftside .navibox#btn30 a {
    display: block;
    background: url(/common/images/course/menu_list00.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn30 a:hover {
    background: url(/common/images/course/menu_list00_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn30 p {
    background: url(/common/images/course/menu_list00_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn31 a {
    display: block;
    background: url(/common/images/course/menu_list01.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn31 a:hover {
    background: url(/common/images/course/menu_list01_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn31 p {
    background: url(/common/images/course/menu_list01_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn32 a {
    display: block;
    background: url(/common/images/course/menu_list02.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn32 a:hover {
    background: url(/common/images/course/menu_list02_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn32 p {
    background: url(/common/images/course/menu_list02_on.jpg) no-repeat 0 0;
}



#main #leftside .navibox#btn31s a {
    display: block;
    background: url(../images/course/menu_seibisisiken.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn31s a:hover {
    background: url(/common/images/course/menu_seibisisiken_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn31s p {
    background: url(/common/images/course/menu_seibisisiken_on.jpg) no-repeat 0 0;
}


#main #leftside .navibox#btn32s a {
    display: block;
    background: url(/common/images/course/menu_seibisikousyu.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn32s a:hover {
    background: url(/common/images/course/menu_seibisikousyu_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn32s p {
    background: url(/common/images/course/menu_seibisikousyu_on.jpg) no-repeat 0 0;
}



#main #leftside .navibox#btn33 a {
    display: block;
    background: url(/common/images/course/menu_list03.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn331 a:hover {
    background: url(/common/images/course/menu_list03_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn33 p {
    background: url(/common/images/course/menu_list03_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn34 a {
    display: block;
    background: url(/common/images/course/menu_list04.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn34 a:hover {
    background: url(/common/images/course/menu_list04_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn34 p {
    background: url(/common/images/course/menu_list04_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn35 a {
    display: block;
    background: url(/common/images/course/menu_list05.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn35 a:hover {
    background: url(/common/images/course/menu_list05_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn35 p {
    background: url(/common/images/course/menu_list05_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn36 a {
    display: block;
    background: url(/common/images/course/menu_list06.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn36 a:hover {
    background: url(/common/images/course/menu_list06_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn36 p {
    background: url(/common/images/course/menu_list06_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn361 a {
    display: block;
    background: url(/common/images/course/menu_list061.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn361 a:hover {
    background: url(/common/images/course/menu_list061_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn361 p {
    background: url(/common/images/course/menu_list061_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn37 a {
    display: block;
    background: url(/common/images/course/menu_list07.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn37 a:hover {
    background: url(/common/images/course/menu_list07_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn37 p {
    background: url(/common/images/course/menu_list07_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn371 a {
    display: block;
    background: url(/common/images/course/menu_list071.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn371 a:hover {
    background: url(/common/images/course/menu_list071_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn371 p {
    background: url(/common/images/course/menu_list071_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn38 a {
    display: block;
    background: url(/common/images/course/menu_list08.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn38 a:hover {
    background: url(/common/images/course/menu_list08_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn38 p {
    background: url(/common/images/course/menu_list08_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn381 a {
    display: block;
    background: url(../images/course/menu_list081.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn381 a:hover {
    background: url(/common/images/course/menu_list081_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn381 p {
    background: url(/common/images/course/menu_list081_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn39 a {
    display: block;
    background: url(/common/images/course/menu_list09.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn39 a:hover {
    background: url(/common/images/course/menu_list09_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn39 p {
    background: url(/common/images/course/menu_list09_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn39-2 a {
    display: block;
    background: url(/common/images/course/menu_list10.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn39-2 a:hover {
    background: url(/common/images/course/menu_list10_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn39-2 p {
    background: url(/common/images/course/menu_list10_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn-se a {
    display: block;
    background: url(/common/images/course/menu_list_se.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn-se a:hover {
    background: url(/common/images/course/menu_list_se_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn-se p {
    background: url(/common/images/course/menu_list_se_on.jpg) no-repeat 0 0;
}
/************************
会員のページ 
**************************/
#main #leftside .navibox#btn40 a {
    display: block;
    background: url(/common/images/menu-menber/menu_mb_monthly.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn40 a:hover {
    background: url(/common/images/menu-menber/menu_mb_monthly_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn40 p {
    background: url(/common/images/menu-menber/menu_mb_monthly_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn41 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu-menber/submenu_mb_features.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn41 a:hover {
    background: url(/common/images/menu-menber/submenu_mb_features_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn41 p {
    height: 30px;
    background: url(/common/images/menu-menber/submenu_mb_features_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn42 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu-menber/submenu_mb_report.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn42 a:hover {
    background: url(/common/images/menu-menber/submenu_mb_report_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn42 p {
    height: 30px;
    background: url(/common/images/menu-menber/submenu_mb_report_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn43 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu-menber/submenu_mb_qa.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn43 a:hover {
    background: url(/common/images/menu-menber/submenu_mb_qa_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn43 p {
    height: 30px;
    background: url(/common/images/menu-menber/submenu_mb_qa_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn44 a {
    display: block;
    background: url(/common/images/menu-menber/menu_mb_study.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn44 a:hover {
    background: url(/common/images/menu-menber/menu_mb_study_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn44 p {
    background: url(/common/images/menu-menber/menu_mb_study_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn45 a {
    display: block;
    background: url(/common/images/menu-menber/menu_mb_dictionary.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn45 a:hover {
    background: url(/common/images/menu-menber/menu_mb_dictionary_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn45 p {
    background: url(/common/images/menu-menber/menu_mb_dictionary_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn46 a {
    display: block;
    background: url(/common/images/menu-menber/menu_technological-material.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn46 a:hover {
    background: url(/common/images/menu-menber/menu_technological-material_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn46 p {
    background: url(/common/images/menu-menber/menu_technological-material_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn46 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu-menber/submenu_mainte-managementbook.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn46 a:hover {
    background: url(/common/images/menu-menber/submenu_mainte-managementbook_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn46 p {
    height: 30px;
    background: url(/common/images/menu-menber/submenu_mainte-managementbook_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn47 a {
    display: block;
    width: 207px;
    height: 30px;
    background: url(/common/images/menu-menber/submenu_working-instruction.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn47 a:hover {
    background: url(/common/images/menu-menber/submenu_working-instruction_on.jpg) no-repeat 0 0;
}
#main #leftside .sub_navibox#sbtn47 p {
    height: 30px;
    background: url(/common/images/menu-menber/submenu_working-instruction_on.jpg) no-repeat 0 0;
}
/************************
リンク 
**************************/
#main #leftside .navibox#btn50 a {
    display: block;
    background: url(/common/images/menu-link/menu_kankochou.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn50 a:hover {
    background: url(/common/images/menu-link/menu_kankochou_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn50 p {
    background: url(/common/images/menu-link/menu_kankochou_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn51 a {
    display: block;
    background: url(/common/images/menu-link/menu_jgroup.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn51 a:hover {
    background: url(/common/images/menu-link/menu_jgroup_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn51 p {
    background: url(/common/images/menu-link/menu_jgroup_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn52 a {
    display: block;
    background: url(/common/images/menu-link/menu_inspection.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn52 a:hover {
    background: url(/common/images/menu-link/menu_inspection_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn52 p {
    background: url(/common/images/menu-link/menu_inspection_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn53 a {
    display: block;
    background: url(/common/images/menu-link/menu_npo.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn53 a:hover {
    background: url(/common/images/menu-link/menu_npo_on.jpg) no-repeat 0 0;
}
#main #leftside .navibox#btn53 p {
    background: url(/common/images/menu-link/menu_npo_on.jpg) no-repeat 0 0;
}
/**/
#main #leftside .navibox {
    position: relative;
    width: 207px;
    height: 44px;
}
#main #leftside .navibox a {
    display: block;
    height: 32px;
    _height: 44px;
    color: #37ACE9;
    font-size: 11pt;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 12px 0 0 30px;
    background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 -44px;
    border-bottom: 1px solid #CCCCCC;
    text-decoration: none;
}
#main #leftside .navibox a:hover {
    background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 0px;
    color: #FFFFFF;
    text-decoration: none;
}
#main #leftside .navibox p {
    height: 32px;
    _height: 44px;
    padding: 12px 0 0 0px;
    background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 0px;
    color: #FFFFFF;
    font-size: 11pt;
    font-weight: bold;
    letter-spacing: -1px;
    text-decoration: none;
}
#main #leftside .sub_navibox a {
    display: block;
    width: 166px;
    _width: 207px;
    height: 24px;
    _height: 28px;
    color: #37ACE9;
    font-size: 9pt;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 4px 0 0 0px;
    border-bottom: 1px solid #CCCCCC;
    text-decoration: none;
}
#main #leftside .sub_navibox #f02 {
    font-size: 10pt;
    letter-spacing: -2px;
    background:#37ACE9;
    color: #FFFFFF;
    padding: 4px 2px 0 0;
    background:url(/common/images/bg-sub-on.jpg) no-repeat 0 -44px;
    text-decoration: none;
}
#main #leftside .sub_navibox #f03 {
    font-size: 10pt;
    letter-spacing: -1px;
    height: 32px;
    _height: 36px;
    line-height: 14px;
    background:url(/common/images/bg-sub-on.jpg) no-repeat 0 -44px;
    color: #FFFFFF;
    padding: 4px 0px 0 0;
    text-decoration: none;
}
#main #leftside .sub_navibox #f02 a {
    font-size: 10pt;
    letter-spacing: -2px;
}
#main #leftside .sub_navibox #f03 a {
    font-size: 10pt;
    letter-spacing: -1px;
    height: 32px;
    _height: 36px;
    line-height: 14px;
}
#main #leftside .sub_navibox a:hover {
    background-color: #4DB6ED;
    color: #FFFFFF;
}
#main #leftside .navibox2 {
    position: relative;
    width: 207px;
    height: 44px;
}
#main #leftside .navibox2 a {
    display: block;
    height: 36px;
    _height: 44px;
    color: #37ACE9;
    font-size: 11pt;
    font-weight: bold;
    line-height: 110%;
    padding: 8px 0 0 30px;
    background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 -44px;
    border-bottom: 1px solid #CCCCCC;
    text-decoration: none;
    letter-spacing:-1px;
}
#main #leftside .navibox2 a:hover {
    background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 0px;
    color: #FFFFFF;
    text-decoration: none;
}
#main #leftside .adobe {
    position: relative;
    width: 199px;
    _width: 207px;
    margin: 10px 0 20px 0;
    padding: 4px 4px 4px 4px;
    border: 1px solid #CCCCCC;
    font-size:8pt;
    line-height: 120%;
}
*/ 
/*------------------------------------------------------------
FAQカテゴリー
-------------------------------------------------------------*/
#main #main_contents2 {
 position: relative;
 width: 738px;
 margin: 10px 15px 0 64px;
}
#main #main_contents2 .htitle {
    width: 708px;
    _width: 738px;
    height: 25px;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    padding: 2px 0 0 30px;
    background-color: #7dccf5;
}
#main #main_contents2 .subtitle {
    position: relative;
    width: 738px;
    height: 35px;
    margin: 20px 0 0 0;
    padding: 4px 0 0 30px;
    color: #00CCFF;
    font-size: 11pt;
    font-weight: bold;
    background: url(/faq/images/bg_subtitle.jpg) no-repeat 0 0;
}
#main #main_contents2 .subtitle_graph {
    position: relative;
    width: 738px;
}
#main #main_contents2 .subtitle_graph .graph {
    float: left;
    width: 125px;
    height: 88px;
    margin: 20px 0 20px 40px;
}
#main #main_contents2 .subtitle_graph .text {
    float: left;
    margin: 40px 0 0 10px;
}
#main #main_contents2 .faqbox {
    position: relative;
    width: 675px;
    _width: 695px;
    height: 100px;
    margin: 10px 0 30px 22px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #CCCCCC;
}
#main #main_contents2 .box-center {
    padding: 20px 0 40px 60px;
}
#main #main_contents2 .box-center .subtitle {
    position: relative;
    width: 738px;
    height: 35px;
    margin: 20px 0 0 0;
    padding: 4px 0 0 30px;
    color: #00CCFF;
    font-size: 11pt;
    font-weight: bold;
    background: url(/faq/images/bg_subtitle.jpg) no-repeat 0 0;
}
/************************
サイトマップ 
**************************/
#main #main_contents_sitemap {
    width: 760px;
    margin: 10px 0 0 54px;
}
#main #main_contents_sitemap h3 {
    background-color: #37ACE9;
    color: #FFFFFF;
    font-size: 14px;
    padding: 2px 0 2px 10px;
}
#main #main_contents_sitemap .subsb {
    background: url(/sitemap/images/sitemap-title.jpg) no-repeat 0 0;
    width: 358px;
    height: 37px;
    padding: 4px 0 0 20px;
}
#main #main_contents_sitemap .subarw {
    width: 260px;
    font-size: 9pt;
    margin: 4px 0 0 20px;
    padding: 0 0 0 16px;
    background: url(/sitemap/images/sitemap-yajirushi.gif) no-repeat 0 4px;
}
#main #main_contents_sitemap .subarw a {
    color: #37ACE9;
}
/*-------about-------*/
#main #main_contents .tabel_his1 {
    width: 545px;
    border-top: dotted 1px #dddddd;
    border-bottom: dotted 1px #dddddd;
    padding: 5px 0 8px 0;
    margin-top: 5px;
}
#main #main_contents .tabel_his1 table {
    width: 545px;
}
#main #main_contents .tabel_his1 .a1 {
    width: 15%;
    vertical-align:top;
}
#main #main_contents .tabel_his1 .a2 {
    width: 12%;
    vertical-align:top;
}
#main #main_contents .tabel_his1 .a3 {
    width: 20%;
    padding-left: 20px;
    vertical-align:top;
}
#main #main_contents .tabel_his1 .a4 {
    width: 20%;
    text-align: center;
    vertical-align:top;
}
#main #main_contents .tabel_his1 .a5 {
    padding: 2px 2px 2px 4px;
}
#main #main_contents .tabel_his1 .a6 {
    width: 20%;
    text-align: center;
    vertical-align:top;
}
#main #main_contents .tabel_his1 .a5#dotl {
    border-bottom: dotted 1px #dddddd;
    padding: 0 0 5px 0;
}
#main #main_contents .tabel_his1 .a6#dotl {
    border-bottom: dotted 1px #dddddd;
    padding: 0 0 5px 0;
}
#main #main_contents .tabel_his1 a {
    text-decoration:underline;
    color:#36ace9;
}
#main #main_contents .tabel_his1 p {
    border-color: #36ace9;
    vertical-align:top;
}
#main #main_contents .tabel_his2 {
    width: 545px;
    border-bottom: dotted 1px #dddddd;
    padding: 2px 0 3px 0;
    margin-top: 5px;
}
#main #main_contents .tabel_his2 table {
    width: 525px;
}
#main #main_contents .tabel_his2 .a1 {
    width: 15%;
    vertical-align:top;
}
#main #main_contents .tabel_his2 .a2 {
    width: 12%;
    vertical-align:top;
}
#main #main_contents .tabel_his2 .a3 {
    width: 20%;
    padding-left: 20px;
    vertical-align:top;
}
#main #main_contents .tabel_his2 p {
    border-color: #36ace9;
    vertical-align:top;
}
#main #main_contents .tabel_his3 {
    width: 545px;
    border-bottom: dotted 1px #dddddd;
    padding: 0 0 8px 0;
    margin: 0 0 0 20px;
}
#main #main_contents .tabel_his3 table {
    width: 545px;
    border-collapse:collapse;
}
#main #main_contents .tabel_his3 .c1 {
    width: 28%;
    vertical-align:middle;
}
#main #main_contents .tabel_his3 .c2 {
    width: 15%;
    vertical-align:middle;
    border-collapse:collapse;
}
#main #main_contents .tabel_his3 p {
    border-color: #36ace9;
    vertical-align:top;
    border-top: dotted 1px #dddddd;
}
#main #main_contents .map3 {
    background:url(/about/images/map-img02.jpg) no-repeat 0 0;
    width:566px;
    height:127px;
}
/*-------advance-------*/
/*------------------------------------------------------------
t：上（top）、r：右（right）、b：下（bottom）、l：左（left）
c：左右の中央（center）、m：上下の中間（middle）
-------------------------------------------------------------*/
/*------------------------------------------------------------
1、align・・・文字の横位置
-------------------------------------------------------------*/
.al-c {
    text-align: center;
}/*中央寄せ*/
.al-r {
    text-align: right;
}/*右寄せ*/
.al-l {
    text-align: left;
}/*左寄せ*/
/*------------------------------------------------------------
2、valign・・・文字の縦位置
-------------------------------------------------------------*/
.vl-t {
    vertical-align: top;
}/*上寄せ*/
.vl-m {
    vertical-align: middle;
}/*中央寄せ*/
.vl-b {
    vertical-align: bottom;
}/*下寄せ*/
/*------------------------------------------------------------
3、float・・・ブロックの左右の回り込み＆clearfix
-------------------------------------------------------------*/
.fl-r {
    float:right;
    margin-left: 20px;
}/*右寄せ*/
.fl-l {
    float:left;
    margin-right: 20px;
}/*左寄せ*/
/*fl-cで左右の回り込みの解除（clearfix）*/
.fl-c:after {
    display: block;
    clear: both;
    content: url(/common/images/clickable.gif);
    height: 0;
}
.fl-c {
    display: inline-block;
}
.fl-c {
    display: block;
}
/*「clearfix」でfloatを使った際のエリアが重なるバグを解除*/
.clearfix:after {
    visibility: hidden;
    display: block;
    content: ".";
    height: 0;
    clear: both;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
;
.clearfix {
    display: block;
}
/*------------------------------------------------------------
4、margin・・・周りのブロックからの距離
-------------------------------------------------------------*/
.m0 {
    margin: 0!important;
}/*周りからのmarginを0にする*/
.m0-t {
    margin-top: 0!important;
}/*上からのmarginが0px*/
.m0-r {
    margin-right: 0!important;
}/*右からのmarginが0px*/
.m0-b {
    margin-bottom: 0!important;
}/*下からのmarginが0px*/
.m0-l {
    margin-left: 0!important;
}/*左からのmarginが0px*/
.m5 {
    margin: 5px!important;
}/*周りからのmarginを5に*/
.m5-t {
    margin-top: 5px!important;
}/*上からのmarginを5pxに*/
.m5-r {
    margin-right: 5px!important;
}/*右からのmarginを5pxに*/
.m5-b {
    margin-bottom: 5px!important;
}/*下からのmarginを5pxに*/
.m5-l {
    margin-left: 5px!important;
}/*左からのmarginを5pxに*/
.m10 {
    margin: 10px!important;
}
.m10-t {
    margin-top: 10px!important;
}
.m10-r {
    margin-right: 10px!important;
}
.m10-b {
    margin-bottom: 10px!important;
}
.m10-l {
    margin-left: 10px!important;
}
.m15 {
    margin: 15px!important;
}
.m15-t {
    margin-top: 15px!important;
}
.m15-r {
    margin-right: 15px!important;
}
.m15-b {
    margin-bottom: 15px!important;
}
.m15-l {
    margin-left: 15px!important;
}
.m20 {
    margin: 20px!important;
}
.m20-t {
    margin-top: 20px!important;
}
.m20-r {
    margin-right: 20px!important;
}
.m20-b {
    margin-bottom: 20px!important;
}
.m20-l {
    margin-left: 20px!important;
}
.m30 {
    margin: 30px!important;
}
.m30-t {
    margin-top: 30px!important;
}
.m30-r {
    margin-right: 30px!important;
}
.m30-b {
    margin-bottom: 30px!important;
}
.m30-l {
    margin-left: 30px!important;
}
.m40 {
    margin: 40px!important;
}
.m40-t {
    margin-top: 40px!important;
}
.m40-r {
    margin-right: 40px!important;
}
.m40-b {
    margin-bottom: 40px!important;
}
.m40-l {
    margin-left: 40px!important;
}
.m50 {
    margin: 50px!important;
}
.m50-t {
    margin-top: 50px!important;
}
.m50-r {
    margin-right: 50px!important;
}
.m50-b {
    margin-bottom: 50px!important;
}
.m50-l {
    margin-left: 50px!important;
}
.m80 {
    margin: 80px!important;
}
.m80-t {
    margin-top: 80px!important;
}
.m80-r {
    margin-right: 80px!important;
}
.m80-b {
    margin-bottom: 80px!important;
}
.m80-l {
    margin-left: 80px!important;
}
/*------------------------------------------------------------
5、padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/
.p0 {
    padding: 0!important;
}
.p0-t {
    padding-top: 0!important;
}
.p0-r {
    padding-right: 0!important;
}
.p0-b {
    padding-bottom: 0!important;
}
.p0-l {
    padding-left: 0!important;
}
.p5 {
    padding: 5px!important;
}
.p5-t {
    padding-top: 5px!important;
}
.p5-r {
    padding-right: 5px!important;
}
.p5-b {
    padding-bottom: 5px!important;
}
.p5-l {
    padding-left: 5px!important;
}
.p10 {
    padding: 10px!important;
}
.p10-t {
    padding-top: 10px!important;
}
.p10-r {
    padding-right: 10px!important;
}
.p10-b {
    padding-bottom: 10px!important;
}
.p10-l {
    padding-left: 10px!important;
}
.p15 {
    padding: 15px!important;
}
.p15-t {
    padding-top: 15px!important;
}
.p15-r {
    padding-right: 15px!important;
}
.p15-b {
    padding-bottom: 15px!important;
}
.p15-l {
    padding-left: 15px!important;
}
.p20 {
    padding: 20px!important;
}
.p20-t {
    padding-top: 20px!important;
}
.p20-r {
    padding-right: 20px!important;
}
.p20-b {
    padding-bottom: 20px!important;
}
.p20-l {
    padding-left: 20px!important;
}
.p30 {
    padding: 30px!important;
}
.p30-t {
    padding-top: 30px!important;
}
.p30-r {
    padding-right: 30px!important;
}
.p30-b {
    padding-bottom: 30px!important;
}
.p30-l {
    padding-left: 30px!important;
}
.p40 {
    padding: 40px!important;
}
.p40-t {
    padding-top: 40px!important;
}
.p40-r {
    padding-right: 40px!important;
}
.p40-b {
    padding-bottom: 40px!important;
}
.p40-l {
    padding-left: 40px!important;
}
.p50 {
    padding: 50px!important;
}
.p50-t {
    padding-top: 50px!important;
}
.p50-r {
    padding-right: 50px!important;
}
.p50-b {
    padding-bottom: 50px!important;
}
.p50-l {
    padding-left: 50px!important;
}
.p60 {
    padding: 60px!important;
}
.p60-t {
    padding-top: 60px!important;
}
.p60-r {
    padding-right: 60px!important;
}
.p60-b {
    padding-bottom: 60px!important;
}
.p60-l {
    padding-left: 60px!important;
}
.p70-l {
    padding-left: 70px!important;
}
/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
※「em」は文字サイズ可変に対応。「pt」は文字サイズ固定
-------------------------------------------------------------*/
.b {
    font-weight: bold!important;
}
.normal {
    font-weight: normal!important;
}
.big {
    font-size: 120%!important;
}
.big2 {
    font-size: 150%!important;
}
.big3 {
    font-size: 180%!important;
}
.small {
    font-size: 80%!important;
}
.f08em {
    font-size: 0.8em;
}
.f09em {
    font-size: 0.9em;
}
.f10em {
    font-size: 1.0em;
}
.f11em {
    font-size: 1.1em;
}
.f12em {
    font-size: 1.2em;
}
.f13em {
    font-size: 1.3em;
}
.f14em {
    font-size: 1.4em;
}
.f15em {
    font-size: 1.5em;
}
.f16em {
    font-size: 1.6em;
}
.f17em {
    font-size: 1.7em;
}
.f18em {
    font-size: 1.8em;
}
.f19em {
    font-size: 1.9em;
}
.f20em {
    font-size: 2.0em;
}
.f21em {
    font-size: 2.1em;
}
.f22em {
    font-size: 2.2em;
}
.f23em {
    font-size: 2.3em;
}
.f24em {
    font-size: 2.4em;
}
.f8pt {
    font-size: 8.5pt!important;
}
.f9pt {
    font-size: 9.0pt!important;
}
.f10pt {
    font-size: 10pt!important;
}
.f11pt {
    font-size: 11pt!important;
}
.f12pt {
    font-size: 12pt!important;
}
.f13pt {
    font-size: 13pt!important;
}
.f14pt {
    font-size: 14pt!important;
}
.f15pt {
    font-size: 15pt!important;
}
.f16pt {
    font-size: 16pt!important;
}
.f17pt {
    font-size: 17pt!important;
}
.f18pt {
    font-size: 18pt!important;
}
.f19pt {
    font-size: 19pt!important;
}
.f20pt {
    font-size: 20pt!important;
}
.f21pt {
    font-size: 21pt!important;
}
.f22pt {
    font-size: 22pt!important;
}
.f23pt {
    font-size: 23pt!important;
}
.f24pt {
    font-size: 24pt!important;
}
/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/
.red {
    color: #ff0000!important;
}/*赤*/
.blue {
    color: #37ace9!important;
}/*青*/
.green {
    color: #008000!important;
}/*緑*/
.yellow {
    color: #ffff00!important;
}/*黄*/
.navy {
    color: #1F26A9!important;
}/*紺*/
.orange {
    color: #ff6600!important;
}/*橙*/
.pink {
    color: #cc6699!important;
}/*ピンク*/
.purple {
    color: #660099!important;
}/*紫*/
.olive {
    color: #808000!important;
}/*黄土色*/
.lime {
    color: #00ff00!important;
}/*黄緑*/
.aqua {
    color: #167FA6!important;
}/*水色*/
.black {
    color: #000!important;
}/*黒*/
.gray {
    color: #ccc!important;
}/*灰*/
.white {
    color: #fff!important;
}/*白*/
.darkgray {
    color: #666!important;
}/*白*/
/*------------------------------------------------------------
8、line-height・・・行間の設定
-------------------------------------------------------------*/
.lh10 {
    line-height: 1.0em!important;
}
.lh11 {
    line-height: 1.1em!important;
}
.lh12 {
    line-height: 1.2em!important;
}
.lh13 {
    line-height: 1.3em!important;
}
.lh14 {
    line-height: 1.4em!important;
}
.lh15 {
    line-height: 1.5em!important;
}
.lh16 {
    line-height: 1.6em!important;
}
.lh17 {
    line-height: 1.7em!important;
}
.lh18 {
    line-height: 1.8em!important;
}
.lh19 {
    line-height: 1.9em!important;
}
.lh20 {
    line-height: 2.0em!important;
}
/*------------------------------------------------------------
9、hr・・・線の基本設定
-------------------------------------------------------------*/
hr {
    clear: both;
    margin: 10px 0 20px 0;
    padding: 10px 10px;
    height: 1px;
    color: #7DCCF5;
    border-width: 1px;
    border-top: dotted 2px;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
hr .g {
    clear: both;
    margin: 10px 0 20px 0;
    height: 1px;
    color: #666;
    border-width: 1px;
}
.caution1 {
    padding: 20px 0 0 60px!important;
    background: url(../images/idw206-s.jpg) left top no-repeat!important;
}
/*------------------------------------------------------------
10、left、right・・・画像を簡単に回り込ませる設定
-------------------------------------------------------------*/
/*左に画像、右に文章*/
.left {
    float: left;
    margin: 0 30px 20px 0!important;
}
/*右に画像、左に画像*/
.right {
    float: right;
    margin: 0 0 20px 30px!important;
}
/*------------------------------------------------------------
11、top、middle、bottom・・・画像の縦位置設定
-------------------------------------------------------------*/
img.top {
    vertical-align: top!important;
}
img.middle {
    vertical-align: middle!important;
}
img.bottom {
    vertical-align: bottom!important;
}
/*------------------------------------------------------------
12、zindex・・・重なりの優先度
-------------------------------------------------------------*/
.z1 {
    z-index: 1!important;
}
.z2 {
    z-index: 2!important;
}
.z3 {
    z-index: 3!important;
}
.z4 {
    z-index: 4!important;
}
.z5 {
    z-index: 5!important;
}
/*------------------------------------------------------------
13、underline・・・アンダーライン（下線）の設定
-------------------------------------------------------------*/
.underline {
    text-decoration: underline!important;
}
/*------------------------------------------------------------
13、リストマーク
-------------------------------------------------------------*/
ul .kana {
    list-style-type: katakana;
}
.nondec {
    list-style: none;
}
/*------------------------------------------------------------
強調ボックス 
-------------------------------------------------------------*/
.box {
    border:1px solid #ccc;
    padding:5px 10px 5px 10px;
    _padding: 5px 0 5px 0;
    margin:10px 12px 20px 0px;
    _margin: 10px 0 5px 0;
}
.box2 {
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:5px 10px 5px 10px;
    _padding: 5px 0 5px 0;
    margin:0px 0px 20px 0px;
    _margin: 0px 10px 5px 0;
}
.box3 {
    border:1px solid #ccc;
    padding:5px 10px 5px 60px;
    _padding: 5px 0 5px 60px;
    margin:10px 0 20px 0px;
    _margin: 10px 0 5px 0;
}
.box4 {
    border-bottom: 1px solid #ccc;
    padding:5px 0 5px 4px;
    _padding: 5px 0 5px 0px;
    margin:10px 0 12px 0px;
    _margin: 10px 0 12px 0;
}
.boxqa {
    background: url(/member/images/faq-icon.gif) no-repeat 20px 2px;
    padding-left: 46px;
    margin-bottom: 10px;
}
.boxqa#end {
    margin-bottom: 40px;
}
.boxdot {
    border:1px dotted #ccc;
    padding:5px 10px 5px 10px;
    _padding: 5px 0 5px 0;
    margin:10px 12px 20px 0px;
    _margin: 10px 0 5px 0;
}
.boxdot2 {
    border:1px dotted #ccc;
    padding:5px 10px 5px 10px;
    _padding: 5px 0 5px 10px;
    margin:10px 40px 20px 40px;
    _margin: 10px 40px 5px 40px;
}
.boxdot2 .ublue {
    width: 400px;
    border-bottom: 1px solid #37ACE9;
    color: #37ACE9;
    font-size: 11pt;
    font-weight: bold;
}
.boxbluef {
    margin: 20px 0 10px 0;
    padding: 0 0 20px 0;
    border: 3px solid #99FFFF;
}
.boxbluef .ublue {
    margin: 20px 20px 0 20px;
    border-bottom: 1px solid #37ACE9;
    color: #37ACE9;
    font-size: 11pt;
    font-weight: bold;
}
.boxbluef .ublue#h20 {
    border-top: 20px;
}
.boxbluef .message {
    margin: 18px 20px 0 20px;
}
.boxbluef .boxfwaku {
    width: 340px;
    _width: 350px;
    margin: 10px 0 10px 100px;
    border: 1px dotted #ccc;
}
.boxbluef .boxfwaku .leftbox {
    float: left;
    color: #37ACE9;
    padding: 12px 0 0 10px;
    width: 126px;
    _width: 136px;
}
.boxbluef .boxfwaku .rightbox {
    float: right;
    margin: 0 4px 0 0;
    width: 200px;
}
.boxbluef .boxfwaku .rightbox .upside {
    border-bottom: 1px solid #37ACE7;
    color: #37ACE9;
    text-align: center;
}
.boxbluef .boxfwaku .rightbox .downside {
    color: #37ACE9;
    text-align: center;
}
.box_f {
    margin: 20px 0 10px 0;
    padding: 0 0 20px 0;
}
.box_f .message {
    margin: 18px 20px 0 20px;
}
.boxgray {
    background-color: #0000ff;
    height: 24px;
    padding: 4px 0 0 20px;
    color:#FFFFFF
}
.boxblue {
    background-color: #00CCFF;
    height: 24px;
    padding: 4px 0 0 20px;
    color:#FFFFFF
}
.boxblue2 {
    margin: 40px 0 0 0;
    background-color: #eef8fc;
    height: 46px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
.boxblue2#hi64 {
    height: 64px;
}
.boxblue2 .memo-img {
    float: left;
    width: 17px;
    height:21px;
    margin: 16px 0 0 8px;
    background: url(/member/images/memo-img.gif) no-repeat 0 0;
}
.boxblue2 .mes1 {
    float: left;
    width: 550px;
    background-color: #eef8fc;
}
.boxblue2 .mes1 a {
    padding: 0 0 0 10px;
    font-weight: bold;
    font-size: 12pt;
    line-height: 18px;
}
.boxblue2 .mes1 a:hover {
    color: #37ACE9;
    text-decoration: underline;
}
.boxblue3 {
    clear: both;
    background-color: #eef8fc;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
.boxblue3 .mes2 {
    margin: 0 10px 10px 10px;
    padding: 4px 6px 4px 6px;
    _margin: 0 10px 10px 10px;
    _padding: 4px 6px 4px 6px;
    background-color: #FFFFFF;
}
/*------------------------------------------------------------
横並びボックス 
-------------------------------------------------------------*/
.box_by2 {
    width: 586px;
    margin: 0 0 20px 0;
}
.box_by2 .boxleft {
    float: left;
    width: 300px;
}
.box_by2 .boxright {
    float: right;
    width: 230px;
    height: 200px;
    background-color: #99FF00;
}
.box_by2 .boxleft2 {
    float: left;
    width: 230px;
}
.box_by2 .boxright2 {
    float: right;
    width: 300px;
}
.box_by2 .boxl280 {
    float: left;
    width: 280px;
}
.box_by2 .boxr280 {
    float: right;
    width: 280px;
}
.box_by2 .box580 {
    float: left;
    width: 580px;
}
.box_by2-1 {
    width: 760px;
    margin: 0 0 20px 0;
}
.box_by2-1 .boxl358 {
    float: left;
    width: 358px;
}
.box_by2-1 .boxr358 {
    float: right;
    width: 358px;
}
.box_by2-1 ul {
    margin: 0 0 0 40px;
    padding: 0;
}
.box_by2-1 li {
    list-style: none;
    padding: 0 0 0 10px;
    background: url(/sitemap/images/sitemap-sankaku.gif) no-repeat 0 8px;
}
.box_dansage {
    width: 350px;
    padding-left: -20px;
    text-indent: -1.5em;
}
.box_dansage#w740 {
    width: 700px;
}
.box_s300 {
    width: 300px;
}
.box_s550 {
    width: 550px;
    height:220px;
}
/*------------------------------------------------------------
テーブル要素定義 
-------------------------------------------------------------*/
.tabwidth1 {
    width: 575px;
    margin: 0 0 20px 10px;
    border: 1px solid #CCC;
    border-collapse: collapse;
}
.tabwidth1-b {
    width: 675px;
    margin: 0 0 20px 10px;
    _margin: 0 0 20px 30px;
    border: 1px solid #CCC;
    border-collapse: collapse;
}
.tabwidth1-bmh {
    width: 675px;
    margin: 0 0 80px 10px;
    _margin: 0 0 80px 30px;
    border: 1px solid #CCC;
    border-collapse: collapse;
}
.tabwidth2 {
    width: 575px;
    margin: 0 0 20px 10px;
}
.tabwidth3 {
    width: 575px;
    margin: 0 0 20px 10px;
    border-collapse: collapse;
}
.tabwidth4 {
    width: 380px;
    margin: 0 0 20px 10px;
    border: 1px solid #CCC;
    border-collapse: collapse;
}
.tabwidth5 {
    clear:both;
    width: 540px;
    border-collapse: collapse;
}
.box_udot {
    border-bottom: dotted 1px #CCC;
    padding: 0 0 2px 0;
    margin: 0 10px 17px 10px;
}
.inbox {
    width: 380px;
    margin: 0 0 10px 20px;
    padding-left: 10px;
    text-indent: -1.0em;
}
.inbox2 {
    width: 376px;
    font-size: 8pt;
    margin: 0 0 10px 20px;
}
.bg1 {
    background-color: #F0F0F0;
}
.bg2 {
    background-color: #fff8d9;
    text-align: center;
}
.bg3 {
    background-color: #fffcee;
}
.itm1 {
    width: 115px;
    padding: 2px 0 2px 0;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm111 {
    width: 80px;
    padding: 2px 0 2px 0;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm1-c {
    width: 575px;
    padding: 2px 0 2px 0;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm1-0 {
    width: 115px;
    padding: 2px 0 2px 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #CCC;
}
.itm1-1 {
    width: 155px;
    padding: 2px 0 2px 10px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm1-11 {
    width: 155px;
    padding: 2px 0 2px 10px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm1-1-1 {
    width: 145px;
    padding: 2px 0 2px 10px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm1-1-11 {
    width: 145px;
    padding: 2px 0 2px 10px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm1-2 {
    width: 70px;
    padding: 2px 0 2px 8px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm11 {
    width: 195px;
    padding: 3px 3px 3px 3px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm11-1 {
    width: 210px;
    padding: 3px 3px 3px 6px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm11-2 {
    width: 195px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm12 {
    width: 30px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm12-1 {
    width: 40px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm121 {
    width: 50px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm121-1 {
    width: 43px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
    letter-spacing:-2;
}
.itm13 {
    width: 150px;
    padding: 6px 10px 6px 13px;
    text-align: left;
    vertical-align: top;
    border-bottom: dotted 1px #888;
}
.itm13t {
    width: 150px;
    padding: 6px 10px 6px 13px;
    text-align: left;
    vertical-align: top;
    border-top: dotted 1px #888;
    border-bottom: dotted 1px #888;
}
.itm131 {
    width: 150px;
    padding: 3px 10px 3px 13px;
    text-align: left;
    vertical-align: top;
    letter-spacing: -2px;
    border-bottom: dotted 1px #888;
}
.itm2 {
    padding: 2px 16px 2px 14px;
    text-align: left;
    border: 1px solid #CCC;
}
.itm22 {
    padding: 2px 1px 2px 1px;
    text-align: center;
    border: 1px solid #CCC;
}
.itm22-1 {
    width: 165px;
    padding: 2px 1px 2px 1px;
    text-align: center;
    border: 1px solid #CCC;
}
.itm22kikan {
    padding: 2px 1px 2px 10px;
    text-align: left;
    border: 1px solid #CCC;
}
.itm221 {
    padding: 2px 1px 2px 1px;
    text-align: center;
    background-color: #7DCCF5;
    font-size: 13pt;
    font-weight: bold;
    color: #FFFFFF;
}
.itm2211 {
    padding: 2px 1px 2px 1px;
    text-align: center;
    background-color: #3366FF;
    font-size: 13pt;
    font-weight: bold;
    color: #FFFFFF;
}
.itm3 {
    padding: 2px 0 2px 0;
    text-align: center;
    border: 1px solid #CCC;
}
.itm33 {
    width: 60px;
    padding: 2px 0 2px 0;
    text-align: center;
    border: 1px solid #CCC;
}
.itm33-1 {
    width: 90px;
    padding: 2px 0 2px 0;
    text-align: center;
    border: 1px solid #CCC;
}
.itm4 {
    padding: 2px 0 2px 0;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm41 {
    padding: 2px 0 2px 0;
    text-align: left;
    vertical-align: top;
    font-size: 8pt;
}
.itm42 {
    width: 135px;
    padding: 2px 0 2px 0;
    text-align: center;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm43 {
    padding: 2px 0 2px 4px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm44 {
    padding: 2px 0 2px 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #CCC;
}
.itm45 {
    width: 255px;
    padding: 2px 0 2px 5px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #CCC;
}
.itm5 {
    padding: 2px 0 2px 360px;
    border: 1px solid #CCC;
}
.itm6 {
    width: 110px;
    padding: 2px 0 2px 0;
    vertical-align: top;
    border-bottom: 1px solid #CCC;
}
.itm7 {
    padding: 2px 0 2px 0;
    vertical-align: top;
    border-bottom: 1px solid #CCC;
}
.itm71 {
    width: 120px;
    padding: 2px 30px 2px 0;
    text-align: center;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
}
.itm8 {
    padding: 6px 10px 6px 10px;
    border-bottom: dotted 1px #888;
}
.itm8t {
    padding: 6px 10px 6px 10px;
    border-top: dotted 1px #888;
    border-bottom: dotted 1px #888;
}
.itm9 {
    padding: 2px 6px 2px 6px;
    text-align: left;
    border-bottom: 1px solid #CCC;
}
.itm9-1 {
    padding: 2px 6px 2px 6px;
    text-align: left;
    border-bottom: 1px solid #CCC;
    width:185px;
}
.itm9-1-2 {
    padding: 2px 6px 2px 6px;
    text-align: left;
    border-bottom: 1px solid #CCC;
    width:195px;
}
.itm10 {
    padding: 2px 0 2px 0;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm110 {
    width: 110px;
    padding: 12px 0 2px 20px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm120 {
    width: 420px;
    padding: 6px 10px 2px 0;
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCC;
}
.itm130 {
    vertical-align: top;
}
.itm140 {
    width: 120px;
    vertical-align: top;
}
.itm150 {
    width: 27px;
    vertical-align: top;
    padding: 0 20px 0 20px;
}
.itm150-on {
    width: 27px;
    vertical-align: top;
    padding: 0 20px 0 20px;
    background-color:#00CCFF;
    color:#FFFFFF;
}
.itm90 {
    padding: 2px 6px 2px 0px;
    text-align: left;
	padding-left: 1.6em;
	text-indent: -1.2em;
	line-height: 120%;
    border-bottom: 1px solid #CCC;
	vertical-align: top;
}
/*後ろにPDFアイコン*/
.pdf-back {
    margin: 5px 20px 10px 10px!important;
    padding: 0px 0 0 20px!important;
    background: url(/common/images/pdf-small.jpg) top no-repeat !important;
}
/*borderマーク*/
.border1 {
    padding: 0px 0 0 3px!important;
    background: url(/common/images/boder.gif) left no-repeat!important;
}
.border2 {
    padding: 0px 0 0 15px !important;
    background: url(/common/images/border2.gif) left no-repeat!important;
    margin-left:10px;
}
/** オレンジタイトル **/
.orangettl {
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    padding: 6px 0 0 10px;
    margin: 0 0 20px 0;
    border-left: 6px solid #FF9900;
    border-bottom: 20px;
}
/** subtitle ber **/
.subber {
    width: 590px;
    height: 34px;
    background: url(/common/images/course-tback.gif) no-repeat 0 0;
    margin: 0 0 10px 0;
}
.subber .left {
    float: left;
    color: #37ace9;
    font-size: 1.4em;
    font-weight: bold;
    padding: 4px 0 0 12px;
}
.subber .left#l2 {
    letter-spacing: -2px;
}
.subber .right {
    float: right;
    margin: 4px 0px 0 0;
}
.subsb {
    width: 275px;
    height: 37px;
    color: #37ACE9;
    font-size: 11pt;
    font-weight: bold;
    padding: 4px 0 0 15px;
    background: url(/link/images/h2small_title_bg.jpg) no-repeat 0 0;
}
.subarw {
    width: 260px;
    font-size: 1.1em;
    margin: 4px 0 0 10px;
    padding: 0 0 0 16px;
    background: url(/common/images/arrow_r1b.gif) no-repeat 0 4px;
}
.subbox {
    padding-left: 10px;
    text-indent: -1.4em;
}
.subarw2 {
    width: 520px;
    font-size: 1.1em;
    margin: 4px 0 0 10px;
    padding: 0 0 0 16px;
    background: url(/common/images/arrow_r1b.gif) no-repeat 0 4px;
}
/*------------------------------------------------------------
トップへ戻る 
-------------------------------------------------------------*/
.go_top {
    background: url(/common/images/pagetop-icon.gif) no-repeat 0 4px;
    margin: 0 0 20px 480px;
    padding: 0 0 0 26px;
}
#mail-td {
    margin: 0 0 0 2px;
    padding: 0 5px 0 5px;
}
#mail-td table, tr, th, td {
    font-size: 100%;
    font-style:normal;
    font-weight:normal;
    line-height:160%;          /* 最も見やすい行間として定義 */
    text-decoration:none;
    margin: 0;
    padding: 2px 2px 2px 3px;
}
/*--------------------------------------------
        CMS shop.htmlスタイル設定
    --------------------------------------------*/
    #shop_html .stylesample {
    width:90%;
    height:480px;
    padding:5px;
    font-size:12px;
}
#price_html #pricelist {
    width:100%;
    margin-top:10px;
    color: #ffffff;
}
#price_html #pricelist td {
    height:30px;
    border:#303030 1px solid;
}
#price_html .listtitle {
    text-align:center;
    background-image:url(/Ctrl/userfiles/image/taskbar01.jpg);
}
#price_html #pricelist .left {
    text-align:left;
    padding-left:10px;
}
#price_html #pricelist .left26 {
    text-align:left;
    padding-left:26px;
}
#price_html #pricelist .right {
    text-align:right;
    padding-right:10px;
}
#toolBar {
    display:block;/*
        margin-left:20px;
        margin-right:20px
*/
    }
/***************************************************
        ショップに関するスタイルの設定
        ツールバー内のボタンの背景画像と
        大きさを設定している
        画像の設定は絶対パスで、SSLの領域の場合は
        画像もSSL領域内の画像を使用すること
    ****************************************************/
    #shop_contents {
    position:relative;
    left:100px;
    width:720px;
}
#directshop #toolBar .toolButton {
    background-image:url(/shop/images/taskbar22h_blue.jpg);
    border:0px;
    height:22px;
    cursor:hand;
    border-top:1px #8080ff solid;
    border-left:1px #8080ff solid;
    border-right:1px #0000a0 solid;
    border-bottom:1px #0000a0 solid;
    font-size:12px;
    font-family: "MeiryoKe_UIGothic";
    margin-left:0px;
    margin-right:0px;
}
/*
        ================================
        ここから一覧表示に関するスタイル
        ================================
    */
    #directshop #shopTable {
    width:100%;
    margin-bottom:10px;
}
#directshop #shopTable a {
    text-decoration:none;
}
#directshop #shopTable .itemTitle {
    height:32px;
    background-color:#f0f0ff;
    border-left:ridge 10px #ff0000;
    background-image:url(/shop/images/titlebg3.jpg);
    color:#ffffff;
}
#directshop #shopTable .itemName {
    font-size:14px;
    color:#ffffff;
}
#directshop #shopTable .itemBody {
}
#directshop #shopTable .fieldprice {
    text-align:center;
    font-size:16px;
    color:#f00000;
    background-color:#ffffff;
    font-weight:bold;
    width:15%;
}
#directshop #shopTable .fieldunit {
    background-color:#ffffff;
    color:#000000;
    width:10%;
}
#directshop #shopTable .fieldName {
    text-align:center;
    background-color:#708090;
    background-image:url(/shop/images/Time-For-Lunch-2.jpg);
    color:#000000;
    width:12%;
}
#directshop #shopTable .fieldvalue {
    background-color:#ffffff;
    color:#000000;
}
/*
        ================================
        詳細ページに関するスタイル
        ================================
    */
    #directshop #viewTable {
    width:100%;
}
#directshop #viewTable .itemTitle {
    width:100%;
    height:48px;
    border-left:ridge 10px #ff0000;
    background-image:url(/shop/images/titlebg3.jpg);
}
#directshop #viewTable .itemName {
    font-size:16px;
    color:#ffffff;
}
/*
        項目テーブルの罫線色
    */
    #directshop #viewTable .fieldTable {
    background-color:#a0b0c0;
    width:100%;
}
/* 項目名の背景 */
    #directshop #viewTable .fieldname {
    text-align:center;
    background-color:#e0e0e0;
    color:#000000;
    background-image:url(/shop/images/Paper01.jpg);
}
/* 項目の値の背景 */
    #directshop #viewTable .fieldvalue {
    background-color:#ffffff;
    color:#000000;
}
/* 価格表示 */
    #directshop #viewTable .fieldprice {
    text-align:center;
    font-size:16px;
    color:#f00000;
    background-color:#ffffff;
    font-weight:bold;
}
/* 商品紹介文 */
    #directshop #viewTable .itemPr {
    padding:10px;
    line-height:16px;
}
/* カートインボタンフォーム */
    #directshop #viewTable .formArea {
    border:solid #000000 1px;
    background-image:url(/shop/images/blue_angle_swirl.jpg);
}
#directshop #viewTable .formAreafont {
    color:#000000;
}
#directshop #viewTable #itemInquiry {
    width:100%;
    height:26px;
    background-image:url(/shop/images/selectbar.jpg);
}
#directshop #viewTable #itemInquiry a {
    text-decoration:none;
    color:#000000;
}
#directshop #viewTable #itemInquiryForm {
    width:100%;
    padding:10px;
}
#directshop #msgbox {
    background-color:#000000;
    width:70%;
}
#directshop #msgbox .box {
    padding:20px;
    height:240px;
}
#directshop #msgbox .errormessage {
    background-color:#f00000;
    color:#ffffff;
    background-image:url(/shop/images/titlebg4.jpg);
}
#directshop #msgbox .caption {
    background-color:#000080;
    color:#ffffff;
    background-image:url(/shop/images/titlebg3.jpg);
}
#directshop #cartTable {
    width:100%;
}
#directshop #cartTable a {
    color:#0000f0;
}
#directshop #cartTable .titlelist {
    height:24px;
    text-align:center;
    color:#000000;
    background-color:#c0c0c0;
    background-image:url(/shop/images/Toolbar.jpg);
}
#directshop #cartTable .cartlist {
    background-color:#ffffff;
    color:#000000;
}
#directshop #statusForm1 {
    margin-top:10px;
    border:solid 1px #708090;
    background-color:#a0a0ff;
    background-image:url(/shop/images/blue_angle_swirl.jpg);
}
/*
        お問合せフォームのタイトル
    */
    #directshop #inquiry #title {
    height:48px;
    background-image:url();
}
/*
        ================================
        注文書選択フォーム
        ================================
    */
    #directshop #statusform {
    margin-top:20px;
    text-align:center;
}
#directshop #statusform #statustable {
    width:480px;
    background-color:#a0b0c0;
}
/*
        ================================
        注文書
        ================================
    */
    #directshop #sliptable {
    margin-top:20px;
    background-color:#404040;
    width:100%;
}
#directshop #usertable {
}
/*
        ================================
        上記領域以外のスタイル
        ================================
    */
    /* ツールバー以外のコマンドボタン */
    #directshop .commandButton {
    background-image:url(/shop/images/taskbar22h.jpg);
    color:#ffffff;
    border:0px;
    height:22px;
    cursor:hand;
}
#directshop .spButton {
    border-top:solid #ffffff 1px;
    border-left:solid #ffffff 1px;
    border-right:solid #000000 1px;
    border-bottom:solid #000000 1px;
    background-image:url(/shop/images/selected_bar_blue.jpg);
    color:#ffffff;
    height:22px;
    cursor:hand;
}
#directshop .sectionTitle {
    height:24px;
    color:#000000;
    background-color:#a0a0ff;
    background-image:url(/shop/images/taskbar24h_gray01.jpg);
}
#directshop .errormessage {
    background-color:#f00000;
    color:#ffffff;
    background-image:url(/shop/images/titlebg4.jpg);
}
/* 項目名の背景 */
    #directshop .fieldname {
    text-align:center;
    background-color:#e0e0e0;
    color:#404040;
    background-image:url(/shop/images/Paper01.jpg);
}
/* 項目の値の背景 */
    #directshop .fieldvalue {
    background-color:#ffffff;
    color:#404040;
}
#directshop .listtitle {
    height:24px;
    text-align:center;
    background-color:#c0c0c0;
    background-image:url(/shop/images/selected_bar.jpg);
}
#keyword {
    height:16px;
    _height: 20px;
    margin-bottom:2px;
    margin-top:2px;
    width:148px;
}
#rss_import {
    width:600px;
    margin:0px 0px 0px 20px;
    color: #808080;
    text-align: left;
    overflow: auto;
}
    /***************************************************
        これよりメンバー専用サイトに関するスタイル
    ****************************************************/
    #membersOnly {
    }
    #membersOnly #userformTable {
        background-color:#808080;
    }
    #membersOnly .fieldtitle {
        width:20%;
        text-align:center;
        color:#000000;
        background-color:#e0e0e0;
        background-image:url(/Ctrl/images/blue_angle_swirl.jpg);
    }
    #membersOnly .fieldvalue {
        background-color:#ffffff;
    }
    /* コンテンツ一覧のタイトル */
    #membersOnly #contentList .pageTitle {
        line-height:24px;
        border-left:solid #6060f0 8px;
        border-bottom:double #6060f0 1px;
        padding-left:5px;
        font-weight:bold;
        text-align:left;
        display:block;
    }
    /* コンテンツ概要 */
    #membersOnly #contentList .pageDescription {
        margin-bottom:20px;
        font-family:"メイリオ";
    }
    #sidemenu {
        float:left;
    }
    #sidemenu a {
        width:200px;
        height:27px;
        padding-top:10px;
        padding-left:10px;
        background-image:url(/Ctrl/images/menubar1.jpg);
        font-size:13px;
        color:#6060f0;
        font-weight:bold;
        display:block;
        border-right:solid #c0c0f0 1px;
        border-bottom:solid #c0c0f0 1px;
        font-family:"メイリオ";
    }
    #sidemenu a:hover {
        text-decoration:none;
        background-image:url(/Ctrl/images/menubar2.jpg);
    }
    #sidemenu .af {
        color:#c0c0c0;
        font-size:10px;
    }
/***************************************************
    これより掲示板に関するスタイル
****************************************************/
#forum {
    padding-bottom:10px;
}
#forum a {
    text-decoration:underline;
}
#forum form {
    margin:0px;
}
#forum .commandButton {
    background-image:url(/Ctrl/images/taskbar22h.jpg);
    color:#ffffff;
    border:0px;
    height:22px;
    cursor:hand;
}
#forum .fieldtitle {
    width:20%;
    white-space: nowrap;
    text-align:center;
    color:#000000;
    background-color:#e0e0e0;
    background-image:url(/Ctrl/images/blue_angle_swirl.jpg);
}
#forum .fieldvalue {
    background-color:#ffffff;
    text-align:left;
}
#forum #threadTable {
    text-align:left;
    width:98%;
}
#forum #monthList li {
    font-weight:bold;
    font-size:14px;
}
#forum #archiveList li {
    font-weight:normal;
    font-size:12px;
    line-height:16px;
}
#forum .dotline {
    background-image:url(/Ctrl/images/dotline.gif);
    background-repeat:repeat-x;
}
/* アーカイブスのタイトル */
#forum #archivesTitle {
    border:solid 1px #a0a0a0;
    width:720px;
    height:18px;
    padding-left:10px;
    padding-top:30px;
    color:#ffffff;
    background-image:url(/Ctrl/images/background/BCG_127.JPG);
    font-size:11px;
}
#forum #comformtitle {
    margin-top:10px;
    padding-left:10px;
    width:710px;
    background-image:url(/Ctrl/images/taskbar/platinum24.jpg);
    line-height:24px;
}
/*
    自由設計の記事詳細ページ
*/
/* 親記事の設定 */
#forum .threadBox {
    border-top:1px #e0e0e0 solid;
    border-left:1px #e0e0e0 solid;
    border-right:1px #a0a0a0 solid;
    border-bottom:1px #a0a0a0 solid;
    width:720px;
    padding-bottom:5px;
}
#forum .threadTitle {
    padding-left:10px;
    line-height:28px;
    background-color:#000080;
    background-image:url(/Ctrl/images/taskbar28h_b3.jpg);
    color:#ffffff;
    font-weight:bold;
}
#forum .threadHeader {
    width:100px;
    float:left;
    padding:5px;
    padding-bottom:10px;
    color:#000000;
    background-image:url(/Ctrl/images/background/BCG_257.JPG);
    border-right:double #c0c0c0;
    border-bottom:double #c0c0c0;
    display:block;
}
#forum .threadName {
    font-size:14px;
    font-weight:bold;
}
#forum .threadDate {
    text-align:center;
}
#forum .comCount {
    text-align:center;
}
#forum .threadbody {
    padding:5px;
    padding-left:10px;
    float:left;

    width:440px;
}
/* コメント記事 */
#forum .commentBox {
    clear:both;
    border-top:1px #e0e0e0 solid;
    border-left:1px #e0e0e0 solid;
    border-right:1px #c0c0c0 solid;
    border-bottom:1px #c0c0c0 solid;
    width:720px;
    padding-bottom:5px;
}
/* コメントタイトル */
#forum .commentTitle {
    padding-left:10px;
    line-height:28px;
    background-color:#000080;
    background-image:url(/Ctrl/images/taskbar28h_g2.jpg);
    color:#000000;
}
/* ヘッダーボックス */
#forum .commentHeader {
    width:100px;
    float:left;
    padding:5px;
    padding-bottom:10px;
    color:#000000;
    background-image:url(/Ctrl/images/background/BCG_257.JPG);
    border-right:double #c0c0c0;
    border-bottom:double #c0c0c0;
    margin-bottom:10px;
}
/* 投稿者名 */
#forum .commentName {
    font-size:14px;
    font-weight:bold;
}
/* 日付 */
#forum .commentDate {
    text-align:center;
}
/* コメント削除ボタン */
#forum .commentDelbutton {
    margin-top:7px;
    margin-right:5px;
    float:left;
}
/* 記事本文 */
#forum .commentbody {
    padding:5px;
    padding-left:10px;
    width:440px;
    float:left;
}
#forum #archiveComment {
    color:#0000f0;
}

/*** text 2011/01/06 ***/
.tabset {
	margin: 20px 0 20px 0px;
	width: 590px;
}
.tabset .itm01 {
	border-top: 8px solid #fff;
	width: 60%;
}
.tabset .itm01top {
	border-top: 20px solid #fff;
	width: 60%;
}
.tabset .itm02 {
	vertical-align: text-bottom;
}
.tabset .itm01dot {
	width: 60%;
	border-bottom: 1px dotted #aaa;
}
.tabset .itm02dot {
	border-bottom: 1px dotted #aaa;
	vertical-align: text-bottom;
}

/** 2011/3/16 追加 **/
.itm14 {
    padding: 6px 10px 6px 13px;
    text-align: left;
    vertical-align: top;
    border-bottom: dotted 1px #888;
}
.itm14 span { font-size: 14px; font-weight: bold; }
.itm14 .tab-sikaku { width: 380px; border: 1px solid #888; border-collapse: collapse; text-align: center; }
.itm14 .tab-sikaku td { border: 1px solid #888; }
.dansage {
	padding: 4px 0 0 1.6em;
	text-indent: -1.6em;
}
.itm15 {
    padding: 6px 0 6px 0;
	text-align: center;
    border-bottom: dotted 1px #888;
}

.tabset2 {
	margin: 20px 0 20px 0px;
	width: 590px;
	border: 1px solid #888;
	border-collapse: collapse;
}
.tabset2 th { font-weight: bold; border: 1px solid #888; }
.tabset2 td { border: 1px solid #888; padding: 4px 4px 2px 6px; line-height: 120%; font-size: 10px; }
.tabset2 .uke { font-size: 10px; }