body{margin:0px;padding:0px;font-size:12px;font-family:'メイリオ',Meiryo,'Helvetica','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;color:#666;word-break:break-all}
#loader-bg{display:none;position:fixed;width:100%;height:100%;top:0px;left:0px;background:#fff;z-index:100;}
#loader{display:none;position:fixed;top:50%;left:50%;width:31px;height:32px;margin-top:-16px;margin-left:-16px;text-align:center;color:#fff;z-index:102;}
input[type='text'], input[type='email'], input[type='password'], input[type='submit']{padding:8px 1px;font-size:14px;border:medium none;border-radius:0;background:#ddd;}
input[type='checkbox']{padding:0;background:#ddd;}
input.inp_check{margin-right:10px;vertical-align:middle;}
textarea{border:medium none;border-radius:0;background:#ddd;}
.point_box{margin:0 10px 10px 2px;padding:0 10px 0 15px;height:29px;line-height:29px;float:left;background:url(../img/bg_point.gif);border-right:1px solid #707070;position:relative;}
.point_box .icon{position:absolute;top:-14px;right:-16px;}
.avator{margin:0 10px 0 0;float:left;width:60px;height:60px;text-align:center;overflow:hidden;}
.avator img{margin-left:-30px;}
.ttl_main{margin:20px 0;padding:6px 10px;color:#fff;background:#36b1cf;}
.ttl_main2{margin:0 0 20px;padding:6px 10px;color:#fff;background:#36b1cf;}
.ttl_log{margin-bottom:10px;font-size:20px;font-family:Arial, Helvetica, sans-serif;text-align:center;line-height:1.2em;}
.w100{width:80%;}
.err{color:#D32427;}
.btn_link2{text-align:center;padding-bottom:10px;}
.btn_link2 a{padding:20px 20px;height:4em;line-height:4em;display:bloack;color:#fff;background:#313131;}
.btn_link2 a:hover{text-decoration:none;background:#36b1cf;color:#fff;}
.btn_link3{padding:10px 0px;}
.btn_link3 a{padding:5px 20px;display:bloack;color:#fff;transition:all 0.3s ease-in-out 0s;background:#313131;}
.btn_link3 a:hover{text-decoration:none;background:#36b1cf;color:#fff;}
a.pageing{margin-bottom:5px;padding:4px 8px;text-decoration:none;font-weight:bold;color:#666;background:#fff;border:1px solid #999;}
a.pageing2{margin-bottom:5px;padding:4px 8px;text-decoration:none;font-weight:bold;color:#fff;background:#36b1cf;border:1px solid #36b1cf;}
a.pageing:hover, a.pageing2:hover{color:#fff;background:#36b1cf;border:1px solid #36b1cf;}
table.tb_seclog{margin:10px auto 10px;border-top:1px solid #ddd;}
table.tb_seclog th, table.tb_seclog td{padding:15px 0;border-bottom:1px solid #ddd;}
table.tb_seclog th.nonborder, table.tb_seclog td.nonborder{padding:15px 0 0;border-bottom:none;}
table.tb_seclog th{padding-right:20px;width:28%;}
table.tb_seclog td input[type='text']{background:#ddd;width:99%;}
table.tb_seclog td input[type='text'].txt{width:60%;}
table.tb_seclog td label.avators{margin:0 10px 10px 0;text-align:center;float:left;width:60px;height:78px;position:relative;}
table.tb_seclog td label{cursor:pointer;}
table.tb_seclog td label.avators input{position:absolute;margin-left:-7px}
table.tb_seclog td label.avators .msimg{margin-bottom:4px;width:60px;height:60px;overflow:hidden;}
table.tb_seclog td label.avators .msimg img{margin-left:-30px;}
table.tb_seclog td textarea{padding:2px 1px;width:99%;border:medium none;background:#ddd;}
.each_file{margin-bottom:10px;}
.each_file .thumbnail{margin:10px 0; position:relative;}
.each_file .thumbnail img{max-width:100%;}
.each_file .thumbnail .loading_img{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.each_file .delete_btn{margin:10px 0 0; display:block;padding: 8px 10px;border: none; background: #313131;color: #fff;font-size: 12px;vertical-align: top;}
.fileUploder{position:relative;}
.fileUploder .upfile{position:absolute;top:0;right:0;z-index:99;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";font-size:200px;cursor:pointer;overflow:hidden;}
button.btn{padding:8px 10px;border:none;background:#313131;color:#fff;font-size:12px;vertical-align:top;}
.popup{padding:10px;min-width:200px;text-align:center;}
.popup a{padding:10px 0;background:#ddd;display:block;color:#666;}
.popup a:hover{background:#999;color:#fff;text-decoration:none;}
header{position:relative;background:#fff;z-index:10;}
.inner_header{margin:auto;padding-bottom:10px;width:1290px;position:relative;}
h1{margin:0;height:0;height:30px;line-height:30px;font-size:12px;overflow:hidden;position:relative;z-index:4;}
.logo{float:left;position:relative;z-index:4;}
.nav_header{position:relative;z-index:4;}
.nav_header li{float:left;margin-left:10px;position:relative;}
.nav_header li span.icon{width:20px;height:20px;line-height:20px;text-align:center;position:absolute;right:-3px;top:-3px;color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#f54639;}
.logwrap{margin:auto;width:1290px;position:relative;}
.logbox_sp{padding:20px;position:absolute;z-index:100;right:0;color:#fff;background-color:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.logbox_sp .tb_login th, .logbox_sp .tb_login td{padding-bottom:15px;vertical-align:middle;}
.logbox_sp .tb_login th{padding:0 0 10px 5px;width:80px;font-size:20px;text-align:left;}
.logbox_sp a{color:#36b1cf;}
.logbox_sp input[type='submit']{width:100%;text-align:center;}
.star{background:transparent url(../img/star.png) center 0 repeat-y;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
#logout{padding:20px;min-width:200px;text-align:center;}
#logout .btn_louoff{margin:10px 0 0;width:100%;}
#logout .btn_louoff a{padding:10px 0;background:#ddd;display:block;color:#666;}
#logout .btn_louoff a:hover{background:#999;color:#fff;text-decoration:none;}
.acordion2{display:block;}
#wrapnav{height:100%;width:100%;position:fixed;top:0;z-index:5;background-color:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
nav{margin:0;width:100%;height:30px;background:#2182e0;position:relative;z-index:6;}
.inner_96{margin:auto;width:1290px;}
nav ul{float:left;}
nav ul li{float:left;height:30px;line-height:30px;}
nav ul li a{color:#fff;display:block;padding:0 10px;}
nav ul li a:hover{text-decoration:none;}
nav ul li:hover{background:#185189;}
nav ul li.close{display:none;cursor:pointer;}
.head_search{float:right;padding:5px 0;}
.head_search input{padding:2.5px 0 2.5px 5px;font-size:12px;line-height:15px;background:#fff;}
.btn_spnav{float:left;height:30px;line-height:30px;display:none;cursor:pointer;}
#wrapper{margin:0 0 80px;}
#main_cnt{margin-bottom:20px;float:left;width:60%;}
aside{margin-bottom:60px;float:right;width:38%;}
.aside_bn{margin-bottom:20px;}
.aside_bn img{width:100%;}
aside h2{margin-bottom:30px;font-size:30px;color:#b8b9b9;font-family:Arial, Helvetica, sans-serif;line-height:1em;background:url(../img/bg_h2_udline.gif) 0 3px repeat-x;position:relative;}
aside h2 span{font-size:12px;font-weight:normal;position:absolute;top:26px;}
aside .article_blog{margin-bottom:10px;padding:5px 5px 15px;border-bottom:1px solid #b8b9b9;}
aside .article_blog h3{}
aside .article_blog h3 a{color:#d53974;}
aside .bdbottom{border-bottom:1px solid #ddd;}
aside .aside_3col{}
aside .aside_3col li{margin-right:5%;margin-bottom:10px;float:left;width:30%;overflow:hidden;position:relative;background:#ddd;}
aside .aside_3col li.last, aside .aside_3col li.col3_3, aside .aside_3col li.col3_6{margin-right:0;}
aside .aside_3col li img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
aside .aside_3col li span{position:absolute;top:2px;right:2px;}
aside .aside_3col li span img{position:relative;width:34px;}
aside .as_prof{padding:5px;background:#f4f4f4;}
aside .aside_avator{margin-right:1%;width:20%;float:left;border:1px solid #ddd;background:#fff;}
aside .aside_avator img{width:100%;}
aside .list_come{margin-left:20px;}
aside .list_come li{margin-bottom:10px;list-style:outside disc;}
footer{margin:0;padding:20px 0 0;background:#185189;}
.ftbn li{margin-right:1.4%;margin-bottom:20px;width:15.5%;float:left;}
.ftbn li img{width:100%;}
.ftbn li.fin{margin-right:0;}
.sns{float:right;margin:20px 0 40px;}
.sns li{margin-right:10px;float:left;position:relative;}
.sns li span{position:absolute;padding:0 5px;bottom:0;right:0;background:#313131;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;text-align:center;}
.sns li.fin{margin-right:0;}
.copy{padding:10px 0;width:100%;text-align:center;color:#fff;background:#2182e0;}
.pagetop{position:fixed;bottom:10px;right:10px;z-index:100;}
.cmbtn{height:40px;line-height:40px;background:#2182e0 url(../img/bg_ac_arrow.png) no-repeat right;}
.cmbtn:hover{background:#185189 url(../img/bg_ac_arrow.png) no-repeat right;}
.cmbtn.active{background:#185189 url(../img/bg_ac_arrow_active.png) no-repeat right;}
.cmbtn a{padding-left:10px;color:#fff;display:block;}
.cmbtn a:hover{text-decoration:none;}
.commentfield{padding:20px;background:#f4f4f4;}
.commentfield textarea{width:100%;}
.comment_head{margin-bottom:10px;}
.comment_head span{float:right;}
.list_comment li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
input.orradio{display:none;}
.radio{box-sizing:border-box;-webkit-transition:background-color 0.2s linear;transition:background-color 0.2s linear;position:relative;display:inline-block;margin:0 10px 8px 0;padding:6px 6px 6px 34px;background-color:#f6f7f8;vertical-align:middle;cursor:pointer;}
.radio:hover{background-color:#c8f7fb;}
.radio:hover:after{border-color:#27335b;}
.radio:after{-webkit-transition:border-color 0.2s linear;transition:border-color 0.2s linear;position:absolute;top:50%;left:6px;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #bbb;border-radius:6px;content:'';}
.radio:before{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:absolute;top:50%;left:11px;display:block;margin-top:-5px;width:10px;height:10px;border-radius:50%;background-color:#27335b;content:'';opacity:0;}
input.orradio:checked + .radio:before{opacity:1;}
@media screen and (max-width:1290px){.inner_header, .logwrap, .inner_96{width:96%;}
}
@media screen and (max-width:980px){}
@media screen and (max-width:780px){.btn_spnav, nav ul li.close, nav ul li{display:block;}
nav ul{display:none;position:absolute;top:30px;left:0;background:#ddd;width:100%;z-index:100;}
nav ul li{border-bottom:1px solid #fff;float:none;background:url(../img/arrow_nav.png) no-repeat right;}
nav ul li.close{background:url(../img/close_nav.png) none right;padding-left:10px;}
nav ul li a{color:#666;}
nav ul li a:hover, nav ul li:hover{color:#fff;}
.ftbn li{margin-right:1.4%;width:32.4%;margin-bottom:2.8%;}
.ftbn li.therd{margin-right:0;}
.acordion2{display:none;}
#main_cnt, aside{float:none;width:100%;}
}
@media screen and (max-width:540px){h1{margin-top:-21px;}
.logo{width:32%;}
.nav_header{width:68%;display:block;}
.nav_header li{width:17%;margin-left:3%;display:block;}
.nav_header.logout{width:27%;}
.nav_header.logout li{width:43%;margin-left:7%;}
header img{width:100%;}
}
@media screen and (max-width:480px){.sns{margin:0 auto 40px;float:none;width:100%;max-width:340px;}
.sns li{width:17.6%;margin-right:3%;position:relative;}
.sns li img{width:100%;}
.sns li.fin{margin-right:0;}
}
@media screen and (max-width:320px){.ftbn{margin-bottom:20px;}
.ftbn li, .ftbn li.therd, .ftbn li.fin{margin:0 auto 20px;width:200px;text-align:center;float:none;}
}