@charset "utf-8";
/*
*project  :jiuniQ
*author:kbbid
*create:2012-10-09
*last modified:
*note:
*/

/*-------------------------------- 抽象要素 ---------------------------------*/
html{
  height:100%;
}
body {
/*  font: 13px arial,'ＭＳ Ｐゴシック',sans-serif ;*/
  font:13px Helvetica, Arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
  height: 100%;
  line-height: 1.6;
  color:#222;
  word-wrap: break-word;
}
a{
  overflow:hidden;
  outline:none;
}
a:link{
  color:#222;
  text-decoration:none;
}
a:visited{
  color:#222;
}
a:hover{
  color:#498AF3;
  text-decoration:none;
}
h1 {
  font-weight: normal;
  line-height: 20px;
  min-height: 32px;
  font-size: 28px;
  line-height: 32px;
  padding: 32px 0;
  padding-right: 22px;
  height: 32px;
}
h2,h3,h4,h5{
  font-weight: normal;
}
li{
  list-style-type:none;
}
input{
  font:inherit;
  outline:none;
}
input[type="submit"]::-moz-focus-inner{
  border :0px;
}
input[type="text"],
input[type="password"],
input[type="search"],
textarea{
  padding:5px 2px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1) inset;
}
input:disabled{
  background-color: #DDD;
  color: #999;
  border: 1px solid #999;
}
textarea{
  font:inherit;
  line-height:1.3;
}
input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select{
  margin:0;
  border:1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

input[name="cm_prof[igender]"]{
  vertical-align: -1px;
}

select[name="cm_prof[ibirthyear]"]{
  margin-top: 12px;
}

input, select {
    vertical-align:-1px;
}

ul.radio_list {
  margin-top: 12px;
  margin-top: 1px;
}

.profileData ul.radio_list {
  margin-top: 12px;
}

img{
  max-width:100%;
}

img:hover{
  opacity:0.9;
}
table{
  max-width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*-------------------------------- 抽象要素 ---------------------------------*/

/*-------------------------------- utillity ---------------------------------*/
.clearfix:after{
  content:"";
  display:table;
  clear:both;
}
.clearfix{
  /zoom:1;
}
hr.clear{
  clear:both;
}
hr.clearNoline{
  clear:both;
  height:0;
  margin:0;
  visibility: hidden;
}
/*-------------------------------- utillity ---------------------------------*/

/*-------------------------------- base layout ---------------------------------*/
#wrapper  {
  width:100%;
  background-color: #fafafa;
}
#container{
  width:1080px;
  margin:0 auto;
  padding-top:41px;
  padding-bottom:15px;
  padding-left:12px;
  padding-right:12px;
}
#main{
  float:left;
  width:600px;
  min-height:500px;
  position:relative;
  margin:0 0 0 84px;
}
#sub2{
  float:right;
  width:300px;
  min-height:500px;
  margin-right:0;
}
/*-------------------------------- base layout ---------------------------------*/


/*-------------------------------- data item ---------------------------------*/
.objStatus,
.objRange{
  color: #999;
  font-size: 12px;
}
.objDate{
  color: #999;
  font-size: 12px;
}
.objStatus a,
.objDate a{
  color:inherit;
}
.objName{}

.objTitle,
.objOutline{
  word-wrap:break-word;
}
.objDate a:hover{
  text-decoration:underline;
}
.objOutline img{
  max-width:100%;
  height:auto ;
/*  height:auto !important;*/
}
/*-------------------------------- data item ---------------------------------*/

/*-------------------------------- form ---------------------------------*/
.formSection{
  margin-bottom:10px;
}
.submitWrp{
  text-align:center;
  padding:15px 0;
}
.submitWrp .submitBtn{
  display:inline-block;
  padding:3px 10px;
  margin: 0 15px;
}
.submitWrp #dialog-cancel{
  display:block;
  color:#404040;
}
.submitWrp .cancel,
.submitWrp #dialog-cancel{
  padding:4px 10px;
  line-height: 20px;
}
.submitWrp .linkTx{
  display:inline-block;
  padding:3px 10px;
  margin: 0 15px;
  color:#fff;
  font-size:90%;
  text-decoration:none;
}
.formTable,
.reportTable{
  width:100%;
  vertical-align:top;
  text-align:left;
}
/*form table*/
.formTable th,
.reportTable th{
  width:auto;
  padding:5px;
  border:1px solid #ccc;
  background-color:#E9EEEF;
  text-align:right;
  vertical-align:middle;
}

