@charset "UTF-8";



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

	Redefine HTML
	
----------------------------------------------------------------------------------------------------*/


body {
	margin: 0;
	padding: 0;
	background: #FFF;
	
	color: #5E5C5B;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 16px;
}

/*	for Win IE7	*/
* +html body {
	font-size: 1em;
	line-height: 1em;
}

/*	for Win IE6	*/
* html body {
	font-size: 1em;
	line-height: 1em;
}



dd {
	margin-left: 0;
}



img {
	border: 0;
}



ul {
	margin: 0;
	padding: 0;
}



li {
	font-size: 0;
	line-height: 0;
	list-style: none;
}


p {
	margin: 0;
}



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

	ID & Class [ Shared Layout ]
	
----------------------------------------------------------------------------------------------------*/



#background {
	padding: 4px 0 13px 0;
	background: #E7F6FF;
}

#background .container {
	width: 743px;
	margin: 0 auto;
}



#head {
	width: 743px;
	margin-bottom: 14px;
	background: url("../img/b743_blue1_bg.gif") repeat-y;
}

#head .headLogo {
	float:left;
}

#head a{
	display:block;
	width: 448px;
	margin: 30px 0 21px 20px;
}

#head .headAdd {
	float:right;
	width:260px;
	padding:7px 0 0 0;
	}

#head .headAdd li img{
vertical-align:top;
line-height:0;
}

#head .headAdd a{
	width:225px !important;
	margin:0 !important;
}

#head .head {
	background: url("../img/b743_blue1_head.gif") no-repeat;
}

#head .foot {
	background: url("../img/b743_blue1_foot.gif") no-repeat;
}


/**************************************************/
/*共通*/

/*グローバルナビ*/
ul#globalM {
	position: relative;
	width: 743px;
	height:56px;
}

ul#globalM li {
	overflow: hidden;
	height: 56px;
}

ul#globalM li.crt {
	height: 85px;
}

ul#globalM li.btn1 {
	position:absolute;
	top: 0;
	left: 26px;
}

ul#globalM li.btn2 {
	position:absolute;
	top: 0;
	left: 268px;
}

ul#globalM li.btn3 {
	position:absolute;
	top: 0;
	left: 519px;
}


/*見出し*/
#title {
	position: relative;
	width: 698px;
	height: 137px;
	margin: 39px auto 17px auto;
}

#title p {
	position: absolute;
	top: 36px;
	left: 300px;
	
	width: 370px;
	margin: 0;
	
	font-size: 0.75em;
	line-height: 1.5em;
}


/**************************************************/
/*About the JHPIA*/
/**************************************************/
#content_colum #title {
	background:url(../../img/int_title.jpg) no-repeat;
}

#content_colum #title p {
	left: 300px;
	width: 370px;
}

#content_colum {
	background: url("../img/b743_blue2_bg.gif") repeat-y;
}

#content_colum .head {
	background: url("../img/b743_blue2_head.gif") no-repeat;
}

#content_colum .foot {
	background: url("../img/b743_blue2_foot.gif") no-repeat;
}


#text_colum {
	width: 698px;
	margin: 0 auto 0 auto;
	background: url("../img/b698_blue_bg.gif") repeat-y;
}

#text_colum .head {
	background: url("../img/b698_blue_head.gif") no-repeat;
}

#text_colum .foot {
	background: url("../img/b698_blue_foot.gif") no-repeat;
}

/**************************************************/
/*Standard*/
/**************************************************/
#standard #title {
	background:url(../../img/vol_title.jpg) no-repeat;
}

#standard #title p {
	left: 300px;
	width: 370px;
}

#standard {
	background: url("../../../standard/img/b743_orange_bg.gif") repeat-y;
}

#standard .head {
	background: url("../../../standard/img/b743_orange_head.gif") no-repeat;
}

#standard .foot {
	background: url("../../../standard/img/b743_orange_foot.gif") no-repeat;
}


#standard #local {
	position: relative;
	width: 698px;
	height: 95px;
	margin: 25px auto 5px auto;
	background: url("../../../standard/img/ln_bg.gif") no-repeat;
}

#standard #local .btn1 {
	position: absolute;
	top: 11px;
	left: 20px;
}

