@charset "UTF-8";

html,body{
	height:100%;
}
body{
	/* background: url(../images/bg-body.gif) repeat 0px 0px; */
	background: url(../images/content/bg-stripe.gif) repeat 0px 0px;
}

.mgB10	{ margin-bottom: 10px; }
.mgB15	{ margin-bottom: 15px; }
.mgB20	{ margin-bottom: 20px; }
.mgB30	{ margin-bottom: 30px; }
.mgB40	{ margin-bottom: 40px; }
.mgB50	{ margin-bottom: 50px; }
.mgB60	{ margin-bottom: 60px; }

.mgT10	{ margin-top: 10px; }
.mgT15	{ margin-top: 15px; }
.mgT20	{ margin-top: 20px; }
.mgT30	{ margin-top: 30px; }
.mgT40	{ margin-top: 40px; }
.mgT50	{ margin-top: 50px; }
.mgT60	{ margin-top: 60px; }


.pdB5	{ padding-bottom: 5px; }
.pdB10	{ padding-bottom: 10px; }
.pdB15	{ padding-bottom: 15px; }
.pdB20	{ padding-bottom: 20px; }
.pdB30	{ padding-bottom: 30px; }

.pdT10	{ padding-top: 10px; }
.pdT15	{ padding-top: 15px; }
.pdT20	{ padding-top: 20px; }
.pdT30	{ padding-top: 30px; }

.flL{
	float: left;
}
.flR{
	float: right;
}

.titleL{ 
	text-align: left;
	font-weight: bold;
	font-size: 19px;
	font-weight: bold;
}

.titleM{ 
	padding: 8px 12px;
	border: 1px solid #CCC;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	color: #666666;
}
.titleS{ 
	color: #666666;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
}

#Pan{
	text-align: right;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	padding-bottom: 20px;
}
	#Pan a{
		color: #333;
		text-decoration: underline;
	}
	#Pan ahover{
		color: #333;
		text-decoration: none;
	}

/*
=====================================================================
*
*	Hole
*
* =================================================================== 
*/


#Content #HoleSection{
	background-color: #FFF;
	-moz-border-radius: 5px;
	-moz-box-shadow: inset #666 0px 0px 2px ;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: inset #666 0px 0px 2px;
	padding: 30px 0px 30px 20px;
	margin-bottom: 20px;
}

	#Content .holeBlock{
		width: 100%;
	}
		#Content .holeBlock .cell{
			float: left;
			width: 180px;
			text-align: center;
		}
			#Content .holeBlock .cell .image{
				border-radius: 8px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				background-color: #EFEFEF;
				border: 1px solid #E0E0E0;
				margin: 0 10px;
				padding: 7px 4px;
			}
			#Content .holeBlock .cell .hole{
				color: #232323;
				font-size: 12px;
				font-weight: bold;
				margin: 7px 0 15px 0;
			}
			#Content .holeBlock .cell .leftGreen{
				text-align: right;
				padding-right: 10px;
				padding-bottom: 5px;
			}
			#Content .holeBlock .cell .rightGreen{
				text-align: right;
				padding-right: 10px;
				padding-bottom: 5px;
			}
			#Content .holeBlock .cell .dummyGreen{
				height: 20px;
			}
				#Content .holeBlock .cell .leftGreen span,
				#Content .holeBlock .cell .rightGreen span{
					font-size: 10px;
					padding: 3px 9px;
					border-radius: 2px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
				}
				#Content .holeBlock .cell .leftGreen span 
				{
					color: #FFF;
					background-color: #10315D;
				}
				
				#Content .holeBlock .cell .rightGreen span{
					color: #FFF;
					background-color: #10315D;
				}
		

#EventNameForm{
	
}
	#EventNameForm input{
		width:750px;
		padding: 5px 0px;
		text-indent: 5px;
		font-size: 16px;
	}

#HoleSetting{
	background-color: #EEEEEE;
	padding: 20px;
	margin-bottom: 15px;
}
	#HoleSetting #HoleSettingCourse{
		width:48%;
		float: left;
	}
	#HoleSetting #HoleSettingDate{
		width:48%;
		float: left;
	}

	#HoleSetting #HoleSettingEvent{
		width:48%;
		float: left;
	}
		#HoleSetting p{
			font-size: 12px;
			padding-bottom: 4px;
		}
		#HoleSetting #HoleSettingEvent input#eventName{
			padding: 5px 0px;
			text-indent: 5px;
			font-size: 14px;
			width:90%;
		}
	#HoleSetting #HoleSettingWeather{
		width:48%;
		float: left;
	}
		#HoleSetting #HoleSettingWeather p{
			font-size: 12px;
		}
		#HoleSetting #HoleSettingWeather img{
			border: 1px solid #ddd;
		}
		#HoleSetting #HoleSettingWeather img.imageSelected{
			border: 1px solid #333;
		}
		
	
	#HoleSettingCourse label{
		font-size: 15px;
	}
		
	#HoleSetting .inputDate{
		padding: 5px 0px;
		text-indent: 5px;
		font-size: 14px;
		width:115px;
	}
		
