<!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=UTF-8" />
<meta name="robots" content="index,follow" />
<meta name="Keywords" content="PCトラブル" />
<meta name="Description" content="" />
<link rel="stylesheet" href="index.php?id=2" type="text/css" />
<title>SWEETPARTY(パソコン対応奮戦記):stylecss</title>
<link rev="made" href="mailto:USERNAME@TEST.ne.jp" />
</head>
<body>
<div id="banner">
 <div id="banner-inner" class="pkg">
  <h1 id="banner-header"><a href="index.php">SWEETPARTY(パソコン対応奮戦記)</a></h1>
  <h2 id="banner-description"></h2>
 </div>
</div>
<div id="mainmenu" class="pkg">
 <ul>
  <!--メニュー項目を増やすには、以下の行を複製してください-->
  <li class="mainmenu_home"><a href="1" title="ホーム">ホーム</a></li>
  <li><a href="about/index.html" title="このサイトについて">このサイトについて</a></li>
  <li><a href="http://sweetparty.jp/blog/" title="ブログ">ブログ</a></li>
  <li><a href="help/privacy.html" title="プライバシーポリシー">プライバシーポリシー</a></li>
  <li><a href="help/notice.html" title="特定商取引法の表示">特定商取引法の表示</a></li>
  <li><a href="help/inquiry.html" title="お問い合わせ">お問い合わせ</a></li>
  <li><a href="link/index.html" title="リンク">リンク</a></li>
 </ul>
 <div class="clr"> </div>
</div>
<div id="mainimage-whole">
 <div id="mainimage">
  <div id="mainimage_inner">
   <h2>サイトの説明</h2>
   <p>このサイトは、私がSEもどきな仕事をしていく中で困ったこと、解決できたことなどを記載しております。同じ事で悩んでらっしゃる方の一助になればと思います。<br />
   </p>
  </div>
 </div>
</div>
<div id="container">
 <div id="container-inner" class="pkg">
  <div id="pagebody">
   <div id="pagebody-inner" class="pkg">
    <p class="pagebody-spacer"></p>
    <div id="gamma">
     <div id="gamma-inner" class="pkg">
      <div class="module">
       <h2>Menu(Category)</h2>
       <div class="module-content">
        <div class="module-banner">
         <p><a href="index.php?id=4"><img src="css/images/affiliate.gif" alt="PCトラブル編" width="120" height="225" /></a></p>
         <p><a href="index.php?id=20"><img src="css/images/affiliate.gif" alt="EXCEL2000-2007編【目次】" width="120" height="225" /></a></p>
        </div>
       </div>
      </div>
      <div class="module">
       <h2>アフィリエイトエリア</h2>
       <div class="module-content">
        <div class="module-banner">
         <p><a href="dummy.html"><img src="css/images/affiliate.gif" alt="サンプルアフィリエイト" width="120" height="225" /></a></p>
         <p><a href="dummy.html"><img src="css/images/affiliate.gif" alt="サンプルアフィリエイト" width="120" height="225" /></a></p>
        </div>
       </div>
      </div>
     </div>
    </div> 
    <div id="alpha">
     <div id="alpha-inner" class="pkg">
      <h2>stylecss</h2>
      <br>
　　　　<p><span class="b_currentCrumb">stylecss</span></p>
       <p> </br></p>
      <div class="entry">
         <p>@charset "shift_jis";
