/*--- login.html/login02.html---*/
p.idpass{
    font-size:14px;
    padding-left: 100px;
}

p.lost{
    font-size:11px;
    padding-left: 300px;
    padding-bottom:10px;
}

img.biginner{
    margin:10px 0 0 150px;
}

p.biginner{
    padding-left: 50px;
}

#usr_id{
    margin:40px 0 40px 80px;
}

#usr_mail{
    text-align:center;
    margin:40px 0;
}

#usr_kakunin{
    margin:5px 0 30px 180px;
}

#usr_id div.center{
    margin: 10px 0 40px 50px;
}

#osirase{
    width:300px;
    border:1px solid #9C9BAC;
    color: #555555;
    margin:0 auto;
    padding:0 20px 10px 0;
}


/*--- サービスの紹介 ---*/
#div_service{
    margin: 30px 20px 10px 30px; 
    border: solid 1px #9C9BAC;
    padding: 20px 0 10px 20px;
    font-size:12px;
}

#div_service ul{
    margin-left: 10px;
    margin-top : 5px;
    list-style-type: none;
}

#div_service ul li{
    color: #445cdc;
    font-weight: bold;
    background: url('../member/image/mark.png') no-repeat; 
    padding-left: 10px;
    line-height:150%;
}

div.syokai{
    color: #000000;
    font-weight: normal;
    margin: 0 30px 20px 0;
    line-height: 150%;
}


/*--- member_service.html/login.html/service.html(cgi-bin)の設定 ---*/
#support{
    width:600px;
    margin:0 0 30px 0;
    font-size:12px;
    color:#444444;
}

#support h2{
    font-size:18px;
    font-weight:bold;
    color: #5756FF;
    margin:15px 0 5px 5px;
}

/*-- オレンジ縦棒見出し  --*/
#support div.box{
    width:5px;
    background-color:#ff6b24;
    margin:10px 5px 0 10px;
    float:left;
    height:22px;
}

#support h3{
    font-size:16px;
    font-weight: bold;
    color: #ff6b24;
    margin: 10px 0 0 0;
    float: left;
    line-height:150%;
}

#support p{
    margin:10px 10px 0 20px;
    line-height:140%;
}

#demo_usr{
    margin: 0 0 10px 40px;
}    

img.image-right{
    float:right;
    margin:0 120px 0 0;
}

span.kome{
    color: #444444;
    font-weight: normal;
    margin-left:10px;
    font-size:12px;
}

#pdf{
    margin:20px 0 40px 30px;
}


#pdf table{
    width:100%;
    border:1px solid #969696;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
}

#pdf table td{
    height:40px;
    border:1px solid #969696;
    padding:2px 7px;
}

#support div.mail{
    width:450px;
    margin:10px 0 10px 60px;
    border: 1px solid #969696;
    line-height:140%;
    padding:7px;
}

#support div.mail p.left{
    float:left;
    font-weight:bold;
    margin:10px 0 0 0;
 }

#support div.mail p.right{
    float:right;
    margin:0;
 }


#support div.tel{
    width:340px;
    margin:10px 0 10px 60px;
    border: 1px solid #969696;
    line-height:140%;
    padding:7px;
}

#support div.tel p.left{
    float:left;
    font-weight:bold;
    margin: 0;
 }

#support div.tel p.right{
    float:right;
    margin:0;
 }


#verup {
    margin:10px 0 30px 80px;
}

#verup table{
    width:450px;
    border:1px solid #969696;
    border-collapse:collapse;
}

#verup table td{
    padding:10px 5px;
    border:1px solid #969696;
    font-size:14px;
}

/*--- サポート電話受付カレンダー ---*/
#calender{
    margin-left:40px;
}

#calender p{
    color: #2EA605;
    font-weight: bold;
    font-size: 16px;
    margin:20px 0 5px 20px;
}#calender p2{    color: #4169e1;
    font-weight: bold;
    font-size: 18px;
    margin:20px 0 5px 20px;
}

#calender table{
    width: 400px;
    border: 1px solid #787878;
    empty-cells: show;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
    margin-left:50px;
}

#calender th{
    border: 1px solid #787878;
    background:#E8F6FF;
    text-align:center;
    padding:10px;
    font-size:18px;
    font-weight:bold;
}

