@charset "Shift_JIS";

/* **********************************************************************
 *
 *       Title:   季節性アレルギー専用「ナザールAR」（佐藤製薬）印刷用
 *       Updated: 2010.11.30
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 * **********************************************************************
 */

@media print{

body {
_zoom: 67%; /*WinIE only */
}


* {
	margin		: 0;
	padding		: 0;
	}

body {
	background	: #fff url(../img/bg.gif) 0 0 repeat-x;   /* 背景の色が設定できます */
	color		: #333;
	font		: 13px 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	*font-size	: small;
	*font		: x-small;
	text-align	: center;
	}
/* hide from Mac IE \*/
* html body             { font-family: 'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif; }
*:first-child+html body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
/* */

table {
	font-size	: inherit;
	font		: 100%;
	}

hr.hide  { display: none; }
a:link   { color  : #1c67ab; }
a:visited { color  : #1c67ab; }
a:hover, a:active { color: #1c67ab; text-decoration:none;}

span.texts { font-size: 77%; line-height: 1.2; }

span.textn { font-size: 100%; line-height: 1.5; }

span.textl { font-size: 123.1%; line-height: 1.5; }

span.txt_gray_s { font-size: 77%; line-height: 1.5; color:#666; }

table.nbr,
table.tbr table.nbr {
	border-top	: none;
	border-left	: none;
	border-collapse	: collapse;
	}

table.nbr th,
table.tbr table.nbr th {
	padding		: 0;
	border-right	: none;
	border-bottom	: none;
	background	: none;
	color		: #333;
	font-size	: 100%;
	line-height	: 1.5;
	}

table.nbr td,
table.tbr table.nbr td {
	padding		: 0;
	border-right	: none;
	border-bottom	: none;
	color		: #333;
	font-size	: 100%;
	line-height	: 1.5;
	}

table.tbr,
table.nbr table.tbr {
	border-top	: 1px solid #eb245a;
	border-left	: 1px solid #eb245a;
	border-collapse	: collapse;
	}

table.tbr th,
table.nbr table.tbr th {
	padding		: 2px 7px 0px;
	border-right	: 1px solid #eb245a;
	border-bottom	: 1px solid #eb245a;
	background	: #eb245a;
	color		: #fff;
	font-size	: 108%;
	text-align	: left;
	line-height	: 1.5;
	}

table.tbr td,
table.nbr table.tbr td {
	padding		: 7px 20px;
	border-right	: 1px solid #eb245a;
	border-bottom	: 1px solid #eb245a;
	background	: #fff;
	color		: #333;
	font-size	: 100%;
	line-height	: 1.5;
	}

table.tbr td table.inner {
	border-top	: 1px solid #c8c8c8;
	border-collapse	: collapse;
	}

table.tbr td table.inner th {
	border-right	: 1px solid #c8c8c8;
	border-bottom	: 1px solid #c8c8c8;
	color		: #eb245a;
	font-size	: 100%;
	background	: #fff;
	text-align	: center;
	}

table.tbr td table.inner th.end {
	border-right	: none;
	border-bottom	: 1px solid #c8c8c8;
	color		: #eb245a;
	font-size	: 100%;
	background	: #fff;
	text-align	: center;
	}

table.tbr td table.inner td {
	border-right	: 1px solid #c8c8c8;
	border-bottom	: 1px solid #c8c8c8;
	font-size	: 100%;
	background	: #fff;
	text-align	: center;
	}

table.tbr td table.inner td.end {
	border-right	: none;
	border-bottom	: 1px solid #c8c8c8;
	font-size	: 100%;
	background	: #fff;
	text-align	: center;
	}

th.nbr {
	font-size	: 100%;
	line-height	: 1.5;
	color		: #333;
	}

td.nbr {
	font-size	: 100%;
	line-height	: 1.5;
	color		: #333;
	}

th.tbr {
	padding		: 10px;
	border-right	: 1px solid #cdb47d;
	border-bottom	: 1px solid #cdb47d;
	font-size	: 100%;
	line-height	: 1.5;
	color		: #333;
	}

td.tbr {
	padding		: 10px;
	border-right	: 1px solid #cdb47d;
	border-bottom	: 1px solid #cdb47d;
	font-size	: 100%;
	line-height	: 1.5;
	color		: #333;
	}

blockquote {
	clear		: both;
	margin		: 0;
	padding		: 10px;
	border		: 1px solid #cfcfcf;
	background	: #f3f3f3;
	font-size	: 100%;
	line-height	: 1.4;
	text-align	: left;
	}

form {
	margin		: 0;
	padding		: 0;
	}

form dt{
	font-size	: 100%;
	font-weight	: bold;
	line-height	: 1.4;
	}

form dd{
	margin		: 0 0 5px 0;
	font-size	: 100%;
	line-height	: 1.4;
	}

img { border: 0; }

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.vab {
	vertical-align	: bottom;
	}


/* 全体のレイアウト設定 ###################### */

#wrapper {
	background	: #fff;
	width		: 950px;
	margin		: 0 auto;
	}

#header {
	width		: 950px;
	margin		: 0 auto;
	clear		: both;
	}


#headnav {
	float		: right;
	width		: 546px;
	padding		: 0 18px 0 0;
	}

#topmain {
	width		: 870px;
	margin		: 0 auto;
	}

#main {
	width		: 870px;
	margin		: 0 auto;
	text-align	: left;
	}

#qamain	{
	width		: 730px;
	margin		: 0 auto;
	text-align	: left;
	}

