@charset "shift-jis";
/* ===================================================================
	CSS information
	file name  :  shared.css
	style info :  header&footerreset
	date:2011.9.29
=================================================================== */
html,
body{
	width: 100%;
	height: 100%;
	text-align: center;
}
object {
	outline: none;
}


/*	wrap
====================================================== */
#wrap {
	min-width: 960px;
	background: #FFFFFF url(../shared/bg_bottom.gif) bottom left repeat-x;
}


/*	header
====================================================== */
#wrap #headwrap {
	min-width: 960px;
	height: 56px;
	background: url(../shared/bg_top.gif) top left repeat-x;
}

/* IE6 hack */
* html #wrap,
* html #wrap #headwrap {
	width:expression(document.body.clientWidth < 962? "960px" : "100%");
}

#wrap #header {
	position: relative;
	z-index: 10;
	width: 960px;
	height: 56px;
	margin: 0 auto;
}
#wrap #header p {
	position: absolute;
	top: 13px;
}
#wrap #header p.logo01 {
	left: 0;
}
#wrap #header p.logo02 {
	right: -1px;
}
#wrap #nav_area {
	position: relative;
	z-index: 0;
	width: 960px;
	height: 130px;
	margin: 0 auto;
}
#wrap #nav_area p,
#wrap #nav_area #nav {
	position: absolute;
}
#wrap #nav_area p.logo {
	top: 0;
	left: 0;
}
#wrap #nav_area #nav {
	width: 776px;
	height: 130px;
	top: -44px;
	right: -1px;
}
#wrap #nav_area p.btn_top {
	top: 92px;
	left: 185px;
}


/*	footer
====================================================== */
#wrap #footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#wrap #footer .inner {
	position: relative;
	width: 960px;
	height: 70px;
	margin: 0 auto;
	text-align: left;
}
#wrap #footer .nav01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 534px;
	height: 13px;
}
#wrap #footer .nav01 ul {
	position: relative;
	width: 534px;
	height: 13px;
}
#wrap #footer .nav01 ul li {
	position: absolute;
	top: 0;
}
#wrap #footer .nav01 ul li.btn01 {
	left: 0;
}
#wrap #footer .nav01 ul li.btn02 {
	left: 72px;
}
#wrap #footer .nav01 ul li.btn03 {
	left: 142px;
}
#wrap #footer .nav01 ul li.btn04 {
	left: 211px;
}
#wrap #footer .nav01 ul li.btn05 {
	left: 293px;
}
#wrap #footer .nav01 ul li.btn06 {
	left: 366px;
}
#wrap #footer .nav01 ul li.btn07 {
	left: 440px;
}
#wrap #footer .nav02 {
	position: absolute;
	top: 0;
	right: 0;
	width: 268px;
	height: 13px;
}
#wrap #footer .nav02 ul {
	position: relative;
	width: 268px;
	height: 13px;
}
#wrap #footer .nav02 ul li {
	position: absolute;
	top: 0;
}
#wrap #footer .nav02 ul li.btn01 {
	left: 0;
}
#wrap #footer .nav02 ul li.btn02 {
	right: 0;
}
#wrap #footer .pagetop {
	position: absolute;
	top: -6px;
	right: 0;
	width: 60px;
	height: 60px;
}

/*--- reset */
body {font:13px/1.4 "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;*font-size:small;*font:x-small;color: #4b4b4b;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
html {overflow-y: scroll;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align: left;}
q:before,q:after {
	content: '';
}
img,abbr,acronym,fieldset {
	border: 0;
	vertical-align:bottom;
}
ul,li {list-style-type: none;}
a {outline: none;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
input {*padding-top: 3px;}

/*ClearFix-*/
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */