@charset "Shift_JIS";
/* CSS Document */

/*=====================================================================================
	初期設定はじまり
=====================================================================================*/
html, body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dt, dd, tr, th, td, address {
	margin: 0;
	padding: 0;
}
body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
	letter-spacing: 1px;
	margin: 0 auto 0 auto;
	color: #555555;
	font-size:12px;
	text-align: center;
}
/*=====================================================================================
	初期設定おわり
=====================================================================================*/
/*-----リンクの色-----*/
a:link{
	color: #0033ff;
	text-decoration: none;
}
a:visited{
	color: #0033ff;
	text-decoration: none;
}
a:hover{
	color: #ff0000;
	text-decoration: none;
}
/*-----navigation リンクの色-----*/
div#gNavi ul li a:link{text-decoration: none;}
div#gNavi ul li a:visited{text-decoration: none;}
div#gNavi ul li a:hover{text-decoration: none;}

/*-----header リンクの色-----*/
div#header a:link{color: #0033ff;}
div#header a:visited{color: #0033ff;}
div#header a:hover{color: #ff3333;}

/*-----headertop リンクの色-----*/
div#headertop a:link{color: #555555;}
div#headertop a:visited{color: #555555;}
div#headertop a:hover{color: #ff3333;}


/*-----footer リンクの色-----*/
div#footer a:link{color: #555555;}
div#footer a:visited{color: #555555;}
div#footer a:hover{color: #ff3333;}

/*-----footWrap リンクの色-----*/
div.topSh a:link{color: #ffffff;}
div.topSh a:visited{color: #ffffff;}
div.topSh a:hover{color: #ff3333;}


/*-----sitemap リンクの色-----*/
ul#sitemap a:link{color: #5555ff;}
ul#sitemap a:visited{color: #5555ff;}
ul#sitemap a:hover{color: #ff3333;}


/*=====================================================================================
	header
=====================================================================================*/
/*body , html{
	height: 100%;
}*/
#wrap{					/*外側も含む全体の枠*/
	width: 100%;
	position: relative;		/*relative以外はfooterがずれる*/
	padding: 0px 0 100px 0;
	/*height: auto !important;*/
	height: 100%;
	background: url(../image/material/wallppr086.gif);
	/*min-height: 100%;*/
}
div#container{				/*中身の枠*/
	/*display: block;*/
	width: 920px;
	height: auto;
	border: solid 1px #aaaaaa;
	margin: auto;		/*値が二つの場合、上下、左右*/
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;		/*一番下の余白　★大きくしてfooterに白をかぶせた*/
	background: #ffffff;
	/*clear: both;*/
}




div#container div#header{			/*ヘッダー枠*/
	width: 910px;
	height: auto;
	/*background: url(../image/common/head_bg.gif);*/
	/*background-repeat: repeat;*/
	/*clear: both;*/
	/*margin:  0px 0px 0px 0px;*/		/*上　右　下　左*/
}


/*===== サイトタイトル =======================================*/

div#header div.title{			/*h1とpが入る領域*/
	/*display: block;*/
	line-height: 30px;
	width: 920px;
	margin: 0px 0px 10px 0px;	/*上　右　下　左*/
	/*padding: 10px 50px 0 5px;*/	/*上　右　下　左*/
	height: 40px;			/*上の線とロゴの間の空白*/
	/*float: right;*/
	/*clear: left;*/
	/*border: 1px solid #0000ff;*/

}
div.title h1{
	text-align:left;
	font-weight:bold;
	font-size: 18px;
	color: #ffffff;			/*文字の色*/
	padding: 0px 0px 0px 30px;

	background: #666666;

}
div.title p{
	font-size: 14px;
	font-weight:bold;
	text-align:right;
	line-height:18px;
	padding: 5px 16px 0px 10px;
	margin: 0px 0px 0px 0px;	/*上　右　下　左*/
	/*border: 1px solid #ff00ff;*/
}


/*=====submenu タイトル 2014.02.18=======================================*/

div.title h1.t1{
	text-align:left;
	font-weight:normal;
	font-size: 28px;
	line-height:36px;
	color: #ffffff;			/*文字の色*/
	padding: 0px 0px 0px 30px;

	background: #666666;

}


div.title h1.t1 b{
	font-size: 18px;
	font-weight:normal;
}
/*===== サイトの名前　ロゴ =======================================*/


