﻿@charset='utf-8';
h1.black{color:black;}
h1.blue{color:blue;}
h1.red{color:red;}
iframe.left{ float: left; }
.blue30pt{color:blue;font-size:30pt;}
.blue45pt{color:blue;font-size:45pt;}
.blue50pt{color:blue;font-size:50pt;}
.bluexx-large{color:blue;font-size:xx-large;}
.blackmedium{color:black;font-size:medium;}
.redmedium{color:red;font-size:medium;}

a:link{color:blue;}
/* マウスをのせたとき */
a:hover img{ opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; } /* 透明度 */
a:hover { /* マウスカーソルが乗っている状態 */
color:red;
text-decoration: underline;
}
a:visited{color:#800080} 

ul.pulldown_menu_1 li {
list-style: none;/*  先頭記号を消す 丸や四角*/
float: left; /* リスト項目を横方向に並べる 改行に影響*/
width: 65px; /* リスト項目の幅 */
}

ul.pulldown_menu_1 li ul {
list-style: none; /* 2段目の先頭記号を消す */
padding-left: 0px; /* 2段目の左位置を1段目に揃える */
}

ul.pulldown_menu_1 li a {
color: black; /* 文字色 */
display: block; /* ブロックレベルに */
text-align: center; /* 文字を中央合わせに */
padding: 5px; /* 内部の余白 */
border: 1px #9999FF solid; /* 枠線 */
text-decoration: none; /* 下線を消す */
outline: none; /* 選択時の点線枠線を消す */
border-radius: 8px 8px 8px 8px; /* タブに丸みをつける */
background: yellow; /* 背景画像を黄色に */
height: 35px; /* 高さの調整 */
}

ul.pulldown_menu_1 li ul li{
  overflow: hidden;/* 2段目を隠す */
  width: 100px;
  height: 0;
  color: #fff;
}

ul.pulldown_menu_1 li:hover ul li{
  overflow: visible;/* マウスが乗ったら2段目を表示する */
  height: 25px;
  border-top: 0px solid #7c8c0e;
  border-bottom: 0px solid #616d0b;
}

ul.pulldown_menu_1 li:hover ul a{
height: 15px; /* 2段目の高さの調整 */
}

ul.pulldown_menu_1 a:hover {/* マウスカーソルが乗っている状態 */
background: cyan; /* 通常とは違う背景画像 */
color: red; /* 文字色 */
}

ul.pulldown_menu_1 li:hover > ul {
display: block; /* マウスが乗ったら表示する */
}

a.lime {
background: lime!important; /* 背景画像を緑に */
}


ul.body1 :after { /* clearfix */
content:"";
display:table; /* block と　table では結果が違う */
clear:both;
/* overflow:hidden */
}
ul.body1 li {
list-style-image: url(picture/listmark.png); /* ピクチャ使用 */
 /*clear: both;*/ /* リスト項目の並べ方*/
 /*display:block;*/ /* 表示形式指定*/
width: auto; /* リスト項目の幅　元に戻す*/
}

ul.body1 li a {
color: blue; /* 文字色 */
display: inline; /* ブロックレベルに */
/* text-align: left; */ /* 文字を中央合わせに */
border: none; /* 枠線 */
text-decoration: underline; /* 下線を付ける */
outline: none; /* 選択時の点線枠線を消す */
border-radius: 0px 0px 0px 0px; /* タブに丸みをつける */
background: none; /* 通常の背景画像 */
}

ul.body1 a:hover {/* マウスカーソルが乗っている状態 */
background: none; /* 通常とは違う背景画像 */
color:red;
text-decoration: underline;
}


a.top  :link{color:blue;}
/* マウスをのせたとき */
a.top :hover {
color:red!important;
text-decoration: underline;
}


