@charset "UTF-8";

/* reset
----------------------------------------------- */

* {
	font-size:100%;
	margin:0;
	padding:0;
	}

html,body,div,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,
span,address,
table,thead,tfoot,tbody,th,td,
form,fieldset,
blockquote,pre,object,param {
	margin:0px;
	padding:0px;
	font-family:
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		"メイリオ",
		Meiryo,
		Osaka,
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro W3",
		sans-serif;
	}

/* base styles
----------------------------------------------- */

html{
	height:100%
	}

body {
	height:100%;
	margin:0;
	padding:0;
	background:#f5f5f5 url(../img/bg.gif) repeat-x left top;
	color:#333;
	font-size:12px;
	line-height:1.5;
	text-align:left;
	}

/* Win IE7 */
*:first-child+html body { 
	font-size:75%;
	}
*:first-child+html table { 
	font-size:100%;
	}

*:first-child+html * {
	lette-spacing: 0;
	zoom:1;
	}

/* Win IE6 & 6以前 */
* html body { 
	font-size:75%;
	}
* html table { 
	font-size:100%;
	}

/* links
----------------------------------------------- */

a img {
	border-width:0;
	}

a {
	text-decoration:none;
	color:#ff6600;
	}

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

a:visited {
	color:#ff6600;
	}

a:hover {
	color:#ff6600;
	text-decoration:underline;
	}

a:active {
	color:#ff6600;
	}

a.linkRed,a.linkRed:link,a.linkRed:visited,a.linkRed:hover,a.linkRed:active{
	color:#cc0000 !important;
	}


/* class
----------------------------------------------- */

ul {list-style-type:none;}
.small { font-size:smaller;}
.bold	{ font-weight:bold;}

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
	line-height:0;
	font-size:0;
  visibility:hidden;
	}
.clearfix {
  min-height: 1px;
	}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
	}
.clear {
	height:0;
	line-height:0;
	clear:both;
	font-size:0;
	}
.posi_r { position:relative;}
.posi_a { position:absolute;}
.rollover {}
hr {
	display:none;
	}
.aster {
	margin:0 0 0 1em;
	text-indent:-1em;
	}
.fLeft {
	float:left;
	}
.fRight {
	float:right;
	}

.px10 {
	font-size:10px;
	line-height:140%;
	}
.px12 {
	font-size:12px;
	line-height:140%;
	}
.px14 {
	font-size:14px;
	line-height:140%;
	}


/* wrap
----------------------------------------------- */

div#wrap {
	width:742px;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	text-align:left;
	background:#f5f5f5 url(../img/bg_wrap.gif) repeat-y left top;
	}

body > div#wrap{
	height:auto;
	}


/* header
----------------------------------------------- */

div#header {
	position:relative;
	width:742px;
	height:79px;
	margin:0;
	padding:0;
	text-align:left;
	background:#fff url(../img/bg_header.gif) repeat-x left top;
	}

div#header p#logo {
	position:absolute;
	width:98px;
	height:53px;
	top:0;
	left:0;
	}

div#header p#comp {
	position:absolute;
	width:164px;
	height:12px;
	top:20px;
	left:100px;
	}

div#header p#arc {
	position:absolute;
	width:193px;
	height:53px;
	top:1px;
	left:549px;
	}


/* navi
----------------------------------------------- */

div#navi {
	float:left;
	width:202px;
	height:614px;
	background-color:#fff;
	margin:0;
	padding-top:8px;
	text-align:left;
	}


/* container
----------------------------------------------- */

div#container {
	float:left;
	width:518px;
	background-color:#fff;
	margin-top:8px;
	padding:0;
	text-align:left;
	}

div#container td {
	text-align:left;
	}

div#container td.center {
	text-align:center;
	}

div#container .autoMgn {
	margin:0 auto;
	}



/* footer
----------------------------------------------- */

div#footer {
	clear:both;
	background-color:#fff;
	padding-bottom:0;
	}



/* td align
----------------------------------------------- */

div#container td.left {
	text-align:left;
	}

div#container td.right {
	text-align:right;
	}


div#container td.pageTop {
	width:518px;
	text-align:right;
	vertical-align:top;
	}

div#container td.pageTop img {
	width:57px;
	height:12px;
	margin:8px;
	}