@charset "Shift_JIS";

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

高田薬局
itemtopics.css

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

@import "baselayout.css";@import "common.css";@import "index.css";@import "hack.css";


/*-----------------------------------IE5x PC*/
@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */
/*-----------------------------------IE5x Mac*/
/*\*//*/
	@import "ie5mac.css";
/**/



/* 設定ここから -----------------------------------*/
body{
	font-size:80%;
}

#pankuzu{
	width:530px;
	margin:10px 0 7px 15px;
	font-size:12px;
	color:#fff;
}
#pankuzu a:link,#pankuzu a:visited,#pankuzu a:active,#pankuzu a:hover{color:#fff;}


.entryInfo{
	margin-top:10px;
	padding:0 3px 3px 3px;
	border-top:1px solid #aaa;
	background:#eee;
	font-size:80%;
	clear:left;
}/*clear*/

.date{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:2px solid #eee;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif
} 


body.itemtopics{
	background:url(../itemtopics/img/global_ptn.gif);
}
#global,#header,#contentsArea{width:800px;}
#global{
	background:#71B8EC url(../itemtopics/img/head_ptn2.jpg) no-repeat top left;
	border-left:15px solid #fff;
	border-right:15px solid #fff;
}
body#main #global{
	background:#71B8EC url(../itemtopics/img/head_ptn.jpg) no-repeat top left;
}

/*
-----------------------------
header
=============================*/

#header{
	height:165px;
	margin-bottom:13px;
	position:relative;
}
#title,#toHome,#toShopping{position:absolute;}
#title{top:0;left:14px;}
#toHome{top:0;left:620px;}
#toShopping{
	width: 130px;
	height: 100px;
	top: 75px;
	left: 650px;
}
#toShopping a{
	display:block;
	width: 130px;
	height: 100px;
	outline: none;
	text-indent: -999em;
	text-decoration: none;
}


/*
-----------------------------
contentsArea
=============================*/



/*
-------------
subArea
-------------*/
#subArea{width:240px;float:left;}

.subWaku01,.subWaku02{
	width:220px;
	margin:0 0 10px 20px;
	padding-bottom:15px;
}
.subWaku01{background:url(../itemtopics/img/subarea_waku_btm.gif) no-repeat left bottom;}
.subWaku02{background:url(../itemtopics/img/search_btm.gif) no-repeat left bottom;}

#menuCat a,#menuGen a{display:block;}
#menuCat li img,#menuGen li img{width:140px;height:22px;vertical-align:bottom;}

#menuCat ul,#menuGen ul{
	width:190px;
	margin:10px 15px 0;
}
#menuCat li,#menuGen li{
	padding:2px 0 3px;
	background:url(../itemtopics/img/dot_line.gif) repeat-x left bottom;
}

#searchArea form{
	width:190px;
	margin:10px 15px 0;
}

#buyerAreaInner{
	width:200px;
	margin:0 auto;
	text-align:center;
}
#buyerAreaInner img{
	display:inline;
}
#buyerAreaInner *{
	margin-top:10px;
}

#entries ul{
	margin:10px 15px 5px;
	list-style-type:disc;
	color:#1151B2;
	font-size:;
}
#entries ul li{
	margin:0 0 0 15px;
}


/*
-------------
mainArea
-------------*/
.moreLink{
	font-size:80%;
}

#mainArea{width:540px;margin-bottom:10px;float:left;}/*float*/


/*
newEntrys
*/

#newEntrys p{
	line-height:150%;
	color:#222;
}
.mainWaku{
	width:530px;
	margin:7px 0 10px 15px;
	padding-bottom:15px;
	background:#fff url(../itemtopics/img/main_waku01_btm.gif) no-repeat left bottom;
}


.mainWakuInner{
	width:495px;
	margin:0 auto;
}
.mainWakuInner h2{
	margin-bottom:10px;
}
.mainWakuInner h3{
	height:30px;
	padding:8px 0 0 45px;
	color:#222;
}


.entryCat2 h3{background:url(../itemtopics/img/h_sub_cat01.gif) no-repeat;}
.entryCat3 h3{background:url(../itemtopics/img/h_sub_cat02.gif) no-repeat;}
.entryCat4 h3{background:url(../itemtopics/img/h_sub_cat03.gif) no-repeat;}
.entryCat5 h3{background:url(../itemtopics/img/h_sub_cat04.gif) no-repeat;}
.entryCat6 h3{background:url(../itemtopics/img/h_sub_cat05.gif) no-repeat;}
.entryCat19 h3{background:url(../itemtopics/img/h_sub_cat06.gif) no-repeat;}

