@charset "utf-8";
/* CSS Document */

#head{
	width:1000px;
	border-top:10px solid #2b2b2a;
	margin:0 auto;
	background:url(img/head_bg.gif) no-repeat bottom;
	height:72px;

}
#wrap{
	width:1000px;
	margin:0 auto;
}
#left_area{
	float:left;
	width:701px;
}
p.add{
font-size:12px;
padding-bottom:10px;
line-height:15px;
}
#contents{
	width:646px;
	margin:0 auto;
}
#right_area{
	width:272px;
	background:url(img/left.jpg) no-repeat;
	padding-top:301px;
	padding-left:27px;
	float:left;
}
#foot_top{
	width:1000px;
	clear:both;
}
#foot{
	width:1000px;
	height:53px;
	border-top: 5px solid #2b2b2a;
}
#foot .logo{
	float:left;
	width:90px;
}
#foot .pagetop{
	float:left;
	width:265px;
	margin-left:645px;
}

#nav{
	width:1000px;
}
#nav li{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	height:68px;
}

#nav li.home{
	background:url(img/nav01.jpg) no-repeat;
		width:218px;
}
#nav li.howto{
	background:url(img/nav02.jpg) no-repeat;
		width:188px;
	
}
#nav li.qa{
	background:url(img/nav03.jpg) no-repeat;
		width:189px;
}
#nav li.contact{
	background:url(img/nav04.jpg) no-repeat;
		width:188px;
}
#nav li.regist{
	background:url(img/nav05.jpg) no-repeat;
	width:217px;
}



#nav li.home a:hover{
	background:url(img/nav01_2.jpg) no-repeat;
		width:218px;
}
#nav li.howto a:hover{
	background:url(img/nav02_2.jpg) no-repeat;
		width:188px;
	
}
#nav li.qa a:hover{
	background:url(img/nav03_2.jpg) no-repeat;
		width:189px;
}
#nav li.contact a:hover{
	background:url(img/nav04_2.jpg) no-repeat;
		width:188px;
}
#nav li.regist a:hover{
	background:url(img/nav05_2.jpg) no-repeat;
	width:217px;
}


#nav li.home_ac{
	background:url(img/nav01_2.jpg) no-repeat;
		width:218px;
}
#nav li.howto_ac{
	background:url(img/nav02_2.jpg) no-repeat;
		width:188px;
	
}
#nav li.qa_ac{
	background:url(img/nav03_2.jpg) no-repeat;
		width:189px;
}
#nav li.contact_ac{
	background:url(img/nav04_2.jpg) no-repeat;
		width:188px;
}
#nav li.regist_ac{
	background:url(img/nav05_2.jpg) no-repeat;
	width:217px;
}




#nav li a{
display:block;
text-indent:-9999px;
height:68px;
}

#nav ul{
	margin:0;
	padding:0;
}
#t_main{
	background:url(img/main.jpg) no-repeat;
	width:1000px;
	height:386px;
	text-indent:-9999px;
}
#t_main02{
	background:url(img/main02.jpg) no-repeat;
	width:1000px;
	height:295px;
	text-indent:-9999px;
}
p.textarea{
	margin:10px 0 10px 0;
	text-align:left;
}
p.textareaB{
font-size:16px;
	margin:10px 0 10px 0;
}

p.textareaC{
	margin:10px 0 10px 0;
	text-align:center;
}

#contents img.merit{
	margin-bottom:10px;
}
h4{
	margin-bottom:5px;
}
h3.title{
	margin-bottom:10px;
	margin-top:15px;
}
.btn{
	width:646px;
	text-align:center;
}
table.qa{
	border-collapse:collapse;
	margin-bottom:10px;

}
table.qa td{
	border:1px solid #b7b7bb;
padding:10px;
text-align:left;
	font-size:16px;
}

table.qa td.q{
	background:#8ad4e9;
	text-align:left;
		font-size:16px;
}
table.qa th.q{
background:url(img/q.gif) no-repeat center;
padding:10px;
width:25px;
text-indent:-9999px;
border:1px solid #b7b7bb;
}

table.qa th.cont{
background:#eee;
padding:10px;
border:1px solid #b7b7bb;
}

table.qa th.an{
background:url(img/a.gif) no-repeat center;
padding:10px;
width:25px;
text-indent:-9999px;
border:1px solid #b7b7bb;
}
.caution{
	color:#C00;
}

ul.appli{
	margin:0;
	padding:0;
}
.appli li{
	display:block;
}