* {
	margin:0;
	padding:0;
	list-style:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	outline:none;
}

a:link {
	color:#26abf4;
	text-decoration:none;
}

a:visited {
	color:#26abf4;
	text-decoration:none;
}

a:hover {
	color:#55cde3;
	text-decoration:none;
}

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

.clear {
	display:block;
	clear:both;
}


html, body, #wrapper {
	height:100%;
}

body {
	background:url(../images/common/top_line.png) top repeat-x;
	font-size:12px;
}

#wrapper {
	width:950px;
	margin:0 auto;
	padding:0;
	height:auto;
	min-height:100%;
}

/*========== Header ==========*/

#header {
	margin:0 auto;
	height:80px;
	width:950px;
	position:relative;
}

#header h1 {
	 padding:15px 0;
	 float:left;
}

#header h1 a {
	background:url(../images/common/logo.png) no-repeat;
	display:block;
	height:50px;
	width:530px;
	text-indent:-10000px;
}

/*========== Header-small ==========*/

#header-small {
	margin:0 auto;
	height:80px;
	width:950px;
	position:relative;
}

#header-small h1 {
	 padding:15px 0;
}

#header-small h1 a {
	background:url(../images/common/logo_small.png) no-repeat;
	display:block;
	height:50px;
	width:410px;
	text-indent:-10000px;
}


/*========== Navigation ==========*/

#navi {
	padding:0 0 5px;
	position:absolute;
	right:0;
	bottom:10px;
}

.btn-about {
		height:15px;
		width:170px;
		margin:0 0 0 auto;
}

.btn-about a {
		background:url(../images/home/btn_about.png) no-repeat;
		height:15px;
		width:170px;
		text-indent:-10000px;
		display:block;
		line-height:0;
}

.btn-about a:link {
	background-position:0 0;
}

.btn-about a:visited {
	background-position:0 0;
}

.btn-about a:hover {
	background-position:0 -15px;
}
/*========== Body ==========*/

#body {
	clear:both;
	margin:0 auto;
	width:950px;
	padding:0 0 80px;
	position:relative;
}

#body:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	}
	
#body {display:inline-block}
#body {display:block}

/*========== Contents ==========*/

#main {
	float:left;
	width:720px;
}

#maincontent {
	padding:0 10px 0 0;
}

#side {
	float:left;
	width:230px;
}

#side .banners li {
	padding:0 0 10px;
}

/*========== Footer ==========*/

#footer {
	clear:both;
	width:100%;
	color:#000;
	height:80px;
	font-size:10px;
	position:relative;
	margin:0 0 -80px;
}

#footer2 {
	border-top:1px #ccc solid;
	width:980px;
	margin:0 auto;
	padding:20px 0 0;
}

#footer2:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	}
	
#footer2 {display:inline-block}
#footer2 {display:block}

#footer a {
	color:#aaa;
	text-decoration:none;
}

#footer a:link {
	color:#000;
}

#footer a:visited {
	color:#000;
}

#footer a:hover {
	color:#ccc;
}

#copyright {
	float:left;
	width:400px;
}

#footernavi {
	float:right;
	width:580px;
}

#footernavi li {
	float:right;
	padding-left:20px;
}

#footernavi .whats a {
	display:block;
	background:url(../images/common/btn_whats.png) no-repeat;
	width:110px;
	height:20px;
	text-indent:-10000px;
}

#footernavi .whats a:link {
	background-position:0 0;
}

#footernavi .whats a:visited {
	background-position:0 0;
}

#footernavi .whats a:hover {
	background-position:0 -20px;
}

#footernavi .gototop a {
	display:block;
	background:url(../images/common/btn_top.png) no-repeat;
	width:110px;
	height:20px;
	text-indent:-10000px;
}

#footernavi .gototop a:link {
	background-position:0 0;
}

#footernavi .gototop a:visited {
	background-position:0 0;
}

#footernavi .gototop a:hover {
	background-position:0 -20px;
}