/*
 * メイン
*/
@charset 'utf-8';

/*************************/
/* ページタイトル */
/*************************/
/* ページタイトル1 */
.PageTitle1 {
	font-size:				115%;
	margin-top:				5px;
	margin-bottom:			5px;
	padding:				3px 0 3px 8px;
	border-bottom:			1px solid #dcdcdc;
	border-left:			10px solid #dcdcdc;
}

/* ページタイトル2 */
.PageTitle2 {
	font-weight:			bold;
	margin:					10px 0 10px 5px;
	padding:				3px 0 3px 35px;
	border-bottom:			1px dotted #195016;
	background-repeat:		no-repeat;
	background-size:		25px 25px;
	background-position:	3px 0px;
}
.PT2Img1 {
	background-image:		url('../../img/logo_driver.png');
}
.PT2Img2 {
	background-image:		url('../../img/logo_putter.png');
}
.PT2Img3 {
	background-image:		url('../../img/logo_swing1.png');
}
.PT2Img4 {
	background-image:		url('../../img/logo_swing2.png');
}
.PT2Img5 {
	background-image:		url('../../img/logo_mail.png');
}
.PT2Img6 {
	background-image:		url('../../img/logo_tel.png');
}

/* ページタイトル3 */
.PageTitle3 {
	font-weight:			bold;
	margin:					15px 0px;
	padding:				3px 0 3px 5px;
	border-bottom:			1px dotted #dcdcdc;
}

/* ページタイトル4 */
.PageTitle4 {
	font-weight:			bold;
	color:					#b22222;
	margin:					20px 0px 10px;
	padding:				3px 0 3px 5px;
	border-left:			15px solid #b22222;
	border-bottom:			4px solid #b22222;
}

/* ページタイトル5（3の亜種）*/
.PageTitle5 {
	font-weight:			bold;
	margin:					15px 0px 5px;
	padding:				3px 0 3px 5px;
	border-bottom:			1px dotted #666666;
}
/* ページタイトル6（5の亜種）*/
.PageTitle6 {
	font-weight:			bold;
	margin:					5px 0px 5px;
	padding:				3px 0 3px 2px;
	border-bottom:			1px dotted #666666;
}

/* ページタイトル7（4の亜種、coachではspanで使用） */
.PageTitle7 {
	font-weight:			bold;
	color:					#666;
	margin:					5px 0px 10px;
	padding:				3px 0 3px 5px;
	border-left:			15px solid #666;
	border-bottom:			2px solid #666;
	display:inline-block;
}

/* ページタイトル8（7の亜種、coachではspanで使用） */
.PageTitle8 {
	font-weight:			bold;
	color:					#666;
	margin-top:				10px;
	padding:				6px 0 0px 5px;
	border-left:			15px solid #666;
	border-bottom:			2px solid #666;
	display:inline-block;
}

/*************************/
/* テーブル */
/*************************/
/* ベーシック1 */
.BasicTable1 {
	width:					98%;
	margin:					5px 0px 5px 10px;
}
.BasicTable1 th{
	width:					30%;
	font-weight:			normal;
	border:					1px solid #dcdcdc;
	background-color:		#f5f5f5;
}
.BasicTable1 td{
	width:					70%;
	border:					1px solid #dcdcdc;
	padding-left:			5px;
}
.BasicTable1 .Title{
	border:					none;
	padding-top:			5px;
}
.BasicTable1 img{
	width:					95%;
	max-width:				300px;
	margin:					5px auto;
	border:					1px solid #333333;
}
.BasicTable1 th.w13{
	width:					13%;
}
.BasicTable1 td.w20R{
	width:					20%;
	color:					#ff0000;
	font-weight:			bold;
}
.BasicTable1 th.w25{
	width:					25%;
}
.BasicTable1 td.w50{
	width:					50%;
}

/* ベーシック1 */
.BasicTable2 {
	width:					98%;
	margin:					5px 0px 5px 10px;
}
.BasicTable2 th{
	font-weight:			normal;
	border:					1px solid #dcdcdc;
	background-color:		#f5f5f5;
}
.BasicTable2 td{
	border:					1px solid #dcdcdc;
	padding-left:			5px;
}

