@charset "utf-8";
@import url("reset.css");
/* CSS Document */
* {
margin: 0;
padding: 0;
}
body {
color: #FFFFFF;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 12px;
text-align: center;
background: #202020;
}
a {
color: #CCCCCC;
font-size: 12px;
text-decoration: none;
}
a:link { 
text-decoration: underline;
 }
a:visited {
text-decoration: underline;
}
a:hover {
cursor: pointer;
color: #AD8B57;
text-decoration: none;
}
a:active {
cursor: pointer;
color: #AD8B57;
text-decoration: underline;
}
/*img {
vertical-align:top;
}*/
#header {
padding: 15px 0 0;
font-size: 11px;
border-bottom: 1px solid #444444;
color: #CCCCCC;
background: #000000;
}
#header a {
font-size: 11px;
}
#headerwrap {
width: 900px;
margin: 0 auto;
overflow: hidden;
}
#headerwrap:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #headerwrap {
height: 1em;
overflow: visible;
}
/**/
#header #logo {
float: left;
width: 89px;
}
#headertitle {
float: right;
width: 811px;
}
#header h1 {
float: left;
margin-bottom: 15px;
padding-left: 40px;
line-height: 40px;
color: #CCCCCC;
font-size: 10px;
letter-spacing : 0.12em;
}
#header ul li {
display: inline;
}
#header #switch {
float: right;
height: 40px;
margin-bottom: 15px;
}
#header #switch li {
margin-left: 10px;
}
#header #switch li a img {
margin-top: 10px;
}
#header #menu {
clear: both;
/*width: 558px;*/
width: 466px;
height: 30px;
/*margin-left: 249px;*/
margin-left: 341px;
border-left: 1px solid #444444;
}
#header #menu li {
float: left;
height: 30px;
border-right: 1px solid #444444;
background: url(../img/menubg.png) no-repeat 0 center;
}
#header #menu li a {
display: block;
width: 92px;
height: 30px;
text-align: center;
background: #000000;
}
#header #menu li a:hover {
background: url(../img/menubg.png) no-repeat 0 center;
}
#itemmenu {
width: 900px;
margin: 0 auto;
}
#itemmenu h3 {
float: left;
line-height: 50px;
padding-left: 470px;
}
#itemmenu h3 img {
vertical-align: middle;
}
*html #itemmenu h3 img {
margin-top:20px;
}
*+html #itemmenu h3 img{
margin-top:20px;
}
#itemmenu ul {
float: right;
height: 50px;
line-height: 50px;
}
#itemmenu li {
display: inline;
margin-left: 10px;
}
#itemmenu li a {
padding-left: 15px;
font-size: 10px;
text-decoration: none;
letter-spacing: 0.12em;
background: url(../img/arrow7px.gif) no-repeat 0 center;
}
#titlewrap {
clear: both;
width: 900px;
height: 176px;
margin: 0 auto 20px;
background: #666666;
}
#contentswrap {
background: #313131 url(../img/header_grad.gif) repeat-x ;
}
#contents {
clear: both;
width: 900px;
overflow: hidden;
margin: 0 auto;
border: 1px solid #444444;
background: #3A3A3A;
}
#contents:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #contents {
height: 1em;
overflow: visible;
}
/**/
#topicpath {
width: 900px;
height: 30px;
margin: 0 auto;
}
#topicpath ul {
float: left;
font-size: 10px;
}
#topicpath ul li {
display: inline;
line-height: 30px;
padding: 0 5px 0 12px;
font-size: 10px;
letter-spacing: 0.18em;
background: url(../img/patharrow.gif) no-repeat 0 center;
}
#topicpath ul #pathhome {
padding: 0 5px 0 0;
background: none;
}
#topicpath ul li a {
padding: 0;
font-size: 10px;
text-decoration: underline;
letter-spacing: 0.18em;
border: none;
}
#topicpath p {
float: right;
line-height: 30px;
}
#topicpath p a {
padding-left: 10px;
font-size: 10px;
background: url(../img/pagetop.gif) no-repeat 0 5px;
}
#footerwrap {
clear: both;
border-top: 1px solid #000000;
background: #202020 url(../img/footerbg.gif) repeat-x top;
}
#footer {
width: 900px;
margin: 0 auto;
padding-top: 30px;
}
#footer ul {
width: 300px;
float: left;
padding-bottom: 30px;
overflow: hidden;
}
#footer ul:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #footer ul {
height: 1em;
overflow: visible;
}
/**/
#footer ul li {
width: 280px;
margin-right: 20px;
padding: 5px 0;
border-bottom: 1px dotted #555555;
}
#footer ul li.footerlistfirst {
border-top: none;
}
#footer ul li.footerlistend {
border-bottom: none;
}
#footer ul li a {
padding-left: 15px;
text-decoration: none;
letter-spacing: 0.1em;
background: url(../img/footerarrow.png) no-repeat 0 center;
}
#footer ul li a:hover {
background: url(../img/footerarrow.png) no-repeat 3px center;
}

#page_footer{
clear: both;
width: 900px;
/*float:left;*/
}



#copyright {
clear: both;
width: 900px;
height:62px;
padding: 20px 0;
border-top: 1px solid #333333;
color: #999999;
letter-spacing: 0.1em;
}
#facebook_footer{
width:450px;
float:left;
margin-top:-15px;
border: 1px solid #333333;
background-color:#FFFFFF;

}
#copyright_p p{
width:415px;
margin-top:10px;
text-align: right;
float:left;
}

.lightpop {
margin: 0;
padding: 0;
}
.lightpop li {
margin: 0;
padding: 0;
}