@charset "Shift_Jis";

/* 全称セレクタと全体 */
*{ margin:0;
   padding:0;
   font:normal normal normal 100%/1.6 Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
   border:none; }
body{ background-color:#ffffff;
      font-size:80%; /* フォントサイズ */
      width:90%;
      padding:0 10px;}

 /* リンクの色 */
a{text-decoration:none}
a:link {color:#663300;}
a:visited {color:#663300;}
a:hover,a:active{text-decoration:underline overline line-through;
                  color:#ffcccc;}
 /* 見出し */
h1{ font-weight:bold; margin:5px 0 0 2px;}
h2{ font-weight:bold; color:#666; }

 /* メニューページの設定 */
.menu{ background:url(img/dot.gif) repeat-y 100% 0%;
       margin:0;}

#MENUSET { margin:0 0 0 2px; width:95%; }

#MENUSET h1{ width:100%;
             color:#fff;
             background:#000;
             margin:10px 0 0 0;
             text-align:center; }

#MENUSET h2{ margin:30px 0px 3px 0px;
             font-weight:bold;
             text-align:right;
             color:#000;
             border-bottom:1px dashed #666666; }

/* サンプルページ用 */
.centerbox{ text-align:center;
            margin:10px auto; }

/* 共有,テキストやリンクを横に並べる */
ul.rows { list-style-type:none; 
          padding:0; margin:0;}
  ul.rows li{ list-style-type:none; display:inline; }
/* gallery */
ul.gallery{ margin:0; padding:0; }
	ul.gallery li{ display:inline; }
/* ギャラリー画像に触れたときのリンク */
		ul.gallery li a{ display:block; float:left; 
                         width:40px; height:40px; /* サムネイル画像の横幅と縦幅,現在は40x40 */
                         border:3px solid #ccc;
                         margin:0 0.3em 0.3em 0 }

			ul.gallery li a:hover{ border:3px solid #000; }

/* 他設定リスト */
ul,ol{margin:0em 1.5em;}

	dl{ padding:2px 0px;
        margin-left:8px; }
	dl dt{ font-weight:bold;
           border-bottom:2px solid #dddddd; }

	dl dd{ margin:0px 2px 0px 15px;
           padding:8px 8px 6px 10px;
	       border:1px solid #dddddd; 
           border-width:0 0 1px 1px; }

ol{	list-style-position:outside;
    padding:0em 0em 0em 0.8em;}

	ul{ list-style-position:outside;
        list-style-type:circle;
 }

	ul li{ list-style-type:circle; }

/* フォーム */
form{margin:1em; }
form p{padding:0;}
input,select,textarea{ font-size   : 75%;
                       font-family : osaka,Verdana,'ＭＳ Ｐゴシック',Gothic,serif;
                       border:1px solid #fff;
                       background:#ffffff;
                       color:#000000;
                       margin:1px; }
#textarea { width:95%;}


/* 画像に黒枠をつける */
img.border{ border:1px solid #000;}

/* 色々 */
img{ border:none; }
br{ letter-spacing:normal; }
p{margin:0; padding:0;}

/* 使いそうなやつ */
em{ font-weight:bold; }
strong{ font-weight:bold;
        border-bottom:3px solid #ffff00; }
ins{ text-decoration: underline; }
del{ text-decoration: line-through; }

b { font-weight:bold; }
i { font-style:oblique; }
big { font-size:120%; }
small{ font-size:70%; }
tt{ font-family:monospace; }

blockquote{ color:#000000; background:#cccccc;
            margin:7px; padding:8px; }

cite{ border-bottom:dotted 1px #333; }

pre{ margin:0.5em 2em;
     padding:0.5em;
     border:1px solid #ccc; }

/* 装飾用div */
div.newbox{ padding:5px; text-align:left;
            margin:0; font-size:10px;
            height:40px; overflow:auto;}
div.box1{ border:1px solid #000; padding:5px; 
          margin:0.8em 0; }

div.box2{ background-color:#dddddd; color:#000;
          padding:5px; 
          margin:0.8em 0; }

/* 装飾用divを応用してコメント表示っぽく */
div.box3{ border:1px dotted #999; padding:5px; 
          margin:60% auto 0 auto; /* 60%は上からの距離 */
          width:80%;
          text-align:left;
          font-size:x-small; } 
div.box4{ border:1px dotted #999; 
          padding:5px; 
          margin:2% auto 0 auto; /* 2%は上からの距離 */
          width:80%;
          text-align:left;
          font-size:x-small;}