div#h2Box{			/*ロゴとh2の領域*/
	width: 100%;
	height: 50px;
	color: #555555;
	/*margin: 0;*/
	/*clear: both;*/
}
div#h2Box div#name{
	width: 380px;
	height: 30px;
	/*margin: 0;*/
	float: left;
}
div#name h2{			/* */
	/*display: block;*/
	width: 300px;
	padding: 8px 0 0 0px;	/*★*/
	/*padding: 12px 0 0 10px;*/
	line-height: 24px;
	float: right;
	font-size: 22px;

}
/*div#name h2 a{
	float: left;
}*/
div#name p{				/*アイコン*/
	width: 55px;
	height:	55px;
	padding: 0px 10px 10px 10px;		/*上　右　下　左*/
	/*margin: 0;*/
	/*float: right;*/
}



/*===== サイトの名前　ロゴ submenu 2014.02.18=====================*/


div#h2Box2{			/*ロゴとh2の領域*/
	width: 400px;
	height: 130px;
	color: #555555;
	/*margin: 0;*/
	/*clear: both;*/
}
div#h2Box2 div#name{
	width: 380px;
	height: 40px;
	/*margin: 0;*/
	float: left;
}



/*===== サイトの名前　ロゴ =======================================*/


div#address{				/*h3の領域*/
	width: 600px;
	height: 20px;
	padding: 0px 0px 0px 0;
	color: #555555;
	float: right;
}
div#address h3{

	font-size: 14px;
	line-height:16px;
	text-align: right;
	font-weight: normal;
	padding: 0px 0px 0 0;
}


/*=====================================================================================
	headerおわり
=====================================================================================*/


/*=====================================================================================
	top page header

=====================================================================================*/

/*body , html{
	height: 100%;
}*/
#wraptop{					/*外側も含む全体の枠*/
	width: 100%;
	/*position: relative;*/		/*relative以外はfooterがずれる*/
	padding: 30px 0 100px 0;
	/*height: auto !important;*/
	height: 100%;
	background: #ffdddd;
	/*min-height: 100%;*/
}
div#containertop{				/*中身の枠*/
	/*display: block;*/
	width: 880px;
	height: auto;
	border: solid 5px #ff6600;
	margin: 0 auto;		/*値が二つの場合、上下、左右*/
	text-align: left;
	padding-bottom: 0px;		/*一番下の余白*/
	background: #ffffff;
	/*clear: both;*/
}
div#containertop div#headertop{			/*ヘッダー枠*/
	width: 880px;
	height:100px;
	/*background: url(../image/common/head_bg.gif);*/
	/*background-repeat: repeat;*/
	/*clear: both;*/
	/*margin:  0px 0px 5px 0px;*/		/*上　右　下　左*/
}





/*===== サイトタイトル =======================================*/
div#headertop div.titletop{			/*h1とpが入る領域*/
	/*display: block;*/
	line-height: 22px;
	width: 800px;
	/*margin: 0px 0px 14px 14px;*/	/*上　右　下　左*/
	/*padding: 10px 50px 0 5px;*/	/*上　右　下　左*/
	height: 10px;
	color: #555555;			/*文字の色*/
	float: right;
	/*clear: left;*/
	/*border: 1px solid #0000ff;*/

}
div.titletop h1{
	font-weight: normal;
	font-size: 14px;
	padding: 10px 5px 0px 0px;
	float: left;
	/*border: 1px solid #0000ff;*/
}
div.titletop p{
	width:350px;
	line-height:16px;
	font-size: 12px;
	padding: 5px 16px 0px 10px;
	float: right;
}


/*===== サイトの名前　ロゴ =======================================*/
div#h2Boxtop{			/*ロゴとh2の領域*/
	width: 100%;
	height: 60px;
	color: #555555;
	/*margin: 0;*/
	/*clear: both;*/
}
div#h2Boxtop div#nametop{
	width: 600px;
	height: 60px;
	/*margin: 0;*/
	float: left;
}
div#nametop h2{			/**/
	/*display: block;*/
	width: 520px;
	padding: 14px 0 0 0;
	line-height: 60px;
	float: right;
	font-size: 24px;
}
/*div#name h2 a{
	float: left;
}*/
div#nametop p{				/*アイコン*/
	width: 55px;
	height:	55px;
	padding: 0px 10px 10px 10px;		/*上　右　下　左*/
	/*margin: 0;*/
	/*float: right;*/
}


/*===== サイトの名前　ロゴ =======================================*/
div#addresstop{				/*h3の領域*/
	width: 250px;
	height: auto;
	padding: 25px 5px 0 0;
	color: #555555;
	/*text-align: right;*/
	float: right;
}
div#addresstop h3{
	padding: 5px 0 0 0;
	line-height:16px;
	font-weight: bold;
	font-size: 14px;
}
/*div#address p{
	font-weight: bold;
	line-height: 30px;
	font-size: 10px;
}
div#address p span{
	padding: 0 0 0 10px;
	font-size: 27px;
}*/

