@charset "UTF-8";

/*
2015 The Japan Academy of Neonatal Nursing. CSS
Author: Uchimura(Hdj)
Version: 20150324
*/


/*-----------------------------------------------
 __Initial Setting
-----------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

html{
overflow-y: scroll;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

input, textarea,{
margin: 0;
padding: 0;
}

ol, ul{
list-style:none;
}

table{
border-collapse: collapse; 
border-spacing:0;
}

caption, th{
text-align: left;
}

a:focus {
outline:none;
}

/*ClearFix*/
.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

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

a{
	text-decoration:none;
}

/*-----------------------------------------------
 __Base Setting
-----------------------------------------------*/

a:link , a:visited {
	color:#4545FF;
}
a:hover {
	color:#FF931E;
}
body {
	min-width:820px;
	line-height:1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(refer/bg_body.gif) repeat-x 0 0;
}
.ClearBoth {
	clear:both;
}
#Wrapper {
	width:820px;
	margin:0 auto;
}
#Container {
	width:760px;
	margin:0 auto;
}
#Container:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
} 

/*-----------------------------------------------
 __Header
-----------------------------------------------*/
#Header{
	width:820px;
	height:110px;
	margin:0 auto 0;
}

/*-----------------------------------------------
 __Footer
-----------------------------------------------*/
#Footer{
	margin-top:15px;
	background:#D2AA7D;
}
#Footer .FooterElement{
	position:relative;
	width:760px;
	margin:0 auto;
}
#Footer .PageTop{
	position:absolute;
	top:-32px;
	right:0;
	font-size:88%;
}
#Footer .PageTop a{
	font-weight:bold;
	color:#F6921D;
}
#Footer .PageTop a:hover{
	color:#AABE3C;
}
#Footer .Copyright{
	line-height:50px;
	font-size:88%;
	color:#FFF;
	text-align:center;
}

/*-----------------------------------------------
 __Navi
-----------------------------------------------*/
#Nav{
	float:left;
	width:210px;
	padding-top:15px;
}
#Nav ul li{
	width:170px;
	line-height:50px;
	color:#CCC;
	padding-left:40px;
	margin-bottom:6px;
	background:url(refer/bg_nav.gif) no-repeat 0 0;
}
#Nav ul li a{
	display:block;
	width:170px;
	height:50px;
	color:#000;
	padding-left:40px;
	margin-left:-40px;
	background:url(refer/bg_nav.gif) no-repeat 0 0;
}
#Nav ul li a:hover{
	background:url(refer/bg_nav.gif) no-repeat 0 100%;
}
#Top #Nav .NavTop a,
#Greet #Nav .NavGreet a,
#Outline #Nav .NavOutline a,
#Program #Nav .NavProgram a,
#RegSub #Nav .NavRegSub a,
#RegPart #Nav .NavRegPart a,
#InfoPart #Nav .NavInfo a,
#InfoChair #Nav .NavInfoChair a,
#Nursery #Nav .NavNursery a,
#Links #Nav .NavLinks a{
	background:url(refer/bg_nav.gif) no-repeat 0 100%;
}
#Nav ul .NavLinks{
	margin-bottom:0;
}
#Nav ul .NavInfoChair{
	height:50px;
	line-height:20px;
}
#Nav ul .NavInfoChair a{
	height:45px;
	padding-top:5px;
}


