@charset "utf-8";

/* A
----------------------------------------------- */

a:link{
	color:#F90;
	text-decoration: none;
	padding:2px;
	border-bottom:1px dotted #999;
}
a:visited{
	color:#D90;
	text-decoration: none;
	padding:2px;
	border-bottom:1px dotted #999;
}
a:hover{
	color:#FFF;
	background:#f90;
	border-bottom:none;
}
a:active{
	font-weight:normal;
	color:#FFF;
	background:#f90;
}


/* body, wrapper, header
----------------------------------------------- */

body {
  text-align: center;
	color: #333;
	margin: 0;
	padding: 0;
	border: none;
	font-family: sans-serif;
  font-size: 12px;
	background: #F0EEED url(../i/bg.gif) top center repeat-y;
	line-height:150%;
}

#wrapper{
	margin:0 auto;
	width: 750px;
	text-align:left;
}

#wrapper{
	margin-top: -17px;
	background: url(../i/bg-top.jpg) top center no-repeat;
	height: 500px;
}
* html div#wrapper{
	margin-top: -20px;
}
head:first-child+body div#wrapper{
	margin-top: -19px;
}

#header{
	text-align: left;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 750px;
	height: 139px;
}

#headerBG {
	position: absolute;
	top: 13px;
	width: 750px;
	height: 113px;
	background:url(../i/header_bg.gif) no-repeat;
}


#headerBorder {
	position: absolute;
	top: 13px;
	width: 750px;
	height: 113px;
	background:url(../i/header_overlay.gif) no-repeat;
}

#header h1{
	position: absolute;
	top: 10px !important; /* For IE */
	top: 27px;
	margin-left:20px;
	z-index:10;
}

#header h2{
	display: none;
}

#header a{
	border:none;
	padding:0;
	margin:0;
	
}

/* global
----------------------------------------------- */
.clear {
	clear:both;
	height:0;
	line-height:0;
}

p,dl,ul{
	margin: 5px;
	padding: 5px;
	border: 0px;
	display: block;
}
dd{
	margin-left:10px;
}
li{
	margin-left:15px;
}

ul{
	list-style: square;
}

hr{
	display:none;
}

em{
	font-style:normal;
	font-weight:bold;
	color:#f90;
	font-size:115%;
}

strong{
	font-size:90%;
	color:#666666;
}

.foraural{
	position:absolute;
	top : -100px;
	left : -100px;
}

img{
  border:none;
	vertical-align:text-bottom;
	}

label{
	color:#000;
	}


input{
	width:175px;
	}
input.submit{
	width:120px;
	padding:3px 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #6c737a;
	border-width: 1px;
	border-style: solid;
	border-color: #c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
	}
input.submit:hover {
	color: #000;
	background-color: #fff;
}

input,
textarea {
	font-family: Arial, Helvetica, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",  sans-serif;
	background-color: #fff;
	border: none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
}
input:hover,
textarea:hover {
	background-color: #eaeeef;
	border-top: 1px solid #b9c3c8;
	border-left: 1px solid #b9c3c8;
}
input:focus,
textarea:focus {
	background-color: #e2e6e7;
	border-top: 1px solid #a7abac;
	border-left: 1px solid #a7abac;
}


table {
	background-color: #f5f5f5;
	border-width: 1px;
	border-style: solid;
	border-color: #c1ced4 #97a4aa #97a4aa #c1ced4;
	margin: 5px;
}

caption {
	font-size: 95%;
	color: #454e58;
	text-align:center;
	margin-top:15px;
}

td,th {
	font-size: 100%;
	line-height: 1.2;
	color: white;
	padding : 0.1em 8px;
}

th {
	font-weight: normal;
	color: #536066;
	background-color: #f5f5f5;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #d2d2d2;
}

td {
	color: #2d3b4e;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: white #bfc3c4 #bfc3c4 white;
}


/* Text Replacement
----------------------------------------------- */

