@charset "utf-8";
h2{
	font-size:100%;/**/
	clear:both;
	margin-bottom:20px;
}

h3{
	font-size:100%;/**/
	margin-bottom:5px;
}

.txtbold {
	font-weight:bold;
}

.txtred {
	color:#FF0000;
}

.txttitle {
	background:url(../images/icon_square.gif) no-repeat 0.5em 0.5em;
	padding-left:1.5em;
	width:500px;
	font-weight:bold;
}

/* -------------------- bodyArea -------------------- */
#bodyArea .bgBorder{
	color:#000000;
	padding-bottom:20px;
}



/* -------------------- pankuzuArea -------------------- */
#pankuzuArea{
	background:#EEEEEE;
	color:#0B333C;
	/*font-size:0.9em;*/
	line-height:1.8em;
	margin:0 10px 10px;
	padding:0 10px;
}

#pankuzuArea a{
	color:#0B333C;
}



/* -------------------- contentsArea -------------------- */
#contentsArea{
	float:right;
	line-height:1.4em;
	width:605px;
}

/* ----- contents ----- */
#contents{
	margin:0 20px 0 10px;
	min-height:300px;
	height:auto !important;
	height:300px;
}

/* ----- para ----- */
.para{
	clear:both;
	margin-right:10px;
	margin-top:20px;
}

.para .photo{
	clear:both;
	margin:15px auto 20px auto;
	text-align:center;
}
.para p{
	margin:0.5em 0;
}

.backSearch{
	clear:both;
	margin-top:2em;
	text-align:right;
}
.pagetop {
	clear:both;
	margin-top:2em;
	margin-right:1em;
	text-align:right;
	font-size:90%;/**/
}
.pagetop a {
	background:url(../images/icon_arrow_t.gif) no-repeat 0.2em 0.2em;
	padding-left:1.5em;
	text-decoration:none;
}

.para dl{
	margin:10px;
	line-height:2em;
}

.para dt{
	width:180px;
}

.para dd{
	margin-left:180px;
}

.list {
	margin-left:2em;
}

.listDots {
	list-style-image:url(../images/icon_dots.gif);
	margin-left:3em;
}

.listDots li{
	margin-bottom:0.4em;
}

ol p, ol ul {
	font-weight:normal;
}

ol li {
	margin-top:20px;
}	

img.imgmiddle {
	vertical-align:middle;
	padding:0 10px;
}

div.boxgray {
	border:#C1C1C1 1px solid;
	padding:10px;
}

div.boxgray ul {
	margin-left:1.5em;
}

div.boxgray img {
	margin:10px;
}

table.tablegray {
	border-collapse:collapse;
}

table.tablegray td {
	padding:3px;
	border:#C1C1C1 1px solid;
}

table.tablegray td.bggray {
	background:#EEEEEE;
}
div.btm{margin-bottom:20px;}

/* ----- infoBox ----- */
.infoBox{
	clear:both;
	margin-right:10px;
	margin-top:30px;
	margin-bottom:10px;
}

.newsBox,
.recommendBox{
	width:270px;
}

.newsBox{
	float:left
}

.recommendBox{
	float:right;
}

.newsBox h2,
.recommendBox h2{
	margin-bottom:15px;
}

.recommendBox a{
	/*font-size:70%;*/
	color:#000;
}

/* ----- shopArea ----- */
.shopArea{
	clear:both;
	margin-right:10px;
	margin-bottom:25px;
}

.shopArea .photo{
	background:url(../../shopguide/images/ph_bg.jpg) left top no-repeat;
	float:left;
	width:224px;
	height:174px;
}

.shopArea .photo img{
	margin:11px 0 0 11px;
}

.shopArea .shopInfo{
	float:right;
	margin-top:5px;
	width:335px;
}

.shopArea .shopInfo dl{
	margin-bottom:10px;
}

.shopArea .shopInfo dt{
	background:url(../images/icon_square.gif) left 0.4em no-repeat;
	padding-left:12px;
	width:65px;
}

.shopArea .shopInfo dd{
	margin-left:80px;
	text-indent:-0.7em;
}

/* ----- searchReultArea ----- */
#searchReultArea{
	margin-top:20px;
	position:relative;
}

dt{
	float:left;
}

h1{
	margin-bottom:25px;
}
/* ----- titleBox ----- */
.titleBox{
	border-bottom:2px solid #00574A;
	margin-right:20px;
	margin-bottom:25px;
	padding-bottom:4px;
	position:relative;
}

.titleBox h1{
	color:#00574A;
	font-size:150%;/**/
	margin-bottom:0;
	padding-top:5px;
}

.titleBox h1 img{
	margin-right:10px;
	vertical-align:middle;
}

.titleBox .backSearch{
	margin:0;
	position:absolute;
	width:115px;
	height:22px;
	top:8px;
	left:470px;
}

/* ----- map ----- */
#map{
	width:575px;
	height:465px;
}

/* ----- searchReult ----- */
#searchReult{
	background:#eeeeee;
	width:200px;
	position:absolute;
	top:0;
	left:375px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#searchReult a{
	color:#000000;
}

