@charset "UTF-8";


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

	top

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

/* mainImgBox */

div#mainImgBox {
	margin-bottom: 22px;
	width:948px;
	height:262px;
	position:relative;
}
div#mainImgBox div#fadeNav li {
	width:20px;
	height:6px;
	float:left;
	padding-left:4px;
}
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
	position: relative;
	width: 948px;
	height: 262px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
}

.fadeImg{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
	position: absolute;
	background: white;
	visibility: hidden;
	width: 948px;
}

div#mainImgBox div#fadeImgBtnWrap{
	width:160px;
	height:20px;
	position: absolute;
	right:0;
	bottom:2px;
	z-index:199;
	overflow: hidden;
}
.fadeImgBtn{
	width:160px;
	height:20px;
	position: absolute;
	bottom:-20px;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
	width:72px;
	height:6px;
	position: absolute;
	right:0;
	bottom:-14px;
	z-index:200;
}
.fadecontenttoggler a{ /*style for every navigational link within toggler */
	width:20px;
	height:6px;
	display:block;
	text-indent:-9999px;
	background:#CCCCCC;
	font-size:0;
}
.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler a:hover,
.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
	background:#F99829;
}


/* --------------------
	content
--------------------*/

div#contentWrap {
	width: 668px;
	float: left;
}

/* inportantBox */

div#contentWrap div#inportantBoxBg {
	background: url(../images/bg_important_h.gif) no-repeat 0 0;
	padding-top:4px;
	margin-bottom:13px;
}
div#contentWrap div#inportantBox {
	background: url(../images/bg_important_f.gif) no-repeat 0 bottom;
	padding-bottom:6px;
}
div#contentWrap div#inportantBox div.inner {
	border-left:1px solid #E6A1A1;
	border-right:1px solid #E6A1A1;
	background:#FFF6F5;
}
div#contentWrap div#inportantBox h2 {
	float: left;
	display: block;
	font-size:77%;
	line-height:1.2;
	padding:8px 0 6px;
	width:117px;
	text-align:center;
}
div#contentWrap div#inportantBox div.body {
	/*float: left;
	display:inline;*/
	padding:8px 0 1px 0;
	border-left:1px solid #E6A1A1;
	margin-left:117px;
}
/*no Date
div#contentWrap div#inportantBox div.body dl {
	display:inline;
}
div#contentWrap div#inportantBox div.body dd {
	display: block;
	padding:0 0 5px 0;
	margin-left: 15px;
	width:518px;
	font-size:77%;
	line-height:1.2;
}
*/

/*div#contentWrap div#inportantBox div.body dl {
}*/

div#contentWrap div#inportantBox div.body dt {
	display: block;
	float: left;
	width:108px;
	text-align:center;
	padding:0 0 10px 0;
	font-size:77%;
	line-height:1.2;
}

div#contentWrap div#inportantBox div.body dd {
	display: block;
	margin: 0 0 0 108px;
	padding:0 0 10px 0;
	width:425px;
	font-size:77%;
	line-height:1.2;
}

div#contentWrap div#inportantBox div.body dd a:link {color: #262626; text-decoration: none;}
div#contentWrap div#inportantBox div.body dd a:visited {color: #262626; text-decoration: none;}
div#contentWrap div#inportantBox div.body dd a:hover {color: #262626; text-decoration: underline;}
div#contentWrap div#inportantBox div.body dd a:active {color: #262626; text-decoration: underline;}

div#contentWrap div#inportantBox div.body p.msgTop {
	font-size:77%;
	padding:0 15px;
	line-height: 1.5;
}

/* contentBox */

div#contentWrap div.contentBox {
	background: url(../images/bg_contentsBox_f.gif) no-repeat 0 bottom;
	padding-bottom:6px;
	margin-bottom:13px;
}
* html div#contentWrap div#news.contentBox h2 {
	margin-left:-5px;
}
*+html div#contentWrap div#news.contentBox h2 {
	margin-left:-5px;
}
div#contentWrap div.contentBox div.inner {
	border-left:1px solid #BFD9AD;
	border-right:1px solid #BFD9AD;
	padding:15px 0 12px 19px;
}
div#contentWrap div.contentBox div.box p.img a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/* kakaritsuke */

/*div#contentWrap div.contentBox#kakaritsuke div.box {
	width:304px;
	float:left;
	padding-right:18px;
}
div#contentWrap div.contentBox#kakaritsuke div.box p.img {
	width:100px;
	float: left;
	margin:0 auto;
}
div#contentWrap div.contentBox#kakaritsuke div.box p.txt {
	width:189px;
	float: right;
	margin:0 auto;
	font-size:85%;
	line-height:1.4;
}*/

