@charset "shift_jis";


/* ------------------------------------------------------ */

.naviallColumn6{background:url(../../../resources/img/present/navi_present_all03.gif) no-repeat 0 0;width: 670px;height: 27px;padding-left:1px;}

.naviallColumn6 li,.navilots li{float:left;line-height: 21px;padding: 3px 0;margin: 0 3px 0 2px;}

.naviallColumn6 li a{ display:block; text-align:center; background-image:url(../../../resources/img/present/navi_present_all03.gif);}

.naviallColumn6 li a:hover,.naviallColumn6 .naviall li a:active,.naviallColumn6 .naviall li .current{text-decoration:none;color:#FFFFFF;}

.naviallColumn6 .naviall01 a{
  width:162px; 
  background-position:  -3px -3px;
}

.naviallColumn6 .naviall02 a{
  width:162px; 
  background-position:  -3px -3px;
}

.naviallColumn6 .naviall03 a{
  width:161px; 
  background-position: -3px -3px;
}

.naviallColumn6 .naviall04 a{
  width:162px; 
  background-position: -3px -3px;
}

.naviallColumn6 .naviall01 a:hover,.naviallColumn6 .naviall .naviall03 a:active,.naviallColumn6 .naviall .naviall03 .current{
  background-position: -3px -30px; color:#FFFFFF;
}

.naviallColumn6 .naviall02 a:hover,.naviallColumn6 .naviall .naviall05 a:active,.naviallColumn6 .naviall .naviall05 .current{ 
  background-position: -3px -30px; color:#FFFFFF;
}

.naviallColumn6 .naviall03 a:hover,.naviallColumn6 .naviall .naviall07 a:active,.naviallColumn6 .naviall .naviall07 .current{
  background-position: -3px -30px; color:#FFFFFF;
}

.naviallColumn6 .naviall04 a:hover,.naviallColumn6 .naviall .naviall08 a:active,.naviallColumn6 .naviall .naviall08 .current{ 
  background-position: -3px -30px; color:#FFFFFF;
}

.naviallColumn6 li.naviall01 a.current{
	background-position: -3px -30px;
	color: #ffffff;
}

.naviallColumn6 li.naviall02 a.current{
	background-position: -3px -30px;
	color: #ffffff;
}

.naviallColumn6 li.naviall03 a.current{
	background-position: -3px -30px;
	color: #ffffff;
}

.naviallColumn6 li.naviall04 a.current{
	background-position: -3px -30px;
	color: #ffffff;
}

/* ------------------------------------------------------ */
/*  Login Area                                            */
/* ------------------------------------------------------ */

#login_area {
   width: 552px;
   margin: 0 auto;
}

#login_form {
   height: 240px;
   width:  548px;
   
   margin-top: 0px;
   border-left : 1px solid #387FC1;
   border-right: 1px solid #387FC1;
}

#login_form_area {

    width: 500px;
    margin-top: 10px;
    margin-left: 20px;
    text-align: left;
    
    float: left;
    /* border: 1px solid; */

}

#login_title {
    margin-top: 0px;
    font-family: Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック','Hiragino Kaku Gothic ProN', sans-serif;
    font-size: 20px;
}

#login_input_area {
   height: 25px;
   margin-top: 10px;
}

#login_id_name {
    width: 80px;
    margin-top: 1px;
    float: left;
    font-size: 14px;
}

#login_id {
    width: 100px;
    margin-top: 0px;
    float: left;
}

#login_pw_name {
    width: 70px;
    margin-top:   1px;
    margin-left: 20px;
    float: left;
    font-size: 14px;
}

#login_pw {
    width: 150px;
    margin-top: 0px;
    /* border: 1px solid; */
}

#login_comment {
    font-size: 13px;
    color : red;

    margin-top:  0px;
    margin-left: 5px;
    
    /* border: 1px solid; */
}

.login_button_area {
    height: 40px;
    width: 498px;
    margin-top: 9px;
    /* border: 1px solid blue; */
}

#login_button {
	margin-left: 250px;
}

#login_button_text {
    width: 180px;
    margin-top: 9px;
    margin-left: 70px;
    
    font-family: Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック','Hiragino Kaku Gothic ProN', sans-serif;
    font-size: 16px;
    
    float: left;
    /* border: 1px solid; */
}

