@charset "utf-8";


/*
Theme Name: ocha_info02
Theme URL:http://www-p.sci.ocha.ac.jp/
Author:　ocha_info
Template: twentyten
*/
@import url('../twentyten/style.css');

.entry-content table.reset,.entry-content .reset caption,.entry-content .reset tbody,.entry-content .reset tfoot,.entry-content .reset thead,.entry-content .reset tr,.entry-content .reset th,.entry-content .reset td {
	margin: 0;
	padding: 0;
	border: 0 !important;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

#content p, #content ul, #content ol,#content pre, #content hr
{
  margin-bottom: 12px;
  text-align: left
}

#content dd,#content dl,p dd dl
{
text-align: center;
}

#content p,#content pre
{
margin-left:15px;
text-align: left
}

#content p.pre_sp
{
margin-left:15px;
text-indent: 1em;
}

 #content hr
{
  margin-bottom: 30px;
}

 #content li
{
  margin-bottom: 5px;
  list-style-type: disc
}


a,a:link
{

	color: #0073aa;
}
a:visited
{
	color: #252424;
}

body, input, textarea, .page-title span, .pingback a.url {
font: 81.25% "メイリオ","Meiryo",verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif,High-Tower-Text,Garamond;
background:#fff;
}

#content, #content input, #content textarea {
font-size: 100%;
}

#colophon, #branding, #main{
width:980px;
}

ul,.widget_calendar,.widget_calendar a,.widget_calendar li,table#wp-calendar,
table#wp-calendar a
{ 
list-style:none;
}
.widget_calendar,.widget_calendar a,.widget_calendar li,table#wp-calendar,
table#wp-calendar a
{
padding:0;
}

ol{
list-style-type:decimal;
padding:0 16px;
}

.entry-title a:active,
.entry-title a:hover,
a:active,
a:hover {
	color: #366ba1;
}

#upper_header {
	background-repeat: no-repeat;
background-size:auto 45px;
	min-height: 45px;
	width: 980px;
	margin: -7px auto auto;
	background-position: right 0;
	background-image: url(images/ocha_hd_logo2.png);

}

#upper_header .ico ul.link-out li a {
display:flex;
height:45px;
width: 300px;
	margin: -7px auto auto;
	float:right;

}



#upper_header h1 {
float: left;
min-width:203px;
width: auto;

margin-left: 0;
height:auto;
}

#upper_header h1 a{
text-decoration:none;
color: #666;
}

/*.ico {
float: right;
border:solid 1px #cccccc;
margin-top:53px;
}

.ico li {
    float: left;
margin:0.5em 0;
}


.ico li img{
padding:0 0.5em;
}*/

/*ul.link-out {
    margin: 0;
    padding: 0.5em 1.5em 1em 1em;
}

ul.link-out li {
}
*/

#wrapper{
margin:0;
width:100%;
background:#fff url(./images/hd_bg.png) repeat-x;
background-size:1px 100px;
	background-position: top center;
border-top:5px solid #1D53A9;
padding:0;
}


.entry-meta
{
  clear: both;
  margin-bottom: 30px;
  background-color: #efefef;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 0.85em;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #68b1d5;
  border-right-color: #68b1d5;
  border-bottom-color: #68b1d5;
  border-left-color: #68b1d5;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}


#content .entry-meta
{
  margin-bottom: 15px;
  font-size: 10px;
  color: #1D53A9;
}




h1.sitetit{
padding-left:0px;
margin-top: 0;
}


#access .menu-header 
{

	text-align: center;
width:980px;
		min-width:680px;
	margin: 0 auto;
	font-size: 15px;
	
}

#access .menu-header ul
{
white-space: nowrap;
}


#access {
		text-align: center;
width:100%;
/*background:#000 url(./images/bg_menu.jpg) repeat-x;*/
background: -moz-linear-gradient(top,#FFF 0%,#eee);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
background: linear-gradient(to bottom, #fff, #eee);/* IE10+, W3C */
background: gradient(top,#FFF 0%,#eee);
background-size:contain;
border-top:1px solid #1D53A9;
border-bottom:4px solid #1D53A9;
margin:0 auto 40px ;

}

#access a{
height:50px;
color:#555;
line-height:50px;

}



#access .menu{
margin:0 auto;
	text-align: center;
width:980px;
}

#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
    color: #FFFFFF;
    background: #366ba1;
}