/*************************/
/* リードテキスト */
/*************************/
/* リード1 */
.LeadText1 {
	border:					1px solid #dcdcdc;
	margin-bottom:			20px;
}
.LeadText1 p{
	margin:					3px 0 3px 15px;
}
.LeadText1 p.Title{
	font-weight:			bold;
	margin-left:			5px;
}

/* リード2 */
.LeadText2 {
	margin-top:				10px;
	margin-bottom:			10px;
}
.LeadText2 p{
	margin:					3px 0 3px 10px;
}
.LeadText2 p.Title{
	font-weight:			bold;
	margin-left:			5px;
}

/*************************/
/* リードイメージ */
/*************************/
.LeadImg {
	width:					100%;
	margin-bottom:		25px;
}
.LeadImg img{
	width:					100%;
}

/*************************/
/* 画像＆テキストエリア */
/*************************/
/* メインエリア */
.ImgTextArea {
	width:					98%;
	margin:					10px auto 20px;
}
/* N分割ブロック共通 */
.ImgTextArea .Box{
	float:					left;
	margin:					2px;
	color:					#000;
}
/* 横2分割ブロック */
.ImgTextArea .Box1{
	width:					100%;
}
/* 横2分割ブロック */
.ImgTextArea .Box2{
	width:					48%;
}
/* 横3分割ブロック */
.ImgTextArea .Box3{
	width:					32%;
}
/* 横4分割ブロック */
.ImgTextArea .Box4{
	width:					24%;
}
/* 横5分割ブロック */
.ImgTextArea .Box5{
	width:					19%;
}
/* 横6分割ブロック */
.ImgTextArea .Box6{
	width:					15%;
}

/* N分割ブロックリンク共通 */
.ImgTextArea .BoxLink:hover{
	color:					#ff6347;
	text-decoration: 		underline;
}

/* img用レイヤー */
.ImgTextArea div.Img{
	text-align:				center;
}
/* text用レイヤー */
.ImgTextArea div.Text{
}

/* img */
.ImgTextArea img{
	width:					95%;
	margin:					5px auto;
}
/* p */
.ImgTextArea p{
	margin:					3px 0 3px 10px;
}
/* pタイトル */
.ImgTextArea p.Title{
	font-weight:			bold;
	margin-left:			5px;
}
/* メインエリアfloat解除 */
.ImgTextArea:after {
	content:				'';
	display:				block;
	clear:					both;
}

/***** MediaQuery *****/
/* 599以下はスマホ */
@media (max-width: 599px) {
}

/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.ImgTextArea .Box{
		width:				100%;
	}

	.ImgTextArea div.Img{
		width:				30%;
		float:				left;
	}
	.ImgTextArea div.Text{
		display:			table-cell;
		padding-top:		10px;
	}

	.ImgTextArea .Box:after{
		content:				'';
		display:				block;
		clear:					both;
	}
}

/* 768以上は大型タブレット＆PC */
@media (min-width: 768px) {
}

/*************************/
/* 画像＆テキストエリア2 */
/*************************/
.ImgTextArea2 {
	width:					95%;
	margin: 			5px auto 20px;
}
.ImgTextArea2 .Left{
	margin-right:		10px;
	float:					left;
}
.ImgTextArea2 .Right{
	padding:				5px 10px;
}
.ImgTextArea2 .w30{
	width:					30%;
}
.ImgTextArea2 .w40{
	width:					40%;
}
.ImgTextArea2 .w50{
	width:					50%;
}
.ImgTextArea2 .w60{
	width:					60%;
}
.ImgTextArea2 .w70{
	width:					70%;
}
.ImgTextArea2 img {
	width:					100%;
	border:					1px solid #333;
}
.ImgTextArea2 .Title{
	width:				100%;
	margin-bottom:	10px;
	font-weight:		bold;
	color:				#ff0000;
}
.ImgTextArea2:after {
	content:				'';
	display:				block;
	clear:					both;
}
/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.ImgTextArea2 .Left{
		float:				none;
		width:				100%;
	}
}