#PrintComment{
	width:900px;
	background: url(../images/content/line.gif) repeat-x left top;
	padding-top: 40px;
	font-size: 12px;
	padding-bottom: 30px;
}
	#PrintComment div{
		padding-left: 10px;
	}
	#PrintComment p{
		font-size: 12px;
		padding-bottom: 3px;
	}
	#PrintComment input{
		width:875px;
		padding: 7px 0px;
		text-indent: 5px;
		font-weight: normal;
		font-size: 14px;
	}
	#PrintComment textarea{
		width:97%;
		padding: 9px 5px;
		background-color: #F9F9F9;
		border: 1px solid #CCCCCC;
		font-size: 110%;
	}


#SearchResult{
	background: #EEEEEE;
	padding: 15px;
	margin-bottom: 35px;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	#SearchResult strong{
		font-size: 15px;
	}
		#SearchResult span{
			padding-right: 20px;
		}

/*
=====================================================================
*
*	Cal
*
* =================================================================== 
*/

#CalNav{
	width:100%;
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#CalNav strong{
		font-size: 30px;
		color: #333333;
	}
	#CalNav a{
		font-size: 120%;
	}

#CalTable{
	width:100%;
	border-collapse: collapse;
	border: #F9F9F9 1px solid;
	margin-bottom: 20px;
}
	#CalTable th,
	#CalTable td{
		border: #E0E0E0 1px solid;
	}
	
	#CalTable thead th{
		/* background-color: #333333; */
		background: url(../images/content/bg3.gif) repeat 0px 0px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		font-size: 11px;
		padding: 4px;
		
	}
	#CalTable tbody td		{
		background-color: #EDEDED;
		vertical-align: top;
		height: 70px;
	}
	#CalTable tbody td.day	{ background-color: #FFF; }
	
	
	#CalTable tbody td.day.selected{
		color: #333333 !important;
		background: url(../images/content/bg2.gif) repeat 0px 0px;
	}
	
	#CalTable tbody td.day span.day{
		display: block;
		text-align: right;
		padding: 3px 3px 5px 3px;
		font-size: 90%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#CalTable tbody td.day div.fixed{
		padding: 0px 3px 3px 3px;
	}
		#CalTable tbody td.day div.fixed span{
			display: block;
			background: #2F9A72;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #FFF;
			font-weight: bold;
			font-size: 11px;
			padding: 4px 3px 3px 4px;
		}
		#CalTable tbody td.day div.unfix span{
			display: block;
			background: #E8AE1E;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color: #FFF;
			font-weight: bold;
			font-size: 11px;
			padding: 4px 3px 3px 4px;
		}
		#CalTable tbody td.day div.eventName span{
			display: block;
			padding: 5px 3px;
			font-size: 11px;
		}


/*
=====================================================================
*
*	Setting
*
* =================================================================== 
*/
#SettingMenu{
	padding-top: 10px;
	padding-bottom: 30px;
}

	#SettingMenu .cell {
		width: 150px;
		float: left;
		margin-right: 8px;
		font-size: 12px;
		text-align: center;
	}
	#SettingMenu .cell.last {
		margin-right: 0px;
		float: right;
	}

	#SettingMenu .cell.secondLine {
		margin-top: 10px;
	}

	#SettingMenu .cell.secondLine.first {
		clear: left;
	}

		#SettingMenu .cell strong {
			display: block;
			border: 1px solid #000;
			padding: 5px 0px;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			background: url(../images/content/bg3.gif) repeat 0px 0px;
			color: #FFF;
		}
	
		#SettingMenu .cell a {
			display: block;
			border: 1px solid #999;
			color: #666;
			padding: 5px 0px;
			text-decoration: none;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		}
	
		#SettingMenu .cell a:hover {
			border: 1px solid #000;
			color: #333;
			font-weight: bold;
		}

/*
=====================================================================
*
*	Fram
*
* =================================================================== 
*/

#Bg{
	/* background: url(../images/bg-head.gif) repeat-x 0px 0px; */
}
#Container{
	width:100%;
	min-width: 960px;
	margin: 0px auto;
}
	#Header{
		width:1000px;
		margin: 0px auto;
		/* height:150px; */
	}
		#Logo{
			display: inline;
			margin: 26px 30px 0px 10px;
			float: left;
			width:150px;
			height:50px;
		}
		#Hnav{
			display: inline;
			float: right;
			margin-right: 10px;
			text-align: right;
			padding-top: 27px;
			color: #666666;
			font-size: 90%;
		}
			#Hnav a{
				color: #333333;
				text-decoration: underline;
			}
			#Hnav a:hover{
				color: #333333;
				text-decoration: none;
			}

		#Gnav{
			width:600px;
			float: left;
			padding-top: 18px;
		}
		#Gnav ul{
				background: url(../images/content/nav/bg_short.png) no-repeat 0px 0px;
				padding: 2px 3px;
			}
				#Gnav ul li{
					width:132px;
					float: left;
					position: relative;
				}
				#Gnav ul li#Pinpos{
					width:192px;
				}
				#Gnav ul li .badge {
					position: absolute;
				    right: 0px;
				}

	#SubHeader{
		width:1000px;
		margin: 0px auto 4px auto;
	}
        #SubHeaderLeft {
            display: inline;
            float: left;
            margin-left: 13px;
            font-size: 15px;
            font-weight: bold;
            color: #333333;
        }
        #SubHeaderRight {
            display: inline;
            float: right;
            margin-right: 10px;
            text-align: right;
            font-size: 90%;
        }
            #SubHeaderRight a {
                margin-left: 15px;
            }
		
	#Main{
		padding-bottom: 20px;
	}
	#Footer{
		width:1000px;
		margin: 0px auto;
		color: #333333;
		text-align: right;
		font-size: 10px;
		padding-bottom: 15px;
	}