#standard #local .btn2 {
	position: absolute;
	top: 41px;
	left: 20px;
}

#standard #local .btn3 {
	position: absolute;
	top: 11px;
	left: 493px;
}

#standard #local .btn4 {
	position: absolute;
	top: 40px;
	left: 20px;
}

#standard #local .btn5 {
	position: absolute;
	top: 40px;
	left: 175px;
}

#standard #local .btn6 {
	position: absolute;
	top: 40px;
	left: 480px;
}

#standard #local .btn7 {
	position: absolute;
	top: 71px;
	left: 20px;
}


/* #standard -> #index*/

#standard #index {
	padding-bottom: 7px;
}



#standard #index #title {
	position: relative;
	width: 698px;
	height: 137px;
	margin: 39px auto 17px auto;
	background: url("../../../standard/img/title.jpg") no-repeat;
}

#standard #index #title p {
	position: absolute;
	top: 36px;
	left: 201px;
	
	width: 469px;
	margin: 0;
	
	font-size: 0.75em;
	line-height: 1.5em;
}



#standard #index .colum {
	width: 611px;
	margin: 5px auto;
	background: url("../../../standard/img/i_bg1.gif") repeat-y;
}

#standard #index .colum .head {
	background: url("../../../standard/img/i_head1.gif") no-repeat;
}

#standard #index .colum .foot {
	background: url("../../../standard/img/i_foot1.gif") no-repeat;
}




#standard #index .colum_end {
	width: 611px;
	margin: 5px auto;
	background: url("../../../standard/img/i_bg2.gif") repeat-y;
}

#standard #index .colum_end .head {
	background: url("../../../standard/img/i_head2.gif") no-repeat;
}

#standard #index .colum_end .foot {
	background: url("../../../standard/img/i_foot2.gif") no-repeat;
}



#standard #index .colum .container {	
	width: 288px;
	margin: 0;
	padding: 0;
}



#standard #index .colum_end .container {
	width: 288px;
	margin: 0;
	padding: 0;
}



#standard #index .colum .container h2,
#standard #index .colum_end .container h2 {
	display: none;
}

#standard #index .colum .container .heading,
#standard #index .colum_end .container .heading {
	display: block;
	
	width: 267px;
	height: 40px;
	margin: 0 auto 6px auto;
}

#standard #index .colum .container p,
#standard #index .colum_end .container p {
	width: 240px;
	margin: 0 auto;
	
	font-size: 0.75em;
	line-height: 1.5em;
}



#standard #index .colum .container .colum {
	position: relative;
	
	width: 288px;
	margin: 0;
	padding: 0;
}

#standard #index .colum .container .colum img {
	position: absolute;
	left:13px;
}

#standard #index .colum .container .colum p {
	width: 140px;
	min-height: 110px;
	margin: 0 0 0 135px;
}

#standard #index p.ready{
text-align:center;
padding:30px 0;
}

/*	for Win IE6	*/
* html #standard #index .colum .container .colum p {
	height: 110px;
}


/*	#standard -> #hygienic */
#hygienic #title {
	background:url(../../standard/img/hyg_title.jpg) no-repeat;
	margin: 5px auto;
}

#hygienic #title p {
	left: 350px;
	width: 320px;
}


#hygienic {
	padding-bottom: 5px;
}

/*
#hygienic #tab .btn1 {
	margin-left: 10px;
}

#hygienic #tab .btn2 {
	position: absolute;
	top: 0;
	left: 185px;
}
*/


#hygienic .container {
	width: 698px;
	margin: 0 auto;
	padding: 0;
	background: url("../../../standard/hygienic/img/b698_orange_bg.gif") repeat-y;
}

#hygienic .container .head {
	background: url("../../../standard/hygienic/img/b698_orange_head.gif") no-repeat;
}

#hygienic .container .foot {
	background: url("../../../standard/hygienic/img/b698_orange_foot.gif") no-repeat;
}


/*	#standard -> #diaper */


#diaper {
	padding-bottom: 5px;
}


#standard #diaper #title {
	background:url(../../standard/img/dis_title.jpg) no-repeat;
	margin: 5px auto;
}

#diaper #title p {
	position: absolute;
	top: 36px;
	left: 380px;
	
	width: 291px;
	margin: 0;
	
	font-size: 0.75em;
	line-height: 1.5em;
}


