@import "contents.css";


/*Reset----------------------------------*/
h1, h2, h3, h4, h5, h6, p,body,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}

/*画像の下にできる隙間をなくす */
	img{
	vertical-align: bottom;
}

a,a:hover{
	outline:0;
}

/*Wrapper---------------------------------*/
#wrapper{
	width:100%;
	min-width: 768px;
	_text-align:center;
}

/*Header_container------------------------*/
#header_container{
	width:100%;
	height:200px;
}
#title_area{
	width:760px;
	height:121px;
	margin:0 auto;
	position:relative;
}

/*どうぶつの森ロゴ*/
#title_area h1{
	width:320px;
	height:102px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:13px;
	left:212px;
}

#title_area h1 a{
	width:320px;
	height:102px;
	display:block;
}

/*任天堂ロゴ*/
#n_logo{
	width:106px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:12px;
	left:5px;
}

#n_logo a{
	display:block;
	width:106px;
	height:39px;
}


/*Wiiロゴ*/
#w_logo{
	width:88px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:13px;
	left:657px;
}

#w_logo a{
	display:block;
	width:88px;
	height:39px;
}


/*Q&A*/
#q_and_a{
	width:80px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:70px;
	left:531px;
}



#q_and_a a{
	display:block;
	width:80px;
	height:40px;
}

#q_and_a a:hover{
	display:block;
	width:80px;
	height:40px;
}

/*Special*/
#special{
	width:139px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:71px;
	left:611px;
}

#special a{
	display:block;
	width:139px;
	height:40px;
}

#special a:hover{
	display:block;
	width:139px;
	height:40px;
}


/*Navi--------------------------*/
#navi_area{
	width:760px;
	height:70px;
	margin:0 auto;
}

#navi_area li{
	display:inline;
}

#navi_area li a{
	height:70px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

#navi_area li p{
	height:70px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
/*Contents_area------------------------*/
#contents_area{
	width:768px;
	margin:0 auto;
	_text-align:center;
}

#contents_header{
	height:308px;
}

#contents_header2{
	height:280px;
}

#contents_main{
	width:768px;
	margin:0 auto;
}

#contents_footer{
}


/*Footer_container------------------------*/
#footer_container{
	width:100%;
	background:url(../img/bg_footer.jpg);
	padding:10px 0 50px 0;
}
#footer_bg{
	width:100%;
	height:62px;
}

.f_navi{
	width:760px;
	margin:3px auto;
	clear:both;
	text-align:center;
}

.f_navi li {
	color:#fff;
	line-height:24px;
	font-size:11px;
	display:inline;
}


.f_navi li a{
	color:#fff;
	margin:4px;
}

.f_navi li span{
	color:#333333;
}

.f_navi_top{
	width:760px;
	margin:3px auto;
	clear:both;
	text-align:center;
}

.f_navi_top li {
	color:#fff;
	line-height:24px;
	font-size:11px;
	display:inline;
}

.f_navi_top li a{
	color:#fff;
	margin:4px;
}

.f_navi_top li span{
	color:#333333;
}

.f_copyright{
	width:100%;
	margin:6px 0px 0px 0px;
	background-image:url(../img/copyright.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/*=================================================
add header
=================================================*/
#add_header{
	width: 100%;
	height: 54px;
	background-image: url(../img/bg_add_header.png);
	background-repeat: repeat-x;
	text-align: center;
}

#add_header #wrap{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#add_header #wrap .add_btn{
	width: 580px;
	margin: 0 auto;
	padding-top: 10px;
}

#add_header #wrap .add_btn a img{
	border: none;
}