/*
	Site Name: Astellas Pharma Inc.
	Version: 1.0
	Author: Astellas Pharma Inc.
	Css Name: common.css
*/

/*
===== CONTENTS ===========================================

	1: universal reset 
	2: body and base setting
		- float
		- block / inline
		- text-align
		- margin
		- table
		- headings
	3: link setting
	4: layout setting
		- template parts
		- header
		- navi-global
		- wrapper
		- navi-left
		- top-image
		- area-image
		- breadcrumbs
		- contents, contents1, contents2
		- navi-right
		- footer
		- accesskey only
	5: contents setting

==========================================================
*/

/*
===== 1: universal reset =================================
*/

body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
table,th,td,
dl,dt,dd,
form {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 100%;
	font-style: normal;
	letter-spacing: 0;
}

br {
	padding: 0px;
	margin: 0px;
}

img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

caption {
	font-size: 100%;
}

/*
===== 2: body and base setting ===========================
*/

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: #F6F6F6;
	position: relative;
	color: #555555;
	font-family: "Verdana","Arial",sans-serif;
}

img {
	border: none;/* img do not want a border */
	display: inline;/* img default setting */
}

hr {
	padding: 0px;
	margin: 0px;
	width:470px;
	background-color: transparent;
	color: #FFFFFF;
	border: none;
	height: 10px; 
}

span {
}

.clear {
	padding: 0px;
	margin: 0px;
	clear: both;
}

.hidden {
	display: none;
}

.out {
	width:470px;
	position:absolute;
	left:-9999px;
}

.middle {
	vertical-align: middle;
}

.title {
	font-weight: bold;
}

/* ----------------------------- float ----------------------------- */

.float_l {
	float: left;
}

.float_r {
	float: right;
}

/* ----------------------------- block / inline ----------------------------- */

.block {
	display: block;/* img default setting : inline  */
}

.inline {
	display: inline;
}

/* ----------------------------- text-align ----------------------------- */

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* ----------------------------- margin ----------------------------- */

.indent {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.topmargin {
	margin-top: 16px;
}

.bottommargin {
	margin-bottom: 16px;
}

/* ----------------------------- table ----------------------------- */

caption {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 150%;
	font-weight: bold;
	color: #666666;
	text-align: left;
	background: transparent url(/img/bg_h4caption.gif) no-repeat left top;
}

caption.caption_h5 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	line-height: 150%;
	color: #666666;
	text-align: left;
	background: none;
}

table {
	width: 98%;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	border-collapse: collapse;
	color: #555555;
}

th {
	padding-top: 7px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
	border: 1px solid #d8d8d8;
	font-weight: normal;
	line-height: 150%;
	text-align: center;
}

td {
	padding-top: 13px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	border: 1px solid #d8d8d8;
	line-height: 150%;
	vertical-align: top;
}

th.gray,td.gray {
	color: #ffffff;
	background: #adadad;
}

th.red,td.red {
	color: #555555;
	background: #f7e0e6;
}

th.mgray,td.mgray {
	color: #555555;
	background: #e7e7e7;
}

th.lgray,td.lgray {
	color: #555555;
	background: #f7f7f7;
}

th.cell_left,td.cell_left {
	text-align: left;
}

th.cell_center,td.cell_center {
	text-align: center;
}

th.cell_right,td.cell_right {
	text-align: right;
}

th.cell_s,td.cell_s {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

th.cell_m,td.cell_m {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

th.cell_l,td.cell_l {
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 25px;
}

th.half,td.half {
	width: 50%;
}

/* ----------------------------- headings ----------------------------- */

h2 {
	line-height: 150%;
	background: #ffffff url(/img/bg_h2_top.gif) no-repeat top left;
	

}
.area_h2 {
	padding-bottom: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 0px;
	background: #ffffff url(/img/bg_h2_bottom.gif) no-repeat bottom left;
}

h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	line-height: 150%;
	border-bottom: 1px dotted #cccccc;
}

h3.contents {
	margin: 0px;
}

h4 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: 150%;
	font-weight: bold;
	color: #666666;
	background: #ffffff url(/img/bg_h4.gif) no-repeat left top;
}

