﻿height: 37px@charset "UTF-8";
html {
	width: 100%;
	height: 100%;
}

body {
	color: #000;
	font-size: 62.5%;
	width: 100%;
	height: 100%;
	min-height: 100%;
	/*
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	*/
	font-family: 'ＭＳ Ｐゴシック','MS Pゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	background-color: #FFFFFF;
}


/* text
-----------------------------------------------------------------------------*/
p,li,th,td,dt,dd {
	font-size: 1.2em;
	line-height: 1.6;
}


dd p,
dd li,
li p,
li li,
td p,
td li,
th p,
th li{
	font-size: 1em;
}

/*
a {
	color: #10601e;
	text-decoration: underline;
}


a:hover {
	color: #14a83b !important;
}
*/



a {
	color: #0D6295;
	text-decoration: underline;
}


a:hover {
	color: #E47911 !important;
}




.h1 {
	padding: 10px 0 26px;
	position: relative;
	background-image: url(../images/h1_bg.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	*zoom: 1;
}

.h1 h1 {
	font-size: 2.8em;
	line-height: 1.4;
}

.h2 {
	position: relative;
}

.h2 span.link {
	font-size: 1.2em;
	position: absolute;
	top: 8px;
	right: 2px;
}

.h2Img img {
	vertical-align: bottom;
}

/*
.h2Box {
	margin: 20px 0 10px;
	padding: 5px 10px;
	position: relative;
	border: solid 1px #14A83B;
	background-color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}


.h2Box {
	margin: 20px 0 10px;
	padding: 5px 10px;
	position: relative;
	border-bottom:solid 3px #14A83B;
	background-color: #FFF;
}
*/

.h2Box {
	position: relative;
	background-image: url(../images/bar_sub.gif);
	height:36px;
	padding: 0px auto;
	margin: 20px 0 10px;
	
}


.h2Box h2 {
	color:#333333;
	font-size: 1.6em;
	line-height: 1;
	padding: 6px 0 4px;
}

.h2Box h2 span {
	color: #000;
	font-size: 0.8em;
}

.h2Box h2 .icon_status {
	height: 30px;
	margin: -10px 5px -8px 0;
}

.h2Box .h2Btn {
	text-align: right;
	letter-spacing: -0.4em;
	width: 405px;
	height: auto;
	position: absolute;
	top: 5px;
	right: 10px;
	overflow: hidden;
}

.h2Box .h2Btn li {
	letter-spacing: normal;
	margin-left: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.h2Box .h2Btn li img {
	vertical-align: bottom;
}

.h2Logo {
	position: relative;
	background-image: url(../images/h2_logo.gif);
	height:48px;
	padding: 0px auto;
	margin: 20px 0 10px;
	
}



.h2Logo h2 {
	color:#333333;
	font-size: 1.6em;
	line-height: 1;
	padding: 20px 0 10px 40px;
}

	

h3 {
	font-size: 1.4em;
}

h3.color_o {
	color: #EE6E00;
	line-height: 1.4;
}


.h3Box h3 {
	color: #14A83B;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #D0CDBD;
	position: relative;
}
.h3Box .yoyakuBox {
	text-align: center;
	position: absolute;
	bottom: -12px;
	right: 0;
}

/* imageg
-----------------------------------------------------------------------------*/


.h4 {
	margin:5px 0px 0px;
	background:#edfabe;
	text-align:left;

}

.h4 h4 {
	color:#00913a;
	padding: 5px 0px 0px 10px;
	font-size: 2.0em;
	line-height: 1.6;
}


a img {	
	border:0px;
}

	
a:hover img{	
opacity:0.6;	
filter:alpha(opacity=60);	
-ms-filter: "alpha( opacity=60 )";	
background:none!important;	
}


/* layout
-----------------------------------------------------------------------------*/
/* wrapper */
#HtmlBody,
#wrapper {
	width: auto;
/*	min-width: 100%;*/
	min-width: 980px;
	height: auto;
	min-height: 100%;
	position: relative;
	background-color: #FFF;
	/*
	background-color: #fcf8e1;
	*/
}


/* header */
#HD,
#header {
	width: auto;
	height: auto;
	margin-bottom: 10px;
	border-bottom: solid 2px #289f3c;
	background-color: #FFF;
}

#headerContents {
	width: 980px;
	height: auto;
	_height: 100px;
	min-height: 100px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#logo {
	font-size: 0.1em;
	line-height: 1;
	width: 270px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

#logo img {
	vertical-align: bottom;
	width: 270px;
	height: 100px;
}

#headerNavi {
	width: 525px;
	margin: 0 0 8px 295px;
	padding-top: 12px;
}

#headerNavi li {
	font-size: 1.1em;
	vertical-align: middle;
	margin-right: 7px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#headerNavi li.last {
	margin-right: 0;
}

#headerNavi li img {
	vertical-align: middle;
	width: auto;
	height: 15px;
	margin-right: 3px;
}

#headerLogin {
	width: 505px;
	height: auto;
	margin: 0 0  0 295px;
	padding: 8px 10px;
	overflow: hidden;
	background-color: #f5f5f5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#headerLogin table {
	font-size: 100%;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#headerLogin table td {
	vertical-align: middle;
}

#headerLogin #loginName {
	width: 164px;
}

#headerLogin #loginName span {
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#headerLogin #loginLink {
	padding-left: 5px;
}

#headerLogin #loginMypage {
	text-align: right;
	width: 110px;
	padding-left: 10px;
}

#headerLogin #loginRegist {
	text-align: right;
	width: 110px;
	padding-left: 5px;
}

#headerLogin #loginMypage img,
#headerLogin #loginRegist img {
	vertical-align: middle;
}

#headerLogin #loginPoint {
	width: 120px;
	padding-left: 5px;
}

#headerLogin2 {
	width: 505px;
	height: auto;
	margin: 0 0  0 295px;
	padding: 8px 10px 6px;
	position: relative;
	overflow: hidden;
	background-color: #f5f5f5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#headerLogin2 dt {
	line-height: 1.7;
	width: 235px;
}

#headerLogin2 dd {
	line-height: 1.7;
	width: 235px;
	padding-bottom: 1px;
}

#headerLogin2 dt span {
	font-weight: bold;
}

#headerLogin2 dt img {
	vertical-align: bottom;
}

#headerLogin2 .loginBox {
	width: 260px;
	text-align: right;
	position: absolute;
	top: 18px;
	right: 13px;
}


#headerLogin2 .loginBox span {
	vertical-align: middle;
}

#headerLogin2 dd img {
	vertical-align: bottom;
	margin-bottom: 2px;
}

#headerCart {
	position: absolute;
	top: 0;
	right: 0;
	padding-bottom: 10px;
}

#headerCart dl {
	width: 125px;
	margin-top: -6px;
	padding: 16px 10px 10px 10px;
	text-align: center;
	border-left: solid 1px #f6be68;
	border-right: solid 1px #f6be68;
	border-bottom: solid 1px #f6be68;
	background-color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}


/* contents */
#MainBody,
#footerMain,
#contents {
	width: 980px;
	height: auto;
	margin: 0 auto 30px;
	overflow: hidden;
	*zoom: 1;
}

#popup #MainBody,
#popup #contents {
	padding-bottom: 9.5em;
}

#MainBody:after,
#footerMain:after,
#contents:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#MB,
#mainArea {
	width: 730px;
	height: auto;
	float: right;
	position: relative;
/*	float: left;
	vertical-align: top;*/
}

#mainAreaS {
	width: 480px;
	height: auto;
	float: left;
}

.leftContents #mainArea {
	float: left;
}

.fullContents #mainArea {
	width: 980px;
}

.fullContents .h1 {
	background-image: url(../images/h1_longBg.gif);
}

.pankuzu {
	margin: 10px 0;
}

.h1 .yoyakuBox {
	text-align:left;
    position: absolute;
	top: 10px;
	right: 0;
}




.h1 .rightBox {
	text-align: right;
	position: absolute;
	bottom: 30px;
	right: 0;
}

.h1 h1.yoyaku,
.h1 h1.leftText{
	margin-right: 190px;
	margin-bottom: 10px;
}

.h1 .rightBox p {
	font-size: 1em;
}

.h1 .rightBox .pharmacyText {
	font-size: 1.8em;
	letter-spacing: 1;
	margin-bottom: -3px;
}

.h1 .rightBox .pharmacyText span {
	color: #14a83b;
	font-size: 1.2em;
	font-weight: bold;
}

