body>div {width: 800px; margin: 0 auto;}
h1,h2,h3,h4,h5,p{margin: 0;}
input,textarea{font-size: 20pt;width: 100%;height: 60px;padding: 8px;box-sizing: border-box;border: 1px solid silver;border-radius: 8px;}
textarea{}
button{border: 1px solid white;border-radius: 8px;width: 160px;text-align: center;background-color: #d4d7ff;font-size: 18pt;padding: 0 8px;height: 60px;margin: 2px;display: block;float: left;color: #333;}
button.grayout{opacity: 0.4;}
button.selected{border: none;background-color: transparent;font-weight: bold;font-size: 22pt;}

.waitdiv{width: 100%;min-height: 60px;background: url(../img/wait103.gif) no-repeat center center;}

.ad.pagetop{margin-top: 20px;}

.org_image{}
.org_image button{width: 80px;}
.org_image>div>div:first-child{background-color: #eee;height: 70px;padding: 4px;box-sizing: border-box;}
.org_image>div>div:first-child>div{float: left;}
.org_image>div>div:first-child>div>*{float: left;}
.org_image>div>div:first-child>div>h2{width: 340px;padding-left: 10px;}
.org_image .close{float: right !important;background: url(../img/cancel.png) no-repeat center center /60px;width: 60px;height: 60px;padding: 8px 8px 0 0;}
.org_image>div>div>img{width: 100%;padding-top: 6px;}
.org_image>div>p{text-align: right;color: #eee;}


popupmenu{position: absolute;border: 1px solid gray;background-color: #eee;width: auto;border-radius: 10px;font-weight: bold;z-index: 10;}
popupmenu>div{height: 60px;line-height: 60px;border-bottom: 3px dotted #333;padding: 0 10px;}
popupmenu>div:last-child{border: none;}
popupmenu .grayout{color: silver;}

.reply_form{padding-top: 30px;}
.reply_form h2{}
.postform{margin: 10px;}
.postform textarea{height: 160px;}
.postform .upload_image textarea{width: 494px;height: 130px;margin: 2px 0 0 2px;}

.passwd{overflow: hidden;width: 100%;}
.passwd>button{width: 60px;float: left;margin-left: 4px;height: 58px;}
.passwd.pw>button{background: #d4d7ff url(../img/eye01.png) no-repeat center center /40px;}
.passwd.tx>button{background: #d4d7ff url(../img/eye02.png) no-repeat center center /40px;}
#dialog-conf_pass .passwd>input{float: left;width: 450px;}
.postform .passwd>input{float: left;width: 690px;}
.postform_name{overflow: hidden;}
.postform_name h3>div{margin-right: 300px;}
.postform_name input{float: left;width: calc(100% - 260px);}
.postform_name>div{margin-top: -12px;float: right;width: 260px;}
.th_pic .postform_name h3>div{margin-right: 0;}
.th_pic .postform_name input{width: 100%;}
.th_pic .postform_name>div{display: none;}

.postform>div{margin: 12px 0;clear: both;border: 1px solid #754e4e;background-color: #8989ff;padding: 6px;}
.error_message{background-color: #fdf7f7;border: 1px solid red;color: red;font-weight: bold;padding: 8px;border-radius: 6px;margin-bottom: 10px;}
.postform>div>h3{font-size: 22pt;}
.postform>div>h3>div{font-size: 18pt;float: right;font-weight: normal;line-height: 35pt;}
.post_thread{overflow: hidden;margin: 10px auto 30px;border-radius: 16px;background-color: #b6c3e8;}
.post_thread h1{background-color: #e3e3fb;padding: 0 10px;font-size: 30pt;}
.postform+.btns{padding-right: 10px;/*! height: 90px; */background-color: silver;margin: 0;overflow: hidden;}
.postform+.btns button{float: right;margin: 16px 0 4px 6px;}
.postform .postform_pref{overflow: hidden;margin-top: 20px;height: 70px;}
.postform .postform_pref>h3{float: left;margin-top: 10px;}
.postform .postform_pref>div{float: right;}
.postform .postform_pref>div>div{float: left;width: 300px;text-align: center;margin-top: 10px;}
.postform .postform_pref>div>button{float: left;/*! margin-top: -10px; */}

.th_pic .postform .postform_pref{display: none;}
.simple .postform .postform_title{display: none;}

button.ok{background: #d4d7ff url(../img/ok48.png) no-repeat -30px -30px /110px;}
button.cancel{background: #d4d7ff url(../img/cancel48.png) no-repeat -30px -30px /110px;}
button.style1{height: 80px;text-align: right;font-size: 18pt;line-height: 90px;padding-right: 10px;font-weight: bold;text-shadow: -3px -3px 1px #fff;}
button.thread{background: #d4d7ff url(../img/thread.png) no-repeat 0 center;}
button.search{background: #d4d7ff url(../img/search.png) no-repeat 0 center;}
button.favorites{background: #d4d7ff url(../img/favorites.png) no-repeat 0 center;}
button.style2{/*! width: 190px; */height: 70px;padding: 0 8px 0 54px;text-align: left;/*! background-color: #eee; *//*! opacity: 0.9; */font-weight: bold;margin: 7px 6px 0 0;width: auto;border: none;}
button.style2.select{opacity: 1;background-color: #eee;height: 80px;margin-top: 4px;border-radius: 8px 8px 0 0;}
button.newthread{background: #d4d7ff url(../img/newthread.png) no-repeat 0 center;float: left;}
button.allthread{float: right;}
button.onethread{float: right;}

button.style3{height: 70px;padding: 0 8px 0 55px;text-align: left;font-weight: bold;border-color: gray;width: auto;}
button.style4{height: 70px;padding: 0 10px 0 55px;text-align: left;width: auto;border: 5px dotted gray;background-color: #f8f8f8;float: right;}
button.style4.select{background: white url(../img/check002.png) no-repeat 4px center /54px;}
button.style5{height: 60px;font-weight: bold;width: 200px;border-color: #757fff;margin-top: 4px;}
button.style5.select{background-color: #757fff;margin-top: 0;height: 72px;}
.updatefavorites{background: #d4d7ff url(../img/update.png) no-repeat left center /50px;}

#attach_head{min-height: 100px;}
#attach_head.img_max_limit::before{content: '添付数が上限に達しました';font-size: 17pt;color: red;margin-left: 20px;line-height: 100px;}
upload_button.img_max_limit{display:none}
#attach_head>div{float: right;margin: 8px 0 0 0;font-size: 18pt;width: 360px;}
#attach_head>div>div{overflow: hidden;}
#attach_head>div>div>span{width: 200px;text-align: right;display: block;float: left;height: 40px;line-height: 40px;}
#attach_head>div>div>span:last-child{text-align: left;font-size: 22pt;font-weight: bold;width: 160px;}
#attach_head>div>div>span:last-child::before{content: ':';margin: 0 8px;}
#attach_head>div>div>span:last-child::after{content: 'file(s)';margin: 0 8px;font-size: 16pt !important;}
#attach_head>div>div>span:last-child::before,#attach_head>div>div>span:last-child::after{font-weight: normal;font-size: 18pt;}


.reply_form .postform_title{display: none;}
.reply_form .postform_delkey_info::before{content: 'レス'}
.post_thread .postform_delkey_info::before{content: 'スレッド'}
.post_thread textarea{height: 160px;}
.reply_form .postform_delkey_info{clear: both;}

#thread_page{color: #333;}
#thread_page div.thread{background-color: #b6c3e8;margin: 58px 0 20px 0;border: 1px solid gray;border-radius: 40px;position: relative;/*! padding: 4px 10px 10px; */}
#thread_page .threadcnt,.no_thread{color: #eee;padding: 0 20px;margin-bottom: -10px;}
#thread_page .threadcnt::before{content: 'スレッド数：';font-size: 0.9em;margin-right: 10px;}
#thread_page .threads,#thread_page .threadfavorites{}

#thread_page div.thread.sex1{}

.no-thread,.no_thread{color: #eee;margin: 20px;}

.favorites_del{color: #333;margin-bottom: 20px;padding: 10px;border: 3px solid yellow;border-radius: 14px;}
.favorites_del>div{margin: 8px 0;color: #eee;}
.favorites_del>h3{padding: 4px 4px 4px 130px;background: #fdfd25 url(../img/3443.png) no-repeat 10px center /100px;border-radius: 10px 10px 0 0;}
.favorites_del>div::before{padding: 2px 8px;content: '削除されたスレッド';display: block;margin: 10px 0;}
.favorites_del>div>span{margin: 4px 10px;color: yellow;font-weight: bold;}
.favorites_del>div>span::before{content: 'No.';font-size: 20pt;color: #eee;font-weight: normal;font-size: 0.8em;}


#thread_page .name{float: right;margin-right: 10px;font-weight: bold;height: 50px;line-height: 50px;position: absolute;right: 0;top: 0;padding-right: 10px;}
#thread_page .name+div{margin-top: 60px;}
#thread_page .mail{background: url(../img/mail48.png) no-repeat left center /38px;padding-left: 42px;}
#thread_page .gtitle{font-weight: bold;font-size: 24pt;height: 70px;margin: 58px 4px 0 4px;background-color: #2e4893;border-radius: 20px;line-height: 70px;color: #fff;}
#thread_page .title{text-align: center;float: left;width: 700px;}
#thread_page .star{height: 70px;float: left;width: 70px;border-radius: 20px;}
#thread_page .star.on{background: #2e4893 url(../img/star01_on.png) no-repeat center center /40px;}
#thread_page .star.off{background: #2e4893 url(../img/star01_off.png) no-repeat center center /40px;}

#thread_page .message{background-color: #fff;overflow: hidden;position: relative;}
#thread_page .message>div{float: left;}
#thread_page .message>div:first-child{width: 320px;}
#thread_page .message>p{position: absolute;width: 480px;height: 64px;top: 0;right: 0;border-bottom: 1px solid #eaeaea;background-color: white;}
#thread_page .message>p>div{}



#thread_page .thread_body,#thread_page .reply_body{background-color: #b6c3e8;border-bottom: 3px solid silver;}
#thread_page .reply_body{border: 1px solid gray;background-color: transparent;}
#thread_page .thread_foot{overflow: hidden;background-color: white;height: 80px;border-radius: 0 0 20px 20px;}
.th_pic #thread_page .thread_foot{display:none;}

#thread_page .thread_foot button{float: right;margin: 10px;}

//.simple #thread_page .top_btn{display:none;}
#thread_page .top_btn{clear: both;position: relative;overflow: hidden;}

//.th_pic #thread_page .simple_top_btn{display:none;}
#thread_page .simple_top_btn{clear: both;position: relative;overflow: hidden;}

#thread_page .page_selecter{height: 60px;clear: both;margin: 10px 0;}
#thread_page .page_selecter>*{float: left;width: 60px;text-align: center;}
#thread_page .page_selecter>.cur{color: yellow;font-size: 24pt;height: 60px;line-height: 60px;width: 40px;}
#thread_page .page_selecter a{text-decoration: none;color: #333;}
#thread_page .top_btn>div{clear: both;}
#thread_page .top_btn>div:last-child{padding: 10px;background-color: #eee;/*! overflow: hidden; *//*! position: absolute; */top: 82px;width: 800px;border-radius: 0 8px 8px 8px;box-sizing: border-box;height: inherit;}
#thread_page .top_btn>div:last-child>div{display: none;}

#thread_page .threadsearch div.thread{margin: 20px 0;}
#thread_page .threadsearch>div{margin: 20px 0;}
#thread_page .threadsearch>div>h3{color: #eee;margin-left: 10px;}
#thread_page .threadsearch>div>h3>div{float: right;margin-right: 20px;}
#thread_page .threadsearch>div>h3>div::before{content: '検索数：';font-weight: normal;font-size: 0.8em;}

#search_result_thread,#search_result_reply{background-color: #b6c3e8;padding: 8px 0;margin: 0 0 20px 0;border-radius: 10px;}
#search_result_thread .row>div:first-child,#search_result_reply .row>div:first-child{overflow: hidden;border: 1px solid gray;margin: 2px 8px;font-size: 22pt;background-color: #eee;/*! height: 70px; */line-height: 70px;padding-left: 8px;font-weight: bold;display: block;}
#search_result_thread .row>div>div,#search_result_reply .row>div{}
#search_result_thread .row .no,#search_result_reply .row .no{width: 240px;float: left;}
#search_result_thread .row>div>div.no::before,#search_result_reply .row>div>div.no::before{content: 'No.';font-weight: normal;font-size: 0.8em;}
#search_result_thread .row .tm,#search_result_reply .row .tm{width: 380px;font-size: 20pt;float: left;}
#search_result_thread .row .arrow,#search_result_reply .row .arrow{width: 50px;height: 50px;float: right;background: url(../img/arrow001.png) no-repeat center center /48px;margin: 8px 4px 0 0;}
#search_result_thread .row.dn .arrow,#search_result_reply .row.dn .arrow{transform: rotate(90deg)}
#search_result_thread .row.up .arrow,#search_result_reply .row.up .arrow{transform: rotate(270deg)}
#search_result_thread .cavthread,#search_result_reply .cavthread{padding: 30px 0 20px 0;background-color: #333;}
#search_result_thread .row.dn>.cavthread,#search_result_reply .row.dn>.cavthread{display: none;}
.no_search{padding: 10px 20px;font-weight: bold;}

.top_btn .topbtn_thread>.topbtn_thread{display:block !important;overflow: hidden;}
.top_btn .topbtn_search>.topbtn_search{display:block !important;position: relative;}
.top_btn .topbtn_favorites>.topbtn_favorites{display: block !important;overflow: hidden;}

.topbtn_search .topbtn_search_head{overflow: hidden;padding: 4px;/*! position: absolute; *//*! height: 70px; *//*! top: 4px; *//*! margin-top: 70px; *//*! box-sizing: border-box; */}
.topbtn_search .topbtn_search_body{background-color: #757fff;overflow: hidden;padding: 12px 8px;width: 100%;margin-top: -10px;box-sizing: border-box;}
.topbtn_search .topbtn_search_body>div{clear: both;border: 1px solid gray;overflow: hidden;padding: 4px;margin: 4px 0;background-color: #eee;}
.topbtn_search .topbtn_search_body>div:first-of-type{margin-top: 16px;}
.topbtn_search .topbtn_search_body>div>div{/*! float: right; */}
.topbtn_search .topbtn_search_body>div>div:first-child{float: left;padding: 15px 0 0 15px;}
.topbtn_search .topbtn_search_foot{}
.topbtn_search .topbtn_search_foot button{float: none;margin: 12px 0 6px auto;}

.replyss .page_selecter{height: 60px;}
.replyss .page_selecter>*{float: left;width: 60px;text-align: center;}
.replyss .page_selecter>.cur{color: yellow;font-size: 24pt;height: 60px;line-height: 60px;width: 40px;}

.replyss{padding: 8px;background-color: #eaefff;border-radius: 20px;}
.replyss .reply{background-color: #b6c3e8;border: 1px solid gray;border-radius: 20px;margin: 30px 0 10px;position: relative;padding: 0 10px 10px;}

.thread_reply{margin: 50px 0 10px 0;position: relative;padding-top: 0;padding: 10px 0 0 24px;border-top: 10px solid #eef;}
.thread_reply>h4{margin-top: -36px;font-size: 24pt;color: #1f1f53;margin-bottom: 10px;}


.thread .no{width: 240px;background-color: #f1f5ff;text-align: center;font-weight: bold;height: 70px;color: #333;font-size: 24pt;border-radius: 34px;line-height: 70px;border: 1px solid gray;left: 0px;position: absolute;top: -22px;}
.replyss .no{left: -40px;/*! top: -6px; */}
.thread .no>div:first-child{background: url(../img/menu.png) no-repeat top center /34px;width: 50px;padding-right: 10px;position: absolute;height: 50px;top: 10px;left: 12px;margin: 0 0 0 4px;border-right: 3px solid #4a4141;}
.thread .no>div:first-child::after{content: 'MENU';font-size: 12pt;display: block;margin: 11px 0 0 0;}
.thread .no>div:last-child{padding-left: 60px;}
.thread .no>div:last-child>span:first-child{font-size: 0.8em;}
.thread .no>div:last-child>span:first-child::after{content: '-';margin: 0 4px;}

.thread .no>div:last-child::before{content: 'No.';font-size: 0.5em;}
.replyss .no>div:last-child::before{content: '';}



.thread .time{left: 260px;top: 8px;position: absolute;color: #222;font-weight: bold;font-size: 18pt;/*! text-decoration: underline; *//*! border-bottom: 3px solid blue; */}
.replyss .time{left: 220px;}
.thread button.menu{background: #fff url(../img/menu.png) no-repeat center center /32px;width: 60px;padding: 0;position: absolute;left: 8px;top: -22px;display: none;}
.replyss button.menu{left: 80px;top: -8px;display: none;}
.thread .thread_mes{margin: 8px 4px;padding: 20px 8px;border: 1px solid silver;background-color: #ddd;border-radius: 12px;}
.replyss .reply_mes{margin: 8px 0;padding: 8px;}
.thread .post_images{margin: 8px 4px;clear: both;padding-bottom: 10px;}
.replyss .post_images{margin-top: 64px;}
.thread .post_images .thumbs{display: table;width: 100%;height: 100px;}
.thread .post_images .thumb{display: table-cell;width: 25%;vertical-align: middle;text-align: center;}
.thread .post_images .thumb>div{border: 1px solid gray;height: 176px;width: 176px;margin: auto;box-sizing: border-box;overflow: hidden;position: relative;}
.thread .post_images .thumb>div>div{z-index: 1;position: absolute;background-color: #0000ff59;color: #fff;font-weight: bold;font-size: 18pt;padding: 0 4px;}
.thread .post_images .thumb>div.selected>div,.poster_selinfo{background-color: yellow;color: #333;font-weight: bold;padding: 0 4px;}
.thread .post_images .thumb>div>img{z-index: 0;}
.thread .poster.load>div,.thread .thumb.load>div{background: #eee url(../img/wait103.gif) no-repeat center center;}

.thread .poster{min-height: 240px;width: 100%;font-size: 0;position: relative;}
.thread .poster+p{font-size: 15pt;padding: 8px 0;/*! font-weight: bold; */}
.thread .poster>.poster_comment{position: absolute;bottom: 0;left: 0;font-size: 20pt;width: 100%;background-color: #ffffff70;padding: 8px 20px 8px 90px;font-weight: bold;box-sizing: border-box;background: #ffffff70 url(../img/comment1.png) no-repeat 20px center;}

.thread .poster.error>div::after,.thread .thumb.error>div::after{content: '画像読込error';font-size: 14pt;background-color: #fb2c2c;color: #fff;padding: 4px;font-weight: bold;height: 30px;display: block;margin: 50px 6px;}
.thread .thumb img{position: absolute;top: 0;left: 0;}
.thread .poster img{width: 100%;}

.popupmask{background-color: rgba(0,0,0,0.6);position: absolute;z-index: 10;}

upload_button{position: relative;width: 300px;display: block;height: 100px;float: left;}
upload_button input{opacity: 0;cursor: pointer;position: absolute;height: 90px;}
upload_button button{width: 100%;position: absolute;height: 90px;background: url(../img/picfile.png) no-repeat 4px center /70px;text-align: right;font-weight: bold;/*! text-shadow: -3px -3px 1px #fff; */font-size: 18pt;}
.img_max_limit upload_button{display: none;}
upload input{opacity: 0;}
.upload_error{color: red;font-weight: bold;}
.upload_error>div::after{display: none;}

#attach_view{width: 750px;overflow: hidden;margin: 20px 0 0 auto;}
#attach_view .progress_stat.error:after{content: 'メッセージのタップでそのメッセージを消去できます';font-size: 17pt;float: right;color: red;margin-bottom: 10px;}
#attach_view>div{}
#attach_view .upfile_progress{}
#attach_view .progress_stat>div{border: 3px solid #93abf2;background-color: #fff;border-radius: 8px;height: 40pt;position: relative;margin: 3px 0;}
#attach_view .progress_err{border: 3px solid #ff3737 !important;background-color: #ffebeb !important;background: url(../img/error.png) no-repeat center right;}
#attach_view .progress_stat>div>div{box-sizing: border-box;/*! padding: 0 4px; */height: 40pt;line-height: 40pt;position: absolute;width: 100%;top: 0;}
#attach_view .progress_stat>div>div>div:first-child{float: left;font-size: 20pt;padding-left: 4px;font-weight: bold;}
#attach_view .progress_stat>div>div>div{float: right;font-size: 16pt;}
#attach_view .progress_stat>div>div>div>div{float: left;margin: 4px;}
#attach_view .progress_stat>div>div>div>div:last-child:after{content: 'Bytes';font-size: 14pt;margin-left: 4px;}
#attach_view .progress_stat>div.progress_err>div>div>div:last-child{padding-right: 30px;}
#attach_view .progress_stat>div.progress_err>div>div>div:last-child:after{content: '';}
#attach_view .upfile_progress{}
#attach_view .upfile_progress>div{position: absolute;height: 100%;padding: 0 !important;float: none !important;background-color: #0000ff78;}


#attach_view>.image_view{}
#attach_view .upload_image{clear: both;height: 245px;border: 1px solid gray;margin: 4px 0;background-color: #ccc;}
#attach_view .upload_image>div{float: left;padding: 4px;width: 500px;box-sizing: border-box;}
#attach_view .upload_image>div>div{clear: both;}
#attach_view .upload_image>div>div:last-child{padding: 2px;}
#attach_view .upload_image>div:first-child{width: 240px;padding: 0;}
#attach_view .image_view img{width: 240px;margin: 2px;}

#attach_view button{width: 160px;float: left;height: 100px;}
#attach_view button.left{background: #d4d7ff url(../img/arrow.png) no-repeat center 14px;}
#attach_view button.left::after{content: 'ひとつ上へ';display: block;font-size: 14pt;margin-top: 50px;}
#attach_view button.right{background: #d4d7ff url(../img/arrow.png) no-repeat center 50px;transform: scale(1,-1);}
#attach_view button.right::after{content: 'ひとつ下へ';transform: scale(1,-1);display: block;font-size: 14pt;margin-top: -50px;}
#attach_view button.del{background: #d4d7ff url(../img/dustbox.png) no-repeat center 14px;}
#attach_view button.del::after{content: '添付を解除';display: block;font-size: 14pt;margin-top: 50px;}
#attach_view button.info{}
#attach_view .upload_image:first-child button.left,#attach_view .upload_image:last-child button.right{opacity: 0.4;}


.dialog{background-color: #fff;border: 3px solid #7474ff;border-radius: 12px;z-index: 10;position: absolute;}
.dialog>h1{font-size: 24pt;background-color: #7474ff;padding: 4px 8px;}
.dialog>div{padding: 8px;}
.dialog>div>div{}
.dialog>div>div>div{margin: 12px 0;}
.dialog>div>div>div>h2{font-size: 22pt;}
.dialog>div>div>div>p{font-size: 18pt;}
.dialog>p{height: 80px;background-color: #d1d1ff;border-top: 4px solid #7474ff;}
.dialog>p button{float: right;}
.dialog>p .btns{padding: 8px 4px;}
.dialog .error_message{border: 1px solid red;padding: 8px;font-weight: bold;color: red;background-color: #ffe8e8;border-radius: 8px;}
.dialog .error_message>div{}

#dialog-conf_pass{width: 540px;}
#dialog-remove_atc{width: 540px;}
#dialog-input_thread_no{width: 540px;}

#dialog-prefselect_map .jpnmap{position: relative;height: 740px;}
#dialog-prefselect_map{width: 760px;}
#dialog-prefselect_map .jpnimg img{width: 770px;height: 750px;}
#dialog-prefselect_map .jpnimg{/*! position: absolute; */}
#dialog-prefselect_map .buttons{position: absolute;top: 0;left: 0;}
#dialog-prefselect_map .buttons>div{position: absolute;border: 1px solid silver;}
#dialog-prefselect_map .buttons button{float: left;width: 100px;font-size: 16pt;font-weight: bold;background-color: #d4d7ff6b;border: 1px solid gray;padding-left: 20px;}
#dialog-prefselect_map .buttons button.select{background: yellow url(../img/check002.png) no-repeat -4px center /32px;}
#dialog-prefselect_map .buttons p{font-size: 14pt;position: absolute;top: -20pt;font-weight: bold;}