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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width:481px), print {



#wrapper{
	overflow:hidden;
}





/* login index */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.login #contents h4{
	color: #e78585;
	font-size:24px;
	font-weight:bold;
	margin-bottom:50px;
	}



.login #input{
	background: url(../img/white_bg_upper.png) no-repeat center top;
	padding-top:6px;
	}
	.login #input form{
		background: url(../img/white_bg_middle.gif) repeat-y center top;
		padding:60px;
		}
	.login #input form p{
		text-align:center;
		font-size:20px;
		font-weight:bold;
		margin-bottom:30px;
		}
		
		
	.login #input form{
		}
	.login #input form div{
		width:490px;
		margin:0 auto;
		}
	.login #input input{
		border:none;
		background:url(../img/login_input_area.gif) no-repeat 0 0;
		width:328px;
		height:30px;
		margin-right:10px;
		font-size:14px;
		padding:10px;
		float:left;
		}
	.login #input{
		}
	.login #input  button{
		border:none;
		float:left;
		cursor:pointer;
		}
	.login #input button img{
		}
		
	.login #input:after{
		background: url(../img/white_bg_bottom.png) no-repeat center top;
		width:1000px;
		height:6px;
		display: block; 
		visibility:visible;
		content: ""; 
		margin-bottom:100px;
		}





/* member page */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


.member #contents h4{
	color: #e78585;
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
	}
.member #contents p{
	font-size:16px;
	line-height:28px;
	font-weight:bold;
	margin-bottom:80px;
	}

.member #contents ul li{
	/*background: url(../img/login_dot01.png) repeat-x left bottom;*/
	border-bottom:1px #999 dotted;
	padding:0 0 20px 0px;
	margin:10px 30px 10px 0px;
	font-size:14px;
	font-weight:bold;
	width:310px;
	float:left;
	line-height:26px;
	}
.member #contents ul li dl dt{
	float:left;
	width:100px;
	font-weight:lighter;
	}
.member #contents ul li dl dd{
	width:190px;
	background: url(../img/login_icon01.png) no-repeat left top;
	float:right;
	color: #e78585;
	font-size:14px;
	line-height:26px;
	font-weight:bold;
	padding-left:20px;
	text-decoration: underline;
	}
.member #contents ul li dl dd a{
	color: #e78585 !important;
	}




}






/* スマホ */
@media only screen and (max-width: 480px) {







.wrapper{
	overflow:hidden;
	}



.login #contents h4{
	width:100%;
	color: #e78585;
	font-size:172%;
	font-weight:bold;
	margin-bottom:6%;
	}



.login #input{
	background: url(../img/white_bg_upper.png) no-repeat center top;
	}
	.login #input form{
		background: url(../img/white_bg_middle.gif) repeat-y center top;
		padding:9%;
		}
	.login #input form p{
		text-align:center;
		font-size:143%;
		font-weight:bold;
		margin-bottom:6%;
		}
		
		
	.login #input form{
		}
	.login #input form table{
		width:100%;
		margin:0 auto;
		}
	.login #input input{
		border:none;
		background:url(../img/login_input_area.gif) no-repeat 0 0;
		background-size:contain;
		width:90%;
		height:12.8%;
		font-size:100%;
		padding:5%;
		margin-bottom:3%;
		}
	.login #input{
		}
	.login #input button{
		border:none;
		width:100%;
		}
	.login #input button img{
		margin-top:-6px;
		width:100%;
		}
		
	.login #input:after{
		background: url(../img/white_bg_bottom.png) no-repeat center top;
		width:100%;
		height:6px;
		display: block; 
		visibility:visible;
		content: ""; 
		margin-bottom:12%;
		}



/* member page */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


.member #contents h4{
	width:100%;
	color: #e78585;
	font-size:143%;
	font-weight:bold;
	margin-bottom:30px;
	}
.member #contents p{
	font-size:115%;
	line-height:28px;
	font-weight:bold;
	margin-bottom:9%;
	}

.member #contents ul li{
	/*background: url(../img/login_dot01.png) repeat-x left bottom;*/
	margin-bottom:3%;
	font-size:100%;
	font-weight:bold;
	width:100%;
	line-height:26px;
	}
.member #contents ul li dl dt{
	width:25%;
	font-weight:lighter;
	}
.member #contents ul li dl dd{
	width:100%;
	background: url(../img/login_icon01.png) no-repeat left top;
	border-bottom:1px #999 dotted;
	color: #e78585;
	font-size:100%;
	line-height:26px;
	font-weight:bold;
	padding:0 0 3% 8%;
	}
.member #contents ul li dl dd a{
	color: #e78585 !important;
	}


.member #contents ul li dl { 
}
.member #contents ul li dl {
	zoom: 100%;
}
*:first-child+html .member #contents ul li dl {
	display: inline-block;
}
.member #contents ul li dl:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}



#to_top{
	margin-top:0 !important;
	}









}