/* CSS Document */
	
	/*---------基本設定---------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{  
    margin: 0;  padding: 0;  
} 	

h1, h2, h2, h3, h5, h6  {  
    font-size: 100%;  
}

img {  
    border: 0;  
}

body {  
    font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;  
    line-height: 150%;
	width: 100%;
	background-image: url("../img/body_bg.gif"); 
	}  
* + html body {  
    font-family: "メイリオ","Meiryo";  
}

html>/**/body {  
    font-size: 16px;  
}  


html,
body,
#wrapper{
	/*overflow: auto;*/
	height:100%; 	/* wrapperのmin-heightに対して必要な設定 */  
}  

/*
body > #wrapper{  
	height:auto;
	min-height: 100%;
}  
*/


#wrapper {
	/*padding-bottom:135px;*/
	position:relative;
	min-height: 100%;         /* 高さ100%にする */
}




.clear {
    /*clear : both;*/
}


.clear:after{
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
}
.clear{display:inline-block;}
/* exlude MacIE5 \*/
* html .clear{height:1%}
.clear{display:block;}
/* end MacIE5 */


body p .bold{
	font-weight: bold!important;
}

/*----------------インデント-*/

span.ind {  
    padding-left:2em; 
}

span.ind3 {  
    padding-left:3em; 
}

span.ind4 {  
    padding-left:4em; 
}

span.ind5 {  
    padding-left:5em; 
} 


/*-------------------------header*/  

#header {
	height:100px;
	background:#FFFFFF url("../img/header_bg.gif") center bottom no-repeat;
}

#header_top{
	width:990px;
	margin:0 auto;
}

#header_top p{
	font-size:11px;
	text-align: left;
}

#logo {
	height:80px;
	width:260px;
}



/*-------------------------上部ナビゲーション*/  
  
#navi_bar {
	background-image: url("../img/nav_bg.gif");
	height:60px;
	background-repeat: repeat-x;
	text-align:center;
}

#navi_bar ul{
	width:990px;
	margin: 0 auto;  
	text-align:left;
}

#navi_bar ul li{
	width:165px;
	list-style-type: none;
	float:left;
}

#navi_bar ul:after {
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
}
#navi_bar ul {display:inline-block;}
/* exlude MacIE5 \*/
* html .#navi_bar ul{height:1%}
.#navi_bar ul{display:block;}
/* end MacIE5 */




.navi_about{
	background-image: url("../img/navi_about.gif");
	display:block;
	width:165px;
	height:60px;
	text-indent:-9999px;
}

.navi_conf{
	background-image: url("../img/navi_conf.gif");
	display:block;
	width:165px;
	height:60px;
	text-indent:-9999px;
}

.navi_study{
	background-image: url("../img/navi_study.gif");
	display:block;
	width:165px;
	height:60px;
	text-indent:-9999px;
}

.navi_reg{
	background-image: url("../img/navi_reg.gif");
	display:block;
	width:165px;
	height:60px;
	text-indent:-9999px;
}

.navi_dir{
	background-image: url("../img/navi_dir.gif");
	display:block;
	width:165px;
	height:60px;
	text-indent:-9999px;
}


.navi_about:hover{
	background-position:left bottom;
}

.navi_conf:hover{
	background-position:left bottom;
}

.navi_study:hover{
	background-position:left bottom;
}

.navi_reg:hover{
	background-position:left bottom;
}

.navi_dir:hover{
	background-position:left bottom;
}

/*-------------------------メインcontainer*/  

#top_img {
	background-image: url("../img/top_img.jpg");
	height:240px;
	display:block;
}

div#container {
	width:990px;
	/*height:100%;*/
	
	margin: 0 auto;
	position:relative;
	z-index:1000;
	
	box-shadow: 0px 1px 4px #999;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	border-bottom:none;
	background-color:#FFFFFF;
	color:#666666;
}

.container-bg{
	background: url('../img/contents_bg.jpg') no-repeat scroll right bottom;
}

div#containerIn{
	padding-top:30px;
	min-height:300px;
}



/*-------------------------サイドバー*/ 

#side_navi {
	width:315px;
	float:left;
}



#side_navi ul {
	margin-top:10px;
	margin-left:54px;
	margin-right:39px;

}

#side_navi ul li{
	list-style-type: none;
	width:222px;
}