#access li .bt_en,#access li a.ext-link,#access ul li  .bt_en{
    background: #A1366B;
	color: #fff;
}

.bt_en_02 > a,#access ul li .bt_en_02 > a:link
{
	background: #A1366B;
	color: #fff !important;
}

#access li a:hover{
	background: #68b1d5;
	color: #fff;
}

#access li a:active{
	background: #366ba1;
	color: #fff;
}

#access ul ul a {
	background-color: #68b1d5;
	font-size: 85%;
	color: #fff;
	padding-left:24px;

white-space: normal;
}

#access ul.sub-menu li:first-child a {

	border-top-right-radius: 2px;
	-moz-top-right-right-radius: 2px;
	-webkit-top-right-right-radius: 2px;

}

#access ul.sub-menu li:last-child a {

	border-bottom-left-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;

	border-bottom-right-radius: 2px;
	-moz-border-bottom-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
}


#access li:hover > a,
#access ul ul :hover > a {
	background: #68b1d5;
	color: #fff;
}

#access ul.sub-menu
{
	text-align: left;
	line-height: 1em;

}

#access ul.sub-menu li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}
#access ul.sub-menu li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	width: 3px;
	height: 10px;
	margin-top: -5px;
	background :#fff;
}

#access ul.sub-menu li a:hover:before {
	border-left: 5px solid #1D53A9;
}

#access ul.sub-menu li a:hover:after {
	background :#1D53A9;
}


#access ul.sub-menu li a:hover{
	color: #1D53A9;
}



#mainimg {

width:100%;

text-align:center;
margin:0 auto;
}


#mainimg img{
width:980px;
margin:0 0 40px 0;

}


#topcontent {
width:auto;
float:right;

}


#topcontent dt, #topcontent th {
color:#1D53A9;
}


.ichiran {
    display: block;
    float: left;
    height: 45px;
    width: 76px;
}

.t_info{    
    height: 45px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 585px;
float: left;
}


.t_info {
    background: url("./images/tit_news.gif") no-repeat;
}


.infoarea_info dt{
float:left;
line-height: 1.5em;
}

.infoarea_info dd{
border-bottom:dotted 1px #ccc;
padding-left:80px;
list-style-type:none;
line-height: 1.5em;
}

.infoarea_info dl{
margin:0;
padding:20px 20px 10px;
}

.infoarea_info{
    border:1px solid #cccccc;
    margin-bottom: 22px;
    width: 659px;
clear:both;
}

#topcontent h3.t_info{
margin-bottom:7px;
	background : #efefef;
}




#content h1,#content h1.entry-title
{

font-size: 180%;
	border-top: 2px solid #1D53A9;
	  border-bottom: 2px solid #1D53A9; 
	background-repeat: repeat-x;
	background-color: #efefef;
	line-height: 1.5em;
	padding: 0.5em 0 0.4em 1.5em;
	margin:0 0 0.2em;
	position: relative;
}




#content h1:before,#content h1.entry-title:before
{
   content: "";
   position: absolute;
   background: #1D53A9;
   top: 50%;
   left: 0.5em;
   margin-top :-15px;
   height: 30px;
   width: 8px;
   border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}



#content h2.entry-title{
	background : #efefef;
	font-size: 16px;
	border-top: 3px solid #1D53A9;
	background-repeat: repeat-x;
	/*background:#000 url(./images/bg_menu.jpg) repeat-x;*/
