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

html{
	-webkit-text-size-adjust:100%;
	font-size:75%;
	height:100%;
}

body{
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0 0 70px 0;
	font-family: ArialMT, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",  sans-serif;
	font-size:100%;
	line-height:1.4;
	color:#666666;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	word-wrap:break-word;
	background: #ff3461;
	background: linear-gradient(to bottom, #FFF 0%,#FFA4BB 100%);
}

/* 代理店管理の場合の背景color */
body._agent {
	background: linear-gradient(to bottom, #FFF 0%,#e7b0fb 100%);
}
/* 店舗管理の場合の背景color */
body._shop-admin {
	background: linear-gradient(to bottom, #FFF 0%,#b2e2fb 100%);
}

#pref{
	background: #a336ad;
	background: linear-gradient(to bottom, #a336ad 0%,#c553aa 100%);
}

#shop{
	background: #ff9400;
	background: linear-gradient(to bottom, #ff9400 0%,#f6ab00 100%);
}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,select,div,span,label,input,textarea,table,td,th,figure,nav{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size:100%;
}

table,td,th{
	border-collapse:collapse;
}

a {
	text-decoration:none;
	color:#666666;
}
a img{
	border:0;
	padding:0;
	margin:0;
}

img {
  vertical-align:bottom;
}

ul li{
	list-style:none;
}

input,select,option,textarea{
	font-family: ArialMT, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",  sans-serif;
	font-size:100%;
	vertical-align:middle;
}



/*中身*/
h1{
	margin:140px 0 55px;
	position:relative;
	text-align: center;
}

#img_rich{
	width:125px;
	height:105px;
	margin-bottom:30px;
}

#logo_main{
	width:316px;
	height:60px;
}

body > form{
	width:450px;
	background-color:#ffffff;
	margin:0px auto;
	border-radius:4px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.3);
	padding:20px 0;
	font-size:110%;
	position:relative;
}

body > form #error_comment{
	background-color: #E34E42;
	border-radius: 3px 3px 0 0;
	padding: 15px 0;
	text-align: center;
	color: #ffffff;
}

body > form select,
body > form input[type="text"],
body > form input[type="password"],
body > form input[type="password"].has-toggle {
	width:410px;
	border:none;
	border-bottom:#cacaca 1px solid;
	height:40px;
	line-height:40px;
	margin:10px 20px;
	padding:0 10px;
	box-sizing:border-box;
}
/*
body > form input[type="password"]{
	margin-bottom:25px;
}*/

body > form input[type="checkbox"]{
	margin:10px 10px 10px 30px;
	width:20px;
	height:20px;
	border-radius:0;
	vertical-align:middle;
}

body > form input[type="submit"]{
	height:35px;
	line-height:36px;
	width:140px;
	text-align:center;
	background-color:#EF84A8;
	color:#ffffff;
	border-radius:18px;
	border:none;
	cursor:pointer;
	position:absolute;
	right:20px;
}

body > form input[type="submit"]:hover{
	background-color:#EA5D8C;
}

body > form .remind{
	display: block;
	text-align: right;
	margin: 10px 30px 0;
}

.message,
.message_blue{
	text-align:center;
	padding:15px 0;
	color:#ffffff;
}
.message{
	background-color:#E7467B;
}

.error {
	color: red;
	margin: 0 20px;
}

footer{
	width:100%;
	background-color:#EF84A8;
	padding:25px 0;
	text-align:center;
	color:#ffffff;
	position:fixed;
	bottom:0;
	left:0;
}

/* 代理店管理の場合の背景color */
footer._agent {
	background: #d97dfc;
}

/* 店舗管理の場合の背景color */
footer._shop-admin {
	background: #7dadfc;
}