@charset "utf-8";


  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section,  {
    display: block;
  }

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* ------------------------ */
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; }
p { margin: 0px 0px 3px 0px; padding: 0; border: 0; font-size: 100%; }
div, blockquote, pre, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; font-size: 100%; }
table, caption, th, td { font-style: normal; font-weight: normal; font-size: 100%; border-collapse: collapse; margin-bottom: 0px; }
th { white-space: nowrap; vertical-align:top; }
hr { margin: 0; padding: 0; font-size: 100%; }
iframe { margin: 0; padding: 0; border: 0; font-size: 100%; }
form, fieldset, input, button, select, optgroup, option, textarea, label, legend { margin: 0; padding: 0; font-size: 100%; }
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br, ins, del, a, img, object { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: inherit; font-size: 100%; }
ul, ol { list-style-position:outside; list-style-type:none; }
/* ------------------------ */


header{height:140px; text-align:center;  z-index:3; position:relative; background: url(../img/hback.gif) repeat-x;/*url(../overlays/05.png) #333; */border-bottom:#53ba2c 5px solid;}

#headerarea{
	max-width:1200px;
	min-width:1024px;
	width:100%;
	margin-top:0px;
	margin-left: auto;
	margin-right:auto;
	padding:0px;
	text-align: left;
	}


#headerarea .logoarea{
	float:left; background:#FFF;
	}
#headerarea h1{
	height:139px; overflow:hidden;
box-shadow:0px 1px 0px 0px #CCC;
-moz-box-shadow:0px 1px 0px 0px #CCC;
-webkit-box-shadow:0px 1px 0px 0px #CCC;
}

#gnavi {height:auto; width:1020px;text-align:center; margin:0px 20px;}
#gnavi ul{height:auto;margin-left:300px;width:900px;}
#gnavi ul li{float:left; margin-left:15px; margin-right:30px; margin-top:75px;  width:auto;}
#gnavi ul li a{float:left; width:auto; display:block;}
#gnavi ul li img{height: 44px;}

.tgr-left{ padding-left:30px;}

.playday{ position:absolute; top:0px; text-align:left; margin-left:950px; margin-top:5px;}

#topcopyarea{ margin-top:300px;}
.topcopyheight{ height:87px;}

.topcontents-out{
	text-align:center;
	background: url(../img/cback.png) repeat-x #f0ead8; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	
	}

#topgb{
	text-align:center; margin-left:920px;	margin-top:200px;
	}

#copyfade{ display:none;
	}

.topcontents{
	text-align:center;
	margin-top:100px;
	padding-top:30px;
	/*background:#FFF;*/ 
	text-align:center;
    margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
	min-width:1024px;
	width:100%;
	/*border-top:15px solid #f9f9f9;*/
	}
.contents{
	padding:0px;
	max-width:1200px;
	min-width:1024px;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	}
.contentsphoto-b{
	background:#f0ead8;
	padding:0px;
	width:100%;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	}	
.contentsphoto{
	padding:0px;
	max-width:1200px;
	min-width:1024px;
	width:100%;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	}

.contentshole{
	padding:0px;
	max-width:1200px;
	min-width:1024px;
	width:100%;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	background:#FFF;
	
	}


.contentshole2{
	padding:0px 0px 30px 0px;
	width:1024px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	background:#FFF;
	

	}
	
	
.contentshole3{
	padding:20px;
	width:926px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background: url(../overlays/05.png) #333;
	

	}
	
.m-box{
	margin:0px;
	padding:0px 0px;
	width:33.333333%;
	text-align:center;
	float:left;
	background:#FFF;
	overflow:hidden;
	}


