/*ノート枠 
--------------------------------*/	

#area-title-note-head {
	width: 575px;
	height:115px;
	background: url(../images/area/head2.png) no-repeat top left;
}

#area-note-head {
	width: 575px;
	height:24px;
	background: url(../images/area/head.gif) no-repeat top left;
}
	
#area-note {
	width: 575px;
	background: url(../images/area/center.gif) repeat-y left;
	padding-top:1px;
	color: #000000;
}

#area-note p {
	width: 520px;
	margin-left:20px;
	line-height:1.8em;
}

#area-note p.w540 {
	width: 540px;
	margin-left:15px;
	line-height:1.8em;
}


#area-note-foot {
	width: 575px;
	height:24px;
	background: url(../images/area/foot.gif) no-repeat top left;
	position:relative;
	bottom:2px;
}


/*月別キャンペーンバナー
------------------------------------------------------------------*/


#cam0 {
	width: 600px;
	height:210px;
	text-align: center;
	background: url(../images/cam/area/haikei.gif ) no-repeat 35px 5px;
	margin-top:15px;
	margin-left:-20px;
	position:relative;
}

#cam1 {
	position:absolute;
	left: 43px;
	top:62px;
}

#cam2 {
	position:absolute;
	left: 224px;
	top:62px;
}

#cam3 {
	position:absolute;
	left: 403px;
	top:62px;
}


/*家庭教師コメント
--------------------------------*/

#katekyo-come p{
width:500px;
font-size:10px;
color:#966;
}



/*タイトル
--------------------------------*/	
h2.area_top_text0{
	font-size:16px;
	font-weight:bold;
	color: #000;
	position:relative;
	z-index:101;
	width:570px;
	text-align:center;
}

.area_top_text0{
	font-size:16px;
	font-weight:bold;
	color: #000;
	text-align:center;
	line-height:165%;
}

.area_top_text_fix{
	font-size:16px;
	font-weight:bold;
	color: #000;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#main h2 {	
	text-align: center;
	margin-top:10px;
	margin-bottom:5px;
}

#area_top{width: 575px; text-align:center;}

#area_top p{
	width: 575px;
	line-height:1.8em;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-left:-5px;
	background: url(../images/area/area_shokai.gif) no-repeat center 6px ;
}

.area_shokai {　/*カテゴリ装飾*/
	width: 520px;
	height:30px;
	background: url(../images/area/area_shokai.gif) no-repeat 0px 3px ;
	margin-bottom:-10px;
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	}

.area_name{color: #F36;}
.area_name-big{color:#F36;font-size:30px; background-color:#FFC }
.area_name-big2{font-size:26px;	line-height:100%;}
.area_name-big3{font-size:18px;	line-height:100%;}
.riyuu{color: #F03;font-size:18px;}

#zubari { width:520px; text-align:center; margin-left:25px;}
#zubari2 { width:520px; text-align:center; margin-left:25px;}

#area-fla { 
width:575px;
height:300px;
text-align:center;
margin-left:auto; 
margin-right:auto;  
}



/*地域リンク（地図）
--------------------------------*/
#area_link {
	position:relative;
	top:165px;
}

#area_link p {
	width:500px;
	font-weight:normal;
	font-size:12px;
}

.area_shokai2{ /*地域リンクテキスト調節*/
	width: 520px;
	 line-height:1.7;
	 letter-spacing:1.5px;
	 position:relative;
	 left:15px;
}



/*何が違うの？ピッタリのやり方・ピッタリの家庭教師
--------------------------------*/
#area-pittari {
	width: 575px;
	height:440px;
	background: url(../images/area/different.gif) no-repeat center top ;
	position:relative;
	}

#area-pittari-bana1 {
	width:260px;
	height:83px;
	position:absolute;
	top:343px;
	left:12px;
	}
	
#area-pittari-bana2 {
	width:260px;
	height:79px;
	position:absolute;
	top:347px;
	left:302px;
	}

/*３つの強み
--------------------------------*/
#area-3tuyomi{
	width: 575px;
	height:330px;
	background: url(../images/area/3tsuyomi.gif) no-repeat center top ;
	position:relative;
	left:-2px;
	}

#area-3tuyomi-bana {
	width:198px;
	height:42px;
	position:absolute;
	top:283px;
	left:350px;
	}
	
	
	
/*生の声
--------------------------------*/
#area-koe-kate{
	width: 575px;
	text-align:center;
	margin:20px auto 10px;
	}

#area-koe{
	width: 575px;
	height:747px;
	background: url(../images/area/koe.jpg) no-repeat center top ;
	position:relative;
	left:-4px;
	}

#area-koe-bana {
	width:198px;
	height:42px;
	position:absolute;
	top:697px;
	left:333px;
	}


/*地域家庭教師
--------------------------------*/
#area-teacher-kate{
	width: 575px;
	text-align:center;
	margin:10px auto 5px;
	}
	
#area-teacher p {
	width:540px;
	font-weight:normal;
	font-size:12px;
	line-height:1.3;
	text-align:center;
	margin-left:2px;
}


.star1 { color:#FC0}
.star2 { color:#6C0}


#note-teacher {
	width: 575px;
	height:460px;
	background: url(../images/area/teacher-bg.gif) no-repeat top;
	padding-top:8px;
	position: relative;
	left:-13px;
}

#area-teacher-under {
	width: 575px;
	text-align:center;
	position:relative;
	}








