*,html,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; background: url(img/back.gif);}

a { color: #3977b9; text-decoration:none;}

a:hover {color: #74abe6;}

/* container */
#carrie {
  width: 860px;
  margin-left: 200px;
  background-color: #fff;
}
/* Header */
#header {
  width: 860px;
  background: url(img/head.jpg) no-repeat;
  padding: 96px 0 70px 54px;
}
#header a {
  display: block;
  width: 330px;
  height: 76px;
}
#header a span {
display: none;
}

#areablock {
width: 830px;
margin-left: 16px;
}
/* left list*/
#nav_box {
  float: left;
  margin: 10px  0 0 10px;
  font-size: 12px;
  width: 249px;
}
#nav_box ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
.navi_top a {
  display: block;
  width: 249px;
  height: 43px;
  background: url(img/list_top.gif) no-repeat top left;
}
#nav_box ul.block {
border-left: 1px solid #3977b9;
border-right: 1px solid #3977b9;
border-bottom: 1px solid #3977b9;
padding-bottom: 10px;
}
#nav_box ul.block li {
border: none;
padding: 0;
}
#nav_box ul.block li a {
  display: block; 
  background: #d6d6d6 url(img/mark.gif) no-repeat left;
  color:#777;
  letter-spacing: 2px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #aaa;
  margin:0 10px;
}
#nav_box ul.block li a:hover {
  background: #acd3fc url(img/mark_hover.gif) no-repeat left;
  color:#3977b9;
  border-top: 1px solid #cee6ff;
  border-bottom: 1px solid #87bffa;
}
#nav_box ul.block li a span {
   display: block;
   padding: 15px 10px 15px 30px;
}
#nav_box ul.block li#image {
display: block;
width: 229px;
height: 92px;
background: url(img/list_img.gif) no-repeat;
margin: 0 10px 0 10px;
}
#nav_box ul.block li#image span {
display: none;
}
/* Content */
#mainarea {
  float: left;
  width: 565px;
} 
#mainarea h1 {
  font-size: 26px;
  background: url(img/pagetitle.gif) no-repeat;
  padding: 10px 20px 10px 20px;
  margin-top: 20px;
  color: #fff;
}
#mainarea h2 {
  font-size:12px;
  border: 3px solid #999;
  padding: 3px 8px;
  color: #777;
  margin-top: 20px;
}
.info {
font-size: 12px;
padding: 15px;
line-height: 220%;
}
#mainarea .input { 
padding: 30px;
line-height: 220%;
border-left: 1px solid #3977b9;
border-right: 1px solid #3977b9;
border-bottom: 1px solid #3977b9;
}
.gnr {
padding: 30px;
line-height: 220%;
border-left: 1px solid #367274;
border-right: 1px solid #367274;
border-bottom: 1px solid #367274;
}
.gnr li {
padding: 10px 0;
}
.gnr li a{
color: #777;
border-left: 6px solid #777;
padding-left: 10px;
}
.gnr li a:hover {
color: #3977b9;
border-left: 6px solid #3977b9;
}
/* foot */
#footer {
clear: both;
font-size: 11px;
background-color: #555;
color: #fff;
}
/* copyright */
#footer p {
text-align: right;
padding: 20px;
}