@charset "utf-8";
@import url("vu.css");
/*---------------------------------------

commonStyle

---------------------------------------*/
#content .mainCont1col{
	width: 960px;
	overflow: hidden;
}
#content .bottomCont{
	padding-bottom: 40px;
	clear: both;
}
#content .txtCenter{
	text-align: center;
}
#content .txtRed{
	color: #00822d;
}
#content .txtBlack{
	color: #7F7F7F;
}
#content .vaBase{
	vertical-align: baseline;
}
#content .square:before{
	content: "■";
	margin-right: 0.3em;
	color: #00822d;
}
#content .tableWrap{
	clear: both;
    color: #646464;
}
#content .tableWrap table{
	width:600px;
}
#content table.tableType01{

	border-top: 1px solid #c8c8c8;

	border-left: 1px solid #c8c8c8;

	color: #000;

}

#content table.tableType01 th{

	padding: 0.2em 0;

	border-right: 1px solid #c8c8c8;

	border-bottom: 1px solid #c8c8c8;

	background: #fbd1df;

	text-align: center;

}

#content table.tableType01 td{

	padding: 0.7em 0;

	border-right: 1px solid #c8c8c8;

	border-bottom: 1px solid #c8c8c8;

	text-align: center;

}

#content table.tableType01 tr.odd{

	background: #fff2f8;

}

#content table.tableType01 tr.date th{

	color: #fff;

	background: #e86892;

}

#content table.tableType02{

	border-top: 1px solid #c8c8c8;

	border-left: 1px solid #c8c8c8;

	color: #000;

}

#content table.tableType02 th{

	padding: 0.2em 0;

	border-right: 1px solid #c8c8c8;

	border-bottom: 1px solid #c8c8c8;

	background: #e9e7cf;

	text-align: center;

}

#content table.tableType02 td{

	padding: 0.7em 0;

	border-right: 1px solid #c8c8c8;

	border-bottom: 1px solid #c8c8c8;

	text-align: center;

}

@media screen and (max-width: 750px){

	#content .mainCont1col{

		width: 100%;

		margin: 0;

	}

	#content .tableWrap{

		overflow: scroll;

		width: 100%;

	}
   
}

/*title*/

#content .h3Area{

	border-bottom:#00822d 2px solid;

	padding-bottom:5px;

	margin-bottom:15px;

	clear: both;

	overflow: visible;

	display: inline-block;

	width: 100%;

}

#content .h3Area h3{

	font-size:180%;

	letter-spacing:2pt;

	float: left;
    color: #3c3c3c;

}

#content .h3Area h3 span{

	margin-left: 0.5em;

	color: #00822d;

	vertical-align: baseline;

}
#content .h3Area div.right{
	float:right;
	margin-top: 10px;
}
#content .print{
	float: right;
	margin-bottom: 30px;
	padding-left: 25px;
	background: url(/official/common/img/icon/ico_print.gif) left center no-repeat;
	font-size: 115%;
	color: #00822d;
	cursor: pointer;
}
#content .printleft{
	float: right;
	margin-bottom: 30px;
	padding-right: 25px;
	background: url(/official/common/img/icon/ico_print.gif) right center no-repeat;
	font-size: 115%;
	cursor: pointer;
}
#content  .right {
    float: right;
    margin-left: 15px;
    position: relative;
}
#content .lead {
    display: block;
    float: left;
    font-size: 115%;
    margin-bottom: 2em;
    width: 100%;
}
#content .lead2 {
    display: block;
    float: left;
    font-size: 115%;
    margin-bottom: 4em;
    width: 100%;
}
.langz {
    float: right;
    margin-left: 10px;
}
#content .langz > li {
    border: 1px solid #d5d2a3;
    float: left;
    padding: 0 8px;
}
#content .langz > li#ja {
    border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}
#content .langz > li#en {
    border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
}
#content .langz > li.active {
    background-color: #d5d2a3;
	font-weight: bold;
}

@media screen and (max-width: 750px){

	/* start 修正日付20150219 */
	#content .topCont .subNavi{
		margin-bottom: 30px;
		width: 180px;
	}
	/* end 修正日付20150219 */

	#content .h3Area h3{
		float: none;
	}
	#content .h3Area div.right{
		margin: 0;
	}
}

/*---------------------------------------

tournament top

---------------------------------------*/

/*tournamentArea*/

#content .tournamentArea{

	width: 460px;

	margin-bottom: 50px;

	float: left;

}

#content .tournamentArea .status{

	margin-bottom: 5px;

}

#content .tournamentArea h4{

	margin-bottom: 10px;

	padding-bottom: 5px;

	border-bottom: 2px dotted #ecbccc;

}