.h1 #h1_home {
	padding-left: 50px;
	background-image: url(../images/h1_home.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_cart {
	padding-left: 50px;
	background-image: url(../images/h1_cart.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_lock {
	padding-left: 50px;
	background-image: url(../images/h1_lock.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categoryiyakuhin {
	padding-left: 50px;
	background-image: url(../images/h1_category1.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorysupplement {
	padding-left: 50px;
	background-image: url(../images/h1_category2.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categoryfood {
	padding-left: 50px;
	background-image: url(../images/h1_category4.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorydrink {
	padding-left: 50px;
	background-image: url(../images/h1_category3.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categoryhealthcare {
	padding-left: 50px;
	background-image: url(../images/h1_category5.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorykaigo {
	padding-left: 50px;
	background-image: url(../images/h1_category6.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorybeauty {
	padding-left: 50px;
	background-image: url(../images/h1_category7.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorybaby {
	padding-left: 50px;
	background-image: url(../images/h1_category8.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categoryrilax {
	padding-left: 50px;
	background-image: url(../images/h1_category9.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorydaily {
	padding-left: 50px;
	background-image: url(../images/h1_category10.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorybath {
	padding-left: 50px;
	background-image: url(../images/h1_category11.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorycleaning {
	padding-left: 50px;
	background-image: url(../images/h1_category12.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorysupport_food {
	padding-left: 50px;
	background-image: url(../images/h1_category13.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorypet {
	padding-left: 50px;
	background-image: url(../images/h1_category14.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorysports {
	padding-left: 50px;
	background-image: url(../images/h1_category15.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}

.h1 #h1_categorybugaihin {
	padding-left: 50px;
	background-image: url(../images/h1_category16.gif);
	background-position: 5px top;
	background-repeat: no-repeat;
}


.h1 .detailTitle {
	font-size: 2em;
	padding-top: 8px !important;
}


/* rankingArea */
.rankingArea,
.carouselArea {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.rankingArea .h2,
.carouselArea .h2 {
	height: 26px;
	border-bottom: solid 1px #d8d8d8;
}

.rankingArea .h2 img,
.carouselArea .h2 img {
	vertical-align: bottom;
	margin-bottom: -1px;
}

.rankingArea .rankingTitle,
.carouselArea .rankingTitle{
	font-size:1.2em;
	background:#FEF1E9;
	/*
	background:#E0F0D3;
	*/
	padding:auto;
	line-height:200%;
}



.rankingList,
.carouselList {
	text-align: left;
	letter-spacing: -0.4em;
	margin-top: 12px;
	padding-top: 9px;
}

.rankingList li,
.carouselArea li {
	text-align: left;
	vertical-align: top;
	letter-spacing: normal;
	width: 148px;
	height: 100%;
	padding: 0 5px;
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#mainArea .rankingList li,
#mainArea .carouselList li {
	width: 200px;
}

#mainArea .rankingList .rankingCenter,
#mainArea .carouselList .carouselCenter {
	margin: 0 45px;
}

.rankingImg,
.carouselImg {
	text-align: center;
	margin-bottom: 5px;
	position: relative;
	*zoom: 1;
}

.rankingImg a,
.carouselImg a {
	height: 105px;
	padding: 5px;
	display: block;
	border: solid 1px #dbd9ca;
	background-color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.rankingImg a:hover,
.carouselImg a:hover {
	border: solid 1px #14a83b;
}

.rankingImg img,
.carouselImg img {
	vertical-align: bottom;
	width: 105px;
	height: 105px;
}

.rankingTitle {
	font-size:16px;
	font-weight:bold;
}

.icon_ranking {  /* 2012.09.04 修正 */
	width: 35px;
	height: 26px;
	display: block;
	position: absolute;
	top: -10px;
	left: 5px;
}

.icon_ranking img {  /* 2012.09.04 修正 */
	width: 35px;
	height: 26px;
}

.rankingList li p,
.carouselList li p {
	line-height: 1.4;
	margin-bottom: 8px;
}

.rankingList li p.price,
.carouselList li p.price {
	color: #fc0402;
/*	margin-bottom: 50px;*/
}

.rankingList li .icon_deliveryStatus,
.carouselList li .icon_deliveryStatus {
	position: absolute;
	left: 0;
	bottom: 0;
}

.rankingList li .icon_deliveryStatus img,
.carouselList li .icon_deliveryStatus img {
	vertical-align: bottom;
	margin-right: 5px;
}

.rankingArea a.prev,
.carouselArea a.prev {
	text-indent: -9999em;
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 90px;
	left: 0;
	background-image: url(../images/btn/btn_carouselArrow.png);
	_background-image: url(../images/btn/btn_carouselArrow.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.rankingArea a.prev.disabled,
.carouselArea a.prev.disabled {
	background-position: left top;
}

.rankingArea a.next,
.carouselArea a.next {
	text-indent: -9999em;
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 90px;
	right: 0;
	background-image: url(../images/btn/btn_carouselArrow.png);
	_background-image: url(../images/btn/btn_carouselArrow.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.rankingArea a.next.disabled,
.carouselArea a.next.disabled {
	background-position: right top;
}

.wBlockR {
	padding: 20px;
	border: solid 1px #cfcdb7;
	background-color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* leftArea */
#LI,
#leftArea {
	width: 230px;
	float: left;
	margin-right: 20px;
	_margin-right: 19px;
	*zoom: 1;
/*	display: table-cell;
	vertical-align: top;*/
}

#navi {
	margin-bottom: 10px;
	border: solid 1px #e2e2e2;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	*zoom: 1;
	background-color: #f5f2e7;
}

#navi p {
	line-height: 1;
	padding: 10px;
	background-color: #92938d;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.myPageNavi p,
.pNavi p {
	background-color: #289F3C !important;
}

#navi p a {
	color: #FFF;
	padding-left: 12px;
	text-decoration: none;
	background-image: url(../images/icon_allCategory.gif);
	background-position: left 0.2em;
	background-repeat: no-repeat;
}

.myPageNavi p a,
.pNavi p a {
	background-image: url(../images/icon_allCategory03.gif) !important;
}

#navi p a:hover,
#naviCategory li.gAct a:hover {
	color: #FFF !important;
	text-decoration: underline;

}

#naviCategory {
	background-color: #f5f2e7;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-bottom-radius: 6px;
    border-top-bottom-radius: 6px;
}

#naviCategory li {
	line-height: 1.4;/* わざと単位外す */
	position: relative;
	border-bottom: dotted 1px #cac7be;
	background-image: url(../images/icon_link.png);
	background-position: 10px 1.2em;
	background-repeat: no-repeat;
	margin:0;
	height: auto !important;  

}


.myPageNavi #naviCategory li,
.pNavi #naviCategory li {
	padding-left: 20px;
	background-position: 30px 1.2em;
	border-bottom: none;
}

#naviCategory li .icon_nCategory {
	position: absolute;
	top: 6px;
	left: 10px;
	clear:both;
}

#naviCategory li div {
	margin: 0 10px;
	*margin-top: -7px;
	padding: 10px 0 10px 12px;
}


.myPageNavi #naviCategory li div,
.pNavi #naviCategory li div {
	margin: 0 0 0 10px;
	border-bottom: dotted 1px #cac7be;
}

.myPageNavi #naviCategory li.last div,
.pNavi #naviCategory li.last div {
	border-bottom: none;
}

#naviCategory li.subAct {
	background-color: #cfefd4;
}

#naviCategory li.subCategory {
	margin: 0;
	border-bottom: none;
	background-position: 10px 1.2em;
	background-color: #cfefd4;
}

#naviCategory li.subCategory div {
	margin: 0;
	padding: 0;
}

#naviCategory li.subCategory a {
	padding: 10px 0 10px 22px;
	display: inline-block;
}



#naviCategory li.subCategory ul {
	padding-left: 20px;
	background-color: #fbfaf6;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-bottom-radius: 6px;
    border-top-bottom-radius: 6px;
}

#naviCategory li.subCategory ul a {
	margin-left: 0;
}

#naviCategory li.subCategory ul a.act {
	color: #f26c00 !important;
}

#naviCategory li.gAct {
	margin: 0;
	border-bottom: none;
	background-color: #289F3C;
	}

#naviCategory li.last {
	border-bottom: none;
} 

#naviCategory li a {
	color: #000;
	text-decoration: none;
}

#naviCategory li.gAct a {
	color: #FFF;
}


#naviCategory #nCategory.catImg {
        background-image: none;
}

#naviCategory #nCategory.iyakuhin {
	height: 37px;
	background-image: url(../images/nCategory1_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#naviCategory #nCategory_act.iyakuhin {
	height: 37px;
	background-image: none;
	background-color: #289f3c;
}
/*
#naviCategory #nCategory.iyakuhin div,
#naviCategory #nCategory_act.iyakuhin div {
	*margin-top: 0;
	padding: 7px 0 0 30px;
}
*/

#naviCategory #nCategory.iyakuhin .icon_nCategory,
#naviCategory #nCategory_act.iyakuhin .icon_nCategory {
	top: 2px;
}


#naviCategory #nCategory.catImg div {
	padding: 10px 0 10px 30px;
}

/*
#naviCategory #nCategory .supplement div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategory .food div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategory .drink div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategory .healthcare div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategory .kaigo div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategory .baby div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategory .rilaxy div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategorydaily div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategorybath div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategorycleaning div {
	padding: 10px 0 10px 30px;
}

#naviCategory #nCategorybeauty div {
	padding: 10px 0 10px 30px;
}
*/


#naviCategory #nCategory_act.catImg div {
	padding-left: 30px;
}


#naviCategory #nCategory.iyakuhin div div,
#naviCategory #nCategory_act.iyakuhin div div {
	margin: 3px 0 0;
	padding: 0;
}

img.yoyakuimg {

/*	width: 80px;
	float: right;
	margin-right: 10px;
	
    -moz-border-radius: 3px;	
    -webkit-border-radius: 3px;	
     border-radius: 3px;	
*/
	position: relative;
	left: 15px;
	clear:both;
	width: 80px;
   overflow: auto;
   top:2px;
-ms-interpolation-mode: bicubic;
}


/* サイドナビ（薬局の検索結果） */
#navi p.gr {
	background-color: #289F3C;
}

#navi p.gr a {
	padding-left: 0;
	background-image: none;
}

#navi li.mainArea {
	padding: 10px;
	background-color: #cfefd4;
}

#navi li.mainArea a {
	color: #000;
	text-decoration: none;
}

#navi .subArea {
	padding: 0 10px;
	background-color: #FBFAF6;
}

#navi .subArea div {
	line-height: 1.4;
	padding: 7px 0 3px 12px;
	position: relative;
	background-image: url(../images/icon_link.png);
	background-position: 0 1.2em;
	background-repeat: no-repeat;
}

#navi .subArea.last {
	padding-top: 5px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-bottom-radius: 6px;
    border-top-bottom-radius: 6px
}

#navi .subArea.last span {
	padding: 6px 0;
	border-top: dotted 1px #cac7be;
}

#navi .subArea .noIcon {
	background-image: none;
}

#navi .subArea div a {
	color: #000;
	text-decoration: none;
}

#navi .subArea .sideInput {
	margin-left: 20px;
}

#navi .subArea .sideInput li {
	padding: 10px 0;
	border-bottom: dotted 1px #cac7be;
}

