@charset "utf-8";

*{
	font-size: 14px;
	color: #000;
}

body{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}


img{
	border: none;
}

#outside_container
{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #ffffe1;
	background-image: url(../img/background.jpg);
}

#container
{
	display: block;
	width: 950px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	overflow: hidden;
}


/***************************** header *******************************/

#header_about
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
	height: 850px;
	background-image: url(../about/img/menu_back.jpg); 
}

#header_chicket
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
	height: 850px;
	background-image: url(../chicket/img/menu_back.jpg); 
}

#header_sche
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
	height: 850px;
	min-height: 850px; 
	background-color: #FFF;
	background-image: url(../sche/img/menu_back.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#header_news
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
	height: 850px;
	background-image: url(../news/img/menu_back.jpg); 
}

#header_link
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
	height: 850px;
	background-image: url(../link/img/menu_back.jpg); 
}

#header_prof
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
	height: 850px;
	background-image: url(../prof/img/menu_back.jpg); 
}

#h1
{
/*	text-indent: -9999px;　
	background-image: url(../img/rogo.jpg); */
	width: 235px;
	height: 215px;
	margin-top: 45px;
	margin-left: 5px;
	margin-bottom: 0px;
}

#swf
{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

/***************************** header *******************************/

/****************************** menu ********************************/

#menu ul.menu
{
	float: left;
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 235px;
	list-style: none;
}

#menu ul.menu li
{
	margin-left: 5px;
	list-style: none;
	text-indent: -9999px;
}

#menu ul.menu li.news a
{
	float: left;
	width: 235px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	background-image: url(../img/menu_news.jpg); 
}

#menu ul.menu li.news a:hover
{
	float: left;
	width: 235px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	background-image: url(../img/menu_news_hover.jpg); 
}

#menu ul.menu li.about a
{
	float: left;
	width: 235px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_about.jpg); 
}

#menu ul.menu li.about a:hover
{
	float: left;
	width: 235px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_about_hover.jpg); 
}

#menu ul.menu li.prof a
{
	float: left;
	width: 235px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_prof.jpg);
}

#menu ul.menu li.prof a:hover
{
	float: left;
	width: 235px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_prof_hover.jpg);
}

#menu ul.menu li.sche a
{
	float: left;
	width: 235px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_sche.jpg);
}

#menu ul.menu li.sche a:hover
{
	float: left;
	width: 235px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_sche_hover.jpg);
}

#menu ul.menu li.chicket a
{
	float:left;
	width: 235px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_chicket.jpg);
}

#menu ul.menu li.chicket a:hover
{
	float:left;
	width: 235px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_chicket_hover.jpg);
}


#menu ul.menu li.link a
{
	float:left;
	width: 235px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_link.jpg);
}

#menu ul.menu li.link a:hover
{
	float:left;
	width: 235px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/menu_link_hover.jpg);
}

/****************************** menu ********************************/

/**************************** contents ******************************/

#contents{
	float: right;
	width: 670px; 
	background-color:#FFF;
	background-image: url(../img/about_back.jpg);
	background-repeat: no-repeat;
	overflow: visible;
}

#contents h2.about{
	margin: 0;
	padding: 0;
	width: 88px;
	height: 27px;
	text-indent: -9999px;
	background-image: url(../about/img/syoukai.jpg);
	background-repeat: no-repeat;
	margin-top: 50px;
}

#contents h2.chicket
{
	margin: 0;
	padding: 0;
	width: 132px;
	height: 27px;
	text-indent: -9999px;
	background-image: url(../chicket/img/chicket.jpg);
	background-repeat: repeat;
	margin-top: 50px;
}


#contents h2.schedule
{
	margin: 0;
	padding: 0;
	width: 164px;
	height: 27px;
	text-indent: -9999px;
	background-image: url(../sche/img/schedule.jpg);
	background-repeat: repeat;
	margin-top: 50px;
}

#contents h2.news
{
	margin: 0;
	padding: 0;
	width: 89px;
	height: 27px;
	text-indent: -9999px;
	background-image: url(../news/img/news.jpg);
	background-repeat: repeat;
	margin-top: 50px;
}

#contents h2.link
{
	margin: 0;
	padding: 0;
	width: 64px;
	height: 28px;
	text-indent: -9999px;
	background-image: url(../link/img/link.jpg);
	background-repeat: repeat;
	margin-top: 50px;
}

