@charset "UTF-8";

/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
header ul:after,
#fnavi ul:after{ content: ''; display: block; clear: both; }




/*----------------------------------------------------
 event（イベントページ）
----------------------------------------------------*/
#event{ margin-top:100px;}
#event .bg{
background-color: #E9F7FD;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #ffffff), color-stop(.5, transparent), to(transparent));
-webkit-background-size: 4px;
padding-top:10px;
padding-bottom:10px; margin-bottom:20px;

}
#event .mapBt{
	text-align:right;
	padding:10px 0px 10px 0px;
}
#event .mapBt a {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63C5F2), to(#1FACEC));
	padding: 4px 40px 4px 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border: 1px solid #1FACEC;
	position:relative;
	
	
}

#event .mapBt a:after {
display: block;
position: absolute;
top: 20%;
right: 6px;
width: 24px;
height: 15px;
background:url(../event/images/kaki.png) no-repeat right center;
content: "";
}

.bt1,.bt2{ margin:0 10px}
.bt1 a,.bt2 a{
    display: block;position: relative;
     border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
	padding:6px;
	
    background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#999999));	
	border: 1px #cccccc solid;
	color: #000000;
	-webkit-appearance: none;
	
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #666666;font-size:13px; font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	
}
.bt1 a:after {
display: block;
position: absolute;
top: 48.5%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #000000;
border-right: solid 2px #000000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.bt2 a:after {
display: block;
position: absolute;
top: 48.5%;
left: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #000000;
border-right: solid 2px #000000;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
content: "";
}





.floatL{float:left; padding-right:10px; padding-top:6px}
.overflow{
overflow:hidden;
/zoom:1;
}

.eventli{-webkit-border-radius: 5px;
	border-radius: 5px;background:#FFFFFF; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2)  ;
     -webkit-box-sizing: border-box; padding:10px; margin:10px 10px 20px 10px;}



.eventli h1{ font-size:16px; font-weight:bold; color:#1FACEC; border-bottom:1px solid #cccccc; margin-bottom:5px}
.eventli p{ padding:0; margin:0; color:#333333;}

.eventli .bt{ position:relative;text-align:right; color:#1FACEC; margin-top:5px; padding-top:5px; padding-right:10px;}
.eventli .bt:after {
display: block;
position: absolute;
top: 47%;
right: 1px;
width: 5px;
height: 5px;

border-top: solid 2px #1FACEC;
border-right: solid 2px #1FACEC;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
.line{ border-top:1px dotted #cccccc; padding-top:5px;}



.pass span{background: #FF0000;	
	border: 1px #CC0000 solid; color:#FFFFFF;border-radius:5px;
    -moz-border-radius:5px; text-align:center;font-size:11px;
    -webkit-border-radius:5px; font-size:10px; padding:2px 3px; margin-right:5px}

table.detail{width:100%;border-collapse: collapse;border-spacing:0px; margin:10px auto}
table.detail th{ background:#ececec; border:#CCCCCC 1px solid; padding:5px; text-align:left; width:30%}
table.detail td{ border:#CCCCCC 1px solid; padding:5px; text-align:left;}


.btcomment{ text-align:center; padding:15px; background:#F6F5F0;}

.btcomment a {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F5F5), to(#E2E2E2));
	padding: 4px 25px 4px 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: black;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	border: 1px solid #CBCBCB;
	position:relative;
	
	
}

.btcomment a:after {
display: block;
position: absolute;
top: 48.5%;
right: 10px;
width: 5px;
height: 5px;

margin-top: -4px;
border-top: solid 2px #000000;
border-right: solid 2px #000000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
content: "";
}
 .mapBt{
	text-align:center;
	padding:10px 0px 10px 0px;
}
#company .mapBt a {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F5F5), to(#E2E2E2));
	padding: 4px 25px 4px 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: black;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	border: 1px solid #CBCBCB;
	position:relative;
	
	
}

#company .mapBt a:after {
display: block;
position: absolute;
top: 48.5%;
right: 10px;
width: 7px;
height: 7px;

margin-top: -4px;
border-top: solid 2px #000000;
border-right: solid 2px #000000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}






.comment{ border:3px solid #B3E3F8; margin-top:20px; padding:15px;}
.comment h2{ padding:0; margin:0; background:#FFFFFF; border:none; border-bottom:1px solid #cccccc; margin-bottom:3px;}
.toukou{ border:3px solid #1FACEC; padding:15px; margin-top:20px;}

form.myform table{width:90%;border-collapse: collapse;border-spacing:0px; margin:10px auto}

.toukou form.myform table{width:100%;border-collapse: collapse;border-spacing:0px; margin:10px auto}
form.myform caption{ background:#1FACEC; color:#FFFFFF; text-align:left; padding:5px;}

form.myform table th{ background:#F7FFF9; border:#CCCCCC 1px solid; padding:5px; text-align:left; vertical-align:top;}
form.myform table td{ border:#CCCCCC 1px solid; padding:5px; text-align:left;}
form.myform table th span{ }
form.myform table td span{ color:#999999;}


form.myform table th.hissu span{background: -webkit-gradient(linear, left top, left bottom, from(#CC0000), to(#990000));	
	border: 1px #CC0000 solid; color:#FFFFFF;border-radius:20px;
    -moz-border-radius:20px; text-align:center;font-size:11px;
    -webkit-border-radius:20px; font-size:10px; padding:2px 3px; margin-left:5px; margin-right:5px}
form.myform table th.nii span{background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));	
	border: 1px #999999 solid; color:#333333;border-radius:20px;
    -moz-border-radius:20px; text-align:center;font-size:11px;
    -webkit-border-radius:20px; font-size:10px; padding:2px 3px; margin-left:5px; margin-right:5px}


form.myform{ margin-bottom:10px;}

form.myform p{ padding-top:10px; padding-bottom:5px; margin:0;}


form.myform input[type="text"],
form.myform input[type="tel"],
form.myform input[type="email"],
form.myform input[type="datetime"],
form.myform textarea,form.myform select {

    color: #5a5c63;
    font-size: 100% ;
    width: 100% ;
    padding: 3px ;
    border: 1px solid #999999 ;
     -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset ;
     -webkit-box-sizing: border-box;
}
form.myform input[type="checkbox"],
form.myform input[type="radio"],
form.myform select { display:inline; vertical-align: baseline ;margin-right: 5px ;}
form.myform select{width: 100% ;}

form.myform input[type=submit], form.myform input[type=submit]:hover {
    position:relative;
     border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	padding:6px;
	width: 100% ;
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));	
	border: 1px #000000 solid;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #666666;font-size:13px; font-weight:bold;
}

form.myform input[type=button]{
    position:relative;
     border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	padding:6px;
	width: 100% ;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666));	
	border: 1px #999999 solid;
	color: #000000;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #ffffff;font-size:13px; font-weight:bold;
}