@charset "utf-8";
/* CSS Document */

/* 各機能共通項目
-------------------------------*/
.IE_placeholder {
	color:#ccc;
}

/* 文字組み方向設定用
-------------------------------*/
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

/* error and notification */
#error p{
	margin:0;
	line-height:1.6em;
}
.notif { 
	position: relative; 
	padding: 6px 10px; 
	margin: 8px 0; 
	color: #404040;  
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
}
.content .notif { margin-bottom: 10px;}
.notif .close { 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	float: right; color: #000000; 
	font-size: 20px;
	font-weight: bold; 
	line-height: 13.5px;
	text-shadow: 0 1px 0 #ffffff; 
	filter: alpha(opacity=20); 
	-khtml-opacity: 0.2; 
	-moz-opacity: 0.2; 
	opacity: 0.2;
	 text-decoration: none;
}
.notif .close:hover { 
	color: #000000;
	text-decoration: none; 
	filter: alpha(opacity=40); 
	-khtml-opacity: 0.4; 
	-moz-opacity: 0.4; 
	opacity: 0.4;
}
.notif strong { 
	font-weight: bold; 
	color:inherit;
}
.notif.success { 
	background-color: #57a957;
	background-repeat: repeat-x; 
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); 
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957); 
	background-image: -o-linear-gradient(top, #62c462, #57a957); 
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	color:#FFF;
}
.notif.error, .bloc .notif.error {
	background-color: #FF807C;
	color:#fff !important;
}

/* pager */
.page_navi {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	height: 22px;
	width: 99%;
	margin: 6px 0 6px 10px;
}
.per_page{
	float:right;
}
.pagination{
	float:left;
	margin-top:-3px;
}
span.current_01,
.number a{
	border:1px solid #ccc;
	border-radius:4px;
	padding:1px 6px;
	margin:2px;
	display:inline-block;
	background:#fefefe;
}
span.current_01{
	background:#ccc;
}
.number a:hover{
	background:#39C;
	color:#fff;
}

/*コンテンツバックグラウンド*/
.content_cover{
	background-color: rgba(255, 255, 255, 0.7);
	padding: 20px 20px;
}
.content_cover:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.content_cover ol,
.content_cover ul{
    margin-left: 3em;
    margin-bottom: 8px;
}

