@charset "utf-8";

/**
 * 「ネット総合病院」で処方せん薬通販
 * www.ns-hospi.com
 * side
 */

#sideArea {

}

/* キャンペーン */

#sideArea div.campaignArea {
	display:none;
}

#sideArea div.campaignArea ul {

}

#sideArea div.campaignArea ul li {

}

#sideArea div.campaignArea ul li a {

}

#sideArea div.campaignArea ul li a:hover {

}

#sideArea div.campaignArea ul li a img {

}

#sideArea div.campaignArea ul li a:hover img{

}

/* バナー等 */

#sideArea div.appealA {
	display:none;
}

#sideArea div.appealA img {

}

#sideArea div.banner {
	margin:0px 2% 10px;
	padding:5px;
	background:#ececec;
}

#sideArea div.banner > ul {
	margin:-5px 0px 0px;
	text-align:center;
}

#sideArea div.banner > ul > li {
	line-height:20px;
	margin:5px 0px 0px;
	padding:2%;
	background:#ffffff;
	text-align:left;
}

#sideArea div.banner > ul > li a {
	display:block;
	position:relative;
	margin:0px auto;
	color:#333333;
	text-decoration:none;
}

#sideArea div.banner > ul > li a:hover {
	opacity:0.8;
}

#sideArea div.banner > ul > li a:before {
	display:block;
	position:absolute;
	top:50%;
	right:0px;
	width:15px;
	height:15px;
	margin:-7.5px 0px 0px;
	border-radius:10px;
	background:#2d2d2d;
	content:"";
}

#sideArea div.banner > ul > li a:after {
	display:block;
	position:absolute;
	top:50%;
	right:3px;
	margin:-3px 0px 0px;
	border-width:4px 0 4px 8px;
	border-color:transparent transparent transparent #ffffff;
	border-style:solid;
	content:"";
}

#sideArea div.banner > ul > li a img {
	display:none;
	max-width:100%;
}

#sideArea div.banner > ul > li a span {

}

#sideArea div.banner > ul > li.light {

}

#sideArea div.banner > ul > li a.light {

}

/* カテゴリリスト */

#sideArea input#categoryCheck {
	display:none;
}

#sideArea input#categoryCheck:checked + div.categoryOl {
	display:block;
}

#sideArea input#categoryCheck:checked + div.categoryOl label.categoryClear {
	display:block;
	overflow:auto;
	opacity:0.3;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	width:100%;
	height:200%;
	background:#000000;
}

#sideArea input#categoryCheck:checked + div.categoryOl div.category {
	display:block;
	position:fixed;
	z-index:200;
	top:0px;
	left:0px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	width:60%;
	height:100%;
}

#sideArea div.categoryOl {
	display:none;
}

#sideArea div.categoryOl label.categoryClear {
	display:none;
}

#sideArea div.categoryOl div.category {
	background:#000000;
}

#sideArea div.categoryOl div.category.none {
	display:none;
}

#sideArea div.categoryOl div.category div.title {
	line-height:36px;
	border-width:0px 0px 1px;
	border-color:#a5a5a5;
	border-style:solid;
	color:#ffffff;
	text-align:center;
}

#sideArea div.categoryOl div.category ul.list {

}

#sideArea div.categoryOl div.category ul.list > li {
	position:relative;
	line-height:36px;
	border-width:0px 0px 1px;
	border-color:#a5a5a5;
	border-style:solid;
	font-size:12px;
}

#sideArea div.categoryOl div.category ul.list > li.ma {
	color:#ffffff;
}

#sideArea div.categoryOl div.category ul.list > li.ma h2,
#sideArea div.categoryOl div.category ul.list > li.ma div {
	margin:0px 0px 2px;
	padding:0px 0px 0px 15px;
	font-size:12px;
}

#sideArea div.categoryOl div.category ul.list > li.ma h2 span,
#sideArea div.categoryOl div.category ul.list > li.ma div span {
	display:none;
}

#sideArea div.categoryOl div.category ul.list > li.ma ul {
	background:#ffffff;
}

#sideArea div.categoryOl div.category ul.list > li.ma ul > li {
	position:relative;
	line-height:36px;
	border-width:0px 0px 1px;
	border-color:#a5a5a5;
	border-style:dotted;
}

#sideArea div.categoryOl div.category ul.list > li.ma ul > li > a {
	display:block;
	padding:0px 0px 0px 18px;
	text-decoration:none;
}

#sideArea div.categoryOl div.category ul.list > li.ma ul > li > a > span {
	display:block;
	position:absolute;
	top:13px;
	left:5px;
	width:0px;
	height:0px;
	border-width:4px 0 4px 8px;
	border-color:transparent transparent transparent #00254a;
	border-style:solid;
}