/*
=====================================================================
*
*	Content
*
* =================================================================== 
*/
#Content{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
	border: #E9E9E9 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*
	-moz-box-shadow: #333333 0px 0px 3px ;
	-webkit-box-shadow: #333333 0px 0px 3px;
	*/
}
	#ContentInner{
		position: relative;
		padding: 30px 30px 10px 30px;
	}
	
	#Speacer{
		height:1px;
		overflow: hidden;
		filter: alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
	}
	
	
		#Content .contentSection{
			background-color: #FFF;
			-moz-border-radius: 5px;
			-moz-box-shadow: inset #666 0px 0px 2px ;
			-webkit-border-radius: 5px;
			-webkit-box-shadow: inset #666 0px 0px 2px;
			padding: 30px 20px;
			margin-bottom: 20px;
		}

		#Content h2{
			font-size: 17px;
			color: #666666;
		}

		#Content .courseName {
			width: 100%;
			margin: 20px auto;
			font-size: 17px;
			color: #666666;
			text-align: center;
			z-index: -10;
			font-weight: bold;
		}
			#Content .courseName .name {
				display: inline;
			}
			#Content .courseName .start {
				display: inline;
				font-size: 25px;
				color: #666666;
				vertical-align: -1px;
				margin-left: 15px;
			}
			#Content .courseName .hole {
				display: inline;
				/*background: url(../images/pinposition/hole/bg/bg-hole.gif) right no-repeat;
				padding: 15px 8px 15px 15px;*/
				font-size: 12px;
			}
				#Content .courseName .hole .head {
					display: inline;
					background: url(../images/pinposition/hole/bg/bg-hole-head.gif) left no-repeat;
					padding: 8px;
				}
				#Content .courseName .hole .body {
					display: inline;
					background: url(../images/pinposition/hole/bg/bg-hole-body.gif) right repeat-x;
					padding: 8px 8px 8px 4px;
				}
				#Content .courseName .hole .foot {
					display: inline;
					background: url(../images/pinposition/hole/bg/bg-hole-foot.gif) right no-repeat;
					padding: 8px 2px;
				}


		
		#Content .tabBlock2,
		#Content .tabBlock3,
		#Content .tabBlock4,
		#Content .tabBlock5,
		#Content .tabBlock6 {
			text-align: center;
			font-size: 13px;
			font-weight: bold;
			padding-bottom: 30px;
			padding-left: 10px;
		}
			#Content .tabBlock2 .cell{
					width:430px;
					float: left;
					display: inline;
					margin-right: 20px;
			}
			#Content .tabBlock3 .cell{
					width:280px;
					float: left;
					display: inline;
					margin-right: 20px;
			}
			#Content .tabBlock4 .cell{
					width:205px;
					float: left;
					display: inline;
					margin-right: 20px;
			}
			#Content .tabBlock5 .cell{
					width:168px;
					float: left;
					display: inline;
					margin-right: 20px;
			}
			#Content .tabBlock6 .cell{
					width:140px;
					float: left;
					display: inline;
					margin-right: 20px;
			}
			
				#Content .tabBlock2 strong,
				#Content .tabBlock3 strong,
				#Content .tabBlock4 strong,
				#Content .tabBlock5 strong,
				#Content .tabBlock6 strong {
					display: block;
					border: 1px solid #000;
					padding: 7px 0px;
					border-radius: 4px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					background: url(../images/content/bg3.gif) repeat 0px 0px;
					color: #FFF;
				}
				#Content .tabBlock2 a,
				#Content .tabBlock3 a,
				#Content .tabBlock4 a,
				#Content .tabBlock5 a,
				#Content .tabBlock6 a {
					display: block;
					border: 1px solid #999;
					color: #666;
					padding: 7px 0px;
					text-decoration: none;
					border-radius: 4px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
				}
				#Content .tabBlock2 a:hover,
				#Content .tabBlock3 a:hover,
				#Content .tabBlock4 a:hover,
				#Content .tabBlock5 a:hover,
				#Content .tabBlock6 a:hover {
					border: 1px solid #000;
					color: #333;
				}
			
			

		#Content .dateBlock {
			float: right;
			width: 150px;
		}
			#Content .dateBlock .date {
				color: #232323;
				font-size: 15px;
				background: url(../images/pinposition/hole/bg/bg-date.gif) no-repeat left top;
				width: 150px;
				height: 39px;
				text-align: center;
				padding: 10px 0;
			}

		#Content .settingBlock {
			margin: 20px 0;
		}
			#Content .settingBlock .positionBlock {
				width:260px;
				margin: 0 auto;
			}
				#Content .settingBlock .left {
					float: left;
					color: #FFFFFF;
					width: 50px;
					height: 28px;
					line-height: 28px;
					background: url(../images/pinposition/hole/bg/bg-position.gif) left center no-repeat;
					text-align: center;
				}
				#Content .settingBlock .right {
					float: right;
					width: 200px;
				}
					#Content .settingBlock .right .prev {
						float: left;
						width: 28px;
					}
					#Content .settingBlock .right .txt {
						float: left;
						width: 134px;
						height: 28px;
						line-height: 28px;
						background: url(../images/pinposition/hole/bg/bg-point.gif) left center no-repeat;
						text-align: center;
						margin: 0 5px;
						display: inline;

					}
					#Content .settingBlock .right .next {
						float: left;
						width: 28px;
					}
		
		
		
		#Content .backListBtn {
			text-align: right;
			margin-bottom: 20px;
		}
		
		#Content .holeLeftButtomItems {
			margin: 4px 0px 0px 6px;
		}
		
		
		#Content .underline {
			background: url(../images/content/line.gif) repeat-x left bottom;
			padding: 5px 0;
		}
		#Content .switchBlock {
			float: left;
			width: 242px;
		}
			#Content .switchBlock .out {
				float: left;
				width: 121px;
				height: 39px;
				background: url(../images/pinposition/hole/switch-out.gif) no-repeat left top;
			}
				#Content .switchBlock .out a {
					display: block;
					width: 121px;
					height: 39px;
				}
			#Content .switchBlock .in {
				float: left;
				width: 121px;
				height: 39px;
				background: url(../images/pinposition/hole/switch-in.gif) no-repeat left top;
			}
				#Content .switchBlock .in a {
					display: block;
					width: 121px;
					height: 39px;
				}

		#Content .mainImageBlock {
			width: 100%;
			padding: 0 0 30px 0
		}
			#Content .mainImageBlock table {
				width: 100%;
			}
			#Content .mainImageBlock td {
				/* width: 33%; */
			}
			#Content .mainImageBlock .mainImage {}
				#Content .mainImageBlock .mainImage #MainImageSingle{
					width:330px;
					margin: 0px auto;
				}
			
				#Content .mainImageBlock .mainImage img {
					border-radius: 8px;
					-webkit-border-radius: 8px;
					-moz-border-radius: 8px;
					background-color: #EFEFEF;
					border: 1px solid #E0E0E0;
					padding: 8px;
				}
		#Content .mainImageBlock .leftBtn {
			text-align: left;
		}
		#Content .mainImageBlock .rightBtn {
			text-align: right;
		}
		
		
		
		/*#Content .leftBtn {
			float: left;
			width: 33%;
			text-align: left;
		}
		#Content .mainImage {
			float: left;
			width: 33%;
			text-align: center;
		}
			#Content .mainImage .image{
				border-radius: 8px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				background-color: #EFEFEF;
				border: 1px solid #E0E0E0;
				padding: 8px;
			}
		#Content .rightBtn {
			float: left;
			width: 33%;
			text-align: right;
		}*/

		
		#Content .section{
			/*background-color: #FFF;
			-moz-border-radius: 5px;
			-moz-box-shadow: inset #666 0px 0px 2px ;
			-webkit-border-radius: 5px;
			-webkit-box-shadow: inset #666 0px 0px 2px;
			padding: 30px 20px;
			margin-bottom: 40px;*/
		}
		#Content .section p.mainText{
			padding-bottom: 30px;
		}
		
		
		#Content .section.tab{
			margin-top: 40px;
		}
		
		#Content .section ul.tabSet{
			margin-bottom: 30px;
			margin-left: -5px;

		}
			#Content .section ul.tabSet li{
				float: left;
				height:50px;
			}
				#Content .section ul.tabSet li a{
					display: block;
					height:50px;
					background: url(../images/content/tab/tab-bg.png) no-repeat center top;
					color: #555;
					text-decoration: none;
				}
				#Content .section ul.tabSet li a:hover		{
					background: url(../images/content/tab/tab-bg-over.png) no-repeat center top;
					color: #333;
				}
				#Content .section ul.tabSet li.selected a	{
					background: url(../images/content/tab/tab-bg-selected.png) no-repeat center top;
					color: #EEEEEE;
				}
				
				#Content .section ul.tabSet li.left a	{ background-position: left top; }
				#Content .section ul.tabSet li.right a	{ background-position: right top; }
				
				
					#Content .section ul.tabSet li a span{
						display: block;
						line-height: 50px;
						height:50px;
						padding: 0px 10px 0px 8px;
						background: url(../images/content/tab/line.gif) no-repeat right top;
					}
					#Content .section ul.tabSet li.selected a span{
						background: url(../images/content/tab/line-selected.gif) no-repeat right top;
					}
					
					
					#Content .section ul.tabSet li.left a span{
						padding: 0px 34px 0px 39px;
					}
					#Content .section ul.tabSet li.right a span{
						padding: 0px 39px 0px 34px;
						background: none;
					}


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

	errBox

