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

/* メニューエリア　※グローバルメニューとサイドメニューを内包する要素
-------------------------------*/
.menu_area{
	position: relative;
}

/* グローバルメニュー
-------------------------------*/
#global_menu{
}

/*　メインメニュー　*/
#global_menu > ul{
	display:table;
	width:100%;
	margin:auto;
	position: absolute;
	top: -43px;
}
#global_menu>ul>li{
	display:table-cell;
	list-style:none;
	position:relative;
	min-width:7em;
	background-color: #A6A6A6;
	border-right: 1px solid #E8E8E8;
}
#global_menu>ul>li:last-child{
	border-right:none;
}
#global_menu>ul>li.current{
	color: #333;
	height:42px;
}
#global_menu>ul>li:hover{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#global_menu>ul>li.current:hover{
	background: #dbdbdb; /* Old browsers */
	background: -moz-linear-gradient(top,  #dbdbdb 27%, #A6A6A6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#dbdbdb), color-stop(100%,#A6A6A6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dbdbdb 27%,#A6A6A6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dbdbdb 27%,#A6A6A6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dbdbdb 27%,#A6A6A6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dbdbdb 27%,#A6A6A6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#A6A6A6',GradientType=0 ); /* IE6-9 */
}
#global_menu>ul>li>a{
	display:block;
	height: 42px;
	line-height: 42px;
	font-size:12px;
	background:#fff;
	color:#666;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
}
#global_menu>ul>li.current>a{
	background-color:rgba(218,218,218,0.8);
	font-weight:bold;
}
#global_menu>ul>li>a:hover {
 background:#f5f5f5;
}

#global_menu li a span{
	float:none !important;
}

/*　メニュー二階層目　※マウスオーバーで表示　*/
#global_menu>ul>li:hover>ul{
	/*display:block;*/
}
#global_menu>ul>li>ul{
	display:none;
	list-style:none;
	position:absolute;
	top:37px;
	left:0;
	cursor:auto;
	width:150%;
	z-index:81;
}
#global_menu>ul>li>ul>li{
	background-color:#5a5a5a;
	border-left:2px solid #929292;
	border-right:2px solid #6B6B6B;
	border-bottom:1px dotted #a7a7a7;
}
#global_menu>ul>li>ul>li:first-child{
	border-top:2px solid #929292;
	border-radius:4px 4px 0 0;
}
#global_menu>ul>li>ul>li:last-child{
	border-bottom:2px solid #6B6B6B;
	border-radius:0 0 4px 4px;
}
#global_menu>ul>li>ul>li:first-child:before{
	content:"▲";
	color:#e5e5e5;
	position:absolute;
	top:-23px;
	left:31%;
	opacity:0.8;
}
#global_menu>ul>li>ul>li>a{
	display:block;
}
#global_menu>ul>li>ul>li>a:hover{
	background-color:#616161;
	color:#fefefe;
	text-decoration:none;
}

/*　メニュー三階層目　※非表示　*/
#global_menu>ul>li>ul>li>ul{
	display:none;
}

/*　「会員専用」メニュー背景色　*/
#global_menu>ul>li.home_class{
	background: #d2e2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #d2e2f2 0%, #d2e2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2e2f2), color-stop(100%,#d2e2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d2e2f2 0%,#d2e2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d2e2f2 0%,#d2e2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d2e2f2 0%,#d2e2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d2e2f2 0%,#d2e2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2f2', endColorstr='#d2e2f2',GradientType=0 ); /* IE6-9 */

}

/* サイドメニュー
-------------------------------*/

/*　ログイン・新規登録ボタン(非CMSサイト用）　*/
.or_login_btn a,
.or_register_btn a{
	display:block;
	padding:6px;
	text-align:center;
	margin-bottom:10px;
}
.or_login_btn a{
	background-color:#666;
	color:#eee;
}
.or_register_btn a{
	background-color:#ccc;
	color:#666;
}
.or_login_btn a:hover,
.or_register_btn a:hover{
	opacity:0.7;
}