#side_navi ul.yr {
	margin-top:20px;
	margin-left:74px;
	margin-right:39px;
	font-weight:bold;
}

#side_navi ul.yr li{
	list-style-image: url("../img/list_yr.gif");
	height:24px;
	margin-left:26px;
	font-size:18px;
	margin-bottom:16px;
}

#side_navi ul.yr li a {
	color:#666666;
	text-decoration:none;
}

#side_navi ul.yr li a:hover {
	color:#00618b;
	text-decoration:none;
}

.side_apply {
	background-image: url("../img/side_apply.gif");
	display:block;
	width:222px;
	height:61px;
	text-indent:-9999px;
	margin-bottom:28px;	
	}
	
.side_apply:hover{
	background-position:left bottom;
}

.side_news {
	background-image: url("../img/side_news.gif");
	display:block;
	width:222px;
	height:63px;
	text-indent:-9999px;	
	}
	
.side_news:hover{
	background-position:left bottom;
}

.side_contact {
	background-image: url("../img/side_contact.gif");
	display:block;
	width:222px;
	height:61px;
	text-indent:-9999px;	
	margin-bottom:10%;
	}

.side_contact:hover{
	background-position:left bottom;
}

.side_freezing {
	background-image: url("../img/side_freezing.gif");
	display:block;
	width:222px;
	height:81px;
	text-indent:-9999px;
	margin-bottom:10%;
	}

.side_freezing:hover{
	background-position:left bottom;
}

.sfp {
	background-image: url("../img/sfp.jpg");
	background-repeat: no-repeat;
	display:block;
	width:222px;
	height:62px;
	text-indent:-9999px;
	margin-bottom:10%;
	}


/*-------------------------メインコンテンツ*/ 

div#path{
	font-size:11px;
	margin-top:-14px;
}

#contents, #top-contents{
	width:675px;
	float:right;
	margin-bottom:100px;
}

#contents p,
#top-contents p,
#contents ul,
#contents dl{
	font-size:14px;
	line-height:1.6em;
	padding-right:50px;
	padding-left:20px;
	padding-top:5px;
}

div.neg-ind{
	font-size:14px;
	line-height:1.6em;
	padding-right:50px;
	padding-left:30px;
  	text-indent: -12px;
	}

#contents ul li.blue{
	list-style-image: url("../img/list.gif");
	margin-left:25px;
	}

#contents ul li.none{
	list-style-type: none;
	margin-left:10px;
	margin-bottom:10px;
	}

#contents ul.study{
	padding-left: 1em;
  	text-indent: -1em;
	}

#contents ul li.study{
	list-style-type: none;
	margin-left:30px;
	margin-bottom:4px;
	position: relative;
	padding-left: 0.2em; /* アイコンと文章の間のスペース */
	}



#contents li.blueframe{
	display: inline-block;
	list-style: none;
	background-color: #E8F4F8;
	padding: 14px;
	margin-top: 6px;
	margin-left:25px;
	margin-bottom: 12px;

	
}


#contents a,
#top-contents a,
#backtop a{
	color:#00618b;
	text-decoration:none;
	}
	
#contents a:hover,
#backtop a:hover {
	color:#0085be;
	text-decoration:underline;
	}
	
.pdf    {  
   	background-image: url( ../img/pdf.gif );
	background-repeat: no-repeat;
    /*background-position: right;
	padding-right:20px;*/
	background-position: left;
	padding-left:20px;
} 	

#pdf2,
.pdf2{
	margin:10px 0px 10px 0px;
}

#contents strong {
	font-size:16px;
	line-hright:2em;
}

#contents strong.blue {
	color: #00618b;
}
	
div#backtop {
	font-size:11px;
	text-align:right;
	position:absolute;
	bottom:50px;
	right:50px
}

a#pdflink{
	text-decoration: underline;
	font-weight:bold;
	color:#ff0000;
	font-size:12px;
}

span#work2016{
	text-decoration: underline;
	font-weight:bold;	
	font-size:23px;
	color:#CC1B5D;
}

.hr_bold{
	border-width: 3px 0 0 0;
}

/*-----------------------ディフィニション-- */   

#contents dl{
	margin-right:10px;
	}

#contents dl dd {  
    padding: 5px;  
    margin-bottom: 5px;  
    border-bottom: solid 1px #CCC;  
}  

