.testclassname  {
	width: 780px;
	margin:  0px;
	padding: 0px;

}
.testclassname p {
	background-color: #ffffff;
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: 100;
	font-size: 12px;
	color:#333333;
	margin: 0px;
	padding: 10px;
}
.testclassname a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color:#eeeeee;
	background-color: #3072d5;
}

.testclassname a:hover {
	background-color: #1f317d;
}

.testclassname a.selected {
	color: #ffffff;
	background-color: #80cfe2;
}


------------0xKhTmLbOuNdArY

Content-Disposition: form-data; name="userfile"; filename="news.html"

Content-Type: text/html



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="ja" lang="ja">
   <head>

      <meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
      <meta http-equiv="content-style-type" content="text/css">
      <meta http-equiv="content-script-type" content="text/javascript">
      <title>officematroos</title>
      <meta http-equiv="description" content="Web制作,テープ起こし,ライティング">
      <meta http-equiv="keywords"  content="Web制作,テープ起こし,ライティング">
      <meta name="author" content="kotona">
	  <link rel="shortcut icon"  type="image/ico" href="favicon.ico">
      <link rel="stylesheet" href="simple.css" title="simplelayout" type="text/css">
      <link rel="alternate stylesheet" href="zoom.css" title="zoomlayout" type="text/css">
      <link href="./myaccordion.css" rel="stylesheet" type="text/css">
	  <style type="text/css" media="screen, projection">

         body, h1, h2, p{
            width:780px;
            margin:0 auto;
            font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;    
         }
         h1 {
            margin: 1em 0 1.5em;
            font-size: 16px;
			color:#666666;
         } 
         h2 {
            margin: 1em 0 1.5em;
			line-height:15px;
            font-size: 14px;
			color:#666666;
         }
         p {
           margin: 2em 0 1.5em;
           line-height:1.6;
           font-size:1em;
		   color:#555555;
         }
         pre, pre+p, p+p {
           margin: 1em 0 0;
         }
         code {
           font-family: "Courier New", Courier, monospace;
         }

      </style>
	  <script src="./jquery.js" type="text/javascript"></script>
      <script src="./jquery.easing.js" type="text/javascript"></script>
      <script src="./jquery.dimensions.js" type="text/javascript"></script>
      <script src="./jquery.accordion.js" type="text/javascript"></script>
	  <script type="text/javascript">
<!--
$(function(){
        jQuery.noConflict();
        jQuery('#myAccordion1').accordion({animated:'bounceslide'}).activate(0);
});
//-->
</script>

</head>

<body>
   <div id="news">
         <h1><img src="images/title_complete.png" width="780" height="90" alt="詳細ページのタイトル画像"></h1>
      <div id="nav">
         <ul>
		    <li><a class="white" href="./index.html"><span>ＨＯＭＥ</span></a></li>
            <li><span class="white">Ｎｅｗｓ</span></li>
            <li><a class="white" href="./web.html"><span>Ｗｅｂ制作</span></a></li>
            <li><a class="white" href="./tape.html"><span>テープ起こし</span></a></li>
		    <li><a class="white" href="./write.html"><span>ライティング</span></a></li>
		    <li><a class="white" href="./ad.html"><span>宣伝広告</span></a></li>
		    <li><a class="white" href="./about.html"><span>About Us</span></a></li>
         </ul>
		 <h2><img src="images/title_news02.png" width="780" height="90" alt="Newsページのタイトル画像"></h2>
	  </div>
      <div class="testclassname" id="myAccordion1"> 
         <a>　タラ鍋と塩ポン 　　　　　[29.October]　</a>
         <p>　薪ストーブに先日火を入れました。これからの季節は鍋が恋しくなりますね。我が家は１週間に３回は鍋料理です。特にはまっているのは「タラ鍋」です。粗（あら）と肝（きも）が命。うま過ぎる。本当にうま過ぎる。</p>
  
  　     <a>　真理さんがマリさんのテープ起こし　　　　　[29.november]</a>
  　　   <p>　面白いけど、なかなか進まないね</p>
  
  　　   <a>　こんばんは久々の「ブリ大根」！　　　　　　[29.November]</a>
  　　   <p>　つまみはトロびんちょうです。</p>
      </div>     
   </div>
   <div id="footer">
      <h1><img src="images/pipemark_mini.png" width="20" height="20">　office matroos 2009　</h1>
   </div>
</body>
</html>
 