@charset "utf-8";
/*
	Name: wm_webclap [simple]
	LastModified: 2011.03.03
	Author: wmks
	http://www.usamimi.info/~witchmakers/
	==============================================
	License:
	Creative Commons 表示 - 継承 2.1 日本 (CC BY-SA 2.1)
	http://creativecommons.org/licenses/by-sa/2.1/jp/
	==============================================
	『※』で検索すると大まかな設定部分にジャンプ
	==============================================
	##### 目次 #####
	0-リセット
	1-レイアウト
	2-全体共通
		--- リンク
		--- 画像
		--- フォーム
	3-各部詳細
		#header
		#main
			p.complete, p.attention
			ul.navi
		#footer
*/
/*================================================
	リセット
================================================*/
html, body, h1, h2, h3, h4, h5, h6, address, p, pre, blockquote, ol, ul, li, dl, dt, dd, div, table, td, th, form, fieldset, input, textarea { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}
address, em, strong, cite, dfn, code, var, caption, th { font-style: normal; font-weight: normal;}
ol, ul { list-style: none;}
q:before, q:after { content: "";}
abbr, acronym { border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th { text-align: left;}
fieldset, img { border: 0;}
legend { display: none;}
img { vertical-align: top;}
br { letter-spacing: 0;}
/*================================================
	レイアウト
================================================*/
body {
	background: #FFFFFF;/* 背景色※ */
	text-align: center;
}
#container {
	padding-top: 13px;
	width: 750px;
	margin: 0 auto;
	text-align: left;

}
#file {
	padding-top: 21px;
	text-align:left ;
	width: 400px;/* テキスト部分横幅※ */
	margin: 0 auto;

}
#text, #confirm, #form {
	width: 400px;/* テキスト部分横幅※ */
	margin: 0 auto;
	padding-top: 21px;
	text-align: left;
}
#footer {
	padding-top: 21px;
}
/*================================================
	全体共通
================================================*/
body {
	color: #6F6F6F;/* 基本文字色※ */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 78%;/* 基本文字サイズ※ */
	letter-spacing: 1px;
	line-height: 1.8;
}
p {
	margin: 0 0 13px 0;
}
blockquote {
	margin: 13px 0;
	padding: 0 12px;
	border: 1px solid #6F6F6F;
}
blockquote p {
	margin: 13px 0;
}
ul {
	margin: 0 0 13px 0;
}
ul li {
	margin: 0 0 5px 0;
}
dl {
	margin: 0 0 13px 0;
}
dl dt {
	margin: 0 0 5px 0;
}
dl dd {
	margin: 0 0 5px 0;
}
/*------------------------------------------------
	--- リンク※
------------------------------------------------*/
a:link {/* 未読 */
	color: #00C0F7;
	text-decoration: none;
}
a:visited {/* 既読 */
	color: #00ACDF;
	text-decoration: none;
}
a:hover {/* マウスオーバー */
	color: #000000;
	text-decoration: underline;
}
a:active {/* アクティブ */
	color: #000000;
	text-decoration: underline
}
/*------------------------------------------------
	--- 画像
------------------------------------------------*/
img {
	vertical-align: middle;

}
/*------------------------------------------------
	--- フォーム
------------------------------------------------*/
form {
	margin: 0 0 13px 0;
}
form p, form ul, form dl {
	margin: 0 0 5px 0;
}
form dl dt {
	float: left;
	clear: left;
	width: 8em;
	margin: 0;
}
form dl dd {
	margin-left: 8em;
}
input, textarea {
	padding: 4px;
	border: 1px solid #6F6F6F;
	background: #FFFFFF;
	color: #6F6F6F;
	vertical-align: middle;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;

font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

textarea {
	width: 400px;
}
input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover, input[type="password"]:focus,
textarea:hover, textarea:focus {
	outline: 3px solid #F0F0F0;
}
input.submit_button {
	border: 1px solid #6F6F6F;
	background: #6F6F6F;
	color: #FFFFFF;
}
input.submit_button:hover, input.submit_button:focus {
	border: 1px solid #BFBFBF;
	background: #BFBFBF;
	color: #FFFFFF;
}
/*================================================
	各部詳細
================================================*/
/*------------------------------------------------
	#header
------------------------------------------------*/
#header h1 {
	display: none;
}
/*------------------------------------------------
	#main
------------------------------------------------*/
/*--------------------- p.complete, p.attention */
p.complete, p.attention {
	font-weight: bold;
}
/*------------------------------------- ul.navi */
ul.navi {
	text-align: right;
}
/*------------------------------------------------
	#footer
------------------------------------------------*/
#footer ul.pagetop {
	display: none;
}
#footer ul.powered {
	margin: 0;
	color: #CFCFCF;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: center;
}
#footer ul.powered a:link, #footer ul.powered a:visited {
	color: #BFBFBF;
	text-decoration: none;
}
#footer ul.powered a:hover, #footer ul.powered a:active {
	color: #F0F0F0;
	text-decoration: none;
}
#footer ul.powered:before,
#footer ul.powered:after {
	content: "+";
}
#footer ul.powered li {
	display: inline;
	margin: 0;
}