/*基本パターン*/
body {
margin: 0;
position: absolute; left: 20px; top: 52px; width: 700px;
font-size: 14px;
line-height: 16px;
background-color: #ffffff;
}

a:link    { color:#003300; text-decoration: underline }
a:visited { color:#003300; text-decoration: underline }
a:active  { color:#003300; text-decoration: underline }
a:hover   { color:#990000; text-decoration: none; }

#plink A:link   {
border: 1px ;border-color: #cccccc ; border-style:solid; }
#plink A:visited {
border: 1px ;border-color: #cccccc ; border-style:solid; }
#plink A:hover  {
border: 1px ;border-color: #990000 ; border-style:solid; }
#plink A:active {
border: 1px ;border-color: #cccccc ; border-style:solid; }

#blink A:link   {
border: 1px ;border-color: #cccccc ; border-style:solid; }
#blink A:visited {
border: 1px ;border-color: #cccccc ; border-style:solid; }
#blink A:hover  {
border: 1px ;border-color: #666666 ; border-style:solid; }
#blink A:active {
border: 1px ;border-color: #cccccc ; border-style:solid; }

#nlink A:link   {
border: 0px ; }
#nlink A:visited {
border: 0px ; }
#nlink A:hover  {
border: 0px ; }
#nlink A:active {
border: 0px ; }

INPUT.liteoption {
FONT-WEIGHT: normal; 
BACKGROUND-IMAGE: url("images/bt_wall.gif"); }
INPUT    { 
background-color:#F1F0EB; }
TEXTAREA {
BACKGROUND-COLOR: #F1F0EB; }
SELECT   {
BACKGROUND-COLOR: #F1F0EB; }

H1 {
FONT-WEIGHT: normal; MARGIN: 0px; font-size: 14px; line-height: 16px;}
H2 {
FONT-WEIGHT: normal; MARGIN: 0px; font-size: 14px; line-height: 16px;}
H3 {
FONT-WEIGHT: normal; MARGIN: 0px; font-size: 13px; line-height: 160%;}
H4 {
FONT-WEIGHT: normal; MARGIN: 0px; font-size: 14px; line-height: 16px;}
P  {
FONT-WEIGHT: normal; MARGIN: 0px }
UL  {
FONT-WEIGHT: normal; MARGIN: 0px }
LI  {
FONT-WEIGHT: normal; MARGIN: 0px }


/*ヘッダー*/
#header {
position: absolute; left: -20px; top: -52px;
background: url(images/header.gif) no-repeat;
height: 32px;
width: 760px;
}
#header p {
position: absolute; right: 40px; top: 12px;
font-size: 12px;
color: #ffffff;
}
#header a {
position: absolute; left: 20px; top: 0;
background: url(images/header_logo.gif) no-repeat;
height: 32px;
width: 110px;
}

#header_feeling {
position: absolute; left: -20px; top: -52px;
background: url(images/header_feeling.gif) no-repeat;
height: 32px;
width: 760px;
}
#header_feeling p {
position: absolute; right: 40px; top: 12px;
font-size: 12px;
color: #ffffff;
}
#header_feeling a {
position: absolute; left: 20px; top: 0;
background: url(images/header_logo_feeling.gif) no-repeat;
height: 32px;
width: 110px;
}

#header_planning {
position: absolute; left: -20px; top: -52px;
background: url(images/header_planning.gif) no-repeat;
height: 32px;
width: 760px;
}
#header_planning p {
position: absolute; right: 40px; top: 12px;
font-size: 12px;
color: #ffffff;
}
#header_planning a {
position: absolute; left: 20px; top: 0;
background: url(images/header_logo_planning.gif) no-repeat;
height: 32px;
width: 110px;
}

#header_recipe {
position: absolute; left: -20px; top: -52px;
background: url(images/header_recipe.gif) no-repeat;
height: 32px;
width: 760px;
}
#header_recipe p {
position: absolute; right: 40px; top: 12px;
font-size: 12px;
color: #ffffff;
}
#header_recipe a {
position: absolute; left: 20px; top: 0;
background: url(images/header_logo_recipe.gif) no-repeat;
height: 32px;
width: 110px;
}

