* { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6              { font-weight: normal; font-size: medium; }
h1, h2, h3, h4, h5, h6, li, a, span { background-repeat: no-repeat; background-position: left center; }
img { border-style: none; border-width: 0px; }
ul  { list-style-type: none; }

a       { color: blue; text-decoration: none; }
a:hover { color: blue; }

div.heightspace { height: 300px; }

body { text-align: center; font-family: "ＭＳ Ｐゴシック","trebuchet ms",sans-serif;
       background-color: #ebeaea; color: #555555; }

#pagebody { margin: 0px auto; width: 800px; text-align: center;
            background-image: url("./images/back.gif");
            background-repeat: repeat-y; background-position: center; }
#container { margin: 0px auto; width: 774px; text-align: left; }


/* 上部ロゴ、メニュー */
#header    { padding-top: 10px; font-size: 12px; text-align: right; }

#header h1 { float: left; display: block; width: 270px; height: 45px; margin-bottom: 5px; text-align: left;
             text-indent: -9999px; background-image: url("./images/logo.gif"); }
#header a       { color: #555555; margin-right: 10px; padding: 2px 0px 0px 20px; background-image: url("./images/menu-icon.png"); }
#header a:hover { color: blue; text-decoration: underline; }
#header a.logo  { display: block; margin:0px; padding: 0px; width: 270px; height: 45px; background-image: none; }


/* カテゴリ */
#category { clear: both; background-color: #AFC652; background-image: url("./images/headmenu-back.gif");
            background-repeat: repeat-x; background-position: left top; }

#category ul { padding: 13px 20px 6px; height: 1%; text-align: center; }
#category li { display:inline; padding: 10px 20px 7px 15px; font-size: 14px;
               background-image: url("./images/headmenu-icon.gif"); }

#category a       { color: white; border-bottom: 1px solid #AFC652; font-weight: bold; }
#category a:hover { color: dimgray; border-bottom-color: dimgray; }
#category .now         { background-image: url("./images/headmenu-icon_select.gif"); }
#category .now a       { color: #666666; border-bottom: 1px solid #AFC652; font-weight: bold; }
#category .now a:hover { color: black; border-bottom-color: black; }


/* カテゴリ下の写真 */
#photo { padding: 10px 0px 15px; }


/* コンテンツメイン */
#main     { padding-left: 10px; }
#menu     { float: left; width: 175px; }
#contents { float: left; width: 584px; margin-left: 5px; }

#main a:hover { text-decoration: underline; }


/* 左メニュー */
#menu h2 { margin-bottom: 5px; }
#menu ul { height: 1%; }
#menu li { margin-bottom: 5px; }
#menu a  { display: block; width: 140px; padding: 8px 4px 7px 23px; 
           color: #5B7700; background-color: #ebebeb;
           font-size: 14px; font-weight: bold; line-height: 18px;
           border-style: solid; border-color: #cccccc; border-width: 0px 1px 1px 0px;
           background-image: url("./images/menu-icon.png"); }

#menu .hidden  { display: none; }
#menu .show    { display: block; margin: 0px; padding: 0px; background-image: none; background-color: white; }
#menu .show a  { width: 125px; margin-left: 15px; font-size: 12px; font-weight: normal;
                 background-color: #EBF1E5; line-height: 17px; }

#menu a:hover, #menu .show a:hover { color: black; }
#menu .now,    #menu .show .now    { background-color: #edecba; }


/* タイトル */
#title    { padding: 10px 25px 7px 10px; background-color: #ebebeb; text-align: right; }

#title h3 { float: left; padding-left: 20px; font-weight: bold; font-size: 1.1em; letter-spacing: 2px;
            background-image: url("./images/title-icon.gif"); }
#title a, #title span { margin-right: 5px; font-size: 0.8em; color: #555555; }
#title a:hover { color: blue; }


/* 本文 */
#text     { padding: 15px 20px 10px 10px; line-height: 160%; }

#text p   { padding: 7px 0px; text-indent: 1em; }
#text em  { font-style: normal; font-weight: bold; }
#text img { float: right; margin: 10px 0px 10px 15px; }
#text h4  { margin: 30px auto 5px 15px; font-weight: bold; }
#text h5  { margin: 20px auto 5px 10px; font-weight: bold; }


#gdata    { margin: 0px 0px 30px 10px; height: 1%; line-height: 140%; }
#gdata dt { float: left; width: 5em; padding-top: 15px; font-weight: bold; }
#gdata dd { margin-left: 5.2em; padding-top: 15px; }

#gtext    { margin: 10px 10px 30px 10px; }
#gtext h4 { margin: 10px 0px 0px 0px; }

#ginfo      { margin: 0px 0px 10px 10px; }
#ginfo dt   { margin-bottom: 5px; font-weight: bold; }
#ginfo dd   { margin-left: 15px; line-height: 130%; }
#ginfo span { margin-right: 15px; }
#ginfo a    { font-family: Verdana; font-size: 0.9em; font-weight: bold; }



/* 下リンク */
#conduct { clear: both; margin: 25px 0px 10px; padding: 7px 25px 5px 0px;
           text-align: right; background-color: #ebebeb; }
           
#conduct a, #conduct span { margin-right: 5px; font-size: 0.8em; color: #555555; }
#conduct a:hover { color: blue; }


/* 下部 */
#footer   { clear: both; background-color: #0f0f0f; color: #f0f0f0;
            text-align: center; font-size: 13px; }
#footer p { margin: 0px auto; padding: 10px; }