/*************************/
/* 画像＆テキストエリア3 */
/*************************/
.ImgTextArea3 {
	width:				100%;
	margin: 			20px auto 20px;
	border:				1px solid #dcdcdc;
	padding:			10px 0px;
}
.ImgTextArea3Inner {
	width:				70%;
	margin: 			0px auto;
}
.ImgTextArea3 .Title{
	width:				100%;
	margin-bottom:	10px;
	font-weight:		bold;
	color:				#ff0000;
}
.ImgTextArea3 .Left{
	width:				45%;
	float:					left;
}
.ImgTextArea3 .Right{
	width:				45%;
	float:					right;
}
.ImgTextArea3 img {
	width:					100%;
}
.ImgTextArea3 .Text{
	width:				100%;
	margin-top:			10px;
}
.ImgTextArea3:after {
	content:				'';
	display:				block;
	clear:					both;
}

/*************************/
/* ロゴ画像つき文字 */
/*************************/
.LockLogo {
	background-image:		url('../../img/logo_lock32.png');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	0px 0px;
	padding-left:			22px;
}
.SiteMapLogo {
	background-image:		url('../../img/logo_map32.png');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	0px 0px;
	padding-left:			22px;
}
/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.LockLogo {
		background-size:		13px 13px;
		background-position:	0px 0px;
		padding-left:			16px;
	}
	.SiteMapLogo {
		background-size:		13px 13px;
		background-position:	0px 0px;
		padding-left:			15px;
	}
}

/*************************/
/* その他汎用 */
/*************************/
/* font-sizeセット */
.Font95 {font-size:		95%;}
.Font90 {font-size:		90%;}
.Font85 {font-size:		85%;}
.Font80 {font-size:		80%;}

/* widthセット */
.w100 {width:			100%;}
.w95 {width:			95%;}
.w90 {width:			90%;}
.w85 {width:			85%;}
.w80 {width:			80%;}
.w75 {width:			75%;}
.w70 {width:			70%;}
.w65 {width:			65%;}
.w60 {width:			60%;}
.w55 {width:			55%;}
.w50 {width:			50%;}
.w45 {width:			45%;}
.w40 {width:			40%;}
.w35 {width:			35%;}
.w30 {width:			30%;}
.w25 {width:			25%;}
.w20 {width:			20%;}
.w15 {width:			15%;}
.w10 {width:			10%;}
.w05 {width:			5%;}

/* maxWidthセット */
.maxw50 {width:			50px;}
.maxw100 {width:		100px;}
.maxw150 {width:		150px;}
.maxw200 {width:		200px;}
.maxw250 {width:		250px;}
.maxw300 {width:		300px;}
.maxw350 {width:		350px;}
.maxw400 {width:		400px;}
.maxw450 {width:		450px;}
.maxw500 {width:		500px;}

/* minWidthセット */
.minw20 {width:			20px;}
.minw40 {width:			40px;}
.minw60 {width:			60px;}
.minw80 {width:			80px;}
.minw100 {width:		100px;}
.minw120 {width:		120px;}
.minw140 {width:		140px;}
.minw160 {width:		160px;}
.minw180 {width:		180px;}
.minw200 {width:		200px;}
.minw250 {width:		250px;}
.minw300 {width:		300px;}
.minw350 {width:		350px;}
.minw400 {width:		400px;}

/* heightセット */
.h15 {height:			15px;}
.h12 {height:			12px;}
.h10 {height:			10px;}
.h09 {height:			9px;}
.h08 {height:			8px;}
.h07 {height:			7px;}
.h06 {height:			6px;}
.h05 {height:			5px;}

/* colorセット */
.FRed {color:			#ff0000;}
.FBlue {color:			#0000ff;}
.FWhite {color:			#fff;}
.FGray {color:			#a9a9a9;}
.FYellow {color:		#ffff00;}

/* bold */
.FBold {font-weight:	bold;}

/* Spacer */
hr.Spacer {
	border:				none;
}

/* text-alignセット */
.taC {text-align:		center;}
.taL {text-align:		left;}
.taR {text-align:		right;}

/* 倶楽部からのお知らせ用 */
.BRd {
	font-weight:	bold;
	color:			#ff0000;
}
.BBk {
	font-weight:	bold;
}
.Rd {
	color:			#ff0000;
}

/* jQueryUI Dialog */
.ui-dialog {
	position: fixed !important;
	top:50% !important;
	left:50% !important;
	transform: translate(-50%, -50%) !important;
}
