/*========================================================
目次
--------------------------------------------------------
1.基本レイアウト設定

2.ヘッダー設定					#header
	A.ヘッダー内メニュー				#header_menu
	B.ヘッダー内ユーザーメニュー		#header_user_menu
	C.ヘッダー内ユーザーメニュー		#search_area

3.フッター						#footer

4.広告設定

＊.全体共通設定
	BOX内のマージン付け用(div.box_body)
	全体で使うh2
	サムネイル画像センタリング用クラス
	β版のリストサークル
	ヘルプリスト
	リンクに付く矢印
	各所で使う斜線見出し付きのBOX
	DB一覧用
	フォーム部分のtable
	要素のセンタリング
	規約
	注意文

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

/*========================================================
1.基本レイアウト設定
========================================================*/
#waper{
	position				:	relative;
	width					:	1329px;
	margin					:	auto;
	text-align				:	center;
	padding:0;
	
}
#waper1{
background-image:url(../images/common/img_02.gif);
background-repeat:no-repeat;
	width					:	200px;
	height					:	352px;
	margin					:	0;
	text-align				:	left;
	float					:	left;
}
#waper2{
background-image:url(../images/common/img_04.jpg);
background-repeat:no-repeat;
	width					:	329px;
	height					:	462px;
	margin					:	0;
	text-align				:	right;
	float					:	right;
}


#inner_wap{
float:right;
position				:	relative;
	width					:	800px;
	margin					:	0;
	text-align				:	left;
	background-color:#FFFFFF;
}

#container{
	position				:	relative;
	width					:	800px;
	margin					:	auto 0;
	text-align				:	left;
	background-color:#FFFFFF;
}


/* =======================================================
2.ヘッダー設定					#header
======================================================= */
#header{
	position				:	relative;
	width					:	800px;
	margin					:	0;
	text-align				:	left;
	height					:   157px;
	padding					:	0;
	background-image:url(../images/common/img_03.jpg);
	background-repeat:no-repeat;
	
}
#logo{
	float                   :   left;
	margin					:	0;
	padding					:	1px 0 0 0;
}




*html body #header_text1{ 
line-height :20px;
 }





/* =======================================================
2.ヘッダー設定					#header
======================================================= */


/* =======================================================
3.フッター						#footer
======================================================= */
#footer{
	text-align: center;
	width: 800px;
	clear: both;
	padding-top:	25px;
	background-color:#FFFFFF;
}

.footer_line{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffe5e5;
	padding:0px 0 0 0;
	margin:0;
}
.footer_text{
padding:0 0 10px 0;
}


#footer #copyright{
	font-size				:	12px;
	font-style				:	normal;
	line-height				:	2;
	padding-top:10px;
	color:#bf0650;
	padding-bottom: 20px;
}

/* =======================================================
4.メニュー
======================================================= */
#left-content{
	margin:0;
	padding:0 10px 0 9px;
	width: 170px;
	float: left;
	clear:both;
	background-color:#FFFFFF;
	background-repeat:repeat;
}

#right-content{
	margin:0;
	padding:12px 0 0 0;
	width: 610px;
	float: right;
	text-align:left;
	background-color:#FFFFFF;
}

img.banner{
	margin-bottom: 15px;
}


div#produce{
	display: none;
}




TABLE {
border-collapse : collapse;
}
TH,TD {
	border : 1px solid #FFFFFF;
}

.b_table {
padding:0;
margin:0 0 3px 20px;
text-align:center;
}

.sitemap{
margin:20px;
}


a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.img1{
margin:0 0 15px 0;
padding:0 0 0px 0;
text-align:center;
}


/* =======================================================
4.左メニュー
======================================================= */


ul#menu{
	width: 170px;
	padding:0 0 20px 0;
	margin:0;
}

ul#menu li{
	 list-style:none;
	padding: 0px 0 7px 0;
	margin:0;
}


ul#menu a{
    display:block;
    height:43px;
	width:170px;
	 text-indent:-999px;
    overflow:hidden;  
text-decoration: none;   
    
}

a.home{
background-image:url(../images/common/img_03.gif);
	height:43px;
	width:170px;
}
a:hover.home{
background-image:url(../images/common/img_06_ro.gif);
	height:43px;
	width:170px;
}

a.teacher{
background-image:url(../images/common/img_06.gif);
	height:43px;
	width:170px;
}
a:hover.teacher{
background-image:url(../images/common/img_09_ro.gif);
	height:43px;
	width:170px;
}

a.class{
background-image:url(../images/common/img_08.gif);
	height:43px;
	width:170px;
}
a:hover.class{
background-image:url(../images/common/img_11_ro.gif);
	height:43px;
	width:170px;
}

