@charset "utf-8";
#header { background-image: url("../img/header_back.gif"); background-repeat: no-repeat; width: 980px; height: 100px }
#head_h1  { background-image: url("../img/rogoid.gif"); background-repeat: no-repeat; width: 265px; height: 100px; float: left }
#head_h1 a { display: block; width: 265px; height: 100px }
#head_h1 span { position: absolute; width: 0; height: 0; overflow: hidden }
#topmenu    { width: 714px; height: 100px; float: right }
#topmenu dt { position: absolute; width: 0; height: 0; overflow: hidden }
#topmenu dd    { color: #f3f3e8; font-size: 70%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Osaka-等幅, 平成角ゴシック; line-height: 150%; background-image: url(../img/s_yellow.gif); background-repeat: no-repeat; background-position: 0 2px; display: inline; margin-top: 15px; margin-right: 15px; padding-left: 10px; float: right }
#topmenu dd a  { color: #f3f3e8; text-decoration: none }
#topmenu dd a:hover { color: #f3f3e8; text-decoration: underline }
#box970px { margin-right: auto; margin-left: auto; width: 970px }


#menu   { background: url("../img/main_menu_box.gif") repeat-x; margin: 0; padding: 0; height: 45px; clear: both }

#menu span { position: absolute; width: 0; height: 0; overflow: hidden }
.hmenu01  { background-image: url("../img/menu-top.gif"); background-repeat: no-repeat; display: block; width: 170px; height: 45px }
.hmenu01 a  { background-image: url("../img/menu-top.gif"); background-repeat: no-repeat; display: block; width: 170px; height: 45px }
.hmenu02  { background-image: url("../img/menu-picture.gif"); background-repeat: no-repeat; display: block; width: 170px; height: 45px }
.hmenu02 a  { background-image: url("../img/menu-picture.gif"); background-repeat: no-repeat; display: block; width: 170px; height: 45px }
.hmenu03  { background-image: url("../img/menu-webdesigh.gif"); background-repeat: no-repeat; display: block; width: 170px; height: 45px }
.hmenu03 a  { background-image: url("../img/menu-webdesigh.gif"); background-repeat: no-repeat; display: block; width: 170px; height: 45px }
.hmenu04  { background-image: url("../img/menu-hot.gif"); background-repeat: no-repeat; display: block; width: 170px; height: 45px }
.hmenu04 a  { background-image: url("../img/menu-hot.gif"); background-repeat: no-repeat; display: block; width: 170px; height: 45px }

dl.dropdown{
	float:left;
	display:inline;
}
dl.dropdown dd { display: none; position: absolute; z-index: 1; width: 170px; overflow: hidden; opacity: 0 }
dl.dropdown ul   { font-size: 0.75em; background: #f3f9e3; text-align: left; list-style-type: none; border: solid 1px #9dcc2a }
dl.dropdown li a,
dl.dropdown li a:visited { color: #333; text-decoration: none; background: #f3f9e3; display: block; padding: 4px 0 4px 10px; width: 156px; border-bottom: 1px dotted #696969 }
dl.dropdown li a:hover  { color: #000; text-decoration: none; background-color: #e4faa7 }
dl.dropdown dt img { display: inline; vertical-align: top }
#menu .last a { text-decoration: none; border-bottom: 0 solid #fff }

/*ロールオーバー化する前のスタイル
#mainmenu   { background-image: url("../img/main_menu_box.gif"); background-repeat: no-repeat; width: 970px; height: 45px; float: left }
#mainmenu dt  { position: absolute; width: 0; height: 0; overflow: hidden }
#mainmenu dd      { color: #f3f3e8; font-size: 95%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Osaka-等幅, 平成角ゴシック; background-image: url(../img/m_yellow.gif); background-repeat: no-repeat; background-position: 0 5px; display: inline; margin-top: 10px; margin-left: 15px; padding-top: 3px; padding-left: 12px; float: left }
#mainmenu dd a { color: #f3f3e8; text-decoration: none }
#mainmenu dd a { color: #f3f3e8; text-decoration: none }
#mainmenu dd a:hover  { color: #f3f3e8; text-decoration: underline }
/*ロールオーバー化する前のスタイル