@charset "utf-8";
/*

 大熊理津子HP CSS 

*/
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	padding: 0;
	border: none;
}
ul {
	margin: 0;
	padding: 0;
}
td.left {
	text-align: left;
}
.clr {
	clear: both;
}
p {
	font-size: 12px;
	line-height: 2;
	margin: 0;
}
h1 {
	font-size: 13px;
	margin: 0 0 20px 0;
}
h2 {
	font-size: 13px;
	margin: 0;
}
img {
	border: none;
}
/*====================================

　上部メニュー

*====================================*/
#top-menu {
	position: relative;
	top: 290px;
}
#top-menu ul {
	list-style: none;
}
#top-menu ul li {
	text-indent: -9999px;
	float: left;
	margin: 0;
	padding: 0;
}
#top-menu ul li a {
	text-decoration: none;
	display: block;
	height: 42px;
}
#top-menu ul li a.top {
	background: url(../data/menu.png) 0 0;
	width: 415px;
}
#top-menu ul li a.top:hover {
	background: url(../data/menu.png) 0 -42px;
}
#top-menu ul li a.profile {
	background: url(../data/menu.png) -415px 0;
	width: 101px;
}
#top-menu ul li a.profile:hover {
	background: url(../data/menu.png) -415px -42px;
}
#top-menu ul li a.history {
	background: url(../data/menu.png) -516px 0;
	width: 106px;
}
#top-menu ul li a.history:hover {
	background: url(../data/menu.png) -516px -42px;
}
#top-menu ul li a.links {
	background: url(../data/menu.png) -621px 0;
	width: 101px;
}
#top-menu ul li a.links:hover {
	background: url(../data/menu.png) -621px -42px;
}
#top-menu ul li a.contact {
	background: url(../data/menu.png) -721px 0;
	width: 110px;
}
#top-menu ul li a.contact:hover {
	background: url(../data/menu.png) -721px -42px;
}
/*====================================

 トップページ
 
====================================*/
#top {
	background: #fff url(../data/top_03.jpg) repeat-x;
}
img.right-name {
	position: absolute;
	top: 0;
	left: 832px;
}
img.top-main-image {
	position: absolute;
	top: 187px;
	left: 0;
}
img.top-obi {
	position: absolute;
	top: 543px;
	left: 0;
}
img.top-b-menu {
	position: absolute;
	top: 623px;
	left: 0;
}
/*====================================

 フッターエリア
 
====================================*/
#info {
	background: #fff url(../data/info/back.jpg) repeat-x;
}
#info #gray-area {
	position: absolute;
	top: 188px;
	left: 0;
	width: 833px;
	height: 275px;
	background-color: #adadad;
}
#info #gray-area img.main-image {
	position: relative;
	top: 50px;
}
#info #gray-area #scroll {
	position: absolute;
	top: 20px;
	left: 220px;
	width: 600px;
	height: 245px;
	overflow: scroll;
	overflow-x: hidden;
}
#info #gray-area img.flyer {
	float: right;
	margin-right: 10px;
}
/*====================================

 profile menu
 
====================================*/
#menu {
	position: relative;
	top: 485px;
}
#menu ul {
	list-style: none;
}
#menu ul li {
	text-indent: -9999px;
	float: left;
	margin: 0;
	padding: 0;
}
#menu ul li a {
	text-decoration: none;
	display: block;
	height: 42px;
}
#menu ul li a.top {
	background: url(../data/menu2.png) 0 0;
	width: 415px;
}
#menu ul li a.top:hover {
	background: url(../data/menu2.png) 0 -42px;
}
#menu ul li a.profile {
	background: url(../data/menu.png) -415px 0;
	width: 101px;
}
#menu ul li a.profile:hover {
	background: url(../data/menu.png) -415px -42px;
}
#menu ul li a.history {
	background: url(../data/menu.png) -516px 0;
	width: 106px;
}
#menu ul li a.history:hover {
	background: url(../data/menu.png) -516px -42px;
}
#menu ul li a.links {
	background: url(../data/menu.png) -621px 0;
	width: 101px;
}
#menu ul li a.links:hover {
	background: url(../data/menu.png) -621px -42px;
}
#menu ul li a.contact {
	background: url(../data/menu.png) -721px 0;
	width: 110px;
}
#menu ul li a.contact:hover {
	background: url(../data/menu.png) -721px -42px;
}
/*====================================

 背景
 
====================================*/
#schedule {
	background-image: url(../data/schedule_back_pk.jpg), url(../data/schedule_back_bk.jpg);
	background-repeat: repeat-y, repeat-x;
}
#schedule {
	background: url(../data/schedule_back_pk.jpg) 0 0 repeat-y\9;
}/* IE8以下 */
#profile {
	background-image: url(../data/profile/re_profile_back.jpg), url(../data/profile/re_profile_orange_04.jpg);
	background-repeat: repeat-y, repeat-x;
}
#profile {
	background: url(../data/profile/re_profile_back.jpg) 0 0 repeat-y\9;
}
#history {
	background-image: url(../data/history/back-bk.jpg), url(../data/history/back-blue.jpg);
	background-repeat: repeat-y, repeat-x;
}
#history {
	background: url(../data/history/back-bk.jpg) 0 0 repeat-y\9;
}
#link {
	background-image: url(../data/link/back-gray-tate.jpg), url(../data/link/back-bk-yoko.jpg);
	background-repeat: repeat-y, repeat-x;
}
#link {
	background: url(../data/link/back-gray-tate.jpg) 0 0 repeat-y\9;
}
#act {
	background-image: url(../data/activity/back-p-tate.jpg), url(../data/activity/back-bk-yoko.jpg);
	background-repeat: repeat-y, repeat-x;
}
#act {
	background: url(../data/activity/back-p-tate.jpg) 0 0 repeat-y\9;
}
#lesson {
	background-image: url(../data/lesson/back-orange-tate.jpg), url(../data/lesson/back-bk-yoko.jpg);
	background-repeat: repeat-y, repeat-x;
}
#lesson {
	background: url(../data/lesson/back-orange-tate.jpg) 0 0 repeat-y\9;
}
#cd-movie {
	background: url(../data/cd/back.jpg) 0 0 repeat-x;
}
#photos {
	background: url(../data/photo/back.jpg) 0 0 no-repeat;
	background-position: 900px 0;
}
#contact {
	background: url(../data/contact/back.jpg) no-repeat;
	background-position: 900px 0;
}
/*====================================

 プロフィール
 
====================================*/
img.main-visual {
	position: absolute;
	top: 188px;
	left: 317px;
}
#profile img.right-name {
	position: absolute;
	top: 0;
	left: 877px;
}
img.logo {
	position: absolute;
	top: 0;
	left: 0;
}
#profile img.left-title {
	position: absolute;
	top: 544px;
	left: 0;
}
#profile #main {
	position: absolute;
	top: 544px;
	left: 319px;
}
#profile img.b-photo {
	vertical-align: bottom;
}
#profile img.b-menu {
	position: relative;
	left: -317px;
	margin-bottom: -10px;
	vertical-align: bottom;
}
.en_p table {
	margin: 20px 0;
}
.en_p td {
	font-size: 12px;
	line-height: 1.4;
	padding: 8px;
	vertical-align: top;
}
.en_p ul.performance {
	list-style: none;
	width: 500px;
}
.en_p ul.performance li {
	font-size: 12px;
	inline-box-align: 1.4;
	padding-bottom: 10px;
}
.en_p p {
	width: 500px;
}
#profile img.area {
	position: absolute;
	top: 670px;
	left: 1150px;
	z-index: 100;
}
/*====================================

 history
 
====================================*/
#history img.right-name {
	position: absolute;
	top: 0;
	left: 877px;
}
#history img.left-title {
	position: absolute;
	top: 530px;
	left: 0;
}
#history #sub-menu {
	position: absolute;
	top: 530px;
	left: 317px;
}
#history #sub-menu ul li {
	text-indent: -9999px;
	float: left;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}
