@charset "UTF-8";
/* CSS Document | Last Up Date:2008.12.18 */

@import url("navi.css");

/*------------------------------------------------------------
  html
------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	text-align: center
}

/* Firefox、Mozilla、Safari、Opera用 */
body {
	margin: 0;
	padding: 0;
	color: #464646;
	font-size: 12px;
	line-height: 165%;
	background-color: #ffffff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif
}

/* IE用 */
*+html body {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 12px;
	line-height: 165%;
	background-color: #ffffff;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif
}

a {
	color: #008aff;
	text-align: left
}
a:hover,a:active {
	color: #ff0066;
	text-decoration: none
}
a:focus {
	outline: none
}
/* とりあえずの定義（意味は上と同じ） */
a {
	outline: none
}
img {
	border: 0
}
h1,h2,h3,h4,h5,form,ul,ol,li,span {
	margin: 0;
	padding: 0;
	text-align: left
}
p,li,input,textarea,td {
	text-align: left
}

/*------------------------------------------------------------
  text
------------------------------------------------------------*/

p.break {
	margin: 1em 0 0 0
}
.d_red {
	color: #ac6f85
}
.black {
	color: #000000
}
.bold {
	font-weight: bold
}
.small {
	font-size: 80%
}

/*------------------------------------------------------------
  wrapper
------------------------------------------------------------*/

body#wrapper_body {
	width: 100%;
	background: url("../_img/bg_header.gif") top repeat-x ;
	background-color: #ffffff
}
div#wrapper_header {
	position: relative;
	width: 910px;
	height: 101px;
	margin: 0 auto;
	text-align: left
}
div#wrapper_mainImg {
	position: relative;
	width: 100%;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: left
}
div#wrapper_main {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url("../_img/bg_contents.gif") left top repeat-x ;
	background-color: #ffffff
}
div#wrapper_mainContents {
	width: 910px;
	background: url("../_img/bg_contents_body.gif") left top no-repeat ;
	margin: 0 auto
}
div#wrapper_navi {
	display: inline;
	float: left;
	width: 321px;
	text-align: left
}
div#wrapper_mainBody {
	display: inline;
	float: left;
	width: 549px;
	text-align: left
}
div#wrapper_pagetop {
	clear: both;
	position: relative;
	width: 910px;
	height: 85px;
	margin: 0 auto;
	background: url("../_img/bg_pagetop.gif") left top no-repeat
}
div#wrapper_footer {
	position: relative;
	width: 910px;
	height: 110px;
	margin: 0 auto;
	background: url("../_img/bg_footer.gif") left top no-repeat
}

/*------------------------------------------------------------
  layout site header
------------------------------------------------------------*/

div#wrapper_header h1 {
	position: absolute;
	width: 266px;
	height: 53px;
	margin: 0;
	padding: 0;
	top: 20px;
	left: 322px;
	background: url("../_img/logo.gif") left top no-repeat;
	overflow: hidden
}
div#wrapper_header h1 a {
	display: block;
	widows: 266px;
	height: 53px;
	margin: 0;
	padding: 0;
}
div#wrapper_header h1 a span {
	display: none
}

/*------------------------------------------------------------
  layout main body
------------------------------------------------------------*/

div.panmenu {
	width: 549px;
	height: 20px;
	margin: 0;
	padding: 14px 0 0 0 ;
	font-size: 10px;
	line-height: 2em;
	text-align: left;
	background: url("../_img/bg_panmenu.jpg") left top no-repeat
}

/*------------------------------------------------------------
  layout pagetop and footer
------------------------------------------------------------*/

div#wrapper_footer p {
	display: none
}
div#wrapper_footer a.pagetop {
	position: absolute;
	top: 28px;
	left: 824px;
	display: block;
	width: 76px;
	height: 14px;
	overflow: hidden;
	background: url("../_img/btn_pagetop.gif") left top no-repeat
}
div#wrapper_footer a.pagetop span {
	display: none;
	overflow: hidden
}

/*------------------------------------------------------------
  other css style
------------------------------------------------------------*/

.clear {
	clear: both
}
.clearfix { /*for IE 5.5-7*/
	zoom: 1
}
.clearfix:after { /*for modern browser*/
	content: "";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both
}
img.r_img {
	float: right;
	margin: 0 0 1em 1em
}
img.l_img {
	float: left;
	margin: 0 1em 1em 0
}

@media print #wrapper_higher,#wrapper_lower {
	width: 100%
}