#calender td{
    background:#FFFFDA;
    padding:5px;
    border: 1px solid #787878;
    text-align:center;
}

#calender td.red{
    color:red;
}

#calender td.blue{
    color:blue;
}

#support_tel{
    color: #445cdc;
    font-size: 18px;
    font-weight: bold;
}

#time{
    margin:10px 0 10px 20px;
 }   

/*--- リモートツールダウンロード ---*/
p.remote{
    font-size:11px;
    color: #444444;
    margin:0 40px 5px 30px;
    line-height:120%;
}

img.remote{
    margin:20px 220px 30px 180px;
    border:0;
}


/*--- login_dl_page.html ---*/
#dlpage{
    width: 600px;
    margin: 10px 0 20px 10px;
    color: #444444;
}

#dlpage h1{
    font-size:18px;
    font-weight:bold;
    color:#5756FF;
    line-height:150%;
}

#dlpage p.setumei{ 
    margin: 5px 5px 0 15px;
    font-size:12px;
    line-height:150%;
    color:#800000;
}

a.run:link { color: #0000ff; text-decoration: underline;}    /* 未訪問のリンク */
a.run:visited { color: #8324EF; text-decoration: underline;} /* 訪問済みのリンク */
a.run:hover { color: #ff0000; text-decoration: underline;}   /* ポイント時のリンク */
a.run:active { color: #ff8000; text-decoration: underline;}  /* 選択中のリンク */


#dlpage h2{
    color: #FF0000;
    font-size: 16px;
    font-weight:bold;
    margin: 30px 0 5px 10px;
}

#dlpage ul{
    margin: 0 20px 0 40px;
    padding: 0;
}

#dlpage ul li{
    font-size:12px;
    line-height:170%;
}

#dlpage table.rpt{
    margin:5px 10px 2px 50px;
    border-collapse:collapse;
    border:1px solid #646464;
}

#dlpage table.rpt tr td{
     border:1px solid #646464;
     padding:5px;
}

#dlpage p.rpt{
    margin:0 0 10px 50px;
    line-height:16px;
}   

p.verup{
    margin: 0 0 0 40px;
    line-height:140%;
}

table.click{
    margin:0 0 10px 40px;
}


table.verup_pro{
    width:300px;
    margin:10px 0 20px 120px;
    border:1px solid #646464;
    border-collapse:collapse;
    text-align:center;
    background-color:#F0FAFB;
}

td.verup_pro{
    font-weight:bold;
    color: #503FFF;
    padding: 10px 0;
    border:1px solid #969696;
}

/*--- ケア2verup ダウンロードテーブル ---*/
#care2{
    width:540px;
    margin:10px 0 0 50px;
    border:1px solid #646464;
    border-collapse:collapse;
    text-align:center;
    background-color:#F0FAFB;
}

#care2 td.ver{
    padding: 10px;
    border:1px solid #646464;
    font-weight:bold;
    color: #503FFF;
}

#care2 td.line{
    padding: 10px;
    border:1px solid #646464;
    font-size:12px;
    line-height:150%;
}

img.line{
    margin:20px 0 20px 20px;
}

#kakomi{
    width:40px;
    height:35px;
    margin:10px 10px 0 80px;
    padding:15px;
    border:1px dashed #FF4284;
}

#runtime{
    color: #FF4500;
    font-size: 11pt;
    font-weight: bold;
    margin: 10px 0 0 2px;
}


#runtime table{
    width: 500px;
    margin: 10px 10px 0 20px;
    border:1px solid #808080;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FBFFDF;
    empty-cells:show;
}

#runtime td{
    border: 1px solid #808080;
    padding: 10px;
    text-align: center;
    font-weight:bold;
}

table.type{
    width:80%;
    margin-left: 20px;
    border:1px solid #9D9D9D;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFFFF0;
    empty-cells:show;
}

td.type{
    height:50px;
    border:1px solid #9D9D9D;
    text-align:center;
    padding:5px;
    font-size: 105%;
    color: #FF4500;
    font-weight: bold;
}


.float{ float: right; }

.clear{ clear: both; }

.return{
    text-align:right;
    margin-top:20px;
    font-weight:bold;
}