#content .tournamentArea li{

	padding-left: 1.3em;

	text-indent: -1.3em;

	line-height: 1.5em;

	color: #666;

}

@media screen and (max-width: 750px){

	#content .tournamentArea{

		width: 100%;

		margin: 0 0 30px;

		}

	#content .tournamentArea>.floatL,

	#content .tournamentArea>.floatR{

		width: 48%;

	}

	#content .tournamentArea .status{

		width: 50px;

	}

}

/*---------------------------------------

tour top

---------------------------------------*/

/*schedule*/

#content .schedule{
	border-top: 2px solid #e696b0;
	color: #3c3c3c;
}
#content .schedule.index{
	border-top: 2px solid #D3D3D3;
}
#content .schedule th{
	border-bottom: 2px solid #e696b0;
	border-right: 1px solid #c8c8c8;
	background: #fbd1df;
	padding: 3px 0;
	text-align: center;
}
#content .schedule.index th{
	border-bottom: 2px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	background: #E9E7CF;
}
#content .schedule td{
	border-bottom: 2px solid #e696b0;
	border-right: 1px solid #c8c8c8;
	vertical-align: middle;
}
#content .schedule.index td{
	border-bottom: 2px solid #D3D3D3;
}
#content .schedule th.col03,
#content .schedule td.col03{
	border-right: none;
}
#content .schedule td.col01{
	width: 100px;
	text-align: center;
	font-size: 115%;
}
#content .schedule.index td.col01{
	font-weight: bold;
}
#content .schedule td.col02{
	width: 363px;
	padding: 10px;
}
#content .schedule td.col02 .belt{
	width: 100%;
	background: #00822d;
	color: #fff;
	text-align: center;
}
#content .schedule.index td.col02 .belt{
	background: none;
    color: #00822d;
    font-size: 110%;
    font-weight: bold;
    text-align: left;
    width: 100%;
}
#content .schedule td.col02 .tournamentLogo{
	float: right;
	margin: 10px 0 0 5px;
}
#content .schedule td.col02 .tournamentName{
	margin-bottom: 5px;
	font-size: 115%;
}
#content .schedule td.col02 .tournamentName a{
	text-decoration: underline;
}
#content .schedule td.col02 .tournamentPlace a{
	color: #3c3c3c;
	text-decoration: underline;
}
#content .schedule td.col03{
	width: 125px;
	padding: 0;
	text-align: center;
}
#content .schedule td.col03 p{
	padding: 15px 0;
}
#content .schedule td.col03 .tournamentWinner{
	width: 100px;
	margin: 0 auto;
	border-bottom: 2px solid #e5e5e5;
	line-height: 1.4em;
}
@media screen and (max-width: 750px){
	#content .schedule td.col02 .tournamentLogo{
		width: 126px;
	}
}

/*---------------------------------------

tour 下層

---------------------------------------*/

/*tournamentHeader*/

#content .tournamentHeader{

	margin-bottom: 20px;

	padding-bottom: 15px;

	border-bottom: 2px dashed #c8c8c8;

	color: #666666;

}

#content .tournamentHeaderIn{

	float: left;

	margin: 10px 0 0 15px;

	font-size: 14px;

}

#content .tournamentHeaderIn .media li{

	float: left;

	margin-right: 10px;

}

#content .tournamentHeaderIn .media li a{

	padding-left: 0.3em;

	color: #666666;

}

@media screen and (max-width: 750px){

	#content .tournamentHeader .logo{

		float: none;

		text-align: center;

	}

	#content .tournamentHeader .logo img{

		width: 276px;

	}

	#content .tournamentHeaderIn{

		margin: 0;

	}

	#content .tournamentHeaderIn .media li img{

		width: 1em;

	}

}

/*mediaList*/

#content .mediaList li{

	float: left;

	margin-right: 10px;

}

#content .mediaList li a{

	padding-left: 0.3em;

	color: #666666;

}

@media screen and (max-width: 750px){

	#content .mediaList li img{

		width: 1em;

	}

}

/*tournamentLink*/

#content .tournamentLink li{

	float: left;

	margin-right: 10px;

}

@media screen and (max-width: 750px){

	#content .tournamentLink li{

		width: 50%;

		margin: 0 0 2%;

	}

	#content .tournamentLink li:nth-child(odd){ padding-right: 2%;}

	#content .tournamentLink li:nth-child(even){ padding-left: 2%;}

	#content .tournamentLink li.widthBig{

		width: 52%;

		padding: 0;

	}

}

/*leaderBoard*/