/*ボタンスタイル
-------------------------------*/
button,
.btn_class{
	margin: 0 auto;
	padding: 2px 8px;
	text-align: center;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #858585;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F7F7F7), color-stop(100%, #D1D1D1) );
	background:-moz-linear-gradient( center top, #F7F7F7 5%, #D1D1D1 100% );
	background:-ms-linear-gradient( top, #F7F7F7 5%, #D1D1D1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D1D1D1');
	background-color:#F7F7F7;
	color:#464646;
	display:inline-block;
 	-webkit-box-shadow:inset 1px -1px 0px 0px #eee;
 	-moz-box-shadow:inset 1px -1px 0px 0px #eee;
 	box-shadow:inset 1px -1px 0px 0px #eee;
}
button:hover,
a.btn_class,
a.btn_class:hover,
.btn_class:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fefefe), color-stop(100%,#dfdfdf ) );
	background:-moz-linear-gradient( center top, #fefefe 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #fefefe 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dfdfdf');
	background-color:#DDDDDD;
	color:#555;
}
button[disabled="disabled"],
.btn_class[disabled="disabled"],
{
	color:#999;
	cursor:default;
	border:1px solid #999;
	border-radius:4px;
	background-color:#ccc;
}
.btn_bk{
	border-radius:6px;
	background:#666;
	background: -moz-linear-gradient(top, #999, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
	color:#fff;
}
.btn_bk a,
.btn_bk a:hover{
	color:#fff;
}
.btn_bk:hover{
	background:#666;
}
/* 会員サイト ボタンデザイン*/
/* blue button	
.user_blue_button input,
.user_blue_button button{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #6C86A2;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #D0E6FD), color-stop(100%, #4CA2FF) );
	background:-moz-linear-gradient( center top, #D0E6FD 5%,#4CA2FF 100% );
	background:-ms-linear-gradient( top,#D0E6FD 5%, #4CA2FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CA2FF', endColorstr='#D0E6FD');
	background-color:#D0E6FD;
	color:#1F2A41;
	display:inline-block;
 	-webkit-box-shadow:inset 1px -1px 0px 0px #B2D3FF;
 	-moz-box-shadow:inset 1px -1px 0px 0px #B2D3FF ;
 	box-shadow:inset 1px -1px 0px 0px #B2D3FF;
}
.user_blue_button input:hover,
.user_blue_button button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #DFEFFF), color-stop(100%, #4AB5FD) );
	background:-moz-linear-gradient( center top, #DFEFFF 5%, #4AB5FD 100% );
	background:-ms-linear-gradient( top, #DFEFFF 5%, #4AB5FD 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7FBFF#4AB5FD', endColorstr='#DFEFFF');
	background-color:#DFEFFF;
	color:#525151;
}
.user_blue_button input:active,
.user_blue_button button:active{
 	-webkit-box-shadow:inset 1px 1px 3px 0px #2052BB;
 	-moz-box-shadow:inset 1px 1px 3px 0px #2052BB;
 	box-shadow:inset 1px 1px 3px 0px #2052BB;
}*/
/* red button*/	
.user_red_button input,
.user_red_button button{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #B97F81;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #FFD5D5), color-stop(100%, #FF7777) );
	background:-moz-linear-gradient( center top, #FFD5D5 5%, #FF7777 100% );
	background:-ms-linear-gradient( top, #FFD5D5 5%, #FF7777 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD5D5', endColorstr='#FF7777');
	background-color:#FFD5D5;
	color:#411F23;
	display:inline-block;
 	-webkit-box-shadow:inset 1px -1px 0px 0px #FDBAC1;
 	-moz-box-shadow:inset 1px -1px 0px 0px #FDBAC1;
 	box-shadow:inset 1px -1px 0px 0px #FDBAC1;
}
.user_red_button input:hover,
.user_red_button button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #FFE5E5), color-stop(100%, #FD8080) );
	background:-moz-linear-gradient( center top, #FFE5E5 5%, #FD8080 100% );
	background:-ms-linear-gradient( top, #FFE5E5 5%, #FD8080 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE5E5', endColorstr='#FD8080');
	background-color:#FFE5E5;
	color:#525151;
}
.user_red_button input:active,
.user_red_button button:active{
 	-webkit-box-shadow:inset 1px 1px 3px 0px #6F0C06;
 	-moz-box-shadow:inset 1px 1px 3px 0px #6F0C06;
 	box-shadow:inset 1px 1px 3px 0px #6F0C06;
}

/* white button */
.user_white_button input,
.user_white_button button{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #b9b9b9;
	text-decoration:none;
	background:#f8f8f8;
	color:#555;
	display:inline-block;
 	-webkit-box-shadow:inset 1px -1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px -1px 0px 0px #ffffff;
 	box-shadow:inset 1px -1px 0px 0px #ffffff;
}
.user_white_button input:hover,
.user_white_button button:hover {
	background:#fefefe;
	color:#747474;
}
.user_white_button input:active,
.user_white_button button:active{
 	-webkit-box-shadow:inset 1px 1px 3px 0px #999;
 	-moz-box-shadow:inset 1px 1px 3px 0px #999;
 	box-shadow:inset 1px 1px 3px 0px #999;
	color:#555;		
}
/* gray button*/	
.user_mgray_button input,
.user_mgray_button button{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #7A7A7A;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #bbb), color-stop(100%, #464646) );
	background:-moz-linear-gradient( center top, #bbb 5%, #464646 100% );
	background:-ms-linear-gradient( top, #bbb 5%, #464646 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#464646');
	background-color:#bbb;
	color:#f3f3f3;
	display:inline-block;
 	-webkit-box-shadow:inset 1px -1px 0px 0px #999;
 	-moz-box-shadow:inset 1px -1px 0px 0px #999;
 	box-shadow:inset 1px -1px 0px 0px #999;
	font-weight: normal;
}
.user_mgray_button input:hover,
.user_mgray_button button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #C5C5C5), color-stop(100%, #6D6D6D) );
	background:-moz-linear-gradient( center top, #C5C5C5 5%, #6D6D6D 100% );
	background:-ms-linear-gradient( top, #C5C5C5 5%, #6D6D6D 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5C5C5', endColorstr='#6D6D6D');
	background-color:#C5C5C5;
	color:#fefefe;
}
.user_mgray_button input:active,
.user_mgray_button button:active{
 	-webkit-box-shadow:inset 1px 1px 3px 0px #252525;
 	-moz-box-shadow:inset 1px 1px 3px 0px #252525;
 	box-shadow:inset 1px 1px 3px 0px #252525;
}
/*my page navi*/
#my_page_navi{
	margin-bottom:10px;
}

/* you are here */
.you_are_here{
	margin-bottom:5px;
	margin-left: 10px;
}
.you_are_here,
.you_are_here a{
	font-size: 88%;
	color: #666;
}

/* icons
-------------------------------*/
.icon_edit,
.icon_delete,
.icon_reply,
.icon_uc_delete{
	display:inline-block;
	background-repeat:no-repeat;
	margin-top:2px;
	margin-right:4px;
}
.icon_edit,
.icon_delete,
.icon_reply{
	width:16px;
	height:16px;
	background-size:16px;
}
.icon_uc_delete{
	width:10px;
	height:10px;
	background-size:10px;
}
.icon_edit{
	background-image:url(https://yuryojutaku.com/template/user/images/bk/doc_edit.png);
}
.icon_delete{
	background-image:url(../../images/bk/trash.png);
}
.icon_reply{
	background-image:url(../../images/bk/redo.png);
}
.icon_uc_delete{
	background-image:url(../../images/uc_delete.png);
}
.caution{
	color:#F00;
}

/* search area */
.search_area{
	width:98%;
	margin:3px auto;
}
.search_area dd{
	display:inline-block;
	margin-right:1em;
}
.search_area input{
}
.search_area dd select{
}
.search_area input[type="text"]{
	width:120px;
}
.search_area input[type="submit"]{
	margin-bottom:8px;
}
.list_title{
	float: left;
	clear: both;
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.list_title{
	width:80%
}
.popup1, 
.popup2{
	position: absolute;
	z-index: 10;
	background: white;
	display: none;
	border: 1px solid #333;
	border-bottom: 0;
	box-shadow: 3px 3px 2px #888;
}
.popup1 ul, 
.popup2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.popup1 ul li, 
.popup2 ul li {
	display: inline;
}
.popup1 ul li a.type1, 
.popup1 ul li a.type2, 
.popup1 ul li a.type3, 
.popup1 ul li a.type4, 
.popup1 ul li a.type5, 
.popup2 ul li a.type1, 
.popup2 ul li a.type2, 
.popup2 ul li a.type3, 
.popup2 ul li a.type4, 
.popup2 ul li a.type5{
	background-position: 5px 5px;
}
.popup1 ul, 
.popup2 ul {
	list-style-type: none;
}
.popup1 ul li a, 
.popup2 ul li a {
	display: block;
	padding: 5px;
	padding-left: 30px;
	color: #666;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid #333;
}
.popup3{
	height:auto;
	position:absolute;
	z-index:10;
	background:#ffffff;
	display:none;
	border:1px solid #333;
	border-bottom:0;
	box-shadow:3px 3px 2px rgba(136,136,136,0.5);
}
.popup3 ul{
	margin:0;padding:0;
	list-style-type:none;
}
.popup3 ul li{
	display:inline;
}
.popup3 ul li a{
	display:block;
	padding:5px;
	padding-left:30px;
	color:#666;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px solid #333; 
	white-space:nowrap;
}
.popup3 ul li a:hover{
	color:#0099FF;
}
.popup3 ul li a img{
	width:16px;
}
.popup3 ul li a.type1{
	background:url(../../images/ico2.png) no-repeat;
}
.popup3 ul li a.type2{
	background:url(../../images/ico1.png) no-repeat;
}
.popup3 ul li a.type3{
	background:url(../../images/ico3.png) no-repeat;
}
.popup3 ul li a.type4{
	background:url(../../images/ico4.png) no-repeat;
}
.popup3 ul li a.type5{
	background:url(../../images/ico5.png) no-repeat;
}
.popup3 ul li a.type1,
.popup3 ul li a.type2,
.popup3 ul li a.type3,
.popup3 ul li a.type4,
.popup3 ul li a.type5{
	background-position:5px 5px;
}
.popup3 ul li a.approve{
	background:url(https://yuryojutaku.com/template/user/images/approoved.png) no-repeat;
	background-position: 5px 5px;
}
.popup3 ul li a.denied{
	background:url(../../images/delete.png) no-repeat;
	background-position: 5px 5px;
}
.popup3 ul.status_popup{
	 margin:0; padding:0; list-style:none;
}	
.popup3 ul.status_popup li{
	border-radius: 0px;
	border:none;
	height:0px;
	margin: 0px;
	width: 61px;
	padding:0;
	float:none;
	background:none;
}

/*並び順変更*/
.link_feedback {
	text-align: right;
	margin: 3px auto;
}

/* テーブルデザイン */
table{
	width:99%;
	margin:8px 0 8px 10px;
	font-size:12px;
	border-collapse:collapse;
	
}
caption{
	text-align:left;
	padding:6px;
	font-size:110%;
	color:#039;
	font-weight:bold;
}
th,
td{
	padding:4px;
}
.m_cell{
	width:5%;
}
td.t_right{
	text-align:right;
	padding-right:0.5em;
}
td.t_left{
	text-align:left;
}
thead th{
	background:#cecece;
	border-right:1px solid #F7F5F5;
	border-bottom:1px solid #F7F5F5;
	text-shadow: 1px 1px #DBDBDB;
}
thead th:first-child{
	border-radius:4px 0 0 0;
}
thead th:last-child{
	border-radius:0 4px 0 0;
	border-right:none;
}
tbody th{
	width:11em;
	text-align:right;
	padding-right:0.8em;
	vertical-align:top;
}
tr.submit td{
	border-bottom:none;
}
#main_inner table.list-t{
	clear:both;
	table-layout:fixed;
}

/*テーブル風リスト*/
ul.table_list{
	width:99%;
	margin: 8px 0 8px 10px;
	/*overflow: hidden;*/
}
.table_list li{
	list-style:none;
	clear:both;
	background:#fff;
}
.table_list li:nth-child(even){
	background-color: rgba(238, 248, 255, 0.6);
}
.table_list li:hover{
	background: #FFF0C1;
}
.table_list li dl{
	display:table;
	table-layout:fixed;
	width:100%;
}
.table_list li dt{
	display:none;
}
.table_list li dd{
	display:table-cell;
	*display:inline;
	padding:4px;
	border-right:1px solid #fff;
	vertical-align:middle;
}
.table_list li.head dd{
	background: #ccc;
	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	border-right: 1px solid #F7F5F5;
	border-bottom: 1px solid #F7F5F5;
	font-weight:bold;
	text-align:center !important;
}

/*テーブル風定義リスト（登録画面等に使用）*/
dl.submit_list{
	width:98%;
	margin:8px auto;
	clear:left;
	background:#fff;
	background:rgba(255,255,255,0.7);
	padding:8px 0;
}
.submit_list dt,
.submit_list dd{
	padding:4px;
	
}
.submit_list dt{
	float:left;
	clear:left;
	text-align:right;
	font-weight:bold;
	width:11em;
}
.submit_list dd{
	display:table-cell;
}
.submit_list dd label{
	margin:inherit;
	position:relative;
}
.submit_list textarea{
	width:98%;
	min-width:480px;
	min-height:5em;
}
.submit_list:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.submit_list2 dd{
	width:30em;
}
.submit_list2 dd textarea,
.submit_list2 dd input[type="text"]{
	width:100%;
}

/*テーブル風定義リスト（送信済みメール専用）*/
dl.submit_list_sendmail{
	clear:both;
	background:#fff;
	background:rgba(255,255,255,0.7);
	padding:8px 0;
}
.submit_list_sendmail dt,
.submit_list_sendmail dd{
	padding:4px;
}
.submit_list_sendmail dt{
	clear:both;
	text-align:right;
	font-weight:bold;
	width:7em;
}
.submit_list_sendmail dd{
	padding-left:8.5em;
	margin-top:-26px;
}
.submit_list_sendmail dd label{
	margin:inherit;
	position:relative;
}
.submit_list_sendmail dd table{
	margin:auto !important;
	width:100% !important;
}
.submit_list_sendmail dd td{
	border-bottom:1px dotted #ccc !important;
}
.submit_list_sendmail dd.user_mgray_button{
	margin-top:auto;
}
.attached_files table{
	width:100%;
}
.attached_files td{
	background:none;
	border-bottom:1px dotted #ccc;
}

/* ニュース・お知らせ 各種リスト表示 */
ul.list_style{
	margin:10px auto;
	width:98%;
}
.list_style li{
	padding:10px;
	border-bottom:1px dotted #ccc;
	list-style:none;
}
.list_style li:nth-child(even){
	background:#fefefe;
}
.list_style li:nth-child(odd){
	background-color: rgba(238, 238, 238, 0.7);
}
.list_style li:hover{
}
dl.list_details{
	width:100%;
}
.list_details dt a{
	font-size:18px;
	font-weight:bold;
}
.date{
	font-size:12px;
	font-weight:normal;
	margin-left:1em;
}
.data_size{
	float: left;
	clear: right;
	height: 27px;
}
table.list-t >thead >tr >th a{
	color:#333;
	text-decoration:underline;
}
table.list-t >thead >tr >th a:hover{
	color:#444;
	text-decoration:none;
}	
table.list-t >tbody >tr >th,
table.list-t >tbody >tr >td{
	border-bottom:1px dotted #eee;
}
table.list-t td td{
	background:none;
}

/*リストテーブル 背景色*/
table.list-t >tbody >tr:nth-child(even) >th,
table.list-t >tbody >tr:nth-child(even) >td{
	background-color: rgba(255, 255, 255, 0.8);
}
table.list-t >tbody >tr:nth-child(odd) >th,
table.list-t >tbody >tr:nth-child(odd) >td{
	background-color: rgba(238, 248, 255, 0.8);
}
table.list-t >tbody >tr:hover >th,
table.list-t >tbody >tr:hover >td{
	background-color: rgba(255, 240, 193, 0.8);
}
table.list-t td br{
	display:none;
}
table.list-t table{
	margin:0;
}
.add_button{
	text-align: right;
	margin: 5px auto;
}
a.btn_link{
	font-size:12px;
	background:#eee;
	background: -moz-linear-gradient(top, #eee, #fff 30%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #fff), from(#eee), to(#ccc));
	margin: 0 auto;
	padding: 2px 6px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	color: #666;
	border:1px solid #666;
	border-radius:4px;
}
a.btn_link:hover{
	color:#333;
	background:#a9dbf6;
	background: -moz-linear-gradient(top, #eee, #fff 20%, #a9dbf6);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #fff), from(#eee), to(#a9dbf6));
	border:1px solid #3c7fb1;
}
a.btn_link:active{
	background:#68b3db;
	background: -moz-linear-gradient(top, #eee, #fff 20%, #68b3db);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #fff), from(#eee), to(#68b3db));
	box-shadow: inset 1px 1px 3px #3c7fb1, inset -1px -1px 3px #3c7fb1;
	border:1px solid #2d6188;
}
.list-t .member_cover,
.topic_main_comment .member_cover{
	height:55px;
	width:55px;
	margin:2px;
	margin-bottom:6px;
	position:relative;
	z-index:2;
	float:left;
}
.list-t .member_cover{
	float:none;
	margin:auto;
}
.list-t .member_img,
.topic_main_comment .member_img{
	height:55px;
	width:55px;
	margin:auto;
	overflow:hidden;
	position:absolute;
}
.list-t .member_name,
.topic_main_comment .member_name{
	height:2em;
	text-align:center;
}
.list-t .member_name,
.topic_main_comment .member_name{
	height:auto;
	background-color:#666;
	background-color:rgba(40,40,40,0.6);
	position:absolute;
	bottom:0;
	z-index:3;
	color:#fff;
	white-space:normal;
	width:100%;
	overflow:hidden;
	word-break:break-all;
}
.list-t .member_name a,
.topic_main_comment .member_name a{
	color:#fff;
}
#content .list-t .member_name a,
#content .topic_main_comment .member_name a{
	color:#fff;
}

.back_to_list{
	border-top: 1px dotted #ccc;
	text-align: right;
	padding: 8px;
	clear:both;
}

/*タブデザイン*/
.usual_tab{ 
	padding:0px; 
	width:100%;
}
.usual ul{ 
	z-index:1; 
	position:relative; 
	margin-top:6px;
}
#main_inner .usual ul{
	width:100%; 
	border-bottom:1px solid #ccc; 
	margin-left:auto;
}
.usual ul li{ 
	list-style:none; 
	display:inline-block; 
	margin-right: -4px;
}
.usual ul li a{
	display:inline-block;
	background:#eee;
	background: linear-gradient(to bottom, #DBE8FF 0%,#fefefe 100%);
	background: -moz-linear-gradient(top, #DBE8FF, #fefefe);
	background: -webkit-gradient(linear, left top, left bottom, from( #DBE8FF), to(#fefefe));
	color:#333;
	padding: 3px 12px;
	text-align:center;
	text-decoration:none;
	border-radius:6px 6px 0 0;
	border:1px solid #D9DCEB;
	border-bottom:0px;
	position:relative;
	z-index:1;
	margin-top:2px;
}
.usual ul li a.selected{
	background:#fff;
	-webkit-box-shadow: 1px -1px 6px -3px #9AA3B1;
	cursor:default;
}
.usual ul li:first-child a.selected{
	margin-left:0;
}
.usual ul li a:hover{
	background:#DBE8FF;
	color:#F30;
}
.usual ul li a:hover.selected{
	background:#3f3f3;
}
.usual ul li button{
	margin-left:1em; margin-top:0;
}


/* 新規登録・ログインボタン*/
.plz_login{
	text-align:center;
	margin:10px auto;
	padding-top:1em;
	clear:left;
}
.plz_login a{
	background: #888;
	color: #fefefe;
	text-shadow: 1px 1px #444;
	margin: auto;
	font-size: 16px;
	padding: 10px 0px;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	display: block;
	width: 85%;
}
.plz_login a:hover{
	background: #818181;
	box-shadow: inset 1px 1px #2C2C2C;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #F5F5F5;
	text-shadow: none;
	text-decoration: none;
}

/* メンバーイメージ */

/*メンバーリスト*/
#grid-content {
	list-style-type: none;
	width:100%;
	margin:8px auto;
	float:left;
}
#grid-content li {
	position:relative;
	width:138px;
	height:160px;
	border:1px solid #cccccc;
	border-radius:6px;
	margin:5px 0 5px 10px;
	float:left;
	text-align:center;
	background-color:#FFF;
	line-height:1.4em;
}
#grid-content li.prof_img{
	width:100px;
	height:150px;
}
.member_img,
.member_img2,
.member_img3,
.member_img4{
	overflow:hidden;
	position:relative;
	z-index:1;
}
.member_img{
	height:80px;
	width:80px;
	margin:6px auto;
}
.member_img2{
	height:80px;
	width:80px;
}
.member_img3{
	height:40px;
	width:40px;
}
.member_img4{
	height:50px;
	width:50px;
}
.member_cover,
.member_cover3{
	margin:auto;
	overflow:hidden;
	position:relative;
}
.member_cover{
	height:112px;
	width:112px;
}
.member_cover3{
	height:50px;
	width:50px;
}
.member_name{
	text-align:center;
	height: auto;
	max-height: 4.2em;
	background-color:#666;
	background-color:rgba(40,40,40,0.6);
	position:absolute;
	bottom:-1px;
	z-index:2;
	color:#fff;
	overflow:hidden;
	width:100%;
	line-height:1.1em;
	padding:2px 0;
	word-break:break-all;

}
.member_name a,.member_name a:link,.member_name a:visited{
	color:#fff;
	margin:0 2px;
}
.member_img .remove,
.member_img2 .remove,
.member_img3 .remove,
.member_img4 .remove{
	background:#999;
	margin:0;
	padding:2px;
	height:12px;
	float:left;
	position:absolute;
}
.message_title .member_img{
	margin:0 20px 0 0;
	
}
.add_as_friend{
	padding:4px;
}
.add_as_friend a{
	display:block;
	width:90%;
	margin:auto;
	background:#fff;
	font-size:90%;
	line-height:24px;
	color:#333;
	border-radius:4px;
	box-shadow:1px 1px 1px 1px #999999;
}
.add_as_friend a span{
	background-image: url(../../../common/images/icon_bk_32.png);
    background-size: 360px auto;
    background-position: -216px -336px;
    width: 24px;
    height: 24px;
    float: left;
	margin-left:3px;
	opacity:0.4;
}
.add_as_friend a:hover span{
	opacity:0.8;
}
.add_as_friend a:after{
	display:block;
	content:"";
	overflow:hidden;
	clear:both;
}
.add_as_friend a:hover{
	color:#F00;
	background:#eee;
}
#connection_list .view_more{
	margin:10px 0;
}
.comment_list .member_name a,
.message_title .member_name a{
	color:#39C;
	font-weight:bold;
}
.delete_link{
	position:absolute;
	top:3px;
	right:3px;
	z-index:10;
}

/* C00
-------------------------------*/
/* ログインページ*/
.login_area{
	text-align:center;
}
.login_area dl{
	background:#FEFEFE;
	padding:40px 50px;
	border:1px solid #93A490;
	width:300px;
	margin:auto;
	margin-bottom:15px;
}
.login_area dd{
	margin-bottom:12px;
}
.login_area dd:last-child{
	margin-bottom:0;
}
.login_area dd input[type="text"],
.login_area dd input[type="password"]{
	width:288px;
	height:30px;
	line-height:30px;
	font-size: 14px;
	padding:0 5px;
	margin:auto;
	border:1px solid #A7A7A7;
}
dd.rem_soc{
	width:100%;
	height:24px;
}
.remember_me{
	float:left;
}
.social_login{
	float:right;
}
.login_button button,
.add_member a{
	display:block;
	width:100%;
	height:36px;
	line-height:36px;
	border:1px solid #BBBBBB;
	border-radius:0;
	font-size:16px;
	margin:auto;
	padding:0;
	font-weight:normal;
	box-shadow:none;
	box-sizing:inherit;
}
.login_button button{
	background: #f3f3f3;
	color: #111;
}
.login_button button:hover{
	opacity:0.9;
}
.login_area .error{
	color:#F00;
}
.add_member a{
	background: #5A5A5A;
	color: #fefefe;
}
.add_member a:hover{
	opacity:0.9;
}
.add_member a:active{
	background: #DBDBDB;
	color: #1B1B1B;
}

/* id password forgot page */
.psw_id_check{
}
.psw_id_check input{
	position:relative;
	z-index:2;
}
.psw_id_check label{
	position:relative;
	z-index:1;
	margin-left:-1.5em;
	padding:2px 6px;
	padding-left:2em;
	cursor:pointer;
}
.psw_id_check input:checked + label{
	/*background-color:#ACD6FF;
	border-radius:6px;
	color:#039;*/
}

/* C03 
-------------------------------*/
.profile_infermation {
	width:756px;
	background:#f2f2f2;
	border:1px solid #CCC;
	float:left;
	margin:0 0 0 20px;
}
.profile_infermation p {
	font:normal 14px;
	padding:10px 5px;
}
.mainarea_btn {
	float:right;
	padding-top:3px;
	padding-left:8px;
	margin:0 8px 8px 0;
}
.drop_down_profile {
	float:left;
	margin:0 0 0 10px;
	padding:0px;
}
.drop_down_profile option {
	font:normal 14px!important;
}
#profile_images h6{
	margin-left:10px;
}
/*プロフィール設定*/
ul.user_settings{
	list-style:none;
	margin:6px 15px;
}
.user_settings li{
	line-height:2em;
}
.user_settings li .btn_class{
	margin-left:1em;
}
.submit_left{
	width:98%;
	margin:auto;
	margin-bottom:10px;
}

/* RSS */
.rss_detail #message{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
.rss_detail #message br{
	display:none;
}
.rss_detail #message font{
	display:block;
}

/* C10 
-------------------------------*/

/* C12 register
-------------------------------*/
.sup{
	font-size:90%;
	color:#666;
}
.big_block {
	width:100%;
	height:auto;
	float:left;
	background:rgba(255,255,255,0.8);
}

.ft_title{
	font-size:110%;
	font-weight:bold;
	color: #333;
	padding: 4px;
	clear:both;
	padding-left:0.8em;
}
.ft_title span{
	float:right;
	font-size:small;
	font-weight:normal;
}
iframe{
	font-size:12px;
}
.terms_of_use{
	font-size:12px;
	width:600px;
	height:150px;
	overflow-y:scroll;
	border:1px solid #ccc;
    padding:1em;
}
.big_block .sup{
	margin:2px 0;
}

/* C14 
-------------------------------*/

/* C20 message
-------------------------------*/
.msg_sort{
	width:98%;
	margin:5px auto;
	text-align:right;
}
.msg_sort a{
	margin-left:1em;
	text-decoration:underline;
}
.box_message{
	margin:8px auto;
	list-style:none;
	clear:both;
}
.box_message>li{
	width:100%;
	padding:4px 0;
	float:none;
	border-bottom:1px dotted #ccc;
	background:#F0F0F0;
	min-height:72px;
}
.box_message>li:hover,
.box_message>li:hover.not_open{
	background:#FDFBE8;
}
.box_message>li.not_open{
	background:#fefefe;
}
.not_open .msg_title a{
	font-weight:bold;
	text-decoration:underline;
}
.box_message>li.checked{
	background:#D6E4F7 !important;
}
.bbs_comment .member_img,
.comment_list .member_img{
	width:60px;
	height:60px;
	float:left;
	position:relative;
	overflow:hidden;
	z-index:2;
	margin:auto;
	margin-right:10px;
}
.bbs_comment .member_name,
.comment_list .member_name,
.message_title .member_name{
    height: auto;
    display: block;
    color: #333;
    background-color: transparent;
    width: auto;
	position:relative;
	top:0;
	line-height:inherit;
	text-align:left;
}

.attached_files{
	margin:10px auto;
	padding-top:8px;
}
.attached_files dt{
	float:left;
}
.attached_files dd{
	padding-left:8em;
	border-bottom:1px dashed #ccc;
}
table.compose{
	background:none;
}
.compose th,
.compose td{
	background:none;
	border:none;
}
.compose th{
	vertical-align:top;
}
.icon_reply{
	float:none;
	display:inline-block;
}
.compose ul{
	list-style:none;
}
.compose input[type="text"],
    .compose textarea{
        width:48em;
		min-width:inherit;
    }
.compose_images li{
	display:inline-block;
	position:relative;
	margin-right:10px;
	float:left;
}
.compose_images{
	min-height:16px;
	width:100%;
	margin-bottom:4px !important;
	margin-left:0 !important;
	float:left;
}
ul.download_link{
	margin-left:1em;
}
.download_link li{
	list-style:disc;
}
.download_link li a{
	color:#06F;
}
.download_link li span>a{
	color:#F00;
}
.download_link_h{
	padding:6px 0;
	color:#039;
	font-weight:bold;
}

/* 新規メッセージ作成 */
.left_compose_msg{ 
	padding-right:260px;
}
.left_compose_msg2{ 
	float:left; 
	width:100%;
}
.right_compose_msg{ 
	float:right;
	width:250px;
	border:1px solid #ccc; 
	background:#eee; 
	position:relative; 
	padding-bottom:10em;
}
.right_compose_msg_inner{ 
	padding:8px; 
	padding-top:0;
}
.right_compose_msg_inner h3{
	 margin:4px 0;
}
.right_compose_msg_inner dd{
	float:left;
}
.search_button{
	float:right;
}
.pagi_compose_msg{ 
	width:100%; 
	float:left; 
	padding-top:15px; 
	font-size:11px;
}
.pagi_compose_msg ul li{ 
	list-style:none; 
	float:left;
}
.pagi_compose_msg ul li a{ 
	float:left; 
	padding:1px 5px; 
	color:#333;
}
.pagi_compose_msg ul li a.active{ 
	background:#333; 
	color:#fff;
}
.right_compose_msg_inner p{ 
	float:left; 
	padding-top:15px;
}
.ul_compose_msg{
	float:left; 
	width:100%;
}
.ul_compose_msg li{
	list-style: none;
}
.ul_compose_msg li a{
	float: left;
	display:block;
	width: 78px;
	height: 78px;
	text-align: center;
}
.compose_images .member_img, 
.ul_compose_msg .member_img{
	width: 72px;
	height: 72px;
	position: relative;
	overflow: hidden;
	text-align: center;
	z-index: 2;
}
.compose_images .member_img img,
.ul_compose_msg .member_img img{
	max-width: 100%;
	margin: auto;
}
.right_compose_msg .pagination{
	 margin-top:10px;
 }
.compose_images a.remove{
	position:absolute;
	top:3px;
	right:-3px;
	z-index:10;
}
.how_to_comp{
	position:absolute;
	bottom:8px;
	padding:6px;
	border:1px solid #F00;
	border-radius:6px;
	margin-right:8px;
}
.box_message dl{
	position:relative;
}
.box_message dd{
	float:left;
}
dd.msg_check{
	width:2em;
	text-align:center;
}
dd.msg_check input{
	margin:0;
	margin-top:28px;
}
dd.msg_check div{
	margin:auto;
	margin-top:2px;
	float:none;
}
.box_message .member_img{
	width:60px;
	height:60px;
	float:left;
	position:relative;
	overflow:hidden;
	z-index:2;
	margin-right:10px;
}
dd.members_name{
	text-align:left;
	padding:3px;
	word-break:break-all;
	float:none;
}
.box_message dd.msg_txt{
	position:relative;
	max-width:96%;
	float:none;
}
/*.inbox-container dd.msg_txt { 
	float:none;
}*/

.honbun{
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.outbox{
	padding-left:30px;
}
.msg_title{
	margin-bottom:4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	width:70%;
}
.msg_title a{
	font-size:120%;
}
dd.msg_time{
	position:absolute;
	top:0;
	right:2.8em;
}
dd.msg_info{
	position:absolute;
	top:0;
	right:0;
	width:2em;
	text-align:center;
}
.msg_info div,
.msg_info a{
	display:block;
	float:none;
	margin:0;
	margin-top:2px;
	width:16px;
	height:16px;
}
.recipients{
	margin-top:4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.message_title{
	min-height: 60px;
	font-size: 20px;
	padding: 4px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
.message_title .member_img{
	margin-right:8px;
}
.message_title .member_name{
	font-size:12px;
	word-break:break-all;
}
.message_title .date{
	text-align:right;
}

/* C21 news
-------------------------------*/
/*ニュースリスト*/
#news_list{

}
ul.news_list{
	margin:10px auto;
	width:98%;
}
.news_list li{
	padding:10px;
	border-bottom:1px dotted #ccc;
	min-height:50px;
	list-style:none;
}
.news_list li:nth-child(even){
	background:#fefefe;
}
.news_list li:nth-child(odd){
	background-color: rgba(255, 255, 255, 0.9);
}

.news_list dl.news_details{
	width:100%;
}
.news_title a{
	font-size:18px;
	font-weight:bold;
}
.news_thumb{
	float: right;
	width:50px;
	height:50px;
	margin-left:10px;
	position: relative;
	overflow: hidden;
}
.news_thumb img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.news_thumb img[data-greater]{
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.news_thumb img[data-greater=width]{
	width:  auto;
	max-width:inherit !important;
}
.news_thumb img[data-greater=height]{
	height: auto; 
}
.news_date{
	font-size:12px;
}
.news_details dd{
	margin-top:8px;
}
.news_details h2{
	font-size:16px;
	font-weight:normal;
	margin-bottom:5px;
	margin-left:110px;
	padding:4px;
	background:#eee;
}
.icon_doc{
	background-image:url(../../images/bk/document.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	float:right;
}
.next_link{
	text-align:right;
}

h1 span.date{
	float:right;
	display:block;
	margin-top:0;
	padding-right:0;
}
h1 span.date .icon_reply,/*only C20*/
h1 span.date .icon_delete{
	margin-right:0;
	padding-right:0;
}
.news_details dt .date a{
	font-size:12px; 
	font-weight:normal;
}

/*ニュース　詳細*/
dl.news_content{
	  margin:auto;
	  padding-bottom:15px;
}
.news_content dt{
	padding:6px;
	font-weight:bold;
	color:#666;
	font-size:20px;
}
.news_content dd{
	padding:4px;
}
dl.news_content:after{
}

/*ダウンロードファイル*/
#download_file{
	border-bottom:1px solid #ccc;
}

/*アップロードファイル*/
input.new_file_title_box{
	margin-top:7px;
}
	
/*ニュース　コメント*/
ul.comment_list{
	width:98%;
	margin:auto;
}
.comment_list li{
	min-height:60px;
	list-style:none;
	padding:6px;
	position:relative;
}
.comment_list li:nth-child(odd){
	background:rgba(255,255,255,0.8);
}
.comment_list li:nth-child(even){
	background:rgba(238,238,238,0.8);
}
.comment_list li:hover{
	background:#FFF0C1;
}
.comment_list li .member_cover{
	margin-right:8px;
}
.comment_list li .bc_date{
	color:#666;
	font-size:90%;
	position:absolute;
	bottom:5px;
	right:5px;
}
.div_feedback textarea{
	width:100%;
	margin:8px auto;
}

/* C22 notice
-------------------------------*/
#notice_list{
	float: left;
	width: 100%;
}

/* C23 file
-------------------------------*/
ul.file_list li dd{
	clear:both;
	min-height:1.5em;
}
.file_desc{
	background:#fefefe;
	padding:8px 5px;
}

/* C51 
-------------------------------*/

/* C52 created contents pages
-------------------------------*/
.tm_matter p,
.tm_matter h1,
.tm_matter h2,
.tm_matter h3,
.tm_matter h4,
.tm_matter h5,
.tm_matter h6{
	font-size:inherit;
	color:inherit;
	padding:0;
	margin:auto;
}

/* C60 ユーザーセンター
-------------------------------*/
.main_area_custom{
	background:<?=@$bg_color?>;
	font-size:12px;
}
.main_area_custom #main_inner{
	border:none;
}
.top_custom{
	background:none; 
	height:auto;
	position:relative;
}
.image_title2{
	color: white;
	margin-top: 0px;
	z-index: 20;
	position:relative;
}
.image_title2{
	width: 43%;
	background-color: rgba(40,40,40,0.4);
	font-size: 12px;
	padding: 5px;
	height: 125px;
	top: 160px;
	right: 185px;
	left: 185px;
	bottom: inherit;
	border-radius: 5px;
	overflow:hidden;
	line-height:1.6em;
}
.image_title2 img{
	float:right;
	cursor:pointer;
}
.image_title2 img{
	width:16px;
	position:relative;
	top:105px;
	margin-right:5px;
}
.image_area_custom{
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 10px;
	position:relative;
}
#image_title{
	display:block;
	height:100%;
	overflow-y:auto;
}

/*　ユーザーセンター・ユーザーアイコン*/
.my_profile2{
	height:auto;
	text-align:center;
	position:absolute;
	left:5px;
	bottom:5px;
}
.profile_img2{
	width:160px;
	height:160px;
	margin:auto;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
	border: 5px solid #fefefe;
	z-index:2;
}
.profile_img_edit{
	display:none;
}
#my_profile2:hover .profile_img_edit{
	display:block;
	z-index:8888;
	position:absolute;
	bottom:8px;
	left:7px;
}
.profile_img_edit a{
	background:rgba(254,254,254,0.7);
	color:#444;	
	padding:3px 0px;
	width: 153px;
	display: block;
	border-radius:3px;
	font-weight:bold;
	border:solid 1px #888;
}
.edit_profile_button{
	display: inline-block;
	z-index: 8888;
}
.edit_profile_button a{
	background: rgba(254,254,254,0.7);
	color: #444;
	padding: 3px 10px;
	display: inline-block;
	border-radius: 3px;
	font-weight: bold;
	border: solid 1px #888;
	margin-left:8px;
}
.image_title_edit{
	display:none;
}
.image_title_edit a{
	color:#DBDBDB;	
	padding:2px 0px;
	width: 114px;
	display: block;
	font-weight:bold;
	text-align:center;
	background:rgba(0,0,0,0.3)
}
.image_title2:hover .image_title_edit{
	display: block;
	z-index: 8888;
	position: absolute;
	bottom: 5px;
	right: 5px;
	cursor: pointer;
}
.visible_custom {
	float: right;
	margin-right:6px;
}
.my_photo_area:after,
.friend_area:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.my_photo_area2:after,
.friend_area2:after,
.group_area2:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.view_more{
	clear:both;
	text-align:right;
	margin-top:8px;
}
.e_memberlist_area .view_more,
.e_comments_area .view_more{
	margin-right:7px;
}
#user_custom_icon{
	position: absolute;
	right: 10px;
	bottom: 9px;
}
@media screen and (max-width: 1130px) {
#user_custom_icon{
	bottom:inherit;
	top:44px;
}
.image_title2 {
    width: 67%;
}
}
#user_custom_icon_s{
	display:none;
}
#user_custom_icon img{
	margin-left:8px;
	cursor: pointer;
	vertical-align:middle;
	display: inline-block;
}
.details_area_custom{
	width:100%;
	height:auto;
	float:left;
	margin:10px auto;
	margin-bottom:4px;
	padding:4px 0;
	border:1px solid #ccc;
}
.friend_area{
	padding:8px;
	margin:4px auto;
	border:1px solid #ccc;
}
.info_area2,.profile_area2,
.my_photo_area2,
.friend_area2,
.group_area2,
.e_memberlist_area,
.e_desc_area,
.e_comments_area,
.a_d_comment_area{
	margin-bottom:11px;
	margin-top:-4px;
	border:1px solid #d5d5d5;
	border-top:none;
	padding-bottom: 4px;
}
.info_area{
	padding:8px;
	border:1px solid #ccc;
	min-height:350px;
}
.info_area2{
	min-height:350px;
	padding-top:4px;
}
.my_photo_area2{
	clear:both;
}
.profile_area,
.comment_area,{
	display:table-cell;
	padding:8px;
	width:500px;
	border-left:2px solid #999;
}
.details_area_custom,
.friend_area,
.info_area{
	background-color: #F7F7F7;
}
.info_area2,
.profile_area2,
.my_photo_area2,
.friend_area2,
.details_area_custom2,
.group_area2,.e_desc_area,
.e_memberlist_area,
.e_comments_area,
.a_d_comment_area,
.album_basic,
.album_photo_list{
	background-color:#fefefe;
}
#img_areas_wall .group_area2 li{
	float:left;
	list-style:none;
	text-align:center;
	margin:4px;
}
.profile_area{
	border:none;
}
.area_title2{
	font-weight:bold;
	padding:5px 5px 5px 8px;
	background-color:#d5d5d5;
	font-size: 105%;
	color:#3d3d3d;
	border: 1px solid #d5d5d5;
}
.area_title2 a{
	color:#3d3d3d;
	text-decoration:underline;
}

.area_title2 a:hover{
	color:#666;
	text-decoration:none;
}

.profile_area table{
	padding:0;
	margin:0;
	width:auto;
}
.profile_area th,
.profile_area td{
	padding:2px;
	vertical-align:top;
}
.profile_area th{
	width:auto;
	text-align:left;
	font-weight:normal;
	text-indent:-1em;
	padding-left:1em;
	padding-right:0.6em;
}
.profile_area2 dl{
	padding:8px;
	}
.profile_area dt,
.profile_area dd{
	padding:2px;
}
.profile_area2 dt,
.profile_area2 dd{
	padding:2px;
}
.profile_area dt{
	float:left;
}
.profile_area2 dt{
	float:left;
	font-size: 90%;
	color: #8B8B8B;
}
.profile_area dd{
	padding-left:9em;
	border-bottom:dotted 1px #aaa;
}
.profile_area2 dd{
	padding-left:9em;
}
.info_area dt,
.info_area dd{
	padding:2px;
}
.info_area2 dt,
.info_area2 dd{
	padding:2px;
}
.info_area dl{
	border-bottom:1px dotted #ccc;
	padding:6px;
	overflow:hidden;
	clear:both;
	position:relative;
	background:rgba(255,255,255,0.6);
}
.info_area2 dl{
	border-bottom:1px dotted #ccc;
	padding:6px;
	overflow:hidden;
	clear:both;
	position:relative;
	background:rgba(255,255,255,0.6);
}
.info_area dl:hover{
	background:#FFF0C1;
}
.info_area2 dl:hover{
	background:#FFF0C1;
}
.info_area ul{
	list-style:none;
}
.info_area2 ul{
	list-style:none;
}
.info_area li{
	margin:6px auto;
	overflow:hidden;
	position:relative;
}
.info_area2 li{
	margin:6px auto;
	overflow:hidden;
	position:relative;
	padding: 0 5px;
}
/* user background edit */
.user_bg_img{
	max-width:500px;
}

/*タイムライン */
.user_menu_h h1{
	font-size: 18px;
	color: #333;
	background: rgba(255,255,255,0.6);
	margin:0;
	padding:6px 0;
	border:none;
	z-index:9;
	position:absolute;
	width:100%;
}

/*タイムライン（ウォール）*/
#wall_list{
	padding:0 10px 0 10px;
	}
#wall_list hr{
	margin-top:8px;
   border:solid #ebebeb;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
   }