/*-----------------------------------------------
 __Content
-----------------------------------------------*/
#Content{
	width:520px;
	min-height:500px;
	float:right;
	padding:30px 0 140px 0;
	background:url(refer/wanko_kyodai.png) no-repeat 0 100%;
}
#Content h2{
	font-size:188%;
	font-weight:normal;
	color:#AABE3C;
	padding-bottom:18px;
}
#Content h3{
	font-size:113%;
	font-weight:bold;
	border-bottom:2px solid #D2AA7D;
	background:url(refer/ic_leaf.gif) no-repeat 0 2px;
	padding-left:32px;
	margin:18px 0 14px;
}
#Content h2+h3{
	margin-top:0;
}
#Content h4{
	color:#F6921D;
	font-weight:bold;
	padding-bottom:5px;
}
#Content h5{
	font-size:100%;
	font-weight:bold;
	padding-bottom:5px;
}
#Content p{
	font-size:88%;
	padding-bottom:1em;
}
#Content ul{
	padding-bottom:1em;
}
#Content ul li{
	font-size:88%;
	padding-bottom:0.5em;
}
#Content ol{
	padding-bottom:1em;
}
#Content ol li{
	font-size:88%;
	padding-bottom:0.5em;
}
#Content dl{
	padding-bottom:1em;
}
#Content dl dt{
	font-size:88%;
	padding-bottom:0.5em;
}
#Content dl dd{
	font-size:88%;
	padding-bottom:0.5em;
}
#Content sup{
	font-size:71%;
	vertical-align: top;
}
#Content sub{
	font-size:71%;
	vertical-align:bottom;
}
#Content .Red{
	color:#D00;
}
#Content .ListNote li{
	padding-left:1em;
	text-indent:-1em;
}
#Content .ListIC li{
	padding-left:1em;
	background:url(refer/ic_list.gif) no-repeat 0 0.4em;
}
#Content .ListNum li{
	margin-left:2em;
	list-style-type:decimal;
}
#Content li li{
	font-size:100%;
}
#Content table{
	margin-bottom:1em;
	border-top:1px solid  #CCC;
	border-left:1px solid  #CCC;
}
#Content table +h3{
	margin-top:2em;
}
#Content table th,
#Content table td{
	font-size:88%;
	vertical-align: middle;
	padding:0.5em 1em;
	border-right:1px solid  #CCC;
	border-bottom:1px solid  #CCC;
}
#Content table th{
	text-align:center;
	background:#EFEFEF;
}
#Content .FootInfo{
	padding:10px 0 0;
	margin-top:2em;
	border-top:2px solid #D2AA7D;
}
/*-----------------------------------------------
 __ContentTOP
-----------------------------------------------*/
#Top{
	background:url(refer/bg_body_top.gif) repeat-x 0 0;
}
#Top #Wrapper{
	background:url(refer/main_visual_bg.gif) no-repeat 0 110px;
}
#Top #ContentTop{
	width:520px;
	float:right;
	padding:15px 0 140px 0;
	background:url(refer/wanko_kyodai.png) no-repeat 0 100%;
}
#Top #ContentTop h2{
	font-size:113%;
	font-weight:bold;
	border-bottom:2px solid #D2AA7D;
	background:url(refer/ic_leaf.gif) no-repeat 0 2px;
	padding-left:32px;
	margin:0 0 14px;
}
#Top #ContentTop h3{
	font-size:100%;
	font-weight:bold;
	color:#F6921D;
	padding-bottom:5px;
}
#Top #ContentTop p{
	font-size:88%;
	padding-bottom:1em;
}
#Top #ContentTop ul li{
	font-size:88%;
	padding-bottom:1em;
}
#Top #ContentTop .WhatsNew p,
#Top #ContentTop .WhatsNew ul,
#Top #ContentTop .Office p,
#Top #ContentTop .Office ul,
#Top #ContentTop .SameTime p,
#Top #ContentTop .SameTime ul,{
	padding-bottom:0;
}
#Top #ContentTop .MainVisual{
	width:520px;
	height:405px;
	font-size:1px;
	text-indent:-9999px;
	background:url(refer/main_visual.png) no-repeat 0 0;
	padding-bottom:40px;
}
#Top #ContentTop .WhatsNew{
	padding-bottom:38px;
}
#Top #ContentTop .WhatsNew .StopServer{
	padding:10px;
	border:2px solid #C00;
	margin-bottom:20px;
}
#Top #ContentTop .WhatsNew .StopServer h3{
	color:#C00;
}
#Top #ContentTop .WhatsNew .StopServer p{
	font-size:88%;
	padding-bottom:0;
}
#Top #ContentTop .WhatsNew .StopServer dl dt{
	font-size:88%;
	font-weight:bold;
}
#Top #ContentTop .WhatsNew .StopServer dl dd{
	font-size:88%;
	padding-left:1em;
}
#Top #ContentTop .WhatsNew .StopServer dl dd.Date{
	color:#C00;
	font-weight:bold;
	font-size:100%;
}
#Top #ContentTop .WhatsNew .InfoBox{
	padding:10px 10px 0;
	border:2px solid #D2AA7D;
	margin-bottom:20px;
}
#Top #ContentTop .WhatsNew ul{
}
#Top #ContentTop .WhatsNew ul li{
	position:relative;
	padding:0.5em 1em 0.5em 7em;
	margin-bottom:2PX;
	background:#F6F6F6;
}
#Top #ContentTop .WhatsNew ul li .Date{
	position:absolute;
	top:8px;
	left:14px;
	color:#F6921D;
	font-size:88%;
	font-weight:bold;
}
#Top #ContentTop .Office{
	padding-bottom:40px;
}
#Top #ContentTop .Office ul li{
	padding:0;
}
#Top #ContentTop .Office ul .OfficeHD{
	position:relative;
	padding:0 3em 0;
}
#Top #ContentTop .Office ul li .HD{
	position:absolute;
	top:0;
	left:0;
}
#Top #ContentTop .SameTime ul li{
	position:relative;
	padding:0 3em 0;
}
#Top #ContentTop .SameTime ul li .HD{
	position:absolute;
	top:0;
	left:0;
}
#Top #ContentTop .Red{
	color:#D00;
}

