/*全体にかかるスタイルシート*/

body{
background-color: rgb(255, 255, 255);
color:#333333;
font-family:"MS Pゴシック",sans-serif;
border:solid 1px #333333;
width:806px;
margin-left: auto;
margin-right: auto;
padding:5px;
margin-top:20px;
margin-bottom:20px;
}

/*通常リンク指示*/

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

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

a:hover{
color:#ff0000;
text-decoration: none;
}

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


/*画像リンク指示*/

a img{border: none;}

/*リスト*/

ul{
list-style-type:square;
}

li{
font-size:9pt;
}



/*ロゴまわり*/

td#logo2{
border:0;
padding-left:30px;
margin:0;
height:55px;
width:640px;
}

td#logo{
padding:0;
margin:0;
height:55px;
width:160px;
}

td#top{
padding:0;
margin:0;
width:800px;
height:250px;
border:0;
}

/*罫線風*/

div#k{
background-image:url(images/k.jpg);
line-height:25px;
}

/*トップへ戻る*/

div#TOP{
text-align:right;
font-size:8pt;
}


div#TOP a:link{
color:#999999;
text-decoration: none;
}

div#TOP a:visited{
color:#999999;
text-decoration: none;
}

div#TOP a:hover{
color:#ff0000;
text-decoration: none;
}

div#TOP a:active{
color:#ffffff;
text-decoration: none;
}


/*幅800pxの基本的なテーブル*/

table{
font-size:10pt;
}

table.basic{
font-size:10pt;
margin-left: auto;
margin-right: auto;
border:0;
padding:0;
margin:0;
width:800px;
}

td.basic{
margin:0;
border:0;
padding:5px;
font-size:10pt;
vertical-align:top;
}

/*パンくずリストまわり*/
table.link{
border:0;
padding-left:10px;
margin:0;
width:800px;
height:20px;
text-align:left;
font-size:8pt;
}

td.link{
margin:0;
padding:0;
}



/*初歩講座本文まわり*/
table.sample1{
border:0;
padding:0;
margin:0;
text-align:left;
margin-left: auto;
margin-right: 0px;
width:500px;
}

/*料理リストのボックス用*/
table.sample2{
margin:0;
padding:0;
border:0;
width:190px;
}


/*HOMEコンテンツ用、ワイン物語トップ*/
td.sample1{
vertical-align:top;
margin:0;
padding:2px;
border:dotted 1px #333333;
text-align:left;
font-size:9pt;
}

/*セル背景色がミドリ用*/
td.sample2{
margin:0;
padding:5px;
background-color:#ccff99;
}



/*セル下線にミズイロ破線用*/
td.sample3{
border-bottom:dashed 1px #99ccff;
padding:5px;
}

/*初歩講座、料理ページなどの小見出し用*/
td.sample4{
margin:0;
padding:5px;
color:#66ccff;
font-size:110%;
font-weight:bold;
}


/*セル灰色*/
td.sample5{
margin:0;
padding:5px;
background-color:#cccccc;
font-size:80%;
}

/*セルミズイロべた*/
td.sample6{
background-color:#99ccff;
padding:5px;
}


/*セル下と左に灰色実線用=料理リストコマ枠線*/
td.sample7{
font-size:9pt;
border-bottom:solid 1px #333333;
border-left:solid 1px #333333;
padding:3px;
margin:0;
}

/*水色ベタに灰色枠線ボックス＝料理リスト見出し*/
td.sample8{
color:#333333;
font-size:110%;
border:solid 1px #333333;
padding:0;
background-color:#99ccff;
vertical-align: middle;
text-align: center;
}

/*見出しの右側のコマ用*/
td.sample9{
padding-left:10px;
vertical-align: middle;
border-top:solid 1px #333333;
border-right:solid 1px #333333;
border-bottom:solid 1px #333333;
font-size:110%;
}



/*HOME左側のボックス用*/

table.l1{
margin:0;
badding:10px;
border:0;
width:200px;
font-size:9pt;
}

/*初歩講座のリストボックス用*/
table.navi{
border:none;
margin:0;
padding:0;
}

/*ワイン物語のリストボックス用*/
table.navi2{
border:none;
margin:0;
padding:0;
}

/*キャプ付きテーブル*/
table.cap{
width:300px;
height:225px;
float:right;
border:0;
vertical-align: middle;
text-align: center;
}

table.cap caption{
caption-side: bottom;
font-size: 8pt;
text-align: left;
}

/*キャプ付きテーブル2段用*/
table.cap2{
width:300px;
height:225px;
border:0;
margin-right:auto;
margin-left:auto;
vertical-align: middle;
text-align: center;
}

table.cap2 caption{
caption-side: bottom;
font-size: 8pt;
text-align: left;
}

/*HOMEコンテンツ内画像用*/

img.l{
float:left;
margin:5px;
border:
}

img.r{
float:right;
margin:5px;
}


/*2段組用*/
#boxA{
 width:365px;
 float:left;
padding-left:5px;
}

#boxB{
 width:365px;
 float:left;
padding-left:55px;
}