@charset "utf-8";
/*\*/
@import "reset.css";
@import "common201110.css";

/*現在のコンテンツを表示
===========================================================*/
#header ul.mainmenu li.youth a {
background-position:-553px -37px;
}
/*=========================================================*/

.pages {
padding:20px;
}

.selection h2 {
width:660px;
height:150px;
background:url(../youth/img/title_selection.jpg) no-repeat;
text-indent:-9999px;
}

.youthtoppage h2,
.u18 h2,
.u15 h2,
.u12 h2,
.school h2 {
width:660px;
height:96px;
background:url(../youth/img/maintitle.jpg) no-repeat;
text-indent:-9999px;
}


.youth .youthtop {
clear:both;
}

.youth .youthtop img {
margin-top:10px;
}

.youth .youthad {
padding:15px 0;
}

.youth .youthtop .outline,
.youth .youthtop .date {
width:320px;
float:left;
display:inline;
}

.youth .youthtop .place,
.youth .youthtop .join {
width:320px;
float:right;
display:inline;
}


.youth .youthtop h3 {
color:#7b2325;
text-indent:8px;
background:url(../img/youth/youthtop_title.gif) no-repeat;
padding-top:8px;
font-size:114%;
}


.youth .youthtop p {
line-height:160%;
padding:8px;
}

.youth .youthtop ul {
margin:5px 0 10px 10px;
}

.youth .youthtop ul li {
margin-bottom:5px;
}

.youth .youthtop ul li a {
display:block;
background:url(../img/common/yj_w_off.gif) left no-repeat;
padding-left:15px;
}

.youth .youthtop ul li a:hover {
background:url(../img/common/yj_w_on.gif) left no-repeat;
}

.youth .info {
clear:both;
text-align:center;
padding-top:20px;
background:url(../img/common/hr_x.gif) 0 10px repeat-x;
line-height:150%;
font-size:92%;
color:#666;
}


.youth .other {
clear:both;
padding-top:20px;
background:url(../img/common/hr_x.gif) 0 10px repeat-x;
line-height:150%;
}

.youth .other h3 {
color:#7b2325;
}


.youth .thum {
width:210px;
float:left;
display:inline;
margin:0 10px 10px 0;
}

.youth .thum .photo {
border:1px #b5b5b5 solid;
float:left;
display:inline;
}

.youth .thum a {
display:block;
}

.youth .thum dl {
display:inline;
width:130px;
float:right;
margin-left:10px;
line-height:130%;
}


.youth .thum .post {
color:#bba95e;
font-size:114%;
margin:5px 0 5px 0;
}

.youth .thum h3 {
color:#7c2325;
}

.youth .thum h4 {
font-size:85%;
color:#666666;
}

.youth .thum a:hover {
text-decoration:none;
background-color:#691113;
color:#bba95e;
}

.youth .thum a:hover .photo {
border:1px #691113 solid;
}

.youth .thum a:hover .number {
color:#fff;
}

.youth .thum a:hover h3,
.youth .thum a:hover h4 {
color:#bba95e;
}

h3.school {
clear:both;
height:30px;
text-indent:-9999px;
border-bottom:1px #ccc solid;
margin-bottom:10px;
padding:10px 0;
}

h3.player {
background:url(../youth/img/player.gif) left center no-repeat;
}

h3.year1 {
background:url(../youth/img/year1.gif) left center no-repeat;
}

h3.year2 {
background:url(../youth/img/year2.gif) left center no-repeat;
}

h3.year3 {
background:url(../youth/img/year3.gif) left center no-repeat;
}

h3.staff {
background:url(../youth/img/staff.gif) left center no-repeat;
}


.selection table{
border-collapse:collapse;
border:1px solid #a9a2a3;
margin:10px 0;
padding:0;
clear:both;
width:660px;
}

.selection th,
.selection td{
margin:0px;
padding:5px;
empty-cells:show;
}

.selection th{
border:1px solid #a9a2a3;
color:#fff;
background:#7b2325;
text-align:center;
}


.selection td{
line-height:120%;
border:1px solid #a9a2a3;
vertical-align:middle;
}

.youth ul#menu {
width:660px;
height:55px;
background:url(../youth/img/menubg.jpg) no-repeat;
}

.youth ul#menu li {
display:inline;
float:left;
}

.youth ul#menu li a {
display:block;
height:55px;
background-image:url(../youth/img/menu.jpg);
background-position:no-repeat;
text-indent:-9999px;
}