#content .leaderBoard .h3Area{

	margin-bottom: 10px;

}

#content .leaderBoard .round{

	float: left;

	margin-bottom: 8px;

	border-left: 2px solid #c3c3c3;

}

#content .leaderBoard .round li{

	float: left;

	border-right: 2px solid #c3c3c3;

	line-height: 1em;

	color: #666666;

	cursor: pointer;

}

#content .leaderBoard .round li span{

	padding: 0 1em;

}

#content .leaderBoard .round li span.active{

	padding-bottom: 3px;

	border-bottom: 2px solid #00822d;

	color: #00822d;

}

#content .leaderBoard .unisys{

	float: right;

	clear: both;

	margin-bottom: 2px;

}

/*topics*/

#content .topics .topicsCol{

	margin-bottom: 15px;

	padding-bottom: 10px;

	border-bottom: 1px dotted #ebced8;

}

#content .topics .topicsCol.last{

	margin-bottom: 15px;

	padding-bottom: 10px;

	border-bottom: 2px solid #00822d;

}

#content .topics .photo{

	float: left;

	margin-right: 20px;

}

#content .topics .ttl{

	margin-bottom: 5px;

	font-size: 115%;

}

#content .topics .ttl a{

	text-decoration: underline;

}

@media screen and (max-width: 750px){

	#content .topics .photo{

		width: 30%;

		margin-right: 3%;

	}

	#content .topics .date, #content .topics .ttl{

		float: left;

		width: 67%;

		line-height: 1.3em;

	}

	#content .topics .txt{

		clear: both;

	}

}

/*tv*/

#content .tv dt{

	margin-top: 15px;

	font-size: 115%;

}

#content .tv dd{

	margin-left: 1.3em;

}

/*summary*/

#content .summary{

	font-size: 115%;

}

#content .summary a{

	color: #666;

	text-decoration: underline;

}

#content .summary .summaryLeft{ width: 200px;}

#content .summary .summaryRight{ width: 730px;}

#content .summary .summaryRight dl{

	overflow: hidden;

}

#content .summary .summaryRight dt{

	float: left;

	width: 130px;

}

#content .summary .summaryRight dd{

	float: left;

}

@media screen and (max-width: 750px){

	#content .summary .summaryLeft{

		width: 100%;

		padding: 5% 20% 0;

	}

	#content .summary .summaryRight{

		width: 100%;

	}

	#content .summary .summaryRight dt,

	#content .summary .summaryRight dd{

		float: none;

		width: 100%;

	}

}

/*library*/

#content .library .sliderWrap{

	position: relative;

}

#content .sliderWrap .slider{

	overflow: hidden;

	width: 810px;

	margin: 0 auto;

}

#content .sliderWrap .slider li{

	float:left;

	margin-right: 30px;

}

#content .sliderWrap .slider li.last{

	margin-right: 0;

}

#content .sliderWrap .control{

	display: block;

	position: absolute;

	top: 45px;

	width: 17px;

}

#content .sliderWrap p{

	display: block;

	position: absolute;

	top: 50%;

	margin-top: -16px;

	width: 18px;

}

#content .sliderWrap p.prev{ left: 30px;}

#content .sliderWrap p.next{ right: 30px;}

@media screen and (max-width: 750px){

	#content .library h3 img{

		width: 82px;

		padding-bottom: 7px;

	}

	#content .library .slider{

		width: 100%;

		padding: 0 10%;

	}

	#content .library .slider li{

		width: 32%;

		margin-right:2%;

	}

	#content .sliderWrap p{

		width: 9px;

		margin-top: -10px;

	}

	#content .sliderWrap p.prev{ left: 2%;}

	#content .sliderWrap p.next{ right: 2%;}

}
.Mmarginbot8{
    margin-bottom: 8px;
}
.Mmargintop5{
    margin-top:5px;
}
.Mmargintop40{
    margin-top: 40px;
}
.Mmarginbot50{
    margin-bottom: 50px;
}

