/* Class Only */
/* header	width:780px */
/* Sidebar	width:150px */
/* Content	width:630px */

/* Common
------------------------------------------------------------------------ */
body{color:#333;}
a:link, a:visited{color:#666;}
a:hover, a:active{color:#000;}
#makebanner{width:780px;}
table{line-height:1.4;}

.block{clear:both; margin-bottom:15px; /* line-height:140%; */}
.block:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/
.btmline_d{padding-bottom:1em; border-bottom:1px dotted #CCC;}
.banner{padding-bottom:7px;}
.banner img{border:none;}

.next{text-align:right; padding-right:0.5em;}
.note{line-height:25px; background: url(../images/bg_note.gif);}
.m1{margin-left:115px;}

img.left{float:left; margin:0 10px 10px 0;}
img.right{float:right; margin:0 0 10px 10px;}

/* Header
------------------------------------------------------------------------ */
.header h1{margin:0;padding:0;}/*reset*/
.header a img{border:none;}/*reset*/
.header ul, ul.nav{margin:0;padding:0;list-style-type:none;}/*reset*/

.header{height:60px; width:780px; margin:0 auto; margin-top:15px;}
.header:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/
.header h1{float:left; width:400px; padding-bottom:15px;}

.header div.contact,
.header div.login{
	float:left;
	padding-top:25px;
	line-height:20px;
}
.header div.contact{width:85px;}
.header div.login{width:290px;}
.header div.login li{float:left; padding-right:5px;}
.header div.login li input{width:60px; height:18px; border:1px solid #CC4A87;}

ul.nav{clear:both; width:780px; padding:0 0 15px; font-size:0.9em;}
ul.nav:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/
ul.nav li{float:left; border-right:1px solid #FFF;}
ul.nav li.end{border:none;}
ul.nav li a{display:block; width:110px; height:26px; line-height:26px; text-align:center; background-color:#7A5862;}
ul.nav li a.plus{width:114px;}

.nav a:link, .nav a:visited{color:#FFF;}
.nav a:hover, .nav a:active{color:#FFF;}


/* Sidebar
------------------------------------------------------------------------ */
.sidebar a img{border:none;}/*reset*/
.sidebar dl{margin:0; padding:0;}/*reset*/
.sidebar ul{margin:0; padding:0; list-style-type:none;}/*reset*/

.sidebar{width:150px;}
.sidebar h2{font-size:9pt; color:#FFF; font-weight:normal; text-align:center; margin:0 0 2px;}
.sidebar h2 a{display:block; width:140px; padding:5px;}
.sidebar h2{background-color:#CC4A87;}
.sidebar h2.clr1{background-color:#CD789B;}
.sidebar h2.clr2{background-color:#57841B;}
.sidebar h2.clr3{background-color:#FF7F00;}
.sidebar h2.clr4{background-color:#482217;}
.sidebar h2 a:link, .sidebar h2 a:visited{color:#FFF;}
.sidebar h2 a:hover, .sidebar h2 a:active{color:#FFF;}

.cat_menu li{margin-bottom:2px;}
.cat_menu li a{display:block; width:140px; padding:5px;}

.flower_essence_list a,
.flower_essence_list li,
.trouble_list a,
.trouble_list li{background-color:#FEEDF2;}

.homeopathy_list a,
.homeopathy_list li{background-color:#DEF2D8;}

.etc_list a,
.etc_list li,
.aroma_beauty_list a,
.aroma_beauty_list li,
.pet_list a,
.pet_list li{background-color:#B7A7A3;}

/*
.sidebar .login dt{float:left; width:57px;}
.sidebar .login dd{height:26px;}
.sidebar .login input{width:90px; border:1px solid #CC4A87;}
*/

.sidebar dl.serch{height:25px; background-color:#684750; margin-bottom:2px;}
.sidebar .serch dt{float:left; width:40px;}
.sidebar .serch input{width:100px; height:19px; margin:3px 0; border:1px solid #684750;}

/* Content
------------------------------------------------------------------------ */
.content_top, .content{margin-left:10px; text-align:left;}
* html .content_top, .content{margin-left:5px; text-align:left;}
.content_top:after, .content:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/
.content_top ul, .content ul{margin:0;padding:0;list-style-type:none;}/*reset*/
.content_top img, .content img{border:none;}/*reset*/
.content_top{float:left; width:460px;}
.content_top .block{width:460px;}/*IE*/
.content_top .lineblock{width:440px; padding:9px; border:1px solid #DDD; clear:both; margin-bottom:15px;}
* html .content_top .lineblock{width:458px; padding:9px; border:1px solid #DDD; clear:both; margin-bottom:15px;}

.content{width:616px;}
.content .block{width:616px;}/*IE*/


/* Toparea
------------------------------------------------------------------------ */
.toparea{width:615px; padding-left:10px; margin-bottom:15px;}

/* Sidebar_right
------------------------------------------------------------------------ */
.sidebar_right{float:right; width:140px;}
.sidebar_right:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/
.sidebar_right ul{margin:0;padding:0;list-style-type:none; text-align:left;}/*reset*/

ul.sidebar_right_menu{border-top:1px dotted #CCC;}
ul.sidebar_right_menu li{padding:0.3em 0; border-bottom:1px dotted #CCC;}

/* Footer
------------------------------------------------------------------------ */
.footer{clear:both; width:780px; margin:0 auto; margin:15px 0; font-size:0.9em;}
.footer:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/

.footer ul{margin:0 40px;padding:0;list-style-type:none;}/*reset*/
.footer li{display:inline; padding:0 0.5em;}


/* Toppage
------------------------------------------------------------------------ */
.content_top h2{color:#FFF; font-size:10pt; text-align:left; padding:2px 5px; margin:20px 0 15px; background-color:#CC4A87;}
.content_top h2.top{margin:0 0 15px;}
.content_top h2 span{padding-left:2em; font-size:9pt; font-weight:normal;}

.content_top h4{font-size:1.1em; padding-left:10px; margin:0 0 1em; border-left:5px solid #CC4A87;}
.content_top .block span{color:#CC4A87; font-weight:bold;}

.payment{float:left; width:145px;}

ul.kind4{margin-bottom:15px; margin-left:21px; width:418px;}
ul.kind4:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/
.kind4 li{float:left; padding:0 6px 3px 0;}
.kind4 li.end{padding-right:0;}

/* Otherpage
------------------------------------------------------------------------ */
.content h2{color:#FFF; font-size:10pt; text-align:left; padding:2px 5px; margin:20px 0 15px; background-color:#CC4A87;}
.content h2.top{margin:0 0 15px;}

ul.kind6{margin-bottom:15px;width:616px;}
ul.kind6:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/
.kind6 li{float:left; padding:0 3px 3px 0;}
.kind6 li.end{padding-right:0;}

/* Category
------------------------------------------------------------------------ */
ul.catlinks{margin-bottom:15px;}
ul.catlinks{width:616px;}/*IE*/
ul.catlinks:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/
.catlinks li{float:left; padding:0 3px 3px 0;}
.catlinks li.end{padding-right:0;}

ul.catlinks_text{float:right; padding:1em 0;}
.catlinks_text li{display:inline; padding:0 1em; border-right:1px solid #CCC;}
.catlinks_text li.end{border:none;}

.cattop img{float:left; padding:2px; border:1px solid #CCC;}
.cattop h2, .cattop p{float:right; width:320px; margin-top:0;}
.cattop h2{font-size:1.2em; color:#CC4A87; background-color:#FFF;}

.ranking li{padding-bottom:1em; margin-bottom:1em; border-bottom:1px dotted #CCC;}
.ranking li img{float:left; margin:0 1.5em 1em 0;}
.ranking li p{padding-left:120px;}
.ranking li:after{content:"";clear:both;height: 0;display: block;visibility: hidden;} /*FireFox*/

