@charset "UTF-8";

/* 
	form css file
	create : 080609 
	update : 080624
*/

/* -------------------------------------------------- form elements */

div#mainContents dl.inquiryForm dt {
	float: left;
	clear: left;
	width: 300px;
	padding: 5px 0;
	border-top: 1px dashed #999;
}

div#mainContents dl.inquiryForm dt.heading {
	clear: left;
	width: 100%;
}

div#mainContents dl.inquiryForm dd {
	float: left;
	width: 390px;
	padding: 5px 0 5px 10px;
	border-top: 1px dashed #999;
}

* html div#mainContents dl.inquiryForm dt {
	display:inline-block;
	width: 297px;
	height:1px;
	zoom:1;
}
* html div#mainContents dl.inquiryForm dd {
	display:inline-block;
	width: 390px;
	height:1px;
	zoom:1;
}

*:first-child+html div#mainContents dl.inquiryForm dd {
	float: none;
	width: auto;
}

div#mainContents dl.inquiryForm dt.firstChild,
div#mainContents dl.inquiryForm dd.firstChild { border-top: none; }

div#mainContents dl.inquiryForm dt.lastChild,
div#mainContents dl.inquiryForm dd.lastChild { padding-bottom: 0; }

div#mainContents dl.inquiryForm dd p { margin: 0; }

div#mainContents dl.inquiryForm dd ul {
	clear: none;
	margin: 0;
}

div#mainContents dl.inquiryForm dd input.comdhokan_other { margin-left: 5px; }

div#mainContents dl.inquiryForm dd.insideForm {
	width: 100%!important;
	margin-left: 0!important;
	padding-left: 0;
	border-top: none;
}

div#mainContents dl.inquiryForm dd.insideForm dl { margin: 0; }

div#mainContents dl.inquiryForm dd.insideForm dl dt {
	border-top: none;
	font-size: 100%;
}

div#mainContents dl.inquiryForm dd.insideForm dl dd {
	padding: 4px 0 4px 10px;
	border-top: none;
	font-size: 100%;
}

div#mainContents dl.inquiryForm dd.insideForm dl dd input.inpuiry_mid { margin-right: 10px; }

div#mainContents dl.inquiryForm dd.insideForm dl dd.attention { margin: 0 0 0 224px !important; padding-top:0 !important;  }

* html div#mainContents dl.inquiryForm dd.insideForm dl dd.attention { margin: 0 0 0 124px !important; padding:0; width:484px;}

div#mainContents dl.inquiryForm dd.insideForm dl dd.attention dl.notes { clear: both; }

* div#mainContents dl.inquiryForm dd.insideForm dl dd.attention dl.notes{
}

div#mainContents dl.inquiryForm dd.insideForm dl dd.attention dl.notes dt {
	float: left;
	width: 2em;
	color: #FF0000;
	padding:0;
}

div#mainContents dl.inquiryForm dd.insideForm dl dd.attention dl.notes dd {
	float: none;
	width: auto;
	margin-left: 2em;
	padding:0;
	color: #FF0000;
}

* html div#mainContents dl.inquiryForm dd.insideForm dl dd.attention dl.notes dd {
	padding-left: 3px;
	text-indent: -3px;
}

div#mainContents dl.inquiryForm dd input,
div#mainContents dl.inquiryForm dd textarea { max-width: 385px; }
div#mainContents dl.inquiryForm dd input.typeA { width: 265px; }
div#mainContents dl.inquiryForm dd input.typeB { width: 165px; }

/* -------------------------------------------------- form elements */
div#mainContents dl.enqueteForm{
}
div#mainContents dl.enqueteForm dt {
	padding: 4px 10px;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

div#mainContents dl.enqueteForm dt em { font-weight: normal; }

div#mainContents dl.enqueteForm dd { padding: 5px 10px; }

div#mainContents dl.enqueteForm dd.lastChild { padding-bottom: 0; }

div#mainContents dl.enqueteForm dd dl { margin: 0; }

div#mainContents dl.enqueteForm dd dl dt {
	border-bottom: none;
	font-weight: normal;
	font-size: 100%;
}

div#mainContents dl dd ul.multiChoice { margin-right: 0;margin-bottom: 0; }

div#mainContents dl dd ul.multiChoice li { float: left; }

* html div#mainContents dl dd ul.multiChoice li { white-space: nowrap; }
*:first-child+html div#mainContents dl dd ul.multiChoice li { white-space: nowrap; }