-------------------------*/
.infoBox{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: #AAC33A 0px 0px 4px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 30px;
	color: #333333;
	font-weight: bold;
	border /*\**/: 1px solid #AAC33A\9;
}




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

	errBox

-------------------------*/
.errBox{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: #CC423D 0px 0px 4px;
	/* background: url(../images/content/err/bg.gif) no-repeat left center; */
	padding: 20px 20px 20px 20px;
	margin-bottom: 30px;
	color: #CC423D;
	font-weight: bold;
	border /*\**/: 1px solid #FF0000\9;
}
.errBox,  x:-moz-any-link  { border: 1px solid #FF0000; }
html:\66irst-child .errBox { border: 1px solid #FF0000; }


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

	newsBox

-------------------------*/
.newsBox{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: #CCCCCC 0px 0px 4px;
	border 1px solid #CCCCCC;
	padding: 10px 20px 10px 20px;
	margin-bottom: 30px;
	color: #333333;
	background-color: #F6F6F6;
}

.newsBox a {
	text-decoration: none;
	color: #333333;
}

.newsBox .date{
	text-decoration: none;
}

.newsBox .title{
	margin-left: 10px;
	text-decoration: underline;
}

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

	form input

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

form.inputForm{
	
}
	form.inputForm table{
		border-collapse: collapse;
		border: 1px solid #CCCCCC;
		width:100%;
		margin-bottom: 40px;
	}
	form.inputForm table.mgB0{
		margin-bottom: 0px;
	}
	
	form.inputForm caption{
		background: url(../images/content/bg3.gif) repeat 0px 0px;
		padding: 5px;
		color: #FFF;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
	}
	

/* payColor */
	form.inputForm table .payA{width: 60px; height: 10px; background-color: #961421;}
	form.inputForm table .payB{width: 60px; height: 10px; background-color: #B84200;}
	form.inputForm table .payC{width: 60px; height: 10px; background-color: #D8561D;}
	form.inputForm table .payD{width: 60px; height: 10px; background-color: #DE8859;}
	form.inputForm table .payE{width: 60px; height: 10px; background-color: #F28C1F;}
	form.inputForm table .payF{width: 60px; height: 10px; background-color: #F2C71F;}
	form.inputForm table .payG{width: 60px; height: 10px; background-color: #EFC059;}
	form.inputForm table .payH{width: 60px; height: 10px; background-color: #FFB873;}
	form.inputForm table .payI{width: 60px; height: 10px; background-color: #ED99BA;}
	form.inputForm table .payJ{width: 60px; height: 10px; background-color: #632E8F;}
	form.inputForm table .payK{width: 60px; height: 10px; background-color: #7D4FB0;}
	form.inputForm table .payL{width: 60px; height: 10px; background-color: #2E4DA3;}
	form.inputForm table .payM{width: 60px; height: 10px; background-color: #457CBA;}
	form.inputForm table .payN{width: 60px; height: 10px; background-color: #66BFEA;}
	form.inputForm table .payO{width: 60px; height: 10px; background-color: #2A4F1C;}
	form.inputForm table .payP{width: 60px; height: 10px; background-color: #338066;}
	form.inputForm table .payQ{width: 60px; height: 10px; background-color: #2A801C;}
	form.inputForm table .payR{width: 60px; height: 10px; background-color: #5BC265;}
	form.inputForm table .payS{width: 60px; height: 10px; background-color: #AEE345;}
	form.inputForm table .payT{width: 60px; height: 10px; background-color: #CFD900;}




		form.inputForm table th{
			background-color: #F9F9F9;
			border: 1px solid #CCCCCC;
			padding: 15px 10px;	
			font-size: 12px;
			color: #333333;
		}
		form.inputForm table td{
			border: 1px solid #CCCCCC;
			padding: 20px 10px;	
		}
		
			form.inputForm table td input.text{
				padding: 9px 0px;
				text-indent: 5px;
				background-color: #F9F9F9;
				border: 1px solid #CCCCCC;
				font-size: 120%;
			}
			form.inputForm table td input.text.full{
				width:97%;
			}
			form.inputForm table td .eke{
				padding-top: 5px;
				padding-left: 2px;
				font-size: 12px;
				color: #666666;
			}
			form.inputForm table td .advice{
				padding-top: 5px;
				padding-left: 2px;
				font-size: 12px;
				color: #CC423D;
			}
			
			form.inputForm table td textarea{
				width:97%;
				padding: 9px 5px;
				background-color: #F9F9F9;
				border: 1px solid #CCCCCC;
				font-size: 110%;
			}
			
			form.inputForm table .radio label{
				font-size: 15px;
				border: 1px solid #FFF;
				padding-left: 2px;
				padding-right: 10px;
			}
			form.inputForm table .checkbox label{
				font-size: 15px;
				border: 1px solid #FFF;
				padding-left: 2px;
				padding-right: 10px;
			}
			
			form.inputForm table .select select{
				font-size: 115%;
			}
			
			form.inputForm table .image{}
				form.inputForm table .image .img{
					display: inline;
					float: left;
					margin-right: 20px;
				}
				
				form.inputForm table .image input{
					padding: 9px 0px;
					text-indent: 5px;
					background-color: #F9F9F9;
					border: 1px solid #CCCCCC;
					font-size: 100%;
				}
			


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

	index

-------------------------*/
#UserAgentWarning{
    border: 1px solid #FF0000;
    text-align: left;
    color: #CC423D;
    font-weight: bold;
    margin: 40px auto;
    width: 460px;
    padding: 20px;
    background-color : #ffffff;
    font-size: 150%;
}


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

	form

-------------------------*/
form sup{
	color: #FF0000;
	font-size: 90%;
}

.formWrap{
	background: url(../images/content/bg.gif) repeat 0px 0px;
	padding: 20px;
	margin-bottom: 20px;
}


.normalSet{
	padding-bottom: 30px;
}

/*----labelSet----*/
	#Content form .labelSet .labelName{
	    margin-top: 10px;
		color: #666666;
		font-weight: bold;
		font-size: 13px;
		padding-bottom: 5px;
	}
	#Content form .labelSet span.eke{
		padding-left: 10px;
		font-size: 12px;
	}


/*----textbox----*/
	#Content form .normalText input.text{
		padding: 7px 0px;
		text-indent: 5px;
		background-color: #F9F9F9;
		border: 1px solid #CCCCCC;
		font-size: 110%;
	}
	#Content form .normalText p.eke{
		display: block;
		font-size: 11px;
		color: #666;
		padding-top: 5px;
	}
	
	
	
	#Content form .normalText input.submit{
		font-size: 15px;
	}


/*----textarea----*/
	#Content form .normalTextarea textarea{
		width:100%;
		padding: 8px 5px;
		background-color: #F9F9F9;
		border: 1px solid #CCCCCC;
		font-size: 110%;
		min-height: 70px;
	}

/*----select----*/
	#Content form .normalSelect select{
		font-size: 110%;
		color:#666666;
		vertical-align:bottom;
	}

/*----radio / checkbox----*/
	
	#Content form .normalRadioCheck{
		font-size: 110%;
	}
		#Content form div.normalRadioCheck label{ padding-right: 15px; }

/*----File----*/
	#Content form .normalFile{
		font-size: 130%;
	}

/*----btns----*/
	#Content .btns{
		text-align: center;
		padding: 15px 0px 30px 0px;	
	}
		#Content .btns input{
			padding: 0px 5px;
		}


	input.rightSubmit{
		position: absolute;
		margin-top: -2px;
		margin-left: 5px;
		
	}



/*----planSearch----*/
.planSearch{
	
}
	#PlanSearchLeft{
		width:50%;
		float: left;
	}
	#PlanSearchRight{
		width:50%;
		float: left;
	}


		.planSearch th{
			font-size: 11px;
			padding: 10px 10px 10px 0px;
			text-align: right;
		}
		.planSearch td{
			font-size: 13px;
			padding: 6px 0px;
		}
			.planSearch td select{
				position: relative;
				margin-top: -1px;
			}
			
			.planSearch .resetBtn{
				float: right;
				margin-top: 12px;
			}
			.planSearch .serachBtn{
				float: right;
			}


			.planSearch input.text{
				padding: 4px 0px;
				text-indent: 2px;
				background-color: #F9F9F9;
				border: 1px solid #CCCCCC;
				font-size: 110%;
			}
			
			.planSearch td select{
				font-size: 15px;
			}


.inputForm{
	
}
	.inputForm .normalText{
		padding-bottom: 30px !important;
		border-bottom: 1px solid #E9E9E9 !important;
		margin-bottom: 30px !important;
	}



/*----table----*/
	
	#Content .normalTable1,
	#Content .normalTable2 {
		margin-bottom: 30px;
	}
	
	#Content .normalTable1 table,
	#Content .normalTable2 table{
		border-collapse: collapse;
		border-bottom: #E9E9E9 1px solid;
		font-size: 11px;
		width:100%;
		margin-bottom:0px;
	}
	
	#Content .normalTable1 table.widthAuto,
	#Content .normalTable2 table.widthAuto{
		width:auto;
	}
	
	
	
	
		#Content .normalTable1 table caption,
		#Content .normalTable2 table caption{
			text-align: left;
			font-weight: bold;
			padding-bottom: 5px;
		}
		
		#Content .normalTable1 table thead th{
			background-color: #637B99;
			color: #FFF;
			font-weight: bold;
			padding: 5px;
		}
		#Content .normalTable2 table thead th{
			background: url(../images/content/bg3.gif) repeat 0px 0px;
			color: #EEEEEE;
			font-weight: bold;
			padding: 5px;
		}
	
		#Content .normalTable1 table tbody td,
		#Content .normalTable2 table tbody td{
			border-top: #CCCCCC;	
			padding: 10px 15px 10px 7px;
		}
			#Content .normalTable1 table tbody td.thum img,
			#Content .normalTable2 table tbody td.thum img{ border: 5px solid #EEEEEE; }
		
		
		#Content .normalTable1 table tbody tr.even td,
		#Content .normalTable2 table tbody tr.even td{
			background-color: #F6F6F6;
		}

		#Content .normalTable1 .caption,
		#Content .normalTable2 .caption{
			padding-bottom: 5px;
		}
		#Content .normalTable1.dataTable .caption,
		#Content .normalTable2.dataTable .caption{
			padding-bottom: 13px !important;
		}
		
		
		#Content .normalTable1 .caption p,
		#Content .normalTable2 .caption p{
			float:left;
			text-align: left;
			font-weight: bold;
			padding-top:15px;
			font-size: 16px;
			font-weight: bold;
		}
		#Content .normalTable1 .caption .left,
		#Content .normalTable2 .caption .left{
			float:left;
			padding-top:15px;
		}
		
		#Content .normalTable1 .caption .right,
		#Content .normalTable2 .caption .right{
			display:block;
			float:right;
		}
		
		#Content .normalTable1 table tbody tr.over td,
		#Content .normalTable2 table tbody tr.over td,
		#Content .normalTable1 table tbody tr.over.even td,
		#Content .normalTable2 table tbody tr.over.even td{
			cursor:pointer;
			/*background: url(../images/content/bg.gif) repeat 0px 0px;*/
		}
		
		
		#Content .normalTable1 table tbody tr td.mod,
		#Content .normalTable2 table tbody tr td.mod,
		#Content .normalTable1 table tbody tr.even td.mod,
		#Content .normalTable2 table tbody tr.even td.mod {
			padding:0px;
			/* width: 90px; */
			padding-right: 5px;
		}
		
		/*
		#Content table .modPanel {
			background-color: rgba(66,82,102,0.85);
			display:none;
			position:absolute;
			overflow:hidden;
		}
		
			#Content table .modPanelInner {
			}
				#Content table .modPanelNav {
					padding:0px 20px 0px 30px;
					color:#ffffff;
				}
					#Content table .modPanelNav a {
						color:#ffffff;
						display:block;
						padding-right:10px;
						float:left;
						padding-top: 10px;
					}
		*/