.formTable td,
.reportTable td{
  width:65%;
  empty-cells:show;
  padding:5px;
  border:1px solid #ccc;
  vertical-align:middle;
}
/*form table*/

/*　通報 */
.reportInput h3{
  margin:10px;
}
.reportInput p{
  margin:20px;
}
/* 通報  */

/*-------------------------------- form ---------------------------------*/

/*-------------------------------- 汎用パーツ ---------------------------------*/

/*>> 広告スペース*/
.ad {
  background-color:#598E86;
  min-height:250px;
  margin-bottom:20px;
}
/*<< 広告*/

/* >>汎用layer menu */
.menu{
  width: 14px;  height: 14px;
  border: 1px solid rgba(0,0,0,0);
  border-radius: 100%;
  position: absolute;
  right: 12px; top: 12px;
  text-align: center;
  font-size: 10px;
  line-height: 14px;
  color: #666;
  text-decoration:none;
}
.menu .menuBtn{
  color:transparent;
  text-decoration:inherit;
  background: url("/img/common/arrow_down01.png") no-repeat scroll center center transparent;
  width:8px;
}
.menu .menuList{
  background-color: #FFFFFF;
  border: 1px solid #999999;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
  width: 150px;
  padding: 10px 0;
  position: absolute;
  left: -75px;
  top: 15px;
  text-align: left;
  z-index: 10;
}
.layerMenu-hide{
  display:none;
}
.layerMenu-show{
  display:block;
}

.menuList li{
  font-size:12px;
}
.menuList li a{
  padding: 8px 10px;
  color: #333;
  display: block;
}
.menuList li a:hover{
  background-color:#eee;
}
.commentUnit .menu{
  background-color: #444444;
  border: 0 none;
  border-radius: 0 0 0 0;
  height: 12px;
  line-height: 12px;
  text-decoration: none;
  width: 12px;
  display:none;
}
.commentUnit:hover .menu{
  display:block;
}
.commentUnit .menuBtn{
  color:transparent;
  text-decoration:inherit;
  background: url("/img/common/arrow_down02.png") no-repeat scroll center center transparent;
  width:8px;
}
.hideComment{
  display:none;
}
/* <<汎用layer menu */

/* >>いいねボタン 共有ボタン*/
.reaction{
  border-top: 1px solid #e6e6e6;
}
.reactionBtnWrp{
  width:auto;
  float:left;
  padding:7px 7px 7px 64px;
}
.plusQBtn,
.shareBtn{
  float:left;
  width:50px;
  height:24px;
  font-size:12px;
  position:relative;
}
.plusQBtn a,
.shareBtn a{
  background-color:#FFF;
  border:1px solid #D1D1D1;
  border-radius: 2px;
  color:#aaa;
  display:block;
  height:24px;
  text-align:center;
}
.plusQBtn a:hover,
.shareBtn a:hover{
  background-color:#F7F7F7;
  border:1px solid #333;
}
.plusQBtn a:active,
.shareBtn a:active{
  box-shadow:0 1px 2px rgba(0,0,0,0.4) inset;
}

.plusQBtn span {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}
.shareBtn{
  left:8px;
}
.shareBtn span{
  text-align:center;
  line-height: 25px;
  font-size:19px;
}
.shareBtn .shareDone,
.plusQBtn .plusQDone{
  background-color:#F74B38;
  border:1px solid #DB3A2B;
  color:#fff;
}
.shareBtn .shareDone:hover,
.plusQBtn .plusQDone:hover{
  background-color:#D82915;
  border:1px solid #BC291C;
}

