*{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;
    background: url(img/back.jpg);
    text-align: center;
}


h1, h2, h3, h4, h5, h6 {
	color: #000;
	margin: 0;
	padding: 0;
	
}

a {
	color: #ACD2E9;
}

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

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

.clearfix {  
     display: inline-block;  
}

/* container */

#allContents {
  width: 699px;
  margin: 0 auto;
  background: #fff;
  text-align: left;
}

/* Header */
#casira {
	width: 699px;
	height:169px;
	margin: 0 auto;
	background: url(img/images.jpg) no-repeat;
	 text-align: left;
}

/* logo */

#title {
  margin: 0;
}

#title h1 {
  padding: 60px 0 0 6px;
}

#title h1 a {
  display: block;
  width: 532px;
  height: 100px;
  background: url(img/images.jpg) no-repeat;
  background-position: -3px -174px;
}

/* menu */
#top_navi {
   width:699px;
   height:33px;
   background: url(img/images.jpg) no-repeat;
   margin: 0;
   background-position: -1px -283px;
}
   
#top_navi ul li{ float:right;list-style: none; height: 33px;}
#top_navi ul li a{display:block;padding-top:8px; line-height:100%;}
#top_navi ul li a span{ display:none;}

#top_navi ul li#home a{ width:64px; height:32px; background:url(img/images.jpg) no-repeat; background-position: -190px -318px; margin-right: 2px;}
#top_navi ul li#page a{ width:64px; height:32px; background:url(img/images.jpg) no-repeat; background-position: -265px -318px;}


#top_navi ul li#home a:hover{ background:url(img/images.jpg) no-repeat; background-position:-10px -318px;}
#top_navi ul li#page a:hover{ background:url(img/images.jpg) no-repeat; background-position: -85px -318px;}

/* list */

#mainNavigation {
  float: right;
  font-size: 12px;
  width: 246px;
}
#mainNavigation ul li{
padding:3px;
line-height:200%;
border-bottom:#ddd solid 1px;
}

#mainNavigation #list li{ padding:0; border:none;}
#navi_top {
  display: block;
  width: 246px;
  height: 33px;
  background: url(img/images.jpg) no-repeat;
  background-position: 0 -351px;
}

#navi_top:hover {
   background-position: -247px -352px;
}

#list {
  margin-top: 2px;
}

#list li a {
  display: block; 
  width: 246px;
  text-decoration: none;
  background: #efffb8 url(img/mark.gif) no-repeat left;
}

#list li a span {
   display: block;
   padding: 23px 5px 23px 30px;
   color: #4d4d4d;
}

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


/* left */
#left_side {
    float: left;
    width: 440px;
}

/* pankuzu */

#pankuzu {
    font-size: 12px;
    text-align: right;
}
#pankuzu p {
    width: 434px;
    height: 27px;
    padding: 10px 0 0 6px;
}



/* Content */

#main_space {
	width: 440px;
	margin-left: 10px;
	padding: 20px 0;
} 
    
#info {
    width: 419px;
    font-size: 11px;
    margin: 0 0 30px 10px;    
    padding: 0;
    line-height: 120%;
    list-style: none;
}

#info li {
    padding-left: 10px;
    margin-bottom: 6px;
}

#info li a {
    display: block;
    color: #416469;
    width: 100px;
}
#info li a:hover {
    color: #A8D3E3;
}
#info li span {
    font-size: 12px;
}
#pr_top {
    width: 418px;
    height: 22px;
    background: url(img/images.jpg) no-repeat;
    background-position: 0 -482px;
    margin: 0;
}
#pr_top span {
    display: none;
}

#main_space .pagetitle {
    margin-left: 10px;
    width: 420px;
    height: 30px;
    background: url(img/images.jpg) no-repeat;
    background-position: 0 -445px;
}
#main_space .pagetitle h2 {
    display: block;
    width: 422px;
    height: 28px;
    padding: 8px 0 0 70px;
    font-size: 16px;
}
#main_space .text{ 
     padding: 30px;
     line-height: 200%;
     font-size: 14px;
     }
#gnr li a { background: url(img/list_mark.jpg) no-repeat left; font-size: 14px;}
#gnr li a span { padding: 20px 5px 20px 20px; }

.totop { 
    text-align: right; 
    font-size: 12px;
}
.totop a { 
    text-decoration: none; 
    color:#416469; 
}
.totop a:hover {
    color: #000;
}


/* foot */

#foot {
    clear: both;
    width: 100%;
    background-color: #424242; 
    font-size: 11px;
}    
     
/* copy */
#foot p {
    text-align: center;
    color: #fff;
    padding: 10px 6px 30px 0;
}

#foot ul {
padding: 20px;
}