#login_errmsg_area {
    height: 30px;
    width: 498px;
    margin-top: 10px;
    background-color: #FFFFCC;
    clear: both;
    border: 1px solid red;
}

#login_errmsg_area p {
    margin-top:   5px;
    margin-left: 20px;
    color:red;
    font-size: 16px;
}

/* ------------------------------------------------------ */
/*  Present Top                                           */
/* ------------------------------------------------------ */

#card_area {
   height:180px;
   width: 100%;
   font-weight: bold;
   
   /* border: 1px solid #00FF00; */
}

.card_block {
   margin-left:0.6%;
   width: 24%;
   float:left;
   
   /* border: 1px solid red; */
}

.card_block img{
   width: 100%;
}

.card_block p{
   text-align: center;
}

.ETC_block {
   height: 1.2em;

   /* border: 1px solid blue; */
}

.ETC_block .etc_logo{
   margin-left: 23%;
   height:100%;
   width: auto;
   float:left;
}

.ETC_block .etc_comment{
   text-align: left;
}

.card_block .copy{
  font-size: 0.9em;
}


.mile_area {
   border: 2px solid #EE1C25;
   border-radius: 10px;
}

.mile_obi {
   width:  80px;
   background-color: #EE1C25;
   border: 4px solid #EE1C25;
   float: left;
}

.mile_obi_logo {
   
   display: table-cell;
   
   height: 25px;
   width : 74px;
   
   vertical-align : middle;
   text-align : center;
   
   border: 2px solid #EE1C25;
   border-radius: 14px;
}

.mile_obi_comment {
   margin-top: 7px;
   line-height: 1.1;
   text-align : center;
}

.mile_comment {

   height:100%;
    width: 83%;

   /* border: 1px solid blue; */
   
   float: left;
}

.mile_comment_logo {
   
   transform    : skewX(-10deg);
   
   border: 4px solid #EE1C25;
   padding-left: 8px;
   
   margin-top:  5px;
   margin-left: 7px;

}

.mile_comment p {

   font-family: sans-serif;
   font-size  : 1.2em;
   font-weight: bold;
   margin-left: 5px;

   /*border: 1px solid blue; */

}

.mile_tamaru {
   width : 552px;
   border: 0px;
}

.mile_tamaru_obi {
   
   display: table-cell;

   height:  55px;
   
   text-align : left;
   vertical-align : middle;
   
   background-color: #F15940;
   
   border-left  : 2px solid #F15940;

}

.mile_tamaru_obi_comment {
   display: table-cell;
   vertical-align : middle;
   color: white;
}

.mile_tamaru_obi_space {

   display: table-cell;
   width: 5px;
} 

.mile_tamaru_obi_logo {
   
   display: table-cell;
   
   height: 34px;
   width : 34px;
  
   border-radius: 50%;
   background-color: #EE1C25;
   
   color: white;


   
   vertical-align : middle;
   text-align : center;
   
   border: 2px solid white;

}

.last_mile_comment {

   display: table-cell;
   height : 100%;
   width  : 425px;
   
   vertical-align : middle;

   border-right  : 2px solid #F06698;

}

.mile_tamaru_comment1 {
   
   display: table-cell;
   height: 100%;
   width : 255px;
   
   vertical-align : middle;
}

.mile_tamaru_comment2 {
   
   display: table-cell;
   height:  100%;
   
   vertical-align : middle;
}

.mile_tamaru_comment2_1mile {
   
   display: table-cell;
   
   height: 30px;
   width : 75px;
   
   vertical-align : middle;
   text-align : center;
   
   border-radius: 30px;
}

.mile_tamaru_comment3 {

   display: table-cell;
   height:  100%;
   width : 95px;

   vertical-align : middle;
   
   border-right : 2px solid #F06698;
}

.mile_img_block {

   height: 72px;
   width : 100%;
   
   /* border: 1px solid green; */
}

.mile_img_td1 {

   display: table-cell;

   height: 100%;
   width : 70px;

   /*border: 1px solid red; */

}

.mile_img {

   height: 65px;
   width : 65px;
   float: left;
   
   margin-left : 5px;
   
   /*border: 1px solid blue; */
}

