@charset "utf-8";

/*----------------------------------------------------------------
 MainLayout
 -----------------------------------------------------------------
 c/p
 <link href="./common/css/layout.css" rel="stylesheet" type="text/css" media="screen,print" />
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/
body{
	font-family			: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro W3',"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
/* inline element
-----------------------------------------------------*/
/*-----------------------------------------------------
 class
-----------------------------------------------------*/
/* separater line
-----------------------------------------------------*/
hr.separater{ display: none; }

/* anchor(pagetop)
-----------------------------------------------------*/
p.anchor{
	visibility			: hidden;
	position			: absolute;
	top					: 0px;
	left				: 0px;
}

/*----------------------------------------------------------------
 layout
----------------------------------------------------------------*/

.wrap{
	margin: 0 auto;
	width: 100%;
	padding: 0 0 30px 0;
}

@media screen and (min-width: 500px){
.wrap{
	width: 500px;
}
}
/*----------------------------------------------------------------
 style
----------------------------------------------------------------*/
h1{
	margin: 0 0 10px 0;
	font-size: 12px;
}
p{
	padding: 0 10px;
}
.description{
	margin: 10px 0;
	font-size: 12px;
}
.attention{
	display: inline-block;
	font-size: 12px;
	background: red;
	color: #FFF;
	padding: 0 5px;
}
strong{
	font-size: 24px;
	font-weight: normal;
}
.error{
	color: red;
}
.form{
	padding: 0 10px;
}
.form dl{
	margin: 0 0 30px;
}
.form dl dt,
.form dl dd{
}
.form dl dt{
}
.form dl textarea,
.form dl input,
.form dl select{
	width: 97.5%;
}
@media screen and (min-width: 500px){
.form dl textarea,
.form dl input,
.form dl select{
	width: 480px;
}
}