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

/* clearfix
------------------------------------------------*/
/*
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}*/

/*\*/
html .clearfix { height: 1%; }
.clearfix { display: block; }


.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

.clearfix { display: inline-block; }

.clearfix { display: block; }

.clear {
	display: block;
	visibility: hidden;
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0;
}

.clearboth{
	display: block;
	clear: both;
}
/*ページの大きさ
*****************************************/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#wrapper {
}
#contents {
	margin: 0 auto;
	padding:20px 0 30px 0;
	width: 95%;

}




/*
#mainColumn {width:635px;}*/


a{
	color:#469FE5;
}
a:hover{
	color:#90C5EF;
}
a:visited{
	color:#888;
}
#index a{
	font-weight:bold;
}




strong{
	font-weight:bold;
}


/****************************************

	Validate

*****************************************/




input.error{
	border-color: #7adfbd !important;
	box-shadow: 0 0 3px #7adfbd !important;
}
/****************************************

		Sign Up

*****************************************/

#main{
	margin-bottom: 80px;
}

h2,h3{
	margin-bottom: 20px;
	font-family: Georgia, "Times New Roman", Times, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', '平成明朝', serif;
}

.akabold{
font-weight:bold;
color:red;
}


.akalarg{
font-weight:bold;
color:red;
font-size:1.3em;
}

.aobold{
font-weight:bold;
color:blue;
}

h2{
	font-size: 24px;
}
h1{
	margin: 1em auto;
	font-size: 1.6em;
	font-weight: bold;
	text-align:center;
	background: none repeat scroll 0 0 #fffccd;
	border: 3px solid #ff8c00;

	line-height:2em;
}
h3{
	margin-top: 30px;
	border-bottom: 1px solid #42514B;
	font-size: 18px;
}

h4 {
	background: none repeat scroll 0 0 #c8c8cc;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin: 10px 0 10px;
	padding: 5px 0 5px 10px;
}

.boxarea{
	 border: 1px solid #CCCCCC;
	background: #F3F3F3;
	margin:5px 0 15px 0;
    padding: 20px;
    /*max-width:100%;*/
    width:86%;
}


p{
	padding:0 0 15px 0;
	line-height:1.6;
}
.lead{
	font-size:14px;
	font-weight:bold;
	padding:10px 0 25px 0;
}




#signup .textbox-row,
#signup .checkbox-row{
	margin: 20px 0;
	padding-left: 1em;
	margin-bottom: 0;
}

.textbox-row label {
	display: block;
	}

	
.textbox-row input,.textbox-row select{
	/*float: none;*/
	margin-right: 15px;
	padding: 8px 5px;
	font-size:110%;
	width: 100%;/*inputの大きさ*/
	max-width: 400px; /* レスポンシブの場合の対策 */
	border: 1px solid #cccccc;
	background: #fafafa;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}


/*ラジオボタンのブロックの指定*/
input.radio {
display:inline-block;
width:20px;
height:30px;
vertical-align:top;
padding:0 5px 0 0;
}

label.radiolabel {
display:inline-block;
width:90%;
height:35px;
line-height:35px;
background:#fafafa;
border:1px solid #CCC;
padding-left:1em;
}


.radio ul {
	margin:0;
	padding:0;
	list-style:none;	
}
.radio ul li {
	margin:0 1em 1em 1em;
	display: block;
	float: left;
	width: 18em;
	height: 2rem;
	line-height: 2rem;
}
/*ラジオボタンの指定はここまで*/

.putbox {
margin:1em 0;
width:100%;

}

.putbox dt{
	width:18em;
	font-weight:bold;
	margin:1em 0 0 0;
font-size:1.2em;
	
}

.putbox dd{
	width:100%;

}

.textbox-row input:focus{
	outline: none;
	border: 1px solid #7adfbd;
	background: #fff;
	box-shadow: 0 0 3px #7adfbd;
}

.textbox-row ul{

	list-style: disc outside;
}

.checkbox-row label{
	cursor: pointer;

}
/*上のボックス*/
.bylaw{
	margin:20px 0;
	padding: 20px;
	background: #fff;
	border: 1px solid #06C;
	color:#06C;
}

.bylaw a{
	color: #333;
}

.bylaw p{
	padding-left: 1em;
	
}
.p1{
	font-weight:bold;
	line-height:1.5em;
	
}

#signup .button{
	width:60%;
	margin:10px 15px;
	padding: 1em 1.5em;
	border: none;
	border-radius: 5px;
	background: #132035;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	cursor: pointer;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

#signup .button:hover{
	background: #52a586;
}

div.center{
	text-align: center;
}

