@CHARSET "UTF-8";

html {
    overflow-y:scroll;
}


body {
/*
    background-image:url("../img/back/main1.gif");
    background-color: #F1FEFE;
    background-repeat:repeat-x;
*/
    font-size: 75%;  /*1em 12px */
    color: #333;
    line-height: 1.5em;
    letter-spacing: normal;

}

img{
    margin:0;
    padding: 0 0 0 0;
    border: 0 none;
}

a:link {
    color:#0066AA;
    text-decoration:none;
}

a:visited {
    color:#586F7E;
    text-decoration:none;
}

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



/*
 * wrap
 */

/*全体*/
 #all-wrap{
    width:720px;
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
}

/*トップロゴエリア*/
#top-wrap{
    width:720px;
    height:108px;
    background-color: #FFF;
    clear:both;
}

/*トップロゴ以降のすべてをラップ*/
#body-wrap{
    width:100%;
    background-color: #FFF;
    clear:both;
}

/*メインメニュー*/
#menu-wrap{
    width:100%;
    height:30px;
    background-color:#fdfcdf;
    border-bottom-width:12px;
    border-bottom-color:#FFF;
    border-bottom-style:solid;
}

/*レフトメニューエリア*/

#left-pain{
    width:192px;
    background-color:#FFF;
    float:left;
    margin-right:12px
}

.leftPainBody-frame{
    width:168px;
    padding:6px 12px 6px 12px;
    background-image: url(../img/waku/waku16-b.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    float:left;
    margin-bottom:10px;
}

.plodItemTitle{
    width:156px;
    padding:6px;
    margin:0;
    border-top:1px solid #A5B1B5;
    border-left:1px solid #A5B1B5;
    border-right:1px solid #A5B1B5;
/**/
    background-image: url(../img/background/leftMenuBg.gif);
    background-position:center;
    background-repeat:no-repeat;
/**/
}

.leftPainsubject{
    width:156px;
    padding:6px 6px 6px 6px;
    margin-bottom:6px;
    border-bottom:1px solid #A5B1B5;
    border-left:1px solid #A5B1B5;
    border-right:1px solid #A5B1B5;
    background-color:#FFFFE6;
    line-height:1.2em;
    word-break:break-all;
}

.leftPainsim{
    width:156px;
    padding:6px 6px 6px 6px;

    border-left:1px solid #A5B1B5;
    border-right:1px solid #A5B1B5;
    background-color:#FFFFE6;
    line-height:1.2em;
    word-break:break-all;
}





/*メインコンテンツ(right pain) */
#main-wrap{
    width:514px;
    margin:0;
    padding: 0 0 0 0;
    border: 0 none;
    float:left;
}


#footer{
    width:744px;
    height:140px;
    border-top-width:12px;
    border-top-style:solid;
    border-top-color:#FFF;
    padding:14px 0 0 0px;
    background-image: url(../img/background/footer-bg.png);
    background-position:left top;
    background-repeat:repeat-x;
    clear:both;
}


.img_descri{
    display:none;
}


/*---------------- wrap内のdiv ----------------*/

.wrap514{
    width:514px;
    background-color:#FFF;
    margin-bottom:12px;
    float:left;
}

#topics{
    width:460px;
    height:160px;
    overflow:scroll;
    overflow:scroll;
    border:1px solid #aaa;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:8px;
}



#footer-myinf{
    width:336px;
    float:left;
}

#footer-rightlog{
    width:384px;
/*    padding-top:10px;*/
    float:left;
}




#footer ul {
    text-align:center;
    margin-bottom:6px;
    font-size:10px;
}


#footer li {
    display:inline;
    float:none !important;
    padding:0 !important;
    text-align:left;
}

#footer p{
    margin-left:36px;
}

/* メニュー項目 */
div.menu-item{
    width:20%;
    height:100%;
    float:left;
}

td.sublink{
    padding-left:8px;
    padding-right:8px;

    background-image: url(../img/mark/arr-o.gif);
    background-position:left;
    background-repeat:no-repeat;;
}


/*
 * 二つ以上のdivを包括するサブラップ
 * およびその調整クラス
*/
div.cover100{
   width:100%;
   clear:both;
}

div.p-t12{
    padding-top:12px;
}

div.p-b12{
    padding-bottom:12px;
}

div.m-b12{
    margin-bottom:12px;
}


/*div 属性*/

/*トップリボン*/
#top-ribbon{
    padding-top:3.6px;
    padding-bottom:0;
    width:100%;
    height:1.5em;
    background-color:#50d942;
    color:#FFF;
    font-size:1em;
    font-weight:bolder;
    text-align:center;
    letter-spacing:0.1em;
}