li a.changeShare{
  display: none;
}

.reactionCount {
  /* border-left: 1px solid #999999; */
  float: right;
  height: 29px;
  padding-top: 11px;
  text-align: right;
  width: 128px;
  margin-right: 15px;
}
.reactionCount .qmark{
  font-size:20px;
}
.reactionCount .smark{
  font-size:17px;
}
.reactionCount > span{
  display:block;
}
.reactionCount a{
  display:block;
  color:#737373;
  line-height: 16px;
}
.greatNum, .shareNum{
  font-size:14px;
  font-weight:bold;
  padding:0 2px;
}
.greatNum{
  margin-right: 8px;
}
/* <<いいねボタン 共有ボタン*/

/* >>コメント欄 and +Q共有欄 */
.plusqShareWrp{
  display:none;
}
.commentWrp,
.plusqShareWrp{
  background-color: #ffffff;
  margin:0;
  border:1px solid #e6e6e6;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
.commentHead,
.plusqShareHead{
  height: 18px;
  padding: 8px 0 0 64px;
}
.commentHead {
  margin-bottom: 8px;
}
.commentUnit{
  position:relative;
  margin:6px 6px 6px 64px;
  padding:2px 0px;
  border-bottom:1px dotted #ccc;
}
.commentUnit .objImg{
  float:left;
  margin-right: 10px;
  margin-top: 6px;
  width:40px;
  text-align:center;
  vertical-align:top;
}
.commentUnit .objImg a{
  display:block;
}
.commentUnit .objWrp{
  float:left;
  font-size:90%;
  padding:2px;
  width:350px;
  word-wrap:break-word;
}
.commentUnit .objBody{
  font-size: 14px;
}
.plusqList,
.shareList{
  padding:12px 12px 12px 64px;
  float:left;
  width:180px;
}
.plusqList ul,
.shareList ul{
  max-height:600px;
  overflow:auto;
}

.plusqList li .objImg,
.shareList li .objImg,
.plusqList li .objName,
.shareList li .objName{
  display:inline-block;
  line-height:24px;
  margin-right:6px;
}
.plusqList li .objImg,
.shareList li .objImg{
  vertical-align:top;
}
.plusqList li .objImg a,
.shareList li .objImg a{
  display: block;
  height: 24px;
  width: 24px;
  text-align: center;
}
.plusqList li .objName,
.shareList li .objName{
  position:relative;
}
.plusqList h3,
.shareList h3{
  color: #737373;
  height: 28px;
  line-height: 28px;
  margin-bottom: 2px;
  font-size:12px;
}

.plusqList .qmark{
  font-size:20px;
}
.shareList .smark{
  font-size:17px;
}
.doComment{
  padding:10px 10px 10px 64px;
}
.doComment a{
  color:#999999;
}
.doComment a:hover{
  color:#498AF3;
}
#commentForm{
  border-top: 1px solid #CCCCCC;
  padding: 15px;
}
#commentFormBody{
  text-align:center;
}
#commentFormBody textarea{
  width:500px;
  height:120px;
}
.resultComment{
  text-align:center;
  padding:0;
  margin:20px 10px 10px;
}
.popupClose {
  text-align:center;
}
.popupClose a{
  color: #FFFFFF;
  padding: 3px 10px;
  text-align: center;
}
.open_comments img{
  padding-left:3px;
}
/* <<コメント欄 and +Q共有欄 */

.siteInfo{
  border:1px solid #999;
  padding:5px;
}
.siteInfo h2{
  margin-bottom:6px;
}
.siteInfo dl{
  margin-bottom: 8px;
}
.siteInfo .objDate{
  float:left;
  width:90px;
}
.siteInfo .objBody{
  float:left;
  width:198px;
}
/*三角形上向き*/
.triangleUp{
  display:block;
  width:1%;
  position: absolute;
  left: 50px;  top: -7px;
 }
.triangleUp:before,
.triangleUp:after {
  content:'';
  display: inline-block;
  position: absolute;
  left: 0; top: 0;
  margin-left: -1px;
}
.triangleUp:before{
  border-bottom: 7px solid #999;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.triangleUp:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  left: 1px; top: 1px;
}
/*三角上向き*/