hr{
	height: 1px;
	border: none;
	background: #7adfbd;
}


/****************************************

	Validate

*****************************************/

.textbox-row,
.checkbox-row {
	position: relative;
	/*background: #8F8F92;*/
}

#signup p.error{
	position: absolute;
	top: -30px;
	left: 250px;
	display: block;
	padding: .5em 1em;
	width: 280px;
	border: 1px solid #e24fa9;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	color: #333;
}

input.error{
	border-color: #7adfbd !important;
	box-shadow: 0 0 3px #7adfbd !important;
}


/****************************************

	Sidebar

*****************************************/

#sidebar{
	padding: 20px;
	width: 180px;
	height: 180px;
	background: #7adfbd;
}

#sidebar h2{
	margin-bottom: .5em;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', '平成明朝', serif;
}

#sidebar a{
	display: block;
	color: #fff;
	text-decoration: none;
}

#sidebar li{
	margin-bottom: 10px;
}


/****************************************

		Banner

*****************************************/

.banner{
	float: left;
	margin: 0 10px;
	margin-bottom: 60px;
	padding: 30px 20px 0;
	width: 258px;
	height: 83px;
	border: 1px solid #ddd;
	cursor: pointer;
}

.banner h3{
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', '平成明朝', serif;
}

.banner a{
	color: #333;
	text-decoration: none;
}

#banner1{
	border-color: #7adfbd;
	background: #7adfbd url(images/banner1.png) no-repeat 100% 0;
}

#banner1 a{
	color: #fff;
}

#banner2 h3,
#banner3 h3{
	color: #7adfbd;
}

#banner2{
	background: url(images/banner2.jpg) no-repeat 100% 0;
}

#banner3{
	background: url(images/banner3.jpg) no-repeat 100% 0;

}


/****************************************

		Dialog

*****************************************/

#dialog{
	display: none;
	padding: 0;
}

.loginform{
	position: fixed;
	padding: 0;
	border: 10px solid #4b4b4b;
	border-radius: 15px;
	background: #fff;
}

.ui-dialog-titlebar {
	position: relative;
	padding: 20px 0;
	border: none;
	border-radius: 5px 5px 0 0;
	background: #7adfbd;
	color: #000;
	letter-spacing: .2em;
	font-size:24px;
	font-family: Georgia, "Times New Roman", Times, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', '平成明朝', serif;
}

.ui-dialog .ui-dialog-title{
	display: block;
	float: none;
	padding-left: 16px;
	text-align: center;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{
	position: absolute;
	top: 20px;
	right: 10px;
	margin: -10px 0 0 0;
	padding: 1px;
	width: 19px;
	height: 18px;
	border: none;
	border-radius: 10px;
	background: #5bb795 url(css/images/ui-icons_ffffff_256x240.png) no-repeat -94px -126px;
	background-color: #5bb795;
	text-indent: -9999px;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{
	background: #4b967a url(css/images/ui-icons_ffffff_256x240.png) no-repeat -94px -126px;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover span{
	background: none;
}

.loginform .left{
	float: left;
	margin: 30px 0 20px;
	padding: 0 30px 0 60px;
	width: 229px;
	border-right: 1px solid #ddd;
}

.loginform .right{
	float: right;
	margin: 30px 0 20px;
	padding: 0 40px 0 30px;
	width: 170px;
}

.loginform .footer{
	clear: both;
	padding: 20px 60px;
	border-radius: 0 0 5px 5px;
	background: #e6e6e6;
}

.loginform label{
	display: block;
	font-weight: bold;
}

.loginform input[type='text']{
	margin: 5px 0 15px;
	margin-right: 60px;
	padding: 8px 5px;
	width: 210px;
	border: 1px solid #cccccc;
	background: #fafafa;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}

.loginform input{
	display: block;
}

.loginform input[type='text']:focus{
	outline: none;
	border: 1px solid #7adfbd;
	background: #fff;
	box-shadow: 0 0 3px #7adfbd;
}

.loginform h3{
	font-weight: bold;
}

#login-button{
	padding: 5em 1em;
	border: none;
	border-radius: 5px;
	background: #5bb795;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.ui-widget-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/overlay.png) repeat 0 0;
}




#sidebar a{
	-webkit-transition: padding .15s linear;
	-moz-transition: padding .15s linear;
	-o-transition: padding .15s linear;
	transition: padding .15s linear;
}

#sidebar a:hover,{
	padding-left: 8px;
}


/****************************************

          Misc

*****************************************/


.remove-bottom{
	margin-bottom: 0 !important;
}