.youth ul#submenu {
background-color:#7b2325;
height:2em;
padding:0 25px;
}

.youth ul#submenu li {
display:inline;
margin-right:15px;
}

.youth ul#submenu li a {
color:#fff;
background:url(../img/common/yj_b_off.gif) left center no-repeat;
padding-left:15px;
}

.youth ul#submenu li a:hover {
background:url(../img/common/yj_b_on.gif) left center no-repeat;
}


.youth ul#menu li#ytm1 a {
width:113px;
}

.youth ul#menu li#ytm1 a:hover {
background-position:0 -55px;
}


.youth ul#menu li#ytm2 a {
width:72px;
background-position:-113px 0;
}

.youth ul#menu li#ytm2 a:hover {
background-position:-113px -55px;
}

.youth ul#menu li#ytm3 a {
width:71px;
background-position:-185px 0;
}

.youth ul#menu li#ytm3 a:hover {
background-position:-185px -55px;
}

.youth ul#menu li#ytm4 a {
width:72px;
background-position:-256px 0;
}

.youth ul#menu li#ytm4 a:hover {
background-position:-256px -55px;
}

.youth ul#menu li#ytm5 a {
width:76px;
background-position:-328px 0;
}

.youth ul#menu li#ytm5 a:hover {
background-position:-328px -55px;
}


.youth ul#menu li#ytm1 a.on {
background-position:0 -110px;
}

.youth ul#menu li#ytm2 a.on {
background-position:-113px -110px;
}

.youth ul#menu li#ytm3 a.on {
background-position:-185px -110px;
}

.youth ul#menu li#ytm4 a.on {
background-position:-256px -110px;
}

.youth ul#menu li#ytm5 a.on {
background-position:-328px -110px;
}

.youth .read {
margin:20px;
padding-left:160px;
}

.youth .read p {
line-height:1.5;
}

.u18 .read {
background:url(../youth/img/youthemb18.jpg) left top no-repeat;
}

.u15 .read {
background:url(../youth/img/youthemb15.jpg) left top no-repeat;
}

.u12 .read {
background:url(../youth/img/youthemb12.jpg) left top no-repeat;
}


/*Schedule
===========================================================*/

.schedule table{
border-collapse:collapse;
border-left:1px solid #a9a2a3;
border-right:1px solid #a9a2a3;
border-bottom:1px solid #a9a2a3;
margin:10px 0;
padding:0;
clear:both;
width:660px;
}

.schedule th,
.schedule td{
margin:0px;
padding:5px;
empty-cells:show;
}

.schedule th{
border:1px solid #a9a2a3;
color:#fff;
background:#7b2325 url(../img/common/th_bg.jpg) top  repeat-x;
text-align:center;
}

.schedule td{
line-height:120%;
border:1px solid #a9a2a3;
vertical-align:middle;
}

.schedule .date {
width:7em;
text-align:center;
}

.school div {
padding:15px;
}

.school div p {
line-height:1.5;
margin:10px;
}

.school h3 {
width:630;
height:50px;
text-indent:-9999px;
clear:both;
}

.school h3.sct1 {
background:url(../youth/school/img/schooltitle1.jpg) no-repeat;
}

.school h3.sct2 {
background:url(../youth/school/img/schooltitle2.jpg) no-repeat;
}

.school h4 {
padding:3px;
border-bottom:2px #32a917 solid;
color:#32a917;
margin:10px 0 5px 0;
}

.school .schoolschedule {
width:140px;
display:inline;
float:left;
padding:0;
margin:10px 0 0 10px;
}

.school .schoolschedule h4 {
padding:0;
border:none;
color:#32a917;
margin:0;
}

.school .schoolschedule h4 img {
margin-right:10px;
}

.school .schoolschedule p {
margin:5px;
}

.school .scLeft {
display:inline;
width:340px;
float:left;
}

.school .scRight {
display:inline;
width:200px;
float:right;
}


/*Clearfix
===========================================================*/
.youth .youthtop:after,
.youth .thum:after {
content:".";
height:0;
clear:both;
visibility:hidden;
display:block;
}

.youth .youthtop,
.youth .thum {
display:inline-block;
}

/*\*/
* html .youth .youthtop,
* html .youth .thum {
height:1%;
}

.youth .youthtop,
.youth .thum {
display:block;
}