@charset "Shift_Jis";

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

/* 全称セレクタと全体 */
*{ margin:0;
   padding:0;
   font:normal normal normal 100%/1.6 "Times New Roman","ＭＳ Ｐゴシック",Osaka,sans-serif;
   border:none; }
body{ font-size:80%; /* フォントサイズ */
      text-align:center;
      color:#000;
      margin:1em 0;  }

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

/* 見出し全般 */
h1,h2,h3{ font-weight:bold; }

/* タイトル設定 */
h1{ text-align:center;
    margin:0 0 0px 0; }

	h1 a{ font-weight:bold;
          font-family:"ＭＳ Ｐゴシック",Times,serif;
          font-size:260%;
		  text-decoration:none; }

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

/* 見出し */
h2{ color:#00000;
    padding:0px 0px 0px 10px;
    text-align:left;
    font-size:140%;
    font-family:"ＭＳ Ｐゴシック";
    border-left:6px solid #cccccc; }

/* 小見出し */
h3{ color:#000;
    font-size:120%;
    margin:0.7em 0 0 0;
    text-align:left; }

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

/* 全体構成 */
div#WRAPPER{ width: 660px;
			 border: 1px solid #cccccc;
		     margin:auto;
		     text-align:center;
			 padding:0.5em; }

div#HEAD{ padding:1.5em 0 0 0;
          height:200px; /* 画像の高さ指定。実際の高さ+50がいいです。サンプルは400pxです */
          background: url("asagaya.jpg") no-repeat 50% 100%;} /* 画像のURLをurl("")内に */

	p.skip{display: none;}

/* メニュー指定 */
div#MENU { text-align:center;
           margin:2em 0 6em 0; }

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

#MENU li{ list-style-type:none;
          padding:0; margin:0px 2px; 
		  float:left;
          display:inline;
		  background-color:#ffffff;
		  border:1px solid #cccccc;
          width:90px; } /* メニュー横幅。メニュー数によって調節して下さい */

/*メニューのリストアイテムのリンク設定*/
			#MENU li a{ display:block;
                        text-align:center;
                        padding:3px 0px; }

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



div#MAIN{ clear:both;
          margin:0px auto;
          width:84%;
          text-align:center; }

	 .txt{ text-align:left; }

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

div#FOOT { text-align:right; }
	
	#FOOT address{ margin:0 50px 0 0; }

/* 色々 */
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,ol{ margin:0em 0.1em; padding:0; }

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

	dl dd{ margin:2px 2px 0px 15px;
           padding:8px 8px 6px 10px;
		   background-color:#ddd; color:#000;
           border:1px solid #ccc; }

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


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

/* 入り口指定。入り口を使わない場合はここは消してください */
#ENTER{}
	#ENTERPAGE{ text-align:center;
                margin:0px 0 0 23px;
                padding:0 0 20px 0; }
	#ENTER #HEAD { background:none; height:auto; }

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

/* 共有,テキストやリンクを横に並べる */
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; background:none; }

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

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

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

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

	dl.topdl dt{ font-weight:bold;  display:inline;
	             border-bottom:2px solid #ffcccc;}
	dl.topdl dd{ margin:0px 2px 0px 10px;
                 padding:2px 8px 2px 10px;
                 border:none; background: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.3em 0.3em 0; 
                         width:32px; height:32px; /* サムネイル画像の横幅と縦幅,現在は32x32 */
                         border:3px solid #ffcccc; }

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

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

/* sample.html */
em{ font-weight:normal; }
strong{ font-weight:normal; }
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 1em;
     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 #ddd;
    color:#000;
    margin:1px;
    background-color:transparent;
}

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