a.lesson{
background-image:url(../images/common/img_10.gif);
	height:43px;
	width:170px;
}
a:hover.lesson{
background-image:url(../images/common/img_13_ro.gif);
	height:43px;
	width:170px;
}

a.studio{
background-image:url(../images/common/img_12.gif);
	height:43px;
	width:170px;
}
a:hover.studio{
background-image:url(../images/common/img_16_ro.gif);
	height:43px;
	width:170px;
}

a.entry{
background-image:url(../images/common/img_14.gif);
	height:43px;
	width:170px;
}
a:hover.entry{
background-image:url(../images/common/img_18_ro.gif);
	height:43px;
	width:170px;
}

a.photo{
background-image:url(../images/common/img_16.gif);
	height:43px;
	width:170px;
}
a:hover.photo{
background-image:url(../images/common/img_20_ro.gif);
	height:43px;
	width:170px;
}

a.contact{
background-image:url(../images/common/img_18.gif);
	height:43px;
	width:170px;
}
a:hover.contact{
background-image:url(../images/common/img_23_ro.gif);
	height:43px;
	width:170px;
}

h3{

	font-size: 20px;
	font-weight: bold;
	color: #bc074e;
	background-image: url(../images/common/bara_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 47px;
	width: 228px;
	padding:0 0 5px 0;
}
h4{
font-size:18px;
	font-weight: bold;
	color: #bc074e;
	background-image: url(../images/common/bara_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 47px;
	width: 228px;
}

h5{
font-size:16px;
	font-weight: bold;
	color: #bc074e;
	background-image: url(../images/common/bara_bg.gif);
	background-repeat: no-repeat;
	text-align:left;
	height: 47px;
	width: 340px;
}
.img4{
	font-size:16px;
	font-weight: bold;
	color: #bc074e;
	margin:10px 0 0 0;
	text-align:center;
}

#class_bg{
	background-image: url(../images/common/class_bg.gif);
	background-repeat: no-repeat;
	height: 278px;
	width: 610px;
}

.bara_bg{
	background-image:url(../images/entry/bg.gif);
	background-repeat: no-repeat;
	height: 287px;
	width: 610px;
}


ul.entry2{
	float:left;
	width:400px;
	margin:0;
	padding:20px 10px 0px 10px;
	text-align: left;
}


ul.entry2 li{
	background-image:url(../images/common/list_heart.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding:2px 10px 10px 20px;
	list-style:none;
	margin:0;
	font-size:12px;
	text-align: left;
	}
	
	ul.entry{
	float:left;
	width:500px;
	margin:0;
	padding:20px 20px 0px 45px;
	text-align: left;
}


ul.entry li{

	background-image:url(../images/common/list_heart.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding:2px 10px 10px 20px;
	list-style:none;
	margin:0;
	font-size:12px;
	text-align: left;
	}
	
	.center{
	padding:0 0 0 190px;
	text-align:left;
	}
	
	.entry_text{
	width:400px;
	padding:10px 0px 10px 20px;
	text-align:left;
	float:left;
	}
	
	.entry_text2{
	width:400px;
	padding:10px 0px 10px 20px;
	text-align:left;
	clear:both;
	}
	
	.img5{
	margin:30px 0 0 0;
	}
	
	.img6{
	text-align:right;
	margin:0px 10px 20px 200px;
	}
	
	.entry_box{
	background-image: url(../images/entry/entry_bg.gif);
	background-repeat: no-repeat;
	height: 217px;
	width: 610px;	
	}
	.space{
	margin:10px;
	}
	.text_left{
	text-align:left;
	padding:0 0 10px 10px;
	}
	
	#photo{
	background-repeat: no-repeat;
	text-align: left;
	height: 113px;
	width: 610px;
	padding:0 0 30px 0;
	background-image: url(../photo/images/img_03.gif);
	}

	.text7{
	padding:90px 0 0 0px;
		color:#f5a5a5;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:22px;
	font-weight:bold;
	text-align:left;
	line-height:1.1em;
	}
	
	.text8{
	padding:30px 0 20px 0px;
		color:#f5a5a5;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:22px;
	font-weight:bold;
	text-align:left;
	}
	
	.photo1{
	width:190px;
	float:left;
	margin:0 7px 7px 3px;
	}
	
	.photo2{
	width:190px;
	float:right;
	padding:0 10px 7px 0;
	}
	
	.table1{
	border: 1px solid #F3F3F3;
	text-align:center;
	margin:0 0 0 20px;
	padding:0;
	}
	.red{
	color:#FF0000;
	}
	.contact_text{
	margin:0 0 0 20px;
	width:590px;
	}
	.contact_text{
	margin:0 20px 0 20px;
	width:570px;
	}