@charset "utf-8";

/* page design */
body {
	background-color: #FFF;
	line-height: 1.4;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Minchou Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif
}

/* text color */
body {
	color: #000;
	font-size: 14px;
}

/* image valign */
img, input[type="image"] {
	vertical-align: middle;
}

/* link color */
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* form design */
input[type="text"],
input[type="url"],
input[type="tel"],
select,
textarea{
	width: auto;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	font-size:90%;
	padding:4px;
	margin-right:5px;
}

input[type="text"],
input[type="url"],
input[type="tel"]{
	width: 100px;
}
input[type="number"],
input[type="float"]{
	width: 60px;
}
input.number{
	width: 4em;
}
input[type="text"].number{
	width: 3em;
}
select.number{
	width: 5.5em;
}
input.date{
	width: 4em;
}
input[type="text"].date{
	width: 3em;
}
select.date{
	width: 5.5em;
}
input.name,
select.name{
	width: 12em;
}
input.word,
select.word{
	width: 8em;
}
input.text,
select.text{
	width: 20em;
}
input.longText,
select.longText,
textarea.longText{
	width: 50em;
}
input.comment,
select.comment,
textarea.comment{
	width: 30em;
}
input.url,
select.url{
	width: 20em;
}
input.mail,
select.mail{
	width: 20em;
}
input.phoneNum,
select.phoneNum{
	width: 12em;
}
input.word,
select.word{
	width: 10em;
}