/*----全ての要素の余白をゼロに指定----*/
*{ padding:0px; margin:0px;}

p{ width:95%; margin-top:15px; margin-left:auto; margin-right:auto; padding:0px;}

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

img{ border:none;}

.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

.on{ display:block;}
.off{ display:none;}

a { color:#000; text-decoration:none;}
a:hover{ color:#0066ff;}

a.me { color:#0099ff; text-decoration:none;}
a.me:hover{ color:#0066ff;}

a.me2 { color:#ff0000; text-decoration:none;}
a.me2:hover{ color:#ff79fe;}

.red{ color:#ff0000;}
.blue{color:#0000ff}
.mini{font-size:14px;}

hr{ border:#ccc solid 1px; margin-top:15px; margin-bottom:5px;}

img.title{max-width:100%;}

.imgtop{ padding-top:5%;}

/*----レイアウト関係----*/
body{ margin-top:5px; font-size:16px; font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.9em; padding-top:-3px; background-image:url("../img/back.png"); background-attachment:fixed;}

#container{ width:90%; position:absolute; top:5px; left:50%; transform:translateX(-50%); -webkit- transform:translateX(-50%); margin:5px auto; z-index:auto;}

#footer{ width:100%; margin-top:150px; margin-left:auto; margin-right:auto; height:100px; clear:both; padding-top:50px;}
#foot{ color:#666; width:100%; text-align:center;}

#hed{ width:90%;}

#main{ width:1100px; margin:100px auto 0 auto; display:block;}
#left{ width:220px; float:left; margin-right:30px; border-radius:10px; border:#ccc solid 2px; background:#fff; opacity:0.85;}
#right{ width:850px; margin-right:15px; background:rgba(255,255,255,0.7); border-radius:10px;}

#container:after{ display:block; clear:both; height:1px; overflow:hidden;}

#tmain{width:100%; margin-top:25px; text-align:center;}
.mainimg{width:80%;}

p.to{ font-size:12px;}

#box{ position:absolute; left:613px; top:870px;}

.sm{display:none;}

/*\*/
* html #container{ height:1em; overflow:visible;}
/**/

h1{ width:100%; color:#0068b7; font-size:20px; height:34px; letter-spacing:5px; margin-top:5px; margin-bottom:15px; padding-top:3px; padding-left:5px;}
h2{ width:95%; text-indent:3px; font-size:18px; letter-spacing:5px; background:#ccc; margin-top:15px; margin-left:auto; margin-right:auto;}

img.ken{ padding-top:15px;}

.map{ width:90%; margin-left:auto; margin-right:auto;}

dl.txt{ width:90%; margin-left:auto; margin-right:auto;}
dl.txt dt{ font-size:16px; font-weight:bold; color:#3366cc; letter-spacing:5px; margin-top:5px; margin-bottom:5px; border-bottom:#999 1px dashed;}
dl.txt dd{ margin-left:40px; margin-bottom:10px; margin-left:1rem; text-indent:-1rem;}

dl.setu{ width:90%; margin-left:auto; margin-right:auto;}
dl.setu dt{ font-size:16px; font-weight:bold; color:#3366cc; letter-spacing:5px; margin-top:5px; margin-bottom:5px; border-bottom:#999 1px dashed;}
dl.setu dd{ margin-left:40px; margin-bottom:15px; margin-left:1rem; text-indent:-1rem;}
dl.setu dd ul{ list-style-position:inside; margin-left:10px;}

.sright{ margin-left:300px;}

/*----申込フォーム----*/
table.mail{ width:95%; margin-left:auto; margin-right:auto;}
table.mail th{ width:25%; background:#6699ff; color:#fff; text-align:left; text-indent:5px; letter-spacing:1px;}
table.mail td{ height:80px; padding-left:5px;}

/*----プログラム----*/
dl.pro{ width:95%; text-indent:3px; margin-top:10px; margin-left:auto; margin-right:auto;}
dl.pro dt{ font-size:18px; background:#00608d; font-weight:bold; color:#fff; padding:4px; letter-spacing:3px; margin-top:15px; margin-bottom:5px;}
dl.pro dt span{ font-size:13px; padding-left:50px;}
dl.pro dd{ margin-left:40px; margin-bottom:5px;}
dl.pro dd span{ padding-left:55px;}
.ptitle{ font-size:17px; font-weight:bold; background:#006eb0; letter-spacing:1px; color:#fff;}
.ptitle2{ font-size:17px; font-weight:bold; color:#006eb0; letter-spacing:1px;}

div.btn_blue {display:block; max-width:300px; margin:10px 20px; padding:0.8rem 2.0rem; background-color:#1755aa; border-radius:8px; box-sizing:border-box; text-decoration:none;    transition:0.3s;}

div.btn_blue span.bl_text { display:block; position:relative; color:#fff; font-size:18px; text-align:center; padding-left:30px;}
div.btn_blue span.bl_text:before { content:''; width:20px; height:20px; background:#fff; border-radius:50%; position:absolute; top:0; left:0; bottom:0; margin:auto;}
div.btn_blue span.bl_text:after { content:''; width:8px; height:8px; border-top:3px solid #1755aa; border-right:3px solid #1755aa; box-sizing:border-box; transform:rotate(45deg); position:absolute; top:0; left:5px; bottom:0; margin:auto; transition:0.3s;}
div.btn_blue:hover { background-color:#01b5d0;}
div.btn_blue:hover span.bl_text:after { border-top:3px solid #01b5d0; border-right:3px solid #01b5d0;}

/* デフォルトでは非表示（PCなど） */
.sbr { display: none;}
.spc{ padding-left:80px;}

@media (max-width:736px) {

.sbr { display: inline;}
.spc{ padding-left:0px;}


div.btn_blue { max-width:300px; padding:0.5rem 2.0rem; margin-bottom:10px;}

div.btn_blue span.bl_text { font-size:14px;}
}

/*参加者*/
table.st{ width:100%; text-align:center; background:#3399ff;}
table.st th{ background:#fff;}
table.st td{ background:#fff;}
 
/* ログインフォーム */
div.form { width:55%; margin:50px auto; padding:20px; border:1px solid #666; -webkit-border-radius:6; -moz-border-radius:6; border-radius:6px; -webkit-box-shadow:0px 1px 3px #666; -moz-box-shadow:0px 1px 3px #666; box-shadow:0px 1px 3px #666; color:#4d4d4d; font-size:100%; background:#fff; padding:10px 20px 10px 20px; border:solid #1f628d 1px; text-decoration:none;}

p.form-ttl { color:#004080; text-align:center; font-size:140%; font-weight:bold; border-bottom:3px double #499dd6; padding:0.2em 1em 0.6em 1em;}
p.submit { text-align:center;}

p.pass { margin:1.5em 0;}
p.pass input { width:300px; padding:4px;}

/* ボタン */
.submit input { background:#3498db; background-image:-webkit-linear-gradient(top, #3498db, #2980b9); background-image:-moz-linear-gradient(top, #3498db, #2980b9); background-image:-ms-linear-gradient(top, #3498db, #2980b9); background-image:-o-linear-gradient(top, #3498db, #2980b9); background-image:linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius:6; -moz-border-radius:6; border-radius:6px; font-family:Arial; color:#fff; font-size:250%; padding:10px 16px; text-decoration:none;}
.submit input:hover { background:#3cb0fd; background-image:-webkit-linear-gradient(top, #3cb0fd, #3498db); background-image:-moz-linear-gradient(top, #3cb0fd, #3498db); background-image:-ms-linear-gradient(top, #3cb0fd, #3498db); background-image:-o-linear-gradient(top, #3cb0fd, #3498db); background-image:linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration:none;}

div#form:hover { text-decoration:none;}

@media (min-width:300px) and (max-width:800px){

h1{ width:100%; color:#0068b7; font-size:18px; height:auto; letter-spacing:5px; margin-top:5px; margin-bottom:15px; padding-top:3px; padding-left:5px;}

.on{ display:none;}
.off{ display:block;}
.off img{ width:90%;}

#container{ width:90%; position:absolute; top:5px; left:50%; transform:translateX(-50%); -webkit- transform:translateX(-50%); margin:5px auto; z-index:auto;}

#footer{ width:100%; margin-top:150px; margin-left:auto; margin-right:auto; height:100px; clear:both; padding-top:50px;}
#footer img{width:100%;}
#foot{ color:#666; width:100%; text-align:center;}

#hed{ width:90%;}

.mainimg{ width:100%;}
#main{ width:100%; margin:150px auto 0 auto;}
#main table td{ display:block;}

#left{ width:99%; float:none; margin-right:0px; border-radius:10px; border:#ccc solid 2px; background:#fff; opacity:0.85;}
#right{ width:99%; margin-right:0px;}

.sm{display:block;}

/*参加者*/
table.st{ width:100%; text-align:center; background:#3399ff;}
table.st .thead{display:none;}
table.st tr{width:100%;}
table.st td{display:block; text-align:right; width:100%; border-bottom:1px solid #999;}
table.st td:first-child{text-align:center;}
table.st td:before{ content:attr(data-label); float:left; padding-left:5px; font-weight:bold;}

/*----テキスト----*/
dl.pro dd{ margin-left:2px; margin-bottom:15px;}
dl.pro dd span{ padding-left:5px;}
dl.setu dd{ margin-left:2px; margin-bottom:15px;}

div.form { width:90%; margin:50px auto; padding:20px; border:1px solid #666; -webkit-border-radius:6; -moz-border-radius:6; border-radius:6px; -webkit-box-shadow:0px 1px 3px #666; -moz-box-shadow:0px 1px 3px #666; box-shadow:0px 1px 3px #666; color:#4d4d4d; font-size:100%; background:#fff; padding:10px 20px 10px 20px; border:solid #1f628d 1px; text-decoration:none;}

p.pass input { width:100%; padding:4px;}

.submit input { background:#3498db; background-image:-webkit-linear-gradient(top, #3498db, #2980b9); background-image:-moz-linear-gradient(top, #3498db, #2980b9); background-image:-ms-linear-gradient(top, #3498db, #2980b9); background-image:-o-linear-gradient(top, #3498db, #2980b9); background-image:linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius:6; -moz-border-radius:6; border-radius:6px; font-family:Arial; color:#fff; font-size:150%; padding:5px 8px; text-decoration:none;}

.submit input:hover { background:#3cb0fd; background-image:-webkit-linear-gradient(top, #3cb0fd, #3498db); background-image:-moz-linear-gradient(top, #3cb0fd, #3498db); background-image:-ms-linear-gradient(top, #3cb0fd, #3498db); background-image:-o-linear-gradient(top, #3cb0fd, #3498db); background-image:linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration:none;}

}