#navi .subArea .sideInput li.last {
	border-bottom: none;
}

#navi .subArea .sideInput label {
	margin-left: 5px;
}

/* sideBlock */
.sideBlock {
	margin-bottom: 10px;
	padding: 9px;
	border: solid 1px #e2e2e2;
	background-color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.sideBlock div {
	margin-bottom: 5px;
}

.sideBlock div img {
	vertical-align: bottom;
}

.sideBlock .exp {
	font-size: 1.2em;

}

.sideBlock .subttl {
	border-bottom: solid 2px #009966;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6;
}

.sideBlock .subttlbg {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4;
	background: #009966;
	color:#FFF;
	padding:5px
}

.sideBlock .karakorobg {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4;
	background: #89C56D;
	color:#FFF;
	padding:5px
}



.sideBlock .linkList {
	border-top: dotted 1px #cac7be;
	padding-top: 10px;
}

.sideBlock .btn_refine {
	text-align: center;
	margin-bottom: 0 !important;
}

.sideBlock .btn_refine input {
	vertical-align: top;
}

.sideBlock .sideBlockList {
	border-top: none;
	padding-top: 0;
    margin-left: 1em;  
    text-indent: -1em; }

.sideBlockList li {
	padding: 5px 0;
	border-bottom: dotted 1px #cac7be;
}




#btn_shopInfo {
	text-align: center;
	padding: 15px 0 0;
}