a.return:link { color: #8324EF; text-decoration: underline;}    /* 未訪問のリンク */
a.return:visited { color: #8324EF; text-decoration: underline;} /* 訪問済みのリンク */
a.return:hover { color: #ff0000; text-decoration: underline;}   /* ポイント時のリンク */

#dlpage p.kaitei{
    margin:20px;
    line-height:160%;
}

/*--- ダウンロード用　BOXの設定 ---*/
div.dl_box { 
    width: 450px;
    height: 120px;
    position: absolute;
    top: 700px;
    left: 220px;
}

div.typeA {
    text-align: center;
    padding-top : 8px;
    font-size: 102%;
    color: #FF4500;
    font-weight: bold;
    border: 1px solid #808080;
    width: 150px;
    height: 60px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color :#FFFFDE;
} 

div.typeB { 
    text-align: center;
    padding-top : 8px;
    font-size: 102%;
    color: #FF4500;
    font-weight: bold;
    border: 1px solid #808080;
    width: 150px;
    height: 60px;
    position: absolute;
    top: 0px;
    left: 149px;
    background-color :#FFFFDE;
}

div.typeC{ 
    text-align: center;
    padding-top : 8px ;
    font-size: 102%;
    color: #FF4500;
    font-weight: bold;
    border: 1px solid #808080;
    width: 150px;
    height: 60px;
    position: absolute;
    top: 0px;
    left: 298px;
    background-color :#FFFFDE;
}

 div.typeD { 
    text-align: center;
    padding-top : 8px;
    font-size: 102%;
    color: #FF4500;
    font-weight: bold;
    border: 1px solid #808080;
    width: 150px;
    height: 60px;
    position: absolute;
    top: 59px;
    left: 75px;
    background-color :#FFFFDE;
}

div.typeE { 
    text-align: center;
    padding-top : 8px ;
    font-size: 102%;
    color: #FF4500;
    font-weight: bold;
    border: 1px solid #808080;
    width: 150px;
    height: 60px;
    position: absolute;
    top: 59px;
    left: 224px;
    background-color :#FFFFDE;
}



/*-------------------------
   新着情報（NEWS2)の設定
---------------------------*/

/*--- detail.html ---*/
#news{
    width:610px;
    font-size:12px;
    line-height:140%;
}

#news div.line{
    border-bottom:1px solid #DCDCDC;
    margin:20px 0 10px 5px;
    padding-bottom:5px;
}


#news h1{
    color:#6C5EFF;
    font-size:16px;
    font-weight:bold;
    padding-left:10px;
}    


img.yaji{
    float:left;
    margin:0 10px 0 20px;
}

#news h2{
    color:#555564;
    font-size:14px;
    line-height:150%;
    font-weight:bold;
    float:left;
}

#news p.news2{
    margin: 10px 20px 5px 40px;
    line-height:145%; 
}

#news p.title{
    color:#534D99;
    font-weight:bold;
    margin:0 20px 20px 40px;
}   

/*--- kako_record.html ---*/

p.date{
    font-size:12px;
    text-align:left;
    margin:2px 0 10px 40px;
}

img.right{
    float:right;
    margin-right:10px;
}

p.title2{
    color:#444444;
    font-weight:bold;
    margin:0 20px 2px 40px;
}   

#news div.line2{
    border-bottom:1px solid #2A3BBB;
    margin:5px 5px 10px 30px;
}

/*-- サイト位置 --*/
div.site{
    margin:0 5px 5px 0;
    padding:10px 0 3px 0;
    border-bottom: 1px solid #C8C8C8;
}

div.site p{
    font-size:12px;
    margin-left:5px;
}

div.site a{ text-decoration :underline;}

.site a:link{color:#0000FF;}
.site a:visited { color: #904DA1;}
.site a:hover { color: #FF0000;}
.site a:active{color:#000080;}


/*-- パンくずリスト --*/
#pankuzu{
    background-color:#F5F5F5;
    border-bottom:1px #D7D7D7 solid;
    border-right:1px #d7d7d7 solid;
    padding:5px;
}  

/*-- リンクの色設定 --*/
#pankuzu a:link{color:#008609F;}
#pankuzu a:visited { color: #904DA1;}
#pankuzu a:hover { color: #FF258E;text-decoration: underline;}
#pankuzu a:active{color:#000080;}