@charset "utf-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ロールオーバー　LESSON03
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul.rollover03 mgT30 li a {
 text-indent: -9999px;
 height: 60px;
}

ul.rollover03,
ul.rollover03_hover {
 width: 900px;
 height: 60px;
 margin-left: auto;
 margin-right: auto;
 background: url(../img/navi.gif) no-repeat right top;
 overflow: hidden;
 clear: both;
}
ul.rollover03 li,
ul.rollover03_hover li {
 float: left;
 height: 60px;
 text-align: -9999px;
 position: relative;
}
ul.rollover03 a,
ul.rollover03_hover a,
ul.rollover03_hover span {
 background: url(../img/navi.gif) no-repeat 0px 0px;
 display: block;
 overflow: hidden;
 position: relative;
 height: 60px;
 cursor:pointer
}
* html ul.rollover03 a,
* html ul.rollover03_hover a,
* html ul.rollover03_hover span { padding-top: 0px; }
*:first-child+html ul.rollover03 a,
*:first-child+html ul.rollover03_hover a,
*:first-child+html ul.rollover03_hover span { padding-top: 0px; }
ul.rollover03_hover span {
 position: absolute;
 left: 0;
 top: 0;
}
ul.rollover03 li.lnk01 a,
ul.rollover03_hover li.lnk01 a,
ul.rollover03_hover li.lnk01 span {
 background-position: 0px 0px;
 width: 180px;
 text-indent: -9999px;
}

ul.rollover03 li.lnk01 a:hover,
ul.rollover03_hover li.lnk01 span { background-position: 0px -60px; }
ul.rollover03 li.lnk02 a,
ul.rollover03_hover li.lnk02 a,
ul.rollover03_hover li.lnk02 span {
 background-position: -180px 0px;
 width: 180px;
 text-indent: -9999px;
}
ul.rollover03 li.lnk02 a:hover,
ul.rollover03_hover li.lnk02 span { background-position: -180px -60px; }
ul.rollover03 li.lnk03 a,
ul.rollover03_hover li.lnk03 a,
ul.rollover03_hover li.lnk03 span {
 background-position: -360px 0px;
 width: 180px;
 text-indent: -9999px;
}
ul.rollover03 li.lnk03 a:hover,
ul.rollover03_hover li.lnk03 span { background-position: -360px -60px; }
ul.rollover03 li.lnk04 a,
ul.rollover03_hover li.lnk04 a,
ul.rollover03_hover li.lnk04 span {
 background-position: -540px 0px;
 width: 180px;
 text-indent: -9999px;
}
ul.rollover03 li.lnk04 a:hover,
ul.rollover03_hover li.lnk04 span { background-position: -540px -60px; }
ul.rollover03 li.lnk05 a,
ul.rollover03_hover li.lnk05 a,
ul.rollover03_hover li.lnk05 span {
 background-position: -720px 0px;
 width: 180px;
 text-indent: -9999px;
}
ul.rollover03 li.lnk05 a:hover,
ul.rollover03_hover li.lnk05 span { background-position: -720px -60px; }
ul.rollover03 li.lnk06 a,
ul.rollover03_hover li.lnk06 a,
ul.rollover03_hover li.lnk06 span {
 background-position: -900px 0px;
 width: 180px;
 text-indent: -9999px;
}
ul.rollover03 li.lnk06 a:hover,
ul.rollover03_hover li.lnk06 span { background-position: -900px -60px; }