/*=====================================================================================
	top page headerおわり
=====================================================================================*/


/*=====================================================================================
	スライドショー
=====================================================================================*/

/* gallery items */

#gallery ul li,

#gallery ul li a,

#gallery p,

#gallery p i {

  background: url(../img/gallery_item.png);

}

/* gallery list button */

#gallery ul.nav {

  width: 62px;

  margin: 0 auto;

  padding: 0;

}

#gallery ul.nav li {

  float: left;

  margin-right: 16px;

  background-position: -260px 0;

}

#gallery ul.nav li:last-child {

  margin-right: 0;

}

#gallery ul.nav li a {

  display: block;

  width: 10px;

  height: 10px;

  background-position: -260px -20px;

}

#gallery ul.nav li a:hover { opacity: 0; }


/* slider arrow button */

#gallery p,

#gallery p a {

  position: absolute;

  top: 0;

  margin: 0;

  width: 110px;

  height: 320px;

  cursor: pointer;

}
041
#gallery .prev {

  left: 0;

}

#gallery .next {

  right: 0;

  background-position: -110px 0;

}

#gallery p i {

  display: block;

  width: 26px;

  height: 26px;

  margin: 140px 0 0 40px;

  background-position: -230px 0;

}

#gallery p:hover i {

  margin: 140px 0 0 32px;

}

#gallery .next i {

  margin-left: 44px;

  background-position: -230px -30px;

}

#gallery .next:hover i {

  margin-left: 52px;

}

 

/* CSS Programming */

#gallery #switch1:target ~ .slideFrame ul {

  left: 90px;

}

#gallery #switch2:target ~ .slideFrame ul {

  left: -450px;

}

#gallery #switch3:target ~ .slideFrame ul {

  left: -990px;

}

#gallery #switch1:target ~ .nav li a[href="#switch1"],

#gallery #switch2:target ~ .nav li a[href="#switch2"],

#gallery #switch3:target ~ .nav li a[href="#switch3"] {

  opacity: 0;

}

#gallery .switch {

  display: none;

}

#gallery #switch1:target ~ .prev a:not([href="#switch3"]),
#gallery #switch2:target ~ .prev a:not([href="#switch1"]),
#gallery #switch3:target ~ .prev a:not([href="#switch2"]),
#gallery #switch1:target ~ .next a:not([href="#switch2"]),
#gallery #switch2:target ~ .next a:not([href="#switch3"]),
#gallery #switch3:target ~ .next a:not([href="#switch1"]) {
  pointer-events: none;
}

/* transition  */

#gallery ul.nav li a  {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0;
}
#gallery i  {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0;
}
#gallery .slideFrame ul  {
  transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
  -webkit-transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}

/*=====================================================================================
	スライドショーおわり
=====================================================================================*/


/*=====================================================================================
	navigation
=====================================================================================*/



div#gNavi{
	width: 640px;
	height: auto;
	/*position:rerative;*/
	padding: 10px 10px 10px 0px;
	bottom: 0;
	/*z-index:1;*/
	/*top:80px;*/					/*初期値96*/
	margin: 0 0 10px 0;
	clear: both;
}




div#gNavi ul{
	width: 640px;
	height: auto;
	margin: 0;
	padding: 0;
}
div#gNavi ul li{
	margin: 0 1px 0 0;
	padding: 5px 5px 5px 0px;
	float: left;
}
div#gNavi ul li.left{
	width: 200px;
}
div#gNavi ul li.right{
	margin: 0;
	width: 200px;
}
div#gNavi ul li a{
	text-align: center;
	background: #ffffff;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	padding: 5px 0 5px 0;
	float: left;
}
div#gNavi ul li p{
	text-align: center;
	background: #ffffff;
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	padding: 0px 3px 10px 3px;
	float: left;
}


div#gNavi h3{
	width: 600px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding: 10px 20px 5px 10px;
	margin: 10px 20px 20px 0;
	border-bottom: 2px solid #999999;
}

div#gNavi ul li.left a{width: 200px;}
div#gNavi ul li.right a{width: 200px;}
div#gNavi ul li a:hover{background: none;}





/*=========================submenu書影　2014.02.18==================================================*/


div#gNavi3{
	width: 100%;
	height: auto;
	position:relative;
	padding: 0px 0px 0px 0px;
	top: -125px;
	right: 0px;
	/*z-index:1;*/
	/*top:80px;*/					/*初期値96*/
	margin: 0 0 0px 0;
	clear: both;
	float: right;
	/*border: 1px solid #0000ff;*/
}




