/*******************************************/
/*ＣＳＳテンプレート*/
/*******************************************/

@charset "utf-8";

html{
	overflow-y:scroll;
}


*:first-child+html body{/*IEのみ適応*/
	overflow:visible;
	}

*{
	margin:0;
	padding:0;
}

body {
	margin:0;
	font-size:12px;
	height:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#fafafa;
}

img{
	margin:0;
	border:0;
}




/*******************************************/

/*******************************************/



.imgbottom{
	/*画像下10PX上下左右*/
	margin:0 0 5px;
}



/*******************************************/
/*タグの管理*/
/*******************************************/


h2{
	padding-top:5px;
	padding-left:25px;
	width:585px;
	height:35px;
	background-image: url(../img/h2.jpg);
	color:#FFFFFF;

}

/*******************************************/
/*サイドバー*/
/*******************************************/

.side{
	border:none;
	margin-bottom:10px;
	
	
	}



.pagetop{/*ﾍﾟｰｼﾞトップ*/
padding:10px 0 0;
float:right;
border-bottom:#091E55 1px solid;
}

/*******************************************/
/*ページ全体管理*/
/*******************************************/


.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}


p{
margin:10px 0;
}



/*******************************************/
/*リンクの管理*/
/*******************************************/


a{/*リンクされた文字*/
color:#034E92;
font-style:normal;
text-decoration: none;
}

a:link {/*未訪問のリンク*/
color:#034E92;
font-style:normal;
text-decoration: none;
}
a:visited {/*訪問後のリンク*/
color:#034E92;
font-style:normal;
text-decoration: none;
}
a:hover {/*マウスをのせたとき*/
color:#034E92;
font-style:normal;
text-decoration: none;
}
a:active {/*クリック中*/
text-decoration:none;
}	













ul .link a{/*リンクされた文字*/
color:#639;
font-style:normal;
text-decoration: none;
border-bottom:#C00 1px inset;

}

ul .link a:link {/*未訪問のリンク*/
color:#639;
font-style:normal;
text-decoration: none;
}
ul .link a:visited {/*訪問後のリンク*/
color:#639;
font-style:normal;
text-decoration: none;
}
ul .link a:hover {/*マウスをのせたとき*/
color:#639;
font-style:normal;
text-decoration: none;
background-color: #F66;
}
ul .link a:active {/*クリック中*/
text-decoration:none;
}	






/*******************************************/
/*テキストカラー変更*/
/*******************************************/

.red{
color:#F00;
}


#menu img {
float:left;
}


span.bold{
font-weight: bold; 
}


.purple{
color:purple;
}

/*******************************************/
/*ページ全体管理*/
/*******************************************/

/*全体管理*/
.wrapper{
width:900px;
margin:0 auto -50px/*フッタの高さを-させる*/;
background:url(../img/bk.jpg);
}


#layout{
width:880px;
margin:0 auto;
border: 1px solid #000;
border-top:none;
}



/*ヘッダー*/

#header {
	margin:0 auto;
	height:101px;
	width:860px;
	padding:0;
}




/*******************************************/
/*flash*/
/*******************************************/

#flashline{
padding:0;
	margin: 0 20px;
}



#flash{
	margin: 0 30px;
	width:840px;
	height:180px;
}


#menu{
	margin:10px 30px 0;
	_margin:5px 15px 0;
	width:840px;
	padding:0;
	float:left;
}



#menu ul{
	margin:0;
	padding:0;
	width:840px;
	list-style-type: none;
	float:left;
}




#menu li{
	margin:0;
	padding:0;
	list-style-type: none;
	float:left;
}




/*******************************************/
/*パンクズ*/

/*******************************************/

#pan{
	margin: 0 30px;
	width:840px;
	background:#FFF;
	}




