@charset "utf-8";

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

#sideArea {
	float:right;
	width:210px;
}

/* キャンペーン */

#sideArea div.campaignArea {
	margin:0px 0px 10px;
}

#sideArea div.campaignArea ul {

}

#sideArea div.campaignArea ul li {
	margin:0px 0px 10px;
}

#sideArea div.campaignArea ul li a {

}

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

#sideArea div.campaignArea ul li a img {
	display:block;
	max-width:100%;
}

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

}

/* バナー等 */

#sideArea div.appealA {
	margin:0px 0px 10px;
}

#sideArea div.appealA img {
	display:block;
	max-width:100%;
}

#sideArea div.banner {

}

#sideArea div.banner > ul {

}

#sideArea div.banner > ul > li {
	margin:0px 0px 10px;
}

#sideArea div.banner > ul > li a {
	display:block;
	width:210px;
	margin:0px auto;
}

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

#sideArea div.banner > ul > li a:before {

}

#sideArea div.banner > ul > li a:after {

}

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

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

#sideArea div.banner > ul > li a span {
	display:none;
}

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

}

#sideArea div.banner > ul > li a.light {
	height:20px;
	padding:64px 0px 0px;
	background:url(http://www.ns-hospi.jp/ma/img/sideAreaBannerLight.png) left top no-repeat;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}

/* カテゴリリスト */

#sideArea input#categoryCheck {
	display:none;
}

#sideArea input#categoryCheck:checked + div.categoryOl {

}

#sideArea input#categoryCheck:checked + div.categoryOl label.categoryClear {
	display:none;
}

#sideArea input#categoryCheck:checked + div.categoryOl div.category {

}

#sideArea div.categoryOl {

}

#sideArea div.categoryOl div.category {
	margin:0px 0px 10px;
	padding:5px;
	background:url(http://www.ns-hospi.jp/ma/img/bgC.png) left top repeat;
}

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

#sideArea div.categoryOl div.category div.title {
	line-height:25px;
	background:#07519a;
	border:3px #ffffff solid;
	color:#ffffff;
	text-align:center;
}

#sideArea div.categoryOl div.category ul.list {
	margin:-3px 0px 0px;
	padding:3px;
	background:#ffffff;
}

#sideArea div.categoryOl div.category ul.list > li {
	position:relative;
	margin:3px 0px 0px;
	font-size:12px;
}

#sideArea div.categoryOl div.category ul.list > li.ma {
	line-height:1;
}

#sideArea div.categoryOl div.category ul.list > li.ma h2,
#sideArea div.categoryOl div.category ul.list > li.ma div {
	line-height:20px;
	margin:0px 0px 2px;
	padding:0px 0px 0px 15px;
	border:1px #c1c1c1 solid;
	background:#eeeeee;
	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:block;
	position:absolute;
	top:7px;
	left:5px;
	width:0px;
	height:0px;
	border-width:6px 3px 0 3px;
	border-color:#00254a transparent transparent transparent;
	border-style:solid;
}

#sideArea div.categoryOl div.category ul.list > li.ma ul {
	margin:0px 5px;
}

#sideArea div.categoryOl div.category ul.list > li.ma ul > li {
	position:relative;
	line-height:20px;
	padding:0px 0px 0px 15px;
}

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

#sideArea div.categoryOl div.category ul.list > li.ma ul > li > a > 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.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 {
	line-height:20px;
	padding:0px 0px 0px 15px;
	border:1px #c1c1c1 solid;
	background:#eeeeee;
}

#sideArea div.categoryOl div.category ul.list > li.de > a {
	display:block;
	text-decoration:none;
}

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

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

/* 為替レート */

div.rate {
	height:23px;
	margin:0px 0px 10px;
	padding:25px 0px 0px 60px;
	background:url(http://www.ns-hospi.jp/ma/img/sideAreaRate.png) left top no-repeat;
	text-align:center;
}

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

div.rate span.none:before,
div.rate span.none:after {

}

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

div.rate span.unit {
	font-weight:normal;
	font-size:14px;
}

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

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

#sideArea div.evaluationRanking div.title {

}

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

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

#sideArea div.evaluationRanking ol {
	background:url(http://www.ns-hospi.jp/ma/img/sideAreaEvaluationRankingContents.png);
}

#sideArea div.evaluationRanking ol > li {
	position:relative;
	height:105px;
}

#sideArea div.evaluationRanking ol > li div.rank {
	position:absolute;
	top:15px;
	left:60px;
}

#sideArea div.evaluationRanking ol > li div.rank span.number {
	display:none;
}

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

}

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

}

#sideArea div.evaluationRanking ol > li a.image {
	display:block;
	position:absolute;
	top:40px;
	left:10px;
	overflow:hidden;
	width:50px;
	height:50px;
	line-height:16px;
	border:1px #cccccc solid;
	font-size:12px;
}

#sideArea div.evaluationRanking ol > li a.image img {
	width:50px;
}

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

}

#sideArea div.evaluationRanking ol > li div.info a {
	display:block;
	position:absolute;
}

#sideArea div.evaluationRanking ol > li div.info a.name {
	top:40px;
	right:10px;
	width:130px;
}

#sideArea div.evaluationRanking ol > li div.info a.view {
	width:80px;
	right:0px;
	bottom:10px;
	text-align:center;
}

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

#sideArea div.information {
	margin:0px 0px 10px;
	padding:10px;
	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;
}