.wall_img{
	width:60px;
	float:left;
}
.wall_delete{
	float:right;
}
.wall_comments{
	padding-left:60px;
}
.wall_user_name a{
	color: #446587;
    font-weight: bold;
}
.post_comment_box{
	min-height:40px;
	border:#ccc solid 1px;
	background:#FFF;
	margin:10px;
	margin-left:72px;
}
.reply_comment_box{
	min-height:20px;
	border:#ccc solid 1px;
	background:#FFF;
	margin:4px auto;
	margin-left:82px;
	text-align:left;
}
.add_wall_comment{
	text-align:right;
	margin-right: 10px;
}


li.wall_reply,
li.post_reply{
	padding-left:20px;
}

.post_wall_comment{
	text-align:right;
}
.reply_comment{
	text-align:right;
}
.reply_btn{
	float: right;
	padding-top: 5px;
}
#wall_area{
	width: 100%;
	padding: 0px;
	clear: both;
}
#list_areas_wall{
	width:65%;
	float:left;
}
.wall_right{
	width:34%;
	float:right;
}
.show_count{
	font-size:95%;
}
#img_areas_wall li{
	float:left;
	list-style:none;
	text-align:center;
}
#img_areas_wall .member_img2{
	width:106px;
	height:106px;
	position:relative;
	overflow:hidden;
	text-align:center;
	z-index:2;
}
#img_areas_wall .member_name{
	white-space:normal;
}
#img_areas_wall .member_name a{
	color:#fff;
}
#img_areas_wall .group_img{
	width:106px;
	height:106px;
	position:relative;
	overflow:hidden;
	text-align:center;
	z-index:2;
	margin:auto;
}
#img_areas_wall .group_name{
	height: 38px;
	overflow: hidden;
	line-height:1.3em;
	white-space:normal;
	text-align:left;
	padding:4px 2px;
	width:100%;
	box-sizing:border-box;
	font-size:90%;
}
.profile_area{
	padding:8px;
	margin:10px auto;
	border:1px solid #ccc;
	background-color: #F7F7F7;
}
#wall_area img{
	vertical-align:middle;
}