a{
color:#555555;
}
a:hover{
text-decoration:none;
}
html{
scrollbar-track-color:#eeffee;
scrollbar-face-color:#ffffff;
scrollbar-shadow-color:#eeeeee;
scrollbar-darkshadow-color:#dddddd;
scrollbar-highlight-color:#eeeeee;
scrollbar-3dlight-color:#dddddd;
scrollbar-arrow-color:#9acd32;
}
body{
font-size:9pt;
color:#555555;
background-color:#ffffff;
text-align:center;
margin:0px;
-webkit-text-size-adjust:none;
}
table,th,td{
margin:auto;
font-size:9pt;
color:#555555;
}
p{
text-align:left;
line-height:2em;
padding-left:20px;
padding-right:20px;
margin-top:0.5em;
margin-bottom:0.5em;
}
img{
border-style:none;
}
#body{
margin:auto;
width:850px;
background-image:url(images/bg.gif);
background-position:top right;
background-repeat:repeat-y;
overflow:hidden;
}
#header{
width:100%;
height:150px;
text-align:left;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-position:top left;
overflow:hidden;
}
#header h1{
margin-top:60px;
padding-left:30px;
font-size:14pt;
font-family:"Times New Roman";
color:#6b8e23;
}
#header h1 a{
color:#6b8e23;
text-decoration:none;
}
#menu{
width:100%;
height:30px;
background-image:url(images/menu_bg.jpg);
background-repeat:no-repeat;
background-position:top left;
overflow:hidden;
}
#menu ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#menu li{
float:left;
width:120px;
height:30px;
line-height:30px;
overflow:hidden;
}
#menu a{
/* トップメニューの文字を左寄せにする場合 */
/* text-align:left; */
/* padding-left:10px; */
text-decoration:none;
white-space:nowrap;
border-right:solid 1px #cccccc;
display:block;
}
#menu a:hover{
background-image:url(images/menu.jpg);
background-repeat:no-repeat;
background-position:top left;
color:#6b8e23;
}
#left{
float:left;
width:250px;
font-size:8pt;
overflow:hidden;
}
#main{
float:right;
width:600px;
overflow:hidden;
}
#menu2{
margin:0px;
padding:0px;
list-style-type:none;
}
#menu2 a{
margin:auto;
width:220px;
height:25px;
line-height:25px;
text-align:left;
text-indent:30px;
text-decoration:none;
white-space:nowrap;
background-image:url(images/menu2_bg.jpg);
background-repeat:no-repeat;
background-position:top left;
display:block;
overflow:hidden;
}
#menu2 a:hover{
color:#6b8e23;
background-image:url(images/menu2.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#main h2,#main h3,#left h4,#left h5{
margin:auto;
margin-top:0px;
margin-bottom:0px;
height:30px;
line-height:30px;
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
}
#main h2{
font-size:9pt;
width:600px;
background-image:url(images/h2.jpg);
}
#main h3{
font-size:9pt;
width:600px;
text-indent:10px;
text-align:left;
background-image:url(images/h3.jpg);
}
#left h4{
font-size:8pt;
width:220px;
text-align:center;
background-image:url(images/h4.jpg);
}
#left h5{
font-size:8pt;
width:220px;
text-indent:10px;
text-align:left;
background-image:url(images/h5.jpg);
}
#main ul,#main ol{
margin-left:0px;
padding-left:35px;
padding-right:20px;
}
#main li{
line-height:2em;
text-align:left;
}
.box_head,.box_main{
margin:auto;
width:220px;
background-color:#e1f0d9;
background-repeat:no-repeat;
overflow:hidden;
}
.box_head{
margin-top:5px;
padding-top:10px;
background-image:url(images/box_h.jpg);
background-position:top left;
}
.box_main{
text-align:left;
margin-bottom:5px;
padding-bottom:10px;
background-image:url(images/box_f.jpg);
background-position:bottom left;
}
.box_main ul,.box_main ol{
margin-left:0px;
padding-left:25px;
padding-right:1em;
}
.box_main li{
line-height:2em;
}
.box_main p{
padding-left:1em;
padding-right:1em;
margin-bottom:0px;
}
#left table,#left th,#left td{
font-size:8pt;
}
#footer{
clear:both;
width:100%;
height:100px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-position:top left;
overflow:hidden;
}
.sbox{
height:150px;
overflow:auto;
border:solid 1px #c2dfaf;
-webkit-overflow-scrolling:touch;
}
.cbox{
border:solid 1px #c2dfaf;
background-color:#e1f0d9;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.f_left{
float:left;
}
.f_right{
float:right;
}
.clear{
clear:both;
}
.up{
clear:both;
text-align:right;
padding-right:10px;
}
#copy{
font-size:8pt;
color:#aaaaaa;
width:100%;
height:20px;
background-color:#ffffff;
overflow:hidden;
}
#copy p{
float:right;
width:50px;
height:20px;
margin:0px;
padding:0px;
text-align:right;
overflow:hidden;
}
#copy a{
color:#aaaaaa;
text-decoration:none;
background-image:url(images/copy.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-left:80px;
display:block;
}
.darkblue{
color:#00008b;
}
.blue{
color:#0000ff;
}
.cyan{
color:#00ffff;
}
.skyblue{
color:#87ceeb;
}
.lime{
color:#00ff00;
}
.greenyellow{
color:#adff2f;
}
.green{
color:#008000;
}
.darkolivegreen{
color:#556b2f;
}
.olive{
color:#808000;
}
.darkkhaki{
color:#bdb76b;
}
.red{
color:#ff0000;
}
.tomato{
color:#ff6347;
}
.brown{
color:#a52a2a;
}
.maroon{
color:#800000;
}
.saddlebrown{
color:#8b4513;
}
.yellow{
color:#ffff00;
}
.gold{
color:#ffd700;
}
.orange{
color:#ffa500;
}
.darkgoldenrod{
color:#b8860b;
}
.magenta{
color:#ff00ff;
}
.purple{
color:#800080;
}
.blueviolet{
color:#8a2be2;
}
.violet{
color:#ee82ee;
}
.thistle{
color:#d8bfd8;
}
.pink{
color:#ffc0cb;
}
.mistyrose{
color:#ffe4e1;
}
.tan{
color:#d2b48c;
}
.wheat{
color:#f5deb3;
}
.silver{
color:#c0c0c0;
}
.gray{
color:#808080;
}
.black{
color:#000000;
}
.white{
color:#ffffff;
}
</p>
      </div>
     </div>
    </div>
    <div id="beta">
     <div id="beta-inner" class="pkg">
      <div class="module">
       <h2>トピックスエリア</h2>
       <div class="module-content">
        <ul class="module-list">
         <li><a href="dummy.html">リスト表示項目01</a></li>
         <!--項目を増やすには、この行を複製してください-->
         <li><a href="dummy.html">リスト表示項目02</a></li>
         <li><a href="dummy.html">リスト表示項目03</a></li>
        </ul>
       </div>
      </div>
      <div class="module">
       <h2>バナーエリア</h2>
       <div class="module-content">
        <div class="module-banner">
         <p><a href="dummy.html"><img src="css/images/samplebanner.gif" alt="サンプルバナー" width="120" height="60" /></a></p>
         <p> <a href="http://validator.w3.org/check?uri=referer"><img
        src="css/images/valid-xhtml10.png"
        alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a> </p>
         <p> <a href="http://jigsaw.w3.org/css-validator/"> <img src="css/images/vcss.gif" 
       alt="Valid CSS!" width="88" height="31" /> </a> </p>
        </div>
       </div>
      </div>
      <div class="module">
       <h2>リンクエリア</h2>
       <div class="module-content">
        <ul class="module-list">
　　　　　　         <li><a href="dummy.html">リンク表示項目01</a></li>
         <!--項目を増やすには、この行を複製してください-->
         <li><a href="dummy.html">リンク表示項目02</a></li>
         <li><a href="dummy.html">リンク表示項目03</a></li>
        </ul>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
 </div>
</div>
<div id="footer">
 <div id="footer-inner">
  <p>Copyright (c) 2007 SWEETPARTY JANPAN All rights Reserved.</p>
 </div>
</div>
</body>
</html>
