@charset "utf-8";
/* CSS Document */

/*-------------------------------------*/
/*		   		エラー部分	 	       */
/*-------------------------------------*/
.error{
	font-weight: bold;			/*フォントの太さ*/
	color: #F33;				/*文字色：色名（Webカラー 216色）*/
	font-size: 70%;				/*フォントサイズ(%)*/
}

/*-------------------------------------*/
/*		   	  fieldset部分	 	       */
/*-------------------------------------*/
#fieldset{
	width: 580px;				/*横幅の指定(px指定)*/
	height: auto;				/*縦幅：自動*/
	margin: 20px auto;			/*マージン：左右自動*/
	padding: 10px;				/*パディング：［上下左右］を指定*/
	border: double 5px #19448e; /*二重の線　太さ　瑠璃紺るりこん*/
}

/*-------------------------------------*/
/*				form部分  		       */
/*-------------------------------------*/

/*全体要素*/
#form{
	margin: 0 auto;				/*マージン：左右自動*/
	width: 560px;				/*横幅の指定(px指定)*/
}

.form_l,.form_r{
	height: 60px;				/*縦幅の指定(px指定)*/
	float: left;				/*横並び配列：左揃え*/
	background-color: #FFF;		/*背景色：色名（Webカラー 216色）*/
}

/*表示部分*/
.form_l{
	padding-right: 10px;		/*パディング：［右］のみ指定*/
	width: 170px;				/*横幅の指定(px指定)*/
	text-align: right;			/*テキスト：右揃え*/
}

/*入力部分*/
.form_r{
	width: 380px;				/*横幅の指定(px指定)*/
}

.form_r_text{
	margin-bottom: 20px;		/*マージン：［下］のみ指定*/
	width: 380px;				/*横幅の指定(px指定)*/
	float: left;				/*横並び配列：左揃え*/
	background-color: #FFF;		/*背景色：色名（Webカラー 216色）*/
}

/*-------------------------------------*/
/*		   　　　調整部分　 	       */
/*-------------------------------------*/

.textbox{
	clear: both;				/*回り込み解除*/
	margin-bottom: 10px;		/*マージン：［下］のみ指定*/
	padding: 5px 20px;			/*パディング：［上下] と［左右］を指定*/
	width: 520px;				/*横幅の指定(px指定)*/
	background-color: #FFF;		/*背景色：色名（Webカラー 216色）*/
}

.buttonbox{
	display: block;				/*表示形式：ブロックレベル*/
	float: left;				/*横並び配列：左揃え*/
	width: 200px;				/*横幅の指定(px指定)*/
	text-align: center;			/*テキスト：センタリング*/
}

.need{
	font-weight: bold;			/*フォントの太さ*/
	color: #F00;				/*文字色：色名（Webカラー 216色）*/
}

.text{
	font-weight: bold;			/*フォントの太さ*/
	color: #3eb370;				/*文字色：緑みどり*/
}

/*-------------------------------------*/
/*		   bottun部分(デザイン)        */
/*-------------------------------------*/
.button {
	display: inline-block;		/*CSS2.1*/
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block : 拡大 */
	*display: inline;			/*表示形式：インライン（初期値）*/
	vertical-align: baseline;	/*指定要素のベースラインと、親要素のベースラインを揃える （初期値）*/
	margin: 0 2px;				/*マージン：［上下] と［左右］を指定*/
	outline: none;				/*アウトライン：なし*/
	cursor: pointer;			/*カーソル：リンク*/
	text-align: center;			/*テキスト：センタリング*/
	text-decoration: none;		/*下線なし*/
	padding: .5em 2em .55em;	/*パディング：［上］と［左右］と［下］を指定*/
	text-shadow: 0 1px 1px rgba(0,0,0,.3);		/*ドロップシャドウ:水平方向の距離 垂直方向の距離 影のぼかし半径 グラデーション*/
	border-radius: .5em;			/*CSS3草案：４つの角を角丸に*/
	-webkit-border-radius: .5em; 	/* GoogleChrome,Safari：４つの角を角丸に */
	-moz-border-radius: .5em;		/* Firefox：４つの角を角丸に */
	box-shadow: 0 1px 2px rgba(0,0,0,.2);			/*CSS3草案：ボックスシャドウ*/
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	/* Firefox：ボックスシャドウ */
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);		/* GoogleChrome,Safari：ボックスシャドウ */
}	
.button:hover {
	text-decoration: none;			/*下線なし*/
}
.button:active {
	position: relative;				/*相対配置*/
	top: 1px;						/*上方向*/
}

.bigrounded {
	border-radius: 2em;				/*CSS3草案：４つの角を角丸に*/
	-webkit-border-radius: 2em;		/* GoogleChrome,Safari：４つの角を角丸に */
	-moz-border-radius: 2em;		/* Firefox：４つの角を角丸に */
}
.medium {
	padding: .4em 1.5em .42em;		/*パディング：［上］と［左右］と［下］を指定*/
	font-size: 12px;				/*フォントサイズ(px)*/
}
.small {
	padding: .2em 1em .275em;		/*パディング：［上］と［左右］と［下］を指定*/
	font-size: 11px;				/*フォントサイズ(px)*/
}

/*-------------------------------------*/
/*		   bottun部分(色指定) 	       */
/*-------------------------------------*/

/* white */
.white {
	color: #606060;					/*文字色：色名（16進数）*/
	border: solid 1px #b7b7b7;		/*実線　太さ　色*/
	background: #fff;				/**/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;			/*背景色：色名（16進数）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;					/*文字色：色名（Webカラー 216色）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}