#contents dl .new   {  
    font-weight:bold; 
} 

/*-----------------------見出し-- */ 

h1 {
	display:block; 
	margin-bottom:10px;
	width:635px;
	height:50px;
	}

h1.about {
	background-image:url("../img/h1_about.gif");
	background-repeat: no-repeat;
	} 

h1.conf {
	background-image:url("../img/h1_conf.gif");
	background-repeat: no-repeat;
	} 

h1.study {
	background-image:url("../img/h1_study.gif");
	background-repeat: no-repeat;
	} 

h1.reg {
	background-image:url("../img/h1_reg.gif");
	background-repeat: no-repeat;
	} 

h1.dir {
	background-image:url("../img/h1_dir.gif");
	background-repeat: no-repeat;
	} 

h1.apply {
	background-image:url("../img/h1_apply.gif");
	background-repeat: no-repeat;
	} 

h1.news {
	background-image:url("../img/h1_news.gif");
	background-repeat: no-repeat;
	} 

h1.contact {
	background-image:url("../img/h1_contact.gif");
	background-repeat: no-repeat;
	} 

h1.links {
	background-image:url("../img/h1_links.gif");
	background-repeat: no-repeat;
	} 
	
h1.freezing {
	background-image:url("../img/h1_freezing.gif");
	background-repeat: no-repeat;
	} 
h1.webinar {
	background-image:url("../img/h1_webinar.gif");
	background-repeat: no-repeat;
	} 
h2 {
	display:block; 
	margin-bottom:10px;
	border-left: solid #2798C9 6px;
	font-size:20px;
	padding-left:7px;
	margin-left:10px;
	}

h2#now {
	display:block; 
	margin-bottom:10px;
	border-left: solid #2798C9 6px;
	font-size:26px;
	padding-left:7px;
	margin-left:10px;
	}


h3 {
	display:block; 
	font-size:16px;
	line-hright:2em;
	color: #00618b;
	padding-top:6px;
	}


/*-------------------------トップページ*/ 
#top-contents .hover_underline:hover{
	text-decoration: underline;
}
#top-contents a:hover {
	text-decoration:none;
	}

#top-contents .topic_a{
	background-image: url("../img/topic_a.jpg");
	background-repeat:no-repeat;
	display:block;
	width:620px;
	height:138px;
	margin-bottom:5px;
	}
#top-contents .topic_a.mb0{
	margin-bottom: 0;
}

#top-contents .topic_a:hover{
	background-position:left bottom;
}

#top-contents .topic_a p{
	padding-top:36px;
	padding-left:48px;
	display:block;
	}

#top-contents .topic_a span.title {
	display:block;
	font-size:30px;
	font-family:"メイリオ";
	font-weight:bolder;
	margin-bottom:12px;
	color:#214c5f;
	}

#top-contents .topic_a span.text {
	font-size:14px;
	color:#000000;
	line-height:1.4em;
	}

#top-contents .topic_b{
	background-image: url("../img/topic_b.jpg");
	background-repeat:no-repeat;
	display:block;
	width:620px;
	margin-bottom:5px;
	height:138px;
	}


#top-contents .topic_b:hover{
	background-position:left bottom;
}


#top-contents .topic_b p{
	padding-top:30px;
	padding-left:48px;
	display:block;
	}

#top-contents .topic_b span.title {
	display:inline-block;
	font-size:30px;
	font-family:"メイリオ";
	font-weight:bolder;
	margin-bottom:10px;
	color:#214c5f;
	}

#top-contents .topic_b span.text {
	font-size:14px;
	color:#000000;
	line-height:1.4em;
	}
	
#top-contents .topic_b span.notice {
	display:inline-block;
	margin-left:3%;
	font-weight:bold;
	font-size:18px;
	color:#ff0000;
	}	

#top-contents .topic_c span.text {
	font-size:14px;
	color:#000000;
	margin-bottom:20px;
	}

.topimg_poster{
	margin-bottom: 2em;
	padding-right: 30px;
}
.topimg_poster img{
	width: 100%;
	height: auto;
}

/*-------------------------トップページここまで*/ 

/*-------------------------テーブル*/  

#contents table{
	display:block;
	font-size:14px;
	line-height:1.4em;
	padding-right:55px;
	padding-left:20px;
	text-align:left;
	}