/*グローバルメニュー　ユーザーセンターアイコン*/
#global_menu .user_btn{
	width: 22px;
  height: 22px;
  top: 7px;
  left: 13px;
	display:none;
}

/* サブメニュー　※サイドメニュー内に表示するサブメニュー */
ul.submenu{
	list-style:none;
}
.submenu ul{
	list-style:none;
}
.submenu >li{
 line-height:1.4em;
}
.submenu>li:first-child{
}
.submenu>li:last-child{
	margin-bottom:1em;
}
.submenu li a{
	display:block;
	padding: 8px 18px 8px 23px;
	font-size:90%;
}

/*　サブメニュー一階層目　※グローバルナビと同じ　*/
.submenu>li>a{
	background-color:#fefefe;
	color:#909090;
	padding:12px 0;
	padding-left:14px;
	font-size:110%;
}
.submenu>li.index_class>a{
	display:none;
}
.submenu>li.home_class >a,
.submenu>li.current >a{
}

/*　サブメニュー二階層目　※　*/
.submenu>li>ul>li{
	background-color:#fff;
	position:relative;
}
.submenu>li>ul>li:last-child{
	border-bottom:0;
}
.submenu>li>ul>li.current>a{
	background-color:#999;
	color:#eee;
}
.submenu>li>ul>li>a:hover{
	background-color:#ccc;
	color:#666;
}

.submenu>li>ul>li>a:after {
	content:"";
	display:block;
	background-image:url(../../../common/images/icon_bk_32.png);
	background-size:240px auto;
	background-position:-144px -32px;
	width:16px;
	height:16px;
	position: absolute;
	right: 2px;
	top: 8px;
	opacity:0.2;
}
.submenu>li>ul>li.current>a:after{
	background-position:-128px -32px;
}
/*　サブメニュー三階層目　※二層目がcurrentの時に表示　*/
.submenu>li>ul>li>ul{
	font-size: 90%;
	list-style: none;
}
.submenu>li>ul>li>ul>li {
	border-right: none;
	border-top: none;
}
.submenu>li>ul>li>ul>li>a{
	border: none;
	padding-left:30px;
}
.submenu>li>ul>li>ul>li>a:before{
	content:"";
	display:inline-block;
	background-image:url(../../../common/images/icon_bk_32.png);
	background-size:480px auto;
	background-position:-262px -490px;
	width:12px;
	height:12px;
	padding-right: 7px;
	position: relative;
	opacity:0.3;
}
.submenu>li>ul>li>ul>li:last-child{
}
.submenu>li>ul>li>ul>li.current>a{
	background-color:#ccc;
	color:#333;
}
.submenu>li>ul>li>ul>li>a:hover{
	background-color:#eee;
}

/*　ユーザーセンターボタン　*/
.submenu li.user_center_btn {
	position:relative;
}
.user_btn{
	width: 22px;
	height: 22px;	
	top: 5px;
	left: 12px;
	position:absolute;
	overflow: hidden;
	border: 1px solid #fff;
}
.user_btn img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.user_btn 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%);
}
.user_btn img[data-greater=width]{
	width:  auto;
	max-width:inherit !important;
}
.user_btn img[data-greater=height]{
	height: auto;
}

/*　サブメニュー用ログイン・新規登録　*/
.submenu>li.login_menu,
.submenu>li.register_menu{
	margin-bottom:10px;
}
.submenu>li.login_menu>a,
.submenu>li.register_menu>a{
	padding:12px 0;
	position:relative;
	text-align:center;
}
.submenu>li.login_menu>a{
	color:#eee;
	background-color:#999;
}
.submenu>li.register_menu>a{
	color:#eee;
	background-color:#777;
}
.submenu>li.login_menu>a>span,
.submenu>li.register_menu>a>span{
	position:absolute;
	top:4px;
	left:16px;
	width:32px;
	height:32px;
	background-image:url(../../../common/images/icon_wh_32.png);
}
.submenu>li.login_menu>a>span{
	background-position:-32px -384px;
}
.submenu>li.register_menu>a>span{
	background-position:-448px -384px;
}
.submenu>li.login_menu>a:hover,
.submenu>li.register_menu>a:hover{
	opacity:0.8;
	text-decoration:underline;
}

