@charset "UTF-8";

/* 
	form css file
	create : 081208 
	update : 081208
*/

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

#mainContents .locator .areaRight{
	float:right;
	text-align:left;
	width:350px;
	margin-right:10px;
}

* html #mainContents .locator .areaRight{
	margin-right:0px;
}

#mainContents .locator .areaRight table{
	width:340px;
}

#mainContents .locator .areaRight table thead tr th{
	text-align:center;
	vertical-align:top;
	line-height:1;
}
#mainContents .locator .areaLeft{
	float:left;
	width:170px;
}

#mainContents .locator .areaLeft table{
	width:170px;
	margin-right:0px;
}

#mainContents .locator .areaLeft table.w520{
	width:520px;
}

#mainContents table.w720{
	width:720px;
}

#mainContents table.w720 thead tr th,
#mainContents table.w720 thead tr td,
#mainContents table.w720 tbody tr th,
#mainContents table.w720 tbody tr td{
	padding:3px;
}

#mainContents table.w720 tbody tr.theader th{
	background-color:#FFEFD4;
	vertical-align:middle;
	text-align:center;
}
#mainContents table.w720 tbody tr.theader td{
	background-color:#FFF9EB;
}


#mainContents .locator .areaLeft table thead tr,
#mainContents .locator .areaLeft table tbody tr,
#mainContents .locator .areaLeft table thead tr th,
#mainContents .locator .areaLeft table tbody tr th,
#mainContents .locator .areaLeft table thead tr td,
#mainContents .locator .areaLeft table tbody tr td,
#mainContents .locator table.w520 thead tr,
#mainContents .locator table.w520 tbody tr,
#mainContents .locator table.w520 thead tr th,
#mainContents .locator table.w520 tbody tr th,
#mainContents .locator table.w520 thead tr td,
#mainContents .locator table.w520 tbody tr td,
#mainContents table.w720 thead tr th,
#mainContents table.w720 thead tr td,
#mainContents table.w720 tbody tr td,
#mainContents table.w930 thead tr th,
#mainContents table.w930 tr.theader th {
	text-align:center;
	vertical-align:middle;
	line-height:1;
	font-size:1%;
}
#mainContents table.w720 tbody tr th{
	font-size:70%;
}

#mainContents .btnAreaCenter {
	text-align:center;
	/*margin-bottom:10px;*/
}

div#mainContents p.list span {
	white-space:nowrap;
}

div.linkArea {
	color:#333;
	font-size:83%;
	font-weight:bold;
}

div.linkArea span {
	display:-moz-inline-box;
	display:inline;
	zoom:1;
	font-weight:normal;
}
div.linkArea span {
	display:inline-block;
	margin:0 3px;
	padding:5px 2px;
}
div.linkArea span em{
	font-weight:bold;
	color:#F00;
}
div.linkArea a {
	display:-moz-inline-box;
	display:inline;
	zoom:1;
}
div.linkArea a {
	/*color:#333;*/
	display:inline-block;
	margin:0 3px;
	font-weight:normal;
	padding:5px 2px;
}
/*div.linkArea a:hover {
	color:#999;
}

div.linkArea a:visited {
	color:#999;
}*/
div.linkArea span.back {
	padding:5px 5px 5px 5px;
}
div.linkArea span.next {
	padding:5px 5px 5px 5px;
}

div.topLink {
	padding-bottom:10px;
}
div.titleBtnArea{
	position:relative;
	width:540px;
}

div.titleBtnArea h1{
	width:300px;
}

div.titleBtnArea p{
	position:absolute;
	width:200px;
	height:30px;
	top:0px;
	right:0px;
	border:0px;
	padding:0px;
	margin:0px;
}
* html div.titleBtnArea p{
	top:20px;
}

div.titleBtnAreaWide{
	position:relative;
	width:740px;
}

div.titleBtnAreaWide h2{
	width:495px;
}

* html div.titleBtnAreaWide h2{
	width:515px;
}