#Content .paging {
	text-align:center;
	padding: 15px 0px;
}
	#Content .paging img {
		vertical-align: -8px;
	}
	#Content .paging a,
	#Content .paging strong {
		padding: 0px 3px;
	}
	#Content .paging .prev {
		padding-right: 0px;
	}
	
	#Content .paging span.prev,
	#Content .paging span.next {
		filter: alpha(opacity=40);
		-moz-opacity:0.4;
		opacity:0.4;
	}



.err{
	margin-top: 23px;	
	padding-bottom: 10px;
	line-height: 1.0;
}
	.err img{
		position: absolute;
		margin-top: -8px;
		margin-left: 10px;
	}
.err span{
	background-color: #CC423D;
	color: #CC423D;
	font-size: 12px;
	font-weight: bold;
	display: inline;
	float: left;
}
	.err span span{
		
	}
	.err span strong{
		display: block;
		margin: 2px;
		padding: 7px;
		background: #FFF;
	}



/*
=====================================================================
*
*	Side
*
* =================================================================== 
*/

#CalDialog{
	text-align: left;
}
	#CalDialog fieldset{
		border: none !important;
	}
		#CalDialog .radioCell{
			padding-bottom: 4px;
		}
		#CalDialog label{
			font-size: 14px;
			padding-bottom: 2px;
		}
		
		#CalDialog div.alC{
			text-align: center;
			padding-top: 10px;
		}
		

		