#history #sub-menu ul li a {
	text-decoration: none;
	display: block;
	height: 65px;
}
#history #sub-menu ul li a.ac {
	background: url(../data/history/h-menu.jpg) 0 0 no-repeat;
	width: 230px;
	margin-right: 95px;
}
#history #sub-menu ul li a:hover.ac {
	background: url(../data/history/h-menu.jpg) 0 -65px;
}
#history #sub-menu ul li a.ph {
	background: url(../data/history/h-menu.jpg) -330px 0 no-repeat;
	width: 230px;
}
#history #sub-menu ul li a:hover.ph {
	background: url(../data/history/h-menu.jpg) -330px -65px no-repeat;
}
#history #main {
	position: absolute;
	top: 650px;
	left: 319px;
	width: 500px;
}
#history .year {
	position: absolute;
	top: 615px;
	left: 320px;
}
#history img.b-menu {
	vertical-align: bottom;
	position: absolute;
	top: 627px;
}
#history img.b-menu-sub {
	vertical-align: bottom;
	position: relative;
	left: -317px;
	margin-bottom: -7px;
}
#history h2 {
	margin-bottom: 5px;
	padding-bottom: 1px;
	border-bottom: 1px solid #999;
}
#history #main p {
	margin-bottom: 10px;
}
/*====================================

 リンク
 
====================================*/
#link img.main-visual {
	position: absolute;
	top: 212px;
	left: 626px;
}
#link img.right-name {
	position: absolute;
	top: 0;
	left: 877px;
}
#link img.left-title {
	position: absolute;
	top: 544px;
	left: 0;
}
#link #main {
	position: absolute;
	top: 544px;
	left: 319px;
}
#link img.b-photo {
	vertical-align: bottom;
}
#link img.b-menu {
	position: relative;
	left: -317px;
	margin-bottom: -10px;
	vertical-align: bottom;
}
/*====================================

 レッスン
 
====================================*/
#lesson img.right-name {
	position: absolute;
	top: 0;
	left: 877px;
}
#lesson img.left-title {
	position: absolute;
	top: 544px;
	left: 0;
}
#lesson #main {
	position: absolute;
	top: 544px;
	left: 319px;
}
#lesson img.b-photo {
	vertical-align: bottom;
}
#lesson img.b-menu {
	position: relative;
	left: -317px;
	margin-bottom: -10px;
	vertical-align: bottom;
}
#lesson p {
	margin-bottom: 10px;
}
/*====================================

 スケジュール
 
====================================*/
#schedule #top-menu {
	position: absolute;
	top: 485px;
	left: 0;
}
#schedule img.right-name {
	position: absolute;
	top: 0;
	left: 877px;
}
img.center-menu {
	position: absolute;
	top: 544px;
	left: 0;
}
img.left-pink {
	position: absolute;
	top: 188px;
}
#schedule #main {
	position: absolute;
	top: 188px;
	left: 318px;
	width: 515px;
	height: 275px;
	overflow: auto;
	border: none;
}
#schedule #main img {
	float: right;
	margin-right: 10px;
}
#schedule p {
	margin-bottom: 15px;
}
/*====================================

  CD movie
 
====================================*/
#cd-movie #top-menu {
	position: absolute;
	top: 485px;
	left: 0;
}
#cd-movie img.right-name {
	position: absolute;
	top: 0;
	left: 877px;
}
#cd-movie #sub-menu {
	position: absolute;
	top: 530px;
	left: 317px;
}
#cd-movie #sub-menu ul li {
	text-indent: -9999px;
	float: left;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}