#contents h2.prof
{
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 72px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../prof/img/prof.jpg);
	background-repeat: repeat;
	margin-top: 50px;
}

#contents h3
{
	font-weight: bold;
	font-size: 15px;
}

#contents ul.img
{
	margin: 0px;
	padding: 0px;
	margin-top: 50px;
	width: 570px;
}

#contents ul.img li
{
	display: inline-block;
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#contents ul.img li.li1
{
	float: right;
	margin: 0px;
	padding: 0px;
}

#contents ul.img li.li2
{
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#news_box
{
	width: 570px;
}


/**************************** contents ******************************/

/**************************** schedule ******************************/

#schedule
{
	margin-left: 50px;
	width: 570px;
}

#schedule p.date
{
	background-color: #e1e1e1;
	font-size: 14px;
	width: 560px;
	color: #000;
	padding: 0.1em 0.1em 0.1em 0.3em;
}


/**************************** schedule ******************************/

/**************************** profile *******************************/

#prof
{
	width: 670px;
	display: block;
	clear: both;
}

.top_border{
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

.border{
	margin-bottom: 20px;
}

#prof_box
{
	margin-left: 50px;
	width: 570px;
	clear: both;
	display: block;
	padding: 2em 0 0 0;	
}


#prof_photo
{
	float: left;
	width: 286px;
}


#prof_text
{
	float: right;
	width: 270px;
	margin-left: 5px;
}

#prof .prof_table
{
	width: 250px;
	margin-top: 10px;
}

#prof .prof_table td
{
	padding: 3px 0 3px 0; 
	border-bottom: 1px #CCCCCC dotted;
}

#prof_text .name
{
	font-weight: bold;
	font-size: 24px;
}

#prof_text .kana
{
	font-size: 11px;
	text-indent: 1px;
	letter-spacing: 2px;
}

#gallery {
	padding-top: 20px;
	margin-left: 50px;
	width: 570px;
	display: block;
	clear: both;	
}

#gallery ul {
	float: right;
	width: 570px;
	display: block;
	clear: both;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#gallery ul li {    
	float:left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

/**************************** profile *******************************/


/****************************** news ********************************/

#news
{
	margin-left: 50px;
	width: 570px;
}

#news .news_box
{
	width: 570px;
	clear: both;
	display: block;
	padding: 0.5em 0 0 0;
}

/*

#news .news_box .news_img
{
	float: left;
	width: 150px;
}

#news .news_box .news_text
{
	float: right;
	width: 400px;
}

#title
{
	font-size: 16px;
	font-weight: bold;
	float: right;
	display: block;
	margin-bottom: 0px;
}

*/

#news .title
{
	font-size: 16px;
	font-weight: bold;
}

#news .date
{
	color: #666;
	font-size: 12px;
}

#news .news_box p
{
	font-size: 12px;
}


/****************************** news ********************************/

/****************************** link ********************************/

#link
{
	margin-left: 50px;
	width: 570px;
	height: 550px;
	min-height: 800px;
}

#link .link_box
{
	padding: 2em 0 0 0;
	width: 570px;
	display: block;
	clear: both;
}

#link p
{
	margin-left: 10px;
	position:absolute;
	margin-left: 1em;
	margin-top: 1em;
}

/****************************** link ********************************/



#text
{
	display: block;
	clear: both;
	margin-left: 50px;
	width: 570px;
	min-height: 800px;
}


#text .p1
{
	font-weight: bold;
	margin-top: 20px;
}

#text p.date
{
	background-color: #e1e1e1;
	font-size: 14px;
	width: 560px;
	color: #000;
	padding: 0.3em 0.3em 0.3em 0.3em;
}



/**************************** footer ******************************/

#footer{
	background-color: #FFF;
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
	border-top: #CCC solid 1px;
	color: #333;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
}

#footer a{
	font-weight: bold;
	color: #666;
	font-size: 12px;
}

#footer p.left{
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	height: 26px;
	line-height: 26px;
}

#footer img{
	float: right;
	margin-top: 30px;
	margin-right: 20px;
}

#footer p.right{
	float: right;
	margin-top: 30px;
	height: 26px;
	line-height: 26px;
}

/**************************** footer ******************************/