h5 {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 150%;
	color: #666666;
}

/*
===== 3: link setting ===========================
*/

a {
	color: #5B5B5B;
	text-decoration: none;
	background-color: transparent;
}

a:link {
	color: #5B5B5B;
	text-decoration: none;
	background-color: transparent;
}

a:visited {
	color: #5B5B5B;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #5B5B5B;
	text-decoration: underline;
}

a.text {
	color: #5B5B5B;
	text-decoration: underline;
}

a.text:link {
	color: #5B5B5B;
	text-decoration: underline;
}

a.text:visited {
	color: #5B5B5B;
	text-decoration: underline;
}

a.text:hover {
	color: #5B5B5B;
	text-decoration: underline;
}

.imgbtn a.default {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin: 0px;
	display: block;
	background: url(/img/bg_imgbtn_bottom.gif) no-repeat bottom center;
}

#breadcrumbs ul li a {
	text-decoration: none;
	color:#7B7B7B;
}

#breadcrumbs ul li a:hover {
	text-decoration: underline;
}

/*
===== 4: layout setting ===========================
*/

#container {
	clear: both;
	width: 910px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background: transparent url(/img/bg3.gif) repeat-y top center;
}

#header {
	position: relative;
	height: 71px;
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	background: #FFF;
	border-bottom: 1px solid #e9e9e9;
}

#navi-global {
	position: relative;
	clear: both;
	top: 0px;
	height: 36px;
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 10;
	text-align: left;
	background: transparent url('/img/nav_bg.gif') repeat-x bottom left;
}

#top-image {
	position: relative;
	clear: both;
	top: 0px;
	height: 255px;
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
}

#area-image {
	position: relative;
	clear: both;
	top: 0px;
	height: 96px;
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	overflow: hidden;
}

#breadcrumbs {
	position: relative;
	height: 32px;
	width: 900px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/* border-top: 1px solid #fff; */
	text-align: left;
	background: #ffffff url(/img/bg_pan.gif) repeat-x;
	overflow: hidden;
}

#wrapper {
	width: 900px;
	padding: 18px 0 0 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	min-height:520px;
	background: transparent;
}

#navi-left {
	float: left;
	width: 190px;
	padding: 0px;
	margin-bottom: 25px;
}

#contents {
	float: right;
	width: 470px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	line-height: 150%;
}

#contents2 {
	float: right;
	width: 630px;
	padding: 0 43px 0 37px;
	margin-bottom: 25px;
	line-height: 150%;
}

#contents1 {
	width: 900px;
	padding: 0px;
	margin-bottom: 25px;
	line-height: 150%;
}

#navi-right {
	float: right;
	width: 160px;
	padding: 0px;
	margin-bottom: 25px;
	line-height: 150%;
}



/*
===== 5: contents setting ===========================
*/

/* ----------------------------- template parts ----------------------------- */

.imglink_left {
	width: 221px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 5px;
	float: left;
}

.imglink_right {
	width: 221px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 16px;
	margin-left: 6px;
	float: right;
}

.imglink_left dt, .imglink_right dt {
	padding: 0px;
	margin-bottom: 2px;
}

.imglink_left dd, .imglink_right dd {
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	color: #555555;
	line-height: 150%;
}

.imglink_left a.default, .imglink_right a.default {
	margin-top: 0px;
	margin-left: 0px;
	line-height: 130%;
	display: block;
}

.imglink_left img {
	padding: 1px;
	margin: 0px;
	border: 1px solid #e6e6e6;
	display: block;
}

.imglink_right img {
	padding: 1px;
	margin: 0px;
	border: 1px solid #e6e6e6;
	display: block;
}

.imgbtn {
	width: 222px;
	padding-top: 6px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	background: url(/img/bg_imgbtn.gif) no-repeat top center;
}

.imgbtn img {
	width: 210px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	display: block;
	text-align: center;
}

.imgbtn a {
	text-align: left;
}

.imgbtn a.default {
	padding-left: 15px;
	margin-left: 10px;
	line-height: 150%;
	background: url(/img/ico_defaultlink.gif) no-repeat left 0.4em;
	display: block;
}

