@charset "utf-8";
/*
	webclap_plastic | lastup 2009.05.03
	http://www.usamimi.info/~witchmakers/
	----------------------------------------------
	★で検索すると大まかな指定部分に飛びます
	----------------------------------------------
	1. リセット
	2. 基礎
	3. レイアウト
	4. 各部詳細
*/
/*================================================
	1. リセット
================================================*/
html, body, div, h1, h2, h3, h4, h5, h6, address, blockquote, p, pre, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	line-height:180%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
address, code, em, strong, th {
	font-style: normal;
	font-weight: normal;
	line-height:180%;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
	line-height:180%;
}
img {
	vertical-align: top;
}
img, fieldset {
	border: 0;
}
legend {
	display: none;
	line-height:180%;
}
div {
	zoom: 1;
}
@media screen {
	body {
		letter-spacing: 1px;
	}
	br {
		letter-spacing: 0;
	}
}
html {
	height: 100%;
}
html>body {
	min-height: 100%;
}
/*================================================
	2. 基礎
================================================*/
body, th, td {
	color: #565656;/* 基本文字色★ */
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 2.5vh;/* 基本文字サイズ★ */
	line-height:180%;
}
strong {
	font-weight: bold;
}
em {
	margin: 0 3px;
	padding: 1px 5px;
	background: #c0c0c0;
	color: #000000;
}
/*------------------------------------------------
	リンク★
------------------------------------------------*/
a:link {/* 未読 */
	color: #008080;
	text-decoration: none;
	font-size: 3vh;
}
a:visited {/* 既読 */
	color: #3cb371;
	text-decoration: none;
}
a:hover {/* マウスオーバー */
	color: #565656;
	text-decoration: underline;
}
a:active {/* アクティブ */
	color: #565656;
	text-decoration: underline;
}
/*------------------------------------------------
	スクロールバー(IEのみ)★
------------------------------------------------*/
html {
	scrollbar-face-color: #B0B0B0;
	scrollbar-highlight-color: #B0B0B0;
	scrollbar-shadow-color: #B0B0B0;
	scrollbar-3dlight-color: #B0B0B0;
	scrollbar-darkshadow-color: #B0B0B0;
	scrollbar-track-color: #E0E0E0;
	scrollbar-arrow-color: #E0E0E0;
}
/*------------------------------------------------
	フォーム
------------------------------------------------*/
input, textarea, select {
	border: 1px solid #696969;
	background: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", Osaka, sans-serif;
	font-size: 2.5vh;
}
@media screen {
	input, textarea, select {
		font-family: Tahoma, Verdana, sans-serif;
	}
}
	/* ↓この指定はブラウザのCSS対応状況によっては反映されません */
	input[type="text"]:hover, input[type="text"]:focus,
	input[type="password"]:hover, input[type="password"]:focus,
	textarea:hover, textarea:focus,
	select:hover, select:focus {
		border: 1px solid #565656;
		background: #FFFFFF;
	}
/*================================================
	3. レイアウト
================================================*/
body {
	padding-top: 5%;
	padding-left: 3%;
	background: #DCDCDC;/* 背景色★ */
	text-align: left;
	line-height:180%;
}
#clap {
	margin: 0 auto;
	text-align: left;
	line-height:180%;
}
/*================================================
	4. 各部詳細
================================================*/
#clap h1 {
	display: none;
}
#clap p,
#clap ul {
	margin: 5% 0;
}
/*------------------------------------------------
	フォーム
------------------------------------------------*/
#clap form {
	width: 95%;
	border: 1px solid #696969;
	background: url("./img/stripe_f5.gif") #C0C0C0;
	text-align: left;
}
#clap form p,
#clap form ul,
#clap form dl {
	margin: 5px 14px;
}
#clap form em {
	background: #ECECEC;
}
#clap p.submit input {
	width: 10em;
	border: 1px solid #B2B2B2;
	border-right: 1px solid #595959;
	border-bottom: 1px solid #595959;
	background: #7F7F7F;
	color: #FFFFFF;
}
	/* ↓この指定はブラウザのCSS対応状況によっては反映されません */
	#clap p.submit input:hover, #clap p.submit input:focus {
			width: 8em;
			border: 1px solid #F0F0F0;
			border-right: 1px solid #D0D0D0;
			border-bottom: 1px solid #D0D0D0;
			background: #E0E0E0;
			color: #000000;
	}
/*------------------------------------------------
	送信内容確認
------------------------------------------------*/
#clap blockquote {
	width: 400px;
	margin: 15px auto;
	border: 1px solid #E0E0E0;
	text-align: left;
}
#clap blockquote p {
	margin: 14px;
}
/*------------------------------------------------
	フッター
------------------------------------------------*/
#clap address {
	padding: 15px;
	color: #C0C0C0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: right;
}
#clap address a:link, #clap address a:visited {
	color: #C0C0C0;
	text-decoration: none;
}
#clap address a:hover, #clap address a:active {
	color: #565656;
	text-decoration: none;
}