/* 
  CSS : mansion_r
 */
*,html,body,ul,ol {margin:0;padding:0;}

img, a img {border:none;}
ul li {list-style: none;}
ul li a {border:none; text-decoration: none;}
ul li a:hover {text-decoration: underline;}

/* basic */
body {
font-family:'‚l‚r ‚oƒSƒVƒbƒN','Osaka','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',sans-serif; 
color: #151515; 
text-align: center; 
font-size: 12px;
background: #f1f1f1 url(img/headline.gif) repeat-x; 
letter-spacing: 0.2em;
}

/* link */
a:link { color:#275dbe;  text-decoration:none;}
a:visited { color:#75a2f3; text-decoration:none;} 
a:hover { color:#75a2f3; text-decoration:underline;} 
a:active { color:#75a2f3; text-decoration:underline;}
 
/* ============Frame&Header============ */
#wrapper {
width: 800px;
margin: 0 auto;
text-align: left;
background-color: #fff;
overflow: hidden;
}
#wrapper h1 {
display: block;
width: 800px;
padding: 109px 155px 44px 13px;
background: url(img/head.jpg) no-repeat;
}
#wrapper h1 a {
display: block;
width: 632px;
height: 122px;
}
#wrapper h1 a span {
display: none;
}
/* ============/Frame&Header============ */

/* ============Pagewrap============ */
#contents {
width: 777px;
margin-left: 10px;
}
/* ============/Pagewrap============ */

/* ============Leftside:MAIN============ */
#text-area {
float: left;
width: 493px;
letter-spacing: 2px;
margin-top: 20px;
} 
#topicpath {
padding: 8px 5px;
background-color: #f1f1f1;
border: 1px solid #ddd;
}
#text-area h2 {
font-size: 12px;
background-color: #777;
color: #fff;
padding: 5px;
} 
#text-area h2 span {
border-left: 4px solid #fff;
padding-left: 10px;
}
#text-area .recommend {
padding: 10px;
line-height: 140%;
margin: 0 0 20px 0;
border: 1px solid #777;
}
#text-area .recommend li {
padding-bottom: 10px;
}
#text-area h3 {
padding: 10px;
font-size: 26px;
background: url(img/pagetitle.gif) no-repeat left bottom;   
color: #222;
margin-top: 20px;
}
 
#text-area .taikendan { 
padding: 20px;
line-height: 260%;
font-size: 15px;
}
.category {
padding: 20px;
}
.category li { padding: 5px; margin: 10px; font-size: 16px; font-weight: bold;}

#text-area .totop {
margin: 20px 0; 
text-align: right;
}
#text-area .totop a {
color: #275DBE;
padding: 5px;
}
#text-area .totop a:hover {
color: #fff;
background-color: #275DBE;
}
/* ============/Leftside:MAIN============ */

/* ============Rightside:NAVIGATION============ */
#side-area {
float: right;
width: 252px;
line-height: 200%;
letter-spacing: 2px;
margin-top: 20px;
overflow: hidden;
}
#side-area ul li{
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#side-area ul.pagelinks li#pagelinks_top {
border: none;
}
#side-area ul.pagelinks li#pagelinks_top a {
display: block;
width:252px;
height: 25px;
background: url(img/list_top.gif) no-repeat;
border-bottom: 1px solid #000;
}
#side-area ul.pagelinks li#pagelinks_top a span {
display: none;
}
#side-area ul.pagelinks {
margin: 15px 0;
}
#side-area ul.pagelinks li {
border: none;
padding: 0;
text-align: right;
border-bottom: solid 1px #aaa;
}
#side-area ul.pagelinks li a {
color: #555;
}
#side-area ul.pagelinks li a:hover {
color: #111;
border-bottom: dolid 1px #111;
text-decoration: none;
background: #fff url(img/mark.gif) no-repeat left;
padding-left: 20px;
}
/* ============/Rightside:NAVIGATION============ */

/* ============Footer============ */
#footer {
clear: both;
background: url(img/footer.gif) repeat-x;
padding-top: 10px;
margin: 0 4px;
}
#footer p {
padding: 10px;
text-align: right;
}
#footer ul {
padding: 10px;
text-align: left;
}
/* ============/Footer============ */