a.walls_more{
	display:block;
	width:100%;
	text-align:center;
	padding:8px 0;
	background-color:#eee;
	border-top:1px solid #ccc;
	margin-bottom:-4px;
}
a.walls_more:hover{
	background-color:#ccc;
}

/* プロフィール　リスト */
.big_block_sub dt,
.big_block_sub dd{
	padding:3px;
	min-height:18px;
	float:left;
	position:relative;
}
.big_block_sub dd:empty{
	min-width:5em;
}
.big_block_sub dt:before{
	content:"・";
}
.big_block_sub dd input[type="tel"],
.big_block_sub dd input[type="email"],
.big_block_sub dd input[type="text"],
.big_block_sub dd input[type="password"]{
	width:98%;
}
.dl_main {
	width:98%;
	float:left;
	margin-left: 0.8em;
}
.dl_main dl.big_block_sub {
	padding-left:10px;
}
.dl_main .big_block_sub dt{
	margin-right:5px;
	font-weight:bold;
	color:#666;
	text-indent:-1em;
	margin-left:1em;
}
.dl_main .big_block_sub dd label{
	display:inline-block;
}
.border_dd {
	float:left;
}
.border_dd_large {
	width:150px !important;
}
.dl_main dl.big_block_sub{
	margin-right:10px;
	margin-bottom:16px;;
	float:left;
}
.border_dd input,
.border_dd_large input{
	width:100%;
}
input[type="checkbox"]{
	margin-top:3px;
	margin-right:3px;
}
.email_status{
	color:#f00;
	font-size:90%;
}
.big_blocks_cover{
	border:1px solid #dadada;
	margin-top:20px;
    background: rgba(255,255,255,0.8);
	padding-bottom:20px;
}
.big_blocks_cover .ft_title{
	padding:15px 20px;

}
.big_block_sub dt, .big_block_sub dd {
    padding: 3px;
    min-height: 18px;
}
.user_profile_box {
    margin-bottom: 25px;
}
.user_profile_box .big_block {
	background:none;
}
.user_profile_box dt {
    border-left: 3px solid #dadada;
    padding: 3px 9px;
}
.user_profile_box dd {
    padding: 3px 5px;
}
.user_profile_box .mainarea_btn{
	margin:0;
}
.user_profile_box .big_block_sub dt:before{
	content:none;
}
.user_profile_box .big_block_sub dt{
	text-indent:0;
    margin-left: 0;	
}
.dl_main dl.big_block_sub {
	float:left;
	display:table;
}
.dl_main dl.big_block_sub dt,
.dl_main dl.big_block_sub dd{
	float:none;
	display:table-cell;
}
/*　MYフォト　*/
#grid-content.my-photo .member_cover,
#grid-content.my-photo .member_img{
	height: 80px;
    width: 80px;
}

