﻿
                        /*  ボディ */

body    {margin:0px;
         padding:0px}




                        /*  コンテナ */
#container   {width:900px;
              margin-right:auto;
              margin-left:auto;
              position:relative}


                        /*  フォント */

p,h1,h2,h3,h4,h5       {font-family:meiryo,"Hiragino Maru Gothic Pro" }

.red2                  {color:#ff0000;
                        font-weight:bold;
                        }

                        /*  画像 */
img          {border-style:none}
img a        {border-style:none}






                        /*  ヘッダー */


h1     {font-size:0.8em;
        margin:0;
        padding:5px 0px 3px 10px;
        }

div#header p          {margin-top:0px}



div#header img      {margin-top:0px;
                     margin-bottom:15px;
                     border:0px}


      /*  ヘッダーのリンク */

div#link   {position:absolute;
            top:75px;
            left:0px;
            }



div#link p   {margin-top:0px}

div#link ul      {height:20px;
                  padding-left:0px;
                  margin:0px 0px 10px;
                  }

div#link ul li      {list-style-type:none;
                     float:left;}


div#link li  a   {display:block;
                  width:225px;
                  line-height:40px;margin-bottom:0px}

div#link ul li img   {border:none;}


    /*  ヘッダーのリンクのロールオーバーボタン */

.link-top a   {background-image:url(../katakori-youtu-image/top1.gif);
               display:block;
               width:223
               px;
               line-height:20px}
.link-top  a:hover  {background-position:left bottom}


.link-hannbaisya a       {background-image:url(../katakori-youtu-image/hannbaisya1.gif);
                          display:block;
                          width:223px;
                         line-height:20px}
.link-hannbaisya a:hover  {background-position:left bottom}


.link-okaimono a         {background-image:url(../katakori-youtu-image/okaimonononagare1.gif);
                          display:block;
                          width:223px;
                          line-height:20px}
.link-okaimono  a:hover  {background-position:left bottom}


.link-cart a   {background-image:url(../katakori-youtu-image/ka-towomiru1.gif);
               display:block;
               width:223px;
               line-height:20px}
.link-cart  a:hover  {background-position:left bottom}


                          /*  パンくずリスト */

.pan         {font-size:0.9em;
              font-weight:bold}



                         /*  メイン */

*html body #main   {float:right;
            width:680px;
            padding-right:0px;
            margin:0px 0px 0px 15px;
           }




#main   {float:right;
            width:680px;
            padding-right:0px;
            margin:-3px 0px 0px 40px;
           }


h2          {
             text-align:center;
             margin:0px 0px 0px;
             background-color:#ffdab9}

.red2             {color:#ff0000;
                  font-weight:bold}

                           /*  商品 */

#katakorikaishou .img           {width:300px;
                                 float:left;
                                 margin-right:30px}

#katakorikaishou .right     {width:300px;
                     float:right;}
#katakorikaisyou-left     {width:300px;margin:0px 10px 0px;
                                 float:left;
                                 }
#katakorikaisyou-right  {width:350px;margin:0px 0px 30px;
                              float:right;}

#syouzyoubetu-left     {width:300px;margin:0px 10px 0px;
                                 float:left;
                                 }
#syouzyoubetu-right  {width:300px;margin:0px 0px 10px;
                              float:right;}

                         /*  商品の項目① */


*html body .s           {width:180px;
              text-align:center;
              margin:0px 14px 30px;
              float:left;}


.s           {width:180px;
              text-align:center;
              margin:0px 20px 30px;
              float:left;}






.s h4       {margin-bottom:0px;
             margin-top:10px;}

.s h4 a      {color:#696969;
              text-decoration:underline}

.s h4 a:hover    {color:#c71585}

h5         {color:#dc143c;
            font-size:0.98em;
            margin-top:8px;
            margin-bottom:10px}

.h5-s1      {font-size:0.68em;
             color:#ff0000}



.h5-s2      {font-size:0.6em;
            color:#696969;
            font-weight:normal}


.s p        {margin-top:8px;
             margin-bottom:0px;
             font-size:0.8em}

.s .s-p     {text-align:left;
             line-height:1.5em;
             font-size:0.85em;
             letter-spacing:1px}





                  /*  ↑メイン終了  */



                    /*  おすすめの理由 */

                    
.osusume         {clear:both;
                  }

.osusume img         {margin:20px 0px 15px}




.p0             {background-image:url(../katakori-youtu-image/osusume-midasi.gif);
                 font-weight:bold;
                 font-size:1.1em;
                 padding-left:10px;
                 }



.p1             {color:#ff0000;
                 font-weight:bold;
                 }


.p3             {text-align:right;
                 font-size:0.8em}

.p-image        {text-align:center}

.p-image img        {margin:20px;
                     }




                    /*  価格  */


#kakaku     {text-align:center;}

.hitoosi    {color:#ff0000}


h3          {text-align:center;margin:0px 0px 30px;
             background-color:#ffffcc}


#kakaku .t-kakaku                {font-size:1.5em;
                                  font-weight:bold;
                                  color:#dc143c;
                                  margin:15px auto 0px}



#kakaku .zeikomi         {font-size:0.7em}


#kakaku .s-toiawase        {font-size:1.5em;
                            font-weight:bold;
                            margin-top:5px}


#kakaku .s-toiawase a      {color:#808080;}


                  /*  ↑メイン終了  */



                    /*  サイド */

                     /*  カテゴリー */


#side        {width:180px;
              margin:0px;
              float:right;
              margin-top:0px;
              padding-top:0px;}



#side-cate      {}

.side-midasi    {margin:0px}
#side .side-katakosi   {font-size:0.8em;color:#ff0000}

.cate-menu      {border:solid 2px #88cb7f;
                 padding:10px 10px 10px 1px;
                 margin-bottom:15px;
                 margin-top:0px;
                 background-color:#b2ffb2;} 


#side .side-syouhinn     {font-size:0.8em;
                          padding-left:20px;
                          background-image:url(../katakori-youtu-image/side-yazirusi.gif);
                          background-repeat:no-repeat;
                          background-position:left top;
                          margin-top:0px;
                          line-height:20px}


#side .side-banner      {text-align:center;
                         font-size:0.8em}



                         /*  ↑サイド終了 */






                        /*  フッター */


div#footer  {clear:both;
             margin-top:0px}


/*  フッター①インフォメーション  */

div#footer img   {border:none;
                  margin-bottom:0px;
                  margin-top:0px;
                  }



 /*  フッター②リンク */

#footer-link   {margin-top:30px}


#footer-link ul  {width:900px}


#footer-link li   {font-size:13px;
                   list-style-type:none;
                   padding:5px 10px;
                   display:inline;
                   font-weight:bold;
                   border-left:solid 4px #008000;
                   background-color:#eaffea;}

#footer-link li a  {color:#000080;
                    text-decoration:none}


#footer-link li a:hover {color:#c71585}


/*  フッター③アドレス */

address     {text-align:center;
             margin-bottom:60px}


/*  フッター④相互リンク */

.sougolink       {font-size:0.7em;
                  text-align:center;
                  }


.sougolink img    {padding:0px;margin:0px}