div.titleBtnAreaWide p{
	position:absolute;
	width:200px;
	height:30px;
	top:0px;
	right:0px;
	border:0px;
	padding:0px;
	margin:0px;
}
* html div.titleBtnAreaWide p{
	top:20px;
}

#mainContents ul.links li.back{
	background-image:url(/common/images/marker-link-back.gif);
	background-position:left 2px;
}

#mainContents ul.links li.back a{
	padding-left:5px;
}

#mainContents .txtAR{
	text-align:right;
}


#mainContents .column3A .form3A {
	margin:0px;
	padding:0px;
	width:120px;
	height:18px;
}
#mainContents .allergy p{
	float:left;
	display:inline;
	margin:0 10px 0 10px;
}
#mainContents .allergy p.text {
	line-height:1.5;
}
#mainContents .allergy p.text span{
	color:#CC0000;
}

#mainContents p.allergy{
	margin:5px 0 5px 10px;
}
#localNavi p.allergy{
	padding:0 0 10px 0;
	margin:0 8px 10px;
	background:url(/common/images/2010/ln_dotline.gif) repeat-x bottom left;
}
#localNavi p.allergy span{
	display:block;
	margin:5px 0 0 0;
	color:#CC0000;
}

#mainContents p.remarks {
	margin:10px 0 0 10px;
	font-weight:bold;
}
* html #mainContents p.remarks,
*:first-child+html #mainContents p.remarks {
	margin-left:10px;
	width:710px;
}

#mainContents ul.remarks {
	margin:5px 0 0 10px;
}
#mainContents ul.remarksW {
	margin:5px 0 10px 10px;
}

* html #mainContents ul.remarksW {
	margin:5px 0 10px 0;
}
#mainContents ul.remarks li ,
#mainContents ul.remarksW li {
	margin:0;
	color:#CC0000;
}
#mainContents ul.remarks li span ,
#mainContents ul.remarksW li span {
	display:inline-block;
	margin:0 5px 0 0;
	color:#CC0000;
	vertical-align:top;
	text-align:right;
}
#mainContents ul.remarks li span.text {
	width:480px;
	text-align:left;
}
#mainContents ul.remarksW li span.text {
	width:700px;
	text-align:left;
}
* html #mainContents ul.remarks li span ,
* html #mainContents ul.remarksW li span {
	display:inline;
	height:1%;
	width:30px;
	text-align:right;
}
* html #mainContents ul.remarks li span.text {
	width:480px;
	text-align:left;
}
* html #mainContents ul.remarksW li span.text {
	width:690px;
	text-align:left;
}


#mainContents .searchListArea ul.listItems li {
	margin-left:0.5em;
	text-indent:-0.5em;
}
#mainContents .searchListArea ul.listItems li span.listMark {
}
#mainContents .searchListArea p.txtAC {
	text-align:center;
	margin:0;
}
#mainContents .searchListArea ul.links {
	margin-left:120px;
	margin-top:5px;
}
#mainContents .boxedItem p img.step {
	margin-right:5px;
}
#mainContents .column3B table tr td.lastChild img.btn {
	margin-right:5px;
}
* html #mainContents .column3B table.productsData tr th {
	width:25%;
}
* html #mainContents .column3B table.productsData tr td {
	width:75%;
}

#mainContents .noData {
	margin:40px 0 40px 0;
}
#mainContents .noData p{
	text-align:center;
}
#mainContents .btnArea02{
	padding:10px 0;
}
#mainContents .btnArea02:after {
	content: ".";
	display: block;
	clear: both;
	width:950px;
	height: 0;
	visibility: hidden;
}
* html #mainContents .btnArea02 {
	width:950px;
}

#mainContents .btnArea02 ul.btnBack{
	float:left;
	width:750px;
	margin-bottom:0;
}
* html #mainContents .btnArea02 ul.btnBack{
	width:750px;
	margin-left:5px;
}
#mainContents .btnArea02 ul.btnBack li{
	float:left;
	margin-top:1px;
	margin-right:10px;
}

