@charset "Shift_Jis";

/* わかりやすいように簡単に記述してありますが、理解なされたら消したほうが軽くなっていいです。 */


/* 全称セレクタと全体 */
*{margin:0;
  padding:0;
  font:normal normal normal small/1.4 Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
  border:none;
}
body{
    width:100%;
    color:#333333;
    text-align:center;
}

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

/* タイトルと見出し共通設定 */
h1,h2{
font-family:"Times New Roman",Verdana,'ＭＳ Ｐゴシック',Gothic,serif;
line-height:18px;}

/* タイトル設定 */
h1{
text-align:left;
padding:0 0 160px 12px;
}

/* 画像をタイトルにしない場合ここから消す */
/* タイトルを画像にする場合はここを変更してください */
h1 a { display:block;
width:203px; /* 横幅 */
height:43px; /* 縦幅 */
background:url("img/sitetitle.gif"); /* 画像のURL */
background-repeat:no-repeat; /* 画像を繰り返さない */
border:none;
}
h1 span { display:none; }
/* 画像をタイトルにしない場合の消去ココまで */


/* 見出し */
h2{
 width:95%;
 color:#000000;
 margin:20px 0px 0px 0px;
 padding-left:15px;
 text-align:left;
 font-weight:bold;
 font-size:1.5em;
 border-bottom:1px solid #cccccc;}

/* 小見出し */
h3{ color:#666666;
    font-weight:bold;
	padding:0 0.5em; margin:0px;
}

/* 表示部分を構成するCSS */
DIV#BASE{
    width:400px;
    text-align:left;
    margin:auto;
    border:1px solid #999;
    border-width:0px 1px 1px;
    background : #ffffff url(file:///C:/Documents and Settings/mochizuki riko/デスクトップ/coco/beni/rei/15/img/back.jpg) no-repeat 0% 0%;}
/* ページの上部分を設定 */
#HEAD{ width: 95%;
       height:237px;
       padding:11px 0px 0 20px;
       text-align:left;
       color:#ffffff;
}

 /* メニューの設定 */
#MENU {
       width: 100%;
       text-align:right;
       background:#000000;
}

/*メニューのリストアイテムの設定*/
#MENU ul {
width:100%;
list-style-type:none;
text-align:right;
}
#MENU li{
    display: inline;
	padding: 3px;
}
/*メニューのリストアイテムリンク設定*/
#MENU li a{
font-family:"Times New Roman",Verdana,'ＭＳ Ｐゴシック',Gothic,serif;
text-decoration:none;
text-align:center;
}
#MENU li a:link, #MENU li a:visited, #MENU li a:active {color:#ffffff; border:none;}
#MENU li a:hover{color:#000000;}
#MENU li.on a{color:#ffffff;}
#MENU li.on a:link, #MENU li.on a:visited, #MENU li.on a:active {color:#cccccc;}

/* テキスト表示部の設定 */
#MAIN{
       width: 96%;
       height: auto;
       text-align:left;
}

.txt{padding:5px;
     width:99%;
     margin:0px 0 0 10px;
}

/* 下位表示部の設定 */
#UNDER{width: 97%;
       height: auto;
       margin:30px 0px 12px 10px;
       text-align:center;
       font-size:5px;

}
#UNDER ul{list-style-type:none;}
#UNDER li{display: inline; padding:1px;}
#UNDER a{text-decoration:none; }

/* 入り口指定 */
#ENTER{background:#ffffff;
       width:100%; height:100%;}
#ENTERPAGE{text-align:center; margin-top:50px;height:150px;
           letter-spacing:1px;}

/* 連絡先 */
address
{
	margin-right: 10px;
    padding:1%;
	background:url("img/midasi.gif") repeat;
}

/* 行間でfloatをクリアする */
br.cancel{
clear:both;
font-size:0;
line-height:0px;
}

/* 行間設定 */
br{letter-spacing:normal;}

 /* 改行設定 */
p{margin:10px 0 0 0;}
.enter{margin-top:200px;}
 /* 画像のボーダーをあらかじめ0にする */
img{ border:none;}

/* CSSが無い場合の時コンテンツが見やすいよう記述 */
hr.dis{display: none;}

/*----- ココより各ページの装飾 -----*/
/* メールフォーム用 */
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;
}
dl.form dd{margin:0;}
.formsize{width:80%;}/* フォームの横幅 */
input#SEND{width:80%; text-align:center;
           background-color:#dddddd; color:#cc0000;} /* submitボタン */

/* トップページ用 */
dl.topdl{
	list-style-position:inside;
	padding:2px 0px;
    margin-left:8px;
}

dl.topdl dt{
	font-weight:bold;  display:inline;
	border-bottom:2px solid #cccccc;
}
dl.topdl dd{
	padding:4px 8px 0px 15px;
}
/* テキストやリンクを横に並べる。使わない場合は削除で */
ul.rows{list-style-type:none; padding:0; margin:0;}
ul.rows li{display:inline; padding-right:1px;}

/* リンクページ用。使わない場合は削除どうぞ。 */
#MAIN dl.side dt{float:left; margin:0 0.4em 0 0; }
#MAIN dl.side dd{border-bottom:1px dotted #dddddd;}

/* sampletipsにあるやつです。いらない場合は削除を。 */

em{ font-weight:bold;  }

strong{ font-weight:bold;
        border-bottom:3px double #ff0000;
}
ins{text-decoration: underline;
}
del{text-decoration: line-through;
}
blockquote{
	color:#000000; background:#cccccc;
	margin:7px; padding:8px;
    border:1px #cccccc solid;
}
input,select,textarea {
  font-size   : 75%;
  font-family : osaka,Verdana,'ＭＳ Ｐゴシック',Gothic,serif;
  line-height : 13px;
  letter-spacing: 1px;
  background-color : #ffffff;
  border:1px solid #dddddd;
  margin:1px;
}
#MAIN ol{
	list-style-position:inside;
	padding:0.5em 0em 0.5em;
}
#MAIN ol li{
	padding:0px;
}
#MAIN ul{
	list-style-type:circle;
    padding:1px 17px;
}
#MAIN ul li{
	list-style-type:circle;
	padding:0px;
}

/* 装飾用box */
.box1{ border:1px solid #dddddd; padding:5px; margin:0.8em 0; }
.box2{ background:#dddddd url("img/midasi.gif") repeat; color:#000000; padding:5px; margin:0.8em 0;}