.img_right {
	float: right;
	padding: 1px;
	margin-left: 18px;
	margin-bottom: 16px;
	border: 1px solid #e6e6e6;
	display: block;
}

.img_left {
	float: left;
	padding: 1px;
	margin-right: 18px;
	margin-bottom: 16px;
	border: 1px solid #e6e6e6;
	display: block;
}

.new {
	color: #555555;
}
.new img {
	padding-left: 8px;
}

.cts_link {
	float: left;
	padding: 1px;
	margin-left: 5px;
	margin-bottom: 15px;
	border: 1px solid #e6e6e6;
	display: block;
}

.cts_link_text {
	width: 310px;
	margin-right: 5px;
	margin-bottom: 15px;
}

.cts_link_text h5 {
	padding-left: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	line-height: 130%;
}

.cts_link_text ul {
	list-style-type: none;
}

.cts_link_text li.default {
	margin-left: 0px;
	margin-bottom: 8px;
	line-height: 130%;
}

.square {
	clear: both;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 13px;
	padding-left: 16px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 35px;
	margin-left: 5px;
	border: 1px solid #e4e4e4;
	background: #f8f8f8;
}

#contents .square p, #contents1 .square p, #contents2 .square p {
	padding-right: 5px;
	margin: 0px;
	line-height: 150%;
}

#contents .square p.title, #contents1 .square p.title, #contents2 .square p.title {
	margin-bottom: 5px;
	line-height: 130%;
}

#contents .square .default, #contents1 .square .default, #contents2 .square .default {
	padding-right: 17px;
	padding-left: 17px;
	margin-top: 7px;
	line-height: 150%;
	background: url(/img/ico_defaultlink.gif) no-repeat left 0.4em;
	display: block;
}

#contents .imglink_left .default, #contents .imglink_right .default, #contents1 .imglink_left .default, #contents1.imglink_right .default, #contents2 .imglink_left .default, #contents2.imglink_right .default {
	padding-right: 17px;
	padding-left: 17px;
	margin-top: 7px;
	line-height: 150%;
	background: url(/img/ico_defaultlink.gif) no-repeat left 0.4em;
	display: block;
}

#contents ul.anchorlist, #contents1 ul.anchorlist, #contents2 ul.anchorlist {
	padding: 0px;
	margin-top: 13px;
	margin-right: 5px;
	margin-bottom: 13px;
	margin-left: 5px;
	line-height:1em;
}

#contents ul.anchorlist li.anchor, #contents1 ul.anchorlist li.anchor, #contents2 ul.anchorlist li.anchor {
	padding-left: 29px;
	margin-right: 7px;
	background: url(/img/ico_anchor.gif) no-repeat left center;
}

#contents ul.anchorlist li.first, #contents1 ul.anchorlist li.first, #contents2 ul.anchorlist li.first {
	padding-left: 16px;
	margin-left: 0px;
	background: url(/img/ico_anchor_fast.gif) no-repeat left center;
}

#contents ul.anchorlist li.last, #contents1 ul.anchorlist li.last, #contents2 ul.anchorlist li.last {
	margin-right: 0px;
	border-right: none;
}

#contents ul.anchorlist li, #contents1  ul.anchorlist li, #contents2  ul.anchorlist li {
	display: inline;
}

#contents .link, #contents1 .link, #contents2 .link {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 0px;
}

#contents .link li, #contents1 .link li, #contents2 .link li {
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: none;
}

#contents .news, #contents1 .news, #contents2 .news {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 21px;
	margin-left: 0px;
}

#contents .news li, #contents1 .news li, #contents2 .news li {
	margin-top: 3px;
	margin-bottom: 2px;
	list-style-type: none;
}

li.default {
	padding-right: 17px;
	padding-left: 17px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_defaultlink.gif) no-repeat 0 0.4em;
}

li.jump {
	padding-right: 17px;
	padding-left: 17px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_defaultlink.gif) no-repeat left 4px;
}

li.jump span{
	padding-right: 11px;
	background: transparent url(/img/ico_jump.gif) no-repeat right center;
}

li.pdf {
	padding-right: 23px;
	padding-left: 23px;
	margin-left: 6px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_pdf.gif) no-repeat left 4px;
}