#mainContents .btnArea02 div#printAllergy,
#mainContents .btnArea02 div#printAllergy2{
	display:block;
	float:right;
	text-align:right;
	margin-right:10px;
}
* html #mainContents .btnArea02 div#printAllergy,
* html #mainContents .btnArea02 div#printAllergy2{
	width:168px;
	margin-right:0px;
}

/* -------------------------------------------------- clear */
#mainContents .allergy:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#mainContents .allergy { display: inline-block; }
/* exlude MacIE5 \*/
* html #mainContents .allergy { height: 1% }
#mainContents .allergy {display:block;}
/* end MacIE5 */
/* end of for macIE */


/**** 2010 renew ****/
#mainContents .aleBox{
	position:relative;
	margin-bottom:30px;
}
#mainContents .aleBox .aleBtn{
	position:absolute;
	top:64px;
	left:480px;
}
#mainContents .aleBox02{
	position:relative;
}
#mainContents .aleBox02 .aleBtn{
	position:absolute;
	top:11px;
	left:686px;
}

#mainContents .alleSearch{
	background:url(/common/images/2010/alg_box_bg_btm.gif) no-repeat left bottom;
	padding-bottom:4px;
	margin:0 10px;
	width:930px;
}
#mainContents .alleSearchInner{
	background:#FFF4F4 url(/common/images/2010/alg_box_bg_top.gif) no-repeat left top;
	padding-top:4px;
}
#mainContents .alleSearch dl{
	border-bottom:1px solid #CCC;
	margin:0;
}
#mainContents .alleSearch dl.loc1{
	height: 180px;
}
#mainContents .alleSearch dl.last{
	border-bottom:none;
}

#mainContents .alleSearch dl dt{
	float:left;
	width:247px;
	margin-left:10px;
}
#mainContents .alleSearch dl dd{
	width:660px;
	float:left;
	line-height:2.5em;
	padding-top:5px;
}
#mainContents .alleSearch dl dd.step1_2 {
	border-top: 1px solid #CCC;
	margin: 15px 0 15px 0;
	padding: 15px 0 0 0;
}
#mainContents .alleSearch dl dd span{
	white-space:nowrap;
	margin-right:10px;
}
#mainContents .alleSearch dl dd input{
	vertical-align:middle;
}
#mainContents .alleSearch p.btn{
	text-align:center;
	margin:0;
	padding:10px 0 15px;
}

#mainContents .borderBox{
	border:1px solid #DFDFDF;
	padding:10px;
	margin:10px;
}
#mainContents .algNoBox{
	text-align:center;
	margin:20px 10px;
}
#mainContents .algNoBox p{
	padding:20px 0 10px;
	color:#F00;
	font-weight:bold;
}
#mainContents table.w930 {
	width:930px !important;
	margin:0 10px;
}
#mainContents table.w930 tbody th{
	background-color:#FFF;
}
#mainContents table.w930 tbody td{
	vertical-align:middle;
}

div#mainContents table.w930 td {
	padding:5px;
	text-align:left;
}
.borderTop{
	border-top:1px solid #CCC;
	padding-top:5px;
}
.borderBtm{
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
}
.searchFormBox{
	background:#F5F5F0;
	padding:20px 0 5px;
}
.searchFormBox input.text{
	width:340px;
	margin-right:10px;
}
.searchFormBox input{
	vertical-align:middle;
}
.searchFormBox .search-indent-box p{
	font-weight:bold;
}
.searchResult{
	border:1px solid #A0A0A0;
	background:#F8F8F8;
	padding-top:10px;
	margin-bottom:20px;
}
div#mainContents p.algcomment{
	font-size: 0.7em;
}
div#mainContents p.algcomment2{
	font-size: 0.7em;
	margin-top: 10px;
}
.alg-25item{
	text-align: center;
}
.infocomment{
	border: 1px solid #000000;
	padding: 5px;
}
div#mainContents .searchListArea ul.m-bottom-none{
	margin-bottom: 5px;
}
div#mainContents .searchListArea ul.listItems li.m-bottom{
	margin-bottom: 1em;
}
div#mainContents .searchListArea ul.listItems li.p-bottom-none{
	padding-bottom: 0;
}

/* EOF */