/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	color: #333333;
	line-height: 1.166;
	background-image: url(top_img/bg.gif);
}

a{
	color: #ffffff;
	text-decoration: none;
}

a:link{
	color: #663300;
	text-decoration: none;
}

a:visited{
	color: #663300;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Arial,sans-serif;
 height: 10px;
 font-size: 100%;
 color: #990000;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container{
	width: 710px;
	margin-bottom: 0;
	background-color: #ffffff;
	border-top:1px solid #990000;
	border-left:1px solid #990000;
	border-right:1px solid #990000;
	border-bottom:1px solid #990000;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}


#masthead{
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 710px;
	background-color: #ffffff;
}

#navBar{
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffcc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-image: url(kensyokuimg/b23.jpg);
}

#headlines{
	float: right;
	width: 182px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
 	background: url(kensyokuimg/b23.jpg);
}

#content{
	float: left;
	width: 495px;
	text-align: center;
}

/***********************************************/
/* Components                                  */
/***********************************************/
#sitetop{
	margin:0px;
	padding-top:0px;
	height: 101px;
	width:710px;
	background-image: url(pageimg/head_img.gif);
}

#sitetop2{
	margin:0px;
	padding-top:0px;
	height: 156px;
	width:710px;
	background-image: url(pageimg/head_img.gif);
}

#siteName{
	height:20px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}


/************* #globalNav styles **************/

#globalNav{
	color: #000099;
	border:1px solid #990000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	font-color: #ffffff;
	padding: 0 4px 0 0;
}

/*--　三和の生薬  --*/
#sanwahed {
	width: 100%;
	height: 25px;
	background: url(top_img/sanwa_bg01.gif) no-repeat;
	margin-left: 0px;
}
#sanwabg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff; border:1px solid #990000;
}

/*--　特別価格  --*/
#tokubetsuhed {
	width: 100%;
	height: 25px;
	background: url(top_img/tokubetsu_bg01.gif) no-repeat center;
	margin-top: 0px;
}
#tokubetsubg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff; border:1px solid #990000;
}
/*--　漢方について  --*/
#kanpouhed {
	width: 100%;
	height: 25px;
	background: url(top_img/kanpou_hed.gif) no-repeat;
	margin-left: 0px;
}
#kanpoubg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff; border:1px solid #990000;
}
/*--　特選生薬について  --*/
#tokusenhed {
	width: 100%;
	height: 25px;
	background: url(top_img/tokusen_hed.gif) no-repeat;
	margin: 0px;
}
#tokusenbg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff; border:1px solid #990000;
}
/*--　店長のおすすめ  --*/
#osusumebg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff; border:1px solid #990000;
}

#osusumehed {
	width: 100%;
	height: 25px;
	background: url(top_img/osusume_hed.gif) no-repeat;
	margin: 0px;
}
/*--　良くある質問  --*/
#shitumonbg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff; border:1px solid #990000;
}

#shitumonhed {
	width: 100%;
	height: 25px;
	background: url(top_img/shitumon.gif) no-repeat;
	margin: 0px;
}
/*--　商　品　購　入  --*/
#goodsbg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff; border:1px solid #990000;
}

#goodshed {
	width: 100%;
	height: 25px;
	background: url(top_img/goods_hed.gif) no-repeat;
	margin: 0px;
}

/*--　お問合せメール受け付け  --*/
#mailbg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#990000; border:1px solid #990000;
}

#mailhed {
	width: 100%;
	height: 25px;
	background: url(top_img/mail_hed.gif) no-repeat;
	border:1px solid #990000;
	margin: 0px;
}


/*--　左側メニューテキスト  --*/
#recent {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style: none;
}
#recent li{
	background: url(top_img/img_01.gif) no-repeat center left;
	padding: 0px 0px 0px 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
#aaa {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style: none;
}

#aaa li{
	background: url(top_img/menu_bg.gif) no-repeat center left;
	padding: 0px 0px 0px 5px;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}
/*************** #pageName styles **************/

#pageName{
	width:710px;
	height:20px;
	text-align:center;
	vertical-align: middle;
	background-color: #990000;
	margin-left:auto;
	margin-right:auto; 
	margin-top:auto;
	margin-bottom:auto; 
	color: #FFFFFF;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	width:700px;
	font-size:12px;
	padding: 5px 5px 5px 5px;
 	background-color:#FFFFCC;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 0px 2px;
	font-size: 80%;
}