/*******************************************/
/*コンテンツ内の管理*/
/*背景を100％設定にする場合のＣＳＳ*/
/*******************************************/
#contents{
	margin:10px auto 5px; 
	width:840px;
	background:#FFF;
	overflow: hidden;
	}
	
	
	/*背景を100％にするためのＣＳＳ*/
	#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	}
	
	/*\*/
	* html #contents{
	height: 1em;
	overflow: visible;
}

/**/






/*******************************************/
/*左メニュー部分*/
/*******************************************/
/*メニュ*/




#leftcontents{
	margin:0px;
	padding:0px;
	width:214px;
	background:#fff;
	float:left;
	

}





#leftcontents .area{
padding:20px;
background:#fffdf6;
line-height:200%;
width:158px;
height:110px;
border:#e73165 1px solid;
text-align:center;
}

/*******************************************/
/*右メニーュ部分*/
/*******************************************/
#rightcontents{

	width:610px;
	background:#fff;
	padding-left:13px;
	margin-bottom:20px;
	float:right;
	border-left:#CCC 1px dotted;

}





#rightcontents .Lcontents{
	margin:15px 0 0 0;
	width:460px;
	float:left;
	border-right:#CCC 1px dotted;
}




#rightcontents .Rcontents{
	margin:15px 0 20px;
	width:143px;
	float:right;
	


}


.info{
	margin-top:20px;}



#rightcontents .area{
background:#fffdf6;
width:533px;
border:#e73165 1px solid;
padding:10px;
font-size:11px;



}


#rightcontents .area ul{
padding:5px;
padding-bottom:10px;


}

#rightcontents .area li{
margin: 2px 0 2px 5px;
padding:0px;
float:left;
list-style-type: none;
width:60px;
}




/*******************************************/
/*ヘッダー*/
/*******************************************/



h1{
	margin:45px 30px 0;
display:block;
font-size:12px;
font-weight: normal;
float:left;
}









#topcontents{
background:#FFF;
width:700px;
height:530px;
margin:0;
float:right;
background:url(../img/top1.jpg);
}






/**************************************/
/**********アンダー*************/
/**************************************/
#menuunder {
display:block;
margin:0 auto;
height:12p;
padding:0;
width:800px;
text-align:center;
}



/*******************************************/
/*フッター部分*/
/*******************************************/
#footer{
	width:840px;
	height:50px;
	margin:0 auto 0/*フッタの高さを-させる*/;
	border-top:#096Ac9 solid 1px;

	
}



#footer ul{
	font-size:11px;
	margin:3px 0 0;
	padding:0;
	list-style-type:none;
	text-align:center;
}



#footer ul li{
	display:inline;
	
}


.copy{
display:block;
margin:9px auto 0;
font-family:Arial;
font-size:12px;
color:#000;
text-align:right;

}







/*******************************************/
/*左メニュー部分*/
/*******************************************/

/*メニュ*/


#menus img {
float:left;
}

#menus{
margin:0;
padding:0;
width:200px;
height:384px;
background:#F00;
float:left;
}

#menus ul{
width:200px;
margin:0;
padding:0;
list-style-type: none;
float:left;
}

#menus li{
margin:0;
padding:0;
list-style-type: none;
float:left;
}


/*******************************************/
/*プライバシーポリシー*/
/*******************************************/
#privacy{
	padding:20px;
	line-height:200%;
}


#privacy ul{
	margin-top:20px;
	font-weight: 800;
}

#privacy li{
	
	padding:0 15px  0;
	list-style-type:none;
	font-weight: normal;
}



/*******************************************/
/*家庭教師の必要性*/
/*******************************************/
#need{
	line-height:200%;
	padding:20px;
}



#support{
	text-align:center;
	margin:50px 0 0;
}

#support ul{
	text-align:left;
	padding:0 80px;
	margin-top:20px;
	font-weight: 800;
}


#support li{
	padding:0 15px  0;
	font-weight: normal;
	list-style-image: url(../img/list.jpg);
}





/*******************************************/
/*会社概要*/
/*******************************************/

#company {line-height:200%;
	padding:20px;
	
	}


