*{
margin	: 0;
padding	: 0;
}

div#wrap{
	width		: 780px;
	position	: relative;
}

/* --- clearfix --- */
.clearfix:after {
	content		: ".";		/* 新しい要素を作る */
	display		: block;  	/* ブロックレベル要素に */
	clear		: both;
	height		: 0;
	visibility	: hidden;
}

.clearfix { min-height : 1px;}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#tophand {
	width:780px;
}


/*---------- BASE ----------*/

body {
color:#333;
}


/*---------- CONTENTSMAP ----------*/

#contentsmap {
	width		: 780px;
}

#contentsmap #main{
	margin		: 0 auto;
	width		: 609px;
	position	: absolute;
	top			: 90px;
	left		: 171px;
	height		: 445px;
	background	: transparent url(images/top_img01.jpg) no-repeat left top;
}


#contentsmap #main p#check_btn{
	display		: block;
	position	: absolute;
	top			: 15px;
	right		: 3px;
	width		: 240px;
	height		: 140px;
	text-indent	: -9999px;
	overflow	: hidden;
}

	#contentsmap #main p#check_btn a{
		display	: block;
		width	: 240px;
		height	: 140px;
		background:transparent url(images/check_btn.jpg) no-repeat;
	}

	#contentsmap #main p#check_btn a:hover{
		display	: block;
		width	: 240px;
		height	: 140px;
		background:transparent url(images/check_btn_over.jpg) no-repeat;
	}



#contentsmap #main ul#menubtn{
	padding		: 0;
	margin		: 0;
}

#contentsmap #main ul#menubtn li{
	padding		: 0;
	margin		: 0;
	text-indent	: -9999px;
	overflow	: hidden;
}

#contentsmap #main ul#menubtn li a{
	text-decoration:none;
}

#contentsmap #main ul#menubtn li#btn01 a{
	display		: block;
	position	: absolute;
	top			: 167px;
	right		: 3px;
	width		: 196px;
	height		: 39px;
}


	*html #contentsmap #main ul#menubtn li#btn01 a:hover{
		display		: block;
		position	: absolute;
		top			: 167px;
		right		: 3px;
		background	: transparent url(images/nav01_over.gif) no-repeat;
		width		: 196px;
		height		: 39px;
	}

	#contentsmap #main ul#menubtn li#btn01 a:hover{
		display		: block;
		position	: absolute;
		top			: 167px;
		right		: 4px;
		background	: transparent url(images/nav01_over.gif) no-repeat;
		width		: 196px;
		height		: 39px;
	}

#contentsmap #main ul#menubtn li#btn02 a{
	display		: block;
	position	: absolute;
	top			: 206px;
	right		: 5px;
	width		: 220px;
	height		: 39px;
}

	*html #contentsmap #main ul#menubtn li#btn02 a:hover{
		display		: block;
		position	: absolute;
		top			: 207px;
		right		: 4px;
		width		: 220px;
		background	: transparent url(images/nav02_over.gif) no-repeat;
		height		: 39px;
	}
	
	#contentsmap #main ul#menubtn li#btn02 a:hover{
		display		: block;
		position	: absolute;
		top			: 207px;
		right		: 5px;
		width		: 220px;
		background	: transparent url(images/nav02_over.gif) no-repeat;
		height		: 39px;
	}


#contentsmap #main ul#menubtn li#btn03 a{
	display		: block;
	position	: absolute;
	top			: 245px;
	right		: 30px;
	width		: 230px;
	height		: 39px;
}

	*html #contentsmap #main ul#menubtn li#btn03 a:hover{
		display		: block;
		position	: absolute;
		top			: 246px;
		right		: 28px;
		background	: transparent url(images/nav03_over.gif) no-repeat;
		width		: 230px;
		height		: 39px;
	}

	#contentsmap #main ul#menubtn li#btn03 a:hover{
		display		: block;
		position	: absolute;
		top			: 246px;
		right		: 29px;
		background	: transparent url(images/nav03_over.gif) no-repeat;
		width		: 230px;
		height		: 39px;
	}


#contentsmap #main ul#menubtn li#btn04 a{
	display		: block;
	position	: absolute;
	top			: 285px;
	right		: 64px;
	width		: 259px;
	height		: 45px;
}

	*html #contentsmap #main ul#menubtn li#btn04 a:hover{
		display		: block;
		position	: absolute;
		top			: 285px;
		right		: 63px;
		background	: transparent url(images/nav04_over.gif) no-repeat;
		width		: 259px;
		height		: 45px;
	}

	#contentsmap #main ul#menubtn li#btn04 a:hover{
		display		: block;
		position	: absolute;
		top			: 285px;
		right		: 64px;
		background	: transparent url(images/nav04_over.gif) no-repeat;
		width		: 259px;
		height		: 45px;
	}