#searchReult dl{
	margin:10px;
}

#searchReult dt{
	width:70px;
}

#searchReult dd{
	margin-left:70px;
}

#searchReult ul{
	list-style:none;
	margin:10px;
}

#searchReult li{
	margin-bottom:5px;
}

#searchReult ul img{
	margin-right:4px;
	vertical-align:middle;
}

#searchReult p{
	margin:10px;
}

#searchReult .title{
	position:relative;
}

#searchReult .title #expSearch{
	position:absolute;
	top:5px;
	left:180px;
}

.scrollBox#condition{
	height:80px;
}

.scrollBox#resultList{
	height:110px;
}

.scrollBox#shopNews{
	height:153px;
}

/* ----- linkArea ----- */
#linkArea{
	clear:both;
	margin:30px 10px 0 10px;
}

#linkArea dt{
	margin:15px 0 0 0;
	width:160px;
}

#linkArea dt img{
	vertical-align:top;
}

#linkArea dd{
	margin:15px 0 0 0;
	border-left:1px solid #00574A;
	margin-left:165px;
	padding-left:15px;
	vertical-align:top;
	min-height:80px;
	height:auto !important;
	height:80px;
	/*font-size:0.9em;*/
}



/* -------------------- menuArea -------------------- */
#menuArea{
	float:left;
	width:226px;
	vertical-align:top;
}

#menu{
	border:1px solid #d9d9d9;
	margin-left:9px;
	/*font-size:1.1em;*//**/
}

#menu img{
	vertical-align:top;
}

#menu ul{
	list-style:none;
	margin:5px 0;
}

#menu li{
}

#menu li a{
	color:#000000;
	display:block;
	text-decoration:none;
	padding:3px 3px 3px 12px;
	width:200px;
}

#menu li a:hover,
#menu li .select{
	background:#D3E1D9;
	color:#00574A;
}

#menu .title{
	margin-bottom:2px;
}


.bannerArea{
	margin-left:9px;
	margin-top:10px;
}

.searchArea{
	zoom:100%;
}

.searchArea input{
	background:#d4e1da;
	border:1px solid #b1b3b2;
	float:left;
	width:150px;
	height:19px;
}

.searchArea img{
	float:left;
	width:40px;
	height:21px;
}

.searchArea{
	padding:20px 0 20px 5px;
	text-align:center;
}

.searchArea input{
	background:#d4e1da;
	border:1px solid #b1b3b2;
	width:150px;
	height:19px;
}

.searchArea img{
	width:40px;
	height:21px;
}

.clearResult{
	padding:15px 0 20px 0;
	text-align:center;
}

/*----------- IR * jqery-css *---------------*/
.stripeTable2 tr.even {background: #ffffff;}
.stripeTable2 tr.hover {background: #E1E6E1;}

.ir table {
	width:580px;
	border-collapse:collapse;
}

.ir table td p {
	background:url(../images/icon_square.gif) no-repeat 0.5em 0.5em;
	padding:0 1.5em;
	width:380px;
}

.ir table tr td a {
	background:url(../images/icon_pdf.gif) no-repeat right center;
	padding-right:2em;
	display:block;
	width:100px;
}
 
/*----------- NEWS --------------*/

.news ul{
	width:580px;
}

.news li.pdf {
	display:inline;
}

.sen {
	border-bottom:#D9D9D9 1px solid;
	padding-bottom:10px;
}

/*----------- CONTACT US --------------*/

.formlayout {
	width:400px;
}

.formlayout table {
	width:500px;
}

.formlayout p.txttitle {
	margin-top:20px;
}
.formlayout p {
	padding-left:1.5em;
}	
.formlayout input,textarea {
	border: solid #ccc 1px;
	padding: .2em;
}
.formlayout p.tCenter input {
	border: none;
}


/*----------- Product-style --------------*/

.cstyle01 {
		margin:5px 10px 15px 15px;
}

.cstyle02 {
	width:145px;
	margin-top:5px;
	margin-right:12px;
}

.mtb20 {
	margin-top:20px;
	margin-bottom:20px;
}

.para .ml20 {
	margin-left:20px;
}

/* ----- Sitemap ----- */
#siteMap{
	clear:both;
	margin:30px 10px 0 10px;
}

#siteMap dt{
	margin:15px 0 0 0;
	width:160px;
	float:left;
}

#siteMap dd{
	margin:15px 0 0 0;
	border-left:1px solid #00574A;
	margin-left:165px;
	padding-left:15px;
	vertical-align:top;
	min-height:60px;
	height:auto !important;
	height:50px;
}

#siteMap .txt{
	margin-left:50px;
	margin-top:0.6em;
	}
	
#siteMap ul{
	list-style-type:none;
	}
	
#siteMap .normal{
	margin-top:0.8em;
	font-size:90%;
	}

#siteMap .s-link{
	list-style-image:url(../images/icon_arrow_r.gif);
	margin-top:0;
	margin-left:0.9em;
}