@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL *
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */

/* ========BASIC======== */


html, body {
    height: 100%;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
em,strong,th {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}

body {
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center top;
    font-family:Verdana, Helvetica, sans-serif;
    color:#333;
    font-size:82%;/* 13px相当 */
    line-height: 150%;
}

a:link {
   color:#0054ff;
   text-decoration:none;
}

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

img {
   border:0;
     vertical-align:middle;
}

.font_red {
    color:#ff0000;
}
.font_orange {
    color:#ff7800;
    font-weight:bold;
}
.font_blue {
    color:#0e65b6;
    font-weight:bold;
}
.font_keyColor {
    color:#0e65b6;
    font-weight:bold;
}

input,select {
    vertical-align: middle;
    margin:0 3px 0 5px;
}


/* ========HEADER CUSTOMIZE======== */
div#header {
    background: url(../img/background.jpg	) repeat-x left top;
    min-height: 95px;
    height: auto !important;
    height: 95px;
    padding: 0;
    text-align:left;
    border-top: none;
    border-bottom: none;
    background-color:#ffffff;
}
div#header h1 {
    font-size:300%;
    font-weight:bold;
}
div#header h1 p {
    padding:18px 0 0 20px;
    margin:0;
    line-height:100%;
}
div#header h1 a {
    color:#fff;
    text-decoration:none;
}
div#header h1 a:hover {
    text-decoration:none;
}
div#header img {
    margin: auto;
}


/* ========SUB1 CONTENTS CUSTOMIZE======== */
div#sub1 {
   background:#60a0d2;
/*   border-right:solid 1px #dfdfdf; */
}
div#sub1 h2 {
   font-size:88%;/* 14px相当 */
   text-align:center;
   padding:6px 3px 6px 3px;
   background:url(../img/bg_menu_title.gif) repeat-x left bottom;
   color:#fff;
}
/* ========MENU CUSTOMIZE======== */
div#menu ul {
   margin:0 auto;
   padding:5px;
}

div#menu li {
   color:#333;
   list-style-type:none;
   border-bottom:none;
   background:url(../img/bg_menu.gif) repeat-x left bottom;
   background-color:#fff;
     margin:0;
     padding:0;
     width:100%;
}

div#menu li a {
   display:block;
   padding:10px 5px 10px 20px;
   line-height:120%;
   color:#666;
     background:url(../img/ar_04_darkblue.gif) no-repeat 5px 11px ;
     background-color:none;
     text-decoration:none;
     margin:0;
    zoom: 1;
}
div#menu li a:hover{
   color:#0f77b9;
   font-weight:bold;
   background-color:#d0e8fa;
}

div#menu li a.menu_on {
   color:#ffffff;
     background:url(../img/ar_04_darkblue_on.gif) no-repeat 5px 11px ;
   background-color:#418bc4;
     cursor:default;
   font-weight:bold;
}
div#menu li a.menu_on:hover {
   color:#ffffff;
   background-color:#418bc4;
     cursor:default;
}
div#menu li a.submenu {
   padding-left:31px;
     background:url(../img/ar_05_darkblue.gif) no-repeat 15px 16px ;
   background-color:#e6e6e6;
}
div#menu li a.submenu:hover {
   background-color:#e6e6e6;
}
div#menu li a.submenu_on {
   padding-left:31px;
     background:url(../img/ar_05_darkblue.gif) no-repeat 15px 16px ;
   background-color:#d0e8fa;
     font-weight:bold;
}
div#menu li a.submenu_on:hover {
   background-color:#d0e8fa;
     color:#666;
}



/* 回り込み解除 */
div#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* メニュー下バナー */
div#sub1 #banner {
}
div#sub1 #banner div {
    padding-top: 5px;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#contentsInner #main {
   background:#fff;
}

#topImageArea {
    width: 550px;
    margin: 0 auto 20px auto;
}
#topImageArea #mainImage {
}
#topImageArea #leftImage {
    float: left;
}
#topImageArea #rightImage {
    float: right;
}
#topImageArea #leftImage div,
#topImageArea #rightImage div {
    margin-top: 5px;
}
#topImageArea:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}



div#main .h2_right {
    background:url(../img/h2_right_darkblue.gif) no-repeat right top;
    padding:0 26px 0 0;
}
div#main .h2_left {
    background:url(../img/h2_left_darkblue.gif) no-repeat left top;
    padding:0 0 0 16px;
}
div#main h2 {
    background:url(../img/h2_middle_darkblue.gif) repeat-x left top;
    height:27px;
    padding:7px 0 0 0;
    color:#ffffff;
    font-weight:bold;
    font-size:140%;
    margin:0 0 10px 0;
}