div#contentWrap div.contentBox#pharmacy div.inner {
	padding:15px 0 12px 20px;
}
div#contentWrap div.contentBox#pharmacy .box {
	width:323px;
	float: left;
}
div#contentWrap div.contentBox#pharmacy .box p.img {
	width:100px;
	float:left;
	margin:0;
}
div#contentWrap div.contentBox#pharmacy .box p.txt {
	margin:0 20px 0 115px;
	font-size: 85%;
	line-height: 1.4;
}

/* voice */

div#contentWrap div.contentBox#voice div.boxBg {
	padding:17px 19px 0 0;
	background: url(../images/bg_voiceBox_h.gif) no-repeat 0 0;
}
div#contentWrap div.contentBox#voice div.box {
	width:592px;
	padding:0 17px 7px 10px;
	background:#F6F6EC;
	border-left:1px solid #E0DCD5;
	border-right:1px solid #E0DCD5;
	border-bottom:1px solid #E0DCD5;
}
div#contentWrap div.contentBox#voice div.box div.img {
	width:120px;
	float: left;
	margin: -4px auto 0;
}
div#contentWrap div.contentBox#voice div.box div.txt {
	width:450px;
	float: right;
	margin:0 auto;
	position:relative;
}
div#contentWrap div.contentBox#voice div.box div.txt p.tit {
	margin:0 auto 8px;
	font-size:85%;
	line-height:1.2;
	color:#5B472C;
	font-weight:bold;
}
div#contentWrap div.contentBox#voice div.box div.txt p.body {
	margin:0 auto 12px;
	padding-bottom:10px;
	font-size:77%;
	line-height:1.2;
	border-bottom:2px solid #E3E2D8;
}
div#contentWrap div.contentBox#voice div.box div.txt div.checkBox {
	margin:0 auto 7px;
}
div#contentWrap div.contentBox#voice div.box div.txt div.checkBox ul {
	margin: 0 auto;
}
div#contentWrap div.contentBox#voice div.box div.txt div.checkBox li {
	float: left;
	margin: 0 auto 5px;
	padding-right:15px;
	font-size:85%;
	white-space:nowrap;
}
div#contentWrap div.contentBox#voice div.box div.txt div.checkBox li input {
	margin:0 3px 0 0;
	cursor: pointer;
	width:16px;
	height:16px;
}
div#contentWrap div.contentBox#voice div.box div.txt div.checkBox li label {
	vertical-align: top;
	cursor: pointer;
}
div#contentWrap div.contentBox#voice div.box div.txt p.voteBtn {
	margin:0 auto 5px;
	padding-left:90px;
}
div#contentWrap div.contentBox#voice div.box div.txt p.resultBtn {
	margin:0 auto;
	width:130px;
	height:32px;
	position:absolute;
	bottom:5px;
	right:90px;
}

/* contentBoxS */

div#contentWrap div.contentBoxS {
	background: url(../images/bg_contentsBoxS_f.gif) no-repeat 0 bottom;
	padding-bottom:6px;
	margin-bottom:13px;
	width:668px;
}
div#contentWrap div.contentBoxS div.inner {
	background: url(../images/bg_contentsBoxS.gif) repeat-y 0 0;
	position:relative;
}
div#contentWrap div.contentBoxS div.contentBox {
	background: none;
	width:324px;
	padding-bottom:0;
	margin-bottom:0;
}
div#contentWrap div.contentBoxS div.contentBox div.box {
	padding:15px 20px 50px;
}
div#contentWrap div.contentBoxS div.contentBox div.box p.img {
	width:100px;
	float: left;
	margin:0 auto;
}
div#contentWrap div.contentBoxS div.contentBox div.box p.txt {
	width:169px;
	float: right;
	margin:0 auto;
	font-size:85%;
	line-height:1.4;
}
div#contentWrap div.contentBoxS div.contentBox div.btn {
	width:324px;
	text-align:center;
	position:absolute;
	bottom:11px;
}

/* policy */

div#contentWrap div.contentBox#policy {
	float:left;
}
div#contentWrap div.contentBoxS div.contentBox#policy div.box {
	padding:15px 20px 12px;
}

/* kakaritsuke */

div#contentWrap div.contentBox#kakaritsuke {
	float:right;
}
div#contentWrap div.contentBoxS div.contentBox#kakaritsuke div.box {
	padding:15px 20px 12px;
}