div#gNavi3 ul{
	width:100%;
	height: auto;
	margin: 0;
	padding: 0;

}
div#gNavi3 ul li{
	margin: 0 0px 0 0;
	padding: 0px 0px 0px 7px;
	float: left;
}



/*=====================================================================================
	navigation　おわり
=====================================================================================*/
/*=====================================================================================
	container　
=====================================================================================*/
div#mainWrap{
	width: 920px;
	height: 10px;
	margin: 10px 0 0 0;
	border-bottom: 2px solid #999999; 	/*タイトルの下の線*/
}	

div#containerInner{
	width: 900px;
	height: auto;
	margin: 10px 0 0 0;			/*mainWrap不使用のため20に増やした*/
	padding: 9px 15px 50px 10px;
	background: #ffffff;
	letter-spacing: 0px;
	clear: both;


}


/*===========2014.02.18=====*/

div#mainWrap2{
	width: 920px;
	height: 10px;
	margin: 10px 0 0 0;
	border-bottom: 0px solid #999999; 	/*タイトルの下の線*/
}	

div#containerInner2{
	width: 900px;
	height: auto;
	margin: 10px 0 0 0;			/*mainWrap不使用のため20に増やした*/
	padding: 9px 15px 50px 10px;
	background: #ffffff;
	letter-spacing: 0px;
	clear: both;
	position:relative;

	/*top: -120px;*/
	top: -150px;
}

/*================*/
div#mainVi{
	width: 575px;
	height: 470px;
	margin: 0 0 15px 0;
}
div#mainVi a{
	display: block;
	width: 575px;
	height: 470px;
	text-indent: -9999px;
}
div.main{
	width: 575px;
	height: auto;
	margin: 0;
	float: left;
}
div.main h2{
	width: 565px;
	height: 35px;
	padding: 0 0 0 10px;
	margin: 0 0 4px 0;
	line-height: 35px;
	color: #333333;
	font-size: 14px;
	background: #ffdddd;
	border: 2px solid #999999;
}

div.main p{
	padding: 5px 10px 0 10px;
	line-height: 25px;
	color: #333333;
	font-size: 16px;
}

div.main p.right{
	float: right;
}


table#event{
	width: auto;
	height: auto;
	margin: 0 0 30px 0;
	border: 1px solid #333333;
	border-collapse: collapse;	
}
table#event td{
	border: 1px solid #333333;
	padding: 3px 15px 3px 15px;
}

table#event tr.cnt{
	text-align: center;
}

table#event tr.lft{
	text-align: left;
}

table#event tr.rgt{
	text-align: right;
}


table#event td.cnt{
	text-align: center;
}

table#event td.lft{
	text-align: left;
}

table#event td.rgt{
	text-align: right;
}


table#event td.month{width: 60px;}
table#event td.plan{width: 500px;}

/*=====================================================================================
	container　top
=====================================================================================*/
div#mainWraptop{
	width: 880px;
	height: 3px;
	margin: -15px 0 0 0;
	border-bottom: 3px solid #999999;
}	

div#containerInnertop{
	width: 845px;
	height: auto;
	margin: 20px 0 0 0;			/*mainWrap不使用のため20に増やした*/
	padding: 0px 15px 50px 20px;
	background: #ffffff;
	letter-spacing: 0px;
	clear: both;
}

div#mainVitop{
	width: 575px;
	height: 470px;
	margin: 0 0 15px 0;
}
div#mainVitop a{
	display: block;
	width: 575px;
	height: 470px;
	text-indent: -9999px;
	background: url(../image/top/amino-acid.jpg);
	background-repeat: no-repeat;
}
div.maintop{
	width: 575px;
	height: auto;
	margin: 0;
	float: left;
}
div.maintop h2{
	width: 565px;
	height: 35px;
	padding: 0 0 0 10px;
	margin: 0 0 4px 0;
	line-height: 35px;
	color: #333333;
	font-size: 14px;
	background: #ffdddd;
	border: 2px solid #999999;
}

div.maintop p{
	padding: 5px 10px 0 10px;
	line-height: 25px;
	color: #333333;
	font-size: 16px;
}

div.maintop p.right{
	float: right;
}

div.maintop b.ble{
	font-size: 18px;
	line-height: 30px;
	padding:0px 0 5px 20px;
	background:  url(../image/common/img_n13.gif);
	background-repeat: no-repeat;
	background-position: left 20%;
}

/*=====================================================================================
	sub
=====================================================================================*/
div.sub{			/*サブメニューから院長までの枠*/
	width: 250px;
	height: auto;
	margin:0px 0 0px 0;			/*上　右　下　左*/
	float: right;
	/*background: url(../image/common/head_bg.gif);
	background-repeat: repeat;*/

}