background: -moz-linear-gradient(top,#FFF 0%,#eee);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
background: linear-gradient(to bottom, #fff, #eee);/* IE10+, W3C */
background: gradient(top,#FFF 0%,#eee);
	background-color: #fff;
	line-height: 1.5em;
	padding: 0.5em 0 0.4em 1em;
	    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	color:#000;
	   margin-bottom :12px;
}


#content h2.entry-title:before{
	content: url(./images/arrow.png);
	vertical-align: top;
	padding-right: 5px;
}

p.h3,
#content h3{
border-bottom:1px solid #1D53A9;
line-height:1.2em;
padding:0.5em 1em 0.5em;
font-weight:bold;

position: relative;
}


p.h3:before,
#content h3:before{
font-weight:normal;
content:">";
color:#1D53A9;
font-size:1em;
vertical-align:top;
position: absolute;
margin-left:-1em;
}



#content h2{
	/*background-image: url(./images/before_ico.gif);*/
	background-color: #1D53A9;
	font-size: 140%;
	line-height: 1.2em;
	padding: 0.5em 0.5em 0.5em 1em;
	color:#fff;
	    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}
/*
#content h2:before{
content:"?";
color:#fff;
font-size:2em;
vertical-align:top;
}*/







/*.pagetop {
float:right;
margin-top: -25px;
}*/

/****************************************
          TOPへ戻るボタン（Go to top）
*****************************************/
#page-top{
z-index: 2000000000000000000;
    position:fixed;
    right:10px;
    bottom:100px;
    display: none;
}
 
#page-top a{
    color:#fff;
    padding:10px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align:center;
    background:#1D53A9;
    line-height:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px; 
}
 
#page-top a:hover{
    background:#68b1d5;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}


.side-banner {
border : solid 2px #780040;
background: #eddde6;
padding: 18px 15px;
}

.side-banner:hover{
border : solid 2px #68b1d5;
background: #e87cb5;
padding: 18px 15px;
}

.side-banner a {
color: #333;
text-decoration: none;
display: block;
background: url("./images/arrow.png") no-repeat left center;
padding-left: 15px;
}

.side-text {
display: block;
background: url("./images/arrow.png") no-repeat left 3px ;
padding-left: 15px;
text-decoration: underline;
}

#container {
margin: 0 auto;
    overflow: hidden;
    padding: 0;
float:right;
width:680px;
}


#container_L {
margin: 0 auto;
    overflow: hidden;
    padding: 0;
float:right;
width:980px;
}



header,#header {

	padding: 0px;
	width: 100%;
	margin: 0 auto;
		text-align: center;
}

#content{
	margin:  0 0 0 auto;
	float: right;
	/*width: 661px;*/width: 100%;
			text-align: left
}
/*
#sprimary{
float:left;
width: 250px;
}
*/
#sprimary img{
vertical-align: top;
}



#primary{
	float: left;
    overflow: hidden;
   width: auto;
	min-width: 244px;
	margin-right:50px;
	margin-bottom:5px;
		text-align: left;
	
}
#secondary{

        float: right;
    overflow: hidden;
    width: auto;
	min-width: 244px;
	margin-right:50px;
	text-align: left;

}

#primary ul,#secondary ul
{
	margin-bottom:5px;
}






#main 
{
text-align: left;
padding-top: 0px;
padding-bottom:200px;
}

#main #left_box,#main .widget-area
{
float:left;
 width: 300px;   

}

#main .widget-area ul.sidenav{
	width: 244px;

	background: -moz-linear-gradient(top,#FFF 0%,#eee);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eee));
background: linear-gradient(to bottom, #fff, #eee);/* IE10+, W3C */
	padding: 15px 10px;
	border-top: 1px solid #68b1d5;
	border-bottom: 1px solid #68b1d5;
	border-right: 1px solid #68b1d5;
	border-left: 1px solid #68b1d5;
	    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

#main .widget-area ul.sidenav li,#secondary ul{
	margin-bottom: 5px;
	margin-left:0;
	list-style: none;

}

#main .widget-area ul.sidenav li.nav_li
{
	padding: 0;
	margin: 0;
}

#main .widget-area ul.sidenav li.nav_li a{
	display: block;
	/*background-repeat: no-repeat;*/
	/*background-image: url(./images/nav_arrow.gif);*/
	/*background-position: left 3px;*/
	color: #161112;
	list-style: none;
}



