/* 
CSS : pachinko_aa
 */
*,html,ul{margin:0;padding:0;}
ul li {list-style: none;}

/* 
BASIC&LINK
 */
body {
margin: 0; 
padding: 0; 
font-family: arial, sans-serif, Osaka, verdana; 
color: #333; 
background-color: #e6eaf2; 
text-align: center; 
font-size: 12px; 
letter-spacing: 2px;
}
a { 
text-decoration:none;
}
a:hover {
text-decoration:underline;
}


/* 
LAYOUT
 */
#frame {
width: 716px;
margin: 0 auto;
text-align: left;
background: #fff url(img/back.jpg) no-repeat top right;
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
}

#frame h1 {
padding: 20px 0 40px 23px;
}
#frame h1 a {
display: block;
width: 338px;
height: 58px;
background: url(img/logo.gif) no-repeat;
}
#frame h1 a span {
display: none;
}

/* 
CONTENTS
 */
#contents {
width: 670px;
margin-left: 12px;
}
/* 
MAIN
 */
#text_input {
float: left;
width: 449px;
} 
#text_input h3 {
font-size: 14px;
font-weight:normal;
border-bottom:1px dashed #333;
padding: 5px;
margin-top: 20px;
} 
#text_input h2 {
font-size: 20px;
color: #151515;
border-bottom: 4px dotted #ccc;  
}
#text_input .data_space { 
padding: 20px;
line-height: 260%;
font-size: 15px;
border: 1px solid #ccc;
background:url(img/content_top.gif) no-repeat top;
}
#text_input .totop {
text-align: right;  
margin: 20px 0; 
}
.ryoko {padding: 20px;}
.ryoko li {font-size: 16px; font-weight: bold;}
.ryoko li a { display: block;color: #575757;margin: 10px 0;}
.ryoko li a:hover { color: #222;}
#text_input .info_links {
padding: 10px 15px;
line-height: 140%;
color: #555;
}
.info_links li {
padding-bottom: 10px;
}
/* 
LEFT
 */
#navi_block {
float: right;
width: 195px;
margin-top: 10px;
}
#navi_block ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#navi_block .nav_top {
border-bottom: 1px solid #333;
}
#navi_block .nav_top a {
display: block;
background: url(img/cat.gif) no-repeat;
margin-top: 20px;
width: 89px;
height: 21px;
}
#navi_block .nav_top a span {
display: none;
}
#navi_block ul.line_up {
margin-bottom: 20px;
}
#navi_block ul.line_up li {
border: none;
padding: 0;
}
#navi_block ul.line_up li a {
display: block; 
line-height: 120%;
border-bottom: 1px dashed #aaa;
background: url(img/mark.gif) no-repeat left;
}
#navi_block ul.line_up li a span {
display: block;
padding: 10px 5px 10px 20px;
}
/* 
FOOTER
 */
#copyright {
clear: both;
background-color: #07073d;
color: #fff;
padding: 15px 15px 5px 15px;
}
#copyright p {
text-align: center;
}
#copyright a {
color: #f5ef61;
}

