@charset "utf-8";

body {
	font-family: "ＭＳ 明朝",serif;
	font-size: 14px;
	line-height: 2;
	margin: 0px;
	padding: 0px;
	opacity: 0.0;
	filter: alpha(opacity=0);

}

/************************************************************
■トップのアニメーションの設定
■トップのアニメーションの設定
*************************************************************/
#photodiv{
	width:725px;
	height:800px;
	margin-right: auto;
	margin-left: auto;
}


#prof_photodiv{
	width:1170px;
	height:700px;
	margin-right: auto;
	margin-left: auto;
}

#shizuka{
	text-align:right;
	padding-right:10px;
}

.left{
	text-align:left;}

.right{
	text-align:right;
	float: right; }


/************************************************************
■各コンテンツページの設定　TYPE1
■メイン画面が１個のパターン
■News,Schedule,Workshop
*************************************************************/


.main{
	width:900px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
}

.c_box{
	width:680px;
	text-align:left;
	float: left; 
	color: #4d4d4d;
}

.c_box p{
	color: #4d4d4d;
}

.leftbox{
	width:200px;
	color: #808080;
	padding-top:30px;
	float:right; 
}

.c_box h2 {
	font-family: "ＭＳ 明朝",serif;
 	 padding:0;
 	 text-align:left;
	background-color: #ffffff;
	background-image: url(h2_bg.gif);
	color: #808080;
}

/*****************ニュース用********************/

.leftbox2_ne{
	font-family: "ＭＳ 明朝",serif;
	width:450px;
	color: #4d4d4d;
	padding-left: 85px;
}

.leftbox2_ne h2 {
	font-family: "ＭＳ 明朝",serif;
	text-align:left;
	background-color: #ffffff;
	background-image: url(h2_bg.gif);
	color: #808080;
}

.leftbox2_ne a:link, a:visited { color:#808080; }
.leftbox2_ne a:hover{background-color:#DCDCDC}


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




/************************************************************
■各コンテンツページの設定
■プロフ（main2）、　　アクセス、サポート(main3)
*************************************************************/


.main3{
	width:990px;
	height:700px;
	color: #4d4d4d;
	margin-right: auto;
	margin-left: auto;
 	text-align:left;
}




.c_box2{
	width:420px;
	height:700px;
	float : right ;
}

.c_box2 p{
	padding-left: 15px;
	color: #4d4d4d;
}


.c_box2 h2 {
	padding:0;
	font-size:1.2em;
	text-align:left;
	background-color: #ffffff;
	background-image: url(h2_bg.gif);
	color: #808080;
}



.leftbox2{
	font-family: "ＭＳ 明朝",serif;
	width:400px;
	color: #4d4d4d;
	padding-left: 85px;
}

.leftbox2 p{
	padding-left: 10px;
	padding-bottom: 8px;
}


/*****************スケジュール用********************/

.leftbox2_sc{
	font-family: "ＭＳ 明朝",serif;
	width:450px;
	color: #4d4d4d;
	padding-left: 85px;
}

.leftbox2_sc h2 {
	font-family: "ＭＳ 明朝",serif;
	text-align:left;
	background-color: #ffffff;
	background-image: url(h2_bg.gif);
	color: #808080;
}

.leftbox2_sc a:link, a:visited { color:#808080; }
.leftbox2_sc a:hover{background-color:#DCDCDC}


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







/********プロフ用設定**********/

.main2{
	width:990px;
	height:700px;
	color: #808080;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
 	text-align:left;
	background-image: url(bg.gif);
}



.c_box_small{
	width:300px;
	color: #808080;
       border:1px solid #d3d3d3;
}

.c_box_small p{
	padding-top: 0px;
	padding-left: 10px;
	color: #808080;

}


.c_box2_prof{
	width:400px;
	float : right ;
}


.leftbox_prof{
	width:350px;
	color: #808080;
	padding-left: 100px;
}



.leftbox2 h2 {
	font-family: "ＭＳ 明朝",serif;
	text-align:left;
	background-color: #ffffff;
	background-image: url(h2_bg.gif);
	color: #808080;
}

.leftbox2 p {
	font-family: "ＭＳ 明朝",serif;
}


.leftbox2 a { text-decoration:none; }
.leftbox2 a:link, a:visited { color:#808080; }
.leftbox2 a:hover{background-color:#DCDCDC}




/************************************************************
■フッターの設定
■フッターの設定
*************************************************************/


#footer{
	width:990px;
	margin-right: auto;
	margin-left: auto;
	float: right; 

}


#footer_main{
	width:990px;
	margin-right: auto;
	margin-left: auto;
}



ul { 
clear: both; 
font-family: Helvetica, Arial, sans-serif; 
list-style-type: none; 
position: relative; 
margin: 2em; 
padding: 1em; } 

ul li { 
position: relative; 
z-index: 200; 
float: left; 
padding: 0.5em 0.5em; 
} 

ul.links { 
font-family: Century Gothic; 
text-decoration:none;
font-size:14px;
} 

ul.links a { 
text-decoration:none;
color:#808080;
} 

ul.links div.ahover { 
background:#DCDCDC; 
padding-bottom: 10px; 
border: 0px solid #DCDCDC; 
-webkit-border-radius: 7px; 
-moz-border-radius: 7px; 
color: #abb; 
} 

div.ahover { 
position: absolute; 
} 



/************************************************************
■ポップアップ
■ポップアップ
■ポップアップ
*************************************************************/
.c_pop{
	width:420px;
	height:500px;
	margin-right: auto;
	margin-left: auto;
}

.c_pop p{
	padding-left: 15px;
	color: #4d4d4d;
}