li.xls {
	padding-right: 23px;
	padding-left: 23px;
	margin-left: 6px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_xls.gif) no-repeat left 4px;
}

li.ppt {
	padding-right: 23px;
	padding-left: 23px;
	margin-left: 6px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_ppt.gif) no-repeat left 4px;
}

li.doc {
	padding-right: 23px;
	padding-left: 23px;
	margin-left: 6px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_doc.gif) no-repeat left 4px;
}

li.mp3 {
	padding-right: 23px;
	padding-left: 23px;
	margin-left: 6px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_mp3.gif) no-repeat left 4px;
}

li.wmv {
	padding-right: 23px;
	padding-left: 23px;
	margin-left: 6px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_wmv.gif) no-repeat left 4px;
}

li.mov {
	padding-right: 23px;
	padding-left: 23px;
	margin-left: 6px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_mov.gif) no-repeat left 4px;
}

li.zip {
	padding-right: 23px;
	padding-left: 23px;
	margin-left: 6px;
	margin-right: 5px;
	line-height: 150%;
	background: url(/img/ico_zip.gif) no-repeat left 4px;
}

#contents .cts_link_text li.default, #contents1 .cts_link_text li.default, #contents2 .cts_link_text li.default {
	margin-left: 0px;
}

ul.dot {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}

ul.dot li {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	color: #555555;
	line-height: 150%;
	list-style-type: disc;
}

ol.number {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}

ol.number li {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #555555;
	line-height: 150%;
	list-style-type: none;
}

.pagenav {
	height: 30px;
	width: 470px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	text-align: center;
	background-color: #f4f4f4;
}

.pagenav a {
	padding: 0px;
	margin: 0px;
	height: 30px;
	text-decoration: none; /* no underline */
	color: #3377aa;
}

.pagenav span.prev {
	float: left;
	height: 23px;
	width: 61px;
	padding-top: 5px;
	padding-left: 8px;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	background: #f4f4f4 url(/img/ico_prev.gif) no-repeat left center;
}

.pagenav span.back {
	float: left;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.pagenav span.next {
	float: right;
	height: 23px;
	width: 61px;
	padding-top: 5px;
	padding-right: 8px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	background: #f4f4f4 url(/img/ico_next.gif) no-repeat right center;
}

.pagenav span.pdisabled {
	height: 23px;
	width: 61px;
	padding-top: 5px;
	padding-left: 8px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	color: #bbbbbb;
	background: #f4f4f4 url(/img/ico_prev_dis.gif) no-repeat left center;
}

.pagenav span.ndisabled {
	height: 23px;
	width: 61px;
	padding-top: 5px;
	padding-right: 8px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	color: #bbbbbb;
	background: #f4f4f4 url(/img/ico_next_dis.gif) no-repeat right center;
}

.pagenav span.prev a {
	height: 23px;
	width: 61px;
	display: block;
}

.pagenav span.prev a:hover {
	text-decoration: underline;
	color: #006699;
}

.pagenav span.back a {
	height: 23px;
	width: 330px;
	padding-top: 5px;
	display: block;
}

.pagenav span.back a:hover {
	text-decoration: underline;
	color: #006699;
}

.pagenav span.next a {
	height: 23px;
	width: 61px;
	display: block;
}

.pagenav span.next a:hover {
	text-decoration: underline;
	color: #006699;
}

.pagenav ol.pagelist {
	float: left;
	width: 330px;
}

.pagenav ol.pagelist li {
	float: left;
	border-right: 1px solid #e5e5e5;
	list-style-type: none;
}

.pagenav ol.pagelist li a {
	height: 23px;
	width: 32px;
	padding-top: 5px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display: block;
}

.pagenav ol.pagelist li a.current {
	padding-top: 5px;
	margin: 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #3377aa;
	background-color: #ffffff;
}

.pagenav ol.pagelist li a:hover {
	text-decoration: none; /* no underline */
	color: #ffffff;
	background-color: #bb0033;
}

.gototop {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	text-align: right;
	line-height: 100%;
}

.gototop a {
	padding-right: 18px;
	letter-spacing: 1px;
	background: transparent url(/img/ico_gototop.gif) no-repeat right center;
}

/* ----------------------------- header ----------------------------- */
#header .logo {
	position: absolute;
	left: 15px;
	top: 12px;
	width: 321px;
	padding: 0px;
	margin: 0px;
}

