@charset "UTF-8";
/*/////////////////////////////////////////////////////////
name:common.css
Explanation:common
/////////////////////////////////////////////////////////*/
/* Share Style
-----------------------------------------------------------*/
* {
 margin:0;
 padding:0;
}

body{
 background-color:#FFFFFF;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
 font-size:75%;
 text-align:center;
 line-height: 1.7em;
}

#jpmaTop{background:url(../img/bg_body.gif) left top repeat-x;}

html{
/* firefox nn opera browser center */
 height:100%;
 margin-bottom:1px;
}

h1,h2,h3,h4,h5,h6{clear:both;}

p,li,dt,dd {line-height:1.5;}

li {list-style-type:none;}

img {border:0;}

address {font-style:normal;}


/* Link Color
-----------------------------------------------------------*/
a:link {
 color:#003366;
}

a:visited {
 color:#800080;
}

a:hover {
 color:#FF0000;
}

a:active {
 color:#FF0000;
}


/* container style
-----------------------------------------------------------*/
#container{
 width:100%;
 text-align:left;
}

#jpmaTop #container{
 width:970px;
 margin:0 auto;
 text-align:left;
 background: url(../../img/bg_mainback.jpg) left top no-repeat;
}


/* head style
-----------------------------------------------------------*/
/* lower */
#head{
 position:relative;
 width:970px;
 height:70px !important;
 margin:0 auto;
}

#jpmaTop #head{
 position:relative;
 width:970px;
 height:205px !important;
}

#head #logoJpma{padding:8px 0 0 0;}

#head #utility{
 position:absolute;
 top:25px;
 left:364px;
 width:364px;
 height:12px;
}

#jpmaTop #head #utility{
 position:absolute;
 top:25px;
 left:310px;
 width:364px;
 height:12px;
}

#head #utility li{
 display:inline;
 margin-left:12px;
}

#head #utility li.firstUtil{margin-left:0;}

#utility02{
 position:absolute;
 top:7px;
 right:0;
 width:231px;
 height:51px;
 background: url(../img/bg_searchline.gif) 0 26px no-repeat;
}

#head form{height:21px;}

#head form .siteSearch{
 position:absolute;
 top:0px;
 right:0;
}


#head form .siteSearch p img{padding:2px 0 0 0;}

#head form .siteSearch p .searchBox{
 width:119px;
 height:17px;
 margin:1px 4px 0 6px;
 padding:2px;
 border:none;
 background: url(../img/bg_searchbox.gif) left top no-repeat;
 vertical-align:top;
}

*html #head form .siteSearch p .searchBox{
 margin:0 2px 0 6px;
 padding:3px;
}

#head form .siteSearch p .searchBtn{vertical-align:top;}


#head .fontsize{
 position:absolute;
 top:32px;
 right:0;
 height:19px;
 margin:0 0 0 0;
  /*background: url(../img/bg_txtsize.gif) left top no-repeat; */
}


#head .fontsize img{margin-left:6px;}

#head .fontsize p{padding:0 0 0 0;text-align:right;}

#head .fontsize p strong img{padding-top:3px;}

/* IE7 hack */
*:first-child+html #head .fontsize p img{vertical-align:top;}

#head img{vertical-align:top;}

/* catch */
#head #catch{
 position:absolute;
 top:70px;
}

/* cm */
#head #cm {
	position: absolute;
	top: 74px;
	right: 0;
}
#head #cm video{
	margin-top:1px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color:#000;
}


#head #cm object{
	margin-top:1px;
	border-left:1px solid #ffffff;
	position: absolute;
	top:0px;
}

#txtAbout{margin:12px 0 0 242px;}

#col3layout #catch,
#col3layout #txtAbout{display:none;}

/* gNavi style
-----------------------------------------------------------*/
#gNavi{
 clear:both;
 width:970px;
 margin:0 auto 3px auto;
}

*html #gNavi{margin-bottom:4px;}

#gNavi ul{
 width:970px;
 height:51px;
 overflow:hidden;
}

#gNavi ul li{float:left;}