/* start 修正日付20150223 */
.JuBanner{
    margin: 15px 0 80px;
}
/* end 修正日付20150223 */
.Mpinkfont{
    color: #00822d;
}
.MalignCenter{
    text-align: center;
}
#content .schedule.index.juniorTable{
    border-left: 1px solid #D3D3CF;
    border-top: 1px solid #D3D3D3;
}
#content .schedule.index.juniorTable td{
    padding: 14px 5px;
    border-bottom: 1px solid #D3D3D3;
}
.Mbgpink{
    background: #fffff3
}
.Mmargin{
    margin: 20px 0 50px;
}
.Mredfont{
    color: #ff0000 ;
}
#content .schedule.index.juniorTable td a.Mbtnpink{
    padding: 0 5px;
    color: white;
    text-decoration: none;
    background: url(../img/bgbtnpink.jpg) repeat-x;
    height: 24px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    margin-top: 5px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.margintop50bot20{
    margin: 50px 0 20px;
}
.tableWrap .famigolf .r_underline {
    border-bottom: 1px solid #646464;
}
#content .schedule.index.juniorTable  th{border-bottom: 1px solid #D3D3D3;}
#content .schedule.index.MtdPadding8 td{
    padding: 8px 13px;
}
#content .addlead {
margin-bottom: 50px;
}
.linedotted{
    width: 100%;
    border-top: 1px dotted #e0e0e0;
    margin: 5px 0;
}
a.graytxt{
    color: #3c3c3c;
}
.txtright{
    text-align: right;
}
.withArrow{
    padding-right: 25px;
}

#content .schedule.index.juniorTable td a{
    color: #3c3c3c;
    /* text-decoration: underline; */
}
.viewmorea{
    color: #3c3c3c;
}
.viewmoreared{
	color: #00822d	;
}
.pastSelectwrap{
	width: 162px;
	float:right;
	margin-top: 3px;
}
.pastSelect{
	position: relative;
}
.selectArea .selectBtn{
	position: relative;
	border: #e0e0e0 1px solid;
	text-indent: 0.5em;
	box-shadow:rgba(237, 237, 237, 0.65098) 0px 0px 1px 0px;
	-webkit-box-shadow:rgba(237, 237, 237, 0.65098) 0px 0px 1px 0px;
	-moz-box-shadow:rgba(237, 237, 237, 0.65098) 0px 0px 1px 0px;
}

.selectArea.pastSelect .selectBtn{
	width: 160px;
	height: 25px;
	display: inline-block;
	line-height: 2.3;
	color: #000;
	float:left;
}
.selectArea.pastSelect select{ 
	width: 162px;
	margin-top: 3px;
}

.selectArea select{
	position: absolute;
	display: none;
	z-index: 9999;
	text-indent: 0.5em;
}

.selectArea .arrow{
	position: relative;
	margin-left: -23px;
	line-height: 2;
}
.selectArea .arrow img{
    width:auto !important;
}

.selectBtn {
	cursor: pointer;
	border-color: #e0e0e0 solid 1px;
	background: rgb(255,255,255);
}
@media screen and (max-width: 750px){
	.selectArea.pastSelect select{ 
		width: 162px;
		left: inherit;
        /*height: 200px;*/
	}
	.selectArea .selectBtn{
		display: none !important;
	}
	.selectArea .arrow{
		display: none !important;
	}
	.selectArea .arrow img{
		width: 11px;
	}
	.selectArea select{
		display: block !important;
		position: inherit;
	}
	select{
		background: url(/official/common/img/icon/icon_select_arrow.png) no-repeat white;
		background-position: 95% center;
	}
}

/* start 修正日付20150225 */


.juniorlessonSceduleTable th,
.juniorlessonSceduleTable td,
.juniorlessonProgramTable th,
.juniorlessonProgramTable td{
	border: 1px solid #D3D3D3;
}
.juniorlessonSceduleTable th,
.juniorlessonProgramTable th{
	background: #E9E7CF;
	padding: 3px 0;
	text-align: center;
}
.juniorlessonSceduleTable td,
.juniorlessonProgramTable td{
	padding: 1em 0;
	text-align:center;
}

.juniorlessonSceduleTable tr:nth-child(odd),
.juniorlessonProgramTable tr:nth-child(odd){
	background: #fffff3;
}

.juniorlessonSceduleTable tr > td:nth-child(1){
	white-space: nowrap;
}
.juniorlessonSceduleTable tr > td:nth-child(2),
.juniorlessonSceduleTable tr > td:nth-child(3){
	width: 180px;
	text-align: left;
	padding: 14px 1em;
}
.juniorlessonSceduleTable tr > td:nth-child(4){
	width: 60px;
}
.juniorlessonSceduleTable a{
	color: #3c3c3c;
}

/*http://192.168.1.11:7001/junior/juniorlesson/XXXX/index.html*/
.juniorlessonProgramTable tr > td:nth-child(1){
	width: 190px;
	padding:1em;
}
.juniorlessonProgramTable tr > td:nth-child(2){
	width: 55px;
}
.juniorlessonProgramTable tr > td:nth-child(3){
	text-align: left;
	padding:1em;
}
/* end 修正日付20150225 */
td.item_title{
	width: 84px;
}