#header .navi-sub {
	position: absolute;
	top: 11px;
	right: 0px;
	width: 420px;
	padding: 0px;
	margin: 0px;
	font-size:10px;
	text-align: right;
	color:#5B5B5B;
    line-height:33px;
    padding-right:20px;
    text-align:right;
}

#header .navi-sub ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#header .navi-sub ul li {
	display: inline;
	background: none;
}
#header .navi-sub ul li a {
	color:#5B5B5B;
    line-height:12px;
	text-decoration:none;
}
#header .navi-sub ul li a:hover {
	text-decoration: underline;
}




#header .panel {
	position: relative;
	top: 9px;
	right: 0px;
	width: 420px;
}

#header .panel .fontchg {
	position: absolute;
	left: 29px;
	top: 0px;
	height: 22px;
	z-index: auto;
}

#header .panel .fontchg span {
	display: none;
}

#header .panel .fontchg img {
	float: left;
	padding: 0px;
	margin: 0px;
}

#header .panel .fontchg img.first {
	margin-right: 10px;
}

#header .panel .fontchg #fsmall, #header .panel .fontchg #flarge {
	float: left;
	height: 22px;
	width: 27px;
}

#header .panel .fontchg #fmiddle {
	float: left;
	height: 22px;
	width: 25px;
}

#fsmall a, #fmiddle a, #flarge a {
	display: block;
}

#fsmall a {
	height: 22px;
	width: 27px;
	background: url(/img/btn_s.gif) no-repeat;
}

#fmiddle a {
	height: 22px;
	width: 25px;
	background: url(/img/btn_m.gif) no-repeat;
}

#flarge a {
	height: 22px;
	width: 27px;
	background: url(/img/btn_l.gif) no-repeat;
}

#fsmall a:hover {
	background: url(/img/btn_s_on.gif) no-repeat;
}

#fmiddle a:hover {
	background: url(/img/btn_m_on.gif) no-repeat;
}

#flarge a:hover {
	background: url(/img/btn_l_on.gif) no-repeat;
}

#header .panel .search {
	position: absolute;
	left: 177px;
	top: 0px;
}

#header .panel .search ul {
	padding: 0px;
	margin: 0px;
	background: none;
	list-style-type: none;
}

#header .panel .search ul li {
	float: left;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#header .panel .search ul input.in_search {
	height: 18px;
	width: 117px;
	padding-left: 3px;
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 130%;
}

* html #header input.in_search {
	height: 18px;
	width: 117px;
	padding-left: 3px;
	margin-top: -1px;
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 130%;
} /* for IE6 */

*+html #header input.in_search {
	height: 18px;
	width: 117px;
	padding-left: 3px;
	margin-top: -1px;
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 130%;
} /* for IE7 */

html:first-child #header input.in_search {
	height: 18px;
	width: 117px;
	padding-left: 3px;
	margin: 0px;
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 130%;
} /* for Opera and Safari3 */

/* safari only \*/
html:\66irst-child #header input.in_search {
	height: 19px;
	width: 117px;
	padding-left: 3px;
	margin: 0px;
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 130%;
}
/* end */

#header .panel img.print {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* ----------------------------- navi-global ----------------------------- */

#navi-global ul {
	width: 900px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
}

#navi-global #global0 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 284px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#navi-global #global1 {
	position: absolute;
	left: 284px;
	top: 0px;
	width: 142px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#navi-global #global2 {
	position: absolute;
	left: 568px;
	top: 0px;
	width: 142px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#navi-global #display_all {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 48px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#navi-global img {
	padding: 0px;
	margin: 0px;
}

#navi-global #global0 #drop0 {
	position: absolute;
	left: 0px;
	top: 36px;
	width: 282px;
	padding: 0px;
	margin: 0px;
	z-index: 2;
	border-right: 1px solid #d1d1d1; 
	border-left: 1px solid #d1d1d1;
	text-align: left;
}