#footer {
	display		: none;
	}


/* header部分のスタイル設定 ###################### */

#header h1 {
	float		:left;
	width		: 236px;
	margin		: 0px 0px 0px 0px;
	padding		: 23px 0px 0px 20px;
	text-align	: left;
	}

#header a:link            { color: #1c67ab; text-decoration:none;} /* ヘッダーの大見出しの文字色が設定できます */
#header a:visited         { color: #1c67ab; text-decoration:none;} /* ヘッダーの大見出しの文字色が設定できます */
#header a:hover, a:active { color: #1c67ab; text-decoration:underline;} /* ヘッダーの大見出しの文字色が設定できます */

#comlogo {
	display		: none;
	}

#medlogo {
	display		: none;
	}

#comlogo a.arw,
#medlogo a.arw {
	background	: url(../img/arrow.gif) 0 50% no-repeat;
	padding		: 0 0 0 6px;
	}

/* TOPページ用のレイアウト設定 ################### */

#topmain h2 {
	margin		: 0 0 10px 0;
	}

#topmain .mainvisual {
	position	: relative;
	}

.mb_url {
	position	: absolute;
	z-index		: 100;
	top		: 278px;
	left		: 465px;
	}

#top_info {
	background	: #fffdc2;
	padding		: 15px 20px;
	text-align	: left;
	margin		: 0 0 30px 0;
	}

#top_info h3 {
	margin		: 0 0 15px 0;
	}

/* main部分設定 ###################################  */

#contents-title {
	width		: 910px;
	margin		: 0 auto;
	text-align	: left;
	}

#directry {
	width		: 910px;
	padding		: 7px 0px 7px 2px;
	font-size	: 77%;
	color		: #666;
	text-align	: left;
	margin		: 0 auto;
	}

#directry a:visited { color: #1c67ab; }

#contents-title h2 {
	width		: 910px;
	padding		: 0px 0 10px 0;
	}

.pagetopset {
	margin		: 0px;
	padding		: 20px 0px 17px 0px;
	font-size	: 77%;
	text-align	: right;
	clear		: both;
	}

a.pagetop {
	color		: #919191;
	margin		: 0;
	padding		: 0px 0px 0px 12px;
	text-align	: left;
	}

a.pagetop:link   { color: #919191;text-decoration: none; }
a.pagetop:visited,
a.pagetop:active { color: #919191;text-decoration: none; }
a.pagetop:hover  { color: #919191;text-decoration: underline; }


/* ﾁｪｯｸｼｰﾄ部分設定 #############################  */
.mb_qr {
	width		: 650px;
	background	: #e8f3ff;
	padding		: 10px;
	border		: 1px solid #bcd5f2;
	}
html>body .mb_qr { width: 628px; }

/* Q&A部分設定 #############################  */

.qa_box {
	width		: 730px;
	margin		: 0 auto 30px;
	background	: #f7fafd url(../img/qa_bgtop.gif) 0 0 no-repeat;
	border		: 1px solid #c0ccd8;
	clear		: both;
	}

.qa_box .inner {
	padding		: 42px 64px 30px;
	}

.qa_box ul {
	list-style-type	: none;
	}

.qa_box li {
	background	: url(../img/ico_q.gif) 10px 0 no-repeat;
	padding		: 3px 10px 10px 45px;
	margin		: 0 0 7px 0;
	line-height	: 1.5;
	border-bottom	: 1px dotted #aabcce;
	}

.qa_box li.question {
	background	: url(../img/ico_q.gif) 10px 0 no-repeat;
	padding		: 3px 10px 10px 45px;
	margin		: 0 0 7px 0;
	line-height	: 1.5;
	font-weight	: bold;
	border-bottom	: 1px dotted #aabcce;
	}

.qa_box li.answer {
	background	: url(../img/ico_a.gif) 10px 0 no-repeat;
	padding		: 3px 10px 10px 45px;
	margin		: 0 0 7px 0;
	line-height	: 1.5;
	border-bottom	: none;
	}

/* 購入にあって部分設定 #############################  */

#card_main {
	width		: 760px;
	margin		: 0 auto;
	text-align	: left;
}

.card_block {
	margin		: 0 0 60px 0;
}

.card_block .card_block_l {
	float		: left;
	width		: 368px;
}

.card_block .card_block_r {
	float		: right;
	width		: 392px;
	height		: 120px;
	background	: url(../../img/bg_dl.gif) no-repeat 0 0;
}

.card_block .card_block_r .btn_block {
	float		: left;
	width		: 307px;
	padding		: 14px 0 0 22px;
}

.card_block .card_block_r .txt_block {
	float		: left;
	width		: 50px;
	padding		: 22px 0 0 5px;
	font-size	: 10px;
}

/* headnav部分設定 #############################  */

#menu {
	margin		: 0;
	padding		: 0;
	list-style-type	: none;
	}

#menu ul {
	margin		: 0;
	padding		: 0;
	}

