@charset "UTF-8";


/* ==============================
  css-category-about
=================================
left内
---------------------------------

---------------------------------

---------------------------------

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

/* ------------------------------
  left内
------------------------------ */
#about-menu {
    width: 730px;
	height: 50px;
	background: url(../img/CtitleMenu_bg.jpg) no-repeat bottom;
}
#about-menuList {
    width:630px;
	margin:0 auto;
}
#about-menuList li.last {
	padding-right:0;
}
#about-menuList li {
    float:left;
	padding-right:16px;
}

#about-menuList li a {
    width:199px;
	height:50px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#about-menuList li#story a {
	background: url(../img/about/M-story.jpg) no-repeat;
}
#about-menuList li#story a:hover {
background-position: 0 -50px;
}
#about-menuList li#charactor a {
	background: url(../img/about/M-chara.jpg) no-repeat;
}
#about-menuList li#charactor a:hover {
background-position: 0 -50px;
}
#about-menuList li#performance a {
	background: url(../img/about/M-performance.jpg) no-repeat;
}
#about-menuList li#performance a:hover {
    background-position: 0 -50px;
}
#tennis-title {
	width:275px;
	height:30px;
	background: url(../img/about/tennis-title.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}

#about-cont {
    width:630px;
	margin:0 auto;
	padding-bottom:30px;
}
#about-cont660 {
    width:660px;
	margin:0 auto;
	padding-bottom:50px;
}
.space30 {
    clear:both;
	height:30px;
	display:block;
}
.space1 {
    clear:both;
	height:10px;
	display:block;
}
#about-tennis {
	background: url(../img/about/about-txt_bg.jpg) no-repeat center;
}
.about-txt {
    font-size: 110%;
	line-height: 1.7;
	padding:20px 0;
}
.about-txt2 {
    font-size: 110%;
	line-height: 1.7;
	padding:20px 0 10px 0;
}
/* ------------------------------------------------------ストーリー*/
#about-story {
    width:660px;
	height:62px;
	margin:0 auto;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/story-title.jpg) no-repeat;
}
#onStory {
    width:210px;
	height:31px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/onStory.gif) no-repeat;
}
#storyCont {
    width:660px;
    padding-top: 30px;
}
#storyL {
    width:180px;
	float:left;
	display:block;
}
#storyL #story-photo {
    width:180px;
	height:252px;
}
#storyR {
    width:460px;
	padding-left:20px;
	float:left;
	display:block;
}
#storyR #vsTitle_hyotei {
    width:101px;
	height:20px;
	background: url(../img/about/vsTitle_hyotei.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#storyR #vsTitle {
    width:206px;
	height:20px;
	background: url(../img/about/vsTitle.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}


/* ------------------------------------------------------キャラクターエリア*/
#about-charactor {
    width:660px;
	height:62px;
	margin:0 auto;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/charactor-title.jpg) no-repeat;
}
#schoolMenu-on {
    width:660px;
	height:36px;
	margin-bottom:15px;
}
#schoolList li {
    float:left;
	padding-right:12px;
	padding-bottom:5px;
}

#schoolList li a {
    width:130px;
	height:36px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#schoolList li#seigaku a {
	background: url(../img/about/titleS_seigaku.gif) no-repeat;
}
#schoolList li#seigaku a:hover {
background-position: 0 -36px;
}
#schoolList li#fudoumine a {
	background: url(../img/about/titleS_fudoumine.gif) no-repeat;
}
#schoolList li#fudoumine a:hover {
background-position: 0 -36px;
}
#schoolList li#rudolph a {
	background: url(../img/about/titleS_rudolph_new.gif) no-repeat;
}
#schoolList li#rudolph a:hover {
background-position: 0 -36px;
}
#schoolList li#yamabuki a {
	background: url(../img/about/titleS_yamabuki_new.gif) no-repeat;
}
#schoolList li#yamabuki a:hover {
background-position: 0 -36px;
}
#schoolList li#hyotei a {
	background: url(../img/about/titleS_hyotei.gif) no-repeat;
}
#schoolList li#hyotei a:hover {
background-position: 0 -36px;
}
#schoolList li#rokkaku a {
	background: url(../img/about/titleS_rokkaku.gif) no-repeat;
}
#schoolList li#rokkaku a:hover {
background-position: 0 -36px;
}
#schoolList li#special a {
	background: url(../img/about/titleS_special.gif) no-repeat;
}
#schoolList li#special a:hover {
background-position: 0 -36px;
}
#schoolMenu-before {
    width:660px;
	height:16px;
	margin-top:15px;
}
#schoolList-b li {
    float:left;
	padding-right:12px;
	padding-top:18px;
}

#schoolList-b li#rudolph a {
    width:155px;
	height:19px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#schoolList-b li#yamabuki a {
    width:114px;
	height:19px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#schoolList-b li#hyotei a {
    width:86px;
	height:19px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#schoolList-b li#rokkaku a {
    width:105px;
	height:19px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#schoolList-b li#rikkai a {
    width:82px;
	height:19px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#schoolList-b li#higa a {
    width:66px;
	height:19px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