/*ステータスアイコン*/
.block_sub_sub3{
	float:right;
	margin-left:8px;
	width:36px;
}
span.block_sub_sub3{
	margin:auto;
	width:auto;
}
.block_sub_sub3 img{
	width:16px;
	float:left;
}
.h2img {
	display:block; 
	float:right;
	position:relative;
	*top:-20px;
}
.submit_button{
	text-align:center;
	margin:10px;
}
.bottom_div {
	clear:both;
	text-align:right;
	height:40px;
}

/*ポップアップメニュー（承認ステータスなどに使用） */
.popup1,
.popup2,
.popup3
{
	height:auto;
	position:absolute;
	z-index:10;
	background:#ffffff;
	display:none;
	border:1px solid #333;
	border-bottom:0;
	box-shadow:3px 3px 2px rgba(136,136,136,0.5);
	top:24px;
	left:0;
}
.popup2{
	right:0;
}
.popup1 ul,
.popup2 ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.popup1 ul li,
.popup2 ul li{
	display:inline;
}
.popup1 ul li a,
.popup2 ul li a{
	display:block;
	padding:5px;
	padding-left:30px;
	color:#666;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px solid #333; 
	white-space:nowrap;
}
.popup1 ul li a:hover,
.popup2 ul li a:hover{
	color:#0099FF;
}
.popup1 ul li a img,
.popup2 ul li a img{
	width:16px;
}
.popup1 ul li a.type1,
.popup2 ul li a.type1{
	background:url(../../images/ico2.png) no-repeat;
}
.popup1 ul li a.type2,
.popup2 ul li a.type2{
	background:url(../../images/ico1.png) no-repeat;
}
.popup1 ul li a.type3,
.popup2 ul li a.type3{
	background:url(../../images/ico3.png) no-repeat;
}
.popup1 ul li a.type4,
.popup2 ul li a.type4{
	background:url(../../images/ico4.png) no-repeat;
}
.popup1 ul li a.type5,
.popup2 ul li a.type5{
	background:url(../../images/ico5.png) no-repeat;
}
.popup1 ul li a.type1,
.popup1 ul li a.type2,
.popup1 ul li a.type3,
.popup1 ul li a.type4,
.popup1 ul li a.type5,
.popup2 ul li a.type1,
.popup2 ul li a.type2,
.popup2 ul li a.type3,
.popup2 ul li a.type4,
.popup2 ul li a.type5{
	background-position:5px 5px;
}
.popup1 ul li a.approve:before,
.popup1 ul li a.denied:before{
	content: "";
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.popup1 ul li a.approve:before{
	background:url(../../images/approved.png) no-repeat;
}
.popup1 ul li a.denied:before{
	background: url(../../images/delete.png) no-repeat;
}
.btn_btm_lft{
	clear:both;
	padding:8px;
}
.profile_area2 .user_profile_names {
padding: 8px 2px 2px 8px;
}

/*フィールド　サイズ設定*/
.dt_s{
	width:7em;
}
.dt_m{
	width:11em;
}
.dt_l{
	width:16em;
}
.dd_s{
	width:100px;
}
.dd_m{
	width:180px;
}
.dd_l{
	width:300px;
}
.dt_a,
.dd_a{
	width:auto;
}

/*-------ユーザーセンター公開設定---------*/

.usercenter_stg{
	margin:10px;
}
.usercenter_stg .big_block_sub dt{
	font-weight:normal;
	width:15em;
}

.my_photo_area #gallery li{
	margin:0;
}
.my_photo_area2 #gallery li,
.friend_area2 ul li{
	margin:4px;
}
.my_photo_area2 > ul,
.friend_area2 > ul,
.group_area2 > ul{
	padding: 3px 5px 5px 6px;
}
.profile_img{
	width:160px;
	height:160px;
	margin:auto;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	margin-top:8px;
	position:relative;
}
.profile_img img{
	margin:0;
	width:160px;
	height:160px;
}
.profile_img a .profile_name{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	display:block;
	position:absolute;
	bottom:0;
	text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0;
	background:#fff;
	background-color:rgba(255, 255, 255, 0.8);
	color:#333;zssssss
	padding:3px;
	margin:5px;
	border:2px solid #eee;
	width:87%;
}
.profile_img a:hover .profile_name{
	display:block;
	color:#F60;
	background-color:rgba(255, 255, 255, 0.9);
}

/* C61 my photo
-------------------------------*/
ul#gallery{
	list-style:none;
}
#gallery li{
	float:left;
	margin:8px;
	text-align:center;
}
.photo_cover{
	height:150px;
	width:150px;
	margin:4px auto;
	position:relative;
	z-index:2;
	box-shadow: 3px 3px 8px #AFAEAE;
	text-align:center;
}
.photo_img{
	height:150px;
	width:150px;
	display:block;
	margin:auto;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:#eee;
}
.photo_date{
	text-align:right;
	height:auto;
	background-color:#666;
	background-color:rgba(40,40,40,0.4);
	position:absolute;
	bottom:0;
	z-index:1;
	color:#fff;
	width:100%;
}

/* C62 friend
-------------------------------*/

.btn_img_close{
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}
.submit_area{
	width:99%;
	margin:10px auto;
}
.submit_area2 input{
	margin-left:10px;
}
.search_members {
	width:98%;
	padding:5px 5px;
	margin:10px 0 15px 0;
}
.search_members dl{
}
.search_members dt,
.search_members dd{
	padding:4px;
}
.search_members dt{
	float:left;
	margin-right:5px;
}
.search_members dd{
	padding-left:7em;
}
.search_members li{
	list-style:none;
	display:inline-block;
}
li.friend_tags{
	border:1px solid #CCC;
/*	border-radius:4px; */
	padding:1px 6px;
	margin:0 5px 5px 0;
	background:#FFFFFF;
	cursor:move;
/*	box-shadow:1px 1px 1px 1px #999999;*/
	z-index:3;
}
/* お友達タグリスト */
#grid-content li .tag_list li{
	width:auto;
	max-width:6.2em;
	height:1.2em;
	line-height:1.2em;
	margin:0 5px 5px 0;
	border:none;
	text-align:inherit;
	layout-grid-line:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	padding: 1px 2px;
}
.tag_list{
	border-top:1px solid #ccc;
	padding:4px;
	 height:50px;
	 width:auto;
	 overflow-y:auto;
	 font-size:85%;
}

.tag_list .friend_tags{
	cursor:default;
}
.tag_list span{
	font-weight:bold;
	color:#DEABAB;
	margin-right:0.4em;
	margin-top:-3px;
	cursor:pointer;
}
/*
#grid-content li.drop{
	height:auto;
	min-
	height:120px;
}
*/

#grid-content li.ui-droppable{
	height:auto;
	min-height:120px;
}
#grid-content .member_img {
    height: 112px;
    width: 112px;
}
ul.user_list{
	list-style:none;
	width:100%;
	min-height:400px;
	float:left;
}
.user_list li{
	float:left;
	height:100px;
	width:100px;
	margin:8px;
	position:relative;
	z-index:2;
	background:#ccc;
	cursor:pointer;
	overflow:hidden;
}
.user_list li label{
	position:static;
	margin:auto;
}
.user_list_name{
	text-align:center;
	height:auto;
	background-color:#666;
	background-color:rgba(40,40,40,0.4);
	position:absolute;
	bottom:0;
	z-index:1;
	color:#fff;
	width:100%;
	white-space:normal;
	overflow:hidden;
	line-height:1.1em;
	word-break: break-all;
	padding:2px 0;
}
.user_list_name a{
	color:#fff;
	margin-left:0.4em;
}
.user_list input[type="checkbox"]{
	position:absolute;
	top:1px;
	left:2px;
	z-index:3;
}
.cursor_pointer{
	cursor: pointer;
}