/*-----------------------------------------------
 __Greet
-----------------------------------------------*/
#Greet #Content .President strong{
	font-size:129%;
}

/*-----------------------------------------------
 __RegSub
-----------------------------------------------*/
#RegSub #Content h4.Input{
	padding:2px 10px;
	margin: 1em 0 0.5em;
	border:1px solid #F6921D;
}
#RegSub #Content .Office{
	padding:10px 10px 0;
	margin:0 auto 2em;
	border:2px solid #EBEBEB;
}
#RegSub #Content .Term:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#RegSub #Content .Term .Start{
	float:left;
}
#RegSub #Content .Term .Deadline{
	float:left;
}
#RegSub #Content .Office dt.Fax{
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	background:#EFEFEF;
}
#RegSub #Content .Office dt.Url{
	padding-left:16px;
	background:url(refer/ic_link.gif) no-repeat 0 4px;
}
#RegSub #Content .Office dd{
	padding-bottom:10px;
}
#RegSub #Content a.IcMail{
	display:inline-block;
	padding-left:16px;
	background:url(refer/ic_mail.gif) no-repeat 0 5px;
}
#RegSub #Content .AboutInput{
	color:#F6921D;
	padding:4px;
	margin:0 4px;
	white-space:nowrap;
	border:1px solid #F6921D;
}
#RegSub #Content .ListAlpha li{
	list-style-type:lower-alpha;
	margin-left:2em;
}
#RegSub #Content .ListAlpha li .ListIC{
	padding:0;
}
#RegSub #Content .ListAlpha li .ListIC li{
	list-style-type:none;
	margin-left:0;
}
#RegSub #Content .BtPicture{
	width:400px;
	height:50px;
	font-size:1px;
	text-indent:-9999px;
	padding:0;
	margin:0 auto 40px;
	background:url(refer/bt_sub_image.gif) no-repeat 0 0;
}
#RegSub #Content .BtPicture a{
	display:block;
	width:400px;
	height:50px;
	background:url(refer/bt_sub_image.gif) no-repeat 0 0;
}
#RegSub #Content .BtPicture a:hover{
	background-position:0 -70px;
}
#RegSub #Content .CheckBox{
	width:400px;
	padding:0;
	margin:0 auto 30px;
}
#RegSub #Content .CheckBox li{
	width:400px;
	height:50px;
	font-size:1px;
	text-indent:-9999px;
	margin-bottom:20px;
}
#RegSub #Content .CheckBox li a{
	display:block;
	width:400px;
	height:50px;
}
#RegSub #Content .CheckBox li.BtCheck,
#RegSub #Content .CheckBox li.BtCheck a{
	background:url(refer/bt_sub_check.gif) no-repeat 0 0;
}
#RegSub #Content .CheckBox li.BtCheckEx,
#RegSub #Content .CheckBox li.BtCheckEx a{
	background:url(refer/bt_sub_check_ex.gif) no-repeat 0 0;
}
#RegSub #Content .CheckBox li a:hover{
	background-position:0 -70px;
}
#RegSub #Content .BtRegUsr{
	width:400px;
	height:50px;
	font-size:1px;
	text-indent:-9999px;
	padding:0;
	margin:30px auto 20px;
	background:url(refer/bt_sub_usr.gif) no-repeat 0 0;
}
#RegSub #Content .BtRegUsr a{
	display:block;
	width:400px;
	height:50px;
	background:url(refer/bt_sub_usr.gif) no-repeat 0 0;
}
#RegSub #Content .BtRegUsr a:hover{
	background-position:0 -70px;
}