/*フッター*/
#footer {
position: relative ;
bottom: 0px;
height: 61px;
width: 700px;
}
#footer p { 
clear: both | left | none | right;
position: absolute;	right: 0; bottom: 8px;
padding-bottom: 0;
text-align: right;
font: 10px Georgia, "Times New Roman", Times, serif;
}
#footer a {
position: absolute; right: 1px; bottom: 19px;
background: url(images/footer_logo.gif) no-repeat;
height: 31px;
width: 128px;
}
#footer #getplg01 a { background-image: url(images/get_ie.gif); no-repeat; height: 26px; width: 26px; position: absolute; left: 0;	bottom: 8px;}
#footer #getplg03 a { background-image: url(images/get_flash.gif); no-repeat; height: 26px; width: 26px; position: absolute; left: 30px;	bottom: 8px; }
#footer #getplg02 a { background-image: url(images/get_netscape.gif); no-repeat; height: 26px; width: 26px; position: absolute; left: 60px;	bottom: 8px; }
#footer a span { position: absolute; left: -9999px; width: 90px; }


/*グローバルナビゲーションメニュー*/
#nav { position: relative; margin: 0; width: 700px; }
#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav ul li { width: 175px; height: 34px; float: left; }
#nav ul li a { display: block; width: 175px; height: 34px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav ul li a:hover { display: block; width: 175px; height: 34px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav ul li a span { position: absolute; left: -9999px; width: 700px; }

#nav ul li#nav01 a { background-image: url(images/btm_spraut.gif); }
#nav ul li#nav02 a { background-image: url(images/btm_recipe.gif); }
#nav ul li#nav03 a { background-image: url(images/btm_feeling.gif); }
#nav ul li#nav04 a { background-image: url(images/btm_planing.gif); }

#nav ul li#nav01 a:hover { background-image: url(images/btm_spraut-over.gif); }
#nav ul li#nav02 a:hover { background-image: url(images/btm_recipe-over.gif); }
#nav ul li#nav03 a:hover { background-image: url(images/btm_feeling-over.gif); }
#nav ul li#nav04 a:hover { background-image: url(images/btm_planing-over.gif); }

#nav2 { position: relative; margin: 0; }
#nav2 ul { margin: 0; padding: 0; list-style-type: none; }
#nav2 ul li { width: 90px; height: 14px; float: right; }
#nav2 ul li a { display: block; width: 70px; height: 14px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav2 ul li a:hover { display: block; width: 70px; height: 14px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav2 ul li a span {position: absolute; left: -9999px; width: 270px; }

#nav2 ul li#nav204 a { background-image: url(images/bts_company.gif); }
#nav2 ul li#nav203 a { background-image: url(images/bts_recruit.gif); }
#nav2 ul li#nav202 a { background-image: url(images/bts_contact.gif); }
#nav2 ul li#nav201 a { background-image: url(images/bts_sitemap.gif); }


/*トップメイン右枠*/
#books {
border: 1px ;border-color: #CCCCCC ; border-style:solid; }
#wk_orange {
border: 1px ;border-color: #FF9900 ; border-style:solid; }
#wk_yellow {
border: 1px ;border-color: #FFCC00 ; border-style:solid; }
#wk_hyou {
border: 1px ;border-color: #666666 ; border-style:solid; }

#wak { border: 1px ;border-color: #CCCCCC ; border-style:solid; }
#wak_g { border: 1px ;border-color: #CCCCCC ; border-style:solid; }
#wak_n { border: 1px ;border-color: #BFB5A6 ; border-style:solid; }
#wak_o { border: 1px ;border-color: #CC9933 ; border-style:solid; }
#wak_t { border: 1px ;border-color: #666666 ; border-style:solid; }
#wak_s { border: 1px ;border-color: #999999 ; border-style:solid; }
#wak_b { border: 1px ;border-color: #99CC99 ; border-style:solid; }
#wak_gr { border: 1px ;border-color: #003300 ; border-style:solid; }