@charset "UTF-8";

/* ----------------------------------------
*
*Since:  2010-01-30
*Modified:  
*
*/

/* Style Index ===============================

	00:  know_common
		00-01:  header
		00-02:  sideMenu
		00-03:  pagenation
		00-04:  link

	01:  know_index
		01-01:  categoryIndex

	02:  ra_directory
		02-01:  symptomFlash
		02-02:  mechanismFlash

	03:  tnfalpha_directory
		03-01:  tnf03Flash

	04:  humira_directory
		04-01:  ingredient
		04-02:  descriptionBox_001
		04-03:  mechanismMovie
		04-04:  attention
		04-05:  sideeffectBox

	05:  expense_directory
		05-01:  expense01Box_001
		05-02:  expense02Fash
		05-03:  getFlashL

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

/*
00-01:  header
-------------------------------------*/
div#header {
	background: url("../../images/know/bg_header_know.jpg") no-repeat 50% 0;
}

div#header div#headerCont {
	background: url("../../images/know/bg_header_know.jpg") no-repeat 50% 0;
}


/*
00-02:  sideMenu
-------------------------------------*/

div#sideMenu dl#subNavi {
	background: url("../../images/know/bg_side_btm.gif") no-repeat 0 100%;
}

div#sideMenu dl#subNavi dd {
	background: url("../../images/know/bg_side_base.gif") repeat-y;
}

div#sideMenu dl#subNavi li ul li {
	background: url("../../images/know/icon_arrow_001.gif") no-repeat 7px 0.6em;
}

div#sideMenu dl#subNavi li ul li.cur a:link,
div#sideMenu dl#subNavi li ul li.cur a:visited {
	color: #ad6d6c;
}


/*
00-03:  pagenation
-------------------------------------*/

div#pagenation {
	background: url("../../images/know/bg_pagenation_btm.gif") no-repeat 0 100%;
}

div#pagenation dl {
	background: url("../../images/know/bg_pagenation_top.gif") no-repeat 0 0;
}

div#pagenation dl dd li {
	background: url("../../images/know/icon_arrow_001.gif") no-repeat 7px 0.8em;
}

div#pagenation dl dd li.cur {
	color: #ad6d6c;
}


div#pagenationL {
	width: 762px;
	margin: 0 0 18px 0;
	padding: 0 0 13px 0;
	background: url("../../images/know/bg_pagenationl_btm.gif") no-repeat 0 100%;
}

div#pagenationL dl {
	width: 762px;
	padding: 18px 0 0 0;
	background: url("../../images/know/bg_pagenationl_top.gif") no-repeat 0 0;
}

div#pagenationL dl dt {
	display: inline;
}

div#pagenationL dl dt img {
	margin: 0 17px;
	display: block;
}

div#pagenationL dl dd {
	margin: 14px 17px 0 17px;
}

div#pagenationL dl dd li {
	padding: 0 0 0 20px;
	background: url("../../images/know/icon_arrow_001.gif") no-repeat 7px 0.8em;
	line-height: 2;
	font-size: 100%;
}

div#pagenationL dl dd li a:link {
	color: #666;
	text-decoration: none;
}

div#pagenationL dl dd li a:visited {
	text-decoration: none;
}

div#pagenationL dl dd li a:hover,
div#pagenationL dl dd li a:active {
	color: #000;
	text-decoration: underline;
}

div#pagenationL dl dd li.cur {
	color: #ad6d6c;
}


/*
00-04:  link
-------------------------------------*/

p.link {
	margin: 0 0 40px 0;
}


/*
01-01:  categoryIndex
-------------------------------------*/

div.categoryIndex ul li {
	padding: 0 0 3px 10px;
	background: url("../../images/know/icon_arrow_001.gif") no-repeat 0 0.6em;
}


/*
02-01:  symptomFlash
-------------------------------------*/
div#symptomFlash {
	margin: 0 auto 20px auto;
	width: 461px;
	text-align: center;
}

/*
02-02:  mechanismFlash
-------------------------------------*/
div.mechanismFlash {
	margin: 0 auto 35px auto;
	width: 512px;
	text-align: center;
}

div.mechanismFlash p.caption {
	margin: 5px 0 0 0;
	text-align: right;
}

