*, 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; color: #333; text-align: center; font-size: 12px;}

a { color: #d43939; text-decoration:none;}

a:hover {color: #eb8787;}

/* container */

#container {
width: 711px;
margin: 0 auto;
text-align: left;
}

/* Header */
#header {
width: 711px;
height: 187px;
background: url(img/head.jpg) no-repeat;
}
#header h1 {
padding: 64px 0 0 122px;
}
#header h1 a {
display: block;
width: 483px;
height: 96px;
}
#header a span {
display: none;
}
#header p {
padding: 5px 10px;
text-align: right;
color: #f7b5b5;
}
#header p a {
color: #fff;
}




/* Content */
#inner {
float: left;
width: 457px;
} 
#inner h2 {
margin-top: 20px;
padding: 12px 5px 12px 50px;
font-size: 18px;
background: url(img/info.gif) no-repeat;
} 
#inner .recm_text {
background-color: #f1f1f1;
padding: 10px;
line-height: 140%;
margin: 5px 0 20px 0;
}
#inner .recm_text li {
padding-bottom: 10px;
}
#inner h3 {
padding: 24px 0 24px 34px;
font-size: 30px;
background: url(img/pagetitle.gif) no-repeat;   
color: #222;
}
 
#inner .block { 
padding: 20px;
line-height: 260%;
font-size: 15px;
}
.fld {
padding: 20px;
}
.fld li { padding: 5px; margin: 10px; font-size: 16px; font-weight: bold;}
.fld li a { color: #575757;}
.fld li a:hover { color: #222;}

#inner .totop {
    text-align: right;  
    margin: 20px 0; 
}

/* left list*/
#taikendan {
float: right;
width: 235px;
margin-top: 20px;
}
#taikendan ul li{
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#taikendan ul.links {
background-color:#f1f1f1;
padding: 10px 0;
}
#taikendan ul.links li {
border: none;
padding: 0;
}
#taikendan ul.links li a {
display: block; 
line-height: 120%;
background: #d5d5d5 url(img/mark.gif) no-repeat left;
border-top: 1px solid #efefef;
border-bottom: 1px solid #c0c0c0;
color: #555;
margin: 0 10px;
letter-spacing: 3px;
}
#taikendan ul.links li a:hover {
color: #222;
}
#taikendan ul.links li a span {
display: block;
padding: 16px 10px 16px 30px;
}
#taikendan ul.links li#li_top a {
display: block;
padding: 20px 10px 20px 90px;
background: url(img/list_top.gif) no-repeat;
border:none;
font-size: 26px;
}
.recm_text {
padding: 15px;
line-height: 200%;
}
/* foot */
#copyright {
clear: both;
padding-top: 10px;
font-size: 11px;
background: #232323 url(img/copyright.gif) repeat-x;
color: #999;
}
#copyright a {
color: #fff;
text-decoration: underline;
}
#copyright a:hover {
text-decoration: none;
}
#copyright p {
text-align: center;
padding: 10px;
}