@charset "UTF-8";
/* CSS Document */


/* ==|== relations.html ========================================================================== */
/* Mobile : 480 px ≧ */
.column_relations {
	margin: 0px 0px 20px 0px;
	display: block;
	border: 2px solid #cac6c2;
	text-align: center;
}

.tit_relations {
	padding: 5px 0px 5px 0px;
	background: #efedeb;
	border-bottom: 1px solid #cac6c2;
}

.caution_relations {
	margin: 10px 0px 10px 0px;
	font-size: 85%;
	text-align: center;
}

.relations_social a {
	display: block;
	margin: 10px auto 10px auto;
	padding: 6px 0px 0px 0px;
	width: 300px;
	height: 24px;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.relations_social a:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.relations_fb a {
	background: url(../../common/icons/btn_social_login.png) no-repeat 0px -150px;
}

.relations_tw a {
	background: url(../../common/icons/btn_social_login.png) no-repeat 0px -200px;
}

.relations_mix a {
	background: url(../../common/icons/btn_social_login.png) no-repeat 0px -250px;
}


/* Tablet : 481 px ~ 949 px */

@media only screen and (min-width: 481px) {}


/* Desktop : 950 px ~ */

@media only screen and (min-width: 950px) {}



/* ==|== user_auth_quit.html ========================================================================== */
/* Mobile : 480 px ≧ */
.column_relations {
	margin: 0px 0px 20px 0px;
	display: block;
	border: 2px solid #cac6c2;
	text-align: center;
}

.tit_relations {
	padding: 5px 0px 5px 0px;
	background: #efedeb;
	border-bottom: 1px solid #cac6c2;
}

.caution_relations {
	margin: 10px 0px 10px 0px;
	font-size: 85%;
	text-align: center;
}

.relations_social a {
	display: block;
	margin: 10px auto 10px auto;
	padding: 6px 0px 0px 0px;
	width: 300px;
	height: 24px;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.relations_social a:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.relations_fb a {
	background: url(../../common/icons/btn_social_login.png) no-repeat 0px -150px;
}

.relations_tw a {
	background: url(../../common/icons/btn_social_login.png) no-repeat 0px -200px;
}

.relations_mix a {
	background: url(../../common/icons/btn_social_login.png) no-repeat 0px -250px;
}


/* Tablet : 481 px ~ 949 px */

@media only screen and (min-width: 481px) {}


/* Desktop : 950 px ~ */

@media only screen and (min-width: 950px) {}



/* ==|== profile.html ========================================================================== */
/* Mobile : 480 px ≧ */
.prof_img {
	width: 100%;
}

.prof_img p {
	padding: 10px;
	border: 1px solid #cac6c2;
	width: 180px;
}

.prof_introduction {
	width: 100%;
}

.prof_introduction p {
	margin: 0px 0px 10px 0px !important;
}



/* Tablet : 481 px ~ 949 px */

@media only screen and (min-width: 481px) {}


/* Desktop : 950 px ~ */

@media only screen and (min-width: 950px) {
	.prof_img {
		width: 250px;
		float: left;
	}

	.prof_introduction {
		width: 410px;
		float: left;
	}
}

/* ==|== member menu ========================================================================== */
#nav_menber {
	display: block;
	margin: 5px 0 20px 0;
	padding: 8px 5px 5px 5px;
	background: #fff6f2;
	border: 1px solid #ffdccc;
	overflow: auto;
}

#nav_menber ul {
	display: block;
}

#nav_menber ul li a {
	display: block;
	width: 40%;
	padding: 10px 0 8px 24px;
	line-height: 1em;
	float: left;
}

li.mems_donation a {
	background: url(../icons/bg_membermenus.png) no-repeat 0 0;
}

li.mems_clip a {
	background: url(../icons/bg_membermenus.png) no-repeat 0 -50px;
}

li.mems_topic a {
	background: url(../icons/bg_membermenus.png) no-repeat 0 -100px;
}

li.mems_prof a {
	background: url(../icons/bg_membermenus.png) no-repeat 0 -150px;
}

@media only screen and (min-width: 600px) {
	#nav_menber ul li a {
		width: auto;
		margin-top: 5px;
		padding: 0 8px 0 4px;
		border-right: 1px solid #cc0000;
		height: auto;
		line-height: 1em;
		background: none;
	}
}


.nav_menber li a:hover {}

ul.nav_menberl {
	clear: both;
	margin-bottom: 40px !important;
}

ul.nav_menberl li a {
	display: block;
	height: 60px;
	margin: 0px 0px 20px 0px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid;
}

ul.nav_menberl li span {
	display: none;
}

li.mem_donation a {
	background: url(../icons/bg_membermenu.png) no-repeat 0 0;
	border-color: #ff0000;
}

li.mem_clip a {
	background: url(../icons/bg_membermenu.png) no-repeat 0 -100px;
	border-color: #ff0000;
}

li.mem_topic a {
	background: url(../icons/bg_membermenu.png) no-repeat 0 -200px;
	border-color: #ff0000;
}

li.mem_prof a {
	background: url(../icons/bg_membermenu.png) no-repeat 0 -300px;
}

li.mem_tsuin a {
	background: url(../icons/bg_membermenu.png) no-repeat 0 -500px;
	border-color: #ff0000;
}

li.mem_interests a {
	background: url(../icons/bg_membermenu.png) no-repeat 0 -600px;
	border-color: #ff0000;
}

li.mem_toseki a {
	background: url(../icons/bg_membermenu.png) no-repeat 0 -400px;
	border-color: #3c90ce !important;
}

.nav_menberl li a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.nav_menberl li.normal {
	list-style: disc;
	margin: 0px 0px 0px 20px;
}

.nav_menberl li.normal a {
	border: none;
	margin: 0px 0px 5px 0px;
	height: max-content;
}


@media only screen and (min-width: 600px) {
	ul.nav_menber li a {
		display: inline-block;
		margin: 0 1% 1% 0;
		float: left;
	}
}