#newItem{
	margin-bottom:10px;
}
#newItem p{
	margin-bottom:5px;
}
#newItem p img{
	margin-right:8px;
	border:5px solid #E7E7E7;
}/*float*/


/*
recentItems
*/



#recentItemsIntro{
	margin-bottom:20px;
}


#recentItems{
	clear:left;
}/*clear*/

#recentItems h2{
	margin-bottom:15px;
}

#recentItemsIntro .moreLink{
	display:inline;
}

#catIntros h2{
	width:495px;
	margin:0 auto 15px;
}
#catIntros{
	background:#D5EAF9 url(../itemtopics/img/main_waku02_btm.gif) no-repeat left bottom;
}

#catIntros ul{
	width:510px;
	margin:0 0 10px 20px;
}
#catIntros ul li{
	margin-right:20px;
	margin-bottom:10px;
	float:left;
}
* html #catIntros ul li{
	margin-right:10px;
}

/*
-------------
footer
-------------*/
#footer{
	width:800px;
	margin:10px 0 0;
	padding:3px 0 0;
	border-top:5px solid #AAD4F4;
	text-align:right;
	clear:left;
	background:url(../itemtopics/img/copyright.gif) right bottom no-repeat;

}/*clear*/
.itemtopics #footMenu{
	width:800px;
	margin:0;padding:0;
	border:none;
	color:#fff;
}
.itemtopics #footMenu li{
	display:inline;
}
.itemtopics #footMenu a{
	color:#fff;
}


.category{
	
}
*.catTitle{
	height:30px;
	padding:12px 0 0 42px;
	color:#fff;
	font-size:110%;
	text-indent:-1000px;
}

.cat2 *.catTitle{background:url(../itemtopics/img/h_cat01.gif) no-repeat;}
.cat3 *.catTitle{background:url(../itemtopics/img/h_cat02.gif) no-repeat;}
.cat4 *.catTitle{background:url(../itemtopics/img/h_cat03.gif) no-repeat;}
.cat5 *.catTitle{background:url(../itemtopics/img/h_cat04.gif) no-repeat;}
.cat6 *.catTitle{background:url(../itemtopics/img/h_cat05.gif) no-repeat;}
.cat7 *.catTitle{background:url(../itemtopics/img/h_cat201.gif) no-repeat;}
.cat8 *.catTitle{background:url(../itemtopics/img/h_cat202.gif) no-repeat;}
.cat9 *.catTitle{background:url(../itemtopics/img/h_cat203.gif) no-repeat;}
.cat10 *.catTitle{background:url(../itemtopics/img/h_cat204.gif) no-repeat;}
.cat11 *.catTitle{background:url(../itemtopics/img/h_cat205.gif) no-repeat;}
.cat12 *.catTitle{background:url(../itemtopics/img/h_cat206.gif) no-repeat;}
.cat13 *.catTitle{background:url(../itemtopics/img/h_cat207.gif) no-repeat;}
.cat14 *.catTitle{background:url(../itemtopics/img/h_cat208.gif) no-repeat;}
.cat15 *.catTitle{background:url(../itemtopics/img/h_cat209.gif) no-repeat;}
.cat19 *.catTitle{background:url(../itemtopics/img/h_cat06.gif) no-repeat;}

/*.cat2 *.entTitle{background:url(../itemtopics/img/h_cat01.gif) no-repeat;}
.cat3 *.entTitle{background:url(../itemtopics/img/h_cat02.gif) no-repeat;}
.cat4 *.entTitle{background:url(../itemtopics/img/h_cat03.gif) no-repeat;}
.cat5 *.entTitle{background:url(../itemtopics/img/h_cat04.gif) no-repeat;}
.cat6 *.entTitle{background:url(../itemtopics/img/h_cat05.gif) no-repeat;}*/

*.entTitle,
*.entryTitle{
	height:30px;
	margin-bottom:8px;
	padding:8px 0 0 42px;
	background:url(../itemtopics/img/h_entry.gif) no-repeat;
}

.entry{
	margin-bottom:20px;
}

/* table */
body.itemtopics #mainArea table.infoTable,
body.itemtopics #mainArea table.orderTable{
	border-collapse: collapse;
	margin: 10px 0
}

