@charset "utf-8";
/*============================================================

  要素のリセット

============================================================*/
html{
  margin:0px;
  padding:0px;
}

body{
  height:100%;
  color:#333333;
  margin:0px;
  padding:0px;
  font-size:62.5%;
  line-height:1.5;
  font-family:Verdana,meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka;
  background-color:#ffffff;
  background-image:url(../images/bg.jpg);
}

img{
  border:none;
  vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,
table,tr,td,th,
ol,ul,li,
dl,dt,dd,
p{
  margin:0px;
  padding:0px;
  list-style:none;
  font-weight:normal;
  font-size:100%;
}

/*============================================================

  header

============================================================*/
#header{
  width:920px;
  margin:30px auto 20px auto;
}

h1{
  width:402px;
  height:61px;
  float:left;
}

h1 a{
  display:block;
  width:402px;
  height:0px;
  padding-top:61px;
  overflow:hidden;
  background-image:url(../images/common/logo.gif);
  background-repeat:no-repeat;
}

#header ul,
#footer ul{
  width:454px;
  height:49px;
  float:right;
}

#header ul li,
#footer ul li{
  width:140px;
  height:49px;
  padding:0px 5px;
  border-right:dashed 1px #CCCCCC;
  float:left;
}

#header ul li:first-child,
#footer ul li:first-child{
  border-left:dashed 1px #CCCCCC;
}

#header ul li a,
#footer ul li a{
  display:block;
  width:140px;
  height:0px;
  padding-top:49px;
  overflow:hidden;
  background-image:url(../images/common/menu.gif);
  background-repeat:no-repeat;
}

#header .profile a{			background-position:0px 0px;}
#header .profile a:hover{	background-position:0px -49px;}
#header .contact a{			background-position:-140px 0px;}
#header .contact a:hover{	background-position:-140px -49px;}
#header .policy a{			background-position:-280px 0px;}
#header .policy a:hover{		background-position:-280px -49px;}

/*============================================================

  footer

============================================================*/
#footer{
  margin-top:40px;
  background-color:#E6E6E6;
  padding:20px 0px;
}

#footer .wrapper{
  width:920px;
  margin:0px auto;
} 

#footer dl{
  width:280px;
  float:left;
}

#footer dl dt{
  display:block;
  width:280px;
  height:0px;
  padding-top:40px;
  overflow:hidden;
  background-image:url(../images/common/footer_logo.gif);
  background-repeat:no-repeat;
}

#footer dl dd{
  font-size:1.2em;
  margin-top:1.0em;
  line-height:1.8;
}

#footer .profile a{			background-position:-420px 0px;}
#footer .profile a:hover{	background-position:-420px -49px;}
#footer .contact a{			background-position:-560px 0px;}
#footer .contact a:hover{	background-position:-560px -49px;}
#footer .policy a{			background-position:-700px 0px;}
#footer .policy a:hover{		background-position:-700px -49px;}

/*============================================================

  フォント

============================================================*/
.red{color:#cc0000;}

.bold{font-weight:bolder;}

em{
  font-style:normal;
  font-weight:bolder;
}

a:link{color:#009933;}
a:visited{color:#669966;}
a:hover{color:#FF0000;}
a:active{color:#ff0000;}

.attention{
  text-indent:-1.0em;
  padding-left:1.0em;
}

/*============================================================

  clearfix

============================================================*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}