/*
#diaper #tab .btn1 {
	margin-left: 10px;
}

#diaper #tab .btn2 {
	position: absolute;
	top: 0;
	left: 260px;
}

#diaper #tab .btn3 {
	position: absolute;
	top: 0;
	left: 481px;
}

#diaper #tab .btn4 {
	position: absolute;
	top: 0;
	left: 598px;
}
*/


#standard #diaper .container {
	width: 698px;
	margin: 0 auto;
	padding: 0;
	background: url("../../../standard/diaper/img/b698_pink_bg.gif") repeat-y;
}

#standard #diaper .container .head {
	background: url("../../../standard/diaper/img/b698_pink_head.gif") no-repeat;
}

#standard #diaper .container .foot {
	background: url("../../../standard/diaper/img/b698_pink_foot.gif") no-repeat;
}


/**************************************************/
/*Statistics*/
/**************************************************/
#data #title {
	background:url(../../img/sta_title.jpg) no-repeat;
}

#data #title p {
	left: 190px;
	width: 480px;
}

#data {
	background: url("../../../data/img/b743_pink_bg.gif") repeat-y;
}

#data .head {
	background: url("../../../data/img/b743_pink_head.gif") no-repeat;
}

#data .foot {
	background: url("../../../data/img/b743_pink_foot.gif") no-repeat;
}

#data .container {
	width: 698px;
	margin: 0 auto 5px auto;
	padding: 0;
	background: url("../../../data/img/b698_pink_bg.gif") repeat-y;
}

#data .container .head {
	background: url("../../../data/img/b698_pink_head.gif") no-repeat;
}

#data .container .foot {
	background: url("../../../data/img/b698_pink_foot.gif") no-repeat;
}

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

#function {
	position: relative;
	width: 698px;
	height: 429px;
	margin: 40px auto 40px auto;
}

#function img {
	position: absolute;
}

#function ul li img {
	position: relative;
}

#function ul li.btn1 {
	position: absolute;
	top: 166px;
	left: 484px;
}

#function ul li.btn2 {
	position: absolute;
	top: 255px;
	left: 423px;
}

#function ul li.btn3 {
	position: absolute;
	top: 338px;
	left: 318px;
}
/*
#function ul li.btn4 {
	position: absolute;
	top: 240px;
	left: 436px;
}

#function ul li.btn5 {
	position: absolute;
	top: 302px;
	left: 375px;
}

#function ul li.btn6 {
	position: absolute;
	top: 362px;
	left: 271px;
}
*/


#global {
	position: relative;
	width: 698px;
	margin: 0 auto 0 auto;
}

#global li.btn1 {
	position:absolute;
	top: 0;
	left: 13px;
}

#global li.btn2 {
	position:absolute;
	top: 0;
	left: 158px;
}

#global li.btn3 {
	position:absolute;
	top: 0;
	left: 259px;
}

#global li.btn4 {
	position:absolute;
	top: 0;
	left: 360px;
}

#global li.btn5 {
	margin-left:  462px;
}


#globalSta {
	position: relative;
	width: 698px;
	margin: 0 auto 0 auto;
}

#globalSta li.btn1 {
	margin-left: 13px;
}



#foot {
	border-top: 1px solid #C2E9FF;
}

#foot ul {
	position: relative;
	width: 743px;
	margin: 0 auto 0 auto;
	padding: 5px 0 3px 0;
}

#foot .btn1 {
	position: absolute;
	left: 471px;
}

#foot .btn2 {
	margin-left: 640px;
}

#foot .container {
	border-top: 1px solid #C2E9FF;
}

#foot .container img {
	display: block;
	margin: 0 auto;
	padding: 9px 0 7px 0;
}



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

	Shared Class
	
----------------------------------------------------------------------------------------------------*/



.container {}



.head,
.foot {
	height: 10px;
}

/*	for Win IE6	*/
* html .head,
* html .foot {
	margin-bottom: -8px;
}



.colum {
	overflow: hidden;
}



.fl {
	float: left;
}



.fr {
	float: right;
}



.clear {
	clear: both;
}



.img {}



.rollover {}


#title h1 {
	display: none;
}