/*　サブメニュー表示用アイコン設定　*/
ul.submenu>li>ul>li>a{
	padding-left:12px;
}
ul.submenu>li>ul>li>a>span{
	background-image:url(../../../common/images/icon_bk_32.png);
	background-size:360px auto;
	background-position:24px;
	width:24px;
	height:24px;
	float:left;
	margin-top:-3px;
	margin-right:4px;
}
ul.submenu li.user_center_btn>a>span{
	background:none;
}
ul.submenu li.message_menu>a>span{
	background-position:0 -120px;
}
ul.submenu li.search_menu>a>span{
	background-position:-288px -72px;
}
ul.submenu li.friend_menu>a>span{
	background-position:-216px -336px;
}
ul.submenu li.connection_menu>a>span{
	background-position:-168px -288px;
}
ul.submenu li.news_menu>a>span{
	background-position:-24px -144px;
}
ul.submenu li.notice_menu>a>span{
	background-position:-144px -144px;
}
ul.submenu li.file_menu>a>span{
	background-position:-216px -72px;
}
ul.submenu li.group_menu>a>span{
	background-position:-96px -216px;
}
ul.submenu li.event_menu>a>span{
	background-position:-24px -312px;
}
ul.submenu li.bbs_menu>a>span{
	background-position:-24px -240px;
}
ul.submenu li.payment_menu>a>span{
	background-position:-48px -312px;
}
ul.submenu li.survey_menu>a>span{
	background-position:-288px -144px;
}
ul.submenu li.poll_menu>a>span{
	background-position:-192px -192px;
}
ul.submenu li.seminar_menu>a>span{
	background-position:0 -144px;
}
ul.submenu li.report_menu>a>span{
	background-position:0 -144px;
}

/*　サイトマネージャー リスト　*/
.left_members{
	font-size: 11px;
	padding:0;
	margin: 20px 10px;
}
.left_members h2{
	color:#3E5039;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	border-radius:;
	border-left: none;
	background-color:#eee;
}
.left_members ul {
	margin:0;
	list-style-type:none;
}
.left_members ul li{
	clear:both;
	line-height:1.2em;
	background-color:#fefefe;
	padding:8px;
	border-bottom:1px dashed #ccc;
}
.left_members ul li:hover{	}

.left_members ul li a{
	display:block;
	color:#333;
	text-decoration:none;
	position:relative;
	z-index:1;
}
.left_members ul li a:hover{
	color:#156E11;
}
.left_members ul li a:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

.left_members ul li:last-child{
	border-bottom:0;
	border-radius:0 0 4px 4px;
}
.sm_img{
	position:relative;
	width:40px;
	height:40px;
	float:left;
	text-align:center;
	overflow:hidden;
	margin-right:4px;
}