/* C62/requested_friends */
.friend_request li{
	min-height:60px;
}
.friend_request dl{
	margin-left:75px;
}
.friend_request dt{
	float:left;
	width:6em;
}
.friend_request dd{
	padding-left:6em;
	min-height:1.6em;
}

/* C71 member search
-------------------------------*/
.before_mem_search{
	position:absolute;
	top:30%;
	left:50%;
}

/* メンバーリスト　検索ボックス */
.search_area_left{
	float:left;
	width:250px;
	height:100%;
	min-height:650px;
	border-right:1px solid #ccc;
	padding:8px;
}
.search_area_left dl{
	width:99%;
}
.search_area_left dt,
.search_area_left dd{
	padding:2px;
}
.search_area_left dd{
	margin-bottom:8px;
}
.search_area_left dd input[type="text"]{
	width:98%;
}
.search_area_left select{
	width:98%;
	max-width:98%;
}
.member_list_area{
	margin-left:280px;
}
.member_list_area .page_navi{
	clear:none !important;	
}
.search_show_hide{
	display:none;
}
.connection_member img{
	border:0px;
	width:80px;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
}
.ellipsis.multiline {
	white-space: normal;
}

/* C72 
-------------------------------*/

/* C73 
-------------------------------*/

/* C51


-------------------------------*/
/*パネル*/

.column{
	position:relative;
}
ul.column > li{
	list-style: none;
	position:relative;
	float:left;
	overflow:hidden;
	overflow-y:auto;
	border:1px solid #dfdfdf;
	background-color:#fefefe;
}
ul.column > li::-webkit-scrollbar {
    width: 10px;
	border:1px solid #ccc;
}
/* Track */
ul.column > li::-webkit-scrollbar-track {
}
/* Handle */
ul.column > li::-webkit-scrollbar-thumb {
    background: rgba(0,51,102,0.3);
	border:1px solid #ccc;
}
ul.column > li::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,51,102,0.2); 
}

.panel_title{
	background-color:#afafaf;
	color:#fefefe;
	font-weight:bold;
}
.boxhead-notitle>.panel_title{
	background-color:transparent;
	
}
.column p,
.column h1,
.column h2,
.column h3,
.column h4,
.column h5,
.column h6,
.column a{
	font-size:inherit;
	padding:0;
	margin:0;
	color:inherit;
	border:none;
	background:none;
	line-height:normal;
}
a.panel_close {
	display:block;
	float:right;
	position:absolute;
	top:4px;
	right:4px;
	z-index:80;
}
a.panel_close img{
	width:inherit !important;
	min-width:inherit !important;
	min-height:inherit !important;
}
.panel_sp{
	display:none;
}
.boxhead{
	cursor:move;
}
.locked .boxhead {
	cursor:auto !important;
}
.panel_no_title{
	position:absolute !important;
	background:none !important;
	width:100% !important;
	height:30px !important;
	padding:0 !important;
	margin:0 !important;
	z-index:80 !important;
}
.dragbox-content-notitle,
.dragbox-contentsp-notitle {
	margin:auto; 
}
.column h3.con_title{
	clear:both;
	margin:2px;
	padding:2px;
	padding-left:6px;
	color: #D77A7A;
	border-left: 4px solid #DD7A7A;
}
.box_clss_alm{ 
	position:absolute; 
	top:3px; 
	right:20px;
}
.box_clss_almp{ 
	float:left; 
	margin:2px; 
	margin-right:6px;
	max-height: 32px;
}
.dragbox-content ul{
	list-style:none;
}
.dragbox-content ul li{
	color:#333;
}
.dragbox-content ul li a{ 
	text-decoration:none;
	font:normal;
}
.view_more_bottom{
	clear: both;
	text-align:right;
	padding:4px;
}
.view_more_bottom a{ 
	text-decoration:underline;
	position:relative;
	padding:2px 6px;
}
.view_more_bottom a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 5px solid #333;
	border-bottom: 6px solid transparent;
	top: 5px;
	right: -4px;
	text-decoration: none;
}

/* Panel New Modifications*/

.panel_block:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.drag-not-use-ele-row{
	list-style: none;
	position:relative;
	overflow:hidden;
	overflow-y:auto;
	border:1px solid #dfdfdf;
	background-color:#fefefe;
	box-sizing:border-box;
}
.drag-not-use-ele-row::-webkit-scrollbar {
    width: 10px;
	border:1px solid #ccc;
}
.drag-not-use-ele-row p,
.drag-not-use-ele-row h1,
.drag-not-use-ele-row h2,
.drag-not-use-ele-row h3,
.drag-not-use-ele-row h4,
.drag-not-use-ele-row h5,
.drag-not-use-ele-row h6{
	font-size:inherit;
	padding:0;
	margin:0;
	color:inherit;
	border:none;
	background:none;
	line-height:normal;
}
/* Track */
.drag-not-use-ele-row::-webkit-scrollbar-track {
}
/* Handle */
.drag-not-use-ele-row::-webkit-scrollbar-thumb {
    background: rgba(0,51,102,0.3);
	border:1px solid #ccc;
}
.drag-not-use-ele-row::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,51,102,0.2); 
}
.drag-not-use-ele-row.panel_float_L{
	float:left;
}
.drag-not-use-ele-row.panel_float_R{
	float:right;
}
.drag-not-use-ele-row.panel_float_N{
	float:none;
}
.drag-not-use-ele-row.panel_clear_L{
	clear:left;
}
.drag-not-use-ele-row.panel_clear_R{
	clear:right;
}
.drag-not-use-ele-row.panel_clear_B{
	clear:both;
}
.drag-not-use-ele-row.panel_clear_N{
	clear:none;
}
.drag-not-use-ele-row .boxhead{
	cursor:inherit;
}


/*パネル　メンバーリスト*/
.img_thumb{
	width:54px;
	height:50px;
	margin:0 2px;
	display:table-cell;
	vertical-align:middle;
}
.img_thumb img{
	max-height:50px;
	max-width:50px;
	float:none;
	border:none;
	margin:auto;
}
.link_bot{
	width:240px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.link_bot a{ 
	padding-right:5px; 
	text-decoration:underline;
}
.dragbox-content ul li.li_inner{
	height:63px;
	width:63px;
	margin:2px 5px;
	margin-bottom:4px;
	position:relative;
	z-index:2;
	float:left;
	list-style:none;
}

.li_inner .member_cover{
	height:63px;
	width:63px;
	margin:auto;
	overflow:hidden;
	position:absolute;
	z-index:1;
}
.li_inner .member_name{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.li_inner .member_name a{
	color:#fff;
	line-height:1em;
}
.tag_area{
	border:1px dashed #ccc;
	border-left:none;
	border-right:none;
	padding:4px 0;
	clear:both;
}

.dragbox-content #message a{
	position:relative;
	z-index:88;
}

/*パネル　ニュース*/
/*パネル　お知らせ*/
ul.panel_news_list,
ul.panel_notice_list,
ul.panel_group_index_list,
ul.panel_survey_list,
ul.panel_bbs_list{
	margin:auto;
}
.panel_news_list>li,
.panel_notice_list>li,
.panel_group_index_list>li,
.panel_survey_list>li,
.panel_bbs_list>li{
	padding: 6px 0;
	border-bottom:#e3e4e1 solid 1px;
	position:relative;
}
.panel_news_list>li>a,
.panel_notice_list>li>a,
.panel_group_index_list>li>a,
.panel_survey_list>li>a{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	color:#0033cc;
	padding-right:6em;
}
.panel_survey_list>li>a{
	padding-right:13em;
}
.panel_news_list>li>a:hover,
.panel_notice_list>li>a:hover,
.panel_group_index_list>li>a:hover,
.panel_survey_list>li>a:hover{
	text-decoration:underline;
}
.panel_news_list>li>a:before,
.panel_notice_list>li>a:before,
.panel_group_index_list>li>a:before,
.panel_survey_list>li>a:before{
	content:"▼";
	display:inline-block;
	transform:rotate(-90deg);
	margin-right:3px;
}
.panel_news_list img,
.panel_notice_list img,
.panel_group_index_list img,
.panel_survey_list img{
	max-width:40px;
	margin:0 2px;
	float:right;
	display:none;
}
.new_item{
	padding:0 2px;
	border-radius:2px;
	background:#C03;
	color:#fff;
	font-size:9px;
	float:right;
	margin:2px 9em 0 0;
}
.panel_news_date,
.panel_notice_date,
.panel_group_date,
.panel_survey_date,
.panel_bbs_date{
	position:absolute;
	right:0;
	top:5px;
}
.panel_news_date a,
.panel_notice_date a,
.panel_group_date a,
.panel_survey_date a,
.panel_bbs_date a{
	color:#0033cc;
}

/*パネル　BBS*/
.panel_bbs_link{
	padding-right:7em;
	position:relative;
}
.panel_bbs_link>a{
	display:inline-block;
	color:#0033cc;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	max-width:90%;
}
.panel_bbs_link>a:hover{
	text-decoration:underline;
}
.panel_bbs_link>a:before{
	content:"▼";
	display:inline-block;
	transform:rotate(-90deg);
	margin-right:3px;
}
.panel_bbs_count{
	font-size:90%;
	display:inline-block;
	position:relative;
	top:-7px;
}
.panel_bbs_date{
	width:7em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
/*パネル　グループ*/
ul.group_panel_w,
ul.group_panel_s{
	width:100%;
	margin-top:10px;
	padding: 0 7px;
}
.group_panel_w li,
.group_panel_s li{
	border-bottom: 1px dashed #ebebeb;
	width: 100%;
	list-style: none;
	clear: both;
	height: 30px;
}
.group_panel_w li{
	padding:2px;
}
.group_panel_w dt,
.group_panel_w dd,
.group_panel_s dt,
.group_panel_s dd{
	padding:4px;
}
.group_panel_w dt,
.group_panel_w dd,
.group_panel_s dt,
.group_panel_s dd{
	float:left;
}
.group_panel_w dt{
	min-width:200px;
}
.group_panel_s dt{
	padding:0 4px;
	padding-top: 2px;
	clear:both;
}
.group_panel_w dt a,
.group_panel_s dt a{
	color:#999;
	font-weight:bold;
}
.group_panel_w dt a:hover,
.group_panel_s dt a:hover{
	color:#F30;
	text-decoration:underline;
}

/*パネル　投票*/
#pollWrap{
	height: 180px;
	overflow-y:auto;
}
#pollWrap h3 {
	margin-bottom: 5px;
}
#pollWrap ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#pollWrap li {
	padding: 0;
	overflow:hidden;
}
#pollWrap li span {
	font-size: 0.8em;
}
.pollChart {
	margin-left:16px;
	margin-bottom:2px;
	height: 5px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
#pollSubmit {
	margin-top: 5px;
}
#pollMessage {
	color:#C00;
	font-size: 0.8em;
	font-weight: bold;
}

/*パネル　イベント*/
.event_panel .date_name{
	text-align:left;
}
.event_panel .date_name a{
	display:inline;
	white-space:normal;
	max-width:inherit;
	overflow:inherit;
	float:none;
}
ul.event_panel{
	width:100%;
	list-style:none;
}
.event_panel li{
	position:relative;
	padding: 4px 0;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 4px;
}
.event_panel li:nth-of-type(even){
}
.event_panel_title,
.event_panel_date,
.event_panel_venue{
	/*padding:1px 0;*/
	white-space: nowrap;
}
.event_panel_title a,
.event_panel_venue{
	overflow: hidden;
	text-overflow: ellipsis;
}
.event_panel_title a{
	display:block;
	/*font-weight:bold;*/
	color: #0033cc;
}
.event_panel_title a:hover{
	text-decoration:underline;
}
/*.event_panel_date{
	width:10em;
	float:left;
}*/