.m-boxhole{position:absolute; z-index:15;margin-top:-300px; background:#000; color:#FFF; font-size:110%; padding:5px;}
.m-boxhole2{position:absolute; z-index:15;margin-top:-250px; margin-left:920px; width:250px;}


.m-boxhole-h{font-size:130%;}

#titileimgarea{  width:100%; z-index:2px; position:absolute; margin-top:-50px; clear:both; background:url(../img/titleimg2019.jpg) no-repeat center top #000; }


#number{ position:absolute;  padding-left:250px; padding-top:8px;  color:#333; z-index:999;}
#number ul{}
#number li{ margin-left:7px; float:left;padding:15px;background:url(../img/number-back2.png) no-repeat center ; }

#number li.number-c{background:url(../img/number-back.png) no-repeat center ; color:#FFF; font-weight:bold;}
#number li.number-cbb  a {background:url(../img/number-back2.png) no-repeat center ; color:#4682ba; font-weight:bold;}
#number li.number-cb{background:url(../img/number-back-b.png) no-repeat center ; color:#FFF; font-weight:bold;}
#number li.number-crb  a {background:url(../img/number-back2.png) no-repeat center ; color:#d7666a; font-weight:bold;}
#number li.number-cr{background:url(../img/number-back-r.png) no-repeat center ; color:#FFF; font-weight:bold;}


#hole-no{ clear:both; letter-spacing: 1px; padding-top:10px; font-weight:bold; margin-top:-50px; display:block; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#B28247; font-size:280%; font-style:oblique;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100&1+0,0+100 */
/*
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */

/*background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */

/*background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
 letter-spacing: normal; text-align:center;
}
#hole-no span{font-size:200%; font-style:oblique; letter-spacing:-0.2em; padding-top:80px;}
#hole-copy{border-top:#B28247 1px solid; display:block; font-weight:normal; color:#666; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:150%; padding:10px; margin-top:-5px; width:940px; text-align:center; margin-left:auto; margin-right:auto; letter-spacing:0.2em;}

#holeleft{ float:left; padding-top:30px;padding-left:30px;  text-align:left;}

#holeleft2{ float:left; padding:45px 10px; width:315px; text-align:left;}

#holelinfo{ }

.infobg{ background:#333; padding:5px; color:#FFF; width:40px; float:left; text-align:center;}
.infobg2{ padding:5px; color:#333; float:left; text-align:center; font-size:110%;}
.infobgtop{ background:#333; padding:5px; color:#FFF; width:80px; float:left; text-align:center;}
#table{ border:double 6px #333; background:#f3f3f3;
	margin-left:0px;margin-top:15px;width:100%;
	border-collapse: collapse;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size:95%;color:#666; height:215px;
}
#table td,
#table th{
	text-align:left;
	padding:10px;
	border-top: 1px solid #ccc;	border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;		
}
#table th{
	font-weight: bold;
}
#table thead th{width:25%;
	background:#f1f0f0;
}
#table tbody th{width:25%;
	}




#table2{ border:double 6px #333; background:#f3f3f3;
	margin-left:0px;margin-top:0px;width:100%;
	border-collapse: collapse;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size:95%;color:#666; height: auto;
}
#table2 td,
#table2 th{
	text-align:left;
	padding:10px;
	border-top: 1px solid #ccc;	border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;		
}
#table2 th{
	font-weight: bold;
}
#table2 thead th{width:25%;
	background:#f1f0f0;
}
#table2 tbody th{width:25%;
	}
	
	

/* --フォント指定---------- */

body { font:13px/1.231 "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; *font-size:small;
*font:x-small;/* background:url(../overlays/05.png) #333;*/ background:#f0ead8;}
select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;line-height:100%; }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.bold { font-weight: bold; }
.img-left { float:left;margin-right:20px; }
.img-right { float:right;margin-left:20px;}
.img-bottom { vertical-align:bottom; }
.clear { clear:both }
.mr-bottom20 { margin-bottom:20px }
.mr-top5 { margin-top:5px; }
.font-small {font-size:77%;}
.font-100 {font-size:100%; line-height:170%;}
.font-110 {font-size:110%; line-height:170%;}
.font-120 {font-size:120%; line-height:170%;}
.m-top-20 { margin-top:-20px;}

body { text-align:center;}


img a     {border:0 none; }
img       {vertical-align:bottom }

body {margin: 0;padding: 0; text-align:center;/*background:url(../img/bg2014-2.jpg) center top no-repeat;*/
}

.nosp{
margin: 0px;
padding: 0px;

	}
/* ページ先頭へ */


#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 70px;
	padding: 0px 0;
	text-align: center;
	display: block;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
#page-top a:hover {
	text-decoration: none;
}

/* フッター */
#footer{
	margin-bottom:0px;
	width:auto;
	text-align:left;
	clear:both;
	background:#f3f3f3;
	padding:30px;
	}
#footertxt{
	font-size:90%;
	line-height:160%;
    margin:0px;
	width:990px;
	padding-left:20px;
	text-align:left;
	}	
	#footerline{
	border-top:#999 1px solid;
	}
	
	
/* link_list */
#footerlink{
	width:auto;
	float:left;
	padding:5px;
	text-align:left;
	font-weight:normal;}



#footerlink {
font-size:85%;
clear:both;
width:100%;
text-align: left;
margin:0px;
padding:0px;
}

#footerlink ul{
margin:0px;
padding:0px;
}

#footerlink li{
float:left;
display: block;
margin-top:0px;
margin-bottom:15px;
padding:1px;
margin-left:8px;
padding-left:15px;
margin-right:5px;
border-top:#CCC solid 0px;
border-right:#CCC solid 0px;
border-left:#666 dotted 1px;
border-bottom:#CCC solid 0px;
text-align:left;
font-weight:normal;

}
	
#footerlink li a{

font-weight:normal;
	}
	
.box {
	margin: 0 auto;
	padding: 0px;
	background:no-repeat;
	background-position: 50% 0%; /* all browsers, of course */
	background-position: center top\9; /* IE8 and below */
}
/*
.box p {
	padding: 20px;
	background: rgba(255, 255, 255, .7) no-repeat;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2FFFFFF,endcolorstr=#B2FFFFFF,gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF)";
	zoom: 1;
	letter-spacing: 1px;
}

.box p + p {
	margin-top: 20px;
}
*/

.listarea{ text-align:left; width:460px; float:left; padding:30px; border-left:#CCC  solid 1px; color:#FFF; font-size:85%; }
.listarea2{ text-align:left; float:left; padding:30px; border-left:#CCC  solid 1px;}

.listtitle{ font-size:150%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#FFF;}
.slist li{ margin-top:10px; font-size:120%; 
	}







div#pagenation {
   position: relative;
   overflow: hidden;
}
div#pagenation ul {
    position:relative;
    left:50%;
    float:left;
    list-style: none;
}
div#pagenation li {
    position:relative;
    left:-50%;
    float:left;
}
div#pagenation li a {
    border:1px solid #CECECE;
    margin: 0 3px;
    padding:3px 7px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
div#pagenation li.active a,
div#pagenation li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}



#page-top { z-index:9999;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    text-align:center; background:#fff; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #171C61; width:150px; display:block; text-decoration:none;margin:0; padding:5px; border:#3333 1px solid;
}
#page-top a:hover {
    text-decoration:none;background:#333;color: #fff; 
}