#company .presentation{
	padding:0 20px 20px;
	border:#e0e9f2 solid 1px;
	
	}


#company2{
	line-height:200%;
	padding: 0 20px 20px;
	}



#company2 ul{
	font-size:16px;
	}

#company2 li{
	padding-left:20px;
	list-style:none;
	font-weight: normal;
	font-size:12px;
	
	}












.companys{
	line-height:200%;
	padding:20px;
	}
	

.companys ul{
	}


.companys li{
	padding-left:30px;
	list-style-type:none;
	
	}

	
.companys .td1{
	vertical-align:top;
	width:100px;
	padding-left:10px;
	border-bottom:#e0e9f2 solid 1px;
	}
	
.companys .td2{
		padding-left:10px;
	border-bottom:#e0e9f2 solid 1px;
	}	
	
	
	
/*******************************************/
/*家庭教師の派遣*/
/*******************************************/
	
	
	
	
#dispatch{
	line-height:200%;
	padding:20px;
	
	}

	



.support2{
	padding:10px;
	text-align:center;
	margin:50px 0 0;
		border:#e0e9f2 solid 1px;
}

.support2 ul {
	text-align:left;
	padding:0 20px;
	margin-top:20px;
	font-weight: 800;

}

.support2 li {
	padding:0 15px  0;
	font-weight: normal;
	list-style-image: none;
	list-style-type: decimal;
}
	
	h3{
		margin-bottom:10px;
		padding-bottom:2px;
				border-bottom:#e0e9f2 solid 1px;
		}
	
	
	
/*******************************************/
/*料金*/
/*******************************************/
	
	
#dispatch2{
	line-height:200%;
	padding:20px;
	
	}

.dispatchcontents{
	text-align:center;
	padding-bottom:30px;
	
	
	}
	
.dispatchcontents ul{
	text-align:left;
	padding:0 80px;
	margin-top:20px;
	font-weight: 800;
}

.dispatchcontents .Si{
	padding:0 40px;
	font-weight: normal;
	list-style:none;
	font-size:11px;
	color:#666;
	

	}





.dispatchcontents .li{
	padding:0 40px  0;
	font-weight: normal;
	list-style-image: url(../img/star.jpg);
	}




.dispatchtext{
	text-align:left;
	}


.support3{
	padding:10px;
	text-align:center;
	margin:50px 0 0;
		border:#e0e9f2 solid 1px;
}

.support3 ul {
	text-align:left;
	padding:0 20px;
	margin-top:20px;
	font-weight: 800;

}

.support3 .li2 {
	float:left;
	width:244px;
	padding:0 15px  0;
	font-weight: normal;
	list-style-image: none;
	list-style-type: decimal;
}

.support3 .li3 {
	float:left;
	padding:0 15px  0;
	font-weight: normal;
	list-style-image: none;
	list-style-type: decimal;
}


.reds{
color:#F00;
font-size:16px;
}



#dispatchcontents .Lcontent{
	padding:10px;
	height:300px;
	width:260px;
	border:#e0e9f2 solid 1px;
	float:left;
}

#dispatchcontents .Rcontent{
	padding:10px;
		height:300px;
	width:260px;
	border:#e0e9f2 solid 1px;	
	float:right;
}


.piccenter {
	text-align:center;
}


.picLeft{
	text-align:right;
	}

		
.dispatcharea{
	margin-bottom:40px;
	
	}
	
#money{
	width:570px;
	padding:0 20px;
	line-height:200%;
	font-size:14px;
}


#money .td{
	text-align:center;

		width:570px;
}

#money .td1{
	text-align:left;

		width:250px;
	padding-left:30px;

}



#money .td2{
	text-align:right;
	width:220px;
}

.size9{
	font-size:11px;
	line-height:100%;
	}
.size10{
	font-size:12px;
	line-height:100%;
	}




/*******************************************/
/*家庭教師の派遣*/
/*******************************************/


#pass{
		line-height:200%;
		padding:20px;
	}