#menu li {
	margin		: 0 0 0 0px;
	padding		: 0;
	display		: inline;
	list-style-type	: none;
	}

#menu li a {
	margin		: 0 0 0 0px;
	float		: left;
	padding-top	: 39px;
	height		: 0px !important;
	height /**/	: 39px;
	overflow	: hidden;
	}

#menu a:hover { background-position: 0 -39px; }
#menu a.selected { background-position: 0 -39px; }
#menu a:hover.selected { background-position: 0 -39px; }


/*++++++++++++++++ nav button set ++++++++++++++++*/
.nav01 a { width: 183px; background: url(../img/nav01.gif) no-repeat; }
.nav02 a { width: 181px; background: url(../img/nav02.gif) no-repeat; }
.nav03 a { width: 182px; background: url(../img/nav03.gif) no-repeat; }


/* footer部分設定 ################################# */

#footer-nav {
	float		: left;
	margin		: 0;
	padding		: 4px 0px 4px 0px;
	width		: 950px;
	background	: #00306f url(../img/footer_bg.gif) repeat-x;
	clear		: both;
	text-align	: left;
	}
html>body #footer-nav { padding: 1px 0px 1px 0px; }

#footer-nav ul {
	float		: left;
	width		: 600px;
	margin		: 0px 0px 0px 0px;
	padding		: 0 0 0 10px;
	list-style	: none;
	}

#footer-nav li {
	display		: inline;
	background	: url(../img/arrow_f.gif) no-repeat 0px 0.55em;
	margin		: 0px 10px 0px 0px;
	padding		: 0px 0px 0px 7px;
	}
/* hide from Mac IE \*/
* html #footer-nav li { background-position: 0px 0.35em; }
*:first-child+html #footer-nav li { background-position: 0px 0.55em; }
/* */

#footer-nav a {
	font-size	: 93%;
	line-height	: 1;
	text-decoration	: none;
	padding		: 0px 0px 0px 0px;
	color		: #fff;   /* フッターの「リンクあり」文字色が設定できます */
	}

#footer-nav a:active, #footer-nav a:hover {
	text-decoration	: underline;
	color		: #fff;   /* フッターの「リンクあり」（マウスオンの状態）文字色が設定できます */
	}

#footer-nav a.footnolink {
	text-decoration	: none;
	color		: #999;      /* フッターの「リンクなし」文字色が設定できます */
	}

address {
	float		: right;
	width		: 280px;
	padding		: 3px 10px 0px 0px;
	text-align	: left;
	}
html>body address { padding: 6px 10px 0px 0px; }


/* sitemapページのスタイル設定 ###################### */

.block_sm {
	border-bottom	: 1px solid #d7d7d7;
	padding		: 10px 0;
	}

#contents .sitemap {
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 10px;
	font-size	: 100%;
	color		: #000;
	border		: 0;
	background	: url(../img/arrow.gif) no-repeat 0px 6px;
	}


#contents .sitemap_ul {
	margin		: 3px 0 0 23px;
	padding		: 0;
	border		: 0;
	list-style	: none;
	}

#contents .sitemap_ul li {
	padding		: 2px 0 2px 17px;
	margin		: 0;
	border		: 0;
	font-size	: 100%;
	text-align	: left;
	background	: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
	color		: #949494;
	}

.sitemap_ul li ul {
	margin		: 3px 0 0px 13px;
	padding		: 0;
	list-style	: none;
	}

.sitemap_ul li ul li {
	padding-left	: 17px;
	margin		: 0;
	text-align	: left;
	background	: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
	}

table.tbr td ul {
	margin		: 0 0 0 20px;
	padding		: 0;
	}

/* margin設定 ###################### */

.top03 { margin-top : 3px;}
.top04 { margin-top : 4px;}
.top05 { margin-top : 5px;}
.top10 { margin-top : 10px;}
.top20 { margin-top : 20px;}
.top30 { margin-top : 30px;}

.btm05 { margin-bottom : 5px;}
.btm10 { margin-bottom : 10px;}
.btm15 { margin-bottom : 15px;}
.btm20 { margin-bottom : 20px;}
.btm25 { margin-bottom : 25px;}
.btm30 { margin-bottom : 30px;}
.btm40 { margin-bottom : 40px;}
.btm50 { margin-bottom : 50px;}