#gNavi ul li a{
 display:block;
 text-indent:-9999px;
 text-decoration:none;
 height:51px;
}

#gNavi ul li a:hover{background-position:0 -51px !important;}

#gNavi ul #about a{
 width:164px;
 background: url(../img/lwnav_about.jpg) 0 0 no-repeat;
}

#gNavi ul #medicine a{
 width:160px;
 background: url(../img/lwnav_med.jpg) 0 0 no-repeat;
}

#gNavi ul #patient a{
 width:161px;
 background: url(../img/lwnav_pat.jpg) 0 0 no-repeat;
}

#gNavi ul #junior a{
 width:159px;
 background: url(../img/lwnav_stu.jpg) 0 0 no-repeat;
}

#gNavi ul #media a{
 width:160px;
 background: url(../img/lwnav_media.jpg) 0 0 no-repeat;
}

#gNavi ul #event a{
 width:166px;
 background: url(../img/lwnav_eve.jpg) left top no-repeat;
}

#gNavi ul #information a{
 width:166px;
 background: url(../img/lwnav_info.jpg) 0 0 no-repeat;
}
/* line style
-----------------------------------------------------------*/
#line{
 width:100%;
 background: url(../img/bg_line.gif) left top repeat-x;
}

#line p{
 width:970px;
 margin:0 auto;
}

/* cont style
-----------------------------------------------------------*/
#cont{
 width:970px;
 margin:0 auto;
 padding-bottom:15px;
}

#cont02{
 width:970px;
 margin:0 auto;
}

/* primary style
-----------------------------------------------------------*/
#primary{
 float:left;
 width:785px;
}


#primary.oneColumn {
	float: none;
	width: auto;
}

#primary #contents{
 float:right;
 width:601px;
}


#primary.oneColumn #contents{
 float:right;
 width:786px;
}

#primary.oneColumn.fullColumn #contents{
  float: none;
  margin: 0 auto;
  width: 100%;
}



#primary #localNavi{
 float:left;
 width:165px;
 margin:2px 19px 0 0;
 padding-bottom:34px;
 background: url(../img/bg_localnavi.gif) left bottom no-repeat;
}

#primary #localNavi h2{
 width:163px;
 margin-bottom:0;
 padding-top:4px;
 background: url(../img/bg_localh2t.gif) left top no-repeat;
 border:solid 1px #DFDFDF;
 border-top:none;
 border-bottom:none;
 font-size:110%;
 font-weight:normal;
}

#primary #localNavi h2 span{
 display:block;
 margin:0 15px 0 25px;
 padding:4px 0 5px 0;
}

*html #primary #localNavi h2 span{padding:5px 0 6px 0;}

#primary #localNavi h2 a{
 display:block;
 width:163px;
 background:#FEFEFE url(../img/bg_localh2.gif) left top no-repeat;
 text-decoration:none;
}

#primary #localNavi h2 a:hover{
 background-position:right top;
 color:#FFFFFF;
}

#localNavi ul{
 width:163px;
 border:solid 1px #DFDFDF;
 border-bottom:none;
 font-size:90%;
  overflow:hidden;
}

#localNavi ul li{
 border-bottom:solid 1px #DFDFDF;
  overflow:hidden;
}

#localNavi ul li a{
 display:block;
 margin:0 0 0 0;
 width:163px;
 background:#FEFEFE url(../img/bg_localul.gif) left top no-repeat;
 text-decoration:none;
 overflow:hidden;
}

#localNavi ul li a:hover{
 background-position:right top;
 color:#FFFFFF;
  overflow:hidden;
}

#localNavi ul li a span{
 display:block;
 margin:0 12px 0 24px;
 padding:5px 0 1px 0;
  overflow:hidden;
}

#jpmaTop #primary{
 float:left;
 width:727px;
 margin-right:10px;
}

/* secondary style
-----------------------------------------------------------*/
#secondary{
 float:left;
 width:165px;
 padding-left:20px;
}

#secondary .bannerArea{margin:5px 0 12px 0;}

#secondary .bannerArea li{
 margin-bottom:6px;
}

#secondary ul li img{vertical-align:bottom;}

