@charset "UTF-8";
/* CSS Document */

body{
color:#000;
margin:0;
padding: 0;
line-height: 160%;
font-size: 14px;
font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W6";
background:#f8f8f8;
}
header,nav,section,article,hgroup,footer,figure,figcaption,menu {
display: block;
clear: both;
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,textarea{
margin:0;
padding:0;
font-size:100%;
}
li{
list-style:none;
}
img {
border:0;
margin:0;
padding:0;
display:inline-block;
}
form{
margin:0;
padding:0;
}

/*link setting*/

a:link{
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);

}
a:visited{
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);

}
a:hover,
a:active{
text-decoration: none;
outline: none;
}


/*share class*/

.clear{clear:both;}
.clearfix:after{
content:"";display:block;
height:0;clear:both;
visibility:hidden;
}
.clearfix {
display:inline-table;
}
.disp{
display: inline-block;
overflow:hidden;
height:0;
}

.ev_tit2 {
color:#ff0000;
font-size:12px;
text-align:left;
/*height:28px;*/
}

ul.info_msg {
	color:blue;
}


/*****************
wrapper
******************/

#wrapper {
margin: 0 auto;
padding:0;
}

/******************
header
*******************/

header{
display:block;
margin:0;
padding:0;
border-top:7px solid #444;
border-bottom:1px solid #E0E0E0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
background:#FFF;
}
header:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
clear: both;
}
header #headerInner{
display: block;
width:100%;
margin:0 auto;
padding:0;
overflow: hidden;
}


#headerInner .headTop{
display:block;
margin:0;
padding:10px 6px 6px;
border-bottom: 1px solid #eee;
}

#headerInner .headTop h1{
display:inline-block;
margin:0;
padding:0;
float:left;
min-width:100px;
max-width:175px;
}

#headerInner .headTop h1.logo{
width:37%;
}
#headerInner .headTop h1.logo img{
margin:0 auto;
padding: 0;
width:100%;
}


/*membersLinks*/

#headerInner .headTop .membersLinks{
margin:0;
padding:0;
float:right;
}
#headerInner .headTop .membersLinks ul{
display:block;
margin:0 0 5px;
}

#headerInner .headTop .membersLinks ul li{
float:right;
width:48%;
margin:0 0 6px 6px;
text-align:center;
}
#headerInner .headTop .membersLinks ul li:last-child{
margin:0 0 6px 0;
}

#headerInner .headTop .membersLinks ul li a{
letter-spacing:0.2em;
color:#FFF;
display:block;
padding:0;
background:#666666;
}
#headerInner .headTop .membersLinks ul li a:hover{
background:#cccccc                                                                                                                                                                                                                              ;
}
#headerInner .headTop .membersLinks p{
display:block;
float:right;
font-size:12px;
color:#c0524c;
}
#headerInner .headTop .membersLinks p a{
text-decoration:underline;
color:#c0524c;
}



#headerInner .headBottom{
display:block;
margin:0 auto;
padding:0 6px 6px;
text-align:center;
}

/*nav*/

#headerInner .headBottom #nav{
display:inline-block;
width:100%;
margin:0 auto 10px;
}

#headerInner .headBottom #nav li{
display: inline-block;   
margin:0 3% 0 0;
padding:0;
}
#headerInner .headBottom #nav li:last-child{
margin:0;
}

#headerInner .headBottom #nav  li a{
color:#333;
display:block;
padding:20px 0 5px;
letter-spacing:0.1em;
}

#headerInner .headBottom #nav  li a:hover{
color:#999;
margin:0 0 0;
padding:20px 0 3px;
border-bottom:#666 solid 2px;
}

#headerInner .headBottom #nav  li a:active{
}
#headerInner .headBottom #nav span{
display:none;
} 
#headerInner .headBottom #searchformBox{
margin:0 auto 10px;
padding:0;
width:100%;
}

#headerInner .headBottom #searchformBox form{
	display:block;
	margin:0 0 0 2%;
	position:relative;
}


/*searchform*/