#btn_shopInfo a {
	width: 210px;
	height: 16px;
	display:inline-block;
	*display: inline;
	background-image: url(../images/btn/btn_shopInfo_close.gif);
	background-position: center top;
	background-repeat: no-repeat;
	*zoom: 1;
}

#btn_shopInfo a.open img {
	display: none;
}

#olderInfo {
	margin-bottom: 0;
	display: none;
}

#rightArea .sideBlock dl {
	height: auto;
	overflow: hidden;
	*zoom: 1;
}

#rightArea .sideBlock dt {
	width: 46px;
	height: 62px;
	float: left;
}

#rightArea .sideBlock dd {
	color: #289f3c;
	font-size: 1.4em;
	margin-left: 60px;
}

.sideLink {
	position: relative;
}

.sideLink a {
	position: absolute;
	top: -2px;
	right: 0;
}


/* aboutIcon */
#aboutIcon dt {
	width: 40px;
	height: 40px;
	*margin-right: -50px;
	padding: 5px;
	float: left;
	clear: both;
}

#aboutIcon dd {
	font-size: 1.1em;
	letter-spacing: -0.1em;
	padding: 10px 0 10px 50px;
	position: relative;
	border-bottom: dotted 1px #cac7be;
	zoom: 1;
	
}

#sidenavi_wide_itembox {	
	margin: auto;
	background-color: #FFF;
	border-bottom: dotted 1px #cac7be;
	padding: 5px;
}
	
#sidenavi_wide_itembox .wide_item {	
	width:60px;
	height:60px;
	float: left;
	clear: both;
	text-align: center;
	margin-right:5px;
}
	
#sidenavi_wide_itembox .item_title {	
	font-size: 1.2em;
	padding: auto;
	width:155px;
	float: left;
	line-height:120%;
}
	
#sidenavi_wide_itembox .item_txt {	
	font-size: 1.1em;
	width:155px;
	float: left;
	padding: auto;
	line-height:110%;
	margin-top:5px;
}


/* left future */
#futureLeft {
	margin-bottom: 10px;
	padding: auto;
	/*
	border: solid 1px #e2e2e2;
	*/
	background-color: #FFF;
		border-bottom: dotted 1px #cac7be;

}

#futureLeft dt {
	width: 60px;
	height: 60px;
	*margin-right: -70px;
	padding: 5px;
	float: left;
	clear: both;
}

#futureLeft dd {
	padding: 5px 0 10px 70px;
	height: 60px;
	position: relative;
	zoom: 1;

}

#futureLeft p {
	font-size: 1.0em;
	padding: auto;
	line-height:120%;
	width:160px;
	margin-bottom:5px;
}

#futureLeft p.text {
	font-size: 0.9em;
	padding:auto;
	line-height:120%;
	width:160px;
}



.sideBlockList li.last,
#aboutIcon dd.last {
	padding-bottom: 0;
	border-bottom: none;
}


/* sideBnner */
.sideBnner {
	text-align: center;
	margin-bottom: 10px;
}

.sideBnner p {
	text-align: left;
	margin-top: 5px;
}