/* arrow x disc */
#main .widget-area ul.sidenav li.nav_li a{
	position: relative;
	padding: 7px 0;
}

#main .widget-area ul.sidenav li.nav_li ::after,
#main .widget-area ul.sidenav li.nav_li ::before {
	display: block;
	content: '';
	position: absolute;
	margin: 5px 0;
}
#main .widget-area ul.sidenav li.nav_li ::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #68b1d5;
	border-radius: 100%;
}
#main .widget-area ul.sidenav li.nav_li ::before {
	z-index: 2;
	top: .760em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


#main #left_box .widget-area ul.xoxo.sidenav li#nav_menu-2.widget-container.widget_nav_menu ul.sub-menu li a
{
	padding: 0 0;
	margin: 0 0;
}

#main #left_box .widget-area ul.xoxo.sidenav li#nav_menu-2.widget-container.widget_nav_menu ul.sub-menu li ::after,
#main #left_box .widget-area ul.xoxo.sidenav li#nav_menu-2.widget-container.widget_nav_menu ul.sub-menu li ::before {
	display: block;
	content: '';
	position: absolute;
	margin: 0px 0;
}

#main #left_box .widget-area ul.xoxo.sidenav li#nav_menu-2.widget-container.widget_nav_menu ul.sub-menu li ::after {
	top: .28em;
	left: -1.2em;
	width: 12px;
	height: 12px;
	background-color: #999;
	border-radius: 100%;
}

#main #left_box .widget-area ul.xoxo.sidenav li#nav_menu-2.widget-container.widget_nav_menu ul.sub-menu li ::before {
	z-index: 2;
	top: .600em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



#main .widget-area ul.sidenav li a:hover{
/*background: url("./images/nav_arrow.gif") no-repeat;
	background-position: left 3px;*/
	color:#366ba1;
}






#access .menu-header ul#menu-main_nav{
width:980px;
margin:0 auto;
}


ul.list li:before {
    content: "●";
color:#1D53A9;
padding:0 1em 0 0;
}


.gaibu:after{
    content:url("./images/snav.gif");
    padding: 0 5px;
}



a[href$=".pdf"] {
    background: url("./images/icon_pdf.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding: 0 20px 0 0;
}

img.right{
float:right;
padding:0 0 1em 1em;
}


.caution{
color:#f05571;
float:right;
}


entry-content
{
	/*width:800px;*/width:980px;
	text-align: left;
}

html,body{
     height:100%;
	 margin: 0; 
}
#wrapper{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}










h3.widget-title
{
	color: #1D53A9;
	padding-left: 3px;
	border-top: 1px dotted #366ba1;
	border-bottom: 1px dotted #366ba1;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #eee;

}

/*
#secondary h3.widget-title
{
	padding-left: 3px;
	border-bottom: 2px solid #1D53A9;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 3px;
}
*/


footer,#footer{
	position: absolute;
	bottom:0;
	background-color: #366ba1;

	clear: both;
	margin:0;

	width: 100%;
	border-bottom: 5px solid #1D53A9;
}

#footer-inner {
margin: 0 auto;
width:980px;
}

#footer-inner2 {
margin: 0;
width:100%;
background-color: #f1f1f1;
}

#footer-wg1
{
	margin: auto;
	width: 980px;
	padding-bottom :10px;
	height: 70px;
}

#footer-wg1 li
{
	float: left;
	list-style: none;
	margin-right: 20px;

}






