* {
margin: 0;
padding: 0;
}

body {
background: #333;
  font-size:16px;
/*\*/
  font-size:110%;
/**/
font-family: sans-serif;
color: #555;
line-height: 150%;
text-align: center;
}
    /* hide from Mac IE \*/
    * html body { font-size: 18px;}
    * html table { /*\*/
  font-size:110%;
/**/
 }
    /* */ 

img { border: none;}
#entry ul, ol {
margin: 0 10px 20px 40px;
}
a:link, a:visited {color: #6699FF; text-decoration: none;}
a:hover {color: #58f; text-decoration: underline;}

.clear { clear: both;}
.l { text-align: left;}
.r { text-align: right;}
.c { text-align: center;}

/*====================
         HEAD
====================*/
#head{
height: 100px;
background: url(http://www.u-tomo.net/img/head_bg.jpg);
}
#head_body {
width: 808px;
height: 100px;
margin: 0 auto;
background: url(http://www.u-tomo.net/img/head_body_bg.jpg);
}
#logo {
float: left;
padding: 20px 0 0 24px;
}
#head h1 {
font-size: 90%;
font-weight: normal;
padding: 3px 14px 0 0;
}
#font-size {
height: 24px;
padding: 24px 14px 0 0;
margin: auto;
}

a#font_s img {
margin: 0 0 0 5px;
background: url(http://www.u-tomo.net/img/font_s_off.gif);
}
a:hover#font_s img {
margin: 0 0 0 5px;
background: url(http://www.u-tomo.net/img/font_s_on.gif);
}
a#font_m img {
margin: 0 0 0 5px;
background: url(http://www.u-tomo.net/img/font_m_off.gif);
}
a:hover#font_m img {
margin: 0 0 0 5px;
background: url(http://www.u-tomo.net/img/font_m_on.gif);
}
a#font_l img {
margin: 0 0 0 5px;
background: url(http://www.u-tomo.net/img/font_l_on.gif);
}

/*====================
      CONTAINER
====================*/

#top_img {
height: 300px;
margin: 0 auto;
background: url(http://www.u-tomo.net/img/main_img_bg.jpg);
}
#cat_img {
height: 100px;
margin: 0 auto;
background: url(http://www.u-tomo.net/img/cat_img_bg.jpg);
}
#cat_img div {
width: 808px;
margin: auto;
height: 100px;
background: url(http://www.u-tomo.net/img/main_cat.jpg);
}
#cat_img h2 {
text-align: right;
line-height: 100px;
padding: 0 24px 0 0;
font-size: 120%;
color: #fff;
}

/*====================
      CONTAINER
====================*/
#container {
width: 808px;
background: url(http://www.u-tomo.net/img/container_bg.jpg);
color: #555;
margin: 0 auto;
}
#container_body {
width: 780px;
margin: 0 auto;
}

/*====================
         LEFT
====================*/
#left {
float: left;
width: 230px;
padding-bottom: 20px;
}

