/* CSS Document */
div#contents { margin: 20px 0 0; width: 950px;}
div#contents h1, h2, h3, h4, img, p, ul, li, dl, dt, dd { margin: 0; padding: 0; border: 0;}
div#contents ul, li, dl, dt, dd { list-style: none;}
div#contents a:link, a:visited { text-decoration:underline;}
div#contents a:hover { text-decoration:none;}
div#contents h1 { padding: 0 0 15px;}
div#contents .left { float:left;}
.clear { clear:both;}

ul.area {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
}
ul.area li {
float: right;
padding: 0 0 0 16px;
margin: 0 10px 0 0;
background: url(img/icon01.gif) no-repeat 0 2px;
}

ul.area li a {
text-decoration: underline;
}


/* --- エリア --- */
div.nav {
width: 100%;
padding-top: 20px;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #275815;
}
div.nav ul.nl {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
div.nav ul.nl li {
width: 105px;
margin: 0 2px;
background: url(img/tab_gen2_left.gif) no-repeat left top;
float: left;
}
div.nav ul.nl li.w312 {
width: 312px;
}
div.nav ul.nl li.w233 {
width: 233px;
}
div.nav ul.nl li.w220 {
width: 210px;
}
div.nav ul.nl li.w200 {
width: 200px;
}
div.nav ul.nl li.w186 {
width: 186px;
}
div.nav ul.nl li.w180 {
width: 180px;
}
div.nav ul.nl li.w150 {
width: 150px;
}

div.nav ul.nl li a {
display: block;
padding: 10px 2px;
background: url(img/tab_gen2_right.gif) no-repeat right top;
}

div.nav ul.nl li.active {
background: url(img/tab_act2_left.gif) no-repeat left top;
}
div.nav ul.nl li.active a {
background: url(img/tab_act2_right.gif) no-repeat right top;
color: #FFFFFF;
}


/* --- 月メニュー --- */
ul.nl li.month01 {
padding: 0;
height: 36px;
width: 475px;
background: url(img/tab_act_bg1.gif) no-repeat 0px 0px;
float: left;
text-indent: -9877em;
}
ul.nl li.month01 a {
height: 36px;
width: 475px;
display: block;
overflow: hidden;
}
ul.nl li.month01 a:hover {
background: url(img/tab_act_bg1.gif) no-repeat 0px -72px;
}


ul.nl li.month02 {
padding: 0;
height: 36px;
width: 475px;
background: url(img/tab_act_bg2.gif) no-repeat 0px -36px;
float: left;
text-indent: -9877em;
}
ul.nl li.month02 a {
height: 36px;
width: 475px;
display: block;
overflow: hidden;
}
ul.nl li.month02 a:hover {
background: url(img/tab_act_bg2.gif) no-repeat 0px -72px;
}

ul.nl li.month03 {
padding: 0;
height: 36px;
width: 475px;
background: url(img/tab_act_bg1.gif) no-repeat 0px -36px;
float: left;
text-indent: -9877em;
}
ul.nl li.month03 a {
height: 36px;
width: 475px;
display: block;
overflow: hidden;
}
ul.nl li.month03 a:hover {
background: url(img/tab_act_bg1.gif) no-repeat 0px -72px;
}


ul.nl li.month04 {
padding: 0;
height: 36px;
width: 475px;
background: url(img/tab_act_bg2.gif) no-repeat 0px 0px;
float: left;
text-indent: -9877em;
}
ul.nl li.month04 a {
height: 36px;
width: 475px;
display: block;
overflow: hidden;
}
ul.nl li.month04 a:hover {
background: url(img/tab_act_bg2.gif) no-repeat 0px -72px;
}


ul.nl li.month05 {
padding: 0;
height: 36px;
width: 475px;
background: url(img/tab_act_bg3.gif) no-repeat 0px 0px;
float: left;
text-indent: -9877em;
}
ul.nl li.month05 a {
height: 36px;
width: 475px;
display: block;
overflow: hidden;
}
ul.nl li.month05 a:hover {
background: url(img/tab_act_bg3.gif) no-repeat 0px -72px;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

a.backTop{
background-image:url(img/sprites_icon.gif);
background-repeat: no-repeat; 
background-position: 0 2px;
padding-left:15px;
}