@charset "euc-jp";

/* 0. ¶¦ÄÌ
--------------------------------------------------------------------*/
/* reset */
* {font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
body {
	width:100%;
	margin: 0;
	color: #595757;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 1.6;
	word-break: break-all;
}
p, a, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
a {color: #2663dd;}
a:hover {
	text-decoration: none;
	color: #1784ff;
}
ul, dl ol {list-style: none;}
img {
	border: 0px;
	vertical-align: bottom;
}
.alpha:hover, .alpha a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

/* 1. index.php
--------------------------------------------------------------------*/
#wrap {
	max-width:640px;
	min-height:100%;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;
	background-color:#f8f8f8;
	overflow:hidden;
}
#wrap h1 {
	font-size:22px;
	margin:10px 0;
}
#wrap h2 {
	font-size:18px;
	background-color:#e4555e;
	padding:5px 0 3px 15px;
	color:#fff;
}
#wrap p {
	padding:10px 15px;
	margin: 10px 0 30px 0;
	background: #e7e7e7;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #999;
	line-height:1.8;
}
#wrap ul {padding-top:15px;}
#wrap ul li{
	background-color:#e7e7e7;
	padding:0 15px;
	border-radius:5px;
	box-shadow: 1px 1px 3px #999;
	font-size:18px;
	color:#333;
	line-height:2.6;
}
#wrap ul li input {
	float: right;
	background: #E4555E;
	border: none;
	margin-top:7px;
	padding: 6px 10px 6px 12px;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #999;
	letter-spacing: 3px;
}
#wrap ul li span{font-weight:bold;}
.ok{color:blue;}
.ng{color:red;}
#wrap ul li span.name{
	font-weight:normal;
	width:60px;
	float:left;
	display:block;
}
#wrap p iframe {
	margin: 0 auto;
	display: block;
}
#wrap p.back {
	width:40%;
	padding:0;
}
#wrap p.back a {
	display:block;
	padding:10px 15px;
}
#wrap p.result {
	margin:10px 0;
	font-size:18px;
}

/* 2. edit.php
--------------------------------------------------------------------*/
#wrap .status {
	width: 100%;
	background: #e7e7e7;
	padding: 7px 15px;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #999;
}
#wrap .status span {font-size:18px;}
#wrap .status select {
	font-size: 18px;
	padding: 3px 65px 3px 5px;
	border-radius: 5px;
}
#wrap input.submit {
	width: 100%;
	background-color: #2663DD;
	color: #fff;
	font-size: 22px;
	text-align: center;
	border: none;
	border-radius: 5px;
	margin: 20px 0;
	padding: 10px 0;
}

/* 3. photos
--------------------------------------------------------------------*/
.link {
	font-size:18px;
	background-color:#e4555e!important;
	padding:5px 0 3px 15px;
	color:#fff;
}
.link a {
	display:block;
	color:#fff;
}
#wrap h1.ttl {
	background: #e4555e;
	padding: 10px;
	border-radius: 5px;
	color: #fff;
}
.back {float: left;}
.block a{display:block;}