#top-catch{
    width:100%;
    margin-bottom:4px;
    padding-top:6px;
    padding-bottom:4px;
    background-image: url(../img/background/toptop.png);
    background-position:center;
    background-repeat:repeat-x;
    font-size:15px;
    font-weight:bolder;
    color:#197B30;
    text-align:center;
    letter-spacing:3px;
}

/* 以下 divフレーム表示用 */
.msg-frame428{
    width:428px;
/*
    margin-left:4px;
*/
    padding:10px 12px 10px 12px;
    background-image: url(../img/waku/waku452.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    font-size:12px;


}


.msg-frame336{
    width:336px;
    padding:6px 12px 6px 12px;
    background-image: url(../img/waku/waku360.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
     float:left;

}

.msg-frame514{
    width:484px;
    padding:6px 12px 6px 18px;
    background-image: url(../img/waku/waku514.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
     float:left;

}


.linfri-frame514{
    width:490px;
    padding:6px 12px 12px 12px;
    margin-bottom:12px;
    background-image: url(../img/waku/waku514.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    float:left;

}

.linfwrap{
    width:210px;
    border:none;
    margin:0;
    padding:0;
    float:left;

}

.lintro-RMsg{
   width:268px;
    margin-left:12px;
    float:left;
}

#jsArrat{
    width:100%;
    padding-top:10px;
    height:28px;
    background-color:#FFF;
    text-align:center;
    font-size:24px;
}

#head-img{
    width:100%;
    height:70px;
    margin:6px 0 12px 0;
    clear:both;
}

#head-imsg{
    width:490px;
    margin:12px 12px 12px 12px;
}

/*
 * イメージ属性
 */

/*隣接エレメントに密着*/
.tab-img {
    margin:0;
    padding: 0 0 0 0;
    border: 0 none;
    float:left;
}

/*
 * 文字属性
 */

#top-wrap h1{
    color:#AAA;
    text-align:center;
    letter-spacing:0.3em;
    font-size:12px;
}

#top-wrap h2{
    display:none;
    text-indent: -999em;
    visibility: hidden;
}


.l-str{
    font-size:12pt;
}

.visible-h3{
    font-family:"ＭＳ Ｐゴシック";
    font-size:14px;
    font-weight:bolder;
    line-height:150%;
    color:#20BB20;
}

.center{
    text-align:center;
}

pre{
  width: 480px;
  padding: 2px;
  background-color: #EEEEEE;
  margin:0 auto 4px auto;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}


.t1-subtitle{
    margin-left:12px;
    list-style-image:url(../img/mark/arr-g.gif);
    font-size:120%;
    padding-bottom:6px;
    color:#E46310;
}

.tx-subtitle{
    font-size:120%;
    padding-top:4px;
    color:#9e0b0e;
}




.t1-msg{
    margin-left:24px;
    font-size:80%;
    line-height:1.5em;
    color:#333333;
}

.t2-subtitle{
    margin-left:12px;
    padding-left:20px;
    background-image:url(../img/mark/q.gif);
    background-position:left;
    background-repeat:no-repeat;
    font-size:12px;
    padding-top:4px;
    color:#0066AA;
    cursor:pointer;
}


.topicMsg{
    margin-left:20px;
    list-style-image:url(../img/mark/arr.gif);
}


.dtm{
    color:#00A651;
    margin-right:12px;
}



.catch{
    background-image:url(../img/mark/arr-o.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-top:8px;
    padding-left:12px;
    font-size:14px;
    color:#cd3737;
    font-weight:bolder;
}

.catch_ans{
    padding-left:16px;
    font-size:14px;
    color:#5053dc;
    font-weight:bolder;

}

.step_u {
    list-style-type:decimal-leading-zero;
    list-style-position:inside;
    font-size:120%;
    color:#00f;
    margin-bottom:4px;
}
.step_my {
    list-style-type:decimal-leading-zero;
    list-style-position:inside;
    font-size:120%;
    color:#94260c;
    margin-bottom:4px;
}


.apc{
    background-image:url(../img/mark/arr-o.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:12px;
    font-size:14px;
    margin-top:8px;
}


li.indexTop{
    list-style:url(../img/mark/blue-pinpon.gif) outside;
    font-size:14px;
    color:#0d004c;
    margin-left:14px;
    margin-right:10px;
    margin-bottom:8px;
    background-image: url(../img/background/hori-t.gif);
    background-position:center;
    background-repeat:repeat-x;
    padding:4px;


}