.assistive-text{
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
/*ここから自分で継ぎ足します*/
.red{
	font-weight:bold;
	color:red;
}
.blue{
	font-weight:bold;
	color:blue;
}


/* パンくず breadcrumb navigation
----------------------------------------*/
#pkz{
	font-size:12px;
	color:#666;
}
#pkz a{
	text-decoration:none;
	color:#666;
}
#pkz a:hover{
}
#pkz em{
	font-weight:bold;
}

/*イベント簡易情報で使用260615*/
.dlLine004{
	padding:0 0 20px 0;
}

.dlLine004 dt{
	padding:0;
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 0.5em 0;

}
.dlLine004 dd{
	padding:0.5em 0;
	background:url(../img/dot.gif) repeat-x 0 bottom;	
}


/*ボタンエリアにしたい*/
.dl02{
	padding:15px 0 10px 10px;
}
.dl02 dt{
	width:2em;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	

}
.dl02 dd{
	padding:0 0 8px 3em;
	margin:0 0 8px 0;
	line-height:1;
	
}

/*rajioボタンエリアにしたい*/



.hissu{
	position:absolute;
	left:-60px;
}


.attenBox{
	padding:20px 0 20px 230px;
	background:url(../img/share/dot.gif) repeat-x 0 0;
}
.submit{
	text-align:center;
	padding:30px 40px;
    font-size: 1.2em; 
}


/*ここは種目選択だけね

.shumoku{
  display: inline-block;
  width: 110px;
background:blue;
}*/



/*お試しね*/
/*チェックボックスのブロックの指定


/*チェックボタンのブロックの指定*/

.ulcheck input{
width:2em !important;
}

input.check {
display:inline-block;
width:12px;
height:18px;
vertical-align:top;
border:none;
}

label.checklabel {
display:inline-block;
width:100%;
height:35px;
line-height:35px;
background:#fafafa;
border:1px solid #CCC;
}


.ulcheck{
	margin:0;
	padding:0;
	list-style:none;
	overfllow:hidden;
	width:100%;
}
.ulcheck li{
	/*margin-right: 1em;
	display: block;*/
	float: left;
	width: 22em;
	max-width:400px;
	margin:0 1em 1em 0;
	height: 2rem;
}



/*input要素とテキストがくっつかないように右にマージンを少し*/
form#form1 ul li p label input {
	margin-right:0 0.5em;
}
/*チェックボックス、ラジオボタンの label要素にロールオーバー時の変化を指定する*/
form#form1 ul li p label:hover {
	background : #FFF;
	color: #096;
	font-weight:bold;
}
/*チェックボックスの<label>の横幅を統一する（<p>にクラス名.checkをつけて）
form#form1 ul li p.check label {
	width: 9em;
}*/
/*上に戻るボタン*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
/*資料請求
----------------------------------------*/

.taikenBox {

width:100%;
}

.seikyoBox{
	border:1px solid #CCC;
	/*background:#F3F3F3;*/
	padding:39px;

}

.seikyoInner{
	border:1px solid #CCC;
	background:#FFF;
	padding:2em;
	max-width:100%;
}



#footerArea,.copyrignt,#header{
display:none;
}

	/*ボタンロールオーバー*/
.button002 {
	display: inline-block;
	width: 60%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 2.5em;
	outline: none;
}
.button002::before,
.button002::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button002,
.button002::before,
.button002::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.button002 {
	position: relative;
	border-radius: 4px;
	color: #fff !important;
	font-size:1.8em;
	font-weight:bold;

	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);

	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button002:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.button002:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}








/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆
ここからPC*/
@media screen and (min-width:768px){

#contents {
	width: 960px;
}



/*footer
----------------------------------------*/
#footerArea{
	clear:both;
	margin:0 0 0 0;
	padding:15px 0 10px 0px;
	background:#f5f5f5;
}
#footer {
	clear:both;
	margin: 0 auto;
	width: 960px;
	position:relative;
}

#footer .h6{
font-weight:bold;
font-size:1.2em;
}

#footer ul li{
line-height:1.8em;
}



.copyrignt{
	padding:20px 0 30px 0;
	text-align:center;
}



#footerArea,.copyrignt,#header{
display:block;
}


#header{
	margin: 0 auto;
	padding:10px 0 3px 0;
	width: 960px;
	position:relative;
	height:55px;
}
#header .siteName{
	position:absolute;
	top:10px;
	width:443px;
}

.putbox ul{
position:absolute;
left:450px;
font-style:italic;
margin:-3em 0;
}

.textbox-row input{
	width: 48%;/*inputの大きさ*/
}

/* @end */
}