@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:76%; /* フォントサイズ */
      color:#fff; background-color:#000000;
      text-align:center; }

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


/* リンク関係の設定 */
a{}
a:link ,a:active{ color:#fff; }
a:visited{ color:#efefef; }
a:hover{ color:#ff6600; }

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


/* タイトル設定 */
h1 a { display:block;
       width:330px; 
       height:75px; 
       background:url(img/title_invi.gif); 
       background-repeat:no-repeat; }
h1 span { display:none; }




/* 見出し */
h2{ padding:10px 35px 0px 0px; margin:0 0 0 auto;
    color:#cc6600; text-align:right; font-size:140%; }

/* 小見出し */
h3{ color:#666; font-size:120%;
    background:url("img/h3.gif") no-repeat 0% 40%;
    font-weight:bold; padding:0 0 0 28px;
    margin:9px 0 2px 28px;}

/* 小見出しB */
h7{ color:#666; font-size:120%;
    background:url("img/h3.gif") no-repeat 0% 40%;
    font-weight:bold; padding:0 0 0 28px;
    margin:9px 0 2px 28px;}


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

/* INDEX構成 */
#HOME{}
#HOME h2{ display:none;}

#HOME div#WRAPPER{ width:569px;
                   margin:110px auto 0; text-align:center;
                   background:url("img/jack.gif") no-repeat 50% 0%;} /* indexのかぼちゃ */
  
#HOME div#HEAD{ padding:98px 0 0 0;  background:none; height:auto; }

	p.skip{display: none;}


#HOME h1 span{ display:none; }
#HOME	h1  { display: block; margin:0 auto; padding:0;
            width:290px; height:46px; 
            background:url("img/title.gif") no-repeat;} /* タイトル画像ありましたらここに */

#HOME div#MENU{ margin:21px auto 0;  }
#MENU li a span{ display:none; }

#HOME div#MAIN{ padding:20px 0 0 0px; margin:0 auto; text-align:center;
                color:#000; font-size:x-small;  background:none;}
#HOME div.txt{ background:none; margin:0; padding:0; }

 /* メニュー */
#MENU li.listen a{ display: block; text-align:center; margin:0 auto;
                  width:108px; height:21px;
                  background:url("img/listen.gif") no-repeat; }
#MENU li.main a{ display: block; text-align:center; margin:0 auto;
                 width:101px; height:13px;
                 background:url("img/down.gif") no-repeat; }
#MENU li.diary a{ display: block; text-align:center; margin:0 auto;
                  width:161px; height:32px;
                  background:url("img/diary.gif") no-repeat; }
#MENU li.contact a{ display: block; text-align:center; margin:0 auto;
                    width:161px; height:32px;
                    background:url("img/cont.gif") no-repeat; }
#MENU li.bkm a{ display: block; text-align:center; margin:0 auto;
                width:161px; height:32px;
                background:url("img/bkm.gif") no-repeat; }

#MENU ul { list-style-type:none;
           margin:0 auto; text-align:center; width:100%;}
#MENU li { list-style-type:none;
           padding:0; margin:5px 0 3px 0; }




/* 各ページ */
div#WRAPPER{ width:569px; margin:0 auto; text-align:left;  }
div#HEAD{ background:url("img/head.gif") no-repeat 0% 0%;
          height:96px; }
div#MAIN{ width:569px; font-size:normal; 
          background:url("img/mainside.gif") repeat-y;}

	 .txt{ padding:0 30px; }

		p.pagetop{ text-align:center; padding:15px 0px 0 0; }

div#FOOT { height:63px;
           background:url("img/foot.gif") no-repeat 0% 0%; }

address{ padding:20px 0 10px 0; text-align:center;
         font-family:"Times New Roman",Times,serif;}


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

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

	dl dd{ margin:3px 2px 0px 3px;
         padding:6px 7px;
	       color:#ddd; border-left:5px double #333; }

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:circle;
           padding:0 0 0 18px; margin:0; }
	* html ul li{ padding:0 0 0 10px; }


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


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

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

	dl.form dt{ font-size:0.9em;
              font-weight:bold;
              border:none; }
	dl.form dd{ margin:0; padding:0; background:none; border:none; }

		.formsize{ width:485px; }/* フォームの横幅 */

			input#SEND{ width:487px; background-color:#333; color:#fff; } /* submitボタン */


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

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

/* 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:none; border:none; }

/* sample.html */
em{ font-weight:bold; }
strong{ font-weight:bold; 
        border-bottom:3px solid #ff0000; }
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:#fff; background:#666;
            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 #333;
    color:#fff;
    background-color:transparent;
}

/* 装飾用div */
div.box1{ border:1px solid #ccc; padding:5px;
          margin:0.8em 0; }
div.box2{ background-color:#666; color:#fff;
          padding:5px;
          margin:0.8em 0; }
div.box3{ padding:5px; text-align:left;
          margin:0.8em 0 0 0;
          height:100px; overflow:auto; }