/*
 * HTML5 Boilerplate
 *
 * 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
   ========================================================================== */

/* ==========================================================================
   ヘッダー
   ========================================================================== */
#header{
	margin: 0px 0px 0px 0px;
	left: 1px;
	display: block;
	overflow: hidden;
	width: 100%;
	background-image: url(../images/main2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height:145px;
	}
	
#header .main {
	margin:0px auto 0px auto;
	width:753px;
	clear:both;
	list-style:none;
	}
	
#header h1{
	width: 100%;
	height: 57px;
	text-indent:-10000px;
	}
	
#header ul {
	padding:0px;
	margin:0px 0px 0px 0px;
	clear:both;
	list-style:none;
	}
	
#header li{
	margin:0px 0px 0px 0px;
	padding:0;
	float:left;
	display:block;
	overflow:hidden;
	}

#header .page {
	margin:-86px 0px 0px 0px;
	}

#header li.b01 {
	margin:0px 0px 0px 1px;
	height:43px;
	width:126px;
	}

#header li.b02{
	margin:0px 0px 0px 0px;
	height:43px;
	width:125px;
	}

#header li.b03{
	margin:0px 0px 0px 0px;
	height:43px;
	width:124px;
	}

#header li.b04{
	margin:0px 0px 0px 0px;
	height:43px;
	width:125px;
	}

#header li.b05{
	margin:0px 0px 0px 0px;
	height:43px;
	width:125px;
	}

#header li.b06{
	margin:0px 0px 0px 0px;
	height:43px;
	width:126px;
	}




/* ==========================================================================
   バナー
   ========================================================================== */
   
#top {
	margin:0px auto 0px auto;
	display: block;
	overflow: hidden;
	width:753px;
	text-align:left;
	}
	
#top .page_up{
	margin:3px 0px 0px 650px;
	width:75px;
	height:19px;
	overflow:hidden;
	display:block;
	}
	
#top .copyright{
	margin:0px auto 0px auto;
	width:753px;
	height: 40px;
	text-align:center;
	}
	
#top .m01{
	margin:0px 0px 0px 0px;
	width:751px;
	background-image: url(../images/background_03.png);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#top .m01a{
	margin:10px 0px 0px 40px;
	width:700px;
	overflow:hidden;
	font-size:14px;
	}
	
#top .m01b{
	margin:0px 0px 0px 317px;
	width:381px;
	height:120px;
	overflow:hidden;
	font-size:14px;
	}
	
#top .m02a{
	margin:0px 0px 0px 0px;
	width:751px;
	background-image:url(../story/images/image_03.png);
	background-repeat:repeat-y;
	background-position:top;
	}
	
#top .m02b{
	margin:0px 0px 0px 0px;
	width:751px;
	background-image:url(../story/images/image_02.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#top .m02c{
	margin:0px 0px 0px 0px;
	width:751px;
	background-image:url(../story/images/image_04.png);
	background-repeat:no-repeat;
	background-position: bottom;
	}
	
#top .m02t1{
	margin:20px 0px 0px 70px;
	width:303px;
	float:left;
	}
	
#top .m02t2{
	margin:20px 0px 0px 10px;
	width:289px;
	float:left;
	line-height:1.5em;
	}
	
#top .m02t3{
	margin:10px 0px 0px 0px;
	width:289px;
	float:left;
	line-height:1.5em;
	}
	
#top .m02t4{
	margin:10px 0px 0px 70px;
	width:323px;
	float:left;
	}
	
#top .m02t5{
	margin:20px 0px 0px 70px;
	}
	
#top .txtST1{
	color: #81F8AC;
	font-weight:bold;
	}
	
#top .txtST2{
	color: #E95BED;
	}
	
#top .image_waku{
	border:#FFFFFF 1px solid;
	}
		
#top .bar{
	margin:0px 0px 0px 10px;
	}