/*
03-01:  tnf03Flash
-------------------------------------*/
div.tnf03Flash {
	margin: 0 auto 35px auto;
	width: 512px;
	text-align: center;
}

div.tnf03Flash p.caption {
	margin: 5px 0 0 0;
	text-align: right;
}

/*
04-01:  ingredient
-------------------------------------*/
dl.ingredient {
	margin: 0 0 40px 0;
}


/*
04-02:  descriptionBox_001
-------------------------------------*/

div.descriptionBox_001 {
	margin: 20px 0;
}

div.descriptionBox_001 dl {
	width: 682px;
}

div.descriptionBox_001 dt {
	padding: 7px 12px;
	background: #fafafa;
	border: 1px solid #ccc;
}

div.descriptionBox_001 dd {
	padding: 12px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.descriptionBox_001 dd div {
	margin: 20px 0 8px 0;
	text-align: center;
}

div.descriptionBox_001 dd p {
	font-size: 100%;
}

div.descriptionBox_001 dd li {
	font-size: 100%;
}

div.descriptionBox_001 dd ul {
	margin: 10px 0 0 10px;
}

div.descriptionBox_001 dd ul ol {
	margin: 5px 0 15px 1em;
}


/*
04-03:  mechanismMovie
-------------------------------------*/
div#mechanismMovie {
	width: 682px;
}

div#mechanismMovie .thm {
	float: left;
	width: 319px;
}

div#mechanismMovie .desc {
	float: left;
	width: 363px;
}

div#mechanismMovie .desc div.btn {
	margin: 0 0 10px 0;
}

div#mechanismMovie .desc div.getFlash {
	width: 387px;
}

div#mechanismMovie .desc div.getFlash p.txt {
	width: 216px;
}

div#mechanismMovie .desc p {
	margin: 0 0 10px 0;
}

div#mechanismMovie:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}


/*
04-04:  attention
-------------------------------------*/

div#attention {
	margin: 0 0 40px 0;
	width: 682px;
}

div#attention dt {
	margin: 0 0 10px 0;
}

div#attention p {
	font-size: 100%;
}

div#attention div {
	text-align: center;
}


/*
04-05:  sideeffectBox
-------------------------------------*/

div.sideeffectBox_001 {
	width: 682px;
}

div.sideeffectBox_001 div.desc {
	float: left;
	margin: 0 0 40px 0;
	width: 426px;
}

div.sideeffectBox_001 dt {
	font-weight: bold;
}

div.sideeffectBox_001 dd {
	margin: 0 0 20px 0;
}

div.sideeffectBox_001 div.image {
	float: right;
	margin: 0 0 40px 0;
	width: 256px;
}

div.sideeffectBox_001 dl.dexconly {
	margin: 0 0 40px 0;
}

div.sideeffectBox_001:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

div.sideeffectBox_002 {
	width: 682px;
}

div.sideeffectBox_002 div.desc {
	float: left;
	padding: 0 0 40px 0;
	width: 503px;
}

div.sideeffectBox_002 dt {
	font-weight: bold;
}

div.sideeffectBox_002 dd {
	margin: 0 0 20px 0;
}

div.sideeffectBox_002 div.image {
	float: right;
	margin: 0 0 40px 0;
	width: 176px;
}

div.sideeffectBox_002:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}


/*
05-01:  expense01Box_001
-------------------------------------*/

div.expense01Box_001 {
	margin: 0 0 40px 0;
}

div.expense01Box_001 dt {
	font-weight: bold;
}

div.expense01Box_001 dd {
	margin: 0 0 20px 0;
}

div.expense01Box_001 dd p {
	font-size: 100%;
}

div.expense01Box_001 dd li {
	font-size: 100%;
}


/*
05-02:  expense02Fash
-------------------------------------*/

div.expense02Fash {
	margin: 0 0 20px 0;
	padding: 12px 0 20px 0;
	border: 1px solid #ccc;
}

div.expense02Fash p.caption {
	margin: 15px 0 0 15px;
}


/*
05-03:  getFlashL
-------------------------------------*/

div.getFlashL {
	margin: 0 0 40px 0;
	width: 762px;
}

div.getFlashL div.bnr {
	float: left;
	width: 171px;
}

div.getFlashL p.txt {
	width: 591px;
	float: left;
}

div.getFlashL:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}