div#mainContents dl dd ul.typeA li { width: 100%; }
div#mainContents dl dd ul.typeB li { width: 50%; }
div#mainContents dl dd ul.typeC li { width: 33.3%; }
div#mainContents dl dd ul.typeD li { width: 25%; }
div#mainContents dl dd ul.typeE li { width: 20%; }

div#platform div#mainContents ul.btnLinksB { text-align: center; }

div#platform div#mainContents ul.btnLinksB li {
	display: inline;
	float: none;
}

div#platform div#mainContents ul.btnLinksB li.firstChild { margin-right: 10px; }

/**** 081126 add ****/
div#mainContents dl.enqueteForm dd{
	margin-bottom: 10px;
}
div#mainContents dl.enqueteForm dd.lastChild{
	margin-bottom: 20px;
}

div#mainContents dl.enqueteForm dd.lastChild ul.multiChoice{
	margin-top: 5px;
}

div#mainContents dl.enqueteForm dd.lastChild ul.multiChoice li{
	margin-bottom: 0;
	padding-bottom: 0;
}

div#mainContents dl.enqueteForm dd.lastChild ul.multiChoice li input{
	padding:0px;
	margin-top: 0px;
	margin-bottom: 5px;
}


/* -------------------------------------------------- mailmagazineForm elements */
div#mainContents p.keyVisual { text-align: center; }

div#mainContents h1.keyVisual {
	margin-left: 10px;
	padding: 0;
	background-image: none;
}

div#platform.mailmagazineForm div#mainContents {
	float: none;
	/*width: 680px;*/
	margin: 0 auto;
}


/*div#platform.mailmagazineForm div#mainContents dl.inquiryForm dt { width: 270px; }*/
/*div#platform.mailmagazineForm div#mainContents dl.inquiryForm dd { width: 360px; }*/
/** html div#platform.mailmagazineForm div#mainContents dl.inquiryForm dt { float:left;clear:both;width: 270px; }*/
/**:first-child+html div#platform.mailmagazineForm div#mainContents dl.inquiryForm dt { width: 270px; }*/

/** html div#platform.mailmagazineForm div#mainContents dl.inquiryForm dd {
	float:left;
	width: 360px;
}*/

/**:first-child+html div#platform.mailmagazineForm div#mainContents dl.inquiryForm dd {
	width: auto;
	margin-left: 270px;
}*/

* html div#platform.mailmagazineForm { text-align: center; }
* html div#platform.mailmagazineForm div#mainContents { text-align: left; }

div#platform.mailmagazineForm div#mainContents dl.inquiryForm dd input { max-width: 325px; }
div#platform.mailmagazineForm div#mainContents dl.enqueteForm dd textarea { max-width: 700px; }


/* -------------------------------------------------- Mem add elements */

div#mainContents dl dd ul.free li { padding-right:10px; }

div#mainContents dl dd select,
div#mainContents dl dd textarea { margin-bottom:10px; }

input.ml10{ margin-left:10px; }
.mb10{ margin-bottom:10px; }

div#mainContents dl.enqueteForm dd input.typeC { width: 620px; }

div#mainContents dl.enqueteForm dd.lastChild input { margin-bottom:10px; }

div#mainContents div.singleForm {
	padding: 5px 0 5px 10px;
}

div#mainContents div.singleForm p{
	margin-left: 0;
}

div#mainContents div.singleForm textarea,
div#mainContents div.singleForm select {
	margin-bottom: 10px;
}

div#mainContents input.type5,div#mainContents textarea.type5 { width:75px; }
div#mainContents input.type10,div#mainContents textarea.type10{ width:150px; }
div#mainContents input.type20,div#mainContents textarea.type20{ width:300px; }
div#mainContents input.type30,div#mainContents textarea.type30{ width:450px; }
div#mainContents input.typeMax,div#mainContents textarea.typeMax{ width:700px; }



div#areaQuestion{
	padding: 0 12px 10px 12px;
}

body.anq{
	background-color:#FFF9EB;
	margin:0px;
	padding:0px;
}

body.anq div#platform{
	background-color:#FFF9EB;
	width:95%;
	margin:0px;
	padding:20px 0 0 0;
}

* html body.anq div#platform{
	width:100%;
}

body.anq div#platform div#mainContents {
	float: left;
	width:100%;
	margin: 0px;
	padding:0 10px 20px 10px;
}

