@charset "Shift_Jis";

/* わかりやすいように説明,改行をいれてます */

/* 全称セレクタと全体 */
*{ margin:0;
   padding:0;
   font:normal normal normal 100%/1.6 Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
   border:none;
   background-color:transparent; }

body{ font-size:86%; /* フォントサイズ */
      color:#333; background:url("../image/right.jpg") repeat-y 60% 0%; }

html{ scrollbar-arrow-color:#999; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff;scrollbar-3dlight-color:#999; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#ffffff;scrollbar-darkshadow-color:#999; }

/* リンク関係の設定 */
a{}
a:link{ color:#009900; }
a:visited{ color:#009900; }
a:hover,a:active{ color:#99cc66; text-decoration:none; }

/* タイトルと見出し共通設定 */
h1,h2,h3{ font-weight:bold; font-family:"Times New Roman",Times,serif;
          text-align:left; }

/* 見出し */
h1{ color:#000; font-size:200%; margin:0 0 0 20px;
    text-align:left; }
	h1 a{ color:#000; text-decoration:none; font-weight:bold; }
	h1 a:link,h1 a:visited{ color:#000; }
h2{ margin:0;
    color:#000; text-align:left; font-size:140%; }
h3{ color:#666; font-size:120%; }

/* 適当な見出し指定･･･ */
h4,h5,h6{ padding:0 0.5em; font-weight:bold; color:#999;}



/* INDEX構成 */
div#WRAPPER{ width:550px;
             text-align:left; }
 
div#HEAD{ padding:10px 0 0 0; }
	p.skip{display: none;}

div#MENU{ margin:0 0 0 auto; text-align:right;
          background:url("../image/back.jpg") no-repeat 50% 0%; } /* 緑の画像を他の画像に変える場合はurl内を変更 */

	#MENU ul { list-style-type:none; padding:152px 17px 0 0px; }
	#MENU li{ list-style:none; display:inline; margin:0 5px 0 0; padding:0; }
	#MENU li a{ text-decoration:none; font-weight:bold; color:#333; }
	#MENU li a:hover,#MENU l{ color:#333; border-bottom:3px solid #ffff00; }
	#MENU li.menu-on{ border-bottom:3px solid #cccccc; }
	#MENU li.menu-on a:hover{ border:none; }
div#MAIN{ text-align:left; margin:0 20px; }
	 .txt{ padding:0 0 0 20px; background:url("../image/slash.gif") repeat-y; } 

	p.pagetop{ text-align:right; padding:5px 20px 0 0; }

div#FOOT{ padding:17px 0; margin:0 auto; text-align:center;  }

div#FOOT address{ font-family:"Times New Roman",Times,serif; color:#666;
                  padding:17px 0; margin:0 auto; text-align:center; }

/* 色々 */
img{ border:none; vertical-align:bottom; }
br{ letter-spacing:normal; }
br.cancel{ clear:both;
           font-size:0px;
           line-height:0px; }
hr{}
hr.none{ display:none; }
p{margin:0; padding:0;}

/* 他設定リスト */
	dl{ padding:2px 0px; }
	dl dt{ font-weight:bold; color:#000; }

	dl dd{ margin:3px 2px 0px 3px;
           padding:6px 7px;
	       color:#333; background-color:#ddd; }

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

	ul{ list-style-position:inside;
        list-style-type:none; }

	ul li{ list-style-type:disc;
           padding:0px; }
	* html ul li{ padding:0 0 0 5px; }

/* --- これより各ページの設定,不要な場合は削除を --- */

/* 入り口指定。入り口を使わない場合はここは消してください */
#ENTER{}
#ENTER h1{ padding:0 0 0 25px; margin:0; text-align:left; }
	#ENTERPAGE{ text-align:left; padding:0 0 10px 22px; }
	#ENTER div#HEAD{}
	#ENTER div#WRAPPER{}

/* 入り口を使わない場合の削除ここまで */

/* 共有,テキストやリンクを横に並べる */
ul.rows { list-style-type:none;
          padding:0; margin:0;
}
  ul.rows li{ list-style-type:none; display:inline;
              padding:0; margin:0; }

/* about.html(メルフォ) */
dl.form{ list-style-position:inside;
         paddin:0px;
         margin-left:4px; }

	dl.form dt{ font-size:0.8em;
                font-weight:bold;
                border:none; }

	dl.form dd{ margin:5; padding:0; border:none; background-color:#fff; }

		.formsize{ width:70%;margin:5; }/* フォームの横幅 */

			input#SEND{ width:70%; background-color:#fff; color:#333; font-weight:bold; } /* submitボタン */

/* top.html */
dl.topdl{ list-style-position:inside;
	      padding:2px 0px; }

	dl.topdl dt{ font-weight:bold;  display:inline;
	             border-bottom:2px solid #ccc; }
	dl.topdl dd{ margin:0px 2px 0px 10px;
                 padding:2px 8px 2px 10px;
                 border:none; background-color:#fff; }

/* main.html(gallery) */
ul.gallery{ margin:0; padding:0; list-style-type:none; }
	ul.gallery li{ display:inline; list-style-type:none; 
                   padding:0; margin:0; }
/* ギャラリー画像に触れたときのリンク */
		ul.gallery li a{ display:block;
                         float:left;
                         margin:0 0.3em 0.3em 0;
                         width:32px; height:32px; /* サムネイル画像の横幅と縦幅,現在は32x32 */
                         border:3px solid #ddd; }

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

/* link.html */
dl.side dt{ float:left; border:none; padding:0;
            margin:0.2em 0.4em 0.1em 0; }
	dl.side dd{ padding:0;
                margin:0; 
                background-color:#fff; }

/* sample.html */
em{ font-weight:bold; }
strong{ font-weight:bold; color:#666;
        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:#000; background:#999;
            margin:7px; padding:8px; }

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

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

/* フォーム */
form{margin:1em; }
form p{padding:0;}
input,select,textarea{
    font-family: osaka,Verdana,'ＭＳ Ｐゴシック',Gothic,serif;
    border:1px solid #999;
    color:#333;
    background-color:transparent;
}

/* 装飾用div */
div.box1{ border:1px solid #ccc; padding:5px;
          margin:0.8em 0; }
div.box2{ color:#000; background-color:#999;
          padding:5px;
          margin:0.8em 0; }
div.box3{ padding:5px;
          margin:0.8em 0;
          height:145px; overflow:auto; } 

.list   { background-image:url(../image/i31-24.gif);background-repeat:no-repeat;background-position:left center;padding-left:16px; }
.list2  { background-image:url(../image/i31-15.gif);background-repeat:no-repeat;background-position:left center;padding-left:16px; }
.list3  { background-image:url(../image/yellow_!!.gif);background-repeat:no-repeat;background-position:left center;padding-left:18px; }

.ring  { font-size:80%; }