/*三角左向き*/
.triangleLeft{
  display:block;
  width:1%;
  position: absolute;
  left: -7px; top:14px;
  display:none;/*非表示2015-08-21*/
}
.triangleLeft:before,
.triangleLeft:after {
  content:'';
  display: inline-block;
  position: absolute;
  left: 0;  top: 0;
  margin-left: -1px;
}
.triangleLeft:before{
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #C1C1C1;
}
.triangleLeft:after {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #FFFFFF;
  left: 1px; top: 1px;
}
/*三角左向き*/

/* ページネーション */
.pager{
  text-align:center;
  width:600px;
  margin:30px auto 10px;
}

#action-home .pager{
  text-align: center;
  width: 768px;
  margin: 6px auto 10px;
}
#action-archive .pager,
#gridArt + .pager,
#gridMovie + .pager{
  text-align: center;
  width: 768px;
  margin: 30px auto 10px;
}

.commentList .pager,
#action-home .commentList .pager {
  width:480px;
  margin: 30px 0 10px 107px;
}

#fancybox-wrap .commentList .pager{
  width:452px;
  margin:30px auto 10px;
}


.pager a {
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  border-radius: 2px 2px 2px 2px;
  color: #222222;
  display: inline-block;
  font-size: 14px;
  min-width: 16px;
  padding: 2px 4px;
  margin:0 4px;
}
.pager a:hover{
  border: 1px solid #333;
}
.pager a.selfPage{
  background-color: #D1D1D1;
  color: #FFFFFF;
}
/* ページネーション */

/* 注意テキスト */
.explainTx {
  line-height: 1.8;
  padding:15px;
  font-size:90%;
}
.emphasis{
  color:#FF3300;
}
/* 注意テキスト */

/* カットテキスト */
.ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap:normal;
}
/* カットテキスト */

/* newmark */
.newmark{
  color: #FC682D;
  font-family: Helvetica;
}
/* newmark */
/*-------------------------------- 汎用パーツ ---------------------------------*/

/*-------------------------------- OOCSS ---------------------------------*/
.tc{
  display:table-cell;
  height:inherit;
  width:auto;
}
.ib{
  display:inline-block;
}
.align_c{
  text-align:center;
}
.align_l{
  text-align:left;
}
.align_r{
  text-align:right;
}
.position_r{
  position:relative;
}
.float_l{
  float:left;
}
.float_r{
  float:right;
}
.wid_20per{
 width:20%;
}
.wid_30per{
 width:30%;
}
.wid_40per{
 width:40%;
}
.wid_50per{
 width:50%;
}
.wid_60per{
 width:60%;
}
.wid_100per{
 width:100%;
}
.fontSize_s{
 font-size:11px;
}
.fontSize_m{
 font-size:13px;
}
.fontSize_l{
 font-size:14px;
}
.bold{
 font-weight:bold;
}
.pd_5px{
  padding:5px;
}
.pd_10px{
  padding:10px;
}
.pd_2px10px{
  padding:2px 10px;
}
.pd_5px10px{
  padding:5px 10px;
}
.pd_lr_10px{
  padding-left:10px;
  padding-right:10px;
}

.pd_t_10px{
  padding-top:10px;
}

.ma_10px{
  margin:10px;
}
.ma_20px{
  margin:20px;
}
.ma_tb_5px{
  margin-top:5px;
  margin-bottom:5px;
}
.ma_tb_10px{
  margin-top:10px;
  margin-bottom:10px;
}
.ma_lr_10px{
  margin-left:10px;
  margin-right:10px;
}
.ma_lr_20px{
  margin-left:20px;
  margin-right:20px;
}
.ma_l_10px{
  margin-left:10px;
}
.ma_r_10px{
  margin-right:10px;
}
.ma_b_10px{
  margin-bottom:10px;
}
.ma_b_15px{
  margin-bottom:15px;
}
.ma_b_30px{
  margin-bottom:30px;
}
.ma_t_10px{
  margin-top:10px;
}
.small{
  font-size:x-small;
}
.large{
  font-size:140%;
}
.text_gray{
  color:#888;
}
.text_gray2{
  color:#999;
}
.text_gray3{
  color:#808080;
}
.text_black{
  color:#222;
}
/*-------------------------------- OOCSS ---------------------------------*/