.mile_img_td2 {
   
   height: 100%;
   width : 90px;
   
   display: table-cell;
   vertical-align : middle;
   text-align : laft;
   
   font-size: 1.3em;
   
   /*border: 1px solid red; */
   
}

.course_logo {
   
   height: 40px;
   width : 150px;
   
   display: table-cell;
   vertical-align : middle;
   text-align : center;
   
   border-radius: 75px 75px 75px 75px / 18px 18px 18px 18px;
   
   font-size: 1.5em;
   font-weight: bold;
   color: white;
}

.course_logo_s {
   
   display: table-cell;
   
   height:  36px;
   width : 102px;
   
   vertical-align : middle;
   text-align : center;
   
   border-radius: 51px 51px 51px 51px / 18px 18px 18px 18px;
   
}

.course_comment {

   display: table-cell;

   height:  30px;
   
   vertical-align : bottom;
   
   font-size: 1.1em;
   font-weight: bold;
   
   /* border: 1px solid red;*/
}

.fs07em { font-size: 0.7em; font-weight: bold; font-family: sans-serif;}
.fs08em { font-size: 0.8em; font-weight: bold; font-family: sans-serif;}
.fs09em { font-size: 0.9em; font-weight: bold; font-family: sans-serif;}
.fs10em { font-size: 1em;   font-weight: bold; font-family: sans-serif;}
.fs11em { font-size: 1.1em; font-weight: bold; font-family: sans-serif;}
.fs12em { font-size: 1.2em; font-weight: bold; font-family: sans-serif;}
.fs13em { font-size: 1.3em; font-weight: bold; font-family: sans-serif;}
.fs14em { font-size: 1.4em; font-weight: bold; font-family: sans-serif;}
.fs15em { font-size: 1.5em; font-weight: bold; font-family: sans-serif;}
.fs16em { font-size: 1.6em; font-weight: bold; font-family: sans-serif;}
.fs17em { font-size: 1.7em; font-weight: bold; font-family: sans-serif;}
.fs18em { font-size: 1.8em; font-weight: bold; font-family: sans-serif;}
.fs19em { font-size: 1.9em; font-weight: bold; font-family: sans-serif;}
.fs20em { font-size: 2em;   font-weight: bold; font-family: sans-serif;}
.fs22em { font-size: 2.2em; font-weight: bold; font-family: sans-serif;}
.fs24em { font-size: 2.4em; font-weight: bold; font-family: sans-serif;}
.fs26em { font-size: 2.6em; font-weight: bold; font-family: sans-serif;}
.fs28em { font-size: 2.8em; font-weight: bold; font-family: sans-serif;}

.fs09rem{ font-size: 0.9rem; font-weight: bold; font-family: sans-serif;}
.fs10rem{ font-size: 1.0rem; font-weight: bold; font-family: sans-serif;}
.fs16rem{ font-size: 1.6rem; font-weight: bold; font-family: sans-serif;}
.fs22rem{ font-size: 2.4rem; font-weight: bold; font-family: sans-serif;}

.fs13em2 { font-size: 1.3em; font-family: sans-serif;}
.fs14em2 { font-size: 1.4em; font-family: sans-serif;}
.fs16em2 { font-size: 1.6em; font-family: sans-serif;}