#SearchAction_keyword{
display:inline-block;
margin:0 auto;
min-width:88%;
height:18px;
padding:4px;
line-height:1.2;
color: #666;
border:#bababa 1px solid;
background:#f8f8f8;
float:left;
}
input placeholder{
	padding:-3px 0 0;
}
#SearchAction_btn_Narrow1{
display:inline-block;
margin:0;
padding:0;
background:#666;
position:absolute;
right:15px;
}


/*for Webkit*/
input::-webkit-input-placeholder {
color:#c3c3c3;
}
/*for Firefox*/
input:-moz-placeholder {
color:#c3c3c3;
}


/*****************
contents
******************/

#contents{
	display: block;
	width:97%;
	margin:0 auto;
	padding:20px 0;
}

#contents h2{
	font-size:15px;
	border-left: 3px solid #666;
	color:#444;
	padding:0 0 0 6px;
	margin:0 0 20px;
	letter-spacing:0.1em;
}

#contBoxL{
width:100%;
display: block;
margin:0 auto;
float:none;
padding:0;
}

#contBoxR{
width:100%;
display: block;
margin:0 auto;
float:none;
padding:0;
}
#contBoxC{
display: block;
margin:0 auto;
padding:0;
}


/**listTable**/

.listTable{
display:inline-block;
margin:0 0 10px;
width:100%;
}

.listTable table{
border-color: #dddddd;
border-style: solid;
border-width: 1px 0px 0px 1px;
background:#FFFFFF;
}

.listTable th{
padding:6px;
border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #dddddd;
}

.listTable td{
padding:3px;
border-color: #dddddd;
border-style: solid;
border-width: 0px 1px 1px 0px;
text-align:center;
}

.listTable a{
display:block;
text-align:center;
color:#c0524c;
font-size:12px;
}
.listTable p{
display:block;
text-align:center;
color:#666;
font-size:11px;
}

.listTable .statusBox{
background:#999999;
}

.listTable .statusBox h3{
font-size:17px;
color:#fff;
letter-spacing:0.2em;
font-weight:bold;
}

