@charset "utf-8";

/* CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	text-align:left;
}
table {
border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* CSS RESET */

.clear {
	height:0;
	clear:both;
	overflow:hidden;
}

/*  ======== body ======== */

body {
    width:100%;  
	color: #666;
	font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ-Ｐ ゴシック" , Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	line-height:185%;
    overflow-x: hidden;
    }

/*  ======== contents ======== */    

    #contents {  
    width:900px;  
    margin:auto;
    padding: 0px;  
}  
    
/*  ======== main ======== */

#main {
  width: 700px;
  padding:30px 0;
  float: left;
display: none;
ackground:#999;
}

/*  ======== demo ======== */

#menu dl {
	margin:0px auto 0px auto;
	text-align: center;
	list-style: none;
    display: inline-block;
}
    
#menu dt {
    padding: 0px;
    float: left;
    display: block;
    position: relative;
    margin:5px 5px 5px 0;
    width: 48px;
    height: 48px;
}

#menu dt a {
    position: absolute;
}

#menu dt img {
    position: absolute;
    width: 48px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    overflow: hidden;
}

#menu dd {
    padding: 0px;
    display: block;
    width:130px;
    float: left;
    position: relative;
    ackground:#666;
    margin:5px 5px 5px 0;
    height: 48px;
}

/*  ======== footer ======== */

.footer {
    width:900px;  
    height:20px;
     float: left;
    text-align:center;
    ackground:#666;
    color:#999;
    padding-top: 10px;  
    border-top:2px solid #dcdcdc;
}