.faqh3{
	display:block;
	text-indent:-9999px;
	width:149px;
	height:16px;
	border:0;
	padding:0;
	margin:0 !important; /* For FF etc */
	margin:0 0 -15px 0; /* For IE */
	background:url(../i/faq.gif) no-repeat;
}
.menuh3{
	display:block;
	text-indent:-9999px;
	width:74px;
	height:16px;
	border:0;
	padding:0;
	margin:0 !important; /* For FF etc */
	margin:0 0 0px 0; /* For IE */
	background:url(../i/menu.gif) no-repeat;
}

.renrakuh3{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:16px;
	border:0;
	padding:0;
	margin:0 !important; /* For FF etc */
	margin:0 0 0px 0; /* For IE */
	background:url(../i/renraku.gif) no-repeat;
}

#pbbs .bbsSample p{
	display:block;
	text-indent:-9999px;
	width:69px;
	height:16px;
	border:0;
	padding:0;
	margin:10px  !important; /* For FF etc */
	margin:10px; /* For IE */
	background:url(../i/p-bbs-t.gif) no-repeat;
}

#tbbs .bbsSample p{
	display:block;
	text-indent:-9999px;
	width:99px;
	height:16px;
	border:0;
	padding:0;
	margin:10px  !important; /* For FF etc */
	margin:10px; /* For IE */
	background:url(../i/t-bbs-t.gif) no-repeat;
}

#jbbs .bbsSample p{
	display:block;
	text-indent:-9999px;
	width:121px;
	height:16px;
	border:0;
	padding:0;
	margin:10px  !important; /* For FF etc */
	margin:10px; /* For IE */
	background:url(../i/j-bbs-t.gif) no-repeat;
}

.jtourokuh2{
	display:block;
	text-indent:-9999px;
	width:318px;
	height:20px;
	border:0;
	padding:0;
	margin:10px  !important; /* For FF etc */
	margin:10px; /* For IE */
	background:url(../i/joy_touroku.gif) no-repeat;
}

.ptourokuh2{
	display:block;
	text-indent:-9999px;
	width:265px;
	height:20px;
	border:0;
	padding:0;
	margin:10px  !important; /* For FF etc */
	margin:10px; /* For IE */
	background:url(../i/p_touroku.gif) no-repeat;
}

.ttourokuh2{
	display:block;
	text-indent:-9999px;
	width:295px;
	height:20px;
	border:0;
	padding:0;
	margin:10px  !important; /* For FF etc */
	margin:10px; /* For IE */
	background:url(../i/t_touroku.gif) no-repeat;
}


/* Contents
----------------------------------------------- */

#content-wrapper{
	float:left;
	width:500px;
}

#content-wrapper h3{
	display:none;
}

#steps{
	display:block;
	text-indent:-9999px;
	width:450px;
	height:250px;
	border:0;
	padding:0;
	margin:-10px 15px;
	
	background:url(../i/3step.gif) no-repeat;
}

#steps ol,#steps ol li{
	list-style:none;
}

.bbsModule{
	border:1px solid #999;
	width:470px;
	margin:10px;
}

.bbsSample{
	float:left;
	margin:5px;
}

.bbsSample img{
	margin-bottom:5px;
}

.bbsExp{
	float:left;
	margin-left:0px;
	position:relative;
}
.bbsExp p{
	position:relative;
	top:0px;
	left:80px;
	font-size:120%;
	font-weight:bold;
}


/* SideBar
----------------------------------------------- */

#sidebar-wrapper{
	float:right;
	width:250px;
}

.box{
	border:1px #999 solid;
	padding:10px;
	margin:5px 0;
}
/* The Holy Hack \*/
*html .box{height:1%;}
/*  */

#footer{
	border-top:1px solid #999;
	margin-top:10px;
	padding:10px 0;
}

/* Kiyaku
----------------------------------------------- */

.kiyaku #content{
	padding:0 15px 20px 10px;
}

.kiyaku #content h3{
	display:block;
}

.kiyaku #content li{
	margin-left:0;
}

/* Regist
----------------------------------------------- */
.regist fieldset{
	margin:0 15px 0 5px;
	border: 1px #999 solid;
}

.regist legend{
	padding:0 6px;
	color:#666;
}



.regist #content label{
	font-size:120%;
}