.listTable .itemBox{
background:#cccccc;
text-align:center;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}
.listTable .eventnBox {
background:#ffffff;
text-align:left;
color:#444;
font-size:11px;
}
.listTable .itemBox2{
background:#cccccc;
text-align:left;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable .itemBox3{
background: #FFFFFF;
text-align:left;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable .itemBox4{
background: #FFFFFF;
text-align:right;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable .itemBox5{
background: #FFFFFF;
text-align:center;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable .itemBox6{
background:#cccccc;
text-align:left;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable .eventname {
width:45%;
}
.listTable .eventplace {
width:17%;
}
.listTable .eventperiod{
width:18%;
}
.listTable .eventdetailBt{
width:20%;
font-size:11px;
text-align:left;
}

.listTable table .samimg{
width:50%;
margin: 0 6px 0 0;
float:left;
}

/**listTable2**/

.listTable2{
display:inline-block;
margin:0 0 10px;
width:100%;
}

.listTable2 table{
border-top:0px;
border-right:0px;
border-bottom:0px;
border-left:0px;
background:#FFFFFF;
}

.listTable2 th{
padding:6px;
border-style:none;
}

.listTable2 td{
padding:3px;
border-style:none;
text-align:center;
}

.listTable2 .itemBox{
background:#cccccc;
text-align:center;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}
.listTable .eventnBox {
background:#ffffff;
text-align:left;
color:#444;
font-size:11px;
}
.listTable2 .itemBox2{
background:#cccccc;
text-align:left;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable2 .itemBox3{
background: #FFFFFF;
text-align:left;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable2 .itemBox4{
background: #FFFFFF;
text-align:right;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable2 .span{
background: #FFFFFF;
text-align:right;
font-weight:bold;
color:#666;
letter-spacing:0.2em;
font-size:11px;
}

.listTable2 a{
display:block;
text-align:center;
color:#000000;
font-size:12px;
}

.eventimg{
overflow: hidden;
position: relative;
height:100px;
}
.detail-imgname{
position: absolute;
text-align:left;
}

.detail-name{
overflow: hidden;
}
.detail-place{
text-align:center;
}
.detail-period{
text-align:center;
}
.detail-detailBt{
text-align:center;
}
.detail-detailBt a{
	display:block;
	padding:5px;
	background:#ffae2d;
	font-size:12px;
	letter-spacing:0.2em;
	color:#FFFFFF;
}

.detail-detailBt a:hover{
background:#666666;
color:#eee;
}










/**accordionTable**/

.accordionTable{
display:block;
width:100%;
margin:0 0 10px;
}

.accordionTable ul{
display:block;
width:100%;
border:#dddddd solid 1px;
}

.accordionTable ul li.accordion{
padding:10px;
font-size:14px;
background:#999;
position:relative;
}

.accordionTable ul li.accordion h4{
color:#eeeeee;
letter-spacing:0.2em;
border-left: 3px solid #eeeeee;
font-weight:bold;
padding:0 10px;
line-height:1;
display:inline-block;
}

.accordionTable ul li.accordion a{
	width:43px;
	height:100%;
	background:url(../img/arrow_down.png) no-repeat center #ddd;
	float:right;
	position:absolute;
	right:0;
	top:0;
}
.accordionTable ul li.accordion a:hover{
	width:43px;
	height:100%;
	background:url(../img/arrow_down.png) no-repeat center #eee;
	float:right;
	position:absolute;
	right:0;
	top:0;
}

/**extBox**/
.extBoxTable{
display:block;
width:100%;
padding:0;
text-align:left;
}
.extBoxTable ul{
display:block;
border:#dddddd solid 1px;
}
.extBoxTable ul li{
margin:0 10px;
padding:10px 0;
font-size:13px;
border-bottom:#ccc dotted 1px;
}
.extBoxTable ul li:last-child {
border-bottom:none;
}
.extBoxTable ul li:last-child p{
}
.extBoxTable ul li p{
padding:10px 0 0;
color:#666;
letter-spacing:0.1em;
line-height:1.5;
}

.extBoxTable ol{
padding:10px 0;
}
.extBoxTable ol li {
list-style:decimal;
margin:0 0 0 23px;
padding:0 0 5px 0;
color:#666;
border:none;
line-height:1.5;
}
.extBoxTable ol  li:last-child{
padding:0;
}
.extBoxTable ol li p{
padding:3px 0 0;
color:#666;
font-size:13px;
line-height:1.5;
}

.extBoxTable ol li ol{
padding:0;
}
.extBoxTable ol li ol li {
list-style:decimal;
margin:0;
padding:5px 0 0 0;
border:none;
}
.extBoxTable .side{
display:block;
width:100%;
margin:10px 0 0;
}
.extBoxTable .side dl{
display: block;
overflow: hidden;
text-overflow: ellipsis;
color:#666;
letter-spacing:0.1em;
padding:0 0 5px;
}
.extBoxTable .side dl dt{
display: inline-block;   
*display: inline;   
*zoom: 1;   
width:100%;
vertical-align:top;
}
.extBoxTable .side dl dd{
display: inline-block;   
*display: inline;   
*zoom: 1;
padding:0;
}
.extBoxTable .side dl dd p{
padding:0;
}
.extBoxTable h3{
padding:0;
font-weight:bold;
color:#444;
font-size:13px;
}

.extBoxTable p{
padding:5px 0 15px;
color:#666;
letter-spacing:0;
font-size:13px;
}

.extBoxTable .detail{
display:block;
width:100%;
margin:10px 0 0;
}
.extBoxTable .detail dl{
display: block;
overflow: hidden;
text-overflow: ellipsis;
color:#666;
letter-spacing:0.1em;
padding:0 0 5px;
}
.extBoxTable .detail dl dt{
display: inline-block;   
*display: inline;   
*zoom: 1;   
width:100%;
vertical-align:top;
}
.extBoxTable .detail dl dd{
display: inline-block;   
*display: inline;   
*zoom: 1;
padding:0 0 0 15px;
}
.extBoxTable .detail dl dd p{
padding:0;
}


/**frameBox**/

.frameBox{
display:block;
width:100%;
margin:10px 0;
}

.frameBox ul{
display:block;
border:#dddddd solid 1px;
}

.frameBox ul li{
padding:6px;
font-size:14px;
}
.frameBox li.title{
background:#999;
color:#eeeeee;
}
.frameBox li.item{
background:#fff;
color:#444;
}

.frameBox li.title h4{
letter-spacing:0.2em;
border-left: 3px solid #eeeeee;
font-weight:bold;
padding:0 10px;
line-height:1;
display:inline-block;
}

.frameInner{
	display:block;
	padding:10px 0;
	text-align:center;
}

form{
margin:0 auto;
text-align:center;
}

form ul{
	display:block;
	margin:0 auto;
}
form ul li{
	display:inline-block;
	min-width:100px;
	max-width:175px;
	margin:0 5% 0 0;
}
form ul li:last-child {
	margin:0;
}
form ul.one{
	text-align:right;
}
form ul.two{
	text-align:center;
}

select{
	border:1px solid #ddd;
	border-radius: 0;
	color:#666;
	background:#fff;
	letter-spacing:0.2em;
	font-size:10px;
	line-height:15px;
}


form{
margin:0 auto;
}
form a{
	display:block;
	padding:13px 0 0;
}

select label{
	display:block;
	width:100%;
	clear:both;
	font-size:11px;
}

select option{
	}

input.btnBox{
display:block;
margin:0;
text-align:center;
padding:10px 0;
background:#666666;
font-size:12px;
letter-spacing:0.2em;
color:#FFFFFF;
width:100%;
border:none;
font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W6";
}
input.btnBox:hover{
background:#cccccc;
color:#eee;
}

.btnBox {
display:block;
margin:10px 0 0;
padding:0;
}

.btnBox a{
	display:block;
	text-align:center;
	padding:5px;
	background:#c0524c;
	font-size:12px;
	letter-spacing:0.2em;
	color:#FFFFFF;
	background-color: #666666;
}
.btnBox a:hover{
background:#cccccc;
}

input.btnBoxDark {
	display:block;
	text-align:center;
	padding:5px;
	background:#c0524c;
	font-size:12px;
	letter-spacing:0.2em;
	color:#FFFFFF;
	background-color: #666666;
	width:100%;
	height:35px;
	border:none;
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W6";
}
input.btnBoxDark:hover{
background:#cccccc;
}

#Id_requestAction_mailAddress,
#LoginAction_loginId,
#LoginAction_loginPw,
#mailAddress,
#InitAction_mailAddress{
display:inline-block;
margin:0;
width:90%;
height:18px;
padding:6px;
line-height:1.2;
color: #666;
border:#bababa 1px solid;
background:#f8f8f8;
}


.toImg{
background:url(../img/to.png) no-repeat center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:20px;
height:20px;
display:block;
margin:0 auto;
padding:0;
}

/*****************
footer
******************/

footer{
display:block;
margin:0 auto;
padding:0;
border-top: 1px solid #ccc;
background:#414141;
}


footer #footerInner{
display: block;
width:100%;
margin:0 auto;
padding:10px 0;
overflow: hidden;
zoom: 1;
}




footer #footerInner .footerLinks {
display:block;
margin:0;
padding:0 6px 6px;
overflow: hidden;
}

footer #footerInner .footerLinks li {
float: left;
margin:0 10px 6px 0;
padding:0 10px 0 0;
border-right: 1px solid #DDD;
height:15px;
line-height:12px;
}

footer #footerInner .footerLinks a {
color: #eeeeee;
font-size:12px;
line-height:1px;
}

footer #footerInner .footerLinks li:last-child {
margin:0;
padding:0;
border-right: none;
}

footer #footerInner .footerLinks a:hover{
border-bottom: solid 1px #eeeeee;
padding-bottom:2px;
}

footer .copyright {
display:block;
letter-spacing: 0.1em;
margin:0;
padding:0 6px 0;
font-size:80%;
color: #eeeeee;
} 

/* add 2013.08.15 --- start --- */
span.require {
	color:red;
}
label.loto_success {
    color:blue;
    font-weight:bold;
}
label.loto_defeat {
    color:red;
}
/* add 2013.08.15 --- e n d --- */
.btn_menu_icon {
	height:30px;
	width:30px;
	background-image: url("../img/menu_icon.png");
	background-size:cover;
	border:0;
	order-radius:0;
}

.btn_menu_icon:hover{
	height:30px;
	width:30px;
	background-image: url("../img/menu_icon.png");
	background-size:cover;
	border:0;
	order-radius:0;
}

input[type="radio"].deli_radio {
	height:25px;
	width:25px;
}