/*-------------------------------- テーブルスタイル ---------------------------------*/
.editTable{
  width:100%;
  margin:0 auto;
}
.editTable th{
  vertical-align:top;
  text-align:right;
  width:20%;
  padding: 8px 8px 8px 0px;
/*
  width:18%;
  padding:8px;
*/

}
.editTable td{
  padding:8px;
}
.editTable td.shareCol{
  text-align:center;
  padding:10px 0px 15px 25px;
}
.listTable{
  width:100%;
}
.listTable td{
  padding:5px 3px;
  vertical-align:middle;
}
.imgCol{
  width:15%;
}
.nameCol{
  width:70%;
}
.funcCol{
  width:15%;
}

/*-------------------------------- テーブルスタイル ---------------------------------*/


/*-------------------------------- フォームスタイル ---------------------------------*/
#dialog-form{
  min-width:300px;
  max-width:800px;
  padding:0 10px;
  max-width: 643px;
}

#dialog form {
  padding: 10px 0 0;
}
#dialog textarea,
#dialog input[type="text"]{
  width:510px;
}
#jiuniq_containers_form_type,
#jiuniq_containers_contents_type{
  width:120px;
}
#jiuniq_containers_is_comment{
  /*margin-right:20px;*/
}
#jiuniq_containers_is_share,
#jiuniq_containers_is_great,
#jiuniq_contents_is_share,
#jiuniq_contents_is_great{
  margin-left:20px;
}
#jiuniq_containers_disable_news,
#jiuniq_containers_disable_hiroba,
#jiuniq_contents_disable_news,
#jiuniq_contents_disable_hiroba{
  margin-left:10px;
}
#dialog .radioBtnCol li{
/*  width:120px;*/
  width:160px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#pictureAreaInner{
  height:auto;
  background:#fff;
  position:relative;
  border:1px solid #d1d1d1;
}
#pictureAreaInner > div{
  padding:5px;
  border-bottom:1px solid #D1D1D1;
}
#pictureAreaInner label {
  display: inline-block;
  font-size: 12px;
  width: 4em;
}
#pictureAreaInner label[for*="img_delete"] {
  width:auto;
}
#pictureAreaInner label[for$="_img"]{
  display:none;
}
#pictureAreaInner img{
  max-width:120px;
  max-height:120px;
  height:auto;
}
#addPicture{
  color:#000;
  font-size:12px;
}

#dialog input[id*="jiuniq_contents_picture_order"]{
  height: 1.6em;
  width: 1.6em;
  padding:0;
  margin-right:5px;
  text-align: center;
  line-height:1.6em;
}
#dialog input[id*="jiuniq_contents_picture_title"]{
  width: 440px;
}
#dialog input[id*="jiuniq_contents_picture_supplement"]{
  width:250px;
}

/*アート式動画*/
#movieContainer{
  margin-top:10px;
}
/*アート式動画*/

#dialog .space_h2,
#dialog .content_h2{
  position: absolute;
  top: -2px;
  z-index: 99;
}

#dialog-form .submitWrp{
  width:auto;
}

/*-------------------------------- フォームスタイル ---------------------------------*/


/*-------------------------------- ボタンスタイル ---------------------------------*/

