/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;color:#999999;font-size:xx-small;font-weight:normal;}
ol,ul{list-style:none;}
body{word-break:break-all;font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small;}
select, input, textarea{font-family:"MS UI Gothic","MS PGothic";}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
h1,h2,h3,h4,h5{font-size:100%;}
.contentbox2nd h2,#spotlight h2{font-size:131%;}
span.assist,#topicsboxbd em,#topicsboxbd cite{font-size:85%;
font-size:72%;
}
#contentbox h2,#local h2 span,#personalbox h3{font-weight:normal;}
.separate,.floatingw,#searchbox legend,#cb2yjedit legend{display:none;}
#wrapper{min-width:950px;width:71.2em;margin:0 auto;text-align:left;}
#header{position:relative;z-index:2;margin-bottom:8px;}
#navi{float:left;}
h1{
	display:inline;
	position:relative;
	z-index:9;
	width:735px;
	margin:0 auto 20px;
	text-align:center;
	left: -3px;
	top: -6px;
	height: 30px;
}


#contentbox h2,#local h2 span,#personalbox h3{font-weight:normal;}
.separate,.floatingw,#searchbox legend,#cb2yjedit legend{display:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
body *{line-height:1.38em;*line-height:1.3em;}
#footer ul{margin:7px 0;}
body{text-align:left;}
#division{float:right;position:relative;z-index:2;min-width:770px;width:81.06%;}

#footer{clear:both;margin-bottom:10px;}
ul.tab li.on{font-weight:bold;}
ul.tab li.first{border-left:0;}
ul.tab li a{outline:none;}
ul.tab li.on a,ul.tab li.on a:visited{color:#000;text-decoration:none;}
a.pldwn,a:visited.pldwn{color:#000;}
.floatingw{position:absolute;z-index:9;width:15.2em;padding:5px;}
.floatingw dt{position:absolute;left:10px;
margin-top:0;
}

#footer{
width:100%;
padding:5px 0;
text-align:center;
}
#footer ul{
font-size:9pt;
margin:5px auto;
width:860px;
}#footer address{
font-size:8pt;
margin:5px auto;
width:860px;
}

#footer{background-color:#fff;}
#footer{border:1px solid #95aabf;}
#pbproperty ul.connect,#personalbox h3 span,#personalbox #pbdata{font-weight:bold;}
#pbproperty ul.connect{
padding:4px 0;
}
#pbproperty ul.connect img{
position:absolute;
margin:-8px 0 0 4px;
}
ul.connect li{
padding-left:13px;
background:url(http://ntp-k.co.th/Images/icon_all.gif) no-repeat;
zoom:1;
}
#pbproperty ul.connect span{padding-left:42px;}
ul.connect li{
display:inline;
background-position:0 -479px;
}
ul.connect li.first{
padding-left:0;
background:none;
}


/* kagemichi_top */
#menu {
	width:900px;
	height:37px;
	margin-bottom:5px;
	list-style:none;
	list-style-image:none;
}
#menu p {
	text-indent:-9999px;
}
li#menu1,li#menu1 a:link, li#menu1 a:visited{
	background:url(Images/menu1.jpg) 0 0 no-repeat;
	width:112px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu1 a:hover, li#menu1 a:active {
	background:url(Images/menu1_h.jpg) 0 0 no-repeat;
	width:112px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu2, li#menu2 a:link,li#menu2 a:visited {
	background:url(Images/menu2.jpg) 0 0 no-repeat;
	width:142px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu2 a:hover, li#menu2 a:active {
	background:url(Images/menu2_h.jpg) 0 0 no-repeat;
	width:142px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu3,li#menu3 a:link,li#menu3 a:visited {
	background:url(Images/menu3.jpg) 0 0 no-repeat;
	width:124px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu3 a:hover, li#menu3 a:active {
	background:url(Images/menu3_h.jpg) 0 0 no-repeat;
	width:124px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu4,li#menu4 a:link, li#menu4 a:visited {
	background:url(Images/menu4.jpg) 0 0 no-repeat;
	width:138px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu4 a:hover, li#menu4 a:active {
	background:url(Images/menu4_h.jpg) 0 0 no-repeat;
	width:138px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu4p,li#menu4p a:link, li#menu4p a:visited {
	background:url(Images/menu4p.jpg) 0 0 no-repeat;
	width:138px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu4p a:hover, li#menu4p a:active {
	background:url(Images/menu4p_h.jpg) 0 0 no-repeat;
	width:138px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu5,li#menu5 a:link,li#menu5 a:visited{
	background:url(Images/menu5.jpg) 0 0 no-repeat;
	width:122px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu5 a:hover,li#menu5 a:active {
	background:url(Images/menu5_h.jpg) 0 0 no-repeat;
	width:122px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu5p,li#menu5p a:link,li#menu5p a:visited{
	background:url(Images/menu5p.jpg) 0 0 no-repeat;
	width:122px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu5p a:hover,li#menu5p a:active {
	background:url(Images/menu5p_h.jpg) 0 0 no-repeat;
	width:122px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu6,li#menu6 a:link,li#menu6 a:visited{
	background:url(Images/menu6.jpg) 0 0 no-repeat;
	width:141px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu6 a:hover,li#menu6 a:active {
	background:url(Images/menu6_h.jpg) 0 0 no-repeat;
	width:141px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu7,li#menu7 a:link,li#menu7 a:visited{
	background:url(Images/menu7.jpg) 0 0 no-repeat;
	width:121px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