/* campaign */

div#contentWrap div.contentBox#campaign {
	float:left;
}

/* cm */

div#contentWrap div.contentBox#cm {
	float: right;
}

/* pickup */

div#contentWrap div.contentBox#pickup div.inner {
	padding:16px 0 0 23px;
}
div#contentWrap div.contentBox#pickup div.box {
	width:192px;
	float:left;
	padding-right:21px;
}
div#contentWrap div.contentBox#pickup div.box p.img {
	width:48px;
	float: left;
	margin:0 7px 0 auto;
}
div#contentWrap div.contentBox#pickup div.box p.img a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div.contentBox#pickup div.box p.txt {
	width:137px;
	float: left;
	margin:0 auto 11px;
	font-size:77%;
	line-height:1.5;
}
div#contentWrap div.contentBox#pickup div.box p.txt strong {
	margin:0 auto 3px;
	font-size:110%;
	display:block;
}
div#contentWrap div.contentBox#pickup div.box p.txt span.kind {
	margin:0 auto 7px 0;
	display:block;
	width:90px;
}
div#contentWrap div.contentBox#pickup div.box p.txt span.kind a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div.contentBox#pickup div.box p.txt span.btn {
	display:block;
	font-size:110%;
	margin-top:5px;
	padding-left:13px;
	background: url(../common/images/icn_arrow.gif) no-repeat 0 center;
}
/*
div#contentWrap div.contentBox#pickup div.inner {
	padding:16px 0 0 23px;
	position:relative;
}
div#contentWrap div.contentBox#pickup div.box {
	width:192px;
	float:left;
	padding-right:21px;
}
div#contentWrap div.contentBox#pickup div.box p.img {
	width:48px;
	float: left;
	margin:0 7px 0 auto;
}
div#contentWrap div.contentBox#pickup div.box p.img a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div.contentBox#pickup div.box p.txt {
	width:137px;
	float: left;
	margin:0 auto 34px;
	font-size:77%;
	line-height:1.5;
}
div#contentWrap div.contentBox#pickup div.box p.txt strong {
	margin:0 auto 3px;
	font-size:110%;
	display:block;
}
div#contentWrap div.contentBox#pickup div.box p.txt span.kind {
	margin:0 auto 7px;
	display:block;
}
div#contentWrap div.contentBox#pickup div.box p.txt span.kind a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div.contentBox#pickup div.box div.btn {
	font-size:85%;
	padding-left:13px;
	margin-left:55px;
	position:absolute;
	bottom:11px;
	background: url(../common/images/icn_arrow.gif) no-repeat 0 center;
}
*/

/* news */

div#contentWrap div.contentBox#news {
	position:relative;
	background: none;
	padding-bottom:0;
	border-bottom:2px solid #F2F2F2;
	margin-bottom:13px;
}
div#contentWrap div.contentBox#news div.newsBtn {
	position:absolute;
	top:5px;
	right:8px;
	width:154px;
}
div#contentWrap div.contentBox#news div.inner {
	border-left:1px solid #BFD9AD;
	border-right:1px solid #BFD9AD;
	border-bottom:1px solid #BFD9AD;
	padding:0;
}
div#contentWrap div.contentBox#news dl {
	margin:0 auto;
	padding:5px 19px 9px;
	border-bottom:1px solid #E0E0E0;
	font-size:85%;
	line-height:1.4;
}
div#contentWrap div.contentBox#news dl.last {
	border-bottom: none;
}
div#contentWrap div.contentBox#news dt {
	margin:0.4em auto 0;
	width:86px;
	float:left;
}
div#contentWrap div.contentBox#news dd.date {
	width:114px;
	text-align:center;
	line-height:1.25;
}
div#contentWrap div.contentBox#news dd {
	margin:4px auto 0;
	float: left;
	width:428px;
}
div#contentWrap div.contentBox#news dd img {
	margin-left:5px;
}

/* bannerBox */

div#contentWrap div#bannerBox {
	margin-bottom:2px;
}
div#contentWrap div#bannerBox p {
	float: right;
	width:318px;
	font-size:77%;
	line-height:1.2;
}
div#contentWrap div#bannerBox p span {
	display:block;
	padding-top:5px;
}
div#contentWrap div#bannerBox p span img {
	margin-left:5px;
}
div#contentWrap div#bannerBox ul {
	float:left;
	width:350px;
}
div#contentWrap div#bannerBox li {
	float:left;
	padding:0 20px 10px 0;
	display:inline;
}
div#contentWrap div#bannerBox li.small {
	padding:0 10px 0 0;
}
div#contentWrap div#bannerBox li.medium {
	padding:0 180px 10px 0;
}
div#contentWrap div#bannerBox p a:hover img,
div#contentWrap div#bannerBox li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}


