@charset "utf-8";

/*-------------------------------------------*/



body{
	/*background:url(../img/common/head_bg.jpg) repeat-x center top;*/
	background:url(../img/common/head_bg02.jpg) repeat-x center top;
	text-align: center;

}

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;

}
p,dt,dd,li {
	line-height: 1.5;
	font-size: 76%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
}

/*-------------------------------------------*/
#headerBg {
	width: 900px;
	height: 35px;
	margin: 0 auto;
	text-align: left;
}
#header {
	padding: 8px 0px 0px 0px;
}
#header .logo {
	float: left;
}
#header .lead {
	float: left;
	font-size: 76%;
	color: #FFDDE5;
	display: inline;
	padding: 2px 0 0 8px;
}

/*-------------------------------------------*/

#gnavi {
	width: 907px;
	padding: 8px 0 7px;
	font-size: 0;
}
#gnavi li {
	float: left;
	margin-right: 7px;
}

/*-------------------------------------------*/

#breadcrumbs {
	margin: 12px 0 15px;
}
#breadcrumbs li {
	float: left;
	font-size: 76%;
	color: #999999;
	line-height: 1.4;
}
#breadcrumbs li span {
	color: #999999;
}
.Book{
	position:absolute;
	top:-70px;
	right:0px;
	padding-left:21px;
	background:url(../img/common/favorite_icon.gif) 0px 1px no-repeat;
}

.TopBook{
	position:absolute;
	top:-26px;
	right:0px;
	padding-left:21px;
	background:url(../img/common/favorite_icon.gif) 0px 1px no-repeat;
	z-index:50;
}
.TopBook a:link,.TopBook a:visited {
	color:#FFFFFF;
}


/*-------------------------------------------*/
#announcement {

}

/*-------------------------------------------*/
#contents {
	padding-bottom: 30px;
	margin-top: 30px;
}
#mainContents {
	float: right;
	width: 680px;
	position: relative;
}

#mainContents .underNavi01 {
	margin-bottom: 30px;

}
#mainContents .underNavi01 .city {
}
#mainContents .underNavi01 .city li {
	float: left;
	font-size: 76%;
	border-right: #666666 1px solid;
	padding: 0 8px;
	line-height: 1.1;
	color: #666666;
	display:inline;
}

#mainContents .underNavi01 .city li a:link,
#mainContents .underNavi01 .city li a:visited {
	color: #FF6084;
	text-decoration:underline;
}

#mainContents .underNavi01 .city li a:active,
#mainContents .underNavi01 .city li a:hover {
	text-decoration:none;
	color: #FF0039;
}

#mainContents .underNavi01 .city li.last {
	border: none;
}
#mainContents .underNavi01 .city li.start {
	border: none;
	margin-right:5px;
}


#mainContents .underNavi02 {
}

#mainContents .underNavi02 p.naviTop {
	float: left;
	background-image: url(../img/common/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 14px;
}
#mainContents .underNavi02 p.pageTop {
	float: right;
	background-image: url(../img/common/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 14px;
}

/*-------------------------------------------*/

#sideNavi {
	float: left;
	width: 183px;
	position:relative;
}
#sideNavi .clinicNavi {
	background-image: url(../img/common/sidenavi_bg01.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	margin-bottom: 22px;
}
#sideNavi .clinicNavi .extra {
	background-image: url(../img/common/sidenavi_bg02.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding-bottom: 10px;
	position: relative;
}
#sideNavi .clinicNavi h2 {
}
#sideNavi .clinicNavi ul {
	margin: 0 7px;
}
#sideNavi .clinicNavi ul li {
	border-bottom: #FFBBCA 1px solid;
	padding: 15px 0 15px 10px;

}
#sideNavi .clinicNavi ul li.last {
	border: none;
}
#sideNavi .clinicNavi ul li.top {
	padding: 7px 0 10px 10px;
}
#sideNavi .clinicNavi ul li.icon{
	background-image: url(../img/common/sidenavi_icon01.gif);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	font-size:76%;
	color:#666666;
}
#sideNavi .clinicNavi ul li.icon2{
	background-image: url(../img/common/sidenavi_icon01.gif);
	background-repeat: no-repeat;
	background-position: 10px 18px;
	font-size:76%;
	color:#666666;
}

#sideNavi .clinicNavi ul li span{
	margin-left:8px;
}


#sideNavi .clinicNavi ul.list02 {
	padding-top:5px;
}
#sideNavi .clinicNavi ul.list02 li {
	background-image: url(../img/common/sidenavi_icon01.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 12px;
	border: none;
	font-size:100%;
}
#sideNavi .banner {
	margin-bottom: 5px;
}
#sideNavi .garnish01 {
	position: absolute;
	left: 161px;
	top: -7px;
}
#sideNavi .garnish02 {
	position: absolute;
	top: 50px;
	left: -14px;
}
/*-------------------------------------------*/