#contentsmap #main p#qa a{
	display		: block;
	position	: absolute;
	top			: 342px;
	right		: 166px;
	width		: 170px;
	height		: 28px;
	text-indent	: -9999px;
	overflow	: hidden;
}

	*html #contentsmap #main p#qa a:hover{
		display		: block;
		position	: absolute;
		top			: 337px;
		right		: 165px;
		width		: 170px;
		background	: transparent url(images/qa_btn_over.gif) no-repeat;
		height		: 28px;
		text-indent	: -9999px;
		overflow	: hidden;
	}

	#contentsmap #main p#qa a:hover{
		display		: block;
		position	: absolute;
		top			: 337px;
		right		: 166px;
		width		: 170px;
		background	: transparent url(images/qa_btn_over.gif) no-repeat;
		height		: 28px;
		text-indent	: -9999px;
		overflow	: hidden;
	}


div#leftimg{
	background	: url(images/left_img01.jpg) no-repeat;
	width		: 72px;
	height		: 198px;
	position	: absolute;
	top			: 323px;
	left		: 99px;
}

/*---------- CONTENTSBODY----------*/

#contentsbody{
 position			: absolute;
 top				: 90px;
 left				: 171px;
 width				: 609px;
 background-color	: #faf5f5;
}

#contentsbody h2{
 background-image:url("images/chishiki_title.jpg");
 width:609px;
 height:48px;
}
#contentsbody h2#qa_title{
background: transparent url(qa/images/qa_title.jpg) no-repeat;
width:609px;
height:48px;
margin-bottom:10px;
position:relative;
}

#contentsbody h2 span{
 position:relative;
 top:9px;
 left:521px;
}

#contentsbody h2#qa_title span{
 position:relative;
 top:9px;
 left:259px;
}

#contentsbody h2#check{
	width:609px;
	height:111px;
	overflow:hidden;
	background: transparent url(check/images/qa_title.jpg) no-repeat;
	text-indent:-9999px;
}


#contentsbody h3{
 margin:0 0 1em 0;
}

#contentsbody h4{
 color:#b85c2e;
 font-size:large;
 margin:0 20px 0.5em 20px;
}

#contentsbody h5{
 color:#555;
 font-size:medium;
 margin:0 20px 0.5em 20px;
}

#contentsbody p{
 color:#555;
 line-height:1.5em;
 margin:0 20px 2em 20px;
}

#contentsbody ul{
 color:#555;
 line-height:1.5em;
 margin:0 20px 2em 60px;
}

#contentsbody dl{
 text-align:center;
 margin:0 0 2em 0;
}

#contentsbody dt{
 color:#555;
 font-size:medium;
 font-weight:bold;
 text-align:center;
 margin:0 0 0.5em 0;
}

#contentsbody table{
 color:#555;
 text-align:left;
}

.center{
 text-align:center;
 margin:0 20px 2em 20px;
}

.small{
 font-size:small;
}

/*---------- CHECK ----------*/

#contentsbody_check{
 position:absolute;
 top:90px;
 left:171px;
 width:609px;
 background-color:#fff;
}

#contentsbody_check h3{
 background-image:url("images/mizumushi_check2.jpg");
 background-repeat: no-repeat;
 width:609px;
 height:184px;
}

#contentsbody_check h3 span{
 position:relative;
 top:35px;
 left:220px;
 color:#191970;
 font-size:large;
}

#contentsbody_check p{
 color:#555;
 line-height:1.5em;
 margin:0 20px 2em 20px;
}

#contentsbody_check h4{
 color:#191970;
 font-size:large;
 margin:0 20px 0.5em 20px;
}

#contentsbody_check h4 b{
 color:#f66;
 font-size:large;
}

#contentsbody_check input{
 padding:5px 15px;
}

#mizumushi_check_banner{
 position:absolute;
 top:396px;
 left:20px;
 width:200px;
 font-size:10px;
}

#contentsbody_check p.caution{
 color:#f66;
 font-size:small;
 font-weight:bold;
}

/*---------- LINK ----------*/



a:hover {
text-decoration:underline;
}

a img{
border:0;
}

/*---------- HEADER ----------*/

#headername{
width:500px;
height:70px;
display:block;
}

#headername span{
display:none;
}


/*---------- MAIN VISUAL ----------*/


#mainphoto{
position:absolute;
top:90px;
}

.toppage{
position:absolute;
top:261px!important;
}

#cvrm{
position:absolute;
top:440px!important;
left:25px;
width:140px;
font-size:12px;
line-height:1.5em;
}

#cvrm img{
margin-bottom:1em;
}

/*---------- SUPPORT NAVIGATION ----------*/