#schoolList-b li#shitenhoji a {
    width:148px;
	height:19px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}



#schoolList-b li#rudolph a {
	background: url(../img/about/titleS_rudolph.gif) no-repeat;
}
#schoolList-b li#rudolph a:hover {
background-position: 0 -19px;
}

#schoolList-b li#yamabuki a {
	background: url(../img/about/titleS_yamabuki.gif) no-repeat;
}
#schoolList-b li#yamabuki a:hover {
background-position: 0 -19px;
}

#schoolList-b li#hyotei a {
	background: url(../img/about/titleS_hyotei.gif) no-repeat;
}
#schoolList-b li#hyotei a:hover {
background-position: 0 -19px;
}

#schoolList-b li#rokkaku a {
	background: url(../img/about/titleS_rokkaku.gif) no-repeat;
}
#schoolList-b li#rokkaku a:hover {
background-position: 0 -19px;
}

#schoolList-b li#rikkai a {
	background: url(../img/about/titleS_rikkai.gif) no-repeat;
}
#schoolList-b li#rikkai a:hover {
background-position: 0 -19px;
}

#schoolList-b li#higa a {
	background: url(../img/about/titleS_higa.gif) no-repeat;
}
#schoolList-b li#higa a:hover {
background-position: 0 -19px;
}

#schoolList-b li#shitenhoji a {
	background: url(../img/about/titleS_shitenhoji.gif) no-repeat;
}
#schoolList-b li#shitenhoji a:hover {
background-position: 0 -19px;
}

/* ------------------------------------------------------青学キャストエリア*/
#Cast_area {
    padding-top:60px;
}