.sideBnner img {
	vertical-align: bottom;
}

.sideBnner .bnrLink {
	display: block;
	border: solid 1px #dbd9ca;
}

.sideBnner .bnrLink:hover {
	border: solid 1px #14a83b;
}

#leftArea .hr {
	margin-bottom: 10px;
}


/* sideSearch */
#sideSearch div {
	width: 210px;
	margin-bottom: 8px;
	position: relative;
}

#sideSearch div input {
	font-size: 12px;
	width: 202px;
	padding: 3px;
	border: none;
	border: solid 1px #C6C6C6;
	background-color: #FFF;
}

#sideSearch p {
	font-size: 1.1em;
	line-height: 1.2;
	margin-bottom: 8px;
}

#sideSearch p a {
	margin-right: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* sidePrice・sideTake・sideReceive */
#sidePrice label,
#sideTake label,
#sideReceive label {
	margin-left: 5px;
}

#sideTake ul,
#sidePrice ul,
#sideReceive ul {
	margin-bottom: 8px;
}

/* "sideRelated */
#sideRelated li {
	padding: 8px 0;
	border-bottom: dotted 1px #CAC7BE;
}

#sideRelated li.last {
	padding-bottom: 0;
	border-bottom: none;
}

#sideRelated li div {
	text-align: center;
}

#sideRelated li img {
	vertical-align: bottom;
} 

#sideRelated li .sideStatus {
	text-align: right;
	margin-bottom: 0;
}

#sideRelated li .sideStatus img {
	margin-left: 5px;
}

#sideRelated li p {
	line-height: 1.4;
	margin-bottom: 5px;
}

.pharmacyInformation{
	margin-bottom:10px !important;
	padding-bottom:10px;
	border-bottom:1px dotted #999;
}

.pharmacyName {
	margin-bottom: 5px;
}

.pharmacyName a{
	font-size:18px;
}

.pharmacyAddress{
}

.pharmacyAnnounce li{
	padding: 5px 0;
	border-bottom:1px dotted #999;
}

.pharmacyAnnounce li.last{
	padding-bottom: 0;
	border:none;
}

.pharmacyInformation .imgBox_pharmacyInfo {
	text-align: center;
	width: 150px;
	/*
	height: 86px;
	*/
	margin:0;
	float: left;
}

.pharmacyInformation .imgBox_pharmacyInfo img {
	width: auto;
	height: 86px;
	max-width: 100%;
	max-height: 100%;
	vertical-align: bottom;
}

.pharmacyInformation .textBox_pharmacyInfo {
	margin: 0 0 0 90px;
}

.pharmacyInformation .comment_pharmacyInfo {
	width: 200px;
	height: auto;
	padding-top: 12px;
	background-image: url(../images/bg_pharmacyInformation.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.pharmacyInformation .comment_pharmacyInfo p {
	padding: 10px;
	border-left: solid 1px #d8d8d8;
	border-right: solid 1px #d8d8d8;
	border-bottom: solid 1px #d8d8d8;
}

/* contents */
.seachArea {
	padding: 8px 11px;
	background-color: #e0f0d3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	-moz-box-shadow: 0 1px 3px #ded9c5;
	-webkit-box-shadow: 0 1px 3px #ded9c5;
	box-shadow: 0 1px 3px #ded9c5;
}

.seachArea .categorySelect {
	width: 180px;
	float: left;
}

.seachArea .link {
	max-width: 120px;
	float: right;
}

.seachArea .link a {
	color: #000;
}

.seachArea .cF {
	overflow: visible;
}

.searchText {
	float: left;
	padding-left: 15px;
}

.searchText input {
	vertical-align: top;
}

.seachArea .textBox {
	font-size: 1.2em;
	line-height: 1.2;
	width: 300px;
	margin: 0 10px 5px 0;
	padding: 4px 3px;
	border: solid 1px #c6c6c6;
	background-color: #FFF;
	zoom: 1;
}

.seachArea .btn {
	width: 50px;
	height: 25px;
}

.searchKeyword dt {
	font-size: 1.1em;
	*font-size: 11px;
	line-height: 1.2;
	width: 8.5em;
	float: left;
}

.searchKeyword dd {
	line-height: 1.2;
	margin-left: 8.5em;
}

.searchKeyword dd ul {
	letter-spacing: -0.4em;
}

.searchKeyword dd li {
	font-size: 0.9em;
	line-height: 1.2;
	letter-spacing: normal;
	vertical-align: top;
	margin-right: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}


/* bnr_searchPharmacy */
.bnr_searchPharmacy a {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	text-align: left;
	text-decoration: none;
	width: 160px;
	height: 55px;
	padding: 15px 0 0 70px;
	display: block;
	background-image: url(../images/bnr/bnr_searchPharmacy.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-weight:bold;
}

.bnr_searchPharmacy a:hover {
	color: #FFF !important;
	background-position: left bottom;
}

.bnr_searchPharmacy span {
	display: none;
}


/* footer */
#footer {
	/*background-color: #5a584f;
	*/
	background-image: url(../images/common/ftbg.jpg);
}

#popup #footer {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

#footerContents {
	width: auto;
	height: auto;
	background-color: #f2efe0;
}

#footerNavi {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 15px 0 40px 180px;
	overflow: hidden;
	zoom: 1;
}

