/* bakker */

.b-shop   { background: #ffffbc; }
.b-cream  { background: #ffffea; }
.b-white  { background: #ffffff; }

.b-ffe5e5 { background: #ffe5e5; }
.b-fff2f2 { background: #fff2f2; }
.b-fff7f7 { background: #fff7f7; }


.b-back02  {background-image: url(http://www.narakko.jp/yn-img/back-02.gif); }
.b-back04  {background-image: url(http://www.narakko.jp/yn-img/364-line4.gif); }

.b-back03  {background-image: url(http://www.narakko.jp/yn-img/727-line3.gif); }
.b-back06  {background-image: url(http://www.narakko.jp/yn-img/727-line7.gif); }

.b-back-r4 {background-image: url(http://www.narakko.jp/yn-img/727-line-r4.gif); }
.b-back-l3 {background-image: url(http://www.narakko.jp/yn-img/727-line-l3.gif); }

.b727-ym-4 {background-image: url(http://www.narakko.jp/yn-img/727-ym-4.gif); }
.b727-gr-4 {background-image: url(http://www.narakko.jp/tt-img/orange-727-04.gif); }


.f-white  { color: #fff; }

.f-444    { color: #444; }
.f-555    { color: #555; }
.f-666    { color: #666; }
.f-777    { color: #777; }
.f-888    { color: #888; }

.f-706eba { color: #706eba; }
.f-ff6666 { color: #ff6666; }
.f-ff8040 { color: #ff8040; }
.f-ffddcc { color: #ffddcc; }
.f-35971c { color: #35971c; }



/* ul li */

.ul-tt01 { font-size : 12px;
           line-height : 180%;
           color : #ffffff;
           font-weight : normal;
           text-align : left;
           margin-top : 0px;
           margin-left : 12px;
           margin-right : 0px;
           margin-bottom : 0px;
           padding-top : 0px;
           padding-left : 0px;
           padding-right : 0px;
           padding-bottom : 0px;
         }

.li-tt01 { font-size : 12px;
           line-height : 180%;
           color : #ffffff;
           font-weight : normal;
           text-align : left;
           list-style-type : disc;
           list-style-position : inside;
           margin-top : 0px;
           margin-left : 0px;
           margin-right : 0px;
           margin-bottom : 0px;
           padding-top : 0px;
           padding-left : 0px;
           padding-right : 0px;
           padding-bottom : 0px;
         }

.ul-tt02 { margin : 0px 0px 0px 12px;  padding : 0px;
           font-size : 14px;
           line-height : 160%;
           font-weight : normal;
           text-align : left;
         }

.li-tt02 { margin : 0px;  padding : 0px;
           font-size : 14px;
           line-height : 160%;
           font-weight : normal;
           text-align : left;
           list-style-position : inside;
           list-style-type : square;
         }



.ul-tt03 { margin: 0;  padding: 0px 0px 0px 12px;
           font-size : 12px;
           line-height : 160%;
           font-weight : normal;
           text-align : left;
         }

.li-tt03 { margin : 0px;  padding : 0px;
           font-size : 12px;
           line-height : 160%;
           font-weight : normal;
           text-align : left;
           list-style-position : inside;
           list-style-type : square;
         }



.ul-tt04 { margin: 0;  padding:  0px 0px 0px 12px;
           font-size : 12px;
           line-height : 200%;
           color: #444444;
           font-weight : normal;
           text-align : left;
         }

.li-tt04 { margin : 0px;  padding : 0px;
           font-size : 12px;
           line-height : 200%;
           color : #444444;
           font-weight : normal;
           text-align : left;
           list-style-position : inside;
           list-style-type : square;
         }



/* Roll-Over */

.tt-omo         { padding: 0 0 0 20px;
                  font-size: 13px;
                  font-weight : bolder;
                  color:  #ff6666;
                  line-height:24px;
                }

.tt-omo a       { display:  block;
                  width:    180px;
                  height:    24px;
                  color:  #ff6666;
                  text-align: left;
                  background: url(tt-img/bck-01.gif) no-repeat;
                  text-decoration: none;
                }

.tt-omo a:hover { color: #ffffff; 
                  background: url(tt-img/bck-02.gif) no-repeat;
                }


.tt1-omo         { padding: 0 0 0 20px;
                  font-size: 13px;
                  font-weight : bolder;
                  color:  #ff8040;
                  line-height:24px;
                }

.tt1-omo a       { display:  block;
                  width:    180px;
                  height:    24px;
                  color:  #ff8040;
                  text-align: left;
                  background: url(tt-img/tt1-01.gif) no-repeat;
                  text-decoration: none;
                }

.tt1-omo a:hover { color: #ffffff; 
                  background: url(tt-img/tt1-02.gif) no-repeat;
                }



.tt-ttt         { padding: 0 0 0 20px;
                  font-size: 12px;
                  font-weight : bolder;
                  color:  #ff3fa6;
                  line-height:20px;
                }

.tt-ttt a       { display:  block;
                  width:    180px;
                  height:    20px;
                  color:  #ff3fa6;
                  text-align: left;
                  background: url(tt-img/tk-at01.gif) no-repeat;
                  text-decoration: none;
                }

.tt-ttt a:hover { color: #ffffff; 
                  background: url(tt-img/tk-at02.gif) no-repeat;
                }