@charset "utf-8";

/* =========================================
リセット
==========================================*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,var,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1; line-height: 167%;
/*font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
img{vertical-align:top;font-size:0;line-height:0;}
sup{font-size:8px;}

div:before,div:after,
dl:before,dl:after,
ul:before,ul:after,
ol:before,ol:after{content:"";display:table;}
div:after,
dl:after,
ul:after,
ol:after{clear:both;}
div,
dl,
ul,
ol{zoom:1;}

a:link,
a:visited{ color:#000;}
.spshow{ display: none;}
body {-webkit-text-size-adjust: 100%;}

/* =========================================
レイアウト
==========================================*/


/* =========================================
table
==========================================*/
table{ width: 100%; border-left: 1px solid #000; border-top: 1px solid #000;}
th,
td{ border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 8px 5px 8px 5px; vertical-align: middle;}
th{ background: #EFEFEF; font-weight: normal;}
td{ padding-left: 10px;}


/* =========================================
ヘッダー
==========================================*/
#headline_wrap{ background: url("../img/bg_01.png"); min-width: 960px;}
#headline{ width: 960px; height: 35px; position: relative; margin: 0 auto;}
#headline p.txt{ position: absolute; top:10px; left:258px;}
#headline p.mail{ position: absolute; top:7px; left: 700px;}

#headline p.mail a{ display: block; width:98px; height: 20px; background: url("../img/head_17.png") 0 0 no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#headline p.mail a:hover{ background: url("../img/head_18.png") 0 0 no-repeat;}

#headline li{ position: absolute;}
#headline li.fb{ right: 76px; top:0px;}
#headline li.tw{ right:0px; top:7px;}
#head{ width: 960px; margin: 0 auto; position: relative; height: 105px;}
#head h1{ position: absolute; top:15px; left:0px;}
#head ul{ position: absolute; top:25px; right: 0px;}
#head li{ float: left;}

#head li a{ display: block; height: 55px; overflow: hidden;}
#head li.n1 a{ width: 274px; background: url("../img/head_09.png") 0 0 no-repeat;}
#head li.n2 a{ width: 326px; background: url("../img/head_10.png") 0 0 no-repeat;}
#head li.n1 a:hover{ background: url("../img/head_13.png") 0 0 no-repeat;}
#head li.n2 a:hover{ background: url("../img/head_14.png") 0 0 no-repeat;}

#head li a img{ display: none;}

#head_sp{ display: none;}


/* =========================================
フッター
==========================================*/
#footer_wrap{ background: url("../img/line_01.png") 0 0 repeat-x; min-width: 960px; margin: 60px 0 0 0;}
#footer{ padding: 40px 0 20px 0; width: 960px;margin: 0 auto;}
#footer .facebook{ float: left;width: 500px;}
#footer .address{ float: right; width: 410px; font-size: 85%;}
#footer .logo{ text-align: center;}
#footer .logo a{ display: inline-block; margin: 0 15px 0 15px ;}
#footer .logo2{ margin: 12px 0 0 0; padding: 0 0 0 15px;}
#footer .txt{ border-top: 1px solid #CCC; padding: 40px 0 0 0; margin: 30px 0 0 0; line-height: 160%;}
#footer .txt .title{ display: block;}
#footer .txt2{ font-size: 80%; margin: 15px 0 0 0; line-height: 130%;}
#footer .copy{ margin: 5px 0 0 0; font-size: 80%; line-height: 130%;}
#gotop{ position: fixed; right:20px; bottom:20px;}

/* =========================================
パンくず
==========================================*/
#path{ width: 960px; margin: 20px auto 0 auto;}
#path a{ text-decoration: underline; background: url("../img/icon_06.png") 0 47% no-repeat; padding: 0 0 0 20px;font-size: 90%;}

/* =========================================
タイトル
==========================================*/

/* ページタイトル
------------------------------------------*/
#pagetitle{ background: url("../img/bg_01.png"); height: 76px; min-width: 960px;}
#pagetitle h2{ width: 960px; margin: 0 auto; line-height: 100%; padding: 18px 0 0 0; text-align: center;}
#pagetitle img{ display: inline-block;}


/* 1 
------------------------------------------*/
.title-style1{ color: #FFF; margin: 20px auto 0 auto; width: 940px; line-height: 100%; padding: 12px 0 12px 20px;}
.title-style1 span{ background: #FFF; display: inline-block; padding: 5px 0 5px 0; font-size: 85%; width: 9em; text-align: center; float: left;}
.title-style1 h3{ font-weight: normal; font-size: 120%; float: left; margin: 6px 0 0 14px;}

.title-style1.category1{ background: #E95331;}
.title-style1.category1 span{ color: #E95331;}
.title-style1.category2{ background: #5FA6C1;}
.title-style1.category2 span{ color: #5FA6C1;}
.title-style1.category3{ background: #348C6A;}
.title-style1.category3 span{ color: #348C6A;}
.title-style1.category4{ background: #794BA4;}
.title-style1.category4 span{ color: #794BA4;}

/* 2
------------------------------------------*/
.title-style2{ color: #FFF; margin: 20px auto 0 auto; line-height: 100%; padding: 12px 0 12px 20px;}
.title-style2 span{ background: #FFF; display: inline-block; padding: 5px 0 5px 0; font-size: 90%; width: 10em; text-align: center;}
.title-style2 dl{ font-weight: normal; font-size: 100%; margin: 10px 0 0 0px; display: block;}
.title-style2 .day{ display: block; padding: 0 0 6px 0;}
.title-style2 .address{ float: left;}
.title-style2 dt{ float: left; margin: 0 0 0 10px;}
.title-style2.category1{ background: #E95331;}
.title-style2.category1 span{ color: #E95331;}
.title-style2.category2{ background: #5FA6C1;}
.title-style2.category2 span{ color: #5FA6C1;}
.title-style2.category3{ background: #348C6A;}
.title-style2.category3 span{ color: #348C6A;}
.title-style2.category4{ background: #794BA4;}
.title-style2.category4 span{ color: #794BA4;}


/* =========================================
スケジュール
==========================================*/
#schedule{ width: 880px; padding: 30px 40px 40px 40px;background: url("../img/bg_03.png"); margin: 40px auto 0 auto; text-align: center;}

/* カレンダー
------------------------------------------*/
#schedule_calendar{ border: 2px solid #000; background: #fff; padding: 20px; margin: 20px 0 0 0;}
#schedule_calendar_sp{ display: none;}

/* 一覧
------------------------------------------*/
#schedule_list{ margin: 20px 0 0 0;}
#schedule_list dl{ margin: 14px 0 0 0;}
#schedule_list dt{ color: #FFF; display: inline-block; text-align: center;width: 9em; font-size: 85%;float: left;}
#schedule_list .category1 dt{ background: #E95331;}
#schedule_list .category2 dt{ background: #5FA6C1;}
#schedule_list .category3 dt{ background: #348C6A;}
#schedule_list .category4 dt{ background: #794BA4;}
#schedule_list dd{ text-align: left; margin: 0 0 0 9.0em; font-size: 95%;}
#schedule_list dd span{ background: #FFF; color: #CB0000; border: 1px solid #CB0000; width: 4em; font-size: 85%; font-weight: bold; display: inline-block; text-align: center; padding: 3px 0 3px 0; line-height: 100%; margin: 0 0 0 10px;}

/* =========================================
トップ
==========================================*/

/* スライド
------------------------------------------*/
#top_slide_sp{ display: none;}
#top_slide{ width: 100%; height: 675px; position: relative; overflow: hidden;}

/*
#top_slide .mesh_out{background: url("../img/bg_08.png"); width: 100%; height: 675px; position: absolute; text-align: center; z-index: 5000;}
*/
#top_slide .box{ width: 100%; height: 675px;}
#top_slide video{display: block;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;}
#top_slide img{ height: 675px; width: auto !important;}
#top_slide .mesh{ background: url("../img/bg_08.png"); width: 100%; height: 100%; position: absolute; text-align: center; z-index: 9000;}
#top_slide .mesh img{ width: auto; height: auto; top:50%; left:50%; margin: -100px 0 0 -350px ; z-index: 9000; position: absolute;}

#top_slide .n1 .mesh img{ margin: -150px 0 0 -280px;}
#top_slide .n2 .mesh img{ margin: -150px 0 0 -286px;}
#top_slide .n3 .mesh img{ margin: -130px 0 0 -287px;}
#top_slide .n4 .mesh img{ margin: -200px 0 0 -301px;}
#top_slide .n5 .mesh img{ margin: -190px 0 0 -272px;}
#top_slide .n6 .mesh img{ margin: -210px 0 0 -400px;}
#top_slide .n7 .mesh img{ margin: -220px 0 0 -384px;}
#top_slide .n8 .mesh img{ margin: -220px 0 0 -333px;}

#top_slide .bx-controls-direction{ width:100%; margin:0 auto 0 auto; position:relative; }
#top_slide .bx-controls-direction a{ display:block; width:29px; height:46px; top:-390px; position:absolute; text-indent: -9999px; z-index: 9000;}
#top_slide .bx-prev{left:10px; background:url(../img/icon_08.png) 0 0 no-repeat;}
#top_slide .bx-next{right:10px;background:url(../img/icon_09.png) 0 0 no-repeat;}

#top_slide .bx-pager{width: 100%; margin: 0px auto 0 auto; z-index: 9900; text-align: center;line-height: 100%; bottom:30px; position: absolute;}
#top_slide .bx-pager .bx-pager-item{ display: inline-block;}
#top_slide .bx-pager a { background: url("../img/icon_11.png") 0 0 no-repeat;text-indent:9999px;display: block;width: 24px;height: 25px;margin: 0 10px 0 10px;}
#top_slide .bx-pager a:hover,
#top_slide .bx-pager a.active { background: url("../img/icon_10.png") 0 0 no-repeat;}

/* 総おどり体操とは
------------------------------------------*/
#top_block1_wrap2{ background: url("../img/bg_01.png"); min-width: 960px;}
#top_block1_wrap{ background: url("../img/bg_02.png") center 30px no-repeat ; min-width: 960px;}
#top_block1{ width: 960px; position: relative; margin: 0 auto; text-align: center; padding: 35px 0 40px 0;}
#top_block1 p.img{ position: absolute; top:-190px; left:0px; z-index: 9000;} 
#top_block1 h2{}
#top_block1 p.txt{ margin: 24px 0 0 0; font-size: 110%; line-height: 170%;}
#top_block1 p.photo{ margin: 24px 0 0 0;}
#top_block1 p.photo img{ float: left; margin: 0 0 0 20px;}
#top_block1 p.photo img:nth-child(1){ margin-left: 40px;}

/* 総おどり体操のながれ
------------------------------------------*/
#top_block2{ width: 880px; padding: 30px 40px 40px 40px;background: url("../img/bg_03.png"); margin: 40px auto 0 auto; text-align: center;}
#top_block2 h2{}
#top_block2 #top_flow_sp{ display: none;}
#top_block2 #top_flow{ margin: 0px 0 0 0; position: relative;}
#top_block2 #top_flow .slide{ position: relative;}
#top_block2 #top_flow .box{ width: 875px !important; text-align: left; background: #FFF; margin: 20px 0 0 0; height: 291px; border: 2px solid #000; position: relative;}
#top_block2 #top_flow .box h3{ text-align: left; padding: 30px 0 0 30px;}
#top_block2 #top_flow .box h3 img{ vertical-align: middle; margin: -3px 12px 0 0;}
#top_block2 #top_flow .box p.txt{ padding: 20px 0 0 30px; width: 500px; line-height: 170%;}
#top_block2 #top_flow .box p.img{ position: absolute;}

#top_block2 #top_flow .box.n1 p.img{ top:-10px; right: 20px;}
#top_block2 #top_flow .box.n2 p.img{ top:-18px; right: 60px;}
#top_block2 #top_flow .box.n3 p.img{ top:-20px; right: 60px;}
#top_block2 #top_flow .box.n4 p.img{ top:-20px; right: 70px;}
#top_block2 #top_flow .box.n5 p.img{ top:-20px; right: 50px;}
#top_block2 #top_flow .box.n6 p.img{ top:-20px; right: 70px;}
#top_block2 #top_flow .box.n7 p.img{ top:-20px; right: 70px;}
#top_block2 #top_flow .box.n8 p.img{ top:-20px; right: 60px;}

#top_block2 .bx-viewport{ height: 360px !important;}
#top_block2 .bx-controls-direction{}
#top_block2 .bx-controls-direction a{ display:block; width:19px; height:28px; top:130px; position:absolute; text-indent: -9999px;}
#top_block2 .bx-prev{left:-30px; background:url(../img/icon_03.png) 0 0 no-repeat;}
#top_block2 .bx-next{right:-30px;background:url(../img/icon_04.png) 0 0 no-repeat;}

#top_block2 .bx-pager{ position: absolute; top:-20px; right: 0;}
#top_block2 .bx-pager-item{ display: inline-block; margin: 0 0 0 10px;}
#top_block2 .bx-pager a {background: #666;text-indent: -9999px;display: inline-block;width: 13px;height: 14px;outline: 0;background: url("../img/icon_05.png") -13px 0 no-repeat;}
#top_block2 .bx-pager a:hover,
#top_block2 .bx-pager a.active {background: url("../img/icon_05.png") 0 0 no-repeat;}

#top_block2 .wrap{ margin: 0px 0 0 0;}
#top_block2 .left{ float: left; width: 413px;}
#top_block2 h3{ text-align: center; font-size: 130%;}
#top_block2 ul{ background: url("../img/line_02.png") 0 0 repeat-x; margin: 15px 0 0 0;}
#top_block2 li{ background: url("../img/line_02.png") 0 bottom repeat-x; padding: 12px 0 12px 0px; margin: 0; text-align: left; list-style: disc;list-style-position: inside;}
#top_block2 .right{ float: right;width: 430px;}
#top_block2 .right iframe{ width: 100%;}


/* 総おどり体操を覚えるには
------------------------------------------*/
#top_block3{ width: 960px; margin: 40px auto 0 auto;}
#top_block3 .left{ float: left; width: 460px;}
#top_block3 .right{ float: right; width: 460px;}
#top_block3 h2{ border: 3px solid #000; text-align: center; padding: 6px 0 4px 0; font-size: 130%;}
#top_block3 .box{ padding: 30px 0 30px 0;}
#top_block3 .box.top{}
#top_block3 .box.bottom{ background: url(../img/line_01.png) 0 0 repeat-x;}
#top_block3 .img{ float: left; width: 120px;}
#top_block3 .txt{ margin: 0 0 0 150px;}
#top_block3 h3{ font-size: 120%;}
#top_block3 a{ background: url("../img/icon_02.png") 0 47% no-repeat; padding: 0 0 0 20px; margin: 19px 0 0 0; display: inline-block;}
#top_block3 dl{ font-weight: bold;}
#top_block3 dl:after{ display: none;}
#top_block3 dt{ font-size: 90%;}
#top_block3 dd{ font-size: 90%; line-height: 140%; margin: 0 0 4px 0;}
#top_block3 dd.name{ font-size: 120%; margin: 0;}
#top_block3 dd.name span{ font-size: 70%; padding: 0 10px 0 0;}
#top_block3 .txt p{ margin: 11px 0 0 0; line-height: 160%;}
#top_block3 .right .txt p{ font-size: 90%;}

/* =========================================
講習会・イベントのご案内
==========================================*/

/* トップ
------------------------------------------*/
#event_info_txt_wrap2{ background: url("../img/icon_01.png") center bottom no-repeat; padding: 0 0 20px 0; margin: 20px 0 0 0;}
#event_info_txt_wrap{ background: url("../img/bg_01.png"); min-width: 960px;}
#event_info_txt{ width: 960px; margin: 0 auto; text-align: center; padding: 30px 0 0 0;}
#event_info_txt h2{}
#event_info_txt p.p1{ width:890px; margin: 20px auto 40px auto; display: block; line-height: 180%; font-size: 120%;}
#event_info_txt .box{ float: left; width: 480px; text-align: left; margin: 0 0 40px 0;}
#event_info_txt .box:nth-child(2n+1){ clear: both;}
#event_info_txt .box .img{ float: left; width: 225px;}
#event_info_txt .box .txt{float: right; width: 240px;}
#event_info_txt .box h3{ overflow: hidden; text-indent: 100%; white-space: nowrap; display: block; height: 54px;}
#event_info_txt .box:nth-child(1) h3{ background: url("../img/top_05.png") 0 0 no-repeat;}
#event_info_txt .box:nth-child(2) h3{ background: url("../img/top_06.png") 0 0 no-repeat;}
#event_info_txt .box:nth-child(3) h3{ background: url("../img/top_07.png") 0 0 no-repeat;}
#event_info_txt .box:nth-child(4) h3{ background: url("../img/top_08.png") 0 0 no-repeat;}
#event_info_txt .box .txt p{ line-height: 140%; margin: 12px 0 0 0; padding: 0 30px 0 0;}
#event_info_txt .box strong{ color: #CB0000; font-weight: normal;}

/* 下層
------------------------------------------*/
#event_info_txt2_wrap{ background: url("../img/bg_01.png"); min-width: 960px; margin: 45px 0 0 0;}
#event_info_txt2{ width: 960px; margin: 0 auto; text-align: center; padding: 30px 0 30px 0;}
#event_info_txt2 h2{}
#event_info_txt2 p.p1{ width:830px; margin: 20px auto 30px auto; display: block; line-height: 160%; font-size: 105%;}
#event_info_txt2 .box{ float: left; width: 225px; text-align: left; margin: 0 0 0 15px;}
#event_info_txt2 .box:nth-child(1){ }
#event_info_txt2 .box .img{}
#event_info_txt2 .box .txt{ margin: 16px 0 0 0;}
#event_info_txt2 .box h3{ overflow: hidden; text-indent: 100%; white-space: nowrap; display: block; height: 52px;}
#event_info_txt2 .box:nth-child(1) h3{ background: url("../img/title_03.png") center 0 no-repeat;}
#event_info_txt2 .box:nth-child(2) h3{ background: url("../img/title_04.png") center 0 no-repeat;}
#event_info_txt2 .box:nth-child(3) h3{ background: url("../img/title_05.png") center 0 no-repeat;}
#event_info_txt2 .box:nth-child(4) h3{ background: url("../img/title_06.png") center 0 no-repeat;}
#event_info_txt2 .box .txt p{ line-height: 140%; margin: 12px 0 0 0; }
#event_info_txt2 .box strong{ color: #CB0000; font-weight: normal;}


/* =========================================
講習会 詳細
==========================================*/
#event_detail{ width: 960px; margin: 30px auto 0 auto;}
#event_detail .img{ float: left;width: 270px;}
#event_detail .info{ float: right; width: 560px;}
#event_detail .map{ display: inline-block; margin: 0 0 0 14px;}
#event_detail .map a{ background: url("../img/icon_02.png") 0 47% no-repeat; padding: 0 0 0 14px; font-size: 85%;}
#event_detail .stock_wrap{background: url("../img/line_02.png") 0 0 repeat-x; margin: 30px 0 0 0; padding: 12px 0 0 0;}
#event_detail .stock{background: url("../img/line_02.png") 0 bottom repeat-x; padding: 0 0 12px 0;}
#event_detail .stock p{ font-size: 90%;}
#event_detail .stock .status{ font-weight: bold; padding: 0 8px 0 0;}
#event_detail .txt{ margin: 25px 0 0 0; font-size: 95%; line-height: 190%;}
#event_detail .btn{ text-align: center; margin: 40px 0 0 0;}
#event_detail .btn a{ border: 1px solid #101010; background: #F9BD00; width: 300px; height: 50px; display: inline-block;}
#event_detail .btn span{ width: 120px; height: 23px; background: url("../img/title_07.png") 0 0 no-repeat; display: inline-block; overflow: hidden;text-indent: 100%; white-space: normal; margin: 14px 0 0 0;}
#event_detail .btn a:hover{background: #101010;}
#event_detail .btn a:hover span{ background: url("../img/title_11.png") 0 0 no-repeat;}

/* =========================================
フォーム
==========================================*/

/* 全体
------------------------------------------*/
#event_form{ width:960px; margin: 0 auto;}

/* 流れ
------------------------------------------*/
#form_flow{ margin: 40px auto 0 auto;}
#form_flow ul{}
#form_flow li{ color: #454545; text-align: center; width: 320px; height: 40px; float: left; line-height: 40px;}
#form_flow li.n1{ background: url("../img/bg_06.png") 0 0 no-repeat;}
#form_flow li.n2{ background: url("../img/bg_04.png") 0 0 no-repeat;}
#form_flow li.n3{ background: url("../img/bg_04.png") 0 0 no-repeat;}
#event_form.input #form_flow li.n1{ color: #FFF; background: url("../img/bg_07.png") 0 0 no-repeat;}
#event_form.confirm #form_flow li.n2{ color: #FFF; background: url("../img/bg_05.png") 0 0 no-repeat;}
#event_form.complete #form_flow li.n3{ color: #FFF; background: url("../img/bg_05.png") 0 0 no-repeat;}

/* メッセージ
------------------------------------------*/
#form_message1{}
#form_message2{ margin: 30px 0 0 0;}
#form_message3{ margin: 0px 0 30px 0;}
#form_message3 .title{ font-weight: bold;}
#form_message3 .body{ margin: 5px 0 0 0;}

/* 申し込むイベント
------------------------------------------*/
#form_detail_wrap{background: url("../img/line_02.png") 0 0 repeat-x; margin: 30px auto 0  auto; padding: 24px 0 0 0; width: 960px;}
#form_detail{background: url("../img/line_02.png") 0 bottom repeat-x; padding: 0 0 24px 0;}
#form_detail dl{ margin: 14px 0 0 0; padding: 0 0 14px 0; line-height: 100%;}
#form_detail dt{ color: #FFF; width: auto; text-align: center; padding: 4px 10px 2px 10px; display: inline-block; line-height: 100%; font-size: 90%;}
#form_detail .category1 dt{ background: #E95331;}
#form_detail .category2 dt{ background: #5FA6C1;}
#form_detail .category3 dt{ background: #348C6A;}
#form_detail .category4 dt{ background: #794BA4;}
#form_detail dd{ font-size: 110%; display: inline-block; margin: 0 0 0 10px;}
#form_detail table{ border: 0px;}
#form_detail th,
#form_detail td{ background: none; padding: 0; border: 0px; text-align: left;}
#form_detail th{ width: 3em;}
#form_detail td{}
#form_detail .map{ display: inline-block; margin: 0 0 0 14px;}
#form_detail .map a{ background: url("../img/icon_02.png") 0 47% no-repeat; padding: 0 0 0 14px; font-size: 85%;}

/* フォーム
------------------------------------------*/
#form_table{ width: 960px; margin:30px auto 0 auto ;}
#form_table .hissu{ color: #CB0000;}
#form_table .nini{ color: #000000;}
#form_table table{ margin: 20px 0 0 0;}
#form_table th,
#form_table td{ padding: 14px 0 14px 14px;}
#form_table th{ text-align: left; width: 12em;}
#form_table td{}
#form_table .spicon{ display: none;}
#form_table input[type=text]{ width: 320px; padding: 5px 5px 5px 5px; font-size: 120%;}
#form_table .age input[type=text],
#form_table .num input[type=text]{ width: 160px;}
#form_table input[type=radio]{display: inline-block;}
#form_table label{ cursor: pointer; display: inline-block; margin: 0 22px 0 0;}
#form_table label input{ vertical-align: middle; display: inline-block;}
#form_table label span{ display: inline-block; vertical-align: middle; margin: 0 0 0 4px;}
#form_table label:hover span{ text-decoration: underline;}
#form_table .ex{ color: #656565;padding: 0 0 0 6px;}
#form_table .label{ padding: 0 0 0 10px;}
#form_table .error label{ margin: 0; display: inline; color: #CB0000;}

/* ボタン
------------------------------------------*/
#form_table .btn{ text-align: center; margin: 40px 0 0 0;}
#form_table .btn input{ display: inline-block; margin: 0 auto; text-indent: -9999px; cursor: pointer; border: 0px; width: 300px; height: 50px; margin: 0 10px 0 10px;}
#form_table .btn1{ background: url("../img/btn_01.png") 0 0 no-repeat;}
#form_table .btn1:hover{ background: url("../img/btn_07.png") 0 0 no-repeat;}
#form_table .btn2{ background: url("../img/btn_02.png") 0 0 no-repeat;}
#form_table .btn2:hover{ background: url("../img/btn_08.png") 0 0 no-repeat;}
#form_table .btn3{ background: url("../img/btn_03.png") 0 0 no-repeat;}
#form_table .btn3:hover{ background: url("../img/btn_09.png") 0 0 no-repeat;}
.confirm #form_table .btn{ text-align: center;}

/* 完了
------------------------------------------*/
#form_complete{border: 2px solid #000; margin: 50px 0 0 0; padding: 50px 60px 50px 60px;}
#form_complete h3{ text-align: center; font-size: 130%; font-weight: normal;}
#form_complete p{ margin: 25px 0 0 0; line-height: 170%;}
#form_complete a{}

/* =========================================
受付 レイアウト
==========================================*/
body.uk{ padding: 0 10px 10px 10px;}

/* =========================================
受付 ヘッダー
==========================================*/
#uk_head{ padding: 10px 0 10px 0 ; line-height: 100%;}
#uk_head h1{ text-align: center;}
#uk_head h1 img{ width: 40%; height: auto;}

/* =========================================
受付 ページタイトル
==========================================*/
#uk_pagetitle{ background: url("../img/bg_01.png");}
#uk_pagetitle h2{ margin: 0 auto; line-height: 100%; font-size: 180%; padding: 18px 0 18px 0; text-align: center;}

/* =========================================
受付 ログイン
==========================================*/
#uk_login{ text-align: center;}

#uk_login .body{ padding-top: 20px;}
#uk_login .body h3{ margin: 60px 0 20px 0; font-size: 200%;}
#uk_login .body input{ width: 80%; height: 60px; font-size: 160%; padding: 0 0 0 10px;}

#uk_login .btn{ margin-top: 40px;}
#uk_login .btn input{ width: 80%; height: 100px; margin-top: 30px; font-size: 200%;}

/* =========================================
受付 イベント名
==========================================*/
.uk .title-style2{}
.uk .title-style2 .category{ font-size: 140%; padding-top: 10px; padding-bottom: 10px;}
.uk .title-style2 dd,
.uk .title-style2 dt{ line-height: 140%;}
.uk .title-style2 .day{ font-size: 160%;}
.uk .title-style2 .address{ font-size: 160%;}
.uk .title-style2 dt{ font-size: 160%;}


/* =========================================
受付 スケジュール一覧
==========================================*/
#uk_schedule_list{ margin: 20px 0 0 0;}
#uk_schedule_list dl{ margin: 20px 0 0 0; border-bottom:1px solid #BBB; padding: 0 0 20px 0;}
#uk_schedule_list dt{ color: #FFF; display: inline-block; text-align: center;width: 9em; font-size: 120%;float: left;}
#uk_schedule_list .category1 dt{ background: #E95331;}
#uk_schedule_list .category2 dt{ background: #5FA6C1;}
#uk_schedule_list .category3 dt{ background: #348C6A;}
#uk_schedule_list .category4 dt{ background: #794BA4;}
#uk_schedule_list dd{ text-align: left; margin: 0 0 0 9.0em; font-size: 130%;}
#uk_schedule_list dd span{ background: #FFF; color: #CB0000; border: 1px solid #CB0000; width: 4em; font-size: 85%; font-weight: bold; display: inline-block; text-align: center; padding: 3px 0 3px 0; line-height: 100%; margin: 0 0 0 10px;}

/* =========================================
受付 参加者一覧
==========================================*/
#uk_member_list{ margin: 20px 0 0 0;}
#uk_member_list .box{ border-bottom: 1px solid #BBB; padding: 40px 0 40px 0;}
#uk_member_list .name{ float: left; padding: 6px 0 3px 0; font-size: 260%; }
#uk_member_list .btn{ float: right;  text-align: center; color: #FFF; margin: 0 0 0 20px;}
#uk_member_list .btn a{display: block; color: #FFF; background: #000; text-decoration: none; font-size: 200%;-webkit-border-radius: 4px;border-radius: 4px; display: block; padding: 10px 3px 10px 3px;}
#uk_member_list .btn a:hover{ text-decoration: underline;}
#uk_member_list .entry{ width: 9em;}
#uk_member_list .anq{width: 15em;}
#uk_member_list .box .on{ background: #BBB;}
#uk_member_list .back{ text-align: center; margin-top: 60px;}
#uk_member_list .back a{ font-size: 200%;}

/* =========================================
受付 参加確認・キャンセル
==========================================*/ 
#uk_check{ text-align: center; padding: 80px 0 0 0 ;}
#uk_check .name{ font-size: 450%;}
#uk_check .message{ margin: 80px 0 0 0; font-size: 250%;}
#uk_check .btn{ margin: 90px 0 60px 0;}
#uk_check .btn input{ border: 0px; display: inline-block; text-decoration: none; width: 80%; background: #000; color: #FFF; padding: 18px 0 18px 0; font-size: 350%; height: 120px;-webkit-border-radius: 5px;border-radius: 5px; cursor: pointer;}
#uk_check .btn input:hover{ text-decoration: underline;}
#uk_check .back{ font-size: 270%;}

/* =========================================
受付 アンケート
==========================================*/
#uk_anq{ text-align: center; padding: /*60px*/0 0 0 0 ;}
#uk_anq .head .name{ font-size: 450%;}
#uk_anq .head .message{ margin: 60px 0 40px 0; font-size: 200%;}

#uk_anq .body{width: 90%; margin: 40px auto 0 auto;}
#uk_anq dl{ margin: 0 0 60px 0; padding: 0 0 60px 0;/* border-bottom: 1px solid #CCC;*/}
#uk_anq dt{ text-align: left; font-size: 180%; line-height: 160%;}
#uk_anq dd{ text-align: left; margin: 8px 0 0 0;}
#uk_anq dd input[type="text"]{ width: 97%; padding: 8px 1% 8px 1%; height: 80px; font-size: 200%; margin-top: 20px;}
#uk_anq dd select{ width: 100%; padding: 6px; cursor: pointer; height: 80px; font-size: 200%; margin-top: 20px;}
#uk_anq dd textarea{ width: 97%; padding: 8px 1% 8px 1%; font-size: 200%; height: 300px; margin-top: 20px; line-height: 140%;}

#uk_anq .btn .send{ margin: 20px 0 0 0;}
#uk_anq .btn .send input{ border: 0px; display: inline-block; text-decoration: none; width: 80%; background: #000; color: #FFF; padding: 18px 0 18px 0; font-size: 350%; height: 120px;-webkit-border-radius: 5px;border-radius: 5px; cursor: pointer;}
#uk_anq .btn .send input:hover{ text-decoration: underline;}
#uk_anq .btn .back{ margin: 80px 0 60px 0; font-size: 270%;}

#uk_anq .hissu{ color: #CB0000;}
#uk_anq .nini{ color: #000000;}
#uk_anq label.error{ margin: 0; display: inline; color: #CB0000;}



.container {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

.container img {
		width: 100%;
		height:auto;
}


.container .close_btn {
	width: 48px;
	height: 48px;
}




/* スマホ表示 */
@media screen and (max-width: 768px) {

body {font-size: 10px;}
body.uk {padding-left: 0;padding-right: 0;}
#uk_anq .head .message {margin: 30px 0 20px;}
#uk_anq dl {margin-bottom: 30px;padding-bottom: 30px;}
#uk_anq dd {font-size: 140%;}
#uk_anq .btn .send input {font-size: 200%;height: 70px;width: 95%;}
#uk_anq dd textarea {font-size: 120%;height: 180px;}

}


main#main.container table,
main#main.container td,
main#main.container th {
	border: 0;
	padding: 0;
}
main#main.container > p {top: 10px !important;}