.event_panel_date {
    width: auto;
    /*float: left;*/
    margin-right: 20px;
}
.event_panel .my_events a{
	margin-right:45px;
}
.joined,.posted,.invited{
	padding:2px 6px;
	border-radius:4px;
	white-space:nowrap;
	position:absolute;
	top:2px;
	right:2px;
}
.joined{
	background-color:#9999FF;
}
.posted{
	background-color:#FFCC66;
}
.invited{
	background-color:#7EE78B;
}

/*パネル　RSS*/
.dragbox-content #message{
	padding:5px;
	margin-bottom:5px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.dragbox-content #message:before{
	content:"・";
}
.lh{
	margin-top:-10px;
}
.lh a{
	font-size:small;
}
.lh a b{
	font-size:medium;
}
.lh .p b{
	font-size:90%;
	font-weight:normal;
	margin:auto;
}

/* CM02(研修)パネル*/
.repot_inner{
	width:900px !important;
}
.report_latest_list{
	width:140px;
	float:left;
	padding-left:25px;
}
.rep_list{
	width:100%; 
	height:245px; 
	overflow:auto;
}
.rep_list table{
	margin:0;
	margin-bottom:6px;
}
.rep_list caption{
	padding: 2px;
	font-size: 110%;
	color: #039;
	font-weight: bold;
}
.rep_list thead th{
	border-radius:0;
	background:#eee;
	background:rgba(238,238,238,0.6);
	text-align:center;
}
.rep_list thead th,
.rep_list td{
	border:1px solid #ccc;
}
td.rep_title{
	background:#CCF1FD;
	background:rgba(204,241,253,0.6);
}
td.rep_dead{
	border:none;
}
.rd_type{
	color:#FF0000;
}
.margin_none{
	margin:0px !important;
}
a.closelink {
	display: block;
	float: right;
	position: absolute;
	top: -8px;
	right: -8px;
}

/* 機能パネル　タイトル 色の設定*/
.news_panel .panel_title,
.notice_panel .panel_title{
	background-color:＃afafaf;
}
.member_panel .panel_title,
.connection_panel .panel_title{
	background-color:#CBA3A3;
}
.friends_panel .panel_title{
	background-color:#C6B190;
}
.group_panel .panel_title{
	background-color:#C0ACC1;
}
.event_panel .panel_title{
	background-color:#A9B3D0;
}
.bbs_panel .panel_title{
	background-color:#A9C1A4;
}

/* アイコン設定
-------------------------------*/
li>[class^="icon_"],
span>[class^="icon_"]{
	width:16px;
	height:16px;
	display:inline-block;
	background-repeat:no-repeat;
	margin-right:4px;
	background-size:16px;
	filter:none;
}
.icon_u_search,
.icon_u_clear{
	width:10px;
	height:10px;
	float:left;
	background-repeat:no-repeat;
	margin-right:3px;
	background-size:10px;
	margin-top:3px;
}
li .icon_home,
span.icon_home{
	background-image:url(../../images/bk/home.png);
}
li .icon_profile,
span.icon_profile{
	background-image:url(https://yuryojutaku.com/template/user/images/bk/contact_card.png);
}
li .icon_members,
span.icon_members{
	background-image:url(../../images/bk/user.png);
}
li .icon_friends,
span.icon_friends{
	background-image:url(../../images/bk/notepad.png);
}
li .icon_message,
span.icon_message{
	background-image:url(../../images/bk/mail.png);
}
li .icon_group,
span.icon_group{
	background-image:url(../../images/bk/users.png);
}
li .icon_album,
span.icon_album{
	background-image:url(../../images/bk/picture.png);
}
li .icon_event,
span.icon_event{
	background-image:url(../../images/bk/calendar_1.png);
}
li .icon_blog,
span.icon_blog{
	background-image:url(../../images/bk/chat_bubble_message_square.png);
}
li .icon_news,
span.icon_news{
	background-image:url(../../images/bk/document.png);
}
li .icon_notice,
span.icon_notice{
	background-image:url(../../images/bk/info.png);
}
li .icon_file,
span.icon_file{
	background-image:url(../../images/bk/download.png);
}
li .icon_support,
span.icon_support{
	background-image:url(../../images/bk/lightbulb.png);
}
li .icon_logout,
span.icon_logout{
	background-image:url(../../images/bk/export.png);
}
.icon_archive{
	background-image:url(../../images/bk/folder_arrow.png);
}
.icon_open_msg{
	background-image:url(../../images/bk/mail_open.png);
}
.icon_search{
	background-image:url(../../images/bk/zoom.png);
}
.icon_u_search{
	background-image:url(../../images/bk/zoom.png);
}
.icon_u_trash{
	background-image:url(../../images/bk/trash.png);	
}
.icon_setting{
	background-image:url(../../images/bk/wrench_plus.png);
}
.icon_rss{
	background-image:url(../../images/bk/rss_sq.png);
}
.icon_refresh{
	background-image:url(../../images/bk/refresh.png);
}
li .icon_payment,
span.icon_payment{
	background-image:url(../../images/bk/calc.png);
}
.icon_comment{
	background-image:url(../../images/bk/spechbubble.png);
}
li .icon_bbs,
span.icon_bbs{
	background-image:url(../../images/bk/spechbubble_2.png);
}
li .icon_seminar,
span.icon_seminar{
	background-image:url(../../images/bk/doc_lines.png);
}
li .icon_report,
span.icon_report{
	background-image:url(../../images/bk/doc_lines_stright.png);
}
li .icon_survey,
span.icon_survey{
	background-image:url(../../images/bk/air_signal.png);
}
.icon_password{
	background-image:url(../../images/bk/padlock_closed.png);
}
.icon_cert{
	background-image:url(../../images/bk/cert.png);
}
.icon_cart{
	background-image:url(../../images/bk/shop_cart.png);
}
.icon_grouphome{
	background-image:url(../../images/bk/grouphome.png);
}
.icon_my_list,
.icon_all_list{
	margin-right: 2px !important;
	width: 16px;
	height: 16px;
	background-position: center;
	border-radius: 4px;
	background-size: 12px;
}
.icon_my_list{
	background-image:url(../../images/gray/arrow_turnright.png);
}
.icon_all_list{
	background-image:url(../../images/wh/arrow_left.png);
}
.icon_all_list{
	background-image:url(../../images/bk/my.png);
}

/* status icon */
.icon_active,
.icon_inactive{
	width:16px;
	height:16px;
	display:inline-block;
	margin:0 2px;
}
.icon_active{
	background-image:url(../../images/status_active.png);
}
.icon_inactive{
	background-image:url(../../images/inactive.png);
}

/*current　設定*/
li.current .icon_profile{
	background-image:url(../../images/wh/contact_card.png);
}
li.current .icon_members{
	background-image:url(../../images/wh/user.png);
}
li.current .icon_friends{
	background-image:url(../../images/wh/notepad.png);
}
li.current .icon_message{
	background-image:url(../../images/wh/mail.png);
}
li.current .icon_group{
	background-image:url(../../images/wh/users.png);
}
li.current .icon_album{
	background-image:url(../../images/wh/picture.png);
}
li.current .icon_event{
	background-image:url(../../images/wh/calendar_1.png);
}
li.current .icon_blog{
	background-image:url(../../images/wh/chat_bubble_message_square.png);
}
li.current .icon_news{
	background-image:url(../../images/wh/document.png);
}
li.current .icon_notice{
	background-image:url(../../images/wh/info.png);
}
li.current .icon_file{
	background-image:url(../../images/wh/download.png);
}
li.current .icon_support{
	background-image:url(../../images/wh/lightbulb.png);
}
li.current .icon_search,
.icon_search_wh{
	background-image:url(../../images/wh/zoom.png);
}
li.current .icon_setting{
	background-image:url(../../images/wh/wrench_plus.png);
}
li.current .icon_payment{
	background-image:url(../../images/wh/calc.png);
}
li.current .icon_bbs{
	background-image:url(../../images/wh/spechbubble_2.png);
}
li.current .icon_seminar{
	background-image:url(../../images/wh/doc_lines.png);
}
li.current .icon_report{
	background-image:url(../../images/wh/doc_lines_stright.png);
}
li.current .icon_survey{
	background-image:url(../../images/wh/air_signal.png);
}
li.current .icon_password{
	background-image:url(../../images/wh/padlock_closed.png);
}
li.current .icon_cert{
	background-image:url(../../images/wh/cert.png);
}

/*アイコン　タイトルに使用時*/
h1 span{
	margin-top:4px;
	margin-right:4px;
}
h1 span[class^="icon_"]{
	margin-left:6px;
}

/*アイコン　検索ボックス*/
.date_set input[type="text"]{
	width:8.5em !important;
}
label.date_set{
}

.icon_calendar{
	background-image:url(../../../common/images/icon_bk_32.png);
	background-size:310px;
	width:16px;
	height:16px;
	background-position:-24px -271px;
	position:absolute;
	bottom:2px;
	right:10px;
}

.icon_list_view,
.icon_block_view{
	background-image:url(../../../common/images/icon_bk_32.png);
	background-size:480px;
	width:24px;
	height:24px;
	display:inline-block;
}
.icon_list_view{
	background-position:-68px -4px;
}
.icon_block_view{
	background-position:-36px -4px;
}

/*--- 画像ボックス
-------------------------------*/
.member_img img,
.member_img2 img,
.member_img3 img,
.member_img4 img,
.sm_img img,
.member_img_head img,
.group_img img,
.photo_img img,
.album_cover img,
.li_inner .member_cover img,
.e_comment_img img,
.user_list_image img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.member_img img[data-greater],
.member_img2 img[data-greater],
.member_img3 img[data-greater],
.member_img4 img[data-greater],
.g_member_img img[data-greater],
.g_member_img2 img[data-greater],
.sm_img img[data-greater],
.member_img_head img[data-greater],
.group_img img[data-greater],
.photo_img img[data-greater],
.album_cover img[data-greater],
.li_inner .member_cover img[data-greater],
.e_comment_img img[data-greater],
.user_list_image img[data-greater]{
    left: 50%;
    top: 50%;
	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* --横幅の方が大きい場合-- */
.member_img img[data-greater=width],
.member_img2 img[data-greater=width],
.member_img3 img[data-greater=width],
.member_img4 img[data-greater=width],
.g_member_img img[data-greater=width],
.g_member_img2 img[data-greater=width],
.sm_img img[data-greater=width],
.member_img_head img[data-greater=width],
.group_img img[data-greater=width],
.photo_img img[data-greater=width],
.album_cover img[data-greater=width],
.li_inner .member_cover img[data-greater=width],
.e_comment_img img[data-greater=width],
.user_list_image img[data-greater=width]{
	width:  auto;
	max-width:inherit !important; 
}
/* --縦幅の方が大きい場合-- */
.member_img img[data-greater=height],
.member_img2 img[data-greater=height],
.member_img3 img[data-greater=height],
.member_img4 img[data-greater=height],
.g_member_img img[data-greater=height],
.g_member_img2 img[data-greater=height],
.sm_img img[data-greater=height],
.member_img_head img[data-greater=height],
.group_img img[data-greater=height],
.photo_img img[data-greater=height],
.album_cover img[data-greater=height],
.li_inner .member_cover img[data-greater=height],
.e_comment_img img[data-greater=height],
.user_list_image img[data-greater=height]{
	height: auto; 
}
	
/*テーブル等・幅スタイル*/
.w01{width:1em;}
.w02{width:2em;}
.w03{width:3em;}
.w04{width:4em;}
.w05{width:5em;}
.w06{width:6em;}
.w07{width:7em;}
.w08{width:8em;}
.w09{width:9em;}
.w10{width:10em;}
.w11{width:11em;}
.w12{width:12em;}
.w13{width:13em;}
.w14{width:14em;}
.w15{width:15em;}
.w16{width:16em;}
.w17{width:17em;}
.w18{width:18em;}
.w19{width:19em;}
.w20{width:20em;}
.w21{width:21em;}
.w22{width:22em;}
.w23{width:23em;}
.w24{width:24em;}
.w25{width:25em;}
.w26{width:26em;}
.w27{width:27em;}
.w28{width:28em;}
.w29{width:29em;}
.w30{width:30em;}

/* サイトマップ
-------------------------------*/
.sitemap_title{
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:3px 8px;
	background:#ccc;
	border-bottom:1px dotted #666;
}
ul.sitemap{
	list-style:none;
	margin-bottom:1em;
}
ul.sitemap li{
	padding:1px;
}
ul.sitemap>li{
	background-image:url(../../images/sitemap_line1.png);
	background-repeat:no-repeat;
	padding-left:28px;
}
ul.sitemap>li:last-child{
	background-image:url(../../images/sitemap_line3.png);
}
ul.sitemap>li>ul{
	list-style:none;
	background-image:url(../../images/sitemap_line2.png);
	background-repeat:repeat-y;
	margin:2px 0 0px -28px;
	padding-left:2.5em;
}
ul.sitemap>li:last-child>ul,
ul.sitemap>li>ul>li:last-child>ul{
	background-image:none;
}
ul.sitemap>li>ul>li{
	background-image:url(../../images/sitemap_line1.png);
	background-repeat:no-repeat;
	padding-left:28px;
}
ul.sitemap>li>ul>li:last-child{
	background-image:url(../../images/sitemap_line3.png);
}
ul.sitemap>li>ul>li>ul{
	list-style:none;
	background-image:url(../../images/sitemap_line2.png);
	background-repeat:repeat-y;
	margin:1px 0 -1px -28px;
	padding-left:3em;
}
ul.sitemap>li>ul>li>ul>li{
	background-image:url(../../images/sitemap_line1.png);
	background-repeat:no-repeat;
	padding-left:28px;
}
ul.sitemap>li>ul>li>ul>li:last-child{
	background-image:url(../../images/sitemap_line3.png);
}

ul.other_menu{
	list-style:disc;
	margin-top:1em;
	margin-left:3em;
}
ul.other_menu>li{
	background-image:none;
	padding-left:inherit;
}
ul.other_menu>li:last-child{
	background-image:none;
}
ul.other_menu>li>ul{
	background-image:none;
}

/* CMSコンテンツ */
.dynamic_content ul,
.dynamic_content ol{
	margin-left:2em;
}

/*フォーム基本デザイン
-----------------------------------------------------------------------------*/

/*ステップ表示*/
.form_step ul{display:table; table-layout:fixed; width:100%; border-collapse:separate; margin-bottom:1em;}
.form_step li{display:table-cell; padding:2px; text-align:center;}
.form_step li:first-child{width:50%;}
.form_step li span{display:block; padding:6px; color:#999; border-bottom:2px solid #999;}
.form_step li.active span{font-weight:bold; color:#399; border-bottom-color:#399;}

/*フォームブロック*/
.form_introduction,
.form_field,
.form_text,
.form_submit{
	padding:6px;
}
.form_field{
}
.group-field-title{
	color:#666;
	font-weight:bold;
}
dl.form_list{
}
dl.form_list:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.form_list dt,
.form_list dd{
	float:left;
	padding:6px;
}
.form_list dt{
	clear:both;
}
.form_list input[type="text"],
.form_list textarea{
	width:100%;
}
/*テキストブロック*/
.form_text{
}
/*送信ブロック*/
.form_submit{
	text-align:center;
}
.form_submit input[type="button"],
.form_submit input[type="submit"]{
	min-width:220px;
	padding:4px;
	font-size:120%;
	background:#eee;
	color:#333;
}
.form_submit input[type="submit"]{
	background:#ccc;
}
.form_submit input[type="submit"]:hover{
	background:#999;
}
.form_submit input[type="button"]:hover{
	background:#ccc;
}
.form_require{
	margin:6px;
}

.form_foot{
	clear:both;
}

/*ポップアップウインドウ*/
input#alert_button {
	display: block;
	margin-top: 20px;
}
.simpleColorDisplay {
	height: 200px;
	width: 100%;
	float: left;
	margin-bottom: 8px;
	margin-right:8px;
}
.simpleColorChooser{
	position:absolute;
	top:100px;
	background:#fff;
}
.main_select_prof .simpleColorChooser{
	left:160px;
}
.inner_div_new{  background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.7;
    overflow: hidden;
    position: fixed;
	 overflow-x: hidden; 
    top: 0;
    width: 100%;
	display:none;
}
.inner_div_new_img{ 
	top: 45%; 
	z-index:100;
	position:absolute;
	left: 45%; 
	display:none;
}
.inner_div_new_img img{ 
	width:43px;
	height:43px;
}
#content {
	background-image: url(../../images/trans_back.png);
	margin:0;
	color: #6D6D6D;
	padding:10px;
	font-size: 12px;
}
.popup_content{
	width:90%; margin:auto; margin-top:140px;
}
#error{
	font-size:90%;
	color:#F00;
}

/*Facebook Google ログイン*/
#facebook_login img,#google_login img{
	width:25px;
}

