@charset "utf-8";

/* universal reset */
*{
	margin: 0;
	padding: 0;
}

html { height: 100%; }


/* -----------------------------------------------------------
Global
----------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #FFFFFF url(../images/bg.gif) repeat;
	color: #FFFFFF;
	
	/*
	position: relative;
  	min-width: 260px;
  	min-height: 400px;
	*/

	font: 13px/1.231 Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	/* for IE6/7 */ 
	*font-size: small; 
	/* for IE Quirks Mode */
	*font: x-small; 
}
* + html body {  
     font-family: "メイリオ","Meiryo";  
}

li { list-style-type: none; }
img { border: 0; }

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

.space { margin: 30px 0 0 0; _margin: 20px 0 0 0; }
*:first-child+html .space { /* IE7 */
	margin: 20px 0 0 0;
}



/* IE6用 */
*html hr {
	margin: 0;
	padding: 0;
	display :list-item;
	width:0;
	list-style: url(../images/hr.png) inside;
}
*:first-child+html hr { /* IE7 */
	margin: 0;
	padding: 0;
	display :list-item;
	width:0;
	height: 0;
	list-style: url(../images/hr.png) inside;
}

hr {
   border:0;
   height: 1px;
   background: url(../images/hr.png) 50% 0  no-repeat;
}

/* -----------------------------------------------------------
Text Link
----------------------------------------------------------- */

a:link, a:visited { background: #FFFF00; color: #000000; text-decoration: none; }
a:hover { background: none; color: #FFFF00; text-decoration:none; }
a:active { background: none; color: #FFFF00; text-decoration:none; outline: none; }
a:focus { -moz-outline-style: none; }

/* -----------------------------------------------------------
Common Box etc.
----------------------------------------------------------- */

#wrapper { margin: 0 auto 0 auto; width: 300px; height:100%; background: url(../images/inner_bg.png) repeat; 
    min-height: 100%;
}

body > #wrapper { height: auto; }

#inner { 
	margin: -240px 0 0 -130px;  /*縦横の半分をネガティブマージンでずらす*/
  	position: absolute;  /*body要素に対して絶対配置*/
  	top: 50%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
  	width: 260px;  /*横幅*/
  	height: 480px;  /*縦幅*/
 }

p { line-height: 2.0em; font-size: 77%; _font-size: 70%; text-align: justify; letter-spacing: 0.05em; }
html>/**/body p { font-size /*\**/: 70%\9 } /* IE8 */
*:first-child+html p { /* for IE7 */
	font-size: 70%;
}

p.office { padding: 30px 0 30px 0; _padding: 30px 0 30px 0; }
*:first-child+html p.office { /* for IE7 */
	padding: 30px 0 15px 0;
}

h1 { margin: 0 0 20px 0; _margin: 0 0 10px 0; width: 143px; height: 21px; overflow: hidden; }
html>/**/body h1 { margin /*\**/: 0 0 10px 0\9 } /* IE8 */
*:first-child+html h1 { /* for IE7 */
	margin: 0;
	height: 31px;
}

h2 { padding: 16px 0 18px 0; _padding: 8px 0 18px 0; line-height: 2.0em; font-size: 77%; letter-spacing: 0.05em; }
*:first-child+html h2 { /* for IE7 */
	padding: 8px 0 18px 0;
}


.fBanner {
	margin: 25px 0 20px 0;
	_margin: 25px 0 10px 0;
	width: 160px;
	height: 50px;
	overflow: hidden;
}
html>/**/body .fBanner { margin /*\**/: 25px 0 15px 0\9 } /* IE8 */
*:first-child+html .fBanner { /* for IE7 */
	margin: 25px 0 10px 0;
}