*{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: #000;
	font-size: 12px;
	letter-spacing: 2px;
}

a {
	color: #f08114;
}

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


/* container */

#ES-PAGE {
  width: 809px;
  margin-left: 200px;
  background: url(img/back.jpg) repeat-y;
}

/* Header */
#PAGETOP {
	width: 798px;
	height: 175px;
	margin-left: 5px;
	background: url(img/images.jpg) no-repeat;
}

/* logo */

#LOGO_SITENAME {
  margin: 0;
}

#LOGO_SITENAME h1 {
  padding: 30px 0 0 164px;
}

#LOGO_SITENAME h1 a {
  display: block;
  width: 472px;
  height: 112px;
  background: url(img/images.jpg) no-repeat;
  background-position: -231px -336px;
}
#LOGO_SITENAME h1 a span {
  display: none;
}

/* main */
#MAIN {
   margin-left: 5px;
   width: 800px;
   background-color: #fff;
}
/* left */

#LEFT_SIDE {
    float: left;
    width: 580px;
        overflow: hidden;
}


#LEFTCOL   { 
     margin-bottom: 20px;
     padding: 10px 0 10px 20px;
     line-height: 300%;
     font-size: 13px;
     color: #575757;
     width: 580px;
     overflow: hidden;
     }
#LEFTCOL h2 {
display: block;
width: 514px;
height: 17px;
background: url(img/info.jpg) no-repeat;
}
#LEFTCOL h2 span{
display: none;
}
#LEFTCOL h4 {
display: block;
width: 514px;
height: 17px;
background: url(img/info.jpg) no-repeat;
}
#LEFTCOL h4 span{
display: none;
}
/* pr */   
.recomlink {  
    padding: 15px 80px 15px 15px;
    line-height: 300%;
}

#info li a span {
    font-size: 12px;
}
#block {width: 543px; background: url(img/content_back.jpg) repeat-y; }

#block span#blockin { 
display: block; 
background: url(img/content_top.jpg) no-repeat top left; 
margin: 0; 
padding: 30px; 
line-height: 300%;
font-size: 15px;
}

#block span#blockin p { margin: 0 0 20px 0;}

.cls {background: url(img/content_top.jpg) no-repeat top left; padding: 30px; }
.cls li { font-size: 14px;}
.cls li a {display: block; background: url(img/mark.jpg) no-repeat left; color: #72421C;}
.cls li a:hover {color: #C89168;}
.cls li a span {display: block; padding: 15px 0 15px 60px;}

.totop { text-align: right; background: url(img/content_btm.jpg) no-repeat; height: 69px; padding: 10px 20px 0 0; font-size: 11px;}
.totop a {text-decoration: none; color: #64330c; padding: 40px;}
.totop a:hover {color: #000;}

/* pankuzu */

#pankuzu {
    width: 552px;
    height: 30px;
    font-size: 12px;
    padding-left: 20px;
    margin-top: 20px;
    color: #242424;
    background: url(img/pgtitle.jpg) no-repeat;
}
#pankuzu a {
    color: #dfb89a;   
}

/* pagetitle */
#LEFTCOL .pagetitle {
    margin: 0;
    width: 552px;
    height: 91px;
    background: url(img/pgtitle.jpg) no-repeat;
    background-position: 0 -30px;
}
#LEFTCOL .pagetitle h3 {
    display: block;
    width: 550px;
    padding-left: 30px;
    font-size: 24px;
    color: #575757;
}
 
#cat { list-style-image: url(img/mark.jpg); margin: 0; padding: 20px 0 0 60px;}
#cat li { height: 40px; margin: 0; padding: 0; font-weight: bold;}
#cat li a { text-decoration: underline;  font-size: 16px;}
#cat li a:hover {
    color: #000;
    text-decoration: none;
}
#LEFTCOL .pagetop {
    width: 550px;
    text-align: right; 
    margin-left: 10px; 
    padding: 0; 
    font-size: 12px;  
}

#LEFTCOL .pagetop a { 
    text-decoration: none; 
    color:#e06374; 
    padding: 0;
    margin-right: 20px;
}
#LEFTCOL .pagetop a:hover {
    color: #000;
}
/* right */

#RIGHT_SIDE {
   float: right;
   width: 204px;
   margin-right: 6px;
   overflow: hidden;
}
/* topmenu */

#MENU {
   width: 204px;
   height: 150px;
   margin: 0;
}
   
#MENU li{ float:right; list-style: none; height: 56px; padding-top: 10px;}
#MENU li a{display:block; padding-top:2px; line-height:100%;}
#MENU li a span{ display:none;}

#MENU li#home a{ width:202px; height:54px; background:url(img/images.jpg) no-repeat; background-position: 0 -178px; }
#MENU li#page a{ width:202px; height:54px; background:url(img/images.jpg) no-repeat; background-position: -1px -234px;}


#MENU ul li#home a:hover{ background-position: -204px -178px;}
#MENU ul li#page a:hover{ background-position: -205px -234px;}


/* list */

#NAVI {
  margin-left: 10px;
  padding: 0;
  font-size: 12px;
  width: 190px;
  overflow: hidden;
}
.navi_list {
background-color: #dfb89a;
}
.navi_list li a {
  display: block; 
  line-height: 160%;
  text-decoration: none;
  background: #dfb89a url(img/list_mark.gif) no-repeat left;
  margin: 0 10px;
  color: #4d4d4d;
}
.navi_list li a:hover {
  color: #000;
}
.navi_list li a span {
   display: block;
   padding: 20px 0 20px 30px; 
}
.info { 
    padding: 15px;
    line-height: 300%;
}
/* foot */

#END {
    clear: both;
    width: 800px;
    margin: 0 auto;
    padding: 0;
    background-color: #575757;
    border-top: double 6px #fff;
    text-align: left;   
}
 
#END p {
    text-align: center;
    color: #fff;
    font-size: 11px;
    padding: 10px 6px 30px 0;
}
#END .pr {
    font-size: 11px;
    margin: 10px;    
}
#END .pr h4 {
    color: #d3d3d3;
    font-weight: bold;
    font-size: 12px;
}
#END .pr ul {
    padding: 10px;
    line-height: 120%;
    list-style: none;
}
#END .pr ul li {
    padding: 5px;
    margin: 0;
    color:#a6a6a6;
}

#END .pr ul li a {
    display: block;
    color: #000;
    width: 100px;
    text-decoration: underline;
}
#END .pr ul li a:hover {
    text-decoration: none;
}
#END .pr ul li a span {
    font-size: 12px;
}