@charset "utf-8";
/*------------------------------------
 
CSS Information
 
  Site URL: http:www.kitanihon-gas.co.jp/
  File name: form.css
  Summary: form styles
  Created: 
  Last update: 2011.11.28
  Author:
  Base-Color:#39A727
 
  Order of description
  	=01.Contact-form
		=01-0.Common
		=01-1.FormArea

 
 
------------------------------------*/




/*	=01-0.Common
-----------------------------------------------------------------------*/
#Contact-form{ 
	margin-top:30px;
	margin-bottom:100px;
}




#Contact-form #ContentsArea h2{
	font-size:18px; text-align:left; color:#39A727; font-weight:bold;
	padding-left:21px; margin-bottom:10px;
	background: url(../images/icon_ttl.gif) no-repeat left center;
}





/*	=01-1.FormArea
-----------------------------------------------------------------------*/


#Contact-form #ContentsArea #outLine{ margin-bottom:15px;}
#Contact-form #ContentsArea #outLine li{
	font-size:13px;
    padding: 0 0 5px 0.5em;
    text-indent: -0.5em;
}

#Contact-form #ContentsArea p.att{
	font-size:12px; text-align:left; line-height:1.5;
	background:#EEE; padding:5px;
	margin-bottom:15px;
}

#Contact-form #ContentsArea p.att strong{ font-weight:bold;}

#Contact-form #ContentsArea p.att span{ color:#FF0000; font-size:15px;}


#Contact-form #ContentsArea div{
	width:668px;
	padding:15px;
	border:1px solid #CCC;
}


#Contact-form #ContentsArea div button,
#Contact-form #ContentsArea div fieldset,
#Contact-form #ContentsArea div form,
#Contact-form #ContentsArea div input,
#Contact-form #ContentsArea div label,
#Contact-form #ContentsArea div legend,
#Contact-form #ContentsArea div select,
#Contact-form #ContentsArea div textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit; font-weight:inherit;
	margin:0; padding:0;
	vertical-align:baseline;
}

#Contact-form #ContentsArea div input[type="checkbox"],
#Contact-form #ContentsArea div input[type="radio"] {
vertical-align:text-bottom;
}  

#Contact-form #ContentsArea div p{
	font-size:13px;
	line-height:1.6;
	margin-bottom:15px;
}

#Contact-form #ContentsArea div fieldset{
	border:1px solid #39A727; margin-bottom:20px; padding:10px 0 0;
	background:#FFF;
}


#Contact-form #ContentsArea div legend {
	color:#39A727; font-size:18px; font-weight:bold;
	margin-left:5px; padding:0 5px;
}


#Contact-form #ContentsArea div fieldset p.Caution{
	color:#FF0000; margin:0 0 10px; padding:0 0 0 15px;
}

#Contact-form #ContentsArea div fieldset p.Caution strong{ font-weight:bold;}

#Contact-form #ContentsArea div dl{
	width:650px;
	margin:0 auto 10px;
	padding:0 0 10px;
	border-bottom:1px dotted #CCC;
	overflow:hidden;
}

#Contact-form #ContentsArea div dl.line{ border-bottom:1px dotted #CCC;}

#Contact-form #ContentsArea div dl dt{
	float:left;
	clear:both;
	width:112px;
	margin-right:10px;
	text-align:right;
}

#Contact-form #ContentsArea div dl dd{
	width:528px;
	float:left;
}

#Contact-form #ContentsArea div dl dt,
#Contact-form #ContentsArea div dl dd{
	font-size:13px;
}


#Contact-form #ContentsArea div dl dt span{ color:#FF0000; font-size:15px; padding-right:3px;}
#Contact-form #ContentsArea div dl dd span{ font-size:10px;}


#Contact-form #ContentsArea div dl dd input{ height:21px; color:#0000CC;}
#Contact-form #ContentsArea div dl dd input.w240{ width:240px;}
#Contact-form #ContentsArea div dl dd input.tel{ width:70px;}
#Contact-form #ContentsArea div dl dd input.radio{ position:relative; margin-right:5px; top:2px;}

#Contact-form #ContentsArea div dl dd textarea{width:500px; height:100px;}


#Contact-form #ContentsArea div dl dd ul{ width:525px; overflow:hidden;}
#Contact-form #ContentsArea div dl dd ul li{ width:175px; float:left; padding:0 0 3px;}
#Contact-form #ContentsArea div dl dd ul li input{ margin-right:3px; position:relative;top:3px;}


#Contact-form #ContentsArea div ul#Btn{
	width:500px; margin:0 auto;
	text-align:center;
	overflow:hidden;
}
#Contact-form #ContentsArea div ul#Btn li{ width:250px; float:left; text-align:center;}