@charset 'UTF-8';

input,
select,
textarea,
radio{
	font-size:1em;
}

table{
	font-size:1em;
}


/* ================================================================ */

div.box1{
	border:1px #cccccc solid;
	text-align:left;
	width:300px;
	padding:10px;
	margin-left:25px;
	/* font-size:12px; */
}

/* IE hack */
*html body div.box1 {
	margin-left:0px;
}

/* IE7 hack */
*+html body div.box1{
	margin-left:0px;
}

div.box2{
	text-align:right;
	width:300px;
	padding:10px;
	border:1px solid #cccccc;
	margin-left:80px;
	font-size:12px;
}

/* IE hack */
*html body div.box2 {
	margin-left:0px;
}

/* IE7 hack */
*+html body div.box2{
	margin-left:0px;
}


#intro{
	text-align:left;
	width:90%;
	border:1px solid #cccccc;
  padding:10px;
  margin-left:auto;
  margin-right:auto;
}
#intro li{
	background: url("../images/arrow01.gif") no-repeat 4px 4px;
  margin:5px 0px 10px 0px ;
  padding:0px 0px 0px 20px;
}

#container h2{
  font-weight:bold;
  color:#333333;
	margin:8px 0px 16px 0px ;
}

#container h3{
  font-weight:bold;
	margin:10px 0px 10px 0px ;
}

.notice{
  /* font-size:10px; */
  color:#ff6666;
  font-weight:normal;
}

.error{
  color:#ff3333;
  font-weight:bold;
}

* h2{
  font-size:1.2em;
  font-weight:bold;
}

/* IE hack */
*html body h2 {
  font-size:14px;
}


/* ================================================================ */
/* q_block */

.q_block{
	text-align:left;
  width: 300px;
	/* font-size:12px; */
  /* border-bottom:1px #000000 dotted; */
	background:#ffffff;
	margin:0px 0px 0px 0px ;
	padding:0px;
}

.q_block p{
	margin:4px 0px;
}


.q_block .q_title{
	text-align:left;
  width: 560px;
  border:1px #cccccc solid;
	background:#cccccc;
	margin:0px;
	padding:2px 8px;
  font-weight:bold;
  color:#333333;
}

.q_block h3 #q_notice{
  font-size:10px;
  color:#f43c68;
  font-weight:normal;
	align:right
	text-align:right
}

.q_block .q_answer{
  width: 566px;
	text-align:left;
  border-left:1px #cccccc solid;
  border-right:1px #cccccc solid;
  border-bottom:1px #cccccc solid;
	background:#ffffff;
	margin:0px 0px 16px 0px;
	padding:5px;
}

/* ================================================================ */
/* for table layout */

#ln_tl {
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}

#ln_rb {
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}

#ln_b {
	border-bottom:1px solid #666666;
}

#ln_r {
	border-right:1px solid #666666;
}

.spot1{
	font-weight:bold;
	color:#6666ff;
}

/* ================================================================ */

dl.personal {
  width:550px;
  padding:0px;
  margin:8px 0px 8px 0px ;
  clear:both;
}

.personal dt{
 float:left;
 clear:both;
  width:100px;
  height:25px;
  text-align:right;
  margin:0px 5px 0px 0px ;
}

/* IE hack */
*html body .personal dt {
}

/* IE7 hack */
*+html body .personal dt{
}

.personal dd{
  width:440px;
  padding:0px 0px 0px 0px;
  height:25px;
  margin-left:100px ;
}


/* IE hack */
*html body .personal dd {
  margin-left:0px ;
}

/* IE7 hack */
*+html body .personal dd{
  margin-left:0px ;
}


/* ================================================================ */

dl.fix {
  width:500px;
  padding:0px;
  margin:8px 0px 8px 100px ;
  clear:both;
  border-top:1px #cccccc solid;
  border-left:1px #cccccc solid;
}

.fix dt{
 float:left;
 clear:both;
}

.fix dt {
  border-right:1px #cccccc solid;
  border-bottom:1px #cccccc solid;
  width:100px;
  height:20px;
  text-align:right;
  margin:0px 0px 0px 0px ;
  padding:2px;
  background:#efefef;
}

/* IE hack */
*html body .fix dt {
  margin:0px 0px 0px 0px ;
  width:98px;
}

/* IE7 hack */
*+html body .fix dt{
  margin:0px 0px 0px 0px ;
}

.fix dd {
  text-align:left;
  border-right:1px #cccccc solid;
  border-bottom:1px #cccccc solid;
  margin-left:100px;
  height:20px;
  padding:2px;
}

/* IE hack */
*html body .fix dd {
  margin-left:96px;
}