/* --------------------
	sidebar
--------------------*/
div#sidebar {
	width: 260px;
	float: right;
	margin:0 auto 2px;
}

/* searchMenu */

div#sidebar dl#searchMenu {
	margin-bottom: 13px;
}
div#sidebar dl#searchMenu dt {
	font-size: 0;
}
div#sidebar dl#searchMenu dd {
	font-size: 0;
	margin:0 auto;
}

/* keywordSearchBox */

div#sidebar div#keywordSearchBox {
	width: 260px;
	margin: 0 auto;
}
div#sidebar div#keywordSearchBox div#inputBox {
	background: url(../images/bg_keywordSearch.jpg) no-repeat 0 0;
	width: 227px;
	height: 22px;
	float: left;
	margin: 0 auto;
	padding:9px 13px 13px 20px;
}
div#sidebar div#keywordSearchBox div#inputBox input#keywordSearchTxt {
	width: 210px;
	padding: 0 5px 0 0;
	margin: 0 auto;
	border: none;
	background: none;
	color: #808080;
	float: left;
	font-size:12px;
}
div#sidebar div#keywordSearchBox div#inputBox input#keywordSearchBtn {
	width: 12px;
	height: 12px;
	display: block;
	border: none;
	cursor: pointer;
	float: left;
	margin: 0 auto;
	padding:1px 0 0;
}

/* bnrBox */
div#sidebar div#bnrBox {
	margin-bottom:13px;
}
div#sidebar div#bnrBox a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/* brandBox */

div#sidebar div#brandBox {
	background: url(../images/bg_contentsBoxR_f.gif) no-repeat 0 bottom;
	padding-bottom:6px;
	margin-bottom:13px;
}
div#sidebar div#brandBox div.title {
}
div#sidebar div#brandBox div.inner {
	border-left:1px solid #BFD9AD;
	border-right:1px solid #BFD9AD;
	padding:12px 19px 4px;
}
div#sidebar div#brandBox div.inner ul {
	padding:0;
	margin:0 auto;
}
div#sidebar div#brandBox div.inner li {
	padding:0 0 8px;
	font-size:0;
}
div#sidebar div#brandBox div.inner li.bnr a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/* faqBox */

div#sidebar div#faqBoxBg {
	background: url(../images/bg_contentsBoxR_h.gif) no-repeat 0 0;
	padding-top:6px;
}
div#sidebar div#faqBox {
	background: url(../images/bg_contentsBoxR_f.gif) no-repeat 0 bottom;
	padding-bottom:6px;
}
div#sidebar div#faqBox div.inner {
	border-left:1px solid #BFD9AD;
	border-right:1px solid #BFD9AD;
	padding:12px 17px;
	text-align:center;
}
div#sidebar div#faqBox p {
	margin:0 auto 15px;
}


/* --------------------
	BubblePopup
--------------------*/
span.bunrui1,span.bunrui2,span.s-bunrui2,span.bunrui3,span.quasidrug,span.s-quasidrug {
	cursor:pointer;
}
div.bubbleBox {
	margin:0 auto;
	padding:16px 18px;
	width:214px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	position:absolute;
}
div.bubbleBox h5 {
	font-weight:bold;
	font-size:110%;
	padding-bottom:5px;
}
div.bubbleBox div.body {
	line-height:1.4;
	margin:0 auto;
}
/*
div.bubbleBox div.link {
	font-size:110%;
	line-height:1.1;
	text-align:right;
	padding:0;
}
div.bubbleBox div.link a {
	background: url(../common/images/icn_arrow.gif) no-repeat 0 center;
	padding-left:15px;
	margin:0 auto;
}
div.bubbleBox div.link a:link {color: #005799; text-decoration: underline;}
div.bubbleBox div.link a:visited {color: #005799; text-decoration: underline;}
div.bubbleBox div.link a:hover {color: #005799; text-decoration: none;}
div.bubbleBox div.link a:active {color: #005799; text-decoration: none;}
*/

/* --------------
recruit Banner
-------------*/
div#contentWrap p.recruitBnr {
	margin:10px 0 0;
}
div#contentWrap p.recruitBnr a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}