div#main h3 {
    font-size:110%;
    font-weight:bold;
    background:url(../img/bg_h3_darkblue.gif) repeat-x left bottom;
    padding:2px 0 3px 10px;
    border-bottom:none;
    margin:10px 0 10px 0;
}
/* ========POWERED BY CUSTOMIZE======== */
#poweredby {
    width:100%;
    height:40px;
    background:url(../img/bg_poweredby.gif) repeat-x left top;
    position:relative;
}
#poweredby a {
    text-indent:-9999px;
    display:block;
    width:175px;
    height:20px;
    background:url(../img/tx_poweredby.gif) no-repeat left top;
    position:absolute;
    top:12px;
    right:8px;
}

#poweredby_hd {
    width:100%;
    height:24px;
    background:#e8f4ff;
    position:relative;
}
#poweredby_hd a {
    text-indent:-9999px;
    display:block;
    width:138px;
    height:15px;
    background:url(../img/tx_poweredby_hd.gif) no-repeat left top;
    position:absolute;
    top:5px;
    right:8px;
}
/* ========SUB2 CONTENTS CUSTOMIZE======== */
div#sub2 {
   background:#60a0d2;
}

div#sub2 h2 {
   font-size:88%;/* 14px相当 */
   text-align:center;
   padding:3px;
   background:#666;
   color:#ddd;
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   padding:10px;
   text-align:right;
   font-size:82%;/* 13px相当 */
}

div#totop a{
   padding:0 0 0 12px;
}
/* ========FOOTER CUSTOMIZE======== */
div#footer {
    background-color:transparent;
    text-align: center;
}


/* ========MAIN CONTENTS======== */

div#main p {
    margin:0;
    padding:0;
}

/*-------------------- テキストのみ --------------------------*/
div#main .Blk {
    margin:0 0 15px 0;
    padding:0 10px;
}

/*-------------------- 写真付きレイアウト --------------------------*/

div#main .ImgBlk{
    display:table;
    margin:0 0 15px 0;
    padding:0 10px;
}

/* 画像右 */
div#main .ImgBlkR{
    direction:rtl;
}

div#main .ImgBlkR *{
    direction:ltr;
}
div#main .ImgBlk .ImgArea,
div#main .ImgBlk .NonImgArea{
    display:table-cell;
    vertical-align:top;
    text-align:left;
}
div#main .ImgBlk .NonImgArea{
    width:100%;
}
div#main .ImgBlk .ImgArea p {
    font-size:80%;
    margin:3px 0 0 0;
    line-height:100%;
}
div#main .ImgBlkR .ImgArea{
    padding:0 0 0 10px;
}

/* 画像左 */
div#main .ImgBlkL .ImgArea{
    padding:0 10px 0 0;
}

/* 画像下 */
div#main .ImgBlk_B .ImageArea_bottom {
    margin:5px 0 0 0;
}
/* for IE */

    div#main #LTIE8 .ImgBlkR .ImgArea{
        float:right;
    }
    div#main #LTIE8 .ImgBlkL .ImgArea{
        float:left;
    }
    div#main #LTIE8 .ImgBlk .ImgArea{
        width:expression(this.getElementsByTagName("img")[0].clientWidth);
    }
    div#main #LTIE8 .ImgBlk .NonImgArea{
        width:auto;
    }

    /* clear float and get hasLayout */

    div#main #LTIE8 .ImgBlk,
    div#main #LTIE8 .ImgBlk .NonImgArea{
        min-height:0;
    }
    * html div#main #LTIE8 .ImgBlk,
    * html div#main #LTIE8 .ImgBlk .NonImgArea{
        height:0;
    }

/*-------------------- 左：見出し、右：説明レイアウト --------------------------*/
div#main dl.TtlBlk {
   margin-bottom:12px;
   width:100%;
     border-bottom:1px dotted #cccccc;
     padding:0 0 12px 0;
    zoom:100%;
}
div#main dl.TtlBlk:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div#main .TtlBlk dt {
    float:left;
   font-weight:bold;
    line-height:130%;
    padding:0 0 0 10px;
}
div#main dl.TtlBlk dd {
    line-height:130%;
    padding:0 10px 0 0;
}


div#main .dl_size_pageC dt {
    width:120px;
}
div#main .dl_size_pageC dd {
    margin-left:130px;
}

div#main .dl_size_pageD dt {
    width:100px;
}
div#main .dl_size_pageD dd {
    margin-left:110px;
}

div#main .dl_size_pageF dt {
    width:120px;
}
div#main .dl_size_pageF dd {
    margin-left:130px;
}

