@charset 'UTF-8';

/* -----------------------------------------------------------------------------
style for forms
-------------------------------------------------------------------------------- */
p.form_des a {
	color: #4d4d4d;
	text-decoration: none;
	padding-left: 27px;
	background: url(../img/arrow2.gif) no-repeat 5px 50%;
	padding-top: 3px;
	padding-bottom: 2px;
	}

p.form_des a:hover {
	color: #000099;
	text-decoration: underline;
	}

p.form_des em {
	color: #ff0000;
	font-weight: bold;
	}

div.formsect {
	margin-left: 50px;
	margin-right: 50px;
	padding: 5px 15px 17px 5px;
	clear: both;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica;
	background: url(../img/divide_line.gif) no-repeat 50% bottom;

	}

label {
	color: #4d4d4d;
	font-size: 12px;
	}

div.formsect#last {
	background-image: none;
	}

div.formsect .label {
	text-align: right;
	clear: left;
	display: block;
	float: left;
	width: 100px;
	line-height: 1.7em;
	padding-top: 10px;
	}

div.formsect .control {
	font-size: 12px;
	color: #4d4d4d;
	display: block;
	margin-left: 120px;
	line-height: 1.7em;
	padding-top: 10px;
	}

div.formsect p.form_des em, label.label em {
	color: #ff0000;
	font-weight: bold;
	}

div.formsect input, select, textarea {
	font-size:12px;
	line-height: 1.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	vertical-align: middle;
	color: #333333;
	background: #f1f1ed;
	padding: 2px;
	}

div.formsect input.radio {
	border-style: none;
	color: #000000;
	background: transparent;
	margin-bottom: 2px;
	}

div.biggercolorbox_a-content .control .formattn, div.biggercolorbox_c-content .control .formattn {
	font-size: 10px;
	padding-left: 8px;
	line-height: 1.5em;
	color: #676767;
	}

div.formsect input:focus, select:focus, textarea:focus {background: #ffffff;}


/*----input parts--------------- */
#type {width: 180px;}
#serialnb {width: 150px;}
#id1, #id2, #id3, #id4 {width: 50px;}
#name, #name_2, #meigi {width: 180px;}
#zip {width: 150px;}
#company, #company2 {width: 200px;}
#address {width: 300x;}
#tel, #fax {width: 200px;}
#mail, #mail_cc, #url {width: 290px;}
#title, #target, #version {width: 300px;}
#comment, #function {widht: 350px;}
#illustrator {width: 270px;}


/*----submit button------------------ */

div.formsect button#postform {
	width: 142px;
	height: 28px;
	margin: 20px 0 0 380px;
	color: #ffffff; 
	background: url(../img/postbutton.gif) no-repeat 50% bottom;
	border: none;
	display: block;
	cursor: pointer;
	}

div.formsect button p.post, div.formsect button p.reset {
  font-size: 12px;
  font-weight: bold;
  line-height: 28px;
  color: #fff;
}

div.formsect button#post {
	width: 142px;
	height: 28px;
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 15px;
	color: #fff; 
	background: url(../img/postbutton.gif) no-repeat 50% bottom;
	border: none;
	display: block;
	cursor: pointer;
	float: right;
	}

div.formsect button#reset {
	width: 142px;
	height: 28px;
	margin-top: 20px;
	margin-bottom: 15px;
	color: #fff;
	background: url(../img/resetbutton.gif) no-repeat 50% bottom;
	border: none;
	display: block;
	cursor: pointer;
	text-align: center;
	float: right;
	}