/*
=====================================================================
*
*	Side
*
* =================================================================== 
*/
#Side{
	position: absolute;
	width:240px;
	margin-left: 20px;
	background: url(../images/side/wrap-head.png) no-repeat 0px 0px;
	padding-top: 16px;text-align: left;
}
	#SideClose{
		position: fixed;
		left: 260px;
		top: 80px;
		height:100%;
	}
	#SideClose a {
		display:block;
		height:100%;
	}
	
	#Side .foot{
		background: url(../images/side/wrap-foot.png) no-repeat left bottom;
		padding-bottom: 15px;
	}
		#Side .body{
			background: url(../images/side/wrap-body.png) repeat-y 0px 0px;
			padding: 0px 20px 20px 20px;
		}
		
			#Side h2{}
				#SideNav{
					background: url(../images/side/line.gif) no-repeat 0px 0px;
				}
					ul#SideNav li{
						display: block;
						float: left;
						width:200px;
						background: url(../images/side/line.gif) no-repeat left bottom;
						
					}
						ul#SideNav li a{
							display: block;
							color: #E9E9E9;
							padding: 13px 10px;
							text-decoration: none;
							font-size: 13px;
							font-weight: bold;
							text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
							background: url(../images/side/icon-link.gif) no-repeat right center;
							-webkit-transition-property: background-color;
							-webkit-transition-duration: 0.2s;
							-webkit-transition-timing-function: ease-out;
						}
						
						ul#SideNav li a.handle {
							background: url(../images/side/icon-open.gif) no-repeat right center;
							margin-bottom: 0px;
						}
						
						ul#SideNav li a:hover,
						ul#SideNav li a.handle:hover {
							background-color: rgba(0,0,0,0.1);
						}
						
						ul#SideNav li a.handle.selected {
							background: url(../images/side/icon-close.gif) no-repeat right center;
							background-color: rgba(0,0,0,0.1);
						}
						
						ul#SideNav li ul {
							background-color: rgba(0,0,0,0.1);
							padding-bottom: 10px;
						}
							ul#SideNav li ul li{
								background: none;
							}
								ul#SideNav li ul li a{
									padding: 5px 10px;
									line-height: 1.3;
									margin: 0px;
									font-size: 12px;
									font-weight: normal;
									background: none;
									text-shadow: none;
								}
								ul#SideNav li ul li a:hover{
									background-color: rgba(0,0,0,0.1);
								}
						