ul.left_menu {
border-top: 3px solid #811616;
list-style: none;
margin: 0 20px 10px 10px;
padding: 0;
}
ul.left_menu li {
margin: 0 10px;
padding: 10px 0;
background: url(http://www.u-tomo.net/img/dot_02.gif) repeat-x bottom;
}
ul.left_menu li ul{
list-style: none;
margin: 5px 0;
}
ul.left_menu li li{
margin: 0;
padding: 3px 0 0 20px;
background: none;
}

ul.left_menu li.current-cat a:link,
ul.left_menu li.current_page_item a:link,
ul.left_menu a:visited {
color: #555;
text-decoration: none;
background: url(http://www.u-tomo.net/img/arrow_02.gif) no-repeat 0px 50%;
padding: 0 0 0 15px;
}
ul.left_menu a:link,
ul.left_menu a:visited {
color: #555;
text-decoration: none;
background: url(http://www.u-tomo.net/img/arrow_01.gif) no-repeat 0px 50%;
padding: 0 0 0 15px;
}
ul.left_menu a:hover {
color: #555;
text-decoration: none;
background: url(http://www.u-tomo.net/img/arrow_02.gif) no-repeat 0px 50%;
padding: 0 0 0 15px;
}
ul.left_menu li li a:link,
ul.left_menu li li a:visited,
ul.left_menu li.current-cat li a:link,
ul.left_menu li.current-cat li a:visited {
color: #666600;
background: url(http://www.u-tomo.net/img/arrow_03.gif) no-repeat 0px 50%;
text-decoration: none;
padding: 0 0 0 10px;
}
ul.left_menu li li a:hover,
ul.left_menu li.current-cat li a:hover,
ul.left_menu li.current-cat-parent li.current-cat a {
color: #666600;
text-decoration: none;
background: url(http://www.u-tomo.net/img/arrow_04.gif) no-repeat 0px 50%;
padding: 0 0 0 10px;
}


/*====================
         MAIN
====================*/
#main {
width: 540px;
float: left;
font-size: 95%;
}

/*----------
    PATH
----------*/
p#path {
margin: 0;
padding: 5px 0 0 0;
font-size: 95%;
}

/*====================
         FOOT
====================*/
#foot {
height: 220px;
background: url(http://www.u-tomo.net/img/foot_bg.jpg) no-repeat 50% 0px;
}
#foot_body {
width: 800px;
margin: 0 auto;
}
#foot h3 {
text-align: left;
font-size: 90%;
font-weight: normal;
padding: 95px 0 0 225px;
line-height: 130%;
color: #EEE;
}

p#copy {
text-align: left;
padding: 9px 0 0 225px;
font-size: 70%;
margin: 0;
letter-spacing: 0.05em;
line-height: 100%;
}

/*====================
         INDEX
====================*/
#top_entry {
margin: 20px 0 0 0;
}
h2.entry_title {
color: #532323;
background: url(http://www.u-tomo.net/img/h2_bg.gif) repeat-x;
padding: 37px 0 0 90px;
clear: both;
height: 38px;
font-size: 110%;
}

    /* hide from Mac IE \*/
    * html h2.entry_title { height: 75px;}
    /* */

.top_entry div {
padding: 10px;
margin: 5px 0 0 0;
}

#top_news ul {
list-style: none;
margin: 5px 0 20px 0;
padding: 0;
}
#top_news li {
margin: 0 10px;
padding: 8px 0;
background: url(http://www.u-tomo.net/img/dot_01.gif) repeat-x bottom;
}
#top_news li span {
padding-right: 10px;
font-size: 95%
}

#top_news li a {
background: url(http://www.u-tomo.net/img/arrow_03.gif) no-repeat 0px 50%;
padding: 0 0 0 10px;
}


/*====================
       ARCHIVE
====================*/
#entry {
clear: both;
padding-bottom: 20px;
}
div.entry_body {
padding: 20px 0 0 0;
}
#entry h3 {
width: 520px;
color: #E10915;
padding: 0 0 0px 0;
font-size: 120%;
clear: both;
margin: 0 0 15px 20px;
background: url(http://www.u-tomo.net/img/h3_bg.gif) no-repeat bottom right;
line-height: 37px;
}
#entry h4 {
color: #693;
font-size: 110%;
line-height: 100%;
padding-left: 3px;
clear: both;
margin: 0 10px 10px 15px;
}
#top_entry p,
#entry p {
margin: 0 10px 20px 20px;
line-height: 160%;
}
#entry hr {
margin: 0 0 20px 20px;
width: 510px;
border-top: 0px dotted #ccc;
border-left: 0px dotted #ccc;
border-right: 0px dotted #ccc;
border-bottom: 1px dotted #ccc;
color: #fff;
}
#entry p.entry_foot {
text-align: right;
padding: 0 5px 0 0;
font-size: 85%;
margin: 0 0 10px 0;
border-top: 1px solid #999;
}
.more_link {
background: url(http://www.u-tomo.net/img/dot_01.gif)  repeat-x;
text-align: right;
margin: -10px 10px 20px 20px;
clear: both;
}

.box_1 {
border: 3px double #69c;
padding: 10px;
background: #f6f6f6;
}

img.alignleft {
float: left;
margin: 0 10px 5px 0;
}
img.alignright {
float: right;
margin: 0 0 5px 10px;
}

#cat_6 li a:link, #cat_6 li a:visited {color: #555;}
#cat_6 li a:hover {color: #888;}


/*====================
       TABLE
====================*/
table#tbl_about {
margin: 0 0 20px 10px;
}
table#tbl_about th {
border-left: 5px solid #89C17A;
}
table#tbl_about th,
table#tbl_about td {
padding: 0 5px 0 10px;
text-align: left;
}

table#tbl_act {
margin: 0 0 20px 10px;
border: 1px solid #ccc;
}
table#tbl_act th {
padding: 0 5px 0 10px;
text-align: center;
background: #eee;
vertical-align: middle;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
table#tbl_act td {
padding: 0 5px 0 10px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
vertical-align: top;
}

table.tbl_menu {
margin: 0 0 10px 20px;
width: 510px;
}
table.tbl_menu th {
width: 200px;
text-align: left;
}
table.tbl_menu th,
table.tbl_menu td {
padding: 5px 0 5px 0;
text-align: left;
vertical-align: top;
background: url(http://www.u-tomo.net/img/dot_01.gif)  repeat-x bottom;
}