#sideArea div.categoryOl div.category ul.list > li.ma ul > li > span {
	display:block;
	font-weight:bold;
}

#sideArea div.categoryOl div.category ul.list > li.ma ul > li > span > span {
	display:block;
	position:absolute;
	top:7px;
	left:5px;
	width:0px;
	height:0px;
	border-width:2px 0 2px 4px;
	border-color:transparent transparent transparent #00254a;
	border-style:solid;
}

#sideArea div.categoryOl div.category ul.list > li.de {

}

#sideArea div.categoryOl div.category ul.list > li.de > a {
	display:block;
	padding:0px 0px 0px 15px;
	color:#ffffff;
	text-decoration:none;
}

#sideArea div.categoryOl div.category ul.list > li.de > a span {
	display:none;
}

#sideArea div.categoryOl div.category ul.list > li.de a:hover > span {
	display:none;
}

/* 為替レート */

div.rate {
	line-height:22px;
	margin:0px 2% 10px;
	padding:1%;
	border:1px #b2b2b2 solid;
	background:#fcfcfc;
	background:-moz-linear-gradient(top,  #fcfcfc 0%, #d1d1d1 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#d1d1d1));
	background:-webkit-linear-gradient(top,  #fcfcfc 0%,#d1d1d1 100%);
	background:-o-linear-gradient(top,  #fcfcfc 0%,#d1d1d1 100%);
	background:-ms-linear-gradient(top,  #fcfcfc 0%,#d1d1d1 100%);
	background:linear-gradient(to bottom,  #fcfcfc 0%,#d1d1d1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d1d1d1',GradientType=0 );
	text-align:center;
}

div.rate span.none {
	display:block;
}

div.rate span.none:before,
div.rate span.none:after {
	display:inline-block;
	/display:inline;
	position:relative;
	top:10px;
	width:25px;
	height:1px;
	margin:0px 5px;
	background:#000000;
	vertical-align:top;
	content:"";
}

div.rate span.num {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:20px;
}

div.rate span.unit {

}

/* 口コミ評価点ランキング */

#sideArea div.evaluationRanking {
	margin:0px 0px 10px;
	background:#f4f3ed;
}

#sideArea div.evaluationRanking div.title {
	line-height:30px;
	border-width:2px 0px 0px;
	border-color:#5a5838;
	border-style:solid;
	color:#5a5838;
	font-weight:bold;
	text-align:center;
}

#sideArea div.evaluationRanking div.title img {
	display:none;
}

#sideArea div.evaluationRanking div.title span {
	display:block;
}

#sideArea div.evaluationRanking ol {

}

#sideArea div.evaluationRanking ol > li {
	padding:10px 0px;
	border-width:1px 0px 0px;
	border-color:#c3c3c3;
	border-style:dotted;
	text-align:center;
}

#sideArea div.evaluationRanking ol > li div.rank {
	margin:0px 0px 10px;
	text-align:center;
}

#sideArea div.evaluationRanking ol > li div.rank span.number {
	color:#7b784b;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:20px;
}

#sideArea div.evaluationRanking ol > li div.rank span.number span {
	font-size:14px;
}

#sideArea div.evaluationRanking ol > li div.rank span.average {

}

#sideArea div.evaluationRanking ol > li a.image {
	display:inline-block;
	/display:inline;
	width:70px;
	height:70px;
	overflow:hidden;
	margin:0px 5px 0px 0px;
	border:1px #cccccc solid;
}

#sideArea div.evaluationRanking ol > li a.image img {
	display:block;
	max-width:100%;
	margin:0px auto;
}

#sideArea div.evaluationRanking ol > li div.info {
	display:inline-block;
	/display:inline;
	width:120px;
	padding:5px 0px;
	vertical-align:top;
}

#sideArea div.evaluationRanking ol > li div.info a {

}

#sideArea div.evaluationRanking ol > li div.info a.name {
	display:block;
	height:50px;
	text-align:left;
}

#sideArea div.evaluationRanking ol > li div.info a.view {
	display:block;
	text-align:right;
}

/* インフォメーション */

#sideArea div.information {
	margin:0px 2% 10px;
	padding:2%;
	background:#ececec;
}

#sideArea div.information {

}

#sideArea div.information div {
	height:25px;
	line-height:25px;
	margin:0px 0px 5px;
	background:#313131;
	color:#ffffff;
	text-align:center;
}

#sideArea div.information > ul {

}

#sideArea div.information > ul > li {
	padding:0px 2px;
	line-height:25px;
}

#sideArea div.information > ul > li:nth-child(even) {

}

#sideArea div.information > ul > li a {
	display:block;
	color:#313131;
	text-decoration:none;
}

#sideArea div.information > ul > li a:hover {
	text-decoration:underline;
}