@charset "UTF-8";



/*-----------------------------------------------

browser default style

----------------------------------------------*/



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td

        {

        margin: 0; padding: 0;

        font-size: 100%;

        list-style: none;

}



caption, cite, code, dfn, em, strong, th, var

        {

        font-style: normal; font-weight: normal;

}



table

        {

        border-collapse: collapse; border-spacing: 0;

}



fieldset, img

        {

        border: 0;

}



caption, th

        {

        text-align: left;

}



q:before, q:after

        {

        content: '';

}



/*-------------------------------------------------

layout

-----------------------------------------------*/



html {

        text-align: center;

        background-image: url(images/tartan.png);

        background-repeat: repeat;

}



body {

        position: relative;

        width: 750px;

        margin: 0 auto;

        background-color: #fff;

        text-align: left;

        font-family: 'ヒラギノ角ゴ Pro w3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;

}



#content

        {

         position: relative;

         width: 100%;

         height: 100%;

}



#content_navi

        {

         position: relative;

         left: 0;

         width: 40%;

         padding: 1em 0;

         background-color: #fff;

}



#content_main

        {

         position: absolute;

         left: 40%;

         width: 60%;

         padding: 1em 0;

         background-color: #fff;

}





#header {

        display: block;

        position: relative;

        height: 90px;

        width:750px;

        background: url(meta_sp_t.jpg) no-repeat;

        background-position: center;

        background-color: #fff;

}



#header blockquote p {

        position: absolute;

        top: -9999px;

}



#footer {

        position: relative;

        width: 750px;

        height: 90px;

}





#footer p#copyright {

        margin-top: 40px;

        text-align:center;

        color: #666;

        font-size: x-small;

}



h1 {

        position: absolute;

        top: -60px;

        left: -80px;

}



h2 {

        position: absolute;

        top: -9999px;



}



.pc, .sc {

        position: absolute; top: 0; left: 0;

}



.clear_children, .cc_tallest {

        position: relative;

}



/*\*/* html .clear_children { 

        display: inline;

}/**/



.cc_tallest:after { 

         content: ''; 

} /* PREVENTS A REDRAW BUG IN SAFARI */



/*-----------------------------------------------

 navigation

-----------------------------------------------*/



.preload1 {

        background: url(images/nav_1.gif);

}



.preload2 {

        background: url(images/nav_1a.gif);

}



#nav_bar {

        padding:0; 

        margin:0px 0; 

        list-style:none;

        height:35px; 

        background:#666 url(images/nav_0.gif) repeat-x; 

        position:relative; 

        z-index:500; 

        font-family:"メイリオ","Meiryo", verdana, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}



#nav_bar li.top {

        display:block; 

        float:left; 

        height:35px;

}



#nav_bar li a.top_link {

        display:block; 

        float:left; 

        height:35px; 

        line-height:33px; 

        color:#fff; 

        text-decoration:none; 

        font-size:12px; 

        font-weight:bold; 

        padding:0 0 0 12px; 

        cursor:pointer;

        background: url(images/nav_0.gif);

}



#nav_bar li a.top_link span {

        float:left; 

        display:block; 

        padding:0 24px 0 12px; 

        height:35px; 

        background: url(images/nav_0.gif) right top no-repeat;

}



#nav_bar li a.top_link span.down {

        float:left; 

        display:block; 

        padding:0 24px 0 12px; 

        height:35px; 

        background: url(images/nav_0a.gif) no-repeat right top;

}



#nav_bar li:hover a.top_link {

        color:#aaff00; 

        background: url(images/nav_1.gif) no-repeat;

}



#nav_bar li:hover a.top_link span {

        background:url(images/nav_1.gif) no-repeat right top;

}



#nav_bar li:hover a.top_link span.down {

        background:url(images/nav_1a.gif) no-repeat right top;

}





/* Default list styling */



#nav_bar li:hover {

        position:relative; 

        z-index:200;

}



#nav_bar li:hover ul.sub {

        left:1px; 

        top:35px; 

        background: #808080; 

        padding:3px; 

        borde r:1px solid #fff; 

        white-space:nowrap; 

        width:140px; 

        height:auto; 

        z-index:300;

}



#nav_bar li:hover ul.sub li{

        display:block; 

        height:20px; 

        position:relative; 

        float:left; 

        width:130px; 

        font-weight:normal;

}



#nav_bar li:hover ul.sub li a {

        display:block; 

        font-size:12px; 

        height:18px; 

        width:138px; 

        line-height:18px; 

        text-indent:5px; 

        color:#fff; 

        text-decoration:none;

        border:1px solid #808080;

}



#nav_bar li ul.sub li a.fly {

        background:#000 url(images/arrow.gif) 80px 6px no-repeat;

}



#nav_bar li:hover ul.sub li a:hover {

        background:#666; 

        color:#aaff00; 

        border-color:#999;

}