#popup #footerNavi {
	text-align: center;
	padding: 10px 0;
}

#footerNavi:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#fNaviL {
	width: auto;
	max-width: 380px;
	_width: 350px;
	float: left;
}

#fNaviC {
	width: auto;
	max-width: 290px;
	margin-right: 10px;
	float: left;
}

#fNaviR {
	width: auto;
	max-width: 300px;
	float: left;
}

#footerNavi p {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

#footerNavi #popup_footerLink {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0;
}

#footerNavi ul {
	margin-right: 80px;
	_margin-right: 70px;
}

#footerNavi #fNaviR ul {
	margin-right: 0;
}

#footerNavi .cF ul {
	max-width: 180px;
	float: left;
}

#footerNavi li a {
	color: #000;
	display: inline-block;
	*display: inline;
	padding-left: 12px;
	background-image: url(../images/icon_link.png);
	background-position: left 0.4em;
	background-repeat: no-repeat;
	zoom: 1;
}

#footerNavi li  .bn{
	color: #000;
	display: inline-block;
	*display: inline;
	padding-left: 12px;
	background-position: left 0.4em;
	background-repeat: no-repeat;
	zoom: 1;
}

#footerNavi li a .bn {
	color: #000;
	display: inline-block;
	*display: inline;
	padding-left: 12px;
	background-position: left 0.4em;
	background-repeat: no-repeat;
	zoom: 1;
}

#footerNavi p a {
	color: #000;
}

#copyright {
	/*
	color: #FFF;
	*/
	font-size: 1.1em;
	width: 980px;
	margin: 0 auto;
	padding: 10px 0px ;
	clear: both;
}


/* hr */
.hr {
	height: 0;
	overflow: hidden;
	border-bottom: dotted 1px #cfcdbc;
}

.hr hr {
	height: 0;
	display: none;
}


/* pageTop */
#pageTop {
	float: right;
	margin-top: 30px;
}

#pageTop:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#pageTop a,
.pageTop a{
	color: #000;
	width: 120px;
	height: auto;
	padding-left: 12px;
	background-image: url(../images/icon_pagetop.png);
	background-position: left 0.25em;
	background-repeat: no-repeat;
	*display: block;
	*zoom: 1;
}


/* topLink */
#topLink {
	float: left;
	margin-top: 30px;
	zoom: 1;
}

#topLink a {
	color: #000;
	padding-left: 12px;
	background-image: url(../images/icon_link.png);
	background-position: left 0.25em;
	background-repeat: no-repeat;
	width: 120px;
}


/* overlay */
#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FFF;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 200;
}

#overlay_contents {
	width: 725px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25% 0 0 -363px;
/*	display: none;*/
	border: solid 1px #999\9;
	background-color: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	z-index: 210;
}

#overlay_contents #btn_overlayClose {
	position: absolute;
	top: 19px;
	right: 30px;
	*zoom: 1;
}

#btn_overlayClose a {
	*font-size: 0;
	text-indent: -9999em;
	*text-indent: 0;
	width: 125px;
	height: 33px;
	display: inline-block;
	*display: inline;
	overflow: hidden;
	position: relative;
	background-image: url(../images/btn/btn_overlayClose.gif);
	background-position: left top;
	background-repeat: no-repeat;
	*zoom: 1;
}

#btn_overlayClose2 {
	width: 43px;
	height: 42px;
	position: absolute;
	top: -21px;
	right: -22px;
	*zoom: 1;
}

#btn_overlayClose2 a {
	text-indent: -9999em;
	width: 43px;
	height: 42px;
	display: block;
	background-image: url(../images/btn/btn_overlayClose2.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#overlay_contents #btn_overlayClose3 {
	text-align: center;
}

#btn_overlayClose3 a {
	*font-size: 0;
	text-indent: -9999em;
	*text-indent: 0;
	width: 125px;
	height: 33px;
	display: inline-block;
	*display: inline;
	overflow: hidden;
	position: relative;
	background-image: url(../images/btn/btn_overlayClose.gif);
	background-position: left top;
	background-repeat: no-repeat;
	*zoom: 1;
}

#btn_overlayClose a:hover,
#btn_overlayClose2 a:hover,
#btn_overlayClose3 a:hover {
	background-position: left bottom;
}











/* 加盟薬局サイト用 */
#pContents #headerContents {
	min-height: 120px;
}

#pContents #logo,#pContents #logo img {
	width: 255px;
	height: 84px;
}

#pContents #headerNavi {
	margin: 0 0 0 285px;
	padding: 48px 0 20px;
}

