@charset "UTF-8";

/*
login

*/


html,body{
    	hight: 100%;    /*高さを100％に設定*/
	color:#999;
}

body{
    margin: 0;
    padding: 0;
    positiion: relative;
    min-width: 292px;   /*中央配置するボックスの横幅*/
    min-height: 390px;  /*中央配置するボックスの縦幅*/
    background-color:#f7f7f7;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

:placeholder-shown {
    color: #ccc; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #ccc; }

/* Firefox 18- */
:-moz-placeholder {
    color: #ccc; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #ccc; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #ccc; }


a:link,a:visited {
	color:#999;
	text-decoration:none;
}
a:hover,a:active {
	color:#999;
	text-decoration: underline;
}
/*-----------------------*----*----*----*----*----*----*----*----*----* main */

/*============================
ログイン
==============================*/
#login-page{
	color:#999;
}

#login-page .container{
    margin: -211px 0 0 -150px;  /*縦横半分をネガティブマージンでずらす*/
    position: absolute; 
    top: 50%;
    left: 50%; 
    width: 292px;
    height: 380px;

}
#login-page .container .loginform {
    width: 292px;
    height: 360px; 
    height: 400px; 
    margin-bottom:10px;
    background-color:#fff;

	box-shadow:2px 2px 6px 0px #ccc;
	-moz-box-shadow:2px 2px 6px 0px #ccc;
	-webkit-box-shadow:2px 2px 6px 0px #ccc;

}
#login-page .container .loginform .in{
	width:245px;
	margin:0 auto;
	padding-top:28px;		
}

#login-page h1{
	width:245px;
	height:50px;
	background:url(../../common/img/logo_short.png) no-repeat 0 0;
	margin:0 auto 10px auto;
	border-bottom:1px solid #ccc;

}
#login-page h1 span{
	display:none;
}

#login-page .subttl{
	font-size:16px;
	margin-bottom:30px;
}

#login-page form .txt{
	padding:10px;
	width:100%;
	margin-bottom:10px;
}

#login-page form .send{
	padding:5px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#3799d5;
	color:#fff;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #ccc;
	font-size:20px;
}
#login-page form .send:hover{
	background-color:#55b6f3;

}
#login-page .shop form .send{
	padding:5px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#d67438;
	color:#fff;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #ccc;
	font-size:20px;
}
#login-page .shop form .send:hover{
	background-color:#f19055;

}