div#main .dl_size_pageM dt {
    width:140px;
}
div#main .dl_size_pageM dd {
    margin-left:150px;
}
div#main .dl_size_pageM dd img {
    float:right;
}
div#main .dl_size_pageP dt {
    width:160px;
}
div#main .dl_size_pageP dd {
    margin-left:170px;
}

div#main .dl_size_pageU dt {
    width:130px;
}
div#main .dl_size_pageU dd {
    margin-left:150px;
}

/*-------------------- Q&A --------------------------*/
div#main .QA p {
    margin:4px 0 0 0;
}

div#main .Blk {
   margin:0 0 15px 0;
     padding:0 10px;
}
/*-------------------- TOP --------------------------*/
div#main .top_renraku p {
    color:#ff0000;
    font-weight:bold;
}


div#main .TopInfoWrap {
    border:6px solid #60a0d2;
    padding:10px;
    margin:0 0 20px 0;
    position:relative;
    zoom:100%;
}
div#main .TopInfoWrap:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#main .TopInfoWrap .entry {
    float:right;
    width:155px;
    margin:5px 0 0 0;
}
div#main .TopInfoWrap .entry a {
    display:block;
    background:url(../img/bt_entry.gif) repeat-x left top;
    width:151px;
    height:37px;
    text-indent:-9999px;
}

div#main .TopInfoWrap .rantesno {
    font-size:80%;
    position:absolute;
    top:0px;
    right:0px;
    padding:0 8px;
    background-color:#3ebdeb;
    color:#ffffff;
}
div#main .TopInfoWrap ul {
    margin:8px 0 0 0;
}
div#main .TopInfoWrap li {
    display:inline;
}

div#main dl.TopInfoBlk {
     border-bottom:1px dotted #60a0d2;
    zoom:100%;
}
div#main dl.TopInfoBlk:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#main dl.TopInfoBlk dt {
    background:#ebf6ff;
    float:left;
    padding:2px 0 2px 10px;
    width:80px;
}
div#main dl.TopInfoBlk dd {
    padding:2px 0 2px 8px;
    margin:0 0 0 95px;
}



div#main .dl_size_pageA dt {
    width:100px;
    font-weight:normal;
}
div#main .dl_size_pageA dd {
    margin-left:110px;
}

/*-------------------- パンフレット --------------------------*/
div#main .pamphlet {
    margin:20px 0;
    zoom:100%;
    padding:0 10px;
}
div#main .pamphlet:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#main .pamphlet a {
    background:url(../img/icon_acrobat_s.gif) no-repeat left top;
    padding:0 0 0 15px;
    font-weight:bold;
    font-size:110%;
}
div#main .pamphlet p {
    background:#e7e7e7;
    padding:8px 10px;
    font-size:80%;
    line-height:140%;
    margin:30px 0 0 0;
}
div#main .pamphlet img {
    float:right;
    padding:0 0 0 10px;
}
div#main .pamphlet p a {
    background:none;
    padding:0;
}


/*----------------- 大会レポ・大会結果 ------------------*/
div#main .repo {
    margin:20px 0;
    zoom:100%;
    padding:0 10px;
}
div#main .repo:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#main .repo p {
    background:#e7e7e7;
    padding:8px 10px;
    font-size:80%;
    line-height:140%;
    margin:30px 0 0 0;
}
div#main .pamphlet p a {
    background:none;
    padding:0;
}

/*----------------- 特定商取引 ------------------*/
div#main .dl_size_pageU dt {
    width:130px;
}
div#main .dl_size_pageU dd {
    margin-left:150px;
}
div#main .syotorihiki_table {
    margin:5px 0 5px 0;
}
div#main .syotorihiki_table th {
    border:1px solid #cccccc;
    padding:3px 5px 2px 5px;
    text-align:center;
    background-color:#eeeeee;
}
div#main .syotorihiki_table td {
    border:1px solid #cccccc;
    padding:3px 5px 2px 5px;
    text-align:right;
}

table#price {
    border: 1px solid #787878;
}

table#price thead {
    background-color: #CCCCCC;
}

table#price thead td {
    padding-right: 20px;
}

table#price td {
    border: 1px solid #787878;
}

/*----------------- お問い合わせ ------------------*/
.lineBody {
    padding: 20px;
    border: 10px solid #D9D9D9;
    margin:0 0 0 13px;
}

.mailaddressArea {
    margin: 0 auto;
}

.input02 {
    width: 350px;
}

.mailaddressArea td {
    padding: 5px;
}

.indent_1em{
  text-indent: 1em;
}