#supportnavi {
width:200px;
font-family:Helvetica,"MS Gothic";
font-size:9px;
position:absolute;
top:54px;
left:800px;
border-left:1px solid #999;
margin:0;
padding:0;
}

#supportnavi li{
display:inline;
letter-spacing:0px;
font-size:9px;
border-right:1px solid #999;
padding:0 3px;
color:#999;
}

#supportnavi .eng {
font-size:10px;
}

#supportnavi .active a {
color:#666;
}

#supportnavi li a{
text-decoration:none;
color:#999;
}

#supportnavi li a:hover{
color:#666;
}

/*---------- TOP NAVIGATION ----------*/

#topnavi{
font-family:"MS Gothic";
position:absolute;
top:69px;
margin:0;
padding:0;
width:780px;
background:#0099cc;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#topnavi ul{
margin:0;
padding:0;
}

#topnavi li {
float:left;
display:block;
list-style:none;
font-size:12px;
border-right:1px solid #fff;
}

#topnavi li a {
float:left;
display:block;
line-height:1em!important;
text-decoration:none;
padding:4px 13px 3px 13px;
color:#fff;
background:#0099cc;
}

#topnavi li a:hover {
background:#E5F5FA;
color:#0099cc;
}

/*---------- TOP NAVIGATION(selected) ----------*/

#topnavi .active a{
padding:4px 13px 3px 13px;
color:#fff;
background:#ff3300;
}

#topnavi .active a:hover{
color:#fff;
background:#ff3300;
}

/*---------- TOP NAVIGATION(selected) for English ----------*/

#topnavi .english_active a{
font-family:Helvetica;
padding:2px 10px;
color:#fff;
background:#ff3300;
}

#topnavi .english_active a:hover{
color:#fff;
background:#ff3300;
}

/*---------- TOP NAVIGATION for HOME ----------*/

#topnavi .nohome a{
float:left;
display:block;
text-decoration:none;
padding:4px 0 3px 0px;
color:#fff;
background:#0099cc;
width:170px;
visibility:hidden;
}

#topnavi .home a{
float:left;
display:block;
text-decoration:none;
padding:4px 0 3px 0;
color:#fff;
background:#0099cc;
width:170px;
text-indent:20px;
}

#topnavi .home a:hover {
background:#E5F5FA;
color:#0099cc;
}

#topnavi .english_nohome a{
font-family:Helvetica;
display:block;
padding:2px 0;
width:170px;
visibility:hidden;
}

#topnavi .english_home a{
font-family:Helvetica;
display:block;
padding:2px 0 2px 0;
text-indent:25px;
width:170px;
}

/*---------- TOP NAVIGATION for English ----------*/

#topnavi .english a{
font-family:Helvetica;
padding:2px 10px;
}

/*---------- LEFT NAVIGATION ----------*/

#lefthand{
font-family	: Helvetica,"MS Gothic";
position	: absolute;
top			: 89px;
width		: 170px;
font-size	: 12px;
z-index		: 1;
}

#leftnavi li{
float:left;
list-style:none;
width:170px;
background:#E5F5FA;
border-top:1px solid #fff;
}


/*---------- LEFT NAVIGATION LINK ----------*/

#leftnavi li a span{
display:block;
float:left;
clear:left;
height:16px;
width:20px;
}

#leftnavi li a {
padding:4px 0;
text-decoration:none;
color:#0099cc;
display:block;
width:170px;
}

#leftnavi li a:hover {
color:#0099cc;
display:block;
background:url(../images/arrow.gif) no-repeat 7px 7px;
}

#leftnavi .active{
background:#ff3300;
}

#leftnavi .active a{
padding:4px 0;
color:#fff;
background:#ff3300;
border-bottom:0px;
display:block;
background:url(../images/active_arrow.gif) no-repeat 7px 7px;
}

#leftnavi .active a:hover{
color:#fff;
background:#ff3300;
background:url(../images/active_arrow.gif) no-repeat 7px 7px;
}

#leftnavi .second li{
background:#FFF6D1;
}

#leftnavi .second li a {
padding:4px 0;
margin:0 0 0 10px;
text-decoration:none;
color:#ff3300;
background:#FFF6D1;
display:block;
border-bottom:0;
width:160px;
}

#leftnavi .second li a:hover {
margin:0px;
color:#ff3300;
background:#FFF6D1;
display:block;
margin:0 0 0 10px;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}

#leftnavi .second .active a{
padding:4px 0;
margin:0 0 0 10px;
color:#ff3300;
background:#fff6d1;
border-bottom:0px;
display:block;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}

#leftnavi .second .active a:hover{
color:#ff3300;
background:#fff6d1;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}


#leftnavi .second .third li a {
padding:4px 0;
margin:0 0 0 20px;
text-decoration:none;
color:#ff3300;
background:#FFF6D1;
display:block;
border-bottom:0;
width:150px;
}