/*注意書き・説明エリア*/
.alert_area,
.explain_area{
	background-repeat: no-repeat;
	background-position: 6px 6px;
	background-size: 16px;
	padding: 8px;
	padding-left: 30px;
	border: 1px dashed #ccc;
	border-radius: 6px;
	line-height: 1.4em;
	margin: auto;
	width: 96%;
	margin-top:10px;
}
.alert_area{
	background-image:url(../../images/bk/alert.png);
}
.explain_area{
	background-image:url(../../images/bk/explain.png);
}

/*--- 使用方法補足表示 ---*/
.manual_area{
	background-color:rgba(255,255,255,0.6);
	background-image: url(../../../admin/images/bk/explain.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	background-size: 16px;
	padding: 8px;
	padding-left: 30px;
	margin: 4px;
	border: 1px dashed #ccc;
	border-radius: 6px;
	line-height: 1.4em;
	font-size:12px;
}
.manual_area ul{
	margin:6px;
	padding-left:20px;
}
.manual_area li{
	font-size:12px;
}

/* ユーザーステータス */
.block_sub_sub3>span{
	display:inline-block;
	background-image:url(https://yuryojutaku.com/template/common/images/status_icon.png);
	background-size:120px auto;
	height:20px;
	width:20px;
}
.block_sub_sub3>span.public_all{
	background-position:0px -24px;
}
.block_sub_sub3>span.public_friend{
	background-position: -24px -24px;
}
.block_sub_sub3>span.public_group{
	background-position: -48px -24px;
}
.block_sub_sub3>span.public_f_g{
	background-position: -72px -24px;
}
.block_sub_sub3>span.public_closed{
	background-position: -24px 0px;
}
.block_sub_sub3>span.arrow_down{
	background-position: -24px -48px;
}

/* Group Panel */
.panel_group_list li{
	padding:4px 0;
	border-bottom:1px dashed #ccc;
	margin-bottom:4px;
}
.panel_album,
.panel_bbs,
.panel_bbs_comment,
.panel_event,
.panel_file,
.panel_mybbs,
.panel_mybbs_comment{
	float:left;
	background-image:url(../../../common/images/icon_bk_32.png);
	background-size:360px auto;
	width:24px;
	height:20px;
	margin-top:-2px;
	margin-right:4px;
}
.panel_album{
	background-position:-72px -316px;
}
.panel_bbs{
	background-position:0px -242px;
}
.panel_bbs_comment{
	background-position:0px -242px;
}
.panel_event{
	background-position:-24px -314px;
}
.panel_file{
	background-position:-216px -72px;
}
.panel_mybbs{
	background-position:0px -242px;
}
.panel_mybbs_comment{
	background-position:0px -242px;
}

.panel_group_title,
.panel_group_details{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.panel_group_title>a{
	/*font-weight:bold;*/
	color:#0033cc;
}
.panel_group_title>a:hover{
	text-decoration:underline;
}
.panel_group_details>a{
	color:#666;
	text-decoration:underline !important;
}
.m01_added_date{
	float: left;
	width:3.5em;
}

/* C231 file function
------------------------------------------------------------------------------------*/
/* file list file_list_extend */

ul.file_list_extend{
  clear:left;
  list-style:none;
  width:98%;
  margin:auto;
}
.file_list_extend>li{
  padding:10px 4px;
  border-bottom:1px solid #ccc;
}
.file_list_extend>li:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.file_list_extend .file_desc{
	color:#666;
	margin-left:4px;
	padding:2px;
}

/* category list */
.file_description{
	margin:10px auto;
}
.file_description:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.sub_category,
.title_link{
	position:relative;
	border-bottom:1px solid #ccc;
	padding:4px;
}
.sub_category_title,
.title_link_title{
	font-weight:bold;
	padding:2px;
}
.title_link_title a{
	color:#00c;
}
.sub_category_desc,
.title_link_desc{
	color:#666;
	margin-left:4px;
	padding:2px;
}
.title_link_desc{
	padding-bottom:1.4em;
}
.title_link_thumb{
	float:left;
	padding:2px 8px;
}
.title_link_thumb img{
	max-width:80px;
	height:auto;
}
.title_link_thumb span{
	display:table-cell;
	width:76px;
	height:100px;
	border:2px solid #ccc;
	background-color:#eee;
	text-align:center;
	vertical-align:middle;
	color:#999;
	font-weight:bold;
	font-size:90%;
}
.sub_category>.usc_title{
	border-bottom:1px dashed #ccc;
}
.sub_category>.usc_title:last-child{
	border-bottom:none;
}
.usc_title{
	position:relative;
	padding:8px 0;
}
.title_link:after,
.usc_title:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}
.view_title_more{
	position:absolute;
	bottom:4px;
	right:4px;
	text-align:right;
}
.view_title_more a{
	color:#06F;
}
.view_title_more a:before{
	content:"▼";
	transform:rotate(-90deg);
	display:inline-block;
}


/* file group detail */
fieldset.rerated_files{
  margin: 8px 0 8px 10px;
  padding:0 6px;
  border:1px solid #999;
}
.rerated_files legend{
  padding:6px;
  font-weight:bold;
  color:#666;
}
.rerated_files ul{
  margin-left:2em;
  margin-bottom:1em;
}
.rerated_files ul li a{
  color:#0033cc;
}



/* design test */
ul.file_side_menu{
}
.file_side_menu li{
	position:relative;
}
.parent-cat-link,
.sub-cat-link{
	cursor:pointer;
	position:absolute;
	top:3px;
	left:20px;
	transform:rotate(-90deg);
}
.sub-cat-link{
	left:3px;
}
.parent-cat-link:hover,
.sub-cat-link:hover{
	color:#06F;
}
.cat-link-open{
	transform:none;
}
ul.first-level{
	margin-left:36px;
}
ul.second-level{
	margin:4px;
	margin-left:18px;
}
ul.first-level a,
ul.second-level a{
	padding:4px !important;
}
.submenu li a.p_cat_a,
.submenu li a.s_cat_a{
	padding:4px;
}
a.p_cat_a{
	padding-left:36px !important;
}
ul.first-level a.s_cat_a{
	padding-left:18px !important;
}
.file_side_menu li a:before,
.file_side_menu li a:after{
	content:none !important;
}

#filelist>div:last-child{margin-bottom:8px;}
a.file_select{
	margin: 0 auto;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #858585;
    text-decoration: none;
}
/* 文字色指定 */
span.primary{color:#39c;}
span.success{color:#1635ff;}
span.unimportant{color:#999;}
span.warning{color:#ed0000;}
span.info{color:#00ae14;}

/* クリア */
.clearfix:before,.clearfix:after{
	content:"";
	display:table;
}
.clearfix:after{
	clear:both;
}