/* �x�[�X */

body { font-color: #333; }

a:link {
text-decoration:underline; color:#0066CC;
}

a:visited {
text-decoration:underline; color:#666699;
}

a:active {
text-decoration:underline; color:#FF6600;
}

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


ul {
margin: 10px 0 15px 30px; padding: 0; line-height: 160%; font-size: 90%;
list-style-image:url("../img/list01.gif"); }

ul.to {
margin: 20px 0 20px 30px; padding: 0; line-height: 180%; font-size: 90%;
list-style-image:url("../img/list01.gif"); }


ol {
margin: 10px 0 15px 40px; padding: 0; line-height: 160%;
}


TABLE.main_t {
border: #333 1px solid;
  
}

table.main_t th {
padding: 0 ; border:0; color: #666; font-weight: normal;
 background-color: #FFFFFF;
}

table.main_t td {
padding: 0 ; color: #666;
}





/* main */

div.topics ul {
margin: 0 10px 30px 50px; padding: 0; font-size: 90%; line-height: 160%;
list-style-image:url("../img/list.gif"); letter-spacing: 1px;
}

hr{ margin: 20px 0 20px 0; padding: 0; height: 1px; color: #999; border: 0; border-collapse: collapse;
}

/* midashi */

h2 {
margin: 10px 0 20px 0 ; padding: 7px ; font-size: 100%; color: #333; background-color: #FFCC00;
border-top: #FF9900 1px solid; border-right: #FF9900 2px solid;
border-bottom: #FF9900 2px solid; border-left: #FF6600 8px solid;
}

h2.pro {
margin: 10px 0 20px 0 ; padding: 5px 5px 5px 10px ; font-size: 100%; color: #FFFFFF; background-color: #1928B8;
border-top: #0099CC 1px solid; border-right: #0099CC 1px solid;
border-bottom: #0099CC 1px solid; border-left: #0099CC 15px solid;
}

h2.qa {
margin: 10px 10px 20px 10px ; padding: 5px 5px 5px 10px ; font-size: 100%; color: #FFFFFF; background-color: #1928B8;
border-top: #0099CC 1px solid; border-right: #0099CC 1px solid;
border-bottom: #0099CC 1px solid; border-left: #0099CC 1px solid;
}

h2.form {
margin: 10px 10px 20px 10px ; padding: 5px 5px 5px 10px ; font-size: 100%; color: #FFFFFF; background-color: #1928B8;
border-top: #0099CC 1px solid; border-right: #0099CC 1px solid;
border-bottom: #0099CC 1px solid; border-left: #0099CC 1px solid;
}


h2.site {
margin: 10px 10px 0 10px ; padding: 5px 5px 5px 10px ; font-size: 90%; color: #FFFFFF; background-color: #1928B8;
border: 0;
}


h3 {
margin: 10px 0 10px 0 ; padding: 7px ; font-size: 90%; color: #333; background-color: #FFFFFF;
border-top: 0; border-right: 0;
border-bottom: #666 1px dashed; border-left: 0;
}


h3.recipe {
margin: 0 10px 20px 10px ; padding: 7px ; font-size: 100%; color: #003366; background-color: #FFFFFF;
border-bottom: #003366 1px dashed; font-weight: normal; line-height: 160%;
}


h3.qa {
margin: 0 30px 15px 10px ; padding: 7px ; font-size: 100%; color: #0066CC; background-color: #FFFFFF;
border-bottom: #0066CC 1px solid; font-weight: borld; line-height: 160%;
}


h4 {
margin: 10px 30px 10px 10px ; padding: 7px ; font-size: 100%; color: #FF6600; background-color: #FFFFFF;
border-top: 0; border-right: 0;
border-bottom: #FF9900 2px solid; border-left: 0;
}

/* table */

table.gaiyou {
margin: 10px 0 0 15px; 
border: #999 1px solid; border-collapse: collapse;
}

table.gaiyou th {
padding: 10px; background-color: #F5F5F5; font-weight: normal; letter-spacing: 1px; line-height: 160%;
font-size:90%; vertical-align: top; text-align: left;
border: #999 1px solid; border-collapse: collapse;
}

table.gaiyou td {
padding: 10px; background-color: #FFFFFF; font-size: 90%; letter-spacing: 1px; line-height: 160%;
color: #333;
border: #999 1px solid; border-collapse: collapse;
}


table.topic {
margin: 0 0 10px 0; border: 0; border-collapse: collapse;
}

table.topic th {
padding: 0; border:0;
}

table.topic td {
padding: 0; background-image:url(../img/topic_b.gif); background-attachment: scroll;
background-position: bottom; background-repeat: no-repeat;
letter-spacing: 1px; line-height: 160%; color: #333;
border-right: #996600 1px solid; border-bottom: #996600 1px solid; border-left: #996600 1px solid; border-collapse: collapse;
}


table.t01 {
margin: 0 0 10px 0;
border: #666 1px solid; border-collapse: collapse; 
}

table.t01 th {
padding: 7px; background-color: #F5F5F5; font-size: 90%;
text-align: left; font-weight: normal; letter-spacing: 1px; line-height: 160%; color: #333;
border: #666 1px solid; border-collapse: collapse;  vertical-align: top;
}

table.t01 td {
padding: 7px; background-color: #FFFFFF; letter-spacing: 1px; line-height: 160%; font-size: 90%; color: #333;
border: #666 1px solid; border-collapse: collapse;
}


table.t02 {
margin: 0 0 10px 0;
border: #FF9900 1px solid; border-collapse: collapse; 
}

table.t02 th {
padding: 3px 3px 3px 10px; background-color: #FFCC99; font-size: 100%; font-weight: bold;
text-align: left; letter-spacing: 3px; line-height: 160%; color: #333;
border-bottom: #FF9900 2px solid; border-collapse: collapse; vertical-align: top;
}

table.t02 td {
padding: 7px; background-color: #FFFFFF; letter-spacing: 1px; line-height: 160%; font-size: 90%; color: #333;
border: 0;
}

table.t03 {
margin: 0 0 10px 0;
border: #0066CC 1px solid; border-collapse: collapse; 
}

table.t03 th {
padding: 10px; background-color: #D6EFFC; font-size: 90%;
text-align: left; font-weight: normal; letter-spacing: 1px; line-height: 160%; color: #333;
border: #0066CC 1px solid; border-collapse: collapse;  vertical-align: top;
}

table.t03 td {
padding: 10px; background-color: #FFFFFF; letter-spacing: 1px; line-height: 160%; font-size: 90%; color: #333;
border: #0066CC 1px solid; border-collapse: collapse;
}

table.pro {
margin: 0 0 10px 0;
borde:0; border-collapse: collapse; 
}

table.pro th {
padding: 0 0 10px 0; background-color: #FFFFFF; font-size: 100%;
text-align: left; letter-spacing: 1px; line-height: 160%; color: #333;
border: 0; border-collapse: collapse; vertical-align: top;
}

table.pro td {
padding: 7px 7px 7px 10px; background-color: #FFFFFF; letter-spacing: 1px; line-height: 160%; font-size: 90%; color: #333;
border: 0;
}


TD.nami {
background-image:url(../img/nami_b.gif); background-attachment: scroll; background-position: right bottom; background-repeat: no-repeat;
  
  
}


/* div */

div.contents {
margin: 10px 20px 30px 30px; 
}

div.font01 {
margin: 0 0 20px 0; padding: 0; font-size:90%; border: 0; line-height: 160%;
}

div.qa_a {
margin: 0 20px 30px 40px; padding: 0; font-size:100%; border: 0; line-height: 160%; color: #990033;
}

div.sitemap {
margin: 0 20px 30px 30px; padding: 10px 0 0 10px; font-size: 90%; line-height: 160%; color: #333;
border-left: #0066CC 2px solid;
}