body{

           color: #000;
           background: #fff;
           margin: 0px;
           padding: 0px;
           text-align: center;

        }


/*------ 外郭のスタイル設定-------*/

#layout{

            width: 700px;
            padding: 0px;
            margin: 0px auto;
            

         }

/*--------  top(画面上部）-------------*/


#tops{
      margin: 0px 0px 0px 0px;
      width: 700px; height: auto;
      padding: 10px 0px 5px 0px;
      text-align: center;
      border-width: 0px 0px 0px 0px;
      border-color: #ffffff;
      border-style: solid;
      background-color: #ffffff;
      font-family: MSゴシック;
      font-weight: normal;
      font-size: 10px; color: #483d8b;
      letter-spacing: 0pt;  /*---文字間隔設定---*/
          
    }




#top{
      margin: 0px 0px 0px 0px;
      width: 700px; height: auto;
      padding: 5px 0px 5px 0px;
      text-align: center;
      border-width: 0px;
      border-color: red;
      border-style: solid;
      background-color: #6a5acd;
      font-family: MSゴシック;
      font-weight: bolder;
      font-size: 17px; color: #ffffff;
      letter-spacing: 3pt;  /*---文字間隔設定---*/
      line-height: 30px;   /*---行間隔設定---*/ 

    }



#topd{
      margin: 0px 0px 0px 0px;
      width: 700px; height: auto;
      padding: 10px 0px 10px 0px;
      text-align: center;
      border-width: 0px 0px 0px 0px;
      border-color: #ffffff;
      border-style: solid;
      background-color: #ffffff;
      font-family: MSゴシック;
      font-weight: normal;
      font-size: 11px; color: blue;
      letter-spacing: 0pt;  /*---文字間隔設定---*/
          
    }





 /*---------  レイアウト構成  ----------------*/




#leftbox{
              width: 520px;
              height: auto;
              margin: 0px 0px 0px 0px;
              padding: 0px 0px 0px 0px;
              text-align: left;
              border-width: 0px 0px 0px 0px;
              border-color: #fff;
              border-style: hidden;
              background-color: #fff; 
              float: left;
           }


.rightbox {

      
      margin: 0px 0px 10px 0px;
      width: 180px; height: auto;
      padding: 0px 0px 0px 0px;
      text-align: right;
      border-width: 0px 0px 0px 0px;
      border-color: #fff;
      border-style: hidden;
      background-color: #fff;
      list-style: none;
      float: left;
     }

/*--------- left　テキスト ----------*/

.cont1{
        margin: 10px 0px 5px 0px;
        width: 500px; height: auto;
        padding: 0px 0px 0px 10px;
        text-align: left;
        border-width: 0px 0px 0px 0px;
        border-color: #66cc66;
        border-style: solid;
        background-color: #fff; 
        font-family: MSゴシック; 
        font-size: 16px;
        font-weight: bold; color: brown;
        letter-spacing: 1pt; /*---文字間隔設定---*/
        line-height: 25px;   /*---行間隔設定---*/
        list-style: none;

      }


.cont2{
        margin: 10px 0px 10px 0px;
        width: 500px; height: auto;
        padding: 15px 10px 10px 10px;
        text-align: left;
        border-width: 1px 0px 1px 0px;
        border-color: #6a5acd;
        border-style: solid;
        background-color: #fff; 
        font-family: MSゴシック; 
        font-size: 13px;
        font-weight: normal; color: #333333;
        letter-spacing: 1pt; /*---文字間隔設定---*/
        line-height: 18px;   /*---行間隔設定---*/
        list-style: none;

      }


.cont3{
        margin: 0px 0px 10px 0px;
        width: 500px; height: auto;
        padding: 10px 10px 10px 10px;
        text-align: left;
        border-width: 0px;
        border-color: #6a5acd;
        border-style: hidden;
        background-color: #ffffff; 
        font-family: MSゴシック; 
        font-size: 12px;
        font-weight: normal; color: #333333;
        letter-spacing: 2pt; /*---文字間隔設定---*/
        line-height: 16px;   /*---行間隔設定---*/
        list-style: none;

      }


.cont4 h3 {
	font-size: 13px;
                color: #000000;
	font-family: Verdana, Arial, sans-serif;
	ｔext-align: left;
	font-weight: bold;
	letter-spacing: 1pt; /*---文字間隔設定---*/
                line-height: 30px;   /*---行間隔設定---*/

	}


.cont4{
        margin: 0px 0px 10px 0px;
        width: 492px; height: auto;
        padding: 10px 10px 10px 10px;
        text-align: left;
        border-width: 4px;
        border-color: #6a5acd;
        border-style: double;
        background-color: #ffffff; 
        font-family: MSゴシック; 
        font-size: 12px;
        font-weight: normal; color: #333333;
        letter-spacing: 2pt; /*---文字間隔設定---*/
        line-height: 16px;   /*---行間隔設定---*/
        list-style: none;


      }