/*
=====================================================================
*
*	Alert
*
* =================================================================== 
*/

#Alert {
	display:none;
}
#CalAlert {
	/* display:none; */
}

#AlertBg,
#CalAlertBg{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#333333;
	filter: alpha(opacity=80);
	-moz-opacity:0.85;
	opacity:0.85;
}
* html #AlertBg,
* html #CalAlertBg { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    /*
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	*/
}

	#AlertWin,
	#CalAlertWin {
		position: fixed;
		top:50%;
		left:50%;
		width:360px;
		height:auto;
		margin-top: -100px;
		margin-left: -180px;
		border: #FFF 2px solid;
		background-color: rgba(51,51,51,0.85);
		-moz-border-radius: 10px;
	    -moz-box-shadow: #333333 0px 0px 10px ;
	    -webkit-border-radius: 10px;
		-webkit-box-shadow: #333333 0px 0px 10px;
		text-align: left;
		color: #FFF;
	}
		#AlertWinInner,
		#CalAlertWinInner{
			padding: 35px 30px 30px 30px;
		}
		
			#AlertWin p,
			#CalAlertWin p{
				margin-bottom: 10px;
				padding: 0px 5px;
				font-weight: bold;
			}
			#AlertWin .btns,
			#CalAlertWin .btns{
				padding-top: 10px;	
			}
				#AlertWin .btns .cancel,
				#CalAlertWin .calBtn .cancel{
					width:150px;
					float: left;
				}
				#AlertWin .btns .ok,
				#CalAlertWin .calBtn .ok{
					width:150px;
					float: right;
				}

		
		#CalAlertWinInner .msg{
			text-align: center;
			padding-bottom: 15px;
		}
		
		#CalAlertWinInner span#date{
			font-weight: bold;
			font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 15px;
			display: block;
			padding-bottom: 4px;
		}
		
		#CalAlertWinInner div.cal{
			padding: 0px 5px;
			text-align: center;
		}
		
			#CalAlertWinInner .inputDate{
				width:120px;
				padding: 5px 0px;
				text-indent: 5px;
				font-size: 16px;
				font-weight: bold;
			}
		#CalAlertWinInner .calBtn{
			text-align: center;
			padding-top: 20px;
		}

