@charset "UTF-8";
/* CSS Document */
html{
	overflow:auto;
	height:100%;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	overflow-x:hidden;
	min-width:1020px;
	color:#333;
	height:100%;
}
img{
	max-width:100%;
}
.all{
	/* overflow-x:hidden; */
}
.arial{
	font-family:Arial, Helvetica, sans-serif;
}
a{
	color:#333;
}
.hover:hover{
	opacity:0.8;
}
a:hover{
	opacity:0.8;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt90{
	margin-top:90px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:60px;
}
.mb70{
	margin-bottom:70px;
}
.mb80{
	margin-bottom:80px;
}
.mb90{
	margin-bottom:90px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mr30{
	margin-right:30px;
}
.mr40{
	margin-right:40px;
}
.ml10{
	margin-left:10px;
}
.ml50{
	margin-left:50px;
}
.ml80{
	margin-left:80px;
}
.pb10{
	padding-bottom:10px;
}
.pb50{
	padding-bottom:50px;
}
.fwb{
	font-weight:bold;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}
.fs8{
	font-size:8px;
}
.fs12{
	font-size:12px;
}
.fs14{
	font-size:14px;
}
.fs18{
	font-size:18px;
}
.fs20{
	font-size:20px;
}
.fs24{
	font-size:24px;
}
.fs30{
	font-size:30px;
}
.verticalTop{
	vertical-align:top;
}
table th{
	font-weight:normal;
}
.w100{
	width:100%;
}
#container{
	margin:0 auto;
	width:1020px;
	min-height:100%;
	position:relative;
}
.ippai{
	margin-right:-500%;
	margin-left:-500%;
	padding-right:500%;
	padding-left:500%;
}
.tdn{
	text-decoration:none;
}
.w80{
	width:80%;
}
.marginAuto{
	margin-right:auto;
	margin-left:auto;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* ヘッダー*/

header{
	height:60px;
	background-color:#FFFFFF;
}
.header-left{
	float:left;
	padding:22px 0px;	
}
.header-right{
	width: 362px;
	float:right;
	padding: 5px 0px 12px;
	position:relative;
}
.login_right_content {
	margin-top: 18px;
    position: relative;
}
.sign-in{
	float:left;
	border:1px solid  #7a171c;
	margin-right:15px;
	border-radius:6px;
}
.sign-up{
	float:left;
	border:1px solid  #7A1D1C;
	border-radius:6px;
	background-color:#7a171c;
}
.sign-in a{
	color:#7a171c;
	text-decoration:none;
	display:block;
	padding:5px 20px;
}

.sign-up a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	padding:5px 20px;
}

/* 　トップナビ　*/

.topnav{
	background-color:#7a171c;
	margin-right:-500%;
	margin-left:-500%;
	padding-right:500%;
	padding-left:500%;
	clear:both;
}

.topnav li{
	list-style:none;
	float:left;
	width:14.285%;
	color:#FFFFFF;
	border-left:1px solid #AB7376;
	box-sizing:border-box;
	text-align:center;
	padding:10px 0px;
}
.topnav li:last-child{
	border-right:1px solid #AB7376;
}
.topnav a{
	color:#ffffff;
	text-decoration:none;
}

/*  トップのサインアップページ　*/

.hs-back{
	background-color:#e8ded1;
	padding-top:30px;
	padding-bottom:30px;
}

.hs{
	width:100%;
	height:380px;
	background-color:#FFFFFF;
	margin:0px auto;
}

.hs-left{
	height:380px;
	padding:35px 90px 45px 90px;
	float:left;
}

.hs-right{
	float:left;
	padding:45px 0px;
}

.hsr-top{
	font-size:25px;
	font-weight:bold;
	color:#7A1D1C;
	margin-bottom:60px;
}
.hsr-top h1{
	line-height:1.5em;
}
.hsr-bottom1{
	font-size:25px;
	border-radius:10px;
	background-color:#7a171c;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:15px;
}
.hsr-bottom1 a:hover{
	color:#7a171c;
	background-color:#ffffff;
	opacity:1;
	border:2px solid #7a171c;
	box-sizing:border-box;
}
.hsr-bottom1 a{
	color:#ffffff;
	padding:20px;
	text-decoration:none;
	border-radius:10px;
	display:block;
	border:2px solid #7a171c;
}
.hsr-bottom2{
	text-align:center;
}

.bg_green{
	background-color:#a5cf74;
}
.introduction{
	margin-top:60px;
}
.introduction h2{
	font-size:28px;
	color:#691216;
	margin-bottom:20px;
}
.introduction .intro_txt{
	width:53%;
}
.introduction .intro_img{
	width:35%;
	text-align:center;
	padding-top:20px;
}
.introduction .left{
	float:left;
}
.introduction .right{
	float:right;
}
.intro2{
	margin-top:60px;
}
.for{
	background-color:#f6f4e9;
	padding:15px;
	width:49%;
}
.for.left{
	float:left;
	margin-right:2%;
}
.for.right{
	float:right;
}
.purpose_area{
	padding-top:30px;
	margin-bottom:20px;
}
.purpose{
	border:3px solid #691216;
	padding:15px;
}
.purpose h3{
	font-size:28px;
	color:#691216;
	padding-bottom:10px;
	border-bottom:2px solid #691216;
	display:inline-block;
	margin-bottom:10px;
}
a.more{
	display:block;
	padding:5px 15px;
	position:relative;
	border:1px solid #691216;
	text-decoration:none;
	color:#691216;
	border-radius:2px;
	text-align:center;
	width:110px;
	margin:0 auto;
}
a.more:hover{
	background-color:#691216;
	color:#ffffff;
	opacity:1;
}
a.more:after{
	font-family: "FontAwesome";
	content: "\f105";
	position:absolute;
	right:10px;
	color:#691216;
	top: 5px;
}
a.more:hover:after{
	color:#ffffff;
}
.news_box h2{
	font-size:44px;
	color:#691216;
	margin-bottom:30px;
	text-align:center;
}
.news_area{
	background-color:#e8ded1;
	padding:15px;
}
.border_red_box{
	border:3px solid #691216;
	padding:30px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.purpose ul li{
	list-style-type:initial;
	margin-left:15px;
}
.news_box .left{
	width:25%;
}
.news_box .right{
	width:65%;
	margin-right:30px;
	color:#691216;
}
.news_area .news_box li{
	padding:15px 0 15px 25px;
}
.news_area .news_box li span{
	font-weight:normal;
}
.news_box li{
	border-bottom:1px dotted #cccccc;
	padding:35px 0;
}
.news_box li span{
	margin:0 10px;
	font-weight: bold;
}
.news_box li a{
	text-decoration:none;
	color:#691216;
}
.back-g{
	background-color:#e8ded1;
	padding-top:10px;
	padding-bottom:145px;
	margin-right:-500%;
	margin-left:-500%;
	padding-right:500%;
	padding-left:500%;
}

.mypagetop{
	margin:0 auto;
	width:100%;
}

.mptop{
	margin:20px 0;
	font-weight:bold;
	color:#333333;	
}
.mptop h1{
	font-size:24px;
}

.mp_left{
	width:750px;
	float:left;
}
.mp_right{
	width:250px;
	float:right;
	background-color:#ffffff;
	padding:20px 15px;
}
.mpl_wp{
	background-color:#FFFFFF;
	padding:20px 25px 30px 25px;
	
}
.plans{
	overflow-y: scroll;
	max-height:500px;
}
.mpl_news{
	background-color:#ffffff;
	padding:20px 25px 30px 25px;
}
.mpl_yb{
	background-color:#ffffff;
	padding:20px 25px 30px 25px;
}
.mpl_yb li img{
	border:2px solid #ffffff;
	box-shadow:0 0 5px #ccc;
}
.mpl_news li{
	border-bottom:1px dotted #cccccc;
	padding:15px 0 15px 20px;
	position:relative;
}
.mpl_news li:before{
	font-family: "FontAwesome";
	content: "\f0da";
	position:absolute;
	left:0px;
	color:#7a171c;
}
.mypage_title span{
	float:right;
	font-size:16px;
	color:#ffffff;
	background-color:#7a171c;
	padding:0px 22px;
	border-radius:3px;
	font-weight:normal;
	position:relative;
	text-align:center;
}
.mypage_title span img{
	position:absolute;
	top:9px;
	right:5px;
}
.mpl_news li span{
	margin-right:30px;
}
.mpl_news li a{
	color:#333;
	text-decoration:none;
}
.mpl_news h3{
	margin-bottom:20px;
}

h3.mypage_title{
	font-weight:bold;
	color:#7a171c;
	font-size:24px;
	border-bottom:1px solid #7a171c;
	padding-bottom:10px;
}
.plan{
	border-bottom:1px dotted #cccccc;
	padding-bottom:20px;
}
.plan_right{
	float:right;
	margin:50px 50px 0 0;
}
.come{
	font-size:14px;
}

.wp_img{
	float:left;
	display: inline-block;
	width:105px;
	height:105px;
}
.wp_img img{
	box-shadow: 0px 0px 5px #ccc;
	border:2px solid #ffffff;
	width:105px;
	height:105px;
}
.mpl_yb ul li{
	width:23%;
	margin-right:2.6666%;
	float:left;
	position:relative;
}
.mpl_yb ul li a{
	color:#333;
}
.mpl_yb ul li .online{
	position:absolute;
	color:#2de09a;
	right:0;
	bottom:0;
	font-size:10px
}
.mpl_yb ul li:last-child{
	margin-right:0;
}
.mpl_yb ul li img{
	width:100%;
}
.mpl_yb ul li p{
	text-align:center;
	margin:10px auto 0;
	width:90%;
}
.plan_right a{
	color:#333;
	margin-bottom:10px;
	display:block;
}
.wp_txt{
	float:left;
	font-size:18px;
}

.icon_01{
	float:left;
	margin-left:70px;
}

.icon_02{
	float:left;
	margin-left:20px;
}
.prof_photo{
	width:80px;
	float:left;
	margin-right:10px;
}
.prof_photo img{
	border:2px solid #ffffff;
	box-shadow:0 0 5px #cccccc;
	width:70px;
	height:70px;
}
.name_meat{
	width:130px;
	float:left;
}
.deep_red,a.deep_red,.deep_red a{
	color:#7a171c;
}
.mp_right h4{
	padding-left:30px;
	background-image:url("../img/ico_common05.jpg");
	background-repeat:no-repeat;
	background-position:left center;
}
.group_list ul,.topics_list ul{
	margin-left:30px;
}
.group_list ul li,.topics_list ul li{
	position:relative;
	padding-left:15px;
	margin:8px 0;
}
.group_list ul li:after,.topics_list ul li:after{
	font-family: "FontAwesome";
	content: "\f105";
	position:absolute;
	left:0px;
	color:#7a171c;
	font-size:18px;
}
.group_list ul li a,.topics_list ul li a{
	color:#333;
}
.topics_list{
	border-bottom:1px solid #e5e5e5;
	padding:15px 0;
}
.group_list{
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:15px 0;
}
.my_info{
	padding-bottom:20px;
}
.gift{
	padding-top:15px;
}
.gift ul li{
	width:50%;
	float:left;
	margin:10px 0;
}
.gift ul li span{
	color:#7a171c;
	margin:20px 0 0 5px;
	display:inline-block;
}
.pankuzu{
	font-size:12px;
}
.pankuzu a{
	color:#333333;
}
.white_board{
	background-color:#ffffff;
	border:10px solid #d2d2d2;
	border-radius:10px;
	padding:30px 30px 120px;
	background-image:url("../img/ico_common12.jpg"),url("../img/ico_common13.jpg"),url("../img/ico_common14.jpg");
	background-position:30px 30px,60px bottom ,680px bottom;
	background-repeat:no-repeat;
	margin-top:30px;
	position:relative;
}
.buy_txt{
	width:50%;
}
.sub_title{
	margin-bottom:30px;
}
.select_drink li{
	float:left;
	width:140px;
	margin-right:20px;
	border:2px solid #d2d2d2;
	box-sizing:border-box;
	padding:10px 5px;
}
.select_drink li:last-child{
	margin-right:0;
}
.select_drink li span{
	font-size:22px;
	padding-left:10px;
}
.username{
	margin-top: 5px;
    display: inline-block;
}
.mail_ico,.news_ico{
	margin-top: 6px;
    display: inline-block;
}
.username span{
	vertical-align:2px;
}
.btn_buy{
	width:300px;
	height:40px;
	background-color:#7a171c;
	color:#ffffff;
	border:none;
	font-size:18px;
	margin:0 auto;
	display:block;
	cursor:pointer;
}
.myphoto{
	width:30px;
	height:30px;
	border:1px solid #7a171c;
}
.pulldown{
	display:none;
	position:absolute;
	background-color:#ffffff;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	border:1px solid #dddddd;
	font-size:12px;
	z-index:1;
}
.login_right{
	position:relative;
}
.mail_num,.news_num{
	background-color:#d90606;
	border-radius:50%;
	position:absolute;
	display:block;
	width: 15px;
    height: 15px;
	color:#ffffff;
	line-height:15px;
	font-size:10px;
	text-align:center;
}
.mail_num{
	top:5px;
	right:152px;
}
.news_num{
	top:5px;
	right:108px;
}
.mail_list{
	left:0px;
	width:370px;
	overflow-y:scroll;
}
.mail_list li ul li{
	position:relative;
	border-bottom:1px solid #eeeeee;
	padding:10px;
}
.mail_list li ul{
	max-height:340px;
	overflow-y:scroll;
}
.mail_list li ul li:hover{
	background-color:#f5f7fa;
}
.mail_list p{
	float:left;
	width:250px;
	margin-left:15px;
	line-height:1.2em;
	
}
.mail_list a{
	color:#333;
}
.news_list{
	left:50px;
	width:350px;
}
.mail_photo{
	width:50px;
	height:50px;
	float:left;
}
.mail_list .date{
	font-size:10px;
	position:absolute;
	left:75px;
	bottom:10px;	
}
.all_mail{
	background-color:#f6f7f8;
	border-top:1px solid #eeeeee;
}
.all_mail a{
	color:#7a171c;
	font-weight:bold;
	text-decoration:none;
	padding:8px;
	display:block;
}
.account_menu{
	width:370px;
	left:0;
}
.account_menu li {
	font-size:14px;
	border-bottom:1px solid #eeeeee;
}
.account_menu li:hover{
	background-color:#f5f7fa;
}
.account_menu li a{
	color:#333;
	text-decoration:none;
	display:block;
	padding:10px;
}
.account_menu i.fa{
	color:#7a171c;
	margin-right:10px;
}

/*********************フッター**************************/

.footer{
	background-color:#7a171c;
	padding-top:20px;
	position: absolute;
    padding-bottom: 20px;
    bottom: 0;
    left: 0;
    right: 0;
}
.footer a{
	color:#ffffff;
	font-size:12px;
}
.footer ul{
	float:left;
	width:500px;
}
.footer li{
	float:left;
	padding:0 25px;
}
.copyright{
	font-size:12px;
	color:#ffffff;
	float:right;
}


.keywords span{
	margin-right:40px;
	font-size:18px;
	color:#323333;
}
.keywords input{
	width:615px;
	height:30px;
	background-color:#d5d5d5;
	border:none;
	margin:40px 0;
}
.keywords{
	margin-left:50px;
}
.search{
	color:white;
	font-size:18px;
	line-height:40px;
	background-color:#7A171C;
	text-align:center;
	width:295px;
	margin:0 auto;
}
.create_a_topic{
	text-align:right;
	margin:40px 0 50px;
}
.clear{
	clear:both;
}
.search_topics{
	padding:30px 0 0;
}
.borderBottomC1{
	border-bottom:1px solid #c1c1c1;
}
.pac25{
	width:25%;
	text-align:center;
	margin-bottom:70px;
}
.pac25 p{
	font-size:16px;
	line-height:33px;
	color:#76171c;
	margin-top:20px;
}
.prev_next{
	margin:40px 0;
	text-align:center;
}
.search_topics ul li{
	text-align:center;
	float:left;
	width:22%;
	margin-right:4%;
	margin-bottom:60px;
	border: 1px solid #e1e8ea;
    box-sizing: border-box;
    padding-bottom: 10px;
}
.search_topics ul li img{
	margin-bottom: 10px;
    width: 100%;
    height: 204px;
}
.search_topics ul li:nth-child(4n){
	margin-right:0;
}
.search_topics ul li:nth-child(4n+1){
	clear:both;
}
.current{
	background-color:#7a171c;
	width:26px;
	height:26px;
	line-height:26px;
	color:#ffffff;
	border-radius:50%;
	text-align:center;
	display:inline-block;
	text-decoration:none;
}
.searchPeopleResult li{
	background-color:#fafafa;
	border:1px solid #dbdbdb;
	width:31%;
	float:left;
	margin-right:3.5%;
	box-sizing: border-box;
	margin-bottom:30px;
}
.searchPeopleResult li:hover{
	opacity:0.8;
}
.searchPeopleResult li:nth-child(3n){
	margin-right:0;
}
.searchPeopleResult li:nth-child(3n+1){
	clear:both;
}
.peopleInfo .username{
	display:block;
	border-bottom:1px solid #e3e3e3;
	font-size:18px;
}
.iconPhoto{
	float:left;
	width:48%;
}
.peopleInfo{
	float:right;
	width:47%;
	margin-right:2%
}
.countryFlag{
	vertical-align:baseline;
	width:25px;
	height:15px;
}
.searchPeopleResult{
	border-top:1px solid #c1c1c1;
	padding:30px 0;
}
.formSearch table th{
	font-weight:normal;
	text-align:left;
	padding:15px 15px;
	border-bottom:1px solid #e9e9e9;
	width:28%;
}
.formSearch table td{
	border-bottom:1px solid #e9e9e9;
}
.formSearch table{
	margin:0 auto;
	width:85%;
}

.red_btn{
	background-color:#7a171c;
	text-align:center;
	color:#ffffff;
	border:none;
	width:290px;
	height:40px;
	font-size:18px;
	margin:30px auto;
	display:block;
	position:relative;
	cursor:pointer;
}
.gray_btn{
	background-color:#cccccc;
	text-align:center;
	border:none;
	width:290px;
	height:40px;
	font-size:18px;
	margin:30px auto;
	display:block;
	position:relative;
	cursor:pointer;
}
.search_btn:before{
	font-family: "FontAwesome";
	content: "\f002";
	position:absolute;
	left:20px;
}
.inputWidth80{
	width:80%;
	background-color:#D7D7D7;
	height:25px;
	border:none;
}
.inputWidth50{
	width:37%;
	background-color:#D7D7D7;
	height:25px;
	border:none;
}
.caution{
	color:#E70003;
}
.inputWidth30{
	width:24%;
	background-color:#D7D7D7;
	height:25px;
	border:none;
}
.borderBottomRed2{
	border-bottom:2px solid #7a171c;
	padding:5px;
}
.photoArea{
	float:left;
	width:300px;
}
.profileTable{
	float:right;
	width:600px;
}
.profileTable table{
	width:100%;
}
.profileTable th{
	font-weight:normal;
	text-align:left;
}
.profileTable tr:nth-child(2n+1) th,.profileTable tr:nth-child(2n+1) td{
	background-color:#e9e9e9;
}
.profileTable tr:last-child{
	border-bottom:1px solid #e9e9e9;
}
.profileTable th,.profileTable td{
	padding:12px 20px;
}
.mainPhoto{
	width:260px;
	height:260px;
	border:3px solid #ffffff;
	box-shadow:0 0 5px #cccccc;
}

.photo3 img{
	width:80px;
	height:80px;
	margin-right:8px;
}
.photo3 img:last-child{
	margin-right:0;
}
.aboutMe table{
	width:100%;
}
.aboutMe table th{
	background-color:#e9e9e9;
	font-weight:normal;
	text-align:left;
	width:30%;
}
.aboutMe table th,.aboutMe table td{
	border:1px solid #cdcdcd;
	padding:12px 20px;
}
.meetballGift li{
	float:left;
	width:16.66666%;
}
.btnArea li{
	width:33.333%;
	float:left;
}
.btnArea li.btnAreaLast{
    height: 60px;
    background-image: url("../img/btn_user_profile03.png");
    background-repeat: no-repeat;
    background-position: center;
	cursor:pointer;
}
.btnAreaLastPush{
	background-image:url("../img/btn_user_profile04.png") !important;
}
table.createGroup{
	width:800px;
	margin:30px auto;
}
.deleteMessage{
	width: 800px;
	margin: 30px auto;
}
.groupBtnArea li{
	padding:0 15px;
	box-sizing:border-box;
	font-size:20px;
}
.groupBtnArea li:first-child p{
	padding:10px;
	background-color:#7c171c;
	color:#ffffff;
}
.groupBtnArea li:nth-child(2) p{
	padding:10px;
	background-color:#F6A11E;
	color:#ffffff;
}
.groupBtnArea li:last-child p{
	padding:10px;
	background-color:#D5D5D5;
}
.createGroup th{
	font-weight:normal;
	text-align:left;
}
.createGroup th,.createGroup td{
	padding:15px;
	border-bottom: 1px solid #e9e9e9;
	vertical-align:top;
}
.createGroup textarea{
	height:150px;
}
.messageArea{
	border-bottom:1px solid #eeeeee;
}
.messageSide{
	float:left;
	width:260px;
	
	border-right:2px solid #cecece;
	padding:10px;
	
}
.messageSide ul{
	height:850px;
	overflow-y:scroll;
}
.messageSide .messageName{
	   vertical-align: text-top;
}
.messageSide li img{
	width:35px;
	height:35px;
}
.messageMain{
	float:right;
	width:678px;
	padding:10px;
}
.messageList li{
	padding:10px 0;
	border-bottom:1px solid #eeeeee;
}
.messageList li a{
	color:#7a171c;
}
.messageList li:hover{
	background-color:#F5F7FC;
}
.messageSearch{
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
	height:35px;
}
.partnerPhoto img.partnerPhoto{
	width:60px;
	height:60px;
}
div.partnerPhoto{
	float:left;
	width:60px;
	position:relative;
	margin-left:5px;
}
.hukidasi{
	position:absolute;
	bottom:5px;
	right:-30px;
}
.partnerMessage{
	margin-bottom:40px;
}
.messageTitle{
	height:35px;
	border-bottom:1px solid #cccccc;
	padding-top:3px;
	box-sizing:border-box;
}
.messageTxt{
	float:right;
	width:570px;
}
.messageContent{
	background-color:#ededed;
	border-radius:10px;
	padding:15px;
	float:left;
	max-width:570px;
}
.messageTxt .deep_red{
	line-height:1;
}
.myMessage .messageContent{
	background-color:#fcd7d9;
	float:right;
	margin-right:50px;
	text-align:left;
}
.hukidasi2{
	position:absolute;
	top:5px;
	right:35px;
}
.myMessage .messageTxt{
	max-width:85%;
	position:relative;
}
.myMessage{
	margin-bottom:40px;
}
.sendArea{
	background-color:#ededed;
	height:200px;
	padding:5px;
}
.messageZone{
	height:630px;
	overflow-y:scroll;
	margin-bottom:20px;
	border-bottom:1px solid #eeeeee;
}
.bgWhite{
	background-color:#ffffff;
}
.sendArea textarea{
	border:none;
	width:100%;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	resize: none;
	height:140px;
	box-sizing:border-box;
}
.sendBtn{
	border-top:1px solid #eeeeee;
	height:44px;
	padding:5px;
}
.sendBtn button{
	border:none;
	font-size:16px;
	width:85px;
	text-align:center;
	color:#ffffff;
	background-color:#7a171c;
	border-radius:2px;
	padding:5px;
	cursor:pointer;
}

.skypeTxt{
	margin:70px 0;
}
.icon_about_skype{
	position:absolute;
	top:180px;
	left:750px;
}
.Installing_Skype{
	font-weight:bold;
	padding:10px;
	font-size:24px;
	color:#7a171c;
	border-bottom:1px solid #7a171c;
	margin:0 20px 35px;
}
.skypeTxt02{
	margin:0 20px;
}
.stepTit{
	font-weight:bold;
	font-size:24px;
	color:#7a171c;
	margin-left:50px;
	margin-bottom:30px;
	padding-top:10px;
}
.step{
	padding:20px;
	margin:20px;
	background-color:#fafafa;
	border:1px solid #e7e7e7;
}
.pic_about_skype{
	text-align:center;
}
.contact_label{
	display: block;
	width: 285px;
	float: left;
	margin-bottom: 40px;
}
.contact_input {
	display: block;
	width: 285px;
	float: left;
	margin-bottom: 40px;
}
.contact_label {
	text-align: right;
	padding-right: 40px;
	font-size:20px;
}
.contact_input{
	font-size:18px;
	background-color: #D7D7D7;
	border:none;
	width:320px;
}
br { 
	clear: left; 
}
.contact_form{
	margin-top:100px;
}
.username .online{
	font-size:10px;
	color: #2de09a;
	margin-left:5px;
}
.contact_textarea{
	font-size:16px;
	background-color: #D7D7D7;
	border:none;
	width:320px;
	height:200px;
}

.pac815{
	width:815px;
	margin:0 auto;
}
.tit_q{
	background-color:#7A171C;
	padding:20px 25px;
	margin-top:35px;
}
.tit_q p{
	font-size:30px;
	color:white;
	margin-left:20px;
	line-height:40px;
}
.pac_a{
	padding:50px;
	border:2px solid #d2d2d2;
	margin:15px 0 70px;
	position:relative;
	background-image: url(../img/pic_faq.png);
	background-position:30px 30px;
	background-repeat:no-repeat;
	
}
.pac_a p{
	margin-left:15px;
	padding-top:5px;
	width:650px;
	font-size:18px;
}
.pac_a span{
	color:#e60012;
}
.txt_faq p{
	margin:5px 0;
	color:#76171c;
}
.txt_faq{
	margin:55px 0;
}
.txt_faq a{
	color:#7A171C;
}
.pic_faq{
	position:absolute;
	top:30px;
	left:750px;
}

.top_groap{
	width:50%;
}
.pic_group{
	width:200px;
	height:200px;
	margin:20px auto;
}
.pic_group img{
	width:200px;
	height:200px;
	border:3px solid #ffffff;
	box-shadow:0 0 5px #cccccc;
}
.group_name img{
	margin-right:20px;
}
.group_schedule img{
	margin-right:20px;
}
.group_name{
	padding:18px 0 14px;
	border-top:1px solid #7A171C;
	border-bottom:1px solid #7A171C;
	width:370px;
}
.group_schedule{
	padding:18px 0 14px;
	border-bottom:1px solid #7A171C;
	width:370px;
}
.group_leader{
	padding:18px 0 14px;
	border-bottom:1px solid #7A171C;
	margin-bottom:15px;
	width:370px;
}
.moreInfo{
	width:370px;
}
.group_leader img{
	margin-right: 20px;
}
.group_skype{
	margin-right:12px;
}
.group_message{
	margin-left:12px;
}
.tops_groap{
	margin:40px 0 30px;
}
.comment{
	padding:15px;
	background-color:#f2f2f2;
}
.btn_leave{
	font-size:24px;
	line-height:40px;
	color:white;
	background-color:#aaaaaa;
	width:240px;
	height:40px;
	text-align:center;
	margin-right:200px;
	margin-bottom:100px;
}
.btn_Invite{
	font-size:24px;
	line-height:40px;
	color:white;
	background-color:#7A171C;
	width:240px;
	height:40px;
	text-align:center;
	margin-left:200px;
	margin-bottom:100px;
	border: none;
    padding: 0;
}
button[type="submit"]{
	cursor:pointer;
}
button[type="submit"]:hover{
	opacity:0.8;
}
.tit_group{
	font-size:30px;
	color:#76171c;
	border-bottom:1px solid #7A171C;
	padding-bottom:15px;
}
.tit_group span{
	font-weight:bold;
	margin-right:20px;
}
.border_none{
	border:none;
}
.kaiinn{
	text-align:center;
	margin-top:30px;
}
.kaiinn a{
	color:#7A171C;
}
.txt_pp{
	margin-bottom:50px;
}
.tit_pp{
	font-size:18px;
	color:#7A171C;
	font-weight:bold;
	margin-bottom:20px;
}
.txt_pp span{
	color:red;
}
.txt_pp a{
}

/*  ↓20151027 profile_edit編集分 */
.pic_wrapper{
	margin-top: 40px;
	width: 860px;
	margin-right: auto;	
	margin-left: auto;
}
.pic_box{
	float: left;
	width: 30%;
	margin-right: 5%;
}
.pic_Container{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
.prof_pic{
	border:4px solid #FFFFFF;
	box-shadow: 0px 0px 5px #777777;
}
.pic_lastbox{
	float: left;
	width: 30%;
}
.pic_change{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 190px;
	height: 28px;
	background-color: #76171c;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
}
.pic_delete{
	margin-top: 14px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 190px;
	height: 28px;
	border: 2px solid #a0a0a0;
	background-color: #ffffff;
	color: #a0a0a0;
	text-align: center;
}
.changePhoto{
	margin:10px auto;
	width: 190px;
	height: 28px;
	background-color: #7c171c;
	color: #ffffff;
	text-align: center;
	border:none;
	display:block;
	cursor:pointer;
}
.txt_format{
	font-size: 14px;
	padding-top: 30px;
}

.profEdit{
	margin-top: 10px;
	margin-bottom: 40px;
	width: 100%;
	border-collapse: collapse;
}
.prof_red{
	color: #76171c;
}
.txt_yourProf{
	padding: 10px 0px;
	font-weight: bold;
	font-size: 24px;
}
.profEdit th{
	width: 30%;
	height: 36px;
	padding: 6px 6px 6px 8px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
.profEdit td{
	height: 36px;
	padding: 6px;
	vertical-align:middle;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
.prof_input01{
	margin-left:4px;
	font-size: 14px;
	height: 24px;
	border: none;
	background-color: #dcdcdc;
	border-radius: 2px;
	width: 98%;
}
.prof_input02{
	margin-left:4px;
	font-size: 14px;
	height: 24px;
	border: none;
	background-color: #dcdcdc;
	border-radius: 2px;
	width: 47%;
}
.prof_input03{
	margin-left:4px;
	font-size: 14px;
	height: 24px;
	border: none;
	background-color: #dcdcdc;
	border-radius: 2px;
	width: 30%;
}
.prof_input04{
	margin-left:4px;
	font-size: 14px;
	border: none;
	vertical-align: middle;
	background-color: #dcdcdc;
	border-radius: 2px;
	width: 98%;
}

/*1028 topicsearch詳細ページ*/
.topic_detail{
	text-align: center;
}
.topic_detail img{
	margin: 3%;
}
.topic_detail span{
	margin-right: 1%;
	color: #76171c;
	font-weight: bold;
	font-size: 24px;
}
.topic_detail p{
	margin-bottom: 1%;
}
/*1028 my bookmarks*/
.mybookmarks{
	margin-top: 2%;
}

/*1028 my groups*/
#mygroups{
	border: #FFFFFF;
	padding:30px 0 0;
}
.mygroup_schedule{
	margin-top: 3%;
	font-size: 14px;
	line-height: 1.4em;
}

.number span{
	margin-right:30px;
}
.displayBlock{
	display:block;
}
.inviteUserList a.inviteUser{
	background-color: #fafafa;
    border: 1px solid #dbdbdb;
	display: block;
}

.inviteUserList a.inviteUser:hover{
	opacity:0.8;
}
.inviteUserList.searchPeopleResult li{
	background-color:transparent;
	border:none;
}
.inviteUserList.searchPeopleResult li:hover{
	opacity:1;
}
.cancel{
	background-color:#CCCCCC;
	padding:5px;
	text-decoration:none;
}
.inviteUserList input[type="checkbox"]{
	width:30px;
	height:30px;
}

.sign_conf{
	margin-bottom:30px;
}

.txt_sign_up_comp{
	line-height:40px;
}

.news_hizuke{
	color:#7A171C;
}
.news_title{
	font-size:22px;
	color: #7A171C;
}
.news_pac{
	width:850px;
	margin:80px auto;
}
.news_txt{
	padding-top:20px;
}
.news_page_no{
	padding-bottom:30px;
	border-bottom:1px dotted #cccccc;
}
.news_top_no{
	text-align:center;
}

.create_topicTable th{
	border: none;
	font-size: 20px;
	padding-left: 130px;
	width: 180px;
}
.create_topicTable td{
	border:none;
	padding-right:100px;
}
.bg_red {
    background-color: #FF9096;
    color: #ffffff;
	    border-top: 2px solid #FDA3AF;
    border-left: 2px solid #FDA3AF;
}
.radius3px{
	border-radius:3px;
}
.bg_red img.niceMeet{
	width:24px;
	height:auto;
}
.pushed{
	background-color:#cccccc;
	border-top:2px solid #aaaaaa;
	border-left:2px solid #aaaaaa;
	color:#F17278;
}
.pushed:hover{
	opacity:1;
}
.btnNice{
	cursor:pointer;
}
.userBtnArea .btnNice{
	display:inline-block;
	padding:5px;
}
.userBtnArea img{
	max-height:24px;
}
.btnBlock{
	display:inline-block;
	background-color:#f7f7f7;
	padding:5px 10px;
	border:1px solid #DAD2D2;
	cursor:pointer;
}
.btnReport{
	display:inline-block;
	background-color:#f7f7f7;
	padding:5px 10px;
	border:1px solid #DAD2D2;
}
.pushedBlock{
	background-color:#cccccc;
	border-top:2px solid #aaaaaa;
	border-left:2px solid #aaaaaa;
	border-right:none;
	border-bottom:none;
}
.reportUser{
	float:left;
	width:30%;
}
.reportUser img{
	border:3px solid #ffffff;
	box-shadow:0 0 5px #cccccc;
}
.reportTxt{
	float:right;
	width:68%;
	margin-right:2%;
}
.reportTxt textarea{
	border:none;
	background-color:#dddddd;
	height:300px;
}
.reportBtn .fs18{
	font-size:18px;
}
.newsContain{
	padding-bottom:65px;
}
.newsTitle{
	background-color:#F3E5E5;
	padding:15px 10px;
}
.yourNews li{
	border-bottom:1px dotted #ddd;
}
.yourNews li a{
	padding:20px;
	display:block;
}
.yourNewsDate{
	font-size:14px;
}
.yourNews li a:hover{
	opacity:1;
}
.yourNews li:hover{
	background-color:#f5f7fa;
}

.yourNews img{
	float:left;
	width:60px;
	height:60px;
	margin-right:30px;
}
.createGroup img{
	width:200px;
	height:200px;
}
.newPassTable th{
	text-align:left;
	width:250px;
	padding:10px 3px;
}
.contactTable th{
	padding:10px 3px;
	text-align:left;
	width:100px;
}
.contactTable td{
	padding:10px 3px;
}
.contactTable textarea{
	height:200px;
}
.contactTable .inputWidth80{
	width:100%;
}
.searchPeopleResult img.iconPhoto{
	width:140px;
	height:140px;
}
.alert {
	background-color: #f6f6f6;
	padding: 10px 15px 10px 15px;
	margin: 10px 0 10px 0;
	text-align: left;
}
.alert-error{
	background-color:#f2dede;
	color:#C00;
}
.alert-success{
	background-color:#dff0d8;
	color:#396;
}
.paginator-bottom .left{
	display: none;
}
.paginator-bottom .right{
	float: none;
	text-align:center;
}
.no-data {
	margin: 20px 0 30px 0;
	text-align:center;
	color: #CCC;
	font-weight: bold;
}
.topicPhoto img{
	width:260px;
	height:260px;
}
.header_right_hukidashi{
	display: inline-block;
	width: 90px;
}
.vab{
	vertical-align: bottom;
}
.ml20{
	margin-left: 20px;
}
.mt18{
	margin-top: 18px;
}
.managerCont{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.txt_manager{
	width: 50%;
	margin-top: 18px;
	float:left;
}
.txt_manager span{
	display: inline-block;
	margin-bottom: 18px;
}
.img_manager{
	float: right;
	width: 50%;
	margin-top: 30px;
}
.for_manager a{
	font-size: 12px;
	color:#7A171C;
}
.for_manager a:before{
	content:"";
	display: inline-block;
	width:0;
	height: 0;
	border: 4px solid transparent;
	border-left:4px solid #7a171c;
	margin-right: 3px;
}
body{
	font-size:16px;
	-webkit-text-size-adjust: 100%;
}
a.here{
    color: #7a171c;
	font-size:24px;
}