/*  -------------   ボディ   -------------    */
body{
     font-size:12px;
     margin:0px;
     padding:0px;
     background-image:url(rogo2/bk.jpg);
     background-position:top;
}


/*  -------------   全体   -------------    */
#all{
     width:750px;
     margin:auto;
     background:#ffffff;
}


/*  -------------   画像   -------------    */
img{
     border:0px;
}

.img123{
     border:1px solid #cccccc;
}

td,div,p,ul,li{
     list-style:none;
     font-size:12px;
     margin:0px;
     padding:0px;
}

dl{
     margin:0px;
     padding-top:6px;
     padding-left:6px;
}


/*  -------------   H1〜6   -------------    */
h1{
     text-align:center;
     font-size:12px;
     color:#cccccc;
     margin:0px;
     padding:0px;
}

.f{
     font-size:10px;
     color:#000000;
}

hr{
     clear:both;
     color:#ffcc00;
}


/*  -------------   リンク   -------------    */
a:link{
     text-decoration:underline;
     color:#0000ff;
}

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


/*  -------------   ヘッダ左   -------------    */
#logo{
     float:left;
     width:230px;
     height:87px;
     margin-right:1px;
     margin-bottom:9px;
}


/*  -------------   ヘッダ中   -------------    */
#top-center{
     float:left;
     width:408px;
     height:87px;
}

#top-center1{
     width:402px;
     height:50px;
     margin:3px;
}

.menu{
     float:left;
     width:100px;
     height:30px;
     margin:1px;
}


/*  -------------   ヘッダロールバー   -------------    */
.menu img{
     width:100px;
     height:30px;
}

#navi{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/c-r.gif);
}

a:hover#navi{
     background-image:url(rogo/c-r1.gif);
}

#navi1{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/c-s.gif);
}

a:hover#navi1{
     background-image:url(rogo/c-s1.gif);
}

#navi2{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/c-b.gif);
}

a:hover#navi2{
     background-image:url(rogo/c-b1.gif);
}

#navi3{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/c-t.gif);
}

a:hover#navi3{
     background-image:url(rogo/c-t1.gif);
}

/*  -------------   ヘッダ右   -------------    */
#top-right{
     float:left;
     width:108px;
     height:87px;
     margin-left:3px;
}

#top-right1{
     width:90px;
     height:15px;
     margin-top:7px;
     text-align:left;
     padding-left:18px;
     background:url(rogo2/wakaba.gif) no-repeat center left;
}

#top-right2{
     width:90px;
     height:15px;
     margin-top:6px;
     text-align:left;
     padding-left:18px;
     background:url(rogo2/sitemap.gif) no-repeat center left;
}

#top-right3{
     width:90px;
     height:15px;
     margin-top:6px;
     text-align:left;
     padding-left:18px;
     background:url(rogo2/star.gif) no-repeat center left;
}

#top-right4{
     width:90px;
     height:15px;
     margin-top:6px;
     text-align:left;
     padding-left:18px;
     background:url(rogo2/q.gif) no-repeat center left;
}


/*  -------------  カテゴリ  -------------    */
#navigation{
     clear:both;
     width:750px;
     height:30px;
}

#navigation ul{
     list-style:none;
     padding-left:0px;
     margin-left:0px;
}

#navigation li{
     list-style:none;
     float:left;
     width:80px;
     height:30px;
     margin-right:2px;
}

#navigation img{
     width:80px;
     height:30px;
}


/*  -------------  カテゴリロールバー  -------------    */
#f-home{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/home1.gif);
}

a:hover#f-home{
     background-image:url(rogo/home2.gif);
}

#f-new{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/fsin1.gif);
}

a:hover#f-new{
     background-image:url(rogo/fsin2.gif);
}

#f-kajyu{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/fkajyu1.gif);
}

a:hover#f-kajyu{
     background-image:url(rogo/fkajyu2.gif);
}

#f-komono{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/fkomono1.gif);
}

a:hover#f-komono{
     background-image:url(rogo/fkomono2.gif);
}

#f-sei{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/fsei1.gif);
}

a:hover#f-sei{
     background-image:url(rogo/fsei2.gif);
}

#f-zatu{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/fzatu1.gif);
}

a:hover#f-zatu{
     background-image:url(rogo/fzatu2.gif);
}


/*  -------------  ロールバー下  -------------    */
.navigation1{
     clear:both;
     width:726px;
     height:24px;
     padding-top:3px;
     padding-left:15px;
     padding-right:9px;
     background:#ffcc00;
}

#cart{
     float:right;
     width:118px;
}

#cart img{
     width:118px;
     height:20px;
}

#kago{
     display:block;
     background-repeat:no-repeat;
     background-image:url(rogo/kago.gif);
}

a:hover#kago{
     background-image:url(rogo/kago1.gif);
}


/*  -------------   全体パンくず   -------------    */
#breadcrumb{
     width:720px;
     margin:auto;
     margin-top:6px;
     padding-bottom:2px;
     text-align:left;
     border-bottom:1px dotted #dcdcdc;
}


/*  -------------   全体ページタイトル   -------------    */
#pagetitle{
     text-align:left;
     width:681px;
     margin:auto;
     margin-top:15px;
     margin-bottom:30px;
     padding-top:4px;
     padding-left:6px;
     border-left:3px solid #dcdcdc;
     border-bottom:1px solid #dcdcdc;
     background:#f5f5f5;
}


/*  -------------  フッタ  -------------    */
#footer{
     clear:both;
     width:750px;
     margin-top:2px;
     border-top:2px solid #ffcc00;
     text-align:center;
     line-height:150%;
}


/*  -------------  戻る、詳細など右下用  -------------    */
.rightright{
     clear:both;
     text-align:right;
     margin-top:6px;
}

.right-t{
     clear:both;
     text-align:left;
     width:190px;
     margin-top:12px;
     margin-bottom:6px;
     border-bottom:1px dotted #cccccc;
}


/*  -------------  最新情報GETBOX  -------------    */
.main-box2{
     clear:both;
     text-align:center;
     width:480px;
     margin-bottom:21px;
     margin-left:30px;
     padding:3px;
     border:4px double #99cc33;
     background:#eeffdd;
}

.main-box2 li{
     display:inline;
     padding:5px;
}

li#get1{
     margin:6px;
     padding-left:18px;
     background:url(rogo2/star.gif) no-repeat center left;
}

li#get2{
     margin:6px;
     padding-left:18px;
     background:url(rogo2/mail2.gif) no-repeat center left;
}

li#get3{
     margin:6px;
     padding-left:18px;
     background:url(rogo2/rss.gif) no-repeat center left;
}