div.sm{
	width: 240px;
	height: 25px;
	margin: 3px 0 3px 0;
}

div.sm p.twitter{
	width:50;
	float: left;
}
div.sm p.facebook{
	width:80;
	float: right;
}

div.sm p.google{
	width:60;
	float: left;
}



div.sub div.subNavi{		/*サブメニュー枠*/
	width: 250px;
	height: auto;
	margin: 0 0 15px 0;			/*上　右　下　左*/
	/*border: 1px solid #cccccc;*/
}




div.subNavi h3{			
	display: block;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin: 0 0px 8px 0;
	padding: 5px 0px 4px 10px;
	width: 240px;
	height: 25px;
	background: #666666;
}


}


div.subNavi ul{				/*リスト部分全体*/
	width: 250px;
	height: auto;
	/*margin: 0;*/

}
div.subNavi ul li{			/*個々のリスト*/
	width: 250px;
	height: 35px;
	margin-bottom: 0px;
	display: block;
	padding: 0px 0 0px 0px;
	background: url(../image/material/menu02.gif);
	background-repeat: no-repeat;
}




div.sub div.subNavi2{		/*サブメニュー枠*/
	width: 250px;
	height: auto;
	padding: 0px 0px 0px 0;
	margin: 0 0 16px 0;			/*上　右　下　左*/
	border: 1px solid #3333ff;
}



div.subNavi2 ul{				/*リスト部分全体*/
	width: 250px;
	height: auto;
	background: #ffffff;
}

div.subNavi2 ul li{			/*個々のリスト*/
	width: 250px;
	height: 35px;
	margin: 0px 0 0px 0;
	padding: 0px 0px 0 0;
	background: #ffffff;
	/*background: url(../image/common/side_navi02.gif);
	background-repeat: no-repeat;*/
}


div.sub div.subNavi3{		/*サブメニュー枠*/
	width: 250px;
	height: auto;	
}


div.subNavi3 ul{				/*リスト部分全体*/
	width: 250px;
	height: auto;
	background: #ffffff;
}
div.subNavi3 ul li{			/*個々のリスト*/
	width: 250px;
	height: 25px;
}


div.sub div.subNavi4{		/*サブメニュー枠*/
	width: 250px;
	height: auto;
	margin: 0 0 8px 0;
}

div.subNavi4 ul{				/*リスト部分全体*/
	width: 250px;
	height: auto;
	background: #ffffff;
}

div.subNavi4 ul li{			/*個々のリスト*/
	width: 250px;
	height: 35px;
	border: 1px solid #3333ff;
}



div.sub div.subNavi5{		/*サブメニュー枠*/
	width: 250px;
	height: auto;
	margin: 0 0 8px 0;
}

			/*上　右　下　左*/

div.subNavi5 ul{				/*リスト部分全体*/
	width: 250px;
	height: auto;
	background: #ffff00;
	/*margin: 0;*/
}

div.subNavi5 ul li{			/*個々のリスト*/
	width: 250px;
	height: 35px;
	display: block;
	border: 1px solid #3333ff;
}






div.subNavi6 h3{
	display: block;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	background: #ffffff;
	margin: 0 0px 8px 0;
	padding: 5px 0px 4px 10px;
	width: 240px;
	height: 25px;
}


div.subNavi6 p{

	background: #ffffff;
	margin: 0 0px 0px 0;
	padding: 5px 0px 0px 5px;
}

div.subNavi6 p a{
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

div.sub div.subNavi6{		/*サブメニュー枠*/
	width: 250px;
	height: auto;
	margin: 20px 0 8px 0;
	padding: 5px 5px 5px 5px;
	border: 2px solid #999999;
	background: #ffffff;
}

			/*上　右　下　左*/

div.subNavi6 ul{				/*リスト部分全体*/
	width: 250px;
	height: auto;
	/*margin: 0;*/
}

div.subNavi6 ul li{			/*個々のリスト*/
	width: 250px;
	height: 35px;

}

div#cse-search-form{
	margin: 0px 0 0 0;
	background: #ffffff;
}


/*-------- IE7 --------------------------------------*/
*:first-child+html div.subNavi ul li{
	margin-bottom: -1px;
}
/*-------- IE7 --------------------------------------*/	


div.subNavi ul li a{
	display: block;
	width: 210px;
	height: 25px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	padding: 5px 10px 0 30px;
	z-index: 3;			/*重ね順　大きいほうが上*/
	border-bottom: 1px solid #cccccc;
}

