@charset "Shift_Jis";

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

/* 全称セレクタと全体 */
*{ margin:0;
   padding:0;
   font:normal normal normal 100%/1.6 Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
   border:none;
}
body{ font-size:85%; /* フォントサイズ */
      color:#fff;
      text-align:center;
      background:#000000 url("dr.jpg") no-repeat 100% 100%; /* 背景 */
      background-attachment:fixed; } /* 固定する */


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

/* タイトルと見出し共通設定 */
h1,h2{ font-family:"ＭＳ Ｐ明朝",Verdana,'Times New Roman',Gothic,serif;
       font-weight:bold;
       text-align:center;}

/* タイトル設定 */
h1{ margin:20px auto;  }

	h1 a{ font-weight:bold;
          font-family:"ＭＳ Ｐ明朝",Times,serif;
          font-size: 280%; }

	h1 a:link ,h1 a:visited ,h1 a:active{ color:#fff; }

/* 見出し */
h2{  margin:25px 5px 0px 12px;
     font-size:130%;
     border:1px dotted #111; }

/* 小見出し */
h3{ color:#999;
    font-weight:bold;
    padding:0 0 0 34px;
    margin:10px 0 0 12px;
    background: url("img/h3.gif") no-repeat 0% 50%;}

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

/* 全体構成 */
div#WRAPPER{ text-align:left;
             margin:20px auto 0;
             width:550px; } 
div#HEAD{ width:100%;
		  color:#ffffff; }

	p.skip{display: none;}

 /* メニューの設定 */
div#MENU{ width:90%;
          text-align:center; margin:0 auto; }

/*メニューのリストアイテムの設定*/
#MENU ul { list-style-type:none; 
           text-align:center;
           margin:0 auto;
           padding:0; }
#MENU li { list-style-type:none; display:inline; 
			padding:0; margin:0 2px 0 0; }

/*メニューのリストアイテムのリンク設定*/
			#MENU li a{ float:right;  margin:0 2px 0 0;
                        width:80px; /* メニュー1つの横幅 数にあわせて改変して下さい */
                        display:block;
                        font-weight:bold;
                        font-family:"Times New Roman","Times",serif; }

            #MENU li a:link,#MENU li a:visited,#MENU li a:active{ color:#ffffff; }
			#MENU li a:hover{ background-color:#111111; color:#fff; }
			#MENU li.menu-on a{ background-color:#111111; color:#fff; }


div#MAIN{ clear: both;
          padding:10px 10px 0 0px;
          text-align:left; }

	 .txt{ padding:12px 0 0 15px;
           width:97%; }

		p.pagetop{ text-align:right; }

div#FOOT { width: 99%;
           margin:30px 0px 12px 0px;
           text-align:center;
           clear:both; }

#FOOT address{}

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

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

	dl{ padding:2px 0px;
        margin-left:8px; }
	dl dt{ font-weight:bold; color:#666; }

	dl dd{ margin:0px 2px 0px 15px;
           padding:6px 8px;
	       border:1px dotted #111; }

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; }
	* 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;
         padding-top:10px;
         margin-left:4px; }

	dl.form dt{ font-size:0.7em;
                font-weight:bold;
                letter-spacing:1px;
                border:none; }

	dl.form dd{ margin:0; padding:0; border:none; }

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

			input#SEND{ width:60%; background-color:#000; color:#fff; } /* submitボタン */

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

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

/* 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 #333; }

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

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

/* sample.html */
em{ font-weight:bold; }
strong{ font-weight:bold;
        color:#990000; }
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:#333;
            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-size: 75%;
    font-family: osaka,Verdana,'ＭＳ Ｐゴシック',Gothic,serif;
    border:1px solid #333;
    color:#fff;
    margin:1px;
    background-color:transparent;
}

/* 装飾用div */
div.box1{ border:1px solid #666; padding:5px; 
          margin:0.8em 0; }
div.box2{ background-color:#333; color:#ddd;
          padding:5px; 
          margin:0.8em 0; }