.bg_purple { background-color: #9465A8;}
.bg_green  { background-color: #72B24F;}
.bg_pink   { background-color: #D75793;}
.bg_orange { background-color: #F69131;}
.bg_white  { background-color: white;}
.bg_obi    { background-color: #B280B9;}
.bg_red    { background-color: #EE1C25;}

.bg_blue3  { background-color: #1991D1;}
.bg_blue4  { background-color: #1B69B2;}

.bg_gray1  { background-color: #E7E7E8;}
.bg_gray2  { background-color: #949599;}
.bg_gray3  { background-color: #717275;}

.bb_gray2  { border-bottom-color: #949599;}
.bb_gray3  { border-bottom-color: #717275;}
.bb_black  { border-bottom-color: #444444;}

.bb_blue3  { border-bottom-color: #1991D1;} 
.bb_blue4  { border-bottom-color: #1B69B2;} 

.bd_white  { border-color: white;} 

.h05px  { height:   5px;}
.h10px  { height:  10px;}
.h20px  { height:  20px;}
.h30px  { height:  30px;}
.h60px  { height:  60px;}
.h62px  { height:  62px;}
.h70px  { height:  70px;}
.h75px  { height:  75px;}
.h80px  { height:  80px;}
.h100px { height: 100px;}
.h120px { height: 120px;}
.h134px { height: 134px;}
.h140px { height: 140px;}

.h020px { height:  20px;}
.h045px { height:  45px;}
.h56px  { height:  56px;}

.h254px { height: 254px;}
.h260px { height: 260px;}

.h344px { height: 344px;}
.h350px { height: 350px;}

.h364px { height: 364px;}
.h370px { height: 370px;}

.h454px { height: 454px;}
.h460px { height: 460px;}

.h714px { height: 714px;}
.h720px { height: 720px;}

.w110px { width : 110px;}
.w120px { width : 120px;}
.w130px { width : 130px;}
.w140px { width : 140px;}

.w170px { width : 170px;}
.w200px { width : 200px;}
.w220px { width : 220px;}
.w540px { width : 540px;}

.w10per { width : 10%;}
.w50per { width : 50%;}

.mt0  { margin-top:  0px;}
.mt02 { margin-top:  2px;}
.mt05 { margin-top:  5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mb50 { margin-bottom: 50px;}

.ml02 { margin-left :  2px;}
.ml03 { margin-left :  3px;}
.ml05 { margin-left :  5px;}
.ml10 { margin-left : 10px;}
.ml15 { margin-left : 15px;}
.ml20 { margin-left : 20px;}
.ml25 { margin-left : 25px;}
.ml35 { margin-left : 35px;}
.ml40 { margin-left : 40px;}
.ml50 { margin-left : 50px;}
.ml60 { margin-left : 60px;}
.ml70 { margin-left : 70px;}
.ml80 { margin-left : 80px;}
.ml90 { margin-left : 90px;}
.ml100{ margin-left :100px;}
.ml110{ margin-left :110px;}
.ml120{ margin-left :120px;}
.ml130{ margin-left :130px;}
.ml140{ margin-left :140px;}

.mr05 { margin-right:  5px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}

.td_ml02 { width:  2px; display: table-cell;}
.td_ml05 { width:  5px; display: table-cell;}
.td_ml10 { width: 10px; display: table-cell;}

.cb { clear: both;}
.fl { float: left;}

.td_ul { text-decoration: underline;}

.color_red     { color : #EE1C25;} 
.color_red2    { color : #E60013;}
.color_white   { color : white;} 
.color_obi     { color : #EE1C25;} 

.color_skyblue { color : #15C0F3;}
.color_gray    { color : #6D6E70;}
.color_blue2   { color : #1B69B2;}

.bc_blue3      { border-color: #1B69B2;}
.bc_gray3      { border-color: #717275;}

.fwBold { font-weight: bold;}

.under { text-decoration: solid underline red 2px;}

.b1px  { border : 1px solid #E60013;}

.bt1px { border-top   : 1px solid #F06698;}
.bt2px { border-top   : 2px solid #F06698;}

.bb1px { border-bottom: 1px solid #F06698;}
.bb2px { border-bottom: 2px solid #F06698;}

.br1px { border-right : 1px solid #F06698;}
.br2px { border-right : 2px solid #F06698;}

.bl1px { border-left  : 1px solid #F06698;}
.bl2px { border-left  : 2px solid #F06698;}

.bt1px_w { border-top   : 1px solid white;}
.bb1px_w { border-bottom: 1px solid white;}

.btdpx_p { border-top: dotted 6px #F69131;}


/* ------------------------------------------------------ */
/*  Lots                                                  */
/* ------------------------------------------------------ */

.item_box {
   height: 250px;
   width : 656px;
   float : clear;
}

.item_block1 {

   height: 240px;
   width : 455px;

   margin-top : 5px;
   margin-left: 5px;

   float : left;

   /*border: 1px solid green;*/

}

.item_block1a {
   height:  90px;
   width : 452px;
   float : clear;

   /*border: 1px solid blue;*/
   
}

.item_block1b {
   height: 140px;
   width : 452px;
   float : clear;

   margin-top :0px;

   font-size: 16px;
   font-family: sans-serif;

   /*border: 1px solid red;*/

}

.item_block2 {

   height: 240px;
   width : 185px;

   margin-top : 5px;
   margin-left: 5px;

   float : left;

   /*border: 1px solid;*/

}

.item_block2a {
   height:  50px;
   width : 180px;
   float : clear;

   border: 0px;
   
}

.item_block2aa {
   height:  50px;
   width :  116px;
   float : left;

   text-align : center;

   margin-left: 8px;

   /*border: 1px solid black;*/
   /*background-color: black;*/
   
   border: 1px solid white;
   background-color: white;
   
   color: white;
   
}

.item_block2ab {
   height:  48px;
   width :  48px;

   text-align : center;
   float : left;
   border-radius: 24px 24px 24px 24px / 24px 24px 24px 24px;
   border: 2px solid green;
}

.item_block2b {
   height: 180px;
   width : 180px;

   margin-top : 5px;
   float : clear;
   border: 1px solid #ffffff;
}

.br2px { border-right : 2px solid;}
.bl2px { border-left  : 2px solid;}

.bt7px { border-top   : 7px solid;}
.br7px { border-right : 7px solid;}
.bb7px { border-bottom: 7px solid;}
.bl7px { border-left  : 7px solid;}

.mt00 { margin-top:  0px;}

.h11em { height: 1.1em;}

.w656 { width : 656px;}
.w670 { width : 670px;}

.va_m { display: table-cell; vertical-align : middle;}
.pad05   { padding-left : 5px;}
.pad10   { padding-left :10px;}
.pad_r05 { padding-right: 5px;}

.color_5mile   { color       : #8363AA;}
.bc_5mile1     { border-color: #C3B5D9;}
.bc_5mile2     { border-color: #8363AA;}

.color_3mile   { color       : #2A93D1;}
.bc_3mile1     { border-color: #ADCAEA;}
.bc_3mile2     { border-color: #2A93D1;}

.color_1mile   { color       : #2A9A86;}
.bc_1mile1     { border-color: #B0CEC6;}
.bc_1mile2     { border-color: #2A9A86;}

.color_purple  { color       : #8262AA;}
.color_purple2 { color       : #7D489C;}
.bc_purple1    { border-color: #B6A4CF;}
.bc_purple2    { border-color: #8262AA;}

.color_orange  { color       : #F36F23;}
.color_orange2 { color       : #F15940;}
.bc_orange1    { border-color: #FABF77;}
.bc_orange2    { border-color: #F36F23;}

.color_green   { color       : #08B9AB;}
.color_green4  { color       : #009A4A;}

.bc_green1     { border-color: #9FD8D1;}
.bc_green2     { border-color: #08B9AB;}
.bc_green3     { border-color: #A7D6AE;}
.bc_green4     { border-color: #009A4A;}

.color_blue    { color       : #00B2F0;}
.color_blue4   { color       : #007DC5;}
.color_blue5   { color       : #0060AE;}
.bc_blue1      { border-color: #6DD0F6;}
.bc_blue2      { border-color: #00B2F0;}
.bc_blue3      { border-color: #A9D2E6;}
.bc_blue4      { border-color: #007DC5;}

.color_brack   { color       : brack;}
.bc_white      { border-color: white;}

.color_pink2   { color       : #EE3898;}
.bc_pink1      { border-color: #F4AEBF;}
.bc_pink2      { border-color: #EE3898;}

.bc_red        { border-color: #D8252A;}

.bg_skyblue    { background-color: #15C0F3;}
.bg_lightblue  { background-color: #C7EBFC;}


.color_all200  { color       : #F06698;}
.bc_all200     { border-color: #F06698;}
.bg_all200     { background-color: #F06698;}

.color_all100  { color       : #2C77BC;}
.bc_all100     { border-color: #2C77BC;}
.bg_all100     { background-color: #2C77BC;}

.color_all050  { color       : #7FC241;}
.bc_all050     { border-color: #7FC241;}
.bg_all050     { background-color: #7FC241;}

.color_all030  { color       : #F7941D;}
.bc_all030     { border-color: #F7941D;}
.bg_all030     { background-color: #F7941D;}

.vt { vertical-align : top;}
.vm { vertical-align : middle;}

.bd1  { border: 1px solid;}
.bd1w { border: 1px solid; border-color: white;}