@charset "UTF-8";

/* ブラウザ初期化 */
* {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
	margin: 0;
	padding: 0;
	color: #666;
	background-color: #ECECEC;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}

/* 主要タグの初期化 */

h1, h2, h3, h4, p, ul, li {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: underline;
}

a:link, a:visited {
	color: #2EA6CF;
	text-decoration: underline;
}

a:active, a:hover {
	color: #999;
	text-decoration: none;
}

ul {
	list-style-type: none;
}

th, td {
	vertical-align: top;
	color: #666;
}

/* フォント関連 */
.arrow {
	font-size: 12px;
	line-height: 150%;
	color: #2DA7D0;
}

.caption {
	font-size: 12px;
	font-weight: normal;
	color: #666;
}


/* イメージ */
img {
	border: 0;
}

div.clear {
	clear: both;
}


/* 全体コンテナ */
div#container {
	width: 795px;
	height: auto;
	margin: 0px auto 0;
	padding: 0;
	background: transparent url(../images/common/main_bg_print.jpg) no-repeat;
	text-align: left;
}

/* ホーム 中段青帯有 */
div#hContainer {
	width: 795px;
	height: auto;
	margin: 0px auto 0;
	padding: 0;
	background: transparent url(../images/common/home_bg.jpg) no-repeat;
	text-align: left;
}


/*---------- ヘッダ ----------*/

div#header {
	position: relative;
	width: 784px;
 	height: 148px;
 	margin: 0 5px 0 6px;
 	padding: 0;
}

div#header h1 a {
	position: absolute;
	left: 21px;
	top: 0;
	width: 268px;
	height: 148px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}

div#header h2 {
	text-indent: -9999px;
}

div#header p#maruho a {
	position: absolute;
	right: 20px;
	top: 14px;
	width: 122px;
	height: 31px;
	text-indent: -9999px;
	text-decoration: none;
}

div#header dl {
	position: absolute;
	right: 20px;
	top: 53px;
	width: 157px;
	height: 19px;
}

div#header dl dt {
	width: 78px;
	height: 19px;
	margin: 0 3px 0 0;
	padding: 0;
	float: left;
}

/* IE5～6のみ適用 */
* html div#header dl dt {
	width: 78px;
	height: 19px;
	margin: 0;
	padding: 0;
}

div#header dl dd#btnMailList {
	width: 76px;
	height: 19px;
	margin: 0;
	float: right;
	background: transparent url(../images/common/btn_mailinglist_on.jpg) no-repeat;
}

div#header dl dd#btnMailList a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}

div#header dl dd#txtMailList {
	width: auto;
	height: auto;
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 80%;
	clear: both;
	text-align: right;
}

/* IE5～6のみ適用 */
* html div#header dl dd#txtMailList {
	font-size: 10px;
}

/* IE7のみ適用 */
*:first-child+html div#header dl dd#txtMailList {
	font-size: 10px;
} 

/* メーリングリスト バルーン表示 */
div#header div#mailListBalloon {
	position: absolute;
	right: 5px;
	top: 65px;
	width: 212px;
	height: 34px;
	margin: 0;
	padding: 0;
	display: none;
}

/*
div#header div#mailListBalloon p img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
*/

/* メーリングリスト バルーン表示 */
div#header div#mailList2Balloon {
	position: absolute;
	right: 5px;
	top: 65px;
	width: 212px;
	height: 34px;
	margin: 0;
	padding: 0;
	display: none;
}

/*
div#header div#mailList2Balloon p img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
*/

/* 段組囲み */
div#contents {
	width: 784px;
	height: auto;
	margin: 28px 0 0 6px;
	padding: 0;
	clear: both;
}

/*---------- メインカラム ----------*/

div#maincol {
	width: 487px;
	height: auto;
	margin: 0 38px 20px 0;
	padding: 0;
	float: right;
}