body.anq div#platform div#mainContents .action{
	margin: 0px;
	padding: 0px;
}
body.anq div#platform div#mainContents .action .explanatory{
	background-color:#ffffff;
	margin: 0 10px 10px 10px;
	padding-top: 10px;
	width:auto;
}
body.anq div#platform div#mainContents .boxedItem{
	width:100%;
	margin:0px;
	padding:0px;
}

body.anq div#platform div#mainContents dl.inquiryForm { width: 95%; }
body.anq div#platform div#mainContents dl.inquiryForm dt { width: 139px; }
body.anq div#platform div#mainContents dl.inquiryForm dd { width: 290px; }

* html body.anq div#platform div#mainContents dl.inquiryForm dt { margin-right: 0px; }
* html body.anq div#platform div#mainContents dl.inquiryForm dd { margin-left: 0px; }

body.anq div#platform div#mainContents dl.inquiryForm dd ul.multiChoice,
body.anq div#platform div#mainContents dl.inquiryForm dd ul.multiChoice li { width: auto; }
body.anq div#platform div#mainContents dl.inquiryForm dd textarea { width: 100%; }

body.anq div#platform div#mainContents h1{
	background-image: none;
	text-align: center;
	padding: 0px;
	margin: 0 0 20px 0;
}
body.anq div#platform div#mainContents p.comment{
	text-align: center;
	margin: 0 0 1em 0;
}

body.anq div#platform div#mainContents p.comment2{
	text-align: center;
	margin: 0 0 50px 0;
}

body.anq div#platform div#mainContents ul.btnLinksB li input{
	margin: 0 10px 0 10px;
}





/* ------- add 090127 ------- */
/* (chenge 2010 renew) */

div#platform div#mainContents div.enq {
	float:right;
	text-align:left;
	padding:5px;
	width:530px;
	background:url(/common/images/2010/enq_back.gif) left top;
}

* html div#platform div#mainContents div.enq{
}

div#platform div#mainContents div.enq div.enqInner{
	padding:10px 10px 20px;
	background:#F5F5F0;
}
div#platform div#mainContents div.enq .enqBtnArea{
	width:510px;
	position:relative;
}
div#platform div#mainContents div.enq .enqBtnArea h2{
	margin:0 0 10px;
}
div#platform div#mainContents div.enq .enqBtnArea h2 span.heading2{
	display:block;
	width:360px;
}
*html div#platform div#mainContents div.enq .enqBtnArea h2 span.heading2{
	width:380px;
}
div#platform div#mainContents div.enq .enqBtnArea p{
	position:absolute;
	top:-6px;
	right:0;
}

div#platform div#mainContents div.enq .action{
	margin: 0px;
	padding: 0px;
}
div#platform div#mainContents div.enq .action .explanatory{
	background-color:#ffffff;
	margin: 0 10px 10px 10px;
	padding-top: 10px;
	width:auto;
}
div#platform div#mainContents div.enq .boxedItem{
	width:100%;
	margin:0px;
	padding:0px;
	background:none;
}


div#platform div#mainContents div.enq dl{
background:url(/common/images/2010/enq_form_bg.gif) repeat-y top left;
border:1px solid #CCC;
}

div#platform div#mainContents div.enq dl.inquiryForm { width: 488px; }
div#platform div#mainContents div.enq dl.inquiryForm dt { width: 100px; border-top:1px solid #CCC; padding:10px; font-weight:bold; color:#663300;}
div#platform div#mainContents div.enq dl.inquiryForm dd { width: 343px; border-top:1px solid #CCC; padding:10px 10px 10px 15px;}
div#platform div#mainContents div.enq dl.inquiryForm dt.firstChild{ border-top:none; }
div#platform div#mainContents div.enq dl.inquiryForm dd.firstChild{ border-top:none; }

div#platform div#mainContents div.enq dl.inquiryForm dd p{ padding:0; }
div#platform div#mainContents div.enq dl.inquiryForm dd textarea{
	width:333px !important;
	margin:0;
}

* html div#platform div#mainContents div.enq dl.inquiryForm dt { width:120px; }
* html div#platform div#mainContents div.enq dl.inquiryForm dd { width: 366px; }

div#platform div#mainContents div.enq dl.inquiryForm dd ul.multiChoice,
div#platform div#mainContents div.enq dl.inquiryForm dd ul.multiChoice li { width: auto; }
div#platform div#mainContents div.enq dl.inquiryForm dd textarea { width: 100%; }