#secondary ul li{margin-bottom:8px;}

#jpmaTop #secondary{
 float:left;
 width:233px;
 /*
 margin-top:9px;
 */
 padding-left:0;
}

#jpmaTop #secondary p.videoBtn{
	margin:1px 0 12px 0;
}

/* foot style
-----------------------------------------------------------*/
#foot{
 clear:both;
 width:970px;
 height:20px;
 margin:0 auto;
 padding:1px 0 8px 0;
 background: url(../img/bg_footline.gif) left top no-repeat;
 text-align:center;
 font-size:90%;
}

#foot ul.utilityF{
 float:left;
 margin-top:3px;
}

#foot p.info{
 float: right;
 margin-top:3px;
}

#foot ul.utilityF li{
 display:inline;
 margin-right:10px;
}

#foot ul.utilityF li a,
#foot p.info a{
 padding-left:11px;
 background-image: url(../img/icon_arrow.gif);
 background-repeat:no-repeat;
 background-position:0 0.2em;
}

#foot address{
 clear: both;
 margin:3px 0 0 0;
 padding:0 0 5px 0;
 text-align: center;
 line-height:1.5;
 font-size:90%;
}

#foot address span{
 margin-left:60px;
 font-size:110%;
}

#foot.en address{
 clear: both;
 width: 970px;
 text-align: center;
}

/* opera hack */
#foot address{font-size:90%;}
html:first-child #foot address{font-size:110%;}
html*#foot address{font-size:90%;}

#foot address span{font-size:110%;}
html:first-child #foot address span{font-size:95%;}
html*#foot address span{font-size:110%;}

/* safari only \*/
html:\66irst-child #foot{
 font-size: 72%;
}
/* end */

/* common parts style
-----------------------------------------------------------*/
/* PageTop */
#PageTop{
 clear: both;
 display: block;
 margin: 10px 0 0 0 !important;
 padding:10px 10px 20px 0;
 border-top:solid 2px #0266C8;
 text-align: right;
}


#PageTop a{
 padding:0 0 5px 19px;
 background: url(../img/icon_pagetop.gif) 0 0 no-repeat;
}

.PageTopAnchor {
 clear: both;
 display: block;
 margin: 10px 0 0 0 !important;
 padding:10px 10px 10px 0;
 text-align: right;
}

.PageTopAnchor a{
 padding:0 0 5px 19px;
 background: url(../img/icon_pagetop.gif) 0 0 no-repeat;
}

/* topicpath */
#topicpath{
 margin:0 0 6px 2px;
 font-size:90%;
}

*html #topicpath{margin:0 0 5px 2px;}

#topicpath li{
 float:left;
 margin-right:7px;
}

#topicpath li a{
 padding-right:10px;
 background:url(../img/icon_topic.gif) right center no-repeat;
}


/* pop up style
-----------------------------------------------------------*/
/* logoJpma */
#col3layout #container #logoJpmaPop {
	margin: 15px 0 0 15px;
}
/* captionTitle */
#container .captionTitle {
	background-color: #bfe6ff;
	margin-top: 15px;
	padding: 10px 30px 8px 30px;
	position: relative;
}
#container .captionTitle h1 {
	 color: #0064b9;
		font-weight: bold;
		font-size: 133%;
}
#container .captionTitle p.closeText {
		font-size: 133%;
		font-weight: bold;
		position: absolute;
		top: 6px;
		right: 25px;
}
#container .captionTitle p.closeText a {
		text-decoration: none;
	 background: url(../img/close_btn01.gif) no-repeat 0 0.2em;
		padding: 1px 0 3px 22px;
}
#container .captionTitle p.closeText a,
#container .captionTitle p.closeText a:link,
#container .captionTitle p.closeText a:visited,
#container .captionTitle p.closeText a:hover {
  color: #003068;
}
/* objectArea */
#container .objectArea div {
	 margin: 30px 0 0 30px;
}
/* footer */
#footer {
  margin-top: 30px;
		border-top: 1px solid #cdcdcd;
}
#footer address {
  margin: 25px auto 0;
		font-size: 90%;
}