*{margin:0;padding:0;}
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;
	font-size: 14px;
}

a {
	 color: #e2357e;
         font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #656565;
}

.clearfix:after   {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
} 

.clearfix {  
     display: inline-block;  
}

/* container */

#WRAPP {
  width: 814px;
  margin-left: 200px;
  background: url(img/bodyback.gif) repeat-y;
}

/* Header */
#HEADER-SPACE {
	width: 800px;
	height: 125px;
	margin-left: 7px;
	background: url(img/head.jpg) no-repeat;
}
#name h1 {
  padding: 42px 0 0 23px;
}

#name h1 a {
  display: block;
  width: 508px;
  height: 35px;
}
#name h1 a span {
  display: none;
}
/* left */

#TEXT-SPACE {
    float: left;
    width: 547px;
    margin-left: 18px;
}

#TEXT-SPACE .images {
    width: 547px;
    height: 208px;
    background: url(img/image.jpg) no-repeat;
    margin: 10px 0 0 0;
}  

#TEXT-SPACE .images span {
    display: none;
}  
#TEXT-SPACE h3 {
font-size: 12px;
background-color: #ffd8e8;
border-left: 6px solid #e2357e;
padding: 3px;
color: #e2357e;
}
#info li{
padding: 0 10px;
font-size: 12px;
}
#TEXT-SPACE h2 {
background: url(img/pagetitle.gif) no-repeat left top;
padding: 36px 20px 34px 90px;
font-size:28px;
}
#TEXT-SPACE .text_in { 
     padding: 20px 30px;
     line-height: 300%;
     background: url(img/content_mdl.gif) repeat-y;
     }
#gnr { list-style-type: none; margin: 0; padding: 0 0 0 20px;}
#gnr li { width: 447px;  padding: 0 10px 16px 20px; font-size: 20px; background: url(img/cat_back.gif) no-repeat; }
#gnr li a {color: #333; font-weight: bold;}
#gnr li a:hover {
    color: #888;
}

#TEXT-SPACE .pagetop {
text-align: right; 
font-size: 12px;
background: url(img/content_btm.gif) no-repeat bottom left;  
padding: 10px 20px;
}

/* list */

#PAGELIST {
  float: right;
  margin-right: 10px;
  width: 218px;
}

#menu_top {
  display: block;
  width: 218px;
  height: 27px;
  background: url(img/menu_top.gif) no-repeat;
}

#navi li a {
  display: block; 
  width: 218px;
  text-decoration: none;
  background: url(img/mark.gif) no-repeat left;
  border-bottom: 2px dotted #fff041;
}

#navi li a span {
   display: block;
   padding: 20px 10px 20px 30px;
   color: #4d4d4d;
}

#navi li a:hover span {
   color: #000;
}

#btm {
width: 218px;
height: 49px;
background: url(img/menu_btm.gif) no-repeat;
}
#btm span {
display: none;
}

/* pankuzu */

#path {
    clear:both;
    font-size: 12px;
    margin: 10px 10px 0 10px;
    color: #242424;
}
#TOPIC a {
    color: #e3357d;   
}

/* foot */

#FOOTER-SPACE {
    clear: both;
    width: 800px;
    margin-left: 7px;
}

#FOOTER-SPACE .line {
    width: 800px;
    height: 10px;
    background: url(img/footline.gif) no-repeat;   
}
#FOOTER-SPACE .line span {
    display: none;
}
#copy {
    color: #333;
    font-size: 11px;
    padding: 0;
    text-align: right;
}
#pr {
    font-size: 12px;
    margin: 10px; 
    line-height: 120%;
    padding-top:10px;   
}

#pr li {
    padding: 5px;
    margin: 0;
    color:#a6a6a6;
}

#pr li a {
    color: #000;
    text-decoration: underline;
}
#pr li a:hover {
    text-decoration: none;
}