.pass{
	margin:10px 1px  10px 0;
	width:141px;
	float:left;
	}

.pass .td1{
	text-align:right;
	padding:2px;
	width:96px;
	color:#0033FF;
	}


.pass .td2{
	color:#F00;
	text-align:right;
	
		width:36px;
	}



.Dpass{
	margin:10px 31px  10px 0;
	width:235px;
	float:left;
	}

.Dpass .td1{
	text-align:right;
	padding:2px;
	width:106px;
		color:#0033FF;

	}


.Dpass .td2{
	text-align:right;
	width:56px;
	text-align:center;
		color:#0033FF;

	}


.Dpass .td3{
	color:#F00;
	text-align:right;
	width:36px;
	}



.colspan{
		color:#0033FF;

}
/*******************************************/
/*相談*/
/*******************************************/
	
	
#conference{
	line-height:200%;
	padding:20px;
	}


.conferencecontents{
	text-align:center;
	padding-bottom:30px;

	}
	
.conferencecontents ul{
	text-align:left;
	padding:0 60px;
	margin-top:20px;
	font-weight: 800;
	float:left;

}

	
.conferencecontents li{
	padding:0 40px  0;
	font-weight: normal;
	list-style-image: url(../img/star.jpg);


}






/*******************************************/
/*メール部分*/
/*******************************************/
	
	
	
	
#mail{
	line-height:200%;
	padding:20px;
	
	}

	
#mail .text{
	text-align:left;
	}


	
/*******************************************/
/*ブック部分*/
/*******************************************/
	
	
#books{
	line-height:200%;
	padding:20px;
	
	}


.book{
	padding-left:25px;
	width:110px;
	float:left;
	padding-bottom:20px;
	
	}

.booktext{
	width:110px;
	padding:0px;
	font-size:12px;
	line-height:100%;
	
	
	}



.bookLeft{
	width:180px;
	padding:0 0 0 10px;
	float:left;
	}

.bookRight{
	padding:0 20px;
	border-left:#CCC 1px dotted;
	width:320px;
	float:right;
	font-size:12px;
	}




.bookLeft table td{
	line-height:200%;
	padding-left:20px;
	border-bottom:#cadae8 1px solid;
	}
	
	
.bookLeft .td1{
	width:40px;
	}
	
.bookLeft .td2{
	width:100px;
	}
	
		
.size16{
	font-size:16px;
	}	
	
	
	

	
.photo{
	width:570px;
	margin:10px 0;
	padding:0;
	}
		
	
	
.photoL{
	width:260px;
	padding:5px 25px 5px 0 ;
	}
	
.photoR{
	width:260px;
	padding:5px 0 5px 25px;	
	}
	
#osirase{
	line-height:200%;
	padding:20px;
	
	}
	
.osirase_box {
	width: 570px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}	

.osirase_box_left {
	float: left;
	font-weight: bold;
	color: #FF9900;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.osirase_box_right {
	float: right;
	width: 470px;
	margin-top: 10px;
}

.plugin {
	margin-top: 10px;
}



.plugin img {
	margin-right: 8px;
	margin-top: 6px;
}

.plugin2 {
	margin-right: 10px;
}

.plugin2 img {
	margin-right: 8px;
}


#osirase ul.osirase li {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	list-style-type: none;
	margin-bottom: 10px;
	padding-left: 10px;
}

.text_top {
	background-image: url(../img/column_r1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	margin-top: 15px;
	padding-left: 18px;
	margin-right: 10px;
	margin-bottom: 15px;
}

.text_top2 {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 6px;	
}

.text_top3 {
	margin-bottom: 8px;	
}


.text_top a:link {
	TEXT-DECORATION: none;
	color: #027AE8;
}
.text_top a:visited {
	TEXT-DECORATION: none;
	color: #027AE8;
}
.text_top a:hover {
	TEXT-DECORATION: none;
	color: #2697FD;
}
.text_top a:active {
	TEXT-DECORATION: none;
	color: #027AE8;
}