#pContents #headerCart dl {
	width:  270px;
	padding-top: 14px;
}

#pContents #headerCart dt {
	margin-bottom: 5px;
}

#pContents #headerCart dd img {
	vertical-align: bottom;
}

#accession_headerNavi {
	letter-spacing: -.40em;
}

#accession_headerNavi li {
	letter-spacing: normal;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#accession_headerNavi li img {
	vertical-align: bottom;
}

#topInfo {
	font-size: 100%;
	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

#topInfo .topInfoCol1 {
	text-align: center;
	vertical-align: top;
	width: 8em;
	padding: 1px 0;
	white-space: nowrap;
}

#topInfo .topInfoCol1 span {
	color: #FFF;
	line-height: 1;
	padding: 4px 0 3px;
	display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#topInfo .topInfoCol1 span.infoType1 {
	background-color: #00b5dc;
}

#topInfo .topInfoCol1 span.infoType2 {
	background-color: #ff9c00;
}

#topInfo .topInfoCol1 span.infoType3 {
	background-color: #b0ad9e;
}

#topInfo .topInfoCol2 {
	text-align: left;
	vertical-align: top;
	width: 8em;
	padding: 3px 10px 2px;
	white-space: nowrap;
}

#topInfo .topInfoCol3 {
	vertical-align: top;
	padding: 3px 3px 2px;
}

#topInfo .topInfoCol3 a {
	color: #000;
	text-decoration: none;
	display: inline-block;
	*display: inline;
	padding-left: 12px;
	background-image: url(../images/icon_link.png);
	background-position: left 0.4em;
	background-repeat: no-repeat;
	zoom: 1;
}

.hedderBnner {
	margin:auto;
	width:980px;
}

/*介護メニュー*/

.menu-tittle{
	width: 210px;
	margin: 0;
	padding: 8px 10px;
	border-radius: 3px 3px 0 0;
	background: #DB645F;
	text-align: center;
	color: #fff;
	font-size:1.2em;
	font-weight:bold;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
	line-height: 1;
}

.menu-tittle p{
}


.menu-tittle p a{
	color: #fff;
  text-decoration: none;
}

.menu-tittle p a:hover{
	color: #fff;
	text-decoration: underline;

}

.menu-tittle p a:active{
	color: #fff;
	text-decoration: underline;

}


#newnavi{
  position: relative;
  z-index: 100;
  width: 228px;
  margin: 0 0 20px 0;
  padding: 5px 0;
  border: 1px solid #ececec;
  background: #fff;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
}

#newnavi li{
  list-style-type : none;
  margin: 0;
  padding: 0;
}
#newnavi li a{
  position: relative;
  display: block;
  padding: 6px 8px;
  color: #004B91;
  text-decoration: none;
  line-height: 1.2;
}
#newnavi > li:hover > a{
  color:#e47911;
  background-color:#F0F0F0;
}

#newnavi ul li a:hover{
  background-color:#F0F0F0;
}
#newnavi ul li a{
  padding: 6px 8px;
}

#newnavi li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -5px;
  right: 15px;
  width: 6px;
  height: 6px;
  /*
 border-top: 1px solid #999;
border-right: 1px solid #999; 
*/
}


#newnavi > li:hover > a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -5px;
  right: 15px;
  width: 6px;
  height: 6px;
}

#newnavi ul{
  display: none;
  position: absolute;
  top: -3px;
  right: -250px;
  width: 250px;
  height:350px;
  margin: 0;
  padding: 10px 0;
  background: #fff;
  border-radius: 0 0 3px 0;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
#newnavi li:hover ul{
  display: block;
}
#newnavi ul.big{
  right: -460px;
  width: 460px;
}
#newnavi ul.big li{
  float: left;
  width: 230px;
}
#newnavi ul h3{
  padding: 5px 5px 5px 15px;
  margin: 0;
  color:#e47911;
  font-size: 1.0em;
  font-weight: normal;
}


/*ここから追加
#newnavi li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .2s;
}
#newnavi li ul li a {
  padding: 13px 15px;
  text-align: left;
  font-weight: normal;
}

#newnavi > li:hover > a{
  color:#e47911;
  background-color:#F0F0F0;
}
#newnavi> li:hover li:hover > a {  
  color:#e47911;
  background-color:#F0F0F0;
}
#newnavi> li:hover > ul > li {
  overflow: visible;
  height: 32px;
}

#newnavili ul li:hover > ul > li {
  overflow: visible;
  height: 32px;
}


#newnavili ul li ul {
  top: 0;
  left: 100%;
}
#newnavili:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#newnavili ul li ul:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -5px;
  right: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #999;
border-right: 2px solid #999; 
}
#newnavili:last-child ul li ul:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -5px;
  right: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #999;
border-right: 2px solid #999; 
}
#newnavili ul li ul li a {
color:#e47911;
  background-color:#F0F0F0;
 }
  */