/* IE5～6のみ適用 */
* html div#maincol {
	width: 449px;
	margin: 0 0 20px 0;
	padding: 0 38px 0 0;
}

/* パンくずリスト */
div#maincol div#topicPath {
	position: relative;
	width: 487px;
	height: 56px;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	background: transparent url(../images/common/h1_bg.jpg) no-repeat;
}

div#maincol div#topicPath h1 {
	position: absolute;
	width: auto;
	height: auto;
	top: 10px;
	left: 90px;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 21px;
	line-height: 100%;
}

div#maincol div#topicPath p {
	position: absolute;
	width: auto;
	height: auto;
	bottom: 3px;
	left: 90px;
	color: #FFF;
	font-size: 10px;
	line-height: 110%;
}

div#maincol div#topicPath p a {
	text-decoration: none;
	color: #FFF;
}

div#maincol div#topicPath p a:hover, div#maincol div#topicPath p a:visited:hover {
	text-decoration: none;
	color: #999;
}

/* インデックス */
div#maincol div.pageIndex {
	width: 472px;
	height: auto;
	margin: 0 0 10px 15px;
	padding: 0;
	clear: both;
}

div#maincol div.pageIndex:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#maincol div.pageIndex ul {
	width: 472px;
	height: auto;
	margin: 0;
	padding: 0;
}

div#maincol div.pageIndex ul li {
	width: auto;
	height: auto;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	float: left;
	color: #CCE0E2;
}

div#maincol div.pageIndex ul li a {
	color: #2EA6CF;
	text-decoration: none;
}

div#maincol div.pageIndex ul li a:hover, div#maincol div.pageIndex ul li a:visited:hover {
	color: #999;
	text-decoration: none;
}

div#maincol h1#h1Home {
	width: 487px;
	height: 26px;
	margin: 0 0 30px 0;
	padding: 0;
	clear: both;
}

/* 本文 */
div#maincol p.text {
	width: auto;
	margin: 0 0 15px 15px;
	padding: 0;
	line-height: 160%;
	clear: both;
}

div#maincol dl.text {
	width: 472px;
	margin: 0 0 15px 15px;
	padding: 0;
	line-height: 150%;
	clear: both;
}

div#maincol dl.text dt {
	width: auto;
	margin: 0 0 5px 0;
	padding: 0;
}

div#maincol dl.text dd {
	width: auto;
	margin: 0 0 20px 0;
	padding: 0;
}

/*---------- サイドバー ----------*/

div#subcol {
	position: relative;
	width: 223px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

/* サブナビゲーション */
div#subcol div#sideNavi {
	width: 223px;
	height: auto;
	margin: 109px 0 90px 0;
	padding: 0;
}

/* IE5～6のみ適用 */
* html div#subcol  div#sideNavi {
	margin: 109px 0 90px 0;
}

div#sideNavi ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

div#sideNavi ul li {
	margin: 0 0 6px 0;
	padding: 0;
	display: block;
}

/* IE5～6のみ適用 */
* html div#subcol  div#sideNavi ul li {
	margin: 0 0 4px 0;
}

/* IE7のみ適用 */
*:first-child+html div#subcol  div#sideNavi ul li {
	margin: 0 0 4px 0;
} 

div#sideNavi ul li a {
	width: auto;
	height: 25px;
	margin: 0;
	padding: 0;
	display: block;
}

div#sideNavi ul li#CLcr {
	margin: 0;
	padding: 6px 0 0 0;
}

/* CLcr バルーン表示 */
div#subcol div#clcrBalloon {
	position: absolute;
	left: 101px;
	top: 135px;
	width: 162px;
	height: 219px;
	margin: 0;
	padding: 0;
	display: none;
}

div#subcol div#clcrBalloon p img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

/*---------- ページ内ジャンプ用リンク ----------*/
div#maincol div.pagetop {
	margin: 0 0 0 430px;
	padding: 0;
	clear: both;
}