.cont5{
        margin: 0px 0px 10px 0px;
        width: 498px; height: auto;
        padding: 10px 10px 10px 10px;
        text-align: left;
        border-width: 1px 1px 1px 1px;
        border-color: red;
        border-style: solid;
        background-color: #ffffff; 
        font-family: MSゴシック; 
        font-size: 11px;
        font-weight: normal; color: blue;
        letter-spacing: 1pt; /*---文字間隔設定---*/
        line-height: 13px;   /*---行間隔設定---*/
        list-style: none;

      }


.cont6{
        margin: 0px 0px 10px 0px;
        width: 496px; height: auto;
        padding: 10px 10px 10px 10px;
        text-align: left;
        border-width: 2px;
        border-color: #ff99ff;
        border-style: solid;
        background-color: rgb(250,250,250); 
        font-family: MSゴシック; 
        font-size: 12px;
        font-weight: normal; color: #333333;
        letter-spacing: 1pt; /*---文字間隔設定---*/
        line-height: 15px;   /*---行間隔設定---*/
        list-style: none;

      }




/*--------- rihgt　テキスト ----------*/


.rcont1 {

      
      margin: 15px 0px 0px 0px;
      width: 180px; height: auto;
      padding: 0px 0px 0px 0px;
      text-align: center;
      border-width: 0px 0px 0px 0px;
      border-color: #fff;
      border-style: hidden;
      background-color: #fff;
      list-style: none;
      font-family: MSゴシック; 
      font-size: 12px;
      font-weight: bold; color: #oooooo;


     }


/*------------- 　文字の色や強調  ----------*/

.reds  {color: red; font-weight: normal; font-size: 12px}
.red  {color: red; font-weight: normal}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 16px}


.blue  {color: blue; font-weight: normal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size: 16px}



.sblue  {color: #6a5acd; font-weight: normal}
.sblueb {color: #6a5acd; font-weight: bold}
.sbluel {color: #6a5acd; font-weight: bold; font-size: 16px}


.green  {color: green; font-weight: normal}
.greenb {color: green; font-weight: bold}
.greenl {color: green; font-weight: bold; font-size: 16px}


.orange  {color: orange; font-weight: normal}
.orangeb {color: orange; font-weight: bold}
.orangel {color: orange; font-weight: bold; font-size: 16px}


/*------------- 　pr  ----------*/

.pr { width: 150px; height: 10px;
      overflow: auto; border: solid 0px #ccc; 
      background: #ffffff;
      scrollbar-base-color:#ffffff;
      scrollbar-arrow-color:#ffffff;
      scrollbar-darkshadow-color:#ffffff;
      text-align: left;
position: absolute;
top: -9999px;
}

.pr a { font-size:xx-small; 
        color:#ccc;
        text-decoration:underline;
        font-weight:normal;}

.pr a:hover{ text-decoration:none;}

.pr ul { font-size:xx-small; 
         line-height:100%;margin:0;
         padding:0px;
         list-style-position:none;}

.pr-1st { /* 一行目の上を空ける */
          margin-top:25em;
        }











a { text-decoration: underline;}

a:link {
	color: #8FABBE;
	}

a:visited {
	color: #8FABBE;
	}

a:active {
	color: #8FABBE;
	}

a:hover {
	color: #006699;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 700px;
	
	background-color: #FFFFFF;
	border: 1px solid #000000;
	}

#banner {
                border-top:15px solid #000000;
	font-family: Verdana, Arial, sans-serif;
	color: #ffffff;
	background-color: #000000;
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #FFFFFF;
	height: 150px;
background-image:url(images/wine2.gif);
background-position:bottom;
background-repeat:no-repeat;

	}

#banner-img {
	display: none;
	}


#banner a {
	color: #ffffff;
	text-decoration: none;
	}

#banner h1 {
	font-size: 15px;
	
	
	
	}

#banner h2 {
	font-size: small;
	}

#center {
	float: right;
	width: 500px;
	overflow: hidden;
	}

.content {
	padding: 15px 10px 5px 15px;
	background-color: #FFFFFF;
	
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}



.content-cl {
	text-align: center;
                padding: 15px 0px 5px 0px;
	background-color: #FFFFFF;
	
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
                list-style-type:none;
	}


.content-l {
	text-align: left;
                padding: 15px 0px 5px 15px;
	background-color: #FFFFFF;
	
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
                list-style-type:none;
	}




#right {
	float: left;
	width: 199px;
	background-color: #FFFFFF;
	overflow: hidden;

border-right:1px solid #000000;
	}


.content li {
	line-height: 150%;
	}

.content h2 {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	ｔext-align: center;
	font-weight: bold;
	margin-bottom: 10px;

padding: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
border-color: #000000;
border-style: solid;
	}

.content h3 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}


.sidebar {
	padding: 15px;
	}

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
  	
	letter-spacing: .3em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}

.sidebar #categories ul {
	padding-left: 15px;
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	
	
	
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: none;
	}


.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: center;
	padding: 2px;
	margin-bottom: 15px;
	}



.ul.top{  list-style-type:none; } 

.ul.top li{  
              font-size:13px; 
              font-weight:normal;   
              margin-bottom:20px; 

text-align: center;

              }