/*　ユーザー関連ページ用共通メニュー　*/
#drop_menu,#drop_e_menu,#drop_g_menu{
	display:table;
	table-layout:fixed;
	list-style-type: none;
	width: 100%;
	padding: 0;
	position: relative;
	background-image: url("../../images/user_menu_bg.png");
	border: 1px solid #d5d5d5;
	border-collapse: collapse;
}
#drop_menu .usm_center,#drop_e_menu .usm_center,
#drop_menu .usm_home,#drop_e_menu .usm_home,#drop_g_menu .usm_home{
	width:50px;
}
.usm_center img,
.usm_home img{
	margin-bottom:-3px;
}
#drop_menu>li,
#drop_e_menu>li,
#drop_g_menu>li{
	display:table-cell;
	position:relative;
	margin: 0;
	padding: 0;
	text-align:center;
	line-height:34px;
	border-collapse:collapse;
	background-color:#dadada;
	box-shadow:1px 0px #d5d5d5;
	font-size:12px;
	z-index:80;
}
#drop_menu>li.current,
#drop_e_menu>li.current,
#drop_g_menu>li.current{
	background: -moz-linear-gradient(top,  #eee 0%, #ccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eee 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eee 0%,#ccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eee 0%,#ccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eee 0%,#ccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
}
#drop_menu>li>a,
#drop_e_menu>li>a,
#drop_g_menu>li>a{
	display:block;
	text-decoration:none;
	color:#666;
}
#drop_menu>li.selected,
#drop_e_menu>li.selected,
#drop_g_menu>li.selected,
#drop_menu>li>a:active,
#drop_e_menu>li>a:active,
#drop_g_menu>li>a:active{
	background-color:transparent;
	font-weight:bold;
}
#layer_message,
#layer_activity,
#layer_friends,
#layer_payment,
#layer_settings,
#layer_user_settings{
	display:none;
	position:relative;
}
#drop_menu>li>ul,
#drop_e_menu>li>ul,
#drop_g_menu>li>ul{
	list-style:none;
	margin:0;
	padding:0;
	background-color:rgba(254,254,254,1);
	text-align:left;
	font-size:11px;
	z-index:88;
	border-radius: 0 0 5px 5px;
	position:absolute;
	top:35px;
	width:100%;
}
#drop_menu li ul li{

}	
#drop_menu li ul li a,
#drop_e_menu li ul li a,
#drop_g_menu li ul li a{
	display:block;
	text-decoration:none;
	color:#333;
	width:100%;
	height:35px;
	text-indent:12px;
}
#drop_menu li ul li:first-child,
#drop_e_menu li ul li:first-child,
#drop_g_menu li ul li:first-child{
  border-top: 0;
}
#drop_menu li ul li:last-child{
}
#drop_menu li ul li:last-child a,
#drop_e_menu li ul li:last-child a,
#drop_g_menu li ul li:last-child a{
  border-radius: 0 0 5px 5px;
}
#drop_menu li ul li:hover a,
#drop_e_menu li ul li:hover a,
#drop_g_menu li ul li:hover a{
	background-color:#999;
	color:#fefefe;
}
#drop_menu li ul a:active,
#drop_e_menu li ul a:active,
#drop_g_menu li ul a:active{
	background-color:#999;
	color:#fefefe;
}
.mymenu_alert{
	display:inline-block;
	background-color: #47BDFF;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	box-shadow: 0px 0px 6px #00A3FF;
	margin-left:6px;
}
.mail_count{
	float:right;
	padding:4px;
	margin-right:7px;
	background-color:#C33;
	color:#fff;
	border-radius:6px;
	height:12px;
	min-width:12px;
	line-height:12px;
	margin-top:10px;
	text-align:center;
	cursor:pointer;
}

/*サイドメニュー*/
#sd_disp:hover{
	opacity:0.5;
}



/*機能内移動メニュー 主にM031で使用*/
.function_menu{
  float: right;
  width: 28%;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #dadada;
  background-color: #fefefe;
}

.function_menu ul{
	border-bottom:none;
	float:none;
	width:100%;
	margin-top:2px;
	list-style:none;
}
.function_menu ul li{
  
  position:relative;
  width: 100%;
  box-sizing: border-box;
}
.function_menu >ul >li{
	margin-left:5px;
	border-bottom: 1px solid #EBEBEB;
}
.function_menu >ul >li:last-child{
	border-bottom:none;
}
.function_menu>ul>li>a,
.function_menu>ul>li>ul>li>a{
	display:block;
	padding: 9px 15px;
	padding-right:24px;
}
.function_menu >ul >li >a:after{	
	content: "▼";
  color: #dadada;
  position: absolute;
  right:7px;
  top:7px;
}
.function_menu ul li ul li a:before{
  content:url(../../images/button03.png);
  opacity:0.3;
  padding-right: 7px;
  position: relative;
  
}
.function_menu_title{
  padding: 4px 15px;
  background-color: #E8E8E8;
  position:relative;
}
.fc_menu_toggle{
	display:none;
}