/*
=====================================================================
*
*	Login
*
* =================================================================== 
*/
#Login{
	width:500px;
	margin: 40px auto 26px auto;
	border: #FFF 2px solid;
	background-color: rgba(51,51,51,0.85);
	-moz-border-radius: 10px;
    -moz-box-shadow: #333333 0px 0px 10px ;
    -webkit-border-radius: 10px;
	-webkit-box-shadow: #333333 0px 0px 10px;
	text-align: left;
	color: #FFF;
}

	#LoginLogo{
		text-align: center;
		padding: 25px 10px 20px 10px;
	}

	#Login form{
		width: 460px;
		margin: 0px auto;
	}
	#Login form dl{
		padding-bottom: 20px;
	}
	
		#Login form dt{
			font-size: 90%;
			font-weight: bold;
			padding-bottom: 5px;
		}
		#Login form dd{
			margin-bottom: 15px;
		}
		
			#Login form .textfield{
				width:100%;
				font-size: 115%;
				padding: 5px 0px;
				text-indent: 5px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border: none;
			}
	
	
	#Login #Submit{
		text-align: center;
		padding-bottom: 20px;
	}
		#Login #Submit p{ margin-bottom: 10px; }
		#Login #Submit input#SubmitLogin{
			font-size: 13px !important;
			width: 120px;
			height: 40px;
		}

#LoginNav {
	font-size: 90%;
}
	#LoginNav a {
		margin-left: 10px;
		margin-right: 10px;
	}

#LoginBanner {
	margin-top: 36px;
}

	#Golfselect{}
		#Golfselect dt{}
			#Golfselect dt sup{
				font-size: 10px;
			}
		#Golfselect dd select{
			font-size: 115%;
			width:455px;
		}

            #Golfselect dd select option.disable {
                background-color: #dcdcdc !important;
            }


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

    Admin Contents

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

.textright { text-align: right; }
.textleft { text-align: left; }
.textcenter { text-align: center; }

.user_profile 
{
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #CCC;
    padding: 5px;
    width: 100%;
}
.user_profile .thum
{
   float: left;
   width: 80px;
}
.user_profile .thum img
{
    border: 5px solid #CCC;
}
.user_profile .info
{
   float: left;
   width: 200px;
}

.user_menu {
  margin: 0;
  padding: 5px;
  width: 100%;
  border: 1px solid #CCC;
  background-color: #eee;
}

.user_menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.user_menu li{
  float: left;
  margin: 0;
  padding: 0;
  display: block;
  padding: 5px;
}

.user_menu end 
{
    clear: both;
}

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

    999. HIDE

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

/*--------------------for MacIE--------------------*/
.loadMore span {
	text-indent:-9999px;
}

/*--------------------Hides from IE-mac--------------------\*/
.loadMore span {
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}



/*
=====================================================================
*
*    clearfix
*
* =================================================================== 
*/
.labelSet:after,
.tabSet:after,
#Content .normalTable1 .caption:after,
#Content .normalTable2 .caption:after,
#Content table .modPanelNav:after
{
    content		: " ";
    display		: block;
    visibility	: hidden;
    clear		: both;
    height		: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}
.labelSet,
.tabSet,
#Content .normalTable1 .caption,
#Content .normalTable2 .caption,
#Content table .modPanelNav
{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .labelSet,
*html .tabSet,
#Content .normalTable1 .caption,
#Content .normalTable2 .caption,
#Content table .modPanelNav
{
	height:1%;
}
.labelSet,
.tabSet
#Content .normalTable1 .caption,
#Content .normalTable2 .caption,
#Content table .modPanelNav
{
	display:block;
}
/* End hide from IE-mac */