*{margin:0;padding:0;}
html,body{margin:0; padding:0}

img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-position:inline}
ul li a{text-decoration:none;border:none;}

body {
	margin: 0;
	padding: 0;
	font: normal Arial, Helvetica, sans-serif;
	color: #2F4F4F;
	background-color: #656565;
}


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

a {
	color: #ffae00;
}

a:hover {
	text-decoration: underline;
}

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

.clearfix {  
     display: inline-block;  
}


/* Header */
#header {
	width: 702px;
	margin: 0 auto;
}

/* logo */

#header .logo {
  float: left;
}
#header .logo h1 {
padding-top: 20px;
}
#header .logo h1 a {
  display: block;
  width: 554px;
  height: 52px;
  background: url(img/logo.gif) no-repeat;
}
#header .logo h1 a span {
display: none;
}

/* menu */

#header .menu {
	float: right;
}

#header .menu ul {
    width: 148px;
    margin: 0; 
    padding-top: 20px;
}

#header .menu li {
	display: inline;
}

#header .menu a {
    margin: 0;
    display: block;
    width: 148px;
    height: 52px;
    background: url(img/tag.gif) no-repeat;    
}
#header .menu a:hover {
    background: url(img/tag_hover.gif) no-repeat;
}    
#header .menu a span {
    display: none;
}


/* images */
#images {
    clear: both;
    display: block;
    margin: 0 auto;
    width: 702px;
    height: 144px;
    background:#656565 url(img/image.gif) no-repeat;
}

#container {
	width: 702px;
	margin: 0 auto;
	background-color: #fff;
}
         
/* honbun */

#content {
    float: left;
    width: 480px;
	margin: 40px 0 0 10px;	
	padding-top: 20px;
	font-size: 12px;
	background: url(img/line.gif) no-repeat left top;
}
#content h2 {
	font-size: 20px;
    padding: 20px 0 0 60px;
    color: #151515;
    background: url(img/point.gif) left no-repeat;
    margin-top: 20px;
}
#content h3 {
background: url(img/info.gif) no-repeat;
width: 144px;
height: 29px;
display: block;
}
#content h3 span {
display: none;
}
#content ul.info {
padding: 15px;
line-height: 140%;
background-color: #f1f1f1;
}
#content ul.info li {
padding-bottom: 10px;
}
#content .entry {
    line-height: 250%;
	font-size: 15px;
	padding: 20px;
}

#content .totop {
    text-align: right;
    font-size: 12px;
    margin: 10px;
}

/* list */

#navigation {
  float: left;
  width: 186px;
  margin: 10px 0 0 10px;
  font-size: 12px;
  line-height: 180%;
}
#navigation ul li{
padding: 4px;
border-bottom: 1px dotted #aaa;
}
#navigation .navi_bar a {
  display: block;
  width: 186px;
  height: 27px;
  background: url(img/navi.gif) right no-repeat;
  margin-top: 20px;
}
#navigation .navi_bar a span {
display: none;
}
#navigation .navi_bar a:hover {
  background: url(img/navi_hover.gif) right no-repeat;
}
#navigation ul.line-up {
margin-bottom: 20px;
}
#navigation ul.line-up li{
  padding: 0;
  border: none;
}
#navigation ul.line-up li a { 
  display: block; 
  height: 53px;
  line-height: 100%;
  background: url(img/bar.gif) left no-repeat; 
  font-size: 13px; 
  color: #3f7398;
}
#navigation ul.line-up li a:hover {
 background: url(img/hover.gif) left no-repeat; 
     text-decoration: none;
     color: #ffae00;
}
#navigation ul.line-up li a span {
   display: block; 
   padding: 18px 5px 18px 20px;
}
/* foot */

#foot {
    clear: both;
    background-color: #3e5e4e;
    border-top:6px double #fff;
    color:#7da895;
    font-size: 12px;
} 
#foot ul {
padding: 15px;
line-height: 140%;
}
#foot ul li {
padding-bottom: 10px;
}
#foot p.pankuzu {
    text-align: center;
    padding:10px;
}
#foot p.pankuzu a {
    color: #fff;
}