*, html{margin:0;padding:0;}
html {background: url(img/html_back.gif);}

img {border:none;}
ul,ol{margin:0;padding:0;}
ul li {list-style: none;}
ul li a{text-decoration:none;border:none;}

body {margin: 0; padding: 0; font-family: arial, sans-serif, Osaka, verdana; color: #333; text-align: center; font-size: 12px; background: url(img/back.gif) repeat-x;}

a { color: #0bc9b0; text-decoration:none;}

a:hover {text-decoration:underline;}
 
/* container */

#allcontents {
width: 871px;
margin: 0 auto;
background-color: #fff;
}

/* Header */
#header {
width: 871px;
height: 142px;
background: url(img/back.gif) repeat-x;
}
#header h1 a {
display: block;
width: 459px;
height: 142px;
background: url(img/logo.gif) no-repeat;
}
#header h1 a span {
display: none;
}
#wrapframe {
width: 847px;
margin: 10px 0 0 10px;
}
/* left list*/
#navigation {
float: left;
width: 227px;
line-height: 160%;
overflow: hidden;
}
#navigation ul li{
background-color: #f1f1f1;
margin: 4px 0;
padding: 4px;
letter-spacing: 1px;
}
#navigation a#to-catpage {
display: block;
width: 227px;
height: 104px;
background: url(img/cat.gif) no-repeat;
margin-top: 20px;
}
#navigation a#to-catpage span {
display: none;
}
#navigation ul.block {
width: 208px;
border: 3px solid #f1f1f1;
margin: 0 0 20px 6px;
}
#navigation ul.block li {
border: none;
padding: 0;
margin: 0;
background-color: #fff;
}
#navigation ul li#links_top {
display: block;
width: 208px;
height: 42px;
background: url(img/list_top.gif) no-repeat left;
border:none;
}
#navigation ul li#links_top span {
display: none;
}
#navigation ul.block li a {
display: block; 
border-bottom: 1px dashed #aaa;
background: url(img/mark.gif) no-repeat left;
color: #555;
padding: 3px;
letter-spacing: 2px;
}
#navigation ul.block li a:hover {
color: #222;
text-decoration: none;
}
#navigation ul.block li a span {
display: block;
padding: 5px 5px 5px 20px;
}
/* Content */
#taikendan_space {
float: right;
width: 613px;
letter-spacing: 2px;
} 
#taikendan_space h3 {
font-size: 13px;
font-weight: normal;
letter-spacing: 2px;
padding: 6px 6px 6px 30px;
background: url(img/info.gif) no-repeat; 
color: #0bc9b0;
} 
#taikendan_space ul.sub_links {
padding: 10px;
font-size: 11px;
}
#taikendan_space ul.sub_links li {
padding: 2px 0 5px 15px;
background: url(img/pr_mark_1.gif) no-repeat left top;
}
#taikendan_space h2 {
padding: 8px;
font-size: 26px;
background: url(img/pagetitle.gif) no-repeat left bottom;   
color: #151515;
}
 
#taikendan_space .block { 
padding: 20px;
line-height: 220%;
font-size: 13px;
}
.cat {
padding: 20px;
font-size: 15px;
line-height: 220%;
}
.cat li a { color: #575757;}
.cat li a:hover { color: #222;}

#taikendan_space .totop {
margin: 20px; 
}

/* foot */
#foot_space {
clear: both;
letter-spacing: 1px;
padding: 0 15px;
}
#foot_space p {
text-align: right;
padding: 10px;
}
#foot_space ul {
text-align: left;
padding: 10px;
}