#navi-global #global1 #drop1 {
	position: absolute;
	left: 0px;
	top: 36px;
	width: 282px;
	padding: 0px;
	margin: 0px;
	z-index: 2;
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	text-align: left;
}

#navi-global #global2 #drop2 {
	position: absolute;
	left: 0px;
	top: 36px;
	width: 282px;
	padding: 0px;
	margin: 0px;
	z-index: 2;
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	text-align: left;
}

#drop0 ul, #drop1 ul, #drop2 ul {
	width: 282px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	background: #ffffff url(/img/bg_drop.gif);
}

#drop0 ul li, #drop1 ul li, #drop2 ul li {
	width: 282px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #d1d1d1;
}

#drop0 ul li img, #drop1 ul li img, #drop2 ul li img {
	border: 0px;
	vertical-align: bottom;
}

/* ----------------------------- wrapper ----------------------------- */

#wrapper .inner {
	float: left;
	width: 680px;
	padding: 0px;
	margin: 0px;
}

/* ----------------------------- navi-left ----------------------------- */

#navi-left ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-decoration: none;
	display: block;
}

#navi-left ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#navi-left ul li a {
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 28px;
	margin: 0px;
	border-bottom: 1px solid #e4e4e4;
	color: #444444;
	line-height: 150%;
	text-decoration: none;
	display: block;
	background: #f4f4f4 url(/img/ico_navileft_normal.gif) no-repeat top left;
}

#navi-left ul li a.border {
	border-top: 1px solid #e4e4e4;
}

#navi-left ul li a.last {
	border-bottom: none;
}

#navi-left ul li ul.second li a.last {
	border-bottom: none;
}

#navi-left ul li a.current {
	padding-left: 28px;
	margin: 0px;
	color: #ffffff;
	line-height: 150%;
	text-decoration: none;
	display: block;
	background: #bb0033 url(/img/ico_navileft_current.gif) no-repeat top left;
}

#navi-left ul li a:hover {
	color: #bb0033;
	background: #eebfcc url(/img/ico_navileft_t.gif) no-repeat top left;
}

#navi-left ul li ul.second {
	width: 188px;
	padding: 0px;
	margin: 0px;
	border-top: none;
	list-style-type: none;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}

#navi-left ul li ul.second li {
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 1.0em;
	display: inline;
}

#navi-left ul li ul.second li a {
	width: 140px;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 39px;
	margin: 0px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ffffff;
	border-left: none;
	color: #444444;
	line-height: 150%;
	text-decoration: none;
	display: block;
	background: #f8e5ea url(/img/ico_navileft_second.gif) no-repeat 0px 0.5em;
}

#navi-left ul li ul.second li.ex a {
	padding-top: 8px;
	padding-bottom: 0px;
	border-top: 1px solid #e4e4e4;
	color: #444444;
	background: #ffffff url(/img/ico_navileft_second.gif) no-repeat 0px 0.9em;
}

#navi-left ul li ul.second li a.current {
	color: #bb003b;
	background: transparent url(/img/ico_navileft_current_t.gif) no-repeat 0px 0.5em;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ffffff;
	border-left: none;
}

#navi-left ul li ul.second li.ex a.current {
	padding-top: 8px;
	padding-bottom: 0px;
	border-top: 1px solid #e4e4e4;
	color: #444444;
	background: #ffffff url(/img/ico_navileft_second.gif) no-repeat 0px 0.9em;
}

#navi-left ul li ul.second li a:hover {
	color: #bb0033;
	background: #eebfcc url(/img/ico_navileft_second_t.gif) no-repeat 0px 0.5em;
}

#navi-left ul li ul.second li.ex a:hover {
	color: #bb0033;
	background: transparent url(/img/ico_navileft_second_t.gif) no-repeat 0px 0.9em;
}

#navi-left ul li ul.second li.ex ul.third {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 13px;
	margin: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-color: transparent;
	list-style-type: none;
}

#navi-left ul li ul.second li.ex ul.third li {
	border-right: none;
	border-bottom: none;
	border-left: none;
	font-size: 1.0em;
	display: inline;
}