.feature h3{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
 	background-color: #FFFFFF;
}

.feature img{
	padding: 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 0px;
	font-size: 80%;
	border:0px;
}

.story h3{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


.story p{
	padding: 0px 0px 5px 0px;
}

/************* #under content ***************/

#undercontent{
	clear: both;
	border:0px
	font-size: 75%;
	color: #860000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#undercontent img{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 0px;
	font-size: 75%;
	color: #860000;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: list-item;}
#navBar ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: square;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	background-color: #e5e5f1;
	width: auto;
}

#sectionLinks h3{
	padding: 5px 0px 2px 5px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background: url(kensyokuimg/menubg01.jpg);
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	background-color: #FFFFFF;
	margin: 5px;
	font-size: 90%;
	padding: 5px;
	list-style-position: inside;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	background-image: url(kensyokuimg/b28.jpg);
}

#advert img{
	display: block;
}


/*********** .headlineLinks styles ***********/

.headlineLinks{
	position: relative;
	font-size: 80%;
	border: thin groove #CCCCCC;
	background-color: #FFFFCC;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.headlineLinks h3{
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.headlineLinks a:link,
.headlineLinks a:visited {
	display: block; 
}

/*--　グロスミン  --*/

#gurosuminhed {
	width: 490px;
	height: 27px;
	background: url(top_img/right/gurosumin_hed.gif) no-repeat center;
	margin-left: 5px;
}
#gurosuminbg {
	width: 485px;
	height:180px;
	margin-top: auto;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff;
	border:1px solid #990000;
	padding-left: 5px;
	margin-left: 5px;
	vertical-align:middle;
}

/*--　メシマコブ  --*/

#mesimakobuhed {
	width: 490px;
	height: 27px;
	background: url(top_img/right/mesimakobu_hed.gif) no-repeat center;
	margin-left: 5px;
}
#mesimakobubg {
	width: 485px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff;
	border:1px solid #990000;
	padding-left: 5px;
	margin-left: 5px;
}

/*--　プリティーファースト  --*/

#prettyhed {
	width: 100%;
	height: 27px;
	background: url(pretty/img/Pretty_had.gif) no-repeat center;
}
#prettybg {
	width: 100%;	
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#ffffff; border:1px solid #990000;
}

/*--　アップデート  --*/

#update {
	width: 520px;	
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: auto;
	background: url(hp-img/w_gc01g3.gif) repeat; border:1px solid #08723a;
}


/*--　右側テキスト  --*/
#bbb {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#bbb li{
	background: url(top_img/img_01.gif) no-repeat center left;
	padding: 0px 0px 0px 25px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}
#ccc {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#ccc li{
	background: url(top_img/img_01.gif) no-repeat center left;
	padding: 0px 0px 0px 25px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

#topix_fram{
	width: 100%;	
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
}

.subtitle{
	margin-left: 5px;
	margin-right: 5px;
}

.rightboxtext{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 18px;
	}

.textcenter{
	text-align: center;
}

.sub_text{
	padding-left: 15px;
	padding-right: 5px;
	font-size: 12pt;
	line-height: 25px;
}
.sub_menu{
	padding-left: 25px;
	padding-right: 5px;
	font-size: 12pt;
	line-height: 25px;
}
.caution{
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12pt;
}

#map{
	margin-left: 5px;
	margin-right: 10px;
}

table.topw700 {
	width:700px;
	height:130px;
	border:1px solid #990000;
	text-align:center;
	vertical-align: middle;
	margin-left:auto;
	margin-right:auto; 
	margin-bottom:0px;
	background:#FFFFCC;
	padding:0px;
	border-collapse:collapse;
}

table.topw700h70 {
	width:700px;
	height:70px;
	border:1px solid #990000;
	text-align:center;
	vertical-align: middle;
	margin-left:auto;
	margin-right:auto; 
	margin-bottom:0px;
	background:#FFFFCC;
	padding:0px;
	border-collapse:collapse;
}

td.topw240 {

	border:1px solid #990000;
	background:#FFFFCC;
}