/* CSS Document */

#topimg {
	border-bottom: 27px #F6F6F6 solid;
	font-size: 12px;
}

#main {
	padding: 5px;
	font-size: 12px;
}

#main h2 {
	color:#FFF;
	font-size:12px;
	background-image:  url(/img/left_bg2.gif);
	border: 1px solid #690;
	padding:5px 0 5px 10px;
	margin-bottom:10px;
	background-color:#690;
}

#main .staffinfo {
	background-color:#FFC;
	font-size: 12px;
}

#main .staffinfo h2 {
	color:#FFF;
	font-size:12px;
	background-image:  url(/img/left_bg2.gif);
	padding:5px 0 5px 10px;
	margin-bottom:10px;
	background-color:#690;
}

#main .staffinfo ul {
	padding:5px 0 5px 30px;
	font-size: 12px;
}

#main .staffinfo strong {
	color:#F90;
}

#main .related {
	border:1px solid #F90;
	background-color:#FFFEDF;
	font-size:11px;
}

#main h2.cosmeitem_oral {
	color:#666;
	padding:6px 0 6px 27px;
	background-image:  url(/img/category_oral_bg.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
	font-size: 12px;
}

#main h3 {
	font-size: 12px;
	color: #669900;
	margin : 0 10px 10px 10px;
}

#main h3.itemname {
	font-size: 14px;
	margin : 0 10px 10px 10px;
}

#main p {
	margin : 0 10px 10px 10px;
	font-size: 12px;
}

#main img.categoryTitle {
	margin-bottom: 10px;
	clear: left;
	font-size: 12px;
}

#main table {
	margin-bottom: 5px;
	font-size: 12px;
}

#main table.itemlist p {
	line-height: normal;
	margin: 0;
	padding-bottom: 15px;
	font-size: 12px;
}

#main table.itemlist p a {
	color: #669900;
	font-size: 12px;
}

#main div.push {
	font-size: 12px;
}
#main .push span {
	width:90px;
	text-decoration:underline;
}
#main .push a:link, #main .push a:visited {
	width:130px;
	text-decoration:underline;
	font-size:11px;
}
#main .push span img {
	align:center;
	border:1px solid #CCC;
	margin-bottom:5px;
}
#main .pr img {
	margin-bottom:5px;
}
#main .pr p {
	text-align: right;
	margin-bottom:5px;
}
#main .pr2 img {
	border:1px dotted #CC6;
	margin-bottom:5px;
}
#main .pr p {
	text-align: right;
	margin-bottom:5px;
}
#main .ranktitle {
	background-color:#F66;
	border:1px dashed #F66;
	margin:10px 5px 0 5px;
	padding:5px;
	width:240px;
	font-size:12px;
	text-align: center;
	color:#FFF;
}
#main .rank {
	border:1px dashed #F66;
	margin:0 5px 10px 5px;
	width:240px;
	font-size:12px;
}
#main .rank p {
	border-bottom:1px dotted #F66;
	margin:5px 5px 5px 0;
	padding-bottom:5px;
}
#main .rank a:link {
	font-size:12px;
}
#main .rank a:hover {
	text-decoration:underline;
}

#push {
	background-color: #FEEEEE;
	font-size: 12px;
}

#push h2 {
	color:#FFF;
	font-size:12px;
	background-image:  url(/img/r_pushbg.gif);
	padding:5px 0 5px 10px;
	background-color:#690;
}

#push table {
	margin: 10px auto 5px auto;
	text-align: center;
	font-size: 12px;
}

#push h3 {
	margin: 0;
	padding: 0 10px 5px 10px;
	color: #FF3333;
	font-size: 12px;
	font-weight: bold;
}

#push p {
	padding: 0 3px 10px 10px;
	font-size: 12px;
	color: #666666;
}

#push2 p {
	padding: 5px 5px 10px 10px;
	font-size: 12px;
	color: #666666;
}
#push2 strong {
	color: #F90;
}
#push2 span {
	border: 2px dashed #F90;
	margin:0 5px 5px 0;
	width:230px;
	padding: 5px;
	background-color: #FF9;
	font-size: 12px;
}
#push2 span strong {
	color: #333;
}

#banner {
	padding-bottom: 10px;
}
#toptext {
  margin: 2px 0 2px 0;
}
#toptext span {
  margin: 2px 0 2px 20px;
	color: F9C;
}

#toptext a:link, #toptext a:visited {
  margin: 2px 0 2px 0;
}
#toptext a:hover {
  text-decoration: underline;
}

#toptext .top p {
  margin: 2px 0 2px 0;
}
#toptext .top strong {
  margin: 2px 0 2px 0;
	color: #666;
}

#leftbox .about {
	background-image: url(/img/image_index_about.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#leftbox .about p {
	width:400px;
}
#leftbox .about span {
	color:#F39;
}
#leftbox .push {
	background-color:#FFC;
	border:1px dashed #999;
	margin:10px 5px 10px 5px;
	padding:5px;
	width:280px;
	font-size:12px;
}
#leftbox .push strong {
	background-image: url(/img/title_index_push.gif);
	color:#093;
	width:180px;
	padding:2px;
}
#leftbox .push a:link, #leftbox a:visited {
	color:#093;
}
#leftbox .ranktitle {
	background-color:#093;
	margin:10px 5px 0 5px;
	padding:5px;
	width:210px;
	font-size:12px;
	text-align: center;
	color:#FFF;
}
#leftbox .rank {
	border:1px solid #093;
	margin:0 5px 10px 5px;
	width:210px;
	font-size:11px;
}
#leftbox .rank p {
	border-bottom:1px dotted #093;
	margin:0 5px 5px 0;
}
#leftbox .rank a:link, #leftbox a:visited {
	font-size:11px;
}
#rightbox {
	background-color: #FFF;
	font-size: 12px;
}

#rightbox table {
	margin: 10px auto 10px auto;
	text-align: center;
	font-size: 12px;
}

#rightbox img.push {
	margin: 5px auto 10px auto;
	font-size: 12px;
}

#rightbox img.paylist {
	border-top: 1px #CCCCCC dashed;
	font-size: 12px;
}

#rightbox p {
	padding: 10px;
	font-size: 12px;
}

#rightbox .banner {
	background-color:#FFFFFF;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0 auto 0 auto;
	font-size: 12px;
}

#rightbox .banner img {
	padding-bottom: 10px;
}
#rightbox .ssl {
	background-color:#FFF;
	border:1px dashed #F69;
	margin:10px 0 10px 0;
	width:130px;
	font-size:11px;
}
#rightbox .ssl p {
	background-color:#F9C;
	width:130px;
	color:#FFF;
	padding:4px 0 4px 0;
	text-align: center;
}
#rightbox .ssl img {
	margin:4px 0 4px 0;
}

p.link {
	text-align: right;
	font-size: 12px;
}

img.right {
	margin: 0 0 10px 10px;
}

.important {
	color:#CC0000;
	font-size: 12px;
}

.pclass {
	margin : 0 10px 10px 10px;
	font-size: 12px;
}