div.subNavi ul li p{
	display: block;
	width: 210px;
	height: 25px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	padding: 5px 10px 0 30px;
	z-index: 3;			/*重ね順　大きいほうが上*/
	border-bottom: 1px solid #cccccc;
}

/*div.subNavi ul li a.last{
	border-bottom: 1px solid #cccccc;
}*/


div.subNavi2 ul li a{
	display: block;
	width: 230px;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	position:absolute;
	padding: 5px 5px 0 15px;
	z-index: 3;			/*重ね順　大きいほうが上*/
	/*border: 1px solid #0000ff;*/

}

div.subNavi2 ul li p{
	display: block;
	width: 230px;
	height: 25px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 10px;
	position:absolute;
	padding: 30px 5px 0 20px;
	z-index: 2;
	/*border: 1px solid #0000ff;*/
}



div.subNavi3 ul li a{
	display: block;
	width: 210px;
	font-size: 12px;
	height: 25px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	position:relative;
	margin: 0 0 0 0px;
	padding: 0px 0px 1px 40px;
	/*border: 1px solid #0000ff;*/
}


div.subNavi4 ul li a{
	display: block;
	width: 230px;
	height: 35px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 25px;
	position:absolute;
	padding: 5px 10px 0 15px;

	z-index: 3;			/*重ね順　大きいほうが上*/
	/*border: 1px solid #0000ff;*/
}


div.subNavi5 ul li a{
	display: block;
	width: 230px;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	position:absolute;
	padding: 5px 10px 0 15px;

	z-index: 3;			/*重ね順　大きいほうが上*/
	/*border: 1px solid #0000ff;*/
}



div.subNavi6 ul li a{
	display: block;
	width: 230px;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	position:absolute;
	padding: 5px 10px 0 15px;

	z-index: 3;			/*重ね順　大きいほうが上*/
	/*border: 1px solid #0000ff;*/
}


