/*
-------------------------------------------------------------------------------------
handcol.com style sheet
Contect
-------------------------------------------------------------------------------------
*/

/*
-------------------------------------------------------
	 contact (コンタクト)
-------------------------------------------------------
*/

/* [囲み] */
#maincontents #contact
{
	margin: 30px 20px 60px 0px;
	padding: 0px 0px 0px 30px;
}

/* [キャプション] */
#maincontents #contact h2
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	font-size: 130%;
	font-weight:bold;
	border:solid #71a5ca;
	border-width: 0px 0px 0px 8px;
}


	/*
	-------------------------------------------------------
		 mainarea (本文エリア)
	-------------------------------------------------------
	*/
	
	/* [囲み] */
	#maincontents #contact #mainarea
	{
		margin: 2em 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-size: 95%;
		line-height:150%;
	}
	
	/* [画像01] */
	#maincontents #product #mainarea .img01
	{
		margin: 1em 0px 3em 0px;
		padding: 0px 0px 0px 0px;
		border:solid #9bd;
		border-width: 1px;
	}

	/*
	-------------------------------------------------------
		アンカーリンク
	-------------------------------------------------------
	*/
	#maincontents #contact #mainarea a{color:#22f;text-decoration:none;	border:dotted #333; border-width: 0px 0px 1px 0px;}
	#maincontents #contact #mainarea a:link {color:#22f;text-decoration:none;	border:dotted #333; border-width: 0px 0px 1px 0px;}
	#maincontents #contact #mainarea a:visited{color:#c5a;text-decoration:none;}
	#maincontents #contact #mainarea a:hover{color:#fff;text-decoration:none;background-color:#45c78e; border:none;}
		
		
		/*
		-------------------------------------------------------
			 contactform (連絡用フォーム)
		-------------------------------------------------------
		*/
		
		/* [囲み] */
		#maincontents #contact #contactform
		{
			margin: 2em 0px 0px 0px;
			padding: 10px;
			width:90%;
			border:solid #9bd;
			border-width: 1px;
			background-color:#F4FBFF;
			font-size: 95%;
			line-height:150%;
		}
		
		/* [入力項目名] */
		#maincontents #contact #contactform .input_caption
		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 6px;
			border:solid #9be;
			border-width: 0px 0px 0px 7px;
		}
		
		/* [詳細の説明] */
		#maincontents #contact #contactform .input_sub
		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-size:small;
			color: #c33;
		}
		
		
			/*
			-------------------------------------------------------
				 inputarea_name (名前入力欄)
			-------------------------------------------------------
			*/
			
			/* [囲み] */
			#maincontents #contact #contactform #inputarea_name
			{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 10px 0px;
				border:dotted #339;
				border-width: 0px 0px 1px 0px;
			}
			
			/* [入力欄] */
			#maincontents #contact #contactform .input_name
			{
				margin: 0px;
				padding: 2px;
				background-color:#fff;
				border:solid #679;
				border-width: 1px;
				width:20em;
			}
			
			/*
			-------------------------------------------------------
				 inputarea_mail (メールアドレス入力欄)
			-------------------------------------------------------
			*/
			
			/* [囲み] */
			#maincontents #contact #contactform #inputarea_mail
			{
				margin: 10px 0px 0px 0px;
				padding: 0px 0px 10px 0px;
				border:solid #aac;
				border-width: 0px 0px 1px 0px;
			}
			
			/* [入力欄] */
			#maincontents #contact #contactform .input_mail
			{
				margin: 0px;
				padding: 2px;
				background-color:#fff;
				border:solid #679;
				border-width: 1px;
				width:40em;
			}
			
			/*
			-------------------------------------------------------
				 inputarea_text (お問い合わせ内容)
			-------------------------------------------------------
			*/
			
			/* [囲み] */
			#maincontents #contact #contactform #inputarea_text
			{
				margin: 10px 0px 0px 0px;
				padding: 0px 0px 10px 0px;
				border:solid #aac;
				border-width: 0px 0px 1px 0px;
			}
			
			/* [テキスト入力欄] */
			#maincontents #contact #contactform .input_text
			{
				margin: 0px;
				padding: 2px;
				background-color:#fff;
				border:solid #679;
				border-width: 1px;
				width: 90%;
				height:8em;
			}
			
			/*
			-------------------------------------------------------
				 b_submit (送信ボタン)
			-------------------------------------------------------
			*/
			
			/* [囲み] */
			#maincontents #contact #contactform #b_submit
			{
				margin: 10px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				height: 3em;
			}