#footer {
	clear: both;
}
#footer .footNavi01 {
	clear: both;
	padding: 18px 0;
	text-align: center;
}
#footer .footNavi01 ul {
	text-align: center;
	clear: both;
}
#footer .footNavi01 ul li {
	color: #FF6084;
	display: inline;
	padding: 0 10px;
	font-size: 76%;
	border-right: #666666 1px solid;
	line-height: 1.1;
}
#footer .footNavi01 ul li.last {
	border: none;
}
#footer .extra {
	clear:both;
	margin: 0 auto;
	width: 900px;
}

#footer .footNavi02 {
	padding: 18px 0;
	border-top: #E2E2E2 1px solid;
}
#footer .footNavi02 ul {
	text-align: center;
}
#footer .footNavi02 ul li {
	display: inline;
	padding: 0 6px 0 0;
}
#footer .footNavi02 ul li.last {
	padding-right: 0 0 0 0;
}
#footer .footNavi03 {
	background-color: #FF6084;
	padding: 11px 0 9px 0;

}
#footer .footNavi03 ul {
	float: left;
}
#footer .footNavi03 ul li {
	display: inline;
	padding: 0 5px;
	border-left: #FFFFFF 1px solid;
	font-size: 76%;
}
#footer .footNavi03 ul li.last {
	border-right: #FFFFFF 1px solid;
}
#footer .footNavi03 .copyright {
	color: #FFFFFF;
	float: right;

}
.footNavi03 .clearfix:after {
	font-size: 0px;
	overflow:hidden;
	line-height: 0;
}
/*-------------------------------------------*/

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

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

#sideNavi a:link,
#sideNavi a:visited {
	color: #666666;
	text-decoration:none;
}

#sideNavi a:active,
#sideNavi a:hover {
	text-decoration:underline;
	color: #FF0039;
}

.city a:link,
.city a:visited {
	color: #666666;
	text-decoration:none;
}

.city a:active,
.city a:hover {
	text-decoration:underline;
	color: #FF0039;
}

.underNavi02 a:link,
.underNavi02 a:visited {
	color: #666666;
	text-decoration:none;
}

.underNavi02 a:active,
.underNavi02 a:hover {
	text-decoration:underline;
	color: #FF0039;
}

.footNavi01 a:link,
.footNavi01 a:visited {
	color: #666666;
	text-decoration:none;
}

.footNavi01 a:active,
.footNavi01 a:hover {
	text-decoration:underline;
	color: #FF0039;
}
.footNavi03 a:link,
.footNavi03 a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

.footNavi03 a:active,
.footNavi03 a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}


/*-------------------------------------------*/

* html img.pngfix{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);}


* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

/* ---------------------------- */

.clearfix:after {content: ".";  
display: block;  
height: 0;  
clear: both;  
visibility: hidden;
zoom:1;
}  
.clearfix {display: inline-block;}  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%;}  
.clearfix {display: block;}  
/* End hide from IE-mac */ 

/* ---------------------------- */
@media print{
body {
	background: none;
	zoom: 0.9;
}

#headerBg,
#breadcrumbs,
#sideNavi,
#footer,
.printPage,
.underNavi01,
.underNavi02 {
	display: none;
}
#wrapper {
	width: 680px;
}

}

/*******    Modify footer menu and logo mark - 06 Dec ***************/
#footer .footNavi03 ul {
float:none;
}
#footer .footNavi03 {
    padding: 6px 0 8px;
}
p.copyright{
margin:5px 0;
color:#FF6084;
 
}

#bayer_logo{
 width:940px;
 margin:0 auto;
}
#bayer_logo p{
position:relative;
top:-15px;
}
#footerBox
{
padding-bottom:20px;
}
/****** 3 images *********/
#lifeStage{
width:940px !important;
}
#lifeStage ul li.second, #lifeStage ul li.third {   
    margin-left:20px !important;	
}
#lifeStage
{
	margin-top:60px;
}
dl.footerArea {
 
    margin: 0 0 60px 0;
    padding-top: 35px;
  
}
/************** */


/*  Footer Ultility **/
div#fUtility_c{
border-bottom:1px solid #E2E2E2;
margin-bottom:25px;
}
div#fUtility{
width:940px;
margin:0 auto;
}
#fUtility .underNavi01
{
padding: 20px 0 20px 244px;
}
#fUtility .underNavi02
{
padding: 10px 0 35px 244px;
}
#footer .underNavi01 .city {
}
#footer .underNavi01 .city li {
	float: left;
	font-size: 76%;
	border-right: #666666 1px solid;
	padding: 0 8px;
	line-height: 1.1;
	color: #666666;
	display:inline;
}

#footer .underNavi01 .city li a:link,
#footer .underNavi01 .city li a:visited {
	color: #FF6084;
	text-decoration:underline;
}

#footer .underNavi01 .city li a:active,
#footer .underNavi01 .city li a:hover {
	text-decoration:none;
	color: #FF0039;
}

#footer .underNavi01 .city li.last {
	border: none;
}
#footer .underNavi01 .city li.start {
	border: none;
	margin-right:5px;
}


#mainContents .underNavi02 {
}

#footer .underNavi02 p.naviTop {
	float: left;
	background-image: url(../img/common/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 14px;
}
#footer .underNavi02 p.pageTop {
	float: right;
	background-image: url(../img/common/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 14px;
	padding-right:15px;
}



/**********/