div.subNavi a:link{color: #0033ff;}
div.subNavi a:visited{color: #0033ff;}
div.subNavi a:hover{color: #ff0033;}

div.subNavi2 a:link{color: #0033ff;}
div.subNavi2 a:visited{color: #0033ff;}
div.subNavi2 a:hover{color: #ff0033;}


div.subNavi3 a:link{color: #0033ff;}
div.subNavi3 a:visited{color: #0033ff;}
div.subNavi3 a:hover{color: #ff0033;}


div.subNavi4 a:link{color: #0033ff;}
div.subNavi4 a:visited{color: #0033ff;}
div.subNavi4 a:hover{color: #ff0033;}

div.subNavi5 a:link{color: #0033ff;}
div.subNavi5 a:visited{color: #0033ff;}
div.subNavi5 a:hover{color: #ff0033;}



div.subNavi6 a:link{color: #0033ff;}
div.subNavi6 a:visited{color: #0033ff;}
div.subNavi6 a:hover{color: #ff0033;}




div.sub h4{
	width: 250px;
	height: 40px;
	padding: 0 0 0 10px;	
	margin: 50px 0 4px 0;
	line-height: 35px;
	color: #333333;
	font-size: 14px;
	background: url(../image/common/sub_caption.gif);
	background-repeat: no-repeat;
	/*border: 1px solid #0000ff;*/
}
div.inforBox{
	display: inline;
	width: 250px; 
	height: auto;
	margin: 0;
	clear: both;
}
div.inforBox p.principal{
	width: 80px;
	height: 80px;
	padding: 5px 10px 10px 0;
	float: left;
}
div.inforBox p{padding: 5px 0 0 0;}

/*======= container news ===================================================*/


/*=====================================================================================
	TOPページ以外のページ
=====================================================================================*/


/*===== 園について =========================================================*/




div.cause{
	width: 600px;
	height: auto;
	margin: 0;
	float: left;
}
div.cause h2{
	width: auto;
	height: auto;
	margin: 0 0 0px 0px;
	font-weight: normal;
	padding: 5px 15px 5px 5px;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	/*float: left;*/	/*★*/
	background: #ffffff;
	color: #333333;
	/*background: url(../image/common/h2back.gif);*/
	/*background-repeat: repeat-x;*/
}


p.subhead{
	/*width: 180px;*/
	height: auto;
	margin: 5px 0 0 0px;	/*★*/
	font-weight: bold;
	padding: 5px 5px 15px 10px;
	line-height: 26px;
	font-size: 20px;
}


p.author{

	height: auto;
	margin: 0px 0 0 0px;
	font-weight: normal;
	padding: 0px 5px 0px 10px;
	line-height: 16px;
	font-size: 14px;
}

p.abstruct{
	height: auto;
	margin: 10px 0 10px 0px;
	font-weight: normal;
	padding: 0px 5px 0px 10px;
	line-height: 22px;
	font-size: 16px;
}

div.cause h3{
	width: 570px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding: 10px 20px 5px 10px;
	margin: 10px 20px 20px 0;
	border-bottom: 2px solid #999999;
}





div.cause div.main01{/*--- 共通の箱 ----*/
	width: 600px;
	height: auto;
	margin: 0 0 0px 0;
	clear: both;
}

div.causeImg{
	width: auto;
	height: auto;
	margin: 0px 15px 10px 0px;
	float: left;
	border: 1px solid #cccccc;
}


div.causeImg2{
	width: auto;
	height: auto;
	margin: 0px 15px 10px 0px;
}

p.txt{
	padding: 0px 0px 0px 10px;
	font-weight: normal;
	line-height: 25px;
	color: #333333;
	font-size: 16px;
}


/*=====================書籍一覧表 2014.02.18========================================*/





#abc 
table {
  width: 600px;
  border-spacing: 0;
  font-size:14px;
}
#abc 
table th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
#abc 
table th:first-child {
  border-radius: 5px 0 0 0;
}
#abc 
table th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
#abc 
table tr td {
  padding: 8px 15px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: left;
}


#abc 
table tr td a{
  font-weight: bold;
}


#abc 
table tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#abc 
table tr {
  background: #fff;
}
#abc 
table tr:nth-child(2n+1) {
  background: #f1f6fc;
}
#abc 
table tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#abc 
table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
#abc 
table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
#abc 
table tr:hover {
  background: #bbd4ee;
  cursor:pointer;
}

#abc 
table tr a{ display: block; width: 100%;
 }

 /*
#abc 
table tr a:hover {         /* 解説B */
   background-color: #ffff99;
   color: red;
}
 */

/*==============================================================*/




div.book{
	width: 620px;
	height: auto;
	/*position:rerative;*/
	padding: 10px 0px 10px 0px;
	bottom: 0;
	/*z-index:1;*/
	/*top:80px;*/					/*初期値96*/
	margin: 0 0 0px 0;
	clear: both;
}




div.book ul{
	width: 620px;
	height: auto;
	margin: 0;
	padding: 0;
}
div.book ul li{
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
}
div.book ul li.left{
	width: 200px;
}
div.book ul li.right{
	margin: 0;
	width: 200px;
}
div.book ul li a{
	text-align: center;
	background: #ffffff;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	padding: 5px 0 5px 0;
	float: left;
}
div.book ul li p{
	text-align: center;
	background: #ffffff;
	color: #333333;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	padding: 0px 3px 10px 3px;
	width: 200px;
	float: left;
}


div.book h3{
	width: 580px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding: 10px 20px 5px 10px;
	margin: 10px 20px 20px 0;
	border-bottom: 0px solid #999999;
}

div.book ul li.left a{width: 200px;}
div.book ul li.right a{width: 200px;}
div.book ul li a:hover{background: none;}


div.tbl tr{
	padding:10px;
}

div.tbl td{
	padding:5px 10px 5px 10px;
}
/*===== 園について =========================================================*/


/*===== サイトマップ ===============================================================*/
ul#sitemap{
	width: 600px;
	height: auto;
}
ul#sitemap li{
	width: 530px;
	padding: 5px 0 5px 5px;
	margin: 0 0 5px 20px;
	line-height: 20px;
	border-bottom: 1px solid #da5251;
}
ul#sitemap li.inner{
	list-style-type: none;
	width: 510px;
	margin: 0 0 0 30px;
	padding: 5px 0 5px 15px;
}
ul#sitemap li a{
	/*display: block;*/
	width: 555px;
	height: auto;
	padding: 2px 0 2px 0px;
}
ul#sitemap li.inner a{
	/*display: block;*/
	width: 540px;
	height: auto;
	padding: 2px 0 2px 10px;
}
ul#sitemap a:hover{
	border-bottom: 1px solid #da5251;

}

/*=====================================================================================
	footer
=====================================================================================*/
div#footWrap{
	margin:0px 0 0 0; /*お勧め書籍との間をあける*/
	width: 880px;
	height: 25px;

}
div#footWrap div.topSh{
	width: 920px;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #666666;
}
div#footWrap div.topSh a{
	width: 90px;
	height: 35px;
	line-height: 35px;
	margin: 0 30px 0 0;
	background: url(../image/common/top_tab.gif);
	background-repeat: no-repeat;
	background: #666666;
	text-align: center;
	float: right;
}

div#footer{
	width: 900px;
	height: auto;
	margin: 5px auto;
	/*padding: 0 5px 0 5px;*/
	/*bottom: 0;*/	
	position: relative;		/**/
	font-size: 90%;
	clear: both;

}
div#footer div.box{
	padding: 10px 0 0 0;
	width: 500px;
	float: right;
}
div.box h3{
	margin: 0;
	font-weight: normal;
	padding: 0px 16px 0px 0px;
	font-size: 10px;
	float: right;
}


div.box p{
	padding: 0px 16px 0px 0px;
	font-size: 10px;
	float: right;
}

p.logo02{
	display: block;
	width: 55px;
	height: 55px;
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
	float: left;

}
p.footLogo a{
	display: block;
	width: 55px;
	height: 55px;
	padding: 0 0 0 10px;
	float: right;
}


/*=====================================================================================
	設定
=====================================================================================*/
li{list-style-type: none;}
.bold{font-weight: bold;}
img{border: none;}
.clear{
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
	visibility:hidden;
}


/*-----フォントサイズ-----*/

.s10 { font-size: 10px}
.s12 { font-size: 12px}
.s14 { font-size: 14px}
.s16 { font-size: 16px}
.s18 { font-size: 18px}
.s20 { font-size: 20px}
.s22 { font-size: 22px}
.s24 { font-size: 24px}
.s26 { font-size: 26px}
.s28 { font-size: 28px}
.s30 { font-size: 30px}
.s32 { font-size: 32px}
.s34 { font-size: 34px}
.s36 { font-size: 36px}
.s38 { font-size: 38px}
.s40 { font-size: 40px}
.s42 { font-size: 42px}
.s44 { font-size: 44px}
.s46 { font-size: 46px}
.s48 { font-size: 48px}
.s50 { font-size: 50px}

.gth {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif }
.min {font-family: "ＭＳ Ｐ明朝", 平成明朝, serif }

.bold {font-weight: bold }

.lh100 { line-height: 100% }
.lh110 { line-height: 110% }
.lh120 { line-height: 120% }
.lh130 { line-height: 130% }
.lh140 { line-height: 140% }
.lh150 { line-height: 150% }
.lh160 { line-height: 160% }
.lh170 { line-height: 170% }
.lh180 { line-height: 180% }
.lh190 { line-height: 190% }
.lh200 { line-height: 200% }

.clr000 { color: #000000 }
.clr200 { color: #220000 }
.clr400 { color: #440000 }
.clr600 { color: #660000 }
.clr800 { color: #880000 }
.clra00 { color: #aa0000 }
.clrc00 { color: #cc0000 }
.clre00 { color: #ee0000 }
.clrf00 { color: #ff0000 }

.clrf02 { color: #ff0022 }
.clrf04 { color: #ff0044}
.clrf06 { color: #ff0066 }
.clrf08 { color: #ff0088 }
.clrf0a { color: #ff00aa }
.clrf0e { color: #ff00ee }

.clr020 { color: #002200 }
.clr040 { color: #004400 }
.clr060 { color: #006600 }
.clr080 { color: #008800 }
.clr0a0 { color: #00aa00 }
.clr0c0 { color: #00cc00 }
.clr0e0 { color: #00ee00 }
.clr0f0 { color: #00ff00 }

.clr002 { color: #000022 }
.clr004 { color: #000044 }
.clr006 { color: #000066 }
.clr008 { color: #000088 }
.clr00a { color: #0000aa }
.clr00c { color: #0000cc }
.clr00e { color: #0000ee }
.clr00f { color: #0000ff }

.clr220 { color: #222200 }
.clr440 { color: #444400 }
.clr660 { color: #666600 }
.clr880 { color: #888800 }
.clraa0 { color: #aaaa00 }
.clrcc0 { color: #cccc00 }
.clree0 { color: #eeee00 }
.clrff0 { color: #ffff00 }

.clr022 { color: #002222 }
.clr044 { color: #004444 }
.clr066 { color: #006666 }
.clr088 { color: #008888 }
.clr0aa { color: #00aaaa }
.clr0cc { color: #00cccc }
.clr0ee { color: #00eeee }
.clr0ff { color: #00ffff }

.clr202 { color: #220022 }
.clr404 { color: #440044 }
.clr606 { color: #660066 }
.clr808 { color: #880088 }
.clra0a { color: #aa00aa }
.clrc0c { color: #cc00cc }
.clre0e { color: #ee00ee }
.clrf0f { color: #ff00ff }

.clrf66 { color: #ff6666 }
.clrfcc { color: #ffcccc }
.clr33f { color: #3333ff }
.clr555 { color: #555555 }


.bdr01 { border: 1px solid #cccccc }

.bdr01m {
	 border: 1px solid #cccccc; 
	margin: 0 0 10px 0;
}