/* ==============
CSS BASIC
============== */
*,html{margin:0;padding:0;}
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; font-size: 13px; letter-spacing: 1px; text-align: center;}
.fix{clear: both;}
/* ===========LINKS============== */
a { color: #f55cb9; text-decoration: none;}
a:hover {text-decoration: underline;}
/* ===========LINKS============== */
 
/* ===========PAGEWRAPPER&HEADER========== */
#container {
width: 712px;
margin: 0 auto;
text-align: left;
}
h1 {
background: url(img/head.jpg) no-repeat;
padding: 27px 0 24px 40px;
}
h1 a {
display: block;
width: 280px;
height: 88px;
}
h1 a span {
display: none;
}
/* ===========PAGEWRAPPER&HEADER========== */

/* ===========LEFT========== */
#text_wrap {
float: left;
width: 443px;
letter-spacing: 1px;
line-height: 200%;
padding: 0 0 0 15px;
} 
#text_wrap .pagetitle {
background-color: #f0f0f0;
border: 3px double #aaa;
color: #f55cb9;
font-size: 12px;
padding-left: 6px;
line-height: 180%;
}
#text_wrap h2 {
padding: 6px;
font-size: 18px;
border-top: 1px dashed #aaa;
color: #222;
}
#text_wrap h3 {
font-weight: normal;
border: 1px solid #aaa;
line-height: 160%;
font-size: 13px;
padding: 3px;
margin-top: 20px;
color: #666;
} 
#text_wrap h3 span {
border-left: 4px solid #aaa;
padding-left: 10px;
}
#text_wrap .page_top {
text-align: right;
margin-bottom: 30px;
}
/* ===========LEFT========== */

/* ===========RIGHT========== */
#navigation {
float: right;
width: 227px;
line-height: 180%;
padding: 10px 10px 0 0;
}
#navigation ul {
margin-bottom: 20px;
}
#navigation ul li{
padding: 3px;
border-bottom: 1px dotted #ccc;
}
#navigation ul.ichiran {
border: 1px solid #eee;
}
#navigation ul.ichiran li#ichiran-top a{
display: block;
width: 218px;
height: 41px;
background: url(img/list_top.gif) no-repeat;
border: none;
padding: 0;
}
#navigation ul.ichiran li#ichiran-top a span {
display: none;
}
#navigation ul.ichiran li a {
display: block; 
background: url(img/mark.gif) no-repeat left;
border-right: 4px solid #ffc9ea;
padding-left: 15px;
}
#navigation ul.ichiran li a:hover {
border-right: 4px solid #f55cb9;
}
/* ===========RIGHT========== */

/* ===========FOOTER========== */
#footer {
clear: both;
margin: 0 15px;
border-top: 5px dotted #aaa;
}
#footer ul {
padding: 10px;
}
#footer p {
text-align: right;
}
/* ===========FOOTER========== */