.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}

#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}

.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}

.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}


#photos {
	position:relative;
	left:40px;
}



/*体験導入
--------------------------------*/
#area-taiken-kate{
	width: 575px;
	height:27px;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	background: url(../images/area/taiken-bg.gif) no-repeat top;
	position:relative;
	}
	
#area-taiken-kate p{
	width: 575px;
	margin-left:-10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#F39;
	position:relative;
	top:-6px;
}

#area-taiken-center {width: 575px; text-align:center;}
#area-taiken-center p{ margin-left:9px; text-align:center;}


/*FAQ
--------------------------------*/
#area-faq p{ font-size:14px;}

#area-faq a { text-decoration:none}

#a_head{
width:500px;
height:11px;
	margin-right: auto;
	margin-left: auto;
background: #FFFFFF url(../images/faq/bg-head.gif) left top no-repeat;
}

*html body #a_head{
	margin-bottom:-8px;
}

#a_00{
width:500px;
	margin-right: auto;
	margin-left: auto;
background: url(../images/faq/bg.gif) left top repeat-y;
font-weight:normal;
	}
	
#a_00 td{ line-height:1.7; font-size:12px;}
	

#a_foot{
width:500px;
height:11px;
	margin-right: auto;
	margin-left: auto;
background: #FFFFFF url(../images/faq/bg-foot.gif) left top no-repeat;
}



/*装飾
--------------------------------*/
.area_link_text{
	font-size:14px;
}

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


.fee-table {width:500px; margin-left:30px;}

.area_top_text{
	font-size:16px;
	font-weight:bold;
	color: #F36;
	letter-spacing:1px;
	text-align:center;
}

/* A
--------------------------------*/	
#a-head {
	width: 575px;
	height:58px;
	background: url(../images/area/a/head.gif) no-repeat top left;
}


/* B
--------------------------------*/	
#b-head {
	width: 575px;
	height:58px;
	background: url(../images/area/b/head.gif) no-repeat top left;
}

#area-otoku {/*お得プラン*/
	width: 540px;
	background: url(../images/area/b/bg.gif) repeat top left;
	margin-left:18px;
	line-height:1.8em;
	padding-bottom:20px;
	margin-top:30px;
	}
	
#area-otoku p{
	margin-left:5px;
}


/* C
--------------------------------*/	
#c-head {
	width: 575px;
	height:58px;
	background: url(../images/area/c/head.gif) no-repeat top left;
}


/* D
--------------------------------*/	
#d-head {
	width: 575px;
	height:58px;
	background: url(../images/area/d/head.gif) no-repeat top left;
}


/*体験授業
--------------------------------*/

#moyamoya-back {
	background-color: #FCC;
	background: url(../images/taiken/a-kun_bg.gif) repeat center;
	width:520px;
	margin-left:30px;
}

#moyamoya-back p{width:500px;}


.taiken-text{
	font-weight:bold;
	color: #F36;
}

.taiken-text2{
	font-weight:bold;
	color: #F63;
}

#donnako {
	width: 575px;
	height:355px;
	background:url(../images/area/donnako-bg.gif) no-repeat center;
	margin-top:-15px;
	}
	
#donnako p {
	position:relative;
	left:30px;
	top:30px;
	line-height:1.7;
	font-size:14px;
	}
	
	
#mousikomi2 {
	width: 550px;
	height:293px;
	margin-left:25px;
	background:url(../images/area/mousikomi2.gif) no-repeat left;
	}
	


#note-head-form2 {
	width: 575px;
	height:70px;
	background: url(../images/note-head-form2.gif) no-repeat left;
	position:relative;
	top:2px;
}

*+html body #mail_form .fix {position:relative; bottom:3px;}


/*スタッフfooter*/
#area-staff-note-foot {
	width: 575px;
	height:700px;
	background: url(../images/area/staff-foot.gif) no-repeat top left;
	position:relative;
	bottom:2px;
	margin-bottom:-20px;
}


#sub {
	margin-top: 30px;
}


/*月キャンペーン
------------------------------------------------------------------*/
#sckt {
	width: 575px;
	height:190px;
	text-align: center;
	background: url(../images/cam/area/haikei.gif) no-repeat 15px 0px;
	position: relative;
}


#sckt-c1 {
	position:absolute;
	left: 30px;
	top: 70px;
}

#sckt-c2 {
	position:absolute;
	left: 210px;
	top:70px;
}

#sckt-c3 {
	position:absolute;
	left: 390px;
	top:70px;
}


#sckt2 {
	width: 575px;
	height:220px;
	text-align: center;
	position: relative;
}

#sckt-taiken {
	position:absolute;
	left:16px;
	top: 8px;
}

/* お気に入り
--------------------------------*/	

html,body{   
    width :100%;
    height:100%;   
    margin:0;   
    padding:0;   
}   

#bookmark  {
	width:210px;
	height: 65px;
    position: fixed!important;   
    position: absolute;
	right:20px;
	bottom:80px;
}

#bookmark {width:210px;;height: 65px;}
a#bookmark:link {background:url(../images/bookmark_on.png);}
a#bookmark:visited {background:url(../images/bookmark_on.png);}
a#bookmark:hover {background:url(../images/bookmark_off.png);}
a#bookmark:active {background:url(../images/bookmark_off.png);}