div#maincol div.pagetop a {
	width: 59px;
	height: 14px;
	margin: 0;
	padding: 0;
	display: block;
	background: transparent url(../images/common/pagetop.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none;
}


/*---------- フッター ----------*/

div#footer {
	width: 795px;
	height: 24px;
	margin: 0;
	padding: 0;
	clear: both;
	background: transparent url(../images/common/footer_bg.gif) no-repeat 0 0;
}

div#footer div#footerLinkWrapper {
	width: 500px;
	height: 11px;
	margin: 0 0 0 15px;
	padding: 5px 0 0 0;
	float: left;
}

/* IE5～6のみ適用 */
* html div#footer div#footerLinkWrapper {
	margin: 0 0 0 5px;
}

div#footerLinkWrapper ul {
	width: auto;
	height: 10px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

div#footerLinkWrapper ul li {
	width: auto;
	height: 10px;
	margin: 0 0 0 6px;
	padding: 0 7px 0 0;
	float: left;
	border-right: 1px solid #999;
	line-height: 90%;
}

div#footerLinkWrapper ul li a {
	text-decoration: none;
	font-size: 80%;
}

div#footer address {
	text-indent: -9999px;
}


/*----- 各ページごとの設定 -----*/

/* ホーム index.html */
/* 更新情報 */
div#news {
	width: 472px;
	height: 115px;
	margin: 0 0 23px 15px;
	padding: 0;
	overflow: hidden;
}

div#news dl dt {
	width: auto;
	height: auto;
	margin: 0 1em 0.5em 0;
	padding: 0;
	float: left;
}

div#news dl dd {
	width: auto;
	height: auto;
	margin: 0 0 0.5em 0;
	padding: 0;
}

/* 中段 サブナビゲーション */
div#homeSubNavi {
	width: 487px;
	height: 30px;
	margin: 0;
	padding: 5px 0;
}

div#homeSubNavi ul li {
	width: auto;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

div#homeSubNavi ul li#subSeminar {
	width: 102px;
	margin: 0 0 0 6px;
	padding: 0;
}

div#homeSubNavi ul li#subTools {
	width: 120px;
	margin: 0 0 0 62px;
	padding: 0;
}

div#homeSubNavi ul li#subMaterials {
	width: 100px;
	margin: 0 0 0 43px;
	padding: 0;
}


/*---------- CLcr カリキュレーター ポップアップ ----------*/
div#CLcrPopup {
	width: 430px;
	height: 436px;
	margin: 10px auto 20px;
	padding: 0;
	text-align: left;
	background: transparent url(../images/clcr/clcr_pop_bg.jpg) no-repeat 0 0;
}

div#CLcrPopup h1 {
	text-indent: -9999px;
}

div#CLcrPopup div#clcrInfo {
	width: 350px;
	height: auto;
	margin: 98px 0 0 90px;
	padding: 0;
	clear: both;
}

div#CLcrPopup div#clcrInfo:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


div#CLcrPopup div#clcrInfo ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

div#CLcrPopup div#clcrInfo ul li {
	width: auto;
	height: 20px;
	margin: 0 15px 35px 0;
	padding: 0;
	float: left;
	line-height: 100%;
}

/* IE5～6のみ適用 */
* html div#CLcrPopup div#clcrInfo ul li {
	margin: 0 15px 25px 0;
}


div#CLcrPopup div#clcrInfo ul li#male {
	color: #1D6FAB;
}

div#CLcrPopup div#clcrInfo ul li#female {
	padding: 0 200px 0 0;
	color: #A33F25;
}

div#CLcrPopup div#clcrInfo ul li.red {
	width: 350px;
	color: #A33F25;
}

div#CLcrPopup div#clcrInfo ul li dl dt {
	font-size: 11px;
	padding: 0 0 3px 0;
}

div#CLcrPopup div#clcrInfo ul li dl dt.blue {
	color: #1D6FAB;
}



/* 製品情報 1_product/index.html */

