@charset "Shift_Jis";

/* わかりやすいように簡単に説明を記述してありますが、
理解なされたら説明と改行を消したほうが軽くなっていいです。 */


/* 全称セレクタと全体 */
*{margin:0;
  padding:0;
  font:normal normal normal small/1.4 Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
  border:none;
}
body{background:url(img/vimi.gif);
    margin:20px 0;
}
/* リンク関係の設定 */
a{text-decoration:none;}
a:link ,a:visited ,a:active{COLOR:#999999;}
a:hover{color:#ffffff;}

/* タイトルと見出し共通設定 */
h1,h2{
font-family:"Times New Roman",Verdana,'ＭＳ Ｐゴシック',Gothic,serif;
line-height:18px;
color:#000000;
}

/* タイトル設定 */
h1{
font-size: 11pt;
padding:8px 0px 0px 13px;
text-align:right;
WIDTH:90%;
}


/* 見出し */
h2{
 width:87%;
 height:22px;
 color:#000000;
 margin:20px 0px 0px 7px;
 padding:10px 0px 0px 38px;
 text-align:left;
 font-weight:bold;
 font-size:15px;
 background:url(img/h2m.gif) no-repeat 2% 10%;
 border-bottom:1px solid #cccccc;
}

/* 小見出し */
h3{
 font-size:16px;
 color:#ffffff;
 padding:20px 50px 20px 40px;
 text-align:right;
 font-style:oblique; 
}

/* 表示部分を構成するCSS */
div#BASE{
    width:500px;
    text-align:left;
    margin:auto;
    border:0px solid #999;
    background-color:#ffffff;
}

/* 上部分の構成 */
#HEAD{ width: 99%;
       padding:5px 0px 0px 0px;
       text-align:center;
       height:200px;
       background: url(img/gltop.jpg) no-repeat 50% 100%;
}

 /* メニューの設定 */
#MENU {
       width: 100%;
       padding:3px 0 0 0px;
       text-align:left;
}

/*メニューのリストアイテムの設定*/
#MENU ul {
width:100%;
padding:4px 0px;
margin:15px 0 0 12px;
list-style-type:none;
text-align:left;
}
#MENU li{
    display: inline;
    padding: 0px;
    float: left;
    background:#ffffff url(img/menuli.gif);
}

#MENU li a{
width:80px; /* メニューを増やす・減らす場合に変えてみて下さい */
text-decoration:none;
padding:0.2em 0;
text-align:center;
font-size:13px;
float:left;
font-family:"Times New Roman",Time,serif;}

/*メニューのリストアイテムのリンク設定*/
#MENU li a:link, #MENU li a:visited, #MENU li a:active {color:#000000;}
#MENU li a:hover{background:#ffffff;color:#000000;}
#MENU li.on a{background:#ffffff;color:#000000;}
#MENU li.on a:link, #MENU li.on a:visited, #MENU li.on a:active {color:#000000;}
 /* メインの設定 */
#MAIN{
       width: 94%;
       height: auto;
       padding:3px 0 0 5px;
       text-align:left;
       clear:both;
}

.txt{padding:5px;
     width:100%;
     margin:0px 0 0 10px;
     font-size:13px;
     color:#554444;}

/* 下位表示部の設定 */
#UNDER{width: 97%;
       height: auto;
       margin:30px 0px 12px 10px;
       padding:0px;
       text-align:right;
       font-size:small;
       border-top:#dddddd 1px solid;
}
#UNDER ul{list-style-type:none;}
#UNDER li{display: inline; padding:1px;}

/* 入り口指定 */
#ENTER{
    width:100%;
    color:#000000;
    width:100%; height:100%;}
#ENTERPAGE{text-align:left; padding:10px;}

/* 連絡先 */
address
{
	padding: 1%;
}

/* 行間でfloatをクリアする */
br.cancel{
clear:both;
font-size:0;
line-height:0px; 
}

/* 行間設定 */
br{letter-spacing:normal;}

 /* 改行設定 */
p{margin:10px 0 0 0;}

 /* 画像のボーダーをあらかじめ0にする */
img{ border:none;}

/* CSSが無い場合の時コンテンツが見やすいよう記述 */
hr.dis{display: none;}

/* トップページ用 */
dl.topdl{
	list-style-position:inside;
	padding:2px 0px; margin-left:6px; 
}
dl.topdl dt{padding:2px 0 0 5px; 
            background:url(img/dot.gif) repeat-x 0 100%; 
}
dl.topdl dd{padding:2px 0 0 17px;}

/* テキストやリンクを横に並べる。使わない場合は削除で */
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{background:url(img/dot.gif) repeat-x 0 100%; }

/* sampletipsにあるやつです。いらない場合は削除を。 */
em{font-weight:bold;  }

em.red2{color:#cc0043;
}

strong{ font-weight:bold;
        border-bottom:3px double #ff0000;
}
ins{text-decoration: underline;
}
del{text-decoration: line-through;
}
blockquote{
	margin:7px; padding:8px;
    border-left:5px #cccccc solid;
}
input,select,textarea {
  font-size   : 75%;
  font-family : osaka,Verdana,'ＭＳ Ｐゴシック',Gothic,serif;
  line-height : 13px;
  letter-spacing: 1px;
  border:1px solid #dddddd;
  background:#ffffff;
  color:#000000;
  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:7px;
        font-size:10px;
}

/* 装飾用box */
.box1{ border:1px dotted #666666; padding:5px; margin:0.8em 0; }
.box2{ background-color:#cccccc; color:#000; padding:5px; margin:0.8em 0;}