body.itemtopics #mainArea table.infoTable th{
}

body.itemtopics #mainArea table.infoTable th,
body.itemtopics #mainArea table.infoTable td{
	border: 1px solid #c9dbe8;
	padding: 5px 10px;
	line-height: 1.3;
	background: #f8f8f8;
}

body.itemtopics #mainArea table.infoTable th{
	background: url(../itemtopics/img/bg_table_th_001.gif);
	white-space: nowrap;
	color: #0b1358;
}

body.itemtopics #mainArea table.orderTable th,
body.itemtopics #mainArea table.orderTable td{
	border: 1px solid #c9dbe8;
	padding: 5px 10px;
	line-height: 1.3;
	font-size: 130%;
	font-weight: bold;
}

body.itemtopics #mainArea table.orderTable th{
	color: #fff;
	background-image: url(../itemtopics/img/bg_table_th_002.gif);
}


body.itemtopics #mainArea table.orderTable td{
	color: #d30c2d;
	background: #f8f8f8;
}

/* list001 */
body.itemtopics .list001 {
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}

body.itemtopics .list001 li{
	background: url(../itemtopics/img/ico_li_blue_cir.gif) no-repeat 0 0.45em;
	padding-left: 15px;
	margin-bottom: 0.35em;
}
body.itemtopics ol li{
	margin-bottom: 0.35em;
}

body.itemtopics .note{
	color: #666;
}

/* #howToOrder : ご注文はお電話で！ */

body.itemtopics #howToOrder{
	margin: 15px 0 5px 0;
}

body.itemtopics #howToOrder img{
	border: none;
}


/* information */
body.itemtopics #information{
	clear: both;
	border: 10px solid #fff;
	background: #bddff8;
	padding: 10px 15px;
	margin: 15px 13px;
}

* html body.itemtopics #information{
	padding-top: 0;
}

*+html body.itemtopics #information{
	padding-top: 0;
}

body.itemtopics #information ul{
	margin: 15px 0 0 4px;
	background: repeat-y url(../itemtopics/img/bg_information_middle.gif) 235px 0;
	
	
}

body.itemtopics #information ul li{
	width: 225px;
}

body.itemtopics #information ul li.col1{
	float: left;
}
body.itemtopics #information ul li.col3{
	float: right;
}
body.itemtopics #information ul li.col2{
	margin-left: 25px;
}

* html body.itemtopics #information ul li.col2{
	margin-left: 245px;
}

*+html body.itemtopics #information ul li.col2{
	margin-left: 250px;
}

body.itemtopics #information li,
body.itemtopics #information p,
body.itemtopics #information th,
body.itemtopics #information td{
	line-height: 1.4;
}

body.itemtopics #information .list001 li{
	width: 208px !important;
}

body.itemtopics #information h2{
	margin-bottom: 10px;
}

body.itemtopics #information p,
body.itemtopics #information ul{
	margin-bottom: 0.7em;
}



body.itemtopics #information strong{
	color: #d30c2d;
}



body.itemtopics #information .tel{
	color: #16468e;
	padding: 6px;
	border: 1px solid #fff;
	background: #aed7f6;
}
body.itemtopics #information .tel em{
	font-weight: bold;
}


body.itemInformation #global{
	background-image:url(../itemtopics/img/head_ptn2.jpg);
}


body.itemInformation #mainArea h2,
body.itemtopics #information h3{
	margin-top: 1em;
	padding-bottom: 5px;
	border-bottom: 2px solid #54a0de;
	margin-bottom: 1em;
}
body.itemInformation #mainArea h3{
	margin-top: 0.5em;
	border-left: 5px double #54a0de;
	margin-bottom: 1em;
	height: auto;
	padding: 3px 0 3px 7px;
}

body.itemInformation #mainArea h4{
	margin: 8px 0;
}


body.itemInformation #mainArea #subMenu a{
	white-space: nowrap;
}

body.itemInformation #mainArea h1.entryTitle{
	font-size: 140%;
	background-position: left bottom;
}



#toInformationArea #toInformationAreaInner{
	padding: 12px 15px 0;
}

#toInformationArea ul{
	width: 170px;
}


#toInformationArea ul li{
	background: url(../itemtopics/img/ico_li_blue_cir.gif) no-repeat 0 center;
	padding-left: 14px;
	margin-bottom: 7px;
	width: 156px;
}