@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 20;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background: url(../img/about/charactor-title.jpg) no-repeat;
}
#schoolMenu-on {
	width:660px;
	margin-bottom:80px;
}
.schoolList  {
	overflow: hidden;
	display: block;
}

.schoolList li {
    float:left;
	padding-right:12px;
	padding-bottom:5px;
}

.schoolList li a {
	width:130px;
	height:36px;
	display:block;
}

.schoolList li a:hover {
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.schoolList li.seigaku a {
	background-image: url(../img/about/titleS_seigaku.gif);
}
.schoolList li#fudoumine a {
	background-image: url(../img/about/titleS_fudoumine.gif);
}
.schoolList li#rudolph a {
	background-image: url(../img/about/titleS_rudolph_new.gif);
}
.schoolList li#yamabuki a {
	background-image: url(../img/about/titleS_yamabuki_new.gif);
}
.schoolList li#hyotei a {
	background-image: url(../img/about/titleS_hyotei.gif);
}
.schoolList li#rokkaku a {
	background-image: url(../img/about/titleS_rokkaku.gif);
}
.schoolList li#rikkai a {
	background-image: url(../img/about/titleS_rikkai.gif);
}
.schoolList li#higa a {
	background-image: url(../img/about/titleS_higa_new.gif);
}
.schoolList li#special a {
	background-image: url(../img/about/titleS_special.gif);
}
.schoolList li#shitenhoji a {
	background-image: url(../img/about/titleS_shitenhoji_new.gif);
}

.schoolList-b {
	width:660px;
	overflow: hidden;
}

.schoolList-b li {
  float:left;
	padding-right:12px;
}


.schoolList-b li a {
	width:148px;
	height:19px;
	display:block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	background-repeat: no-repeat;
}

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

.teamset {
	margin-bottom: 80px;
}

.tnamebox {
	overflow: hidden;
	background-image: url(../img/line_02.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 30px;
}

.tnamebox h3 {
	float: left;
}

.tnamebox a.totop_btn {
	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;
	margin-top: 17px;
}
.tnamebox a.totop_btn:hover {
	background-position: 0 -31px;
}

dl.chara-name {
	display: block;
	width: 660px;
	margin-bottom: 20px;
	background-repeat: repeat-y;
	overflow: hidden;
}
#cast_seigaku dl.chara-name {
	background-image: url(../img/about/chara_name_seigaku_bg.gif);
}
#cast_fudomine dl.chara-name {
	background-image: url(../img/about/chara_name_fudomine_bg.gif);
}
#cast_rudolph dl.chara-name {
	background-image: url(../img/about/chara_name_rudolph.gif);
}
#cast_yamabuki dl.chara-name {
	background-image: url(../img/about/chara_name_yamabuki_bg.gif);
}
#cast_hyotei dl.chara-name {
	background-image: url(../img/about/chara_name_hyotei_bg.gif);
}
#cast_rokkaku dl.chara-name {
	background-image: url(../img/about/chara_name_rokkaku_bg.gif);
}
#cast_rikkai dl.chara-name {
	background-image: url(../img/about/chara_name_rikkai_bg.gif);
}
#cast_higa dl.chara-name {
	background-image: url(../img/about/chara_name_higa_bg.gif);
}
#cast_shitenhoji dl.chara-name {
	background-image: url(../img/about/chara_name_sitenhouji.gif);
}
#cast_special dl.chara-name {
	background-image: url(../img/about/chara_name_special_bg.gif);
}


dl.chara-name dt {
	width: 195px;
	float: left;
}
dl.chara-name 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-name dd {
	width: 465px;
	line-height: 1.5;
	float: right;
}
dl.chara-name dd span {
	display: block;
	padding: 9px 15px;
}


dl.activecast {
	width: 660px;
	overflow: hidden;
	background: url(../img/about/cast_name_bg.gif) repeat-y;
}
dl.activecast dt {
	width: 150px;
	height: 33px;
	float: left;
}

dl.activecast 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.activecast dd {
	width: 510px;
	line-height: 1.5;
	float: right;
}
dl.activecast dd ul {
	padding-top: 5px;
	padding-left: 5px;
}
dl.activecast dd li {
	display: inline;
	padding-left: 15px;
	font-size:14px;
}
dl.activecast dd li.cast-blog {
    font-size:100%;
	font-weight:normal;
    padding-left: 7px;
}
dl.activecast dd li.cast-blog a {
    text-decolation:underline;
	color:#0066FF;
}
dl.activecast dd li.cast-blog a:visited {
    text-decolation:underline;
	color:#0066FF;
}
dl.activecast dd li.cast-blog a:hover {
    text-decolation:none;
	color:#0099FF;
}
dl.activecast dd li a {
	color: #0096ff;
}
dl.activecast dd li a:visited {
	color: #0096ff;
}
dl.activecast dd li a:hover {
	color: #7fc9ff;
}
dl.activecast 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: 140px;
	height: 11px;
	font-size: 11px;
	line-height: 1em;
	padding-top: 6px;
	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-name dt p.yakumei {
	color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
}
dl.chara-name dt p.name_e {
	font-size: 10px;
	padding-left: 20px;
	padding-top:7px;
}

#cast_seigaku dl.chara-name dt p.name_e {
	color: #1f76ce;
}
#cast_fudomine dl.chara-name dt p.name_e {
	color: #f1f1f1;
}
#cast_rudolph dl.chara-name dt p.name_e {
	color: #d3ba9b;
}
#cast_yamabuki dl.chara-name dt p.name_e {
	color: #6abab2;
}
#cast_hyotei dl.chara-name dt p.name_e {
	color: #6ea8e2;
}
#cast_rokkaku dl.chara-name dt p.name_e {
	color: #d77b5b;
}
#cast_rikkai dl.chara-name dt p.name_e {
	color: #f9ebb3;
}
#cast_higa dl.chara-name dt p.name_e {
	color: #d1a7e6;
}
#cast_shitenhoji dl.chara-name dt p.name_e {
	color: #c0cfa4;
}
#cast_special dl.chara-name dt p.name_e {
	color: #fed9c2;
}

.pic-list {
	width:660px;
	padding-bottom: 15px;
	overflow: hidden;
}
.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/line_02.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;
}