div#platform div#mainContents div.enq h1{
	background-image: none;
	text-align: center;
	padding: 0px;
	margin: 0 0 20px 0;
}
div#platform div#mainContents div.enq p.comment{
	text-align: center;
	margin: 0 0 1em 0;
}

div#platform div#mainContents div.enq p.comment2{
	text-align: center;
	margin: 0 0 50px 0;
}

div#platform div#mainContents div.enq ul.btnLinksB li input{
	margin: 0 10px 0 10px;
}
div#platform div#mainContents div.enq ul.btnLinksB{
	margin-bottom:0;
}
div#platform div#mainContents div.enq p.note{
	padding-left:1em;
	text-indent:-1em;
}




/* 2010 renew basic form */
div#mainContents div.formTpl{
margin-left:0;
margin-right:0;
padding:0;
border:1px solid #CCC;
background:#FFF;
margin:0 10px 20px;
}
div#mainContents div.formTpl dl.inquiryForm{
background:url(/common/images/2010/form_tpl_bg.gif) repeat-y top left;
margin:0;
}
* html div#mainContents div.formTpl dl.inquiryForm dt {
	display:inline-block;
	width: 224px;
	height:1px;
	zoom:1;
}
* html div#mainContents div.formTpl dl.inquiryForm dd {
	display:inline-block;
	width: 484px;
	height:1px;
	zoom:1;
}

div#mainContents div.formTpl dl.inquiryForm dt {
	border-top:1px solid #CCC;
	clear:left;
	float:left;
	padding:10px;
	width:204px;
	color:#663300;
}
div#mainContents div.formTpl dl.inquiryForm dt span.fwB {
	font-weight:bold;
}
div#mainContents div.formTpl dl.inquiryForm dd {
	border-top:1px solid #CCC;
	float:left;
	padding:10px 10px 10px 20px;
	width:464px;
}
div#mainContents div.formTpl dl.inquiryForm dt.heading {
	clear:left;
	width:698px;
	padding:10px 10px 0;
}
* html div#mainContents div.formTpl dl.inquiryForm dt.heading {
	width:718px;
}
div#mainContents div.formTpl dl.inquiryForm dd.insideForm {
	border-top:medium none;
	margin-left:0 !important;
	padding:0;
	width:698px;
}
div#mainContents div.formTpl dl.inquiryForm dd.insideForm dd{
	padding:10px 10px 10px 20px;
}
div#mainContents div.formTpl dl.inquiryForm dd.insideForm dd select{
	margin-bottom:0;
}
div#mainContents div.formTpl dl.inquiryForm dd.insideForm dd.firstChild{
	padding-top:0;
}
div#mainContents div.formTpl dl.inquiryForm dd.insideForm dt.firstChild{
	padding-top:0;
}
div#mainContents div.formTpl dl.inquiryForm dd.lastChild{
	padding-bottom:0
}
div#mainContents div.formTpl dl.inquiryForm dt.firstChild,
div#mainContents div.formTpl dl.inquiryForm dd.firstChild{
	border-top:none;
}





/* add 20100621 */
div#mainContents div#formTplArea dl{
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
}
div#mainContents div#formTplArea dl.inquiryForm {
	background:url("/common/images/2010/form_tpl_bg.gif") repeat-y scroll left top transparent;
}
div#mainContents div#formTplArea dl.inquiryForm dt {
	border-top:1px solid #CCCCCC;
	clear:left;
	color:#663300;
	float:left;
	padding:10px;
	width:204px;
}
* html div#mainContents div#formTplArea dl.inquiryForm dt {
	padding:10px 0 10px 5px;
	width:224px;
}
*:first-child+html div#mainContents div#formTplArea dl.inquiryForm dt {
	padding:10px 0 10px 5px;
	width:224px;
}
div#mainContents div#formTplArea dl.inquiryForm dd {
	border-top:1px solid #CCCCCC;
	float:left;
	padding:10px 10px 10px 20px;
	width:464px;
}
* html div#mainContents div#formTplArea dl.inquiryForm dd {
	padding:10px 10px 10px 10px;
	width:494px;
}
*:first-child+html div#mainContents div#formTplArea dl.inquiryForm dd {
	padding:10px 0 10px 5px;
	width:479px;
}
div#mainContents div#formTplArea dl.inquiryForm dt.firstChild,
div#mainContents div#formTplArea dl.inquiryForm dd.firstChild {
	border-top:medium none;
}

/* EOF */