@charset "UTF-8";
/* CSS Document */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* npta css */

/* base */
body {
 background-color:#ffffff;
 color: #000000;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 100%;
 line-height: 1.7;
margin: 15px 0;
}


a:link {
	color: #0000FF;
	text-decoration: underline;
}

a:visited {
	color: #000099;
	text-decoration: underline;
}

a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover img {
	opacity: 0.8;
}

a:active {
	color: #000000;
	text-decoration: none;
}


#side a:link {
	color: #0000FF;
	text-decoration: none;
}

#side a:visited {
	color: #000099;
	text-decoration: none;
}

#side a:hover {
	color: #006699;
	text-decoration: underline;
}

#side a:active {
	color: #000000;
	text-decoration: none;
}

img {
	border: 0;
}

hr {
	display: none;
}

li {
 list-style-type: none;
}

strong {
 font-weight: bold;
}

em {
 font-weight: bold;
}

/* layout */
#wrap {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
}

#main {
	width: 680px;
	float: right;
	position: relative;
}

#side {
	width: 220px;
	float:left;
}

#footer {
	width: 938px;
	clear: both;
	border: 1px solid #cccccc;
	margin: 30px 0;
	font-size: 0.786em;
}


/* main */
.mainttl {
	width: 100%;
	border-bottom: 1px solid #99ccff;
	margin: 60px 0;
}




#pan {
	font-size: 0.786em;
	position: absolute;
	top: 0;
	left:: 0;
}

.rightimg-text,
.leftimg-text {
	width: 440px;
	min-height: 170px;
	margin: 40px 0;
	background-repeat: no-repeat;
}


.rightimg-text {
	padding-right: 240px;
	background-position: right top;
}

.leftimg-text {
	padding-left: 240px;
	background-position: left top;
}

.secondaryttl {
	display: inline-block;
	font-size: 1.143em;
	padding: 5px;
	line-height: 1;
	border: 1px solid #99ccff;
}

.rightimg-text p,
.leftimg-text p {
	margin: 1em 0;
}

.videoarea {
	width: 300px;
	padding: 30px 190px;
	font-size: 0.786em;
}

.topagetop {
	margin: 60px 0;
	text-align: right;
	font-size:0.786em;
}

.centering {
	width: 500px;
	padding: 1em 90px;
}


/* side */
#side {
	margin: 40px 0;
}

#nav {
	width: 220px;
	margin: 30px 0;
	border-top: 1px solid #cccccc;
	line-height: 1;
}

#nav li {
	padding: 10px 0 5px;
	border-bottom: 1px solid #cccccc;
}

#mininav {
	margin: 30px 0;
	font-size: 0.786em;
}

#mininav li {
	width: 200px;
	padding-left: 20px;
	background: url(images/mininav-img.gif) ;
	background-position: left center;
	background-repeat: no-repeat;
}

#bannerarea a {
	display: block;
	margin: 20px 0;
}

/* footer */
#footer-text {
	width: 598px;
	float: left;
	padding: 20px 0 20px 20px;
	line-height: 1.3;
}

#npta-logo {
	width: 280px;
	float: right;
	padding: 20px 20px 20px 0;
}



/* hospital */
#hos1 {
	background-image: url(images/hosimg-1.jpg) ;
}

#hos2 {
	background-image: url(images/hosimg-2.jpg) ;
}

#hos3 {
	background-image: url(images/hosimg-3.jpg) ;
}

/* home */
#home1 {
	background-image: url(images/homeimg-1.jpg) ;
}

#home2 {
	background-image: url(images/homeimg-2.jpg) ;
}

#home3 {
	background-image: url(images/homeimg-3.jpg) ;
	min-height: 315px;
}

/* yobou*/
#yobo1 {
	background-image: url(images/yoboimg-1.jpg) ;
}

#yobo2 {
	background-image: url(images/yoboimg-2.jpg) ;
}

/* study*/
#study1 {
	background-image: url(images/studyimg-1.jpg) ;
}




/* clearfix */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}