/* --------ボディ----------------------------------- */
body {	 
	margin: auto;
	text-align: center;
	font-color: #333333;
	background: #FFFFFF;
	font-size: 80%;
	background: url(vobg01.png) no-repeat left top fixed;
 }
 html {
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
 }
 A:link {
	color: #9BB2F8;
	text-decoration: none;
 }
 A:visited {
	color: #999999;
	text-decoration: none;
 }
 A:active {
	color: #C40070;
	text-decoration: none;
 }
 A:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:#CCCCCC;
 }
/* -----------Pマージン-------------------------------- */
div#DOCUMENT {
	text-align: right;
	margin: 0% auto;
	padding: 6% 0px 5% 0px;

	width: 75%;
}
/* -----------INDEXバナー-------------------------------- */
p#INDEXBN {
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 40px 5% 15% 0px;
}
/* -----------text01右寄せ3%(INDEX)--------------- */
div.text01 {
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 5px 5% 5px 5px;
	line-height:120%;
}
/* -----------text02左右8%(INFO等)--------------- */
div.text02 {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 8% 10px 8%;
	line-height:130%;
}
/* --コンテンツ右寄せ(茶論00枠03textコメント,カウンタ02画像等)--- */
div#CONTENTS00 {
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 10px 8% 10px 10%;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #000538;
}
div.text03 {
	text-align: left;
	padding: 5px 5px 5px 5px;
	margin: 0% 0% 0% 0%;
	line-height:130%;
	width: 100%;
}
div#CONTENTS02 {
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 10px 8% 10px 10%;
	border-style: solid solid solid solid;
	border-width: 0px;
	border-color: #000538;
}
/* --コンテンツ左寄せ(茶論機体mnメニューlgoロゴ)--- */
div#mn {
	text-align: left;
	padding: 5px 5px 5px 10px;
	margin: 0px 0% 0px 5px;
	border-style: solid solid solid solid;
	border-width: 0px;
	border-color: #000538;
}
div#lgo {
	text-align: left;
	padding: 20px 20px 20px 20px;
	margin: 0% 8% 6% 8%;
	width: 100%;
	height: 170;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #000538;
	background: url(bg/votitle00.png) no-repeat left top;
}
/* --コンテンツ左寄せ(03舞台裏画像枠)--- */
div#CONTENTS03 {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 8% 10px 8%;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #000538;
}
div.butai {
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 10px 5% 10px 0px;
	border-style: solid solid solid solid;
	border-width: 0px;
	border-color: #000538;
	width: 50px;
	height: 50px;
	float: left;
	clear: right;
}
div.text04 {
	text-align: left;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-width: 0px;
	border-color: #000538;
	height: 100%;
}

 /* --書き直し-- */
@charset "UTF-8";

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#vounion_top {
	text-align: left;
	margin: 5% auto;
	width: 250px;

}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#vounion_top .main {
	text-align: cente;
	margin: 1% auto;
	border: 0px solid #cccccc;
	padding: 5px 5px 5px 5px;
	width: 100%;

}

/*メールフォームのタイトルを囲っているタグのclass*/
#vounion_top .title{

}

/*メールフォームの説明文を囲っているタグのclass*/
#vounion_top .explain {
	text-align: center;
	font-size: 90%;

}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#vounion_top .name_top {
	text-align: left;
	font-size: 80%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;

}

/*『name』パーツの表示名を囲っているタグのclass（[ お名前 ]の部分）*/
#vounion_top .name_left{
	float:left;

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#vounion_top .name_right {
	text-align: right;
	font-size: 80%;
	padding: 0px 0px 0px 0px;

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#vounion_top .name_parts {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #666666;

}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#vounion_top .mail_top {
	text-align: left;
	font-size: 80%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;

}

/*『mail』パーツの表示名を囲っているタグのclass（[ メール ]の部分）*/
#vounion_top .mail_left{
	float:left;

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#vounion_top .mail_right {
	text-align: right;
	font-size: 80%;
	padding: 0px 0px 0px 0px;

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#vounion_top .mail_parts {
	text-align: right;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #666666;

}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#vounion_top .title_top {
	text-align: left;
	font-size: 80%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;

}

/*『title』パーツの表示名を囲っているタグのclass（[ 件名 ]の部分）*/
#vounion_top .title_left{
	float:left;

}

/*『title』パーツの入力項目を囲っているタグのclass*/
#vounion_top .title_right {
	text-align: right;
	font-size: 80%;
	padding: 0px 0px 0px 0px;

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#vounion_top .title_parts {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #666666;

}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#vounion_top .textarea_top {
	text-align: left;
	font-size: 80%;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ 本文 ]の部分）*/
#vounion_top .textarea_left{
	float:left;

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#vounion_top .textarea_right {
	text-align: right;
	font-size: 80%;
	padding: 0px 0px 0px 0px;

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#vounion_top .textarea_parts {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #666666;

}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#vounion_top .submit {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

/*メールフォームの送信ボタンのclass*/
#vounion_top .submit_button {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #666666;         /* ---#EB88AD（ピンク）#4E80FE（ブルー）--- */
	background-color: #FFFFFF;     /* ---#FFF0FF（ピンク）#E5F8FF（ブルー）--- */
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

/*エラーメッセージを囲っているタグのclass*/
#vounion_top .error {
	text-align: center;
	font-size: 90%;

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#vounion_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#vounion_top .error_submit_button {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #666666;         /* ---#EB88AD（ピンク）#4E80FE（ブルー）--- */
	background-color: #FFFFFF;     /* ---#FFF0FF（ピンク）#E5F8FF（ブルー）--- */
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

/*送信完了メッセージを囲っているタグのclass*/
#vounion_top .result {
	text-align: center;
	font-size: 90%;

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#vounion_top .result_submit {

}

/*送信完了メッセージの戻るボタンのclass*/
#vounion_top .result_submit_button {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #666666;         /* ---#EB88AD（ピンク）#4E80FE（ブルー）--- */
	background-color: #FFFFFF;     /* ---#FFF0FF（ピンク）#E5F8FF（ブルー）--- */
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}