/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*--------------
	全体を囲う大枠
-------------- */
#wrap {
	position: relative;		/* フッター部の配置用に定義 */
	min-height: 100%;		/* 縦の表示領域を100% */
}

/*--------------
	TOP用ヘッダー
-------------- */
/* 背景 */
#bg_topheader { 
	background: #91C755 url(../image/topheader.jpg) center top no-repeat;  /* 背景色 */
	height:380px;           /* 縦の高さ */
	width:100%;             /* 横の幅を100% */
	margin-bottom: 110px;
}
/* 表示領域 */
#topheader { 
	height: 380px;  
	width: 1000px;   /* 横の幅*/
	margin: auto;   /* 中央揃え */
	position: relative;
	z-index:1;
}

	/* ロゴ */
	#topheader h1{
		width: 340px;
		height: 190px;
		position: absolute;
		top: 105px;
		left: 10px;
		text-indent: -9999px;
	}
		#topheader  h1 a{
			display:block;
			text-indent:-9999px;
			text-decoration:none;
		}
		#topheader h1 a.logo{
			width: 340px;
			height: 190px;
		}

	/* メニューボタン */
	#top_nav{
		position:absolute;
		top: 340px;
		left: 50%;
		width: 900px;
		margin-left: -450px;
		z-index:3;
	}
		nav{
			width: 900px;
			height: 108px;
			margin: 0 auto;
		}
		nav li{
			width: 90px;
			height: 108px;
			float: left;
		}

/*--------------
	内部ヘッダー
-------------- */
/* 背景 */
#bg_header { 
	background: #91C755;/* 背景色*/
	height: 110px;           /* 縦の高さ */
	width: 100%;             /* 横の幅を100% */
	margin-bottom: 100px;
	position: relative;
	z-index: 1;
}

/* 表示領域 */
#header { 
	height: 110px;  
	width: 1000px;   /* 横の幅 */
	margin: auto;   /* 中央揃え */
	position: relative;
}

	/* ロゴ */
	#header h1{
		width: 416px;
		height: 46px;
		float: left;
		margin-top: 10px;
		text-indent: -9999px;
		background: url(http://www.shebao.org/web/20140929153015im_/http://www.keroro.com/image/img_common/img_common.png) -77px 0 no-repeat;
	}
		#header  h1 a{
			display:block;
			text-indent:-9999px;
			text-decoration:none;
		}
		#header h1 a.logo{
			width: 416px;
			height: 46px;
		}


	#header .icon{
		width: 204px;
		height: 32px;
		margin: 20px 0 0 0;
		float: right;
	}

		#header .icon .sns{
			width: 28px;
			height: 28px;
			float: left;
			margin-left: 5px;
		}

		#header .icon .logo{
			width: 118px;
			height: 32px;
			float: left;
			margin-left: 15px;
			background: url(http://www.shebao.org/web/20140929153015im_/http://www.keroro.com/image/img_common/img_common.png) -503px 0 no-repeat;
			text-indent: -9999px;
		}

	#inner_nav{
		position:absolute;
		top: 70px;
		left: 50%;
		width: 900px;
		margin-left: -450px;
		z-index: 3;
	}


/*--------------
	メイン
-------------- */
/* 大枠 */
#bg_main{
	width: 1000px;            /* 横の幅 */
	margin: 10px auto 0;     /* 上から10px分余白を取る */
	padding-bottom: 270px;   /* フッターの高さの分余白を取る */
}
 
/* ボディ */
#main{
	width: 1000px;
	height: auto;
	margin-bottom: 90px;
}

	#menuTitle{
		width: 77px;
		height: 750px;
		text-indent: -9999px;
		float: right;
		margin-right: 35px;
	}
	#contents{
		width: 820px;
		height: auto;
		float: left;
	}


/*--------------
	フッター
-------------- */
/* 背景 */
#bg_footer{
	background: #fff;   /* 背景色(黒) */
	width: 100%;               /* 横の幅を100% */
	height: 220px;            /* 縦の幅を120px */
	position: absolute;       /* 絶対位置指定することを定義 */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	padding: 40px 0 10px;          /* 上下に余白を取る */
}

/* 表示領域 */
#footer{
	height: 220px;          /* 縦幅の指定100px */
	width: 970px;           /* 横の幅970px */
	margin: auto;           /* 中央揃え */
	position: relative;
}

#footer .toPagetop{
	position: absolute;
	top: -65px;
	right: -30px;
	cursor: pointer;
}

#footer .toPagetop:hover{

}


/* バナー */
#footer .bnrList{
	width: 990px;
	margin: 0 auto 15px;
	text-align: center;
}

	#footer .bnrList img{
		width: 150px;
		height: 50px;
		margin: 0 5px;
	}

/* コピーライト */
#footer .copyright{
	text-align: center;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.5;
	margin-top: 40px;
}



/*
     FILE ARCHIVED ON 15:30:15 Sep 29, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:01:36 Jun 06, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.527
  exclusion.robots: 0.02
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 7.077
  LoadShardBlock: 472.283 (3)
  PetaboxLoader3.datanode: 467.856 (5)
  PetaboxLoader3.resolve: 192.386 (3)
  load_resource: 211.208 (2)
*/