/*-------------------------役員テーブル
	
#contents table.director{
	display: table;
	border-collapse:separate;
	border-spacing:5px;
	padding:10px;
	}

#contents table.director th, td{
	display: table-cell;
}

#contents table.director th{
	background-color: #B5E9FF;
	vertical-align:text-top;
	padding:5px;
}

#contents table.director td{
	padding:5px;
}
*/ 

/*-------------------------枠無しテーブル*/  
table.bordernone, 
table.bordernone td, 
table.bordernone th, 
table.bordernone tr {
	border-right:hidden !important;
	border-top:hidden !important;
	border-bottom:hidden !important;
	border-left:hidden !important;
}
 
/*-------------------------がん患者卵子凍結実施施設テーブル*/  

table.list{
	border-spacing: 0px;
	border:solid 0px;
	border-collapse: collapse;
}

table.list td{
	font-size:11px;
	border: 1px #666666 solid;
	background-color:#ffffff;
	white-space: nowrap;
	text-align:center;
	padding:5px 5px 5px 5px;
}

table.list td.exp{
	background-color:#68B7D9;
	color:#fff
}

table.list td.clinic{
	background-color:#BEE0EF;
}

table.list td a:link{
	text-decoration:underline !important;
}

/*-------------------------footer*/  

div#footer{
	margin-top:-20px;
	background-image: url("../img/foot_bg.gif");
	
	
	/*
	height: 100%;
	text-align:center;
	position: relative;
	height: 160px;
	margin-top:-160px;
	background-image: url("../img/foot_bg.gif");
	*/

}

#footer a {
	color:#aaaaaa;
	text-decoration:none;
	}




#foot_navi {
	margin:0 auto; 
	width:990px;
	height:160px;
	text-align:left;
/*	background-image: url("../img/foot_navi.gif");
	background-repeat: no-repeat;
*/	font-size: 14px;
	color:#AAAAAA;
}

#foot_navi ul{
	padding-top:55px;
	padding-left:10px;
}

#foot_navi ul li{
	display: inline;
	list-style-type: none;
}

#foot_navi p {
	color:#FFFFFF;
	text-align:right;
	padding-top:50px;
}

.apply_button {
	color:white;
	background:#2D8FBC;
	font-size:16px;
	width:210px;
	height:60px;
	border-color: #015C84;
	line-height:20px;
	padding:1px 6px;
	margin:10px 0;
}

.apply_button:hover{
	background:#3C86A8;
	cursor : pointer;
}

	

/*----ボタン------*/
#contents  a.btn_webinar{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background-color: #00618b;
	background-image: linear-gradient(135deg, #00618b 0%, #2798c9 100%);
	padding: 0.5em 1em;
	font-weight: bold;
	border-radius: 2em;
	transition: all 0.2s ease 0s;
	border: solid 2px #fff;
	margin-top: 0.3em;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
#contents  a.btn_webinar:hover{
	text-decoration: none;
	background-color: #2798c9;
	background-image: linear-gradient(135deg, #2798c9 0%, #00618b 100%);
  transform: translateY(-0.1em);
}
#contents  a.btn_webinar.btn_webinar_out{
	pointer-events: none;
	background-color: #ccc;
	box-shadow: none;
	background-image: none;
}

.top_banner img{
	width: 620px;
	height: auto;
	box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.4);
}


/*-----表示/非表示ボタン-------/
/*ボックス全体*/
.switchbox {
    margin: 1.5em 0;
    padding: 1em 0;
}
/*ラベル*/
.switchbox label {
    display: block;
    font-weight: bold;
    cursor :pointer;
	font-size: 1.1em;
	padding-bottom: 0.5em;
}
.switchbox label:hover{
	opacity: 0.6;
}
/*チェックボックスを非表示にする*/
.switchbox input {
    display: none; 
}
/*中身を非表示にしておく*/
.switchbox div {
    height: 0;
    overflow-y: hidden;
    transition: 0.8s;
    opacity: 0;
}
/*クリックで中身を表示*/
.switchbox input:checked + label + div {
    height: auto;
    opacity: 1;
}
/*アイコン*/
.switchbox label::before {
    content: '\025bc';
    font-weight: bold;
    padding-right: 0.2em;
	color: #00618b;
	font-size: 1.2em;
}
/*クリックでアイコン入れ替え*/
.switchbox input:checked + label::before {
    content: '\025b2';
}