/*-----------------------------------------------
 __Link
-----------------------------------------------*/
#Links #Content{
	padding-bottom:302px;
}
#Links #Content .LinkBox{
	border-top:2px solid #EEE;
}
#Links #Content .LinkBox li{
	font-weight:bold;
	padding:10px 0 10px 20px;
	border-bottom:2px solid #EEE;
	background:url(refer/ic_link.gif) no-repeat 0 13px;
}
#Links #Content .LinkBox li a{
	font-weight:bold;
	color:#000;
}
#Links #Content .LinkBox li a:hover{
	color:#FF931E;
}

/*-----------------------------------------------
 __Program
-----------------------------------------------*/
#Program #Content h3 + h3{
	margin-top:3em;
}
#Program #Content .Author li{
	padding-left:3em;
	position:relative;
}
#Program #Content .Author li .HD{
	position:absolute;
	top:0;
	left:0;
}
#Program #Content .Author li .Belong{
	font-size:86%;
}
#Program #Content .Author li .Belong{
	font-size:86%;
}
#Program #Content .InfoSociety h3{
	padding:10px;
	margin-top:3em;
	background-image:none;
	border:2px solid #D2AA7D;
}
#Program #Content .InfoSociety .Outline dt{
	width:4em;
	float:left;
}
#Program #Content .InfoSociety .Outline dd{
	padding-left:4em;
}
#Program #Content .InfoSociety .Outline dd{
	padding-left:4em;
}
#Program #Content .InfoSociety .About dt{
	width:9em;
	float:left;
	text-align:right;
}
#Program #Content .InfoSociety .About dd{
	padding-left:9em;
}
#Program #Content .BtnProg{
	width:400px;
	padding:0;
	margin:30px auto 40px; 
}
#Program #Content .BtnProg li{
	width:400px;
	height:50px;
	font-size:1px;
	text-indent:-9999px;
	margin-bottom:30px;
}
#Program #Content .BtnProg li a{
	display:block;
	width:400px;
	height:50px;
}
#Program #Content li.BtnProgSpecial,
#Program #Content li.BtnProgSpecial a{
	background:url(refer/bt_prog_special.gif) no-repeat 0 0;
}
#Program #Content li.BtnProgGeneral, 
#Program #Content li.BtnProgGeneral a{
	background:url(refer/bt_prog_general.gif) no-repeat 0 0;
}
#Program #Content li a:hover{
	background-position:0 -70px;
}

/*-----------------------------------------------
 __RegPart
-----------------------------------------------*/
#RegPart #Content .ListNoteNum{
	padding-left:2em;
	text-indent:-2em;
}
#RegPart #Content .LinkBlank{
	display:block;
	text-indent:0;
	padding-left:16px;
	background:url(refer/ic_link.gif) no-repeat 0 0.3em;
}
#RegPart #Content .Office{
	padding:10px 10px 10px;
	margin:0 auto 2em;
	border:2px solid #EBEBEB;
}
#RegPart #Content .BtRegPart{
	width:400px;
	height:50px;
	font-size:1px;
	text-indent:-9999px;
	padding:0;
	margin:30px auto 20px;
	background:url(refer/bt_reg_part.gif) no-repeat 0 0;
}
#RegPart #Content .BtRegPart a{
	display:block;
	width:400px;
	height:50px;
	background:url(refer/bt_reg_part.gif) no-repeat 0 0;
}
#RegPart #Content .BtRegPart a:hover{
	background:url(refer/bt_reg_part.gif) no-repeat 0 -70px;
}

/*-----------------------------------------------
 __InfoPart
-----------------------------------------------*/
#InfoPart #Content .Define dt{
	float:left;
	clear:both;
}
#InfoPart #Content .Define dd{
	float:left;
}
#InfoPart #Content .Cost{
	margin-bottom:0;
}
#InfoPart #Content .Cost td,
#InfoPart #Content .Cost th{
	font-size:100%;
}

/*-----------------------------------------------
 __InfoChair
-----------------------------------------------*/
#InfoChair #Content .Img{
	text-align:center;
}