/*ボタン共通*/
.blueBtn,
.lightblueBtn,
.grayBtn,
.lightgrayBtn,
.whiteBtn,
.greenBtn,
.redBtn{
  cursor:pointer;
  color:#fff;
  text-decoration:none;
  border:1px solid #666;
  border-radius:2px;
  display:inline-block;
  /*box-shadow:0 1px 1px rgba(255, 255, 255, 0.3) inset;*/
  vertical-align: top;
}
.whiteBtn{
  border:1px solid #D1D1D1;
}
#dialog .blueBtn,
#dialog .lightblueBtn,
#dialog .grayBtn,
#dialog .lightgrayBtn,
#dialog .whiteBtn,
#dialog .greenBtn,
#dialog .redBtn{
  font-size:14px;
}
.blueBtn a,
.lightblueBtn a,
.grayBtn a,
.greenBtn a,
.redBtn{
  color:#fff;
}
/*font Black*/

.lightgrayBtn,
.whiteBtn,
.lightgrayBtn a,
.whiteBtn a{
  color:#404040;
}
.lightblueBtn:hover,
.blueBtn:hover,
.grayBtn:hover,
.lightgrayBtn:hover,
.whiteBtn:hover,
.greenBtn:hover,
.redBtn:hover{
  border:1px solid #222;
  text-decoration:none;
}
.lightblueBtn:active,
.blueBtn:active,
.grayBtn:active,
.lightgrayBtn:active,
.whiteBtn:active,
.greenBtn:active,
.redBtn:active{
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
}
/*ボタン共通*/
/*grayBtn*/
.grayBtn{
  background-color: #717A8E;
}
.grayBtn:hover{
  background-color: #5c6474;
}
/*lightgrayBtn*/
.lightgrayBtn{
  background-color: #E6E6E6;
}
.lightgrayBtn:hover{
  background-color: #d9d9d9;
}
/*whiteBtnBtn*/
.whiteBtn{
  background-color: #fff;
}
.whiteBtn:hover{
  background-color: #f2f2f2;
}
/*blueBtn*/
.blueBtn{
  border:1px solid #2E66A5;
  background-color: #427FED;
}
.blueBtn:hover{
  border:1px solid #164172;
  background-color: #0771C1;
}
/*lightblueBtn*/
.lightblueBtn{
  border:1px solid #2E66A5;
  background-color: #1DB1E2;
}
.lightblueBtn:hover{
  border:1px solid #164172;
  background-color: #1895DD;
}

/*greenBtn*/
.greenBtn{
  border:1px solid #1F922F;
  background-color: #1BD334;
}
.greenBtn:hover{
  border:1px solid #11771F;
  background-color: #1AC931;
}
/*redBtn*/
.redBtn{
  background-color: #F74B38;
  border:1px solid #ED2009;
}
.redBtn:hover{
  background-color: #D82915;
  border:1px solid #C91D0A;
}
/*もっと観る　無限スクローール*/
.viewMore{
  padding: 5px 15px;
  border-color: #D1D1D1;
  background-color: #FFFFFF;
  height: 50px;
}

/*-------------------------------- ボタンスタイル ---------------------------------*/

.error_list{
  color:#FF3300;
}
.notValue{
  text-align:center;
  padding:10px;
  color:#FF3300;
}
/* 注意テキスト */
.emphasis{
  color:#FF3300;
  text-align:center;
  padding: 2px;
}

#module-profile #action-edit .emphasis{
  position: relative;
  top: 4px;
  font-size: 20px;
}
.inputTitle{
  text-align:center;
  font-weight:none;
  color:#666666;
  padding:10px 0px 0px 0px;
}
.dialogTx{
  text-align:center;
  padding:5px;
}
/*-------------------------------  tabmenu  -------------------------------*/
.tabMenu{
  margin-bottom: 20px;
}
.tabMenu ul li{
  float:left;
  background:#fff;
  border:1px solid #999;
  height:24px;
}
.tabMenu ul li:first-child{
  border-right:0;
}
.tabMenu ul li:hover{
  background:#f7f7f7;
}
.tabMenu ul li a{
  display:block;
  padding:0 20px;
  color:#222;
  line-height: 24px;
}
.tabMenu .tabOn{
  background:#888 !important;
  box-shadow:0 2px 2px rgba(0,0,0,0.3) inset;
}
.tabMenu .tabOn a{
  color:#fff;
}
/*-------------------------------  tabmenu  -------------------------------*/