address {
margin: 0 auto;
width:980px;
	color: #fff;
	padding-bottom: 15px;
	padding-top: 15px;
	font-style: normal;
	font-size: 10px;
	text-align: right;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {


	
 
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin: 0;
	
}

#footer-wg1 li ul
{
width: auto;

margin:13px auto;
}

#footer-wg1 li ul ul
{
width: auto;

margin:0;
}

#footer-wg1 li li
{
font-size:80%;
		float: left;
	width:180px;
	list-style: outside;
	background-image: none;
	padding: 0px;
	margin: 0 30px;
	list-style-image: url(images/list_001_d-trans.png);
	
}

#footer-wg1
{
	margin-bottom:0px;
}


#footer-wg1 li li a
{
	text-decoration: none;
}

#footer-wg1 li li a:hover
{
	text-decoration: underline;
}

address li
{
	margin: 0 auto;
	list-style: none;
	padding: 0px;
}

address .textwidget
{
margin-right:50px;
	text-align: left;
	margin-left: 25px;
	z-index:20000000000000000000000;
		width:450px;
		margin-bottom:0px;
}

address .textwidget a
{
color: #fff;
}

footer h3.widget-title,#footer h3.widget-title
{
	display: none;
}

/*テーブルデザイン*/
			#content table {
					border: 1px solid #b3b3b3;
					margin:6px auto;
					min-width: 45%;

					}
					
				#content table tr,
				#content table th,
				#content table td {
					border: 1px solid #b3b3b3;
					padding:5px;

vertical-align: middle;
					}
					
				#content table thead{
					border-bottom: 3px solid #b3b3b3;
					background: #f4e7ec;
					}
					
				#content table thead th{
					padding: 5px 6px 7px 6px;
					font-weight: bold;
					color: #444444;
					text-align: center
					}				
				#content table tbody th{
					background: #ebebeb;
					font-weight: bold;
					}

					
					
					
.entry-content table{
width: 100%;
border-collapse: collapse;
}
.entry-content th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.entry-content  td{
vertical-align: middle;
background-color: #fff;
border: 1px solid #b9b9b9;

}

/*枠無し*/
#content table.nline td,#content table.nline,#content table.nline th,#content table.nline tr
{
border:none;
}

#content span.meta-sep,#content span.author
{
display:none;
}


#content span.meta-sep,#content span.author
{
display:none;
}

a.pubmed {
 width:80px;
  color:#ffffff;
    background:#ffffff;
  /*background:#337fcc;*/
  font-size:11px;
  font-weight:bold;
  text-shadow:0 -1px 0px #225588,0 -2px 0px #225588;
  text-align:center;
  display:block;
  text-decoration:none;
  border:1px solid #225588;
  padding:2px 0 1px 0;
  border-radius:5px;
  background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.5)), to(rgba(34,85,136,1)));
  box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}

a.pubmed:hover {
  background:-moz-linear-gradient(rgba(34,85,136,0.4), rgba(34,85,136,0.9));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.4)), to(rgba(119,170,221,0.9)));
}

.easingsliderlite-image
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:15px;
}

div.whatsnew {
	margin-top: -20px;
	top:-20px;

}

div.wn-head .wn-postlist
{
color: #fff;
}

/*FOOTER SETTING
================================================== */

footer .inner {
	
	margin: 0 auto;
	font-size: 93%;/*overflow: hidden;
		_overflow: visible;*/
		/*_height: 1%;*/
}


footer .inner a.pdf {
	padding-right: 18px;
	background: url(http://www.ocha.ac.jp/common/images/pdf_icon.gif) 100% 11% no-repeat;
}


footer a {
	color: #4b4b4b;
}


footer ul {
		float: left;
		display: inline;
		margin-left: 12px;
		padding-right: 10px;
		width: 190px;
		list-style-type:none;
		text-align: left;
		}
		
footer-sidebar ul {
	height: 50px;
}

footer ul li {
	margin-bottom: 5px;
	background: url(http://www.ocha.ac.jp/common/images/footer_arrow.gif) 0 5px no-repeat;
	float: left;
	clear: none;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin-right: 20px;
	text-align: left;
}

footer .widget-container
{
margin-bottom:0;
}

#main img.attachment-post-thumbnail
{
margin-bottom:15;
max-width: 100%;
    height: auto;
 vertical-align: middle;
text-align: center;
}

#content ol li
{
list-style-type: decimal
}
#content h4
{
background:#f5f5f5;
line-height:1.2em;
padding:0.5em;
font: bold 13px ;
color:#1d53a9;
}

.gallery img
{
border:none;
background:#fff;
border-color: #fff;
}

/*clearfix*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}