#nav_bar li:hover ul.sub li a.fly:hover {

        background:#006633 url(images/arrow_over.gif) 80px 6px no-repeat; 

        color:#fff;

}





#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul{

        left:90px; 

        top:-4px; 

        background: #006633; 

        padding:3px; 

        border:1px solid #000000; 

        white-space:nowrap; 

        width:90px; 

        z-index:400; 

        height:auto;

}



#nav ul, 

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul {

        position:absolute; 

        left:-9999px; 

        top:-9999px; 

        width:0; 

        height:0; 

        margin:0; 

        padding:0; 

        list-style:none;

}



#nav li:hover li:hover a.fly,

#nav li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover li:hover a.fly {

        background:#006633 url(images/arrow_over.gif) 80px 6px no-repeat; 

        color:#fff; 

        border-color:#fff;

} 



#nav li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li:hover li a.fly {

        background:#006633 url(images/arrow.gif) 80px 6px no-repeat; 

        color:#000; 

        border-color:#bfbfbf;

} 



/*-----------------------------------------------

 link

-----------------------------------------------*/



a:link { color: #0066cc; }

a:visited { color: #0066cc; }

a:hover { color: #ff1493; }

a:active { color:#ffa500; }







/*------------------------------------------------

maincontents

-----------------------------------------------*/



#photo2 {

       width: 300px;

       height: 100%;

       padding-left: 78px;

}



#contents {

        width: 580px;

        height: 100%;

        margin: 0px 70px;

        padding: 10px;

}



#contents p {

        font-size: 13px;

        font-weight: normal;

        line-height: 1.5em;

        text-indent: 1em;

}



#eiyou {

        width: 750px;

        height: 100%;

}



.eiyou_a {

        width: 270px;

        height: 100%;

        margin-top: 10px;

        margin-left: 20px;

        padding: 10px 70px 30px 70px;

        float: left;

        background-color: #fff47f;

        border: 1px #fef263 solid;

}



.eiyou_a p {

        font-size: 12px;

        color: #666;

        line-height: 200%;

}



.eiyou_a table {

        width: 270px;

        height: 100%;

}



.eiyou_a td {

        border-bottom: 1px #666 solid;

}



td.left {

        text-align: left;

        vertical-align: middle;

}



td.right {

        text-align: right;

        vertical-align: middle;

}



.photo3 {

       width: 290px;

       height: 100%;

       float: right;



}



.howtocook {

       width: 270px;

       height: 100%;

       float: right;

       padding: 20px 20px 10px 0px;

}



.howtocook h5 {

       padding-bottom: 10px;

       font-weight: bold;

}



.howtocook li {

       margin-bottom: 10px;

       font-size: 12px;

       font-weight: normal;

}



#photo4 {

       width: 300px;

       height: 100%;

       padding-top: 30px;

       padding-left: 78px;

}



#contents_2 {

        width: 580px;

        height: 100%;

        margin: 0px 70px;

        padding: 10px;

}



#contents_2 p {

        font-size: 13px;

        font-weight: normal;

        line-height: 1.5em;

        text-indent: 1em;

}



#contents_2 img {

        float: right;

}



.data {

       width: 270px;

       height: 100%;

       float: right;

       padding: 10px 20px 10px 0px;

}



.data table {

       width: 270px;

       height: 100%;

       border: 1px #941f57 solid;

       border-collapse: collapse;

       border-spacing: 0;

       background-color: #fff;

       empty-cells: show;

}



.data th {

       border: 1px #941f57 solid;

       color: #fff;

       background-color: #d83473;

       text-align: center;

}



.data tr.a_1 {

       background-color: #ea5506;

}



.data tr.a_2 {

       background-color: #f39800;

}



.data tr.a_3 {

       background-color: #f2b448;

}



.data tr.a_4 {

       background-color: #f2d548;

}



.data td {

       border: 1px #941f57 solid;

       color: #000;

       text-align: center;

}



.data p {

        font-size: 12px;

        line-height: 200%;

}







/*------------------------------------------------

pagelinks

-----------------------------------------------*/



#pagelinks {

        width: 750px;

        height: 30px;

        margin-top: 30px;

}



#pagelinks ul {

        margin: auto;

        width: 8em;

}



#pagelinks li {

        width: 1.2em;

        line-height: 1.2em;

        list-style-type: none;

        border: 1px solid #0066cc;

        float: left;

        margin: 0.1em;

        padding; 0px;

        font-family: Arial, sans-serif;

        font-weight: bold;

        text-align: center;

}



#pagelinks li a {

        display: block;

        text-decoration: none;

        width: 1.2em;

}



#pagelinks li.here {

        background-color: #0066cc;

        color: #fff;

        border-color: #0066cc;

}



#backtohome_b {

        width: 60px;

        height: 100%;

        padding: 10px 345px;

}



#backtohome_b h5{

       font-size: 12px;

}