@charset "shift_jis";

/* =============================================================================

	Generic CSS

============================================================================= */

/* 共通
============================================================================= */
body#generics div#mainContents #main h2 {
	border-bottom: 20px;
	}

body#generics div#mainContents #main h3,
body.index div#mainContents #main h3,
body.figure div#mainContents #main h3 {
	border-bottom: 22px;
	padding-bottom: 5px;
	font-size: 122%;
	border-bottom: 2px  solid #5694ca;
	}
	
body#generics div#mainContents #main table {
	width:100%;
	margin-bottom: 20px;
	}

body#generics div#mainContents #main table img {
	vertical-align: bottom;
	}


/* Products bannar */
ul.productBannar {
	width: 908px;
	margin: 0 -16px 10px 0;
	padding: 0;
	overflow: hidden;
	_zoom: 1;
	}

ul.productBannar li {
	float: left;
	list-style: none;
	margin: 0 19px 0 0;
	padding: 0;
	}

ul.productBannar li.right {
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	}

/* ボグリボース・ロマールテープ
============================================================================= */

body#voglibose #main,
body#romaltape #main {
	width: 729px;
	margin: 0 auto;
	float: none;
	}

body#voglibose #main h2,
body#romaltape #main h2 {
	margin: 0 0 13px;
	}

body#voglibose #pickout h3,
body#voglibose #takeMedicine h3,
body#voglibose #information h3,
body#romaltape #information h3  {
	margin: 0;
	padding: 0;
	}

#information table {
	width: 440px;
	margin-top: 18px;
	border-color: #666;
	}

#information table th {
	padding: 3px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	background: #8dc7dc url("../../generic/img/hyo_tit_bg.gif") repeat-x left bottom;
	border-color: #666;
	}

#information table th.sub {
	color: #000;
	font-weight: normal;
	background-color: #EFEFEF;
	background-image: none;
	border-color: #666;
	}

#information table td {
	padding: 3px;
	}

#information .box {
	padding-left: 30px;
	text-align: right;
	overflow: hidden;
	_zoom: 1;
	}

#information .pdf {
	text-align: left;
	}

#information .pdf .txt {
	overflow: hidden;
	_zoom: 1;
	}

#information .pdf .img {
	float: right;
	}

div#mainContents #main #contraindication h3 {
	margin: 0;
	padding: 0;
	}

#contraindication dl {
	width: 710px;
	margin: 0 0 20px;
	padding: 10px;
	background: transparent url("../../generic/img/bg_contraindication.gif") no-repeat left bottom;
	}

#contraindication dl dt {
	float: left;
	width: 2em;
	}

#contraindication dl dd {
	margin-left: 2em;
	}

#contraindication  p.notice {
	margin-left: 30px;
	color: #cc0000;
	}


/* ボグリボース ============================================================ */

body#voglibose #pickout {
	width: 357px;
	float: left;
	}

body#voglibose #pickout ul {
	margin: 0;
	padding: 10px 10px 0;
	height: 78px;
	background: transparent url("../../generic/img/vog_bg01.gif") no-repeat left top;
	}

body#voglibose #pickout ul li {
	list-style: none;
	margin: 0 0 0.5em;
	padding: 0;
	width: 238px;
	text-indent: -1em;
	padding-left: 1em;
	}

body#voglibose #takeMedicine {
	width: 357px;
	float: right;
	}

body#voglibose #information p {
	margin: 0;
	padding: 0;
	}

body#voglibose #information table {
	float: left;
	}


/* ロマールテープ ========================================================== */
body#romaltape #permeable h4 {
	margin: 0 0 5px;
	}

body#romaltape #permeable .text {
	float: left;
	width: 435px;
	}

body#romaltape #permeable .img {
	float: right;
	width: 289px;
	}

body#romaltape #information .table {
	float: left;
	width: 440px;
	padding: 10px;
	}

body#romaltape #information .table table {
	margin-bottom: 15px;
	}

body#romaltape #information .table .img {
	padding-top: 0;
	}

body#romaltape #information .img {
	float: right;
	width: 251px;
	padding-top: 18px;
	}