li#menu7 a:hover,li#menu7 a:active {
	background:url(Images/menu7_h.jpg) 0 0 no-repeat;
	width:121px;
	height:37px;
	overflow:hidden;
	display:block;
	float:left;
}
.cate_box{
	border:solid 1px #3399FF;	
	padding:0 5px;
	color:#3399FF;
	font-size:11px;
	line-height:9px
}
td .cate_title{
	color:#069;
	border-bottom:dashed 1px #666666;
	font-size:13px;
}
.page_top {
	text-align:right;
	margin:15px 0px 0px 0px;
}
/*------------------
画像をｷﾚｲに拡大・縮小
-----------------------*/
img { -ms-interpolation-mode: bicubic; }

/*----------------------------
お知らせ部分
-----------------------------*/
#infomation_box {
	border:1px #FF6600 solid;
}
#infomation_box {
	background-color:#FFFFF0;
	font-size:10pt;
}
#infomation {
	margin:2px 3px;
}
/*------------------
画像ポップアップで表示
-----------------------*/
/*#infomation li a.tooltip:hover {
	background:#ffffff; text-decoration:none;}*/ /*BG color is a must for IE6*/
	
/*#infomation li a.tooltip span {display:none; padding:2px 3px;}*/
/*これいらない？#infomation li a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #F93; color:#6c6c6c;}*/
/*#infomation li a.tooltip:hover span{display:block; position: absolute; background:#FFF; border: 1px solid #F60; color:#333; margin-left:170px;_margin-left:-50px; _margin-top:16px; width:260px;}*/


/*------------------
画像ポップアップで表示02
-----------------------*/
/*#infomation li a:hover{
position:relative;
zoom:100%;
background:#ffffff; text-decoration:none;
}
img {
	display:block;
	position:relative;
}

#infomation li a span{
display:none; padding:2px 3px;
}

#infomation li a:hover span{
display:block; 
position:absolute;
width:260px;
top:17px;
left:20px;
background:#FFF; border: 1px solid #F60; color:#333;
} */
.toolTip{ position: relative; }   
.toolTip span{   
   display: block;   
   border: 1px solid #F60; color:#333; 
   background:#ffffff;   
   text-decoration: none;   
   position: absolute;   
   top: 14px;
   _top: 15px; 
   left: 10px;   
   padding: 5px;   
   visibility: hidden;   
   width: 260px;   
}   
 
a.toolTip:hover,a.toolTip:hover span{ visibility: visible; z-index: 100; text-decoration: none; } 
/*---------------------------
カテゴリーランキング部分に
----------------------------*/
/*ランキング1*/
#ranking tr td a.tooltip:hover {
	background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
#ranking tr td a.tooltip span {display:none; padding:2px 3px;}
#ranking tr td a.tooltip:hover span{display:block; position: absolute; background:#FFF; border: 1px solid #F60; color:#333; margin-left:-1px;_margin-left:-139px; _margin-top:17px; width:170; _width:178;}
/*ランキング2*/
#ranking tr td a.tooltip2:hover {
	background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
#ranking tr td a.tooltip2 span {display:none; padding:2px 3px;}
#ranking tr td a.tooltip2:hover span{display:block; position: absolute; background:#FFF; border: 1px solid #F60; color:#333; margin-left:-1px;_margin-left:-127px; _margin-top:17px; width:170; _width:178;}
/*ランキング3*/
#ranking tr td a.tooltip3:hover {
	background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
#ranking tr td a.tooltip3 span {display:none; padding:2px 3px;}
#ranking tr td a.tooltip3:hover span{display:block; position: absolute; background:#FFF; border: 1px solid #F60; color:#333; margin-left:-1px;_margin-left:-141px; _margin-top:17px; width:170; _width:178;}
.ran_img {
	margin:2px 0px;
}
/*----------------------------
item_map.html部分
-------------------------------*/
#item_map {
	width:900px;
	height:1400px;
	_height:1350px;
}

/*----------------------------
QRコード部分
------------------------------*/
.qr_txt {
	font-size:12px;
	color:#F00;
	padding-left:8px;
	background-color:#FFFFDF;
}
#qr_box {
	border:1px #7fccff solid;
	border-top-width:0px;
	padding-bottom:5px;
}
#qr_box img {
	margin-bottom:2px;
}

/*-----------------------------
item_list
---------------------------------*/
.item_list {
	height:1410px;
}

/*--------------------------------
サプリボックス
---------------------------------*/
#supple {
	width:550px;
	height:160px;
	font-size:10pt; color:#333333;
	margin-top:5px;
}
#supple_in{
	width:390px;
	height:80px;
	font-size:8pt; color:#333333;
	margin-left:10px; border:0px;
}
#supple_in tr td {
	width:130; height:16px;
	background:url(Images/index/beauty_list.gif) no-repeat 0 2px;
	padding-left:8px;
}

/*--------------------------------
男性サプリボックス
---------------------------------*/
#men {
	width:550px;
	height:160px;
	font-size:10pt; color:#333333;
	margin-top:5px;
}
#men_in{
	width:390px;
	height:64px;
	font-size:8pt; color:#333333;
	margin-left:10px; border:0px; margin-top:50px;
}
#men_in tr td {
	width:130; height:16px;
	background:url(Images/index/men_list.gif) no-repeat 0 2px;
	padding-left:8px;
}

/*--------------------------------
ペット関係ボックス
---------------------------------*/
#pet {
	width:550px;
	height:160px;
	font-size:10pt; color:#333333;
	margin-top:5px;
}
#pet_in{
	width:390px;
	height:64px;
	font-size:12px; color:#333333;
	margin-left:10px; border:0px; margin-top:10px;
}
#pet_in tr td {
	width:130; height:16px;
	background:url(Images/index/pet_list.gif) no-repeat 0 5.5px;
	padding-left:8px;
}

/*--------------------------------
医薬品関係ボックス
---------------------------------*/
#drug {
	width:550px;
	height:160px;
	font-size:10pt; color:#333333;
	margin-top:5px;
}
#drug_in{
	width:390px;
	height:80px;
	font-size:8pt; color:#333333;
	margin-left:10px; border:0px; margin-top:5px;
}
#drug_in tr td {
	width:130; height:16px;
	background:url(Images/index/drug_list.gif) no-repeat 0 2px;
	padding-left:8px;
}
#bunrui {
	width:550px;
	border:1px solid #0099FF; background-color:#0099FF;
}
#bunrui_in {
	width:520px;
	border:0px; font-size:10pt;
	color:#333333;
}
#bunrui_in tr td {
	width:130; height:16px;
	background:url(Images/index/list03.gif) no-repeat 0 4.5px;
	padding-left:12px;
}

/*--------------------------------
カラーバリエーション
---------------------------------*/
.red_p {
	color:#F00 !important;
	text-decoration:line-through;
}
.aka {
	color:#F00 !important;
}
.blue {
	color:#00F !important;
}
.purple {
	color:#F0F !important;
}
.bk_yellow {
	background-color:#FF0;
	color:#333 !important;
}
.pink {
	color:#F9C;
}
.bk_pink {
	background-color:#FCF;
}