/* 
  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: #666; 
text-align: center; 
font-size: 12px;
background: #f1f1f1 url(img/headline.gif) repeat-x; 
letter-spacing: 0.2em;
}

/* link */
a:link { color:#3f9400;  text-decoration:none;}
a:visited { color:#fb8318; text-decoration:none;} 
a:hover { color:#6dbf30; text-decoration:underline;} 
a:active { color:#6dbf30; text-decoration:underline;}
 
/* ============Frame============ */
#container {
width: 826px;
margin: 0 auto;
text-align: left;
background: url(img/page_wrap.jpg) repeat-y;
}
/* ============/Frame============ */

/* ============Header============ */
#header {
display: block;
width: 826px;
height: 318px;
background: url(img/head.jpg) no-repeat;
}
#header h1 {
padding: 17px 0 0 38px;
}
#header h1 a {
display: block;
width: 274px;
height: 113px;
}
#header h1 a span {
display: none;
}
#header p {
margin: 165px 0 0 27px;
color: #151515;
}
#header p a {
font-weight: bold;
}

/* ============/Header============ */

/* ============Top list============ */
#top_navi {
margin: 15px 30px;
background-color:#f1f1f1;
padding:10px;
color: #666;
}
#top_navi .list_top {
display: block;
width: 83px;
height: 16px;
background: url(img/list_top.gif) no-repeat;
margin-top: 15px;
}
#top_navi .list_top span {
display: none;
}
#top_navi ul.pagelist {
background-color: #fff;
padding: 10px;
margin-bottom: 15px;
}
#top_navi ul.pagelist li {
display: inline;
background: url(img/mark.gif) no-repeat left;
line-height: 160%;
}
#top_navi ul.pagelist li a {
padding-left: 15px;
}
/* ============/Top list============ */


/* ============Pagewrap============ */
#wrapper {
width: 770px;
margin-left: 30px;
}
/* ============/Pagewrap============ */

/* ============Leftside:MAIN============ */
#text-area {
float: left;
width: 493px;
letter-spacing: 2px;
margin-top: 20px;
} 
#text-area h2 {
font-size: 12px;
font-weight: normal;
padding: 5px;
border-bottom: 1px dashed #aaa;
border-left: 4px solid #666;
color: #151515;
}
#text-area .recommend {
padding: 10px;
line-height: 140%;
}
#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: #111;
margin-top: 20px;
}
 
#text-area .taikendan { 
padding: 20px;
line-height: 260%;
font-size: 15px;
color: #151515;
}
.cat {
padding: 20px;
}
.cat li { padding: 5px; margin: 10px; font-size: 16px; font-weight: bold;}
#text-area .totop {
margin: 20px 0; 
text-align: right;
}
/* ============/Leftside:MAIN============ */

/* ============Rightside:CATEGORYPAGE LINK============ */
#side-area {
float: right;
width: 233px;
margin-top: 20px;
}
#side-area ul li{
border-bottom: 1px dotted #aaa;
padding: 6px;
line-height: 140%;
}
#side-area a#tocatpage {
display: block;
width: 233px;
height: 87px;
background: url(img/category.gif) no-repeat;
margin: 15px 0;
}
#side-area a#tocatpage span {
display: none;
}
/* ============/Rightside:NAVIGATION============ */

/* ============Footer============ */
#footer {
clear: both;
border-top: 3px double #aaa;
padding-top: 10px;
margin: 0 10px;
color: #151515;
}
#footer p {
padding: 10px;
text-align: right;
}
#footer ul {
padding: 10px;
text-align: left;
line-height: 140%;
}
/* ============/Footer============ */