/*-------------------------------- 設定画面タブナビ ---------------------------------*/
.settingMenuList{
  padding:6px 10px 0;
  border:1px solid #ccc;
  border-radius:3px 3px 0 0;
  border-bottom:0;
  text-align:left;
  background: #FFF;
}
.settingMenuList li{
  display:inline-block;
  padding:5px 10px;
}
.settingMenuList li.on{
  border:1px solid #D1D1D1;
  border-bottom:1px solid #fff;
  background:#fff;
}
.settingMenuList li.on a{
  color:#666;
}
.settingContent{
  margin-top:-1px;
  padding:10px;
  min-height:350px;
  background:#fff;
  border:1px solid #D1D1D1;
  border-radius:3px;
  box-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
}
.settingContent h2{
  padding:0px 0px 10px 0px;
  border-bottom:1px dotted #ccc;
  text-align:center;
}
/*-------------------------------- 設定画面タブナビ ---------------------------------*/


/*--------------------------------ckeditor UI--------------------------------*/
.cke_top .cke_combo__fontsize .cke_combo_text {
  width: 36px;
}

/* cke_dialog_body */
.cke_dialog_body .cke_dialog_close_button {
  right:4px;
}

.cke_dialog_body .cke_resizer {
  float:right;
  margin-right:5px;
}

.cke_dialog_body .cke_dialog_ui_button_ok {
  margin-right:5px;
}
/*--------------------------------ckeditor UI--------------------------------*/
/*-----------------------------dialog ui css-----------------------------*/
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
  right:0.6em;
}
/*-----------------------------dialog ui css-----------------------------*/


/*-----------------------------スペースplaceholder css-----------------------------*/

input.text_form::-webkit-input-placeholder {
  color: #ccc;
  font-weight: normal;
}

input.text_form:-ms-input-placeholder {
  color: #ccc;
  font-weight: normal;
}

input.text_form::-moz-placeholder {
  color: #ccc;
  font-weight: normal;
}
/*-----------------------------スペースplaceholder css-----------------------------*/

.invisible {
  visibility: hidden;
}

#sub2 {
  margin-top: 96px;
}

#module-auth #action-signin #sub2 {
  margin-top: 0px;
}

.qMngUnit .containerTx{
  font-size:15px;
}


.qMngUnit .containerTx a:hover{
  color: #222;
  text-decoration: underline;
  font-size:15px;
}

/*-----------------------------
プラッツ、ピックアップ、 ユーザーページ（空間、アーカイブ、共有）
 個別パーマリンク、分類ソート、アルバム 各ページの記事レイアウト
-----------------------------*/
.scrollSubset .scrollContent {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px 0 0;
    background-color: #fff;
    word-break: break-word;
    border-bottom: 1px solid #efefef;
}

#fancybox-outer .scrollSubset .scrollContent {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    background-color: #fff;
    word-break: break-word;
}

.qInfoSubset .qInfoContent {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background-color: #FFFFFF;
}

#module-index #action-home .qInfoSubset .qInfoContent {
    position: relative;
    border: none;
    border-radius: 3px;
    background-color: #fafafa;
}
#module-index #action-index .movieIcon2{
  margin:0px 12px 0px 17px;
  overflow:hidden;
}

#module-manual #action-index #wrapper,
#module-user_list #action-index #wrapper,
#module-containers #action-manage #wrapper,
#module-contents #action-manage #wrapper{
    background-color: #fff;
}

/*-------------------------------- アバター ---------------------------------*/

.avatarList{
  position: relative;
}
.avatar{
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.my_avatar{
  background-image: -webkit-radial-gradient(rgba(255, 255, 0, 0.7), rgba(255,255,255,0.0) 75%);
  background-image: radial-gradient(rgba(255, 255, 0, 0.7), rgba(255,255,255,0.0) 75%);
}

/*-------------------------------- 設定画面 ---------------------------------*/

#module-config #action-snsRelation .editTable tr td img{
  margin-right: 3px;
  float: left;
}

/*-------------------------------- END 設定画面 ---------------------------------*/