/* プレスリリース */
div#maincol div#press {
	width: 472px;
	height: auto;
	margin: 0 0 10px 15px;
	padding: 10px 0 8px 0;
	border-bottom: 1px solid #D8D8D8;
	clear: both;
}

div#press h2 {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
}

div#press dl dt {
	width: auto;
	height: auto;
	margin: 0 1em 0.5em 0;
	padding: 0;
	font-size: 12px;
	float: left;
	clear: left;
}

div#press dl dd {
	width: auto;
	height: auto;
	margin: 0 0 0.5em 0;
	padding: 0;
}

/* 作用機序 */
div#maincol div#AM {
	width: 472px;
	height: auto;
	margin: 0 0 10px 15px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #D8D8D8;
	clear: both;
}

div#maincol div#AM:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#AM dl {
	width: 345px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
}

div#AM dl dt {
	margin: 0 0 5px 0;
	padding: 0;
	float: none;
	font-size: 13px;
}

div#AM dl dd {
	width: 345px;
	height: auto;
	margin: 0 20px 10px 0;
	padding: 0;
	line-height: 140%;
}

div#AM dl dd.AMBtn {
	width: 86px;
	height: 20px;
	margin: 0;
	padding: 0;
	float: right;
}

div#AM dl dd.AMBtn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div#AM p {
	width: 104px;
	height: 96px;
	margin: 15px 0 5px 0;
	padding: 0;
	float: right;
}

/* 各PDFリンク */
div#maincol div.contentsProduct {
	width: 472px;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}

div.contentsProduct dl {
	width: 472px;
	height: auto;
	margin: 0 0 10px 15px;
	padding: 5px 0 10px 0;
	clear: both;
	border-bottom: 1px solid #D8D8D8;
}

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


div.contentsProduct dl dt {
	width: auto;
	height: auto;
	margin: 0 1em 0.3em 0;
	padding: 0;
	font-size: 13px;
	float: left;
}

div.contentsProduct dl dd {
	width: 43px;
	height: 22px;
	margin: 0 0 0 280px;
	padding: 0 0 0 27px;
	background: transparent url(../images/common/icon_pdf.gif) no-repeat 0 0;
}


/* 帯状疱疹について 2_pathema/index.html */
div#maincol div.contentsPathema {
	width: 472px;
	height: auto;
	margin: 20px 0 20px 15px;
	padding: 0;
	clear: both;
}

div#maincol div.contentsPathema:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


div#maincol div.contentsPathema dl {
	width: 365px;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 150%;
	font-size: 100%;
	float: left;
}

div#maincol div.contentsPathema dl dt {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div#maincol div.contentsPathema dl dd {
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
}

div#maincol div.contentsPathema dl dd ul li {
	width: auto;
	height: auto;
	margin: 0 0 5px 15px;
	padding: 0;
	list-style-type: square;
	list-style-position: outside;
}

/* 写真 */
div#maincol div.contentsPathema ul#photo {
	width: 102px;
	height: auto;
	margin: 25px 0 0 0;
	padding: 0;
	float: right;
}

div#maincol div.contentsPathema ul#photo li {
	width: 100px;
	height: auto;
	margin: 0 0 100px 0;
	padding: 0;
	text-align: right;
}

div#maincol div.contentsPathema ul#photo li.bottom {
	margin-bottom: 0;
}


/* セミナー・講演会 4_seminar/index.html */
div#maincol h2#h2Seminar {
	margin: 0 0 10px 15px;
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: normal;
}

div#maincol div.contentsSeminar {
	width: 472px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
}

div.contentsSeminar dl {
	width: 472px;
	height: auto;
	margin: 0 0 5px 15px;
	padding: 5px 0 10px 0;
	clear: both;
	border-bottom: 1px solid #D8D8D8;
}

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

div.contentsSeminar dl dt {
	width: auto;
	height: auto;
	margin: 0 1em 0 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
}

