img{
	border:0px;
}

.alignright{
	text-align:right;
}
.aligncenter{
	text-align:center;
}

.clearfix:after  {
	content:			"."; 
	display: 			block; 
	height: 			0; 
	clear: 				both; 
	visibility: 		hidden;	
}

.clearfix {
	display:inline-table; 
}

.clr {
	clear:both;
}
a:link {
    color:#0099FF;
}
a:visited {
    color:#0099FF;
}
a:hover {
    color:#990000;
}
.sm_text{
	font-size:10px;
}

/*****************************************
 * top
*****************************************/
#topimg_box{
	width:765px;
	margin:5px auto;

}
.topimg_l{
	float:left;
	width:225px;
	padding-bottom:15px;	
}

.topimg_r{
	float:left;
	width:540px;
	padding-bottom:15px;	
}


/*****************************************
 * pankuzu_list
*****************************************/
.panlist{
	text-align:left;
	width:766px;
	margin:5px auto;
	font-size:12px;
}
.panlist ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
	
.panlist li{
	display:inline;
	color:#666;
}


/*****************************************
 * navibtn
*****************************************/

.btnbox img{
	vertical-align:bottom;
}
.btnbox{
	padding-bottom:3px;
}
.btnbox2{
	padding-top:15px;
}
/*****************************************
 * mainbox
*****************************************/
#mainbox img{
	vertical-align:bottom;
}

#mainbox h2{
	padding-bottom:15px;
}
.mainboxinner_top{
	background:url(/img/bg_maintop.gif);
}

.mainboxinner_middle{
	width:524px;
	_height:1em;
	background:url(/img/bg_mainmiddle.gif);
}
.title_box{
	width:504px;
	padding:20px 10px 10px 10px;
	line-height:1.8em;
	font-size:12px;
}
.title_box2{
	width:504px;
	padding:10px 10px 5px 10px;
	line-height:1.8em;
	font-size:12px;
}
.title_box3{
	width:504px;
	padding:20px 10px 0 10px;
	line-height:1.8em;
	font-size:12px;
}

.text_box{
	width:490px;
	padding:18px 17px 10px 17px;
	line-height:1.8em;
	font-size:12px;
}

.text_box2{
	width:490px;
	padding:10px 17px 5px 17px;
	line-height:1.8em;
	font-size:12px;
}
.text_box3{
	width:490px;
	padding:5px 17px 0px 17px;
	line-height:1.8em;
	font-size:12px;
}
.mainboxfooter{
	width:484px;
	margin:15px auto 0 auto;
	padding:5px 10px 0px 10px;
	border-top:3px #99CC00 solid;
	line-height:1.4em;
}

.mainboxfooter02{
	width:484px;
	margin:15px auto 0 auto;
	padding:10px 0px 0px 0px;
	border-top:3px #99CC00 solid;
	line-height:1.4em;
}
.mainboxfooter03{
	width:464px;
	margin:0px auto 0 auto;
	padding:0px 10px 0px 10px;	
	line-height:1.4em;
}

/*****************************************
 * form
*****************************************/
.ftitle{
	margin:10px 0;
	padding-left:5px;
	border-left:5px solid #3399CC;
}
.ftitle2{
	color:#FF0000;
	font-weight:bold;
	margin:10px 0;
	padding-left:5px;
	border-left:5px solid #3399CC;
}
.caution{
	font-size:10px;
	color:#FF0000;
}
textarea{
	width:270px;
	height: 7em; 	
}
.formtextb1{
	width:270px;
}
.formtextb2{
	width:95px;
}
.form_contents{
	margin:10px 0;
}
.formbox{
	border:solid 1px #0099FF;
	padding:5px 10px;
}
input{
	padding-top:2px;
}
/*****************************************
 * footer
*****************************************/
.footernavi{
	padding:10px 15px 0 0;
	text-align:right;
}

/*****************************************
 * about
*****************************************/
.photobox{
	float:left;
	width:150px;
}
.textfright{
	float:right;
	width:330px;
}

h4{
	font-size:14px;
	padding-left:7px;
	border-left:20px solid #FF6600;
	margin:15px 0 3px 0;
	color:#FF6600;
}
h5{
	font-size:14px;
}
.temperament table{
	margin-bottom:20px;
}
.qa_box{
	width:490px;
	margin:5px 17px 0px 17px;
	line-height:1.8em;
	border-bottom:1px dotted #cccccc;
}

.qa_box h3{
	padding-top:15px;
}

.qa_left{
	width:40px;
	float:left;
	padding:5px 0 12px 0;	
}
.qa_right{
	width:440px;
	float:right;
	padding:5px 0 12px 0;	
}

.ill_r{
	float:right;
	width:142px;
	text-align: right;
	height: 312px;


}

.ill_r2{
	float:right;
	width:310px;


}

.ill_l{
	float:left;
	width:320px;
	height: 312px;

}

.ill_l2{
	float:left;
	width:176px;

}



/*****************************************
 * how
*****************************************/
.gist{
	background:url(/how/img/bg_howto.gif);
	padding-left:100px;
}
.course_middle{
	background:url(/how/img/bg_course.gif);
	padding:0px 12px;
	height: 520px;
}

.course_left{	
	float:left;
	width:265px;
}

.course_right{
	float:right;
	width:196px;
	height: 128px;
}
.red{
	color:#FF0000;
	font-weight:bold;
}

.text_school{
	width:494px;
	padding:5px 17px 0px 17px;
	line-height:1.8em;
	font-size:12px;
}
.text_school td{
	padding:10px 2px;
}
.shooling_r{
	float:right;
	width:207px;
}
.shooling_l{
	float:left;
	width:275px;
}

/*****************************************
 * voice
*****************************************/
.voice_box{
	width:490px;
	margin:0px 17px 0px 17px;
	line-height:1.8em;
	font-size:12px;
	border-bottom:1px dotted #CCCCCC;
	padding-top:15px;	
}
.voice_left{
	float:left;
	width:113px;
	padding:4px;
	border:1px solid #CCCCCC;
	font-size:10px;
    line-height:2.2em;
}
.voice_name{
    line-height:1.2em;
}	

.voice_right{
	float:right;
	width:360px;
	background:url(/voice/img/bg_voice.gif);
	margin-bottom:15px;
}

.voice_right h5{
	font-weight:bold;
	font-size:12px;
	margin:0 10px 2px 10px;
	border-bottom:2px #FFCC00 solid;
}

.voice_right p{
	margin:2px 10px;
}

/*****************************************
 * sitemap
*****************************************/
.sitemap_box{
	width:490px;
	margin:0px 17px 0px 17px;
	line-height:1.8em;
	padding-top:15px;	
}
.sitemap_box h4{
	border-left:#0099FF 6px solid;
	padding-left:6px;
}
.sitemap_box p{
	padding-left:16px;
}

/*****************************************
 * course
*****************************************/
.graph_box{
	width:524px;
	text-align: center;
	padding: 10px 0px 0px 0px;
}	

.graph_box p{
	line-height:1.5em;
	text-align: left;
}

.banner_box{
    padding:0 0 0 0;
	margin:10px 0px 0px 0px 
}

.bgfoot_box{
    padding:0 0 0 0;
	margin:0px 12px 0px 12px 
}

.txtsp_box{
	color:#FFFFFF;
	background-color:#666666;
	width: 80px;
}