#cd-movie #sub-menu ul li a {
	text-decoration: none;
	display: block;
	height: 80px;
}
#cd-movie #sub-menu ul li a.cd {
	background: url(../data/cd/cd-menu.jpg) 0 0 no-repeat;
	width: 200px;
	margin-right: 95px;
}
#cd-movie #sub-menu ul li a:hover.cd {
	background: url(../data/cd/cd-menu.jpg) 0 -83px;
}
#cd-movie #sub-menu ul li a.mv {
	background: url(../data/cd/cd-menu.jpg) -250px 0 no-repeat;
	width: 260px;
}
#cd-movie #sub-menu ul li a:hover.mv {
	background: url(../data/cd/cd-menu.jpg) -250px -83px no-repeat;
}
#cd-movie img.top-obi {
	position: absolute;
	top: 544px;
	left: 0;
}
#cd-movie #main {
	position: absolute;
	top: 630px;
	left: 319px;
}
#cd-movie img.b-menu-sub {
	vertical-align: bottom;
	margin-left: -319px;
}
#cd-movie #main .cd {
	position: relative;
	top: 25px;
	left: -319px;
}
#cd-movie #main .cd img.b-menu-sub {
	vertical-align: bottom;
	margin-left: 0;
}
#cd-movie #main table#cd {
	width: 830px;
}
/*====================================

 photos
 
====================================*/
#photos #top-menu {
	position: absolute;
	top: 485px;
	left: 0;
}
#photos #sub-menu {
	position: absolute;
	top: 530px;
	left: 317px;
}
#photos #sub-menu ul li {
	text-indent: -9999px;
	float: left;
	margin: 35px 0 0;
	padding: 0;
	list-style: none;
}
#photos #sub-menu ul li a {
	text-decoration: none;
	display: block;
	height: 83px;
}
#photos #sub-menu ul li a.ac {
	background: url(../data/photo/menu-photos.jpg) 0 0 no-repeat;
	width: 150px;
}
#photos #sub-menu ul li a:hover.ac {
	background: url(../data/photo/menu-photos.jpg) 0 -83px no-repeat;
}
#photos #sub-menu ul li a.pc {
	background: url(../data/photo/menu-photos.jpg) -160px 0 no-repeat;
	width: 180px;
}
#photos #sub-menu ul li a:hover.pc {
	background: url(../data/photo/menu-photos.jpg) -160px -83px no-repeat;
}
#photos #sub-menu ul li a.pv {
	background: url(../data/photo/menu-photos.jpg) -370px 0 no-repeat;
	width: 150px;
}
#photos #sub-menu ul li a:hover.pv {
	background: url(../data/photo/menu-photos.jpg) -370px -83px no-repeat;
}
#photos img.right-name {
	position: absolute;
	top: 0;
	left: 833px;
}
#photos #main {
	position: absolute;
	top: 630px;
	left: 319px;
}
#photos img.b-menu-sub {
	vertical-align: bottom;
	margin-left: -319px;
}
#photos #slide {
	position: absolute;
	top: 41px;
	left: 319px;
}
/*====================================

 contact お問合せ
 
====================================*/
#contact img.main-image {
	position: absolute;
	top: 185px;
	left: 0;
}
#contact #formarea {
	position: absolute;
	top: 185px;
	left: 314px;
	width: 520px;
	height: 300px;
	background: url(../data/contact/form.jpg) no-repeat;
}
#contact img.right-name {
	position: absolute;
	top: 0;
	left: 877px;
}
#contact img.copy {
	position: absolute;
	top: 774px;
}
#form table {
	width: 450px;
	margin: 10px 10px 0 30px;
}
#form table td {
	font-size: 12px;
	padding: 1px 2px;
}
#form p.submit {
	text-align: right;
	margin: 5px 55px 0 0;
}
#form table td textarea {
	width: 330px;
}
/*====================================

 Activities
 
====================================*/
#act img.right-name {
	position: absolute;
	top: 0;
	left: 877px;
}
#act #main {
	position: absolute;
	top: 544px;
	left: 319px;
}
#act img.left-title {
	position: absolute;
	top: 544px;
	left: 0;
}
#act img.b-photo {
	vertical-align: bottom;
}
#act img.b-menu {
	position: relative;
	left: -317px;
	margin-bottom: -10px;
	vertical-align: bottom;
}
#act p {
	margin-bottom: 10px;
}