h3#titleL_seigaku {
    width:283px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_seigaku.gif) no-repeat;
}
h3#titleL_fudoumine {
    width:269px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_fudoumine.gif) no-repeat;
}
h3#titleL_rudolph {
    width:322px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_rudolph.gif) no-repeat;
}
h3#titleL_yamabuki {
    width:257px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_yamabuki.gif) no-repeat;
}
h3#titleL_hyotei {
    width:186px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_hyotei.gif) no-repeat;
}
h3#titleL_rokkaku {
    width:235px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_rokkaku.gif) no-repeat;
}
h3#titleL_rikkai {
    width:179px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_rikkai.gif) no-repeat;
}
h3#titleL_higa {
    width:138px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_higa.gif) no-repeat;
}
h3#titleL_shitenhoji {
    width:307px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_shitenhoji.gif) no-repeat;
}
h3#titleL_special {
    width:307px;
	height:36px;
	padding-bottom:40px;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/titleL_special.gif) no-repeat;
}
dl.chara-name01 {
	width: 660px;
	background: url(../img/about/chara_name_seigaku_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name02 {
	width: 660px;
	background: url(../img/about/chara_name_fudomine_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name03 {
	width: 660px;
	background: url(../img/about/chara_name_rudoruhu_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name04 {
	width: 660px;
	background: url(../img/about/chara_name_yamabuki_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name05 {
	width: 660px;
	background: url(../img/about/chara_name_hyotei_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name06 {
	width: 660px;
	background: url(../img/about/chara_name_rokkaku_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name07 {
	width: 660px;
	background: url(../img/about/chara_name_rikkai_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name08 {
	width: 660px;
	background: url(../img/about/chara_name_higa_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name09 {
	width: 660px;
	background: url(../img/about/chara_name_sitenhouji_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name10 {
	width: 660px;
	background: url(../img/about/chara_name_special_bg.gif) repeat-y;
	margin-bottom: 20px;
}
dl.chara-name01 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name01 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name01 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name01 dd span {
	display: block;
	padding: 9px 15px;
}

dl.chara-name02 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name02 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name02 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name02 dd span {
	display: block;
	padding: 9px 15px;
}

dl.chara-name03 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name03 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name03 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name03 dd span {
	display: block;
	padding: 9px 15px;
}
dl.chara-name04 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name04 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name04 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name04 dd span {
	display: block;
	padding: 9px 15px;
}
dl.chara-name05 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name05 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name05 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name05 dd span {
	display: block;
	padding: 9px 15px;
}
dl.chara-name06 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name06 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name06 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name06 dd span {
	display: block;
	padding: 9px 15px;
}
dl.chara-name07 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name07 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name07 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name07 dd span {
	display: block;
	padding: 9px 15px;
}
dl.chara-name08 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name08 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name08 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name08 dd span {
	display: block;
	padding: 9px 15px;
}
dl.chara-name09 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name09 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name09 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name09 dd span {
	display: block;
	padding: 9px 15px;
}
dl.chara-name10 dt {
	width: 195px;
	height: 52px;
	float: left;
}
dl.chara-name10 dt span {
	width: 175px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding-top: 12px;
	padding-left: 20px;
	display: block;
}
dl.chara-name10 dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name10 dd span {
	display: block;
	padding: 9px 15px;
}



dl.cast-name2nd {
	width: 660px;
	overflow: hidden;
	background: url(../img/about/cast_name_bg.gif) repeat-y;
}
dl.cast-name2nd dt {
	width: 150px;
	height: 33px;
	float: left;
}
dl.cast-name2nd dt span {
	width: 87px;
	height: 14px;
	background: url(../img/about/title_cast2nd.gif) no-repeat right bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 6px;
	padding-left: 5px;
	display: block;
}
dl.cast-name2nd dd {
	width: 510px;
	line-height: 1.5;
	float: right;
}
dl.cast-name2nd dd ul {
	padding-top: 5px;
	padding-left: 5px;
}
dl.cast-name2nd dd li {
	display: inline;
	padding-left: 15px;
	font-size:14px;
}
dl.cast-name2nd dd li.cast-blog {
    font-size:100%;
	font-weight:normal;
    padding-left: 7px;
}
dl.cast-name2nd dd li.cast-blog a {
    text-decolation:underline;
	color:#0066FF;
}
dl.cast-name2nd dd li.cast-blog a:visited {
    text-decolation:underline;
	color:#0066FF;
}
dl.cast-name2nd dd li.cast-blog a:hover {
    text-decolation:none;
	color:#0099FF;
}
dl.cast-name2nd dd li a {
	color: #0096ff;
}
dl.cast-name2nd dd li a:visited {
	color: #0096ff;
}
dl.cast-name2nd dd li a:hover {
	color: #7fc9ff;
}
dl.cast-name2nd dd li a:active {
	color: #7fc9ff;
}










dl.cast-name {
	width: 660px;
	overflow: hidden;
	background: url(../img/about/cast_name_bg.gif) repeat-y;
	margin-bottom: 30px;
}
dl.cast-name dt {
	width: 150px;
	height: 25px;
	float: left;
}
dl.cast-name dt span {
	width: 119px;
	height: 11px;
	background: url(../img/about/title_cast.gif) no-repeat right bottom;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 6px;
	padding-left: 5px;
	display: block;
}
dl.cast-name dd {
	width: 510px;
	line-height: 1.5;
	float: right;
}
dl.cast-name dd ul {
	padding-top: 5px;
	padding-left: 5px;
}
dl.cast-name dd li {
	display: inline;
	padding-left: 20px;
}
dl.cast-name dd li a {
	color: #0096ff;
}
dl.cast-name dd li a:visited {
	color: #0096ff;
}
dl.cast-name dd li a:hover {
	color: #7fc9ff;
}
dl.cast-name dd li a:active {
	color: #7fc9ff;
}








dt p.name_e {
	padding-top:5px;
}

#charactor_top a {
	text-decoration: underline;
}
dl.chara-name01 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name01 dt p.name_e {
	font-size: 10px;
	color: #1f76ce;
	padding-left: 20px;
	padding-top:7px;
}

dl.chara-name02 dt p.yakumei {
	color: #ffffff;
	padding-top: 11px;
	padding-left: 20px;
}
dl.chara-name02 dt p.name_e {
	font-size: 10px;
	color: #f1f1f1;
	padding-left: 20px;
	padding-top:7px;
}
dl.chara-name03 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name03 dt p.name_e {
	font-size: 10px;
	color: #d3ba9b;
	padding-left: 20px;
	padding-top:7px;
}
dl.chara-name04 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name04 dt p.name_e {
	font-size: 10px;
	color: #6abab2;
	padding-left: 20px;
	padding-top:7px;
}
dl.chara-name05 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name05 dt p.name_e {
	font-size: 10px;
	color: #6ea8e2;
	padding-left: 20px;
	padding-top:7px;
}
dl.chara-name06 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name06 dt p.name_e {
	font-size: 11px;
	color: #d77b5b;
	padding-left: 20px;
}
dl.chara-name07 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name07 dt p.name_e {
	font-size: 11px;
	color: #f9ebb3;
	padding-left: 20px;
}
dl.chara-name08 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name08 dt p.name_e {
	font-size: 11px;
	color: #d1a7e6;
	padding-left: 20px;
}
dl.chara-name09 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name09 dt p.name_e {
	font-size: 11px;
	color: #c0cfa4;
	padding-left: 20px;
}
dl.chara-name10 dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name10 dt p.name_e {
	font-size: 11px;
	color: #fed9c2;
	padding-left: 20px;
}
.pic-list {
    width:660px;
	padding-bottom: 15px;
}
.chara-pic {
    width:150px;
	height:140px;
	float: left;
	display:block;
}
.cast-pic {
    width:100px;
	height:130px;
	padding-top:10px;
	padding-right:2px;
	float: left;
	display:block;
}

/* ------------------------------
  ToTopAbout
------------------------------ */
#ToTopAbout {
    padding-top:25px;
    clear:both;
    text-align:right;
	height:31px;
    width:660px;
	background:url(../img/pagetop_line.gif) repeat-x bottom;
}
#ToTopAbout .totop_btn a {
    float:right;
	background: url(../img/totopAbout_btn.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
    width:120px;
	height:31px;
	display:block;
}
#ToTopAbout .totop_btn a:hover {
	background-position: 0 -31px;
}