div.contentsSeminar dl dd.seminarDate {
	width: 320px;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
}

div.contentsSeminar dl dd.seminarDate dl {
	width: 320px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

div.contentsSeminar dl dd.seminarDate dl dt {
	width: auto;
	height: auto;
	margin: 0 0 3px 1px;
	padding: 0;
	float: none;
	font-size: 12px;
	font-weight: normal;
}

div.contentsSeminar dl dd.seminarDate dl dd {
	width: auto;
	height: auto;
	margin: 0 0 0 1px;
	padding: 0;
	font-size: 12px;
	line-height: 140%;
}

div.contentsSeminar dl dd.seminarPDF {
	width: 140px;
	height: 22px;
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
}

div.contentsSeminar dl dd.seminarPDF dl {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

div.contentsSeminar dl dd.seminarPDF dl dt {
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	font-size: 12px;
	font-weight: normal;
}

div.contentsSeminar dl dd.seminarPDF dl dd {
	width: auto;
	height: 22px;
	margin: 0;
	padding: 0 0 0 27px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	background: transparent url(../images/common/icon_pdf.gif) no-repeat 0 0;
}


/* お役立ち素材集 6_material/index.html */
div#maincol div.contentsMaterial {
	width: 473px;
	height: auto;
	margin: 20px 0 25px 14px;
	padding: 0;
	clear: both;
}

div#maincol div.contentsMaterial:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


div#maincol div.contentsMaterial ul li {
	width: 158px;
	height: 141px;
	margin: -1px 0 0 0;
	padding: 0;
	float: left;
	background: transparent url(../images/common/material_bg.gif) no-repeat 0 0;
}

/* IE5～6のみ適用 */
* html div#maincol div.contentsMaterial ul li {
	margin-top: 0;
}

div#maincol div.contentsMaterial ul li.center {
	width: 156px;
	height: 141px;
	background: transparent url(../images/common/material_bg_center.gif) no-repeat 0 0;
}

div#maincol div.contentsMaterial ul.pop li.long  {
	width: 158px;
	height: 168px;
	margin: -1px 0 0 0;
	padding: 0;
	float: left;
	background: transparent url(../images/common/material_bg_long.gif) no-repeat 0 0;
}

div#maincol div.contentsMaterial ul.pop li.longCenter  {
	width: 156px;
	height: 168px;
	margin: -1px 0 0 0;
	padding: 0;
	float: left;
	background: transparent url(../images/common/material_bg_center_long.gif) no-repeat 0 0;
}


div#maincol div.contentsMaterial ul li dl dt {
	width: 117px;
	height: 101px;
	margin: 8px 20px 5px;
	padding: 0;
}

div#maincol div.contentsMaterial ul li dl dd {
	width: 58px;
	height: 17px;
	margin: 0 15px 0 0;
	padding: 0;
	float: right;
}

div#maincol div.contentsMaterial ul li dl dd a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

div#maincol div.contentsMaterial ul.pop li dl dt {
	width: 138px;
	height: 101px;
	margin: 8px 9px 3px;
	padding: 0;
}

div#maincol div.contentsMaterial ul.pop li.long dl dt {
	width: 138px;
	height: 134px;
	margin: 4px 9px 3px;
	padding: 0;
}

div#maincol div.contentsMaterial ul.pop li.longCenter dl dt {
	width: 138px;
	height: 134px;
	margin: 4px 9px 3px;
	padding: 0;
}


/* お問い合わせ 0_inquiry.html */
div#maincol div#contentsInquiry {
	width: 472px;
	height: auto;
	margin: 20px 0 20px 15px;
	padding: 0;
	clear: both;
}

div#contentsInquiry p {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 150%;
}

div#contentsInquiry p#telephone {
	margin: 15px 0 20px;
	padding: 0 0 15px 0;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	color: #2EA6CF;
	border-bottom: 1px solid #D8D8D8;
	font-family:Arial, Helvetica, sans-serif;
}