#leftnavi .second .third li a:hover {
margin:0 0 0 20px;
width:150px;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}


#leftnavi .second .third .active a{
margin:0 0 0 20px;
width:150px;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}

#leftnavi .second .third .active a:hover{
margin:0 0 0 20px;
width:150px;
background:url(../images/active_arrow_2nd.gif) no-repeat 7px 7px;
}

/*---------- LEFT NAVIGATION LINK(selected) ----------*/






#leftnavi ul ul .active a{
padding:4px 5px 4px 45px;
margin:0px;
color:#ff3300;
border-bottom:0px;
display:block;
}

#leftnavi ul ul .active a:hover{
color:#ff3300;
}

/*---------- Bayer Links ----------*/

#lefthand h3 {
font-family:Helvetica,"MS Gothic";
margin:0px 0 5px 0;
padding:0;
text-indent:25px;
background:#999;
font-size:12px;
letter-spacing:1px;
width:170px;
display:block;
float:left;
line-height:20px;
height:20px;
color:#fff;
}

#bayerlinks{
float:left;
margin:0;
padding:0;
width:170px;
line-height:150%;
border-bottom:1px solid #666;
margin-bottom:10px;
}

#bayerlinks li{
float:left;
list-style:none;
width:170px;
text-indent:25px;
margin:0;
}

#bayerlinks li a {
list-style:none;
text-decoration:none;
color:#666;
}

/*---------- CONDITIONS OF USE ----------*/

#underbayerlinks li{
float:left;
list-style:none;
width:145px;
padding: 0 0 0 25px;
margin:5px 0;
color:#666;
}

#underbayerlinks li a{
list-style:none;
text-decoration:none;
color:#666;
}



/* - 2007/07/13 - */

div.qabox { text-align : center;}

div.borderbox{
	margin	: 0 auto 35px;
	border	: solid 1px #9A9A9A;
	width	: 570px;
}

	div.borderbox p{
		text-align	: left;
		margin		: 0 auto !important;
		padding		: 10px;
	}
	
	#contentsbody .borderbox p#qa_c{
		margin	: 0 !important;
	}
	
div.qalist{
	margin		: 0 auto 30px;
	width		: 570px;
	text-align	: left;
}

	div.qalist2{
		margin		: 0 auto 15px;
		width		: 570px;
		text-align	: left;
}

		div.qalist2 img{
			border	: solid 4px #F8E9EC;
		}


	div.qalist h3{
		margin		: 0 auto; !important;
		font-size	: 16px;
		color		: #B85C2E;
	}
	
	div.qalist ul{
		margin	: 0 auto !important;
		padding	: 0 25px;
	}
	
	*html div.qalist ul{
		margin	: 0 auto !important;
		padding	: 0;
	}

	
		div.qalist a:link,
		div.qalist a:visited{
			color:#555;
		}

		div.qalist a:hover{
			color:#8E3434;
		}


/* - Q&A見出し - */
h3#h3_q{
	margin		: 0 auto 10px;
	overflow	: hidden;
	width		: 609px;
	height		: 50px;
	text-indent	: -9999px;
}



#contentsbody div.borderbox dl.qa_dl 	{ margin:0;}
div.borderbox dl.qa_dl *				{ text-align : left !important;}

	div.borderbox dl.qa_dl dt{
		margin		: 0px 10px 0;
		background	: transparent url(qa/qa01/images/q_aicon.gif) no-repeat 2% 100%;
		padding		: 15px 40px 0;
		line-height	: 1.3;
		font-size	: 16px !important;
		color		: #B85B30 !important;
	}

		div.borderbox dl.qa_dl dt.dt_aicon2{
			margin		: 0px 10px 0;
			background	: transparent url(qa/qa01/images/q_aicon2.gif) no-repeat 2% 100%;
			padding		: 15px 40px 0;
			line-height	: 1.3;
			font-size	: 16px !important;
			color		: #B85B30 !important;
		}

	div.borderbox dl.qa_dl dd{
		margin		: 0 10px 0;
		background	: transparent url(qa/qa01/images/a_aicon.gif) no-repeat 2% 0%;
		padding 	: 10px 35px;
		line-height	: 1.5;
	}

div.borderbox p.go_back{
	margin			: 0 auto 15px !important;
	float			: right;
	width			: 131px;
	height			: 17px;
	overflow		: hidden;
	background		: transparent url(qa/qa01/images/go_back.gif) no-repeat;
	text-indent		: -9999px;
}


#contentsbody .borderbox p			{ margin	: 0 !important;}
*html #contentsbody .borderbox p 	{ margin	: 0 0 14px !important;}


a:link p.go_back{
	display	: block;
	width	: 131px;
	height	: 17px;
}
a:focus{
outline	: none;
}