#navi-left ul li ul.second li.ex ul.third li a {
	width: 127px;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 39px;
	margin: 0px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	color: #444444;
	line-height: 150%;
	text-decoration: none;
	display: block;
	background: transparent url(/img/ico_navileft_third.gif) no-repeat 0px 0.4em;
}

#navi-left ul li ul.second li.ex ul.third li a:hover {
	color: #b0003b;
	background-color: transparent;
	background: transparent url(/img/ico_navileft_third_t.gif) no-repeat 0px 0.4em;
}

#navi-left ul li ul.second li.ex ul.third li a.current {
	color: #bb0033;
	background: transparent url(/img/ico_navileft_third_t.gif) no-repeat 0px 0.4em;
}

#navi-left ul li ul.second li ul.third {
	border-left: none;
	border-right: none;
}

#navi-left ul li ul.second li.ex ul.third li a {
	border-top: none;
}

#navi-left .sideinfo {
	padding: 12px 12px 0;
	margin-top: 0;
}

#navi-left .sideinfo p {
	padding: 0px;
	margin-top: 0;
	color: #777777;
}

/* for topr start */

#navi-left ul li.topr a.current {
	color: #ffffff;
	background: #bb0033 url(/img/bg_lnavi_topr_2c.gif) no-repeat top center;
}

#navi-left ul li.topr a:hover {
	color: #bb0033;
	background: #bb0033 url(/img/bg_lnavi_topr_2o.gif) no-repeat top center;
}

#navi-left ul li.topr a {
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 28px;
	margin: 0px;
	background: #f4f4f4 url(/img/bg_lnavi_topr_2d.gif) no-repeat top center;
	border: none;
	border-bottom: 1px solid #e4e4e4;
}
/* for topr end */


/* for bottomr start */

#navi-left ul li.bottomr a.last {
	border-bottom : none;
}

#navi-left ul li.bottomr span {
	background: transparent url(/img/bg_lnavi_bottomr.gif) no-repeat top center;
	display: block;
	height: 2px;
	width: 190px;
	position: relative;
	bottom: 1px;
}
#navi-left ul li.bottomr ul.second li a.last {
	border-bottom : none;
}
/* for bottomr end */

/* ----------------------------- top-image ----------------------------- */
#top-image h1 {
	padding: 0px;
	margin: 0px;
}

/* ----------------------------- area-image ----------------------------- */
#area-image h1 {
	padding: 0px;
	margin: 0px;
}

/* ----------------------------- breadcrumbs ----------------------------- */

#breadcrumbs {
	font-family:arial,helvetica,sans-serif;
	background:transparent url(/img/nav_cur_page.gif) repeat-x scroll left top;
	color:#7B7B7B;
}
#breadcrumbs ul {
	padding: 9px 43px 0 70px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
	vertical-align: middle;
	height: 13px;
	line-height: 13px;
	height: 13px;
	color:#7B7B7B;
	font-size:8px;
	text-align: right;
}
#breadcrumbs ul.fullwidth {
	width: 90%;
}
#breadcrumbs div#choose_country {
	padding: 0 20px 0 0;
	float: right;
	width: 35%;
	text-align: right;
	position: relative;
	top: -0.1em;
}
#breadcrumbs div#choose_country label,
#breadcrumbs div#choose_country select {
	font-size: 0.7em;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}
#breadcrumbs ul li {
	padding-right: 0px;
	padding-left: 0px;
	letter-spacing: 0;
	display: inline;
	vertical-align: top;
	line-height: 13px;
	height: 13px;
}

#breadcrumbs ul li a {
	color:#7B7B7B;
}

#breadcrumbs .sayit {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 31px;
	width: 130px;
	padding: 0px;
	margin: 0px;
}

/* ----------------------------- contents, contents1, contents2 ----------------------------- */

#contents p, #contents1 p, #contents2 p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	color: #555;
	line-height: 1.3em;
}

#contents p.read, #contents1 p.read, #contents2 p.read {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
	line-height: 155%;
}

#contents p.contents, #contents1 p.contents {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 22px;
	margin-left: 5px;
	line-height: 150%;
}

#contents2 p.contents {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
	line-height: 150%;
}

