/* 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;
}

/*------------------------------------------------------------
3、float・・・ブロックの左右の寄せ
-------------------------------------------------------------*/
/* overflow:hidden編・*/
.over-hidden {
	overflow:hidden;
	}
* html .over-hidden{
	zoom:1;
	}
	
/* content編・*/
.clearfix:after { 
	content: " ";  
	display: block;
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
	} 

*1257897500* html .clearfix { 
	display: inline-block;
	} 
/* no ie mac \*/ 

*1257897501* html .clearfix { 
	height: 1%; 
	} 
.clearfix { 
	display: block;
	overflow:hidden; 
	} 

/* 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:-39px;_margin-left:-38px; margin-top:15px; _margin-top:100px; 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;}

@media screen and (-webkit-min-device-pixel-ratio:0) {  

 #ranking tr td a.tooltip2:hover span  { margin-top:265px;  }  

} 
/*ランキング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:1450px;
	_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:1790px; _height:1680px;
}
.petitem_list {
	height:570px; _height:535px;
	margin-top:10px;
}
/*--------------------------------
サプリボックス
---------------------------------*/
#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;
}

/*--------------------------------
カラーバリエーション
---------------------------------*/
.black { color:#000; }
.black02 { color:#333 !important; }
.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;
}
.bk_yellow-usu {
	background-color:#FFC;
	color:#333 !important;
}
.pink {	color:#F9C;}
.bk_pink {	background-color:#FCF;}
.dark_orange {	color:#e83d01;}
.green {color:#090;}

/*-----------------------------------
フォントサイズ
-------------------------------------*/
.size {font-size:12px !important;}

/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
※「em」は文字サイズ可変に対応。「pt」は文字サイズ固定
-------------------------------------------------------------*/

.b{ font-weight: bold!important; }
.normal{ font-weight: normal!important; }

.big{ font-size: 120%!important; }
.big2{ font-size: 150%!important; }
.big3{ font-size: 180%!important; }
.small{ font-size: 80%!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f15pt{ font-size: 15pt!important; }
.f16pt{ font-size: 16pt!important; }
.f17pt{ font-size: 17pt!important; }
.f18pt{ font-size: 18pt!important; }
.f19pt{ font-size: 19pt!important; }
.f20pt{ font-size: 20pt!important; }
.f21pt{ font-size: 21pt!important; }
.f22pt{ font-size: 22pt!important; }
.f23pt{ font-size: 23pt!important; }
.f24pt{ font-size: 24pt!important; }


/*------------------------------------------------------------
8、line-height・・・行間の設定
-------------------------------------------------------------*/

.lh10{ line-height: 1.0em!important; }
.lh11{ line-height: 1.1em!important; }
.lh12{ line-height: 1.2em!important; }
.lh13{ line-height: 1.3em!important; }
.lh14{ line-height: 1.4em!important; }
.lh15{ line-height: 1.5em!important; }
.lh16{ line-height: 1.6em!important; }
.lh17{ line-height: 1.7em!important; }
.lh18{ line-height: 1.8em!important; }
.lh19{ line-height: 1.9em!important; }
.lh20{ line-height: 2.0em!important; }


/*------------------------------------------------------------
8、lletter-spacing・・・文字間の設定
-------------------------------------------------------------*/
.letspa-1 {letter-spacing:-1px; }
.letspa0 {letter-spacing:0px; }

/*------------------------------------

--------------------------------------*/
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

.img-no a:hover img{
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}

/*--------------------------------------
Table関係
-----------------------------------------*/
.table01 {
	border:1px #999 solid;
	border-left-width:0px;
}
.table01 tr td {
	font-size:12px;
	padding:5px 10px 5px 5px;
	border-bottom:1px #999 solid;
	width:60px;
}
.table01-title {
	background:#F5F5F5;
	border-right:1px #999 solid;
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;
	width:150px !important;
}
.table01-title01 {
	background:#F5F5F5;
	border-right:1px #999 solid;
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;
	width:180px !important;	
}