#contents p.text, #contents1 p.text, #contents2 p.text {
	padding: 0px;
	margin: 0px;
}

/* ----------------------------- navi-right ----------------------------- */

#navi-right .mainarea {
	padding: 0px;
	margin: 0px;
}

#navi-right .sparea, #navi-right .subarea {
	padding: 0px;
	margin: 0px;
}

#navi-right .solid {
	border-bottom: 1px solid #cccccc;
}

#navi-right .dot {
	background: url(/img/hr.gif) no-repeat left bottom;
}

#navi-right .mainarea dl dt {
	margin-bottom: 5px;
}

#navi-right .mainarea dl.imglink a.default {
	padding-left: 17px;
	background: url(/img/ico_defaultlink.gif) no-repeat left 0.1em;
	line-height: 150%;
}

#navi-right .mainarea dl dt img {
	margin-bottom: 5px;
}

#navi-right .mainarea dl dd {
	margin-right: 1px;
	margin-left: 1px;
	color: #555555;
}

#navi-right dl.first {
	padding-top: 20px;
}

#navi-right .imglink {
	width: 161px;
	padding-bottom: 15px;
}

#navi-right .imglink dd {
	line-height: 160%
}

#navi-right .imglink img {
	padding: 1px;
	border: 1px solid #e6e6e6;
	display: block;
}

#navi-right .subarea ul {
	padding-bottom: 12px;
	margin: 0px;
}

#navi-right .subarea ul.first {
	padding-top: 13px;
	margin: 0px;
}

#navi-right .subarea ul li {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 4px;
}

#navi-right .subarea ul li.default {
	margin-left: 0px;
	padding-right: 0px;
}

#navi-right .subarea img {
	padding-bottom: 5px;
}

#navi-right .bannerarea ul {
	padding-bottom: 20px;
	margin: 0px;
}

#navi-right .bannerarea ul li {
	list-style-type: none;
	margin-bottom: 1px;
}

#navi-right .bannerarea ul li.first {
	padding-top: 18px;
}


/* ----------------------------- footer ----------------------------- */



#pagetop {
    clear:both;
    height:32px;
    margin:0 0 1em 0;
    padding:0;
    text-align:right;
}

#footer {
	height:31px;
	width: 900px;
	padding: 0px;
	margin: 0 auto;
	margin-bottom: 0px;
	margin-left: auto;
	background: url(/img/footer_bg2.gif) repeat-x scroll center top;
	font-size: 0.6em;
	color: #777777;
}


#copyright {
	margin:8px 20px;
	float:left;	
}
div#bottom_sub_nav_wrapper {
	float:right;
    height:31px;
    width:500px;
}

#footer #footer_links {
    margin:8px 20px;
    text-align:right;
}
#footer ul {
	clear:both;
	background:transparent url(/img/bg/footer_bg2.gif) repeat-x scroll center top;
}

#footer ul li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display:inline;
}

#footer ul li a {
	color:#777777;
}

#pagetop p {
	padding: 0px;
	margin: 0px;
}

#pagetop a {
	background:#FFFFFF url(/img/bg_fnavi.gif) no-repeat scroll right center;
    color:#777777;
    display:inline;
    float:right;
    font-family:Verdana,Calibri,"Myriad PRO",Arial;
    font-size:11px;
    height: 27px;
    letter-spacing:1px;
    line-height:130%;
    margin:0;
    padding-right:30px;
    padding-top:9px;
    text-decoration:none;
 	width:604px;
 	margin-right:40px;
}

#pagetop a:hover {
	color: #006699;
	text-decoration: underline;
	background: #ffffff url(/img/bg_fnavi_on.gif) no-repeat right center;
}

/* ----------------------------- accesskey only ----------------------------- */

.textnavi {
	width:990px;
	position:absolute;
	left:-9999px;
	list-style-type: none;
	display: none;
}

.textnavi a{
	display:block;
}

#a-gn, #a-ln, #a-ct, #a-lk{
	width:990px;
	position:absolute;
	left:-9999px;
}

/* ----------------------------- sitecatalyst only ----------------------------- */

.scimage {
	visibility: hidden;
	z-index:2;
	position:absolute;
	top:-100px;
	left:-100px;
}
