/*----------------------------------------
Name: global.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fcss%2Freset.css');



/* Elements
----------------------------------------*/
body
{
	background-color:#fff;
	font: normal 0.75em Arial, Helvetica, sans-serif;
	line-height:1.4;
	-webkit-font-smoothing: subpixel-antialiased;
}

body, p, td, th, li
{
	font: normal Arial, Helvetica, sans-serif;
	color:#000;
}
h1, h2, h3, h4, h5, h6
{
	font: bold 1em Arial, Helvetica, sans-serif;
}

#mainContainer
{
	/*width:960px;*/
	width:730px;
	margin: 15px auto;
	padding:0;
	background-color:#fff;
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#06C;
	text-decoration:none;
}

a:hover, a:active
{
	color:#C00;
	text-decoration:none;
}

h1
{
	color:#5C8127;
	margin:.825 0 .5em 0;
	font-size:2.125em;
}

h2
{
	color:#7a7a7a;
	margin: 0;
	font-size:26px;
}

h3
{
font-size:26px;
}



ul {
	list-style:none;
	margin-left:1em;
}
ol
{
	margin-left:25px;
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left{
	float: left;
	margin-right: 8px;
	}
.right{
	float: right;
	margin-left: 8px;
	}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }

* html .clearfix { zoom: 1; } /* IE6 */
*+html .clearfix { zoom: 1; } /* IE7 */
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last ,p.mid		{margin-bottom:0px;}

.clearfloat ,.clearfloat2 , .clearfloat3 , .clearfloatLast , .clearfloatLast2 { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearmargin{
	margin:0;
}

.blink , .blinkTop {
	background:url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Farrow_br.png') no-repeat 0 0;
	color:#06C;
	padding-left:1.2em;
	display:block;
	margin-top:7px;
 height:12px;
 line-height:1.3em;
}
.blinkTop {
	margin-top:0;
}

.blink a {
	/*vertical-align: super;*/
}
.blink:hover {
	background:url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Farrow_rr.png') no-repeat 0 0;
}
.dBlack , .dBlue , .dRed{
	background:url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Fdesc.png') no-repeat 0 0;
	padding-left:1.3em;
}
 .dRed{
	background-position:0 -13px;
}
 .dBlue {
	background-position:0 -28px;
}
.red {
	color:#C00;
}
.top {
	margin-top:15px;
}
.mid {
	margin-top:7px;
}
.bottom {
	margin-bottom:15px;
}
.italic{
		font-style:italic;
	}

/* Header
----------------------------------------*/
#header
{
	background-color:#FFF;
	margin-bottom:15px;
	line-height:1.2em;
	font-size:0.9166em;
}
h1.logo {
	display:block;
 height:29px;
	width:182px;
	background :url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Flogo.gif') no-repeat;
	border:none;
	margin: 0 0 0 230px;
	font-size:10pt;
}

h1.logo span{
	position:relative;
	z-index:-3;
}
#header .logobox
{
	float:left;
	height:100px;
	/*width:960px;*/
	width:730px;
	margin-bottom:15px;
	position:relative;
}
#header img.logo
{
	float:left;
	margin-right:15px;
}
#header .copy
{
	bottom:-2px;
	left:230px;
	position:absolute;
	margin:0;
}

#header .cart
{
	bottom:-2px;
	right:0px;
	position:absolute;
	margin:0;
	
	width:50px;
	height:21px;
	
}

#header .cart a {
	text-indent:-9999px;	
	width:50px;
	height:21px;
	
	display:block;
	background-image: url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Fcart.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	color:#000;
}

#header .cart a:hover {
	background-position: 0px -21px;
	color:#AAA;
}

#header h3 ,#sidebar h3
{
font: normal 1em Arial, Helvetica, sans-serif;
background: #000; /*background of menu items (default state)*/
color: #fff;
padding: 4px 10px;
text-decoration: none;
float:left;
width:195px;
margin:0 15px 0 0;
height:13px;
}

#sidebar h3
{
float:none;
margin:15px 0 15px 0;
background: #878787;

}



/* Sidebar
----------------------------------------*/
#sidebar
{
	width:215px;
	background-color:#fff;
	float:left;
	margin-right: 15px;
	margin-bottom: 0;
  font-size:1em;
	line-height:1.4em;
	padding-top:0;
}
#sidebar p
{
	line-height:1.4em;
}

#sidebar form{
text-align:right;
padding:0;
margin:0;
}
.line{
border-top:solid 1px #000;
padding-top:10px;
margin-top:5px;
}
#sidebar input{
font-size:1em;
padding:2px 2px;
border:solid 1px #000;
margin:0 ;
width:209px;
}
#sidebar table.login{
	margin-bottom:5px;
}
#sidebar td{
	white-space: nowrap;
}
#sidebar input.user ,#sidebar input.email  ,#sidebar input.search{
width:90px;
margin:0;
}
#sidebar input.email{
width:96px;
}
#sidebar input.search{
width:64px;
}
#sidebar label {
display:block;
width:215px;
margin:0 0 3px 0;
clear:both;
}
#sidebar label.volume {
width:auto;
display:inline;
}
#sidebar label.google {
	background:url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Fgoogle.gif') no-repeat 9em 12px ;
}
#sidebar label.advance {
	width:100px;
	float:left;
	/margin-bottom:1em; /* IE7 */
}
#sidebar input.adSearch {
	width:100px;
	float:right;
	margin-bottom:8px;
}
#sidebar select.group {
	width:106px;
	float:right;
	margin-bottom:8px;
	background-color:#FFFFFF;
}
#sidebar button.adButton ,#sidebar button.npButton {
	margin:0;
	float:right;
}
#sidebar button.npButton {
	margin-bottom:15px;
}

#sidebar td.vol ,#sidebar td.page {
	width:50%;
	text-align:left;
}
#sidebar td.page {
	width:30%;
	text-align:right;
}
#sidebar button  {
clear:both;
border:solid 1px #000;
background:#FFF;
margin:8px 0 8px 0;
padding: 2px 0 2px 0;
width:70px;
height:20px;
text-align:center;
font-size:1em;
line-height:1;
cursor:pointer;
font-family: Arial, Helvetica, sans-serif;
}
#sidebar button.register {
margin:0;
}
#sidebar button:hover {
background:#f3f3f3;;
color:#C00;
}

#sidebar .linkbox {
	clear:both;
	padding:0;
	margin:0;
	height:50px;
	font-size:0.9166em;
}
#sidebar .linkbox p{
	margin:0;
	line-height:1.5;
}
	
#sidebar ul
{
	margin-left:0;
}

#sidebar ul.num{
	margin-left:3.5em;
	text-align:justify;
} 
ul.num li{
	text-align:right;
	word-spacing:1em;
	display:block;
	width:98%;
	clear:both;
}
ul.num li em {	
	font-style:normal;
	float:left;
	display:block;
	text-align:right;
	width:4em;
	word-spacing:0.7em;
}
ul.num li strong {
	font-weight:normal;
	word-spacing:0.2em;
	float:left;
	width:6em;
}
ul.num li span {
	float:left;
	width:1.35em;
}

/* slide parts */
#sidebar .trigger {
	padding: 0 0 0 1.2em;
	margin:0;
	cursor: pointer;
	color:#06C;	
	background:url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Farrow_br.png') no-repeat 0 0;
	line-height:1.3em;
}
#sidebar .trigger.top{
	height:12px;
	/*line-height:1em;*/
	display:block;
}
#sidebar .trigger .sub{
	font-weight:bold;
	color:#000;
}
#sidebar .trigger img{
	margin: 4px 0 0 0 ;
	vertical-align:text-bottom;
}
#sidebar .active , #sidebar .ov{
	background:url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Farrow_rd.png') no-repeat 0 0;
	color:#C00;
}

#sidebar .target {
    padding: 5px 0 0 0;
		/*
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
		*/
		display:block;
		overflow:hidden;
		width:215px;
		margin:0;
}




		
/* Main Content
----------------------------------------*/
#mainContent
{
	width:730px;
	float:left;
}
#headBox {
	/*height:50px;*/
	margin-bottom:13px; /*headBox h3のmargin-topとリンク*/
	position:relative;	
}



#headBox h2 {
line-height:22px;

}
#headBox h3 {
margin: 4px 0 0 0;
line-height:26px;
}

#headBox img {
	float:left;
	margin-right:10px;
}

#indexBar{
background:#878787;
font: normal 1em Arial, Helvetica, sans-serif;
color:#fff;
padding: 4px 10px;
text-decoration: none;
clear:both;
position:relative;
height:13px;
}
.next{
position:absolute;
right:10px;
word-spacing:1em;
}
#indexBar a:link, #indexBar a:visited{
color:#fff;
}
#indexBar a:hover{
color:#C00;
}

.contentBox {
	margin:15px 0 15px 0;
	padding-bottom:15px;
	border-bottom:#000 solid 1px ;
}

.contentBox h4{
	color:#C00;
}

.contentBox img {
	display:block;
	margin-top:15px;
	/*border:#efefef solid 1px;*/
}

.doi{
	display:block;
}

.pdf{
	word-spacing:1.5em;
}
	


/* Footer
----------------------------------------*/
#footer
{	
	position: relative;/* IE6  */
	clear: both;
	padding-top:30px;
	/padding-top:0;  /* IE6,7 */
	font-size:0.9166em;
}
.footerBar{
	padding: 4px 10px;
	color:#FFF;
	font: normal 1em Arial, Helvetica, sans-serif;
	word-spacing:0.3em;
	background-color:#878787;
	text-align:center;
	/margin-top:30px;  /* IE6,7 */
}
.footerBar a:link, .footerBar a:visited{
color:#fff;
}
.footerBar a:hover{
color:#C00;
}

#navi{
	margin:15px 0;
	
}

#navi li {
display:block;
font-weight:bold;
margin-right:20px;
line-height:10px;
font-size:1em;
}

#navi li ul{
clear:both;
margin:0;
}

#navi li ul li{
	float:none;
	background:none;
	padding-left:0;
	margin-right:0;
	margin-top:3px;
	font-weight:normal;
}

#navi li.last {
	margin-top:1.4em;
}

/*  Home  e-jurnal */
.home {
}
.home #mainContent ul {
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
.home #mainContent li {
	width:35px;
	float:left;
	margin-left:0;
}
.home #mainContent li.year {
	width:150px;
}
.home #mainContent li.month {
	width:75px;
}
.home #mainContent ul li ul {
	margin:0;
}
.home #mainContent ul li ul li {
	margin:0;
	float:none;
}
.home #mainContent ul li ul li.top {
	margin-bottom: 1em;
}
.home #mainContent .clearfloat {
	padding-bottom:20px;
}


/*  Natural Products  */

.np .next{
word-spacing:0.5em;
}
.np h3.top {
	clear:both;
}
.np #sidebar h3 {
	position:relative;
}
.np #sidebar h4 {
	color:#C00;
	clear:both;
}

.np #sidebar ul {
	margin-left:0;
	padding: 0;
	clear:both;
}
.np #sidebar li {
	float:left;
	left:0;
	width:170px;
}
.np #sidebar li.first {
	width:40px;
}
.np #sidebar ul.last {
	padding-bottom:15px;
}
.np #mainContent ul {
	padding:0 0 15px 0;
	margin:0;
	clear:both;
}
.np #mainContent li {
	width:243px;
	float:left;
	margin-left:0;
}
.np #mainContent li a , .np #mainContent li span {
	margin:0;
	padding:0;
	display:block;
	white-space:nowrap;
}
.np #mainContent li.short {
	width:5em;
}

.np #mainContent h4 {
	color:#000;
	font-size:14pt;
	font-weight:bold;
}

.np #mainContent .leftData {
	float:left;
	width:468px;
	margin:10px 5px; 0 0;
	word-wrap:break-word;
}
.np #mainContent .rightData {
	float:left;
	padding:0;
	margin:10px 0 0 0;
	width:250px;
	word-wrap:break-word;
}
.np #mainContent .rightData img{
	float:none;
	margin:0 0.8em 0 0.5em;
	display:inline;
	}
.np #mainContent .rightData img.last{
	margin:0 0 0 0.5em;
	}
	
#mainContent sub {
		vertical-align:-0.3em;
		font-size:70%;
	}
	.np #mainContent table td {
		white-space:nowrap;
		vertical-align:top;
		line-height:1.4em;
	}
.np #mainContent table td.center {
	text-align:center;
	width:2em;
	}
.np #mainContent td.last {
	padding-left:20px;
	white-space:normal;
	}	
.np #mainContent td .space {
	word-spacing:1em;
	}	
	.np #mainContent table.list td {
	text-align:right;
	vertical-align:text-bottom;
	}
	.np #mainContent table.list td img.synth {
	margin:0 ;
	}
	.np #mainContent table.list td.synth {
	text-align:left;
	padding-left: 0.6em;
	}
	.np #mainContent table.list td.last2 {
	white-space:normal;
	text-align:left;
	padding-left: 0.6em;
	}

	/*.np #mainContent table.list td img {
		margin:0;
	}*/
		
	.np #mainContent table.list td.notes {
	padding-right:1em;
	text-align:left;
	}


/*  A&R  */
.ar #mainContent #indexBar {
	margin-bottom:15px;
}
.ar #mainContent h4 {
	float:left;
	width:228px;
	font: normal 1em Arial, Helvetica, sans-serif;
}

.ar #mainContent p ,.ar #mainContent h5 ,.ar #mainContent table , .rBox {
	float:right;
	width:486px;
}

.ar #mainContent table{
	border:#878787 1px solid ;
	margin:0.4em 0 1em 0;
	font: normal 1em Arial, Helvetica, sans-serif;
}
.ar #mainContent table.half {
	width:320px;
	float:none;
	
	}
.ar #mainContent td {
	width:54px;
	border:#878787 1px solid ;
	text-align:right;
	padding-right:4px;
	white-space:nowrap;
}
.ar #mainContent table.half td {
	width:160px;
	}
.ar #mainContent td.center {
	text-align:center;
}
.ar #mainContent h5 {
}
.ar #mainContent p.ind, .ar #mainContent p.ind2, .ar #mainContent p.ind3 {
	text-indent:-12px;
	margin-left:12px;
	width:474px;
}
.ar .ind2 {
margin-top:0;
margin-bottom:0;
}
.ar .ind3 {
margin-top:0;
}

.ar #mainContent p.lastBlock {
	padding-bottom:5px;
}
.ar #mainContent .clearfloat {
	padding-bottom:20px;
}
.ar #mainContent .clearfloat2 {
	padding-bottom:35px;
}
.ar #mainContent .clearfloat3 {
	padding-bottom:10px;
}
.ar #mainContent .clearfloatLast {
	padding-bottom:0;
}
.ar #mainContent .clearfloatLast2 {
	padding-bottom:150px;
	
}
.ar #mainContent p.full {
	float:none;
	width:100%;
}
.ar #mainContent .leftData , .ar #mainContent .rightData{
	width:357px;
	padding:0;
	margin:0 0 15px 0;
	float:left;
}
.ar #mainContent .leftData{
	margin-right:15px;
}

.ar #mainContent ul {
clear:both;
	padding:0;
	margin:0;
}
.ar #mainContent ul li {
	float:left;
}
.ar li.first {
	width:5em;
}
.ar li.short {
	width:3em;
}
.ar #mainContent h4.hq {
	color:#06C;
	font:bold 11pt Arial, Helvetica, sans-serif;
	margin-bottom:0;
	font-weight:bold;
	float:none;
}
.ar #sidebar .aims {
	margin:14px 0 0 0;
}
.ar #sidebar .paper {
	margin:15px 0 0 0;
}
.ar #sidebar .swf {
	margin:15px 0 0 0;
}

.ar #sidebar img.medal {
	margin:8px 0 4px 0;
}
.ar #sidebar p.cap {
	margin: 0 0 15px 0;
}
.ar #sidebar p.capLast {
	margin: 0 0 0 0;
}
.ar #sidebar a {
	display:block;
}
.ar #mainContent img.sign {
	float:right;
	padding-left:43px;
	margin:8px 0 4px 0;
}
/*.ar #mainContent {
	position:relative;
}*/

.ar #mainContent p {
	position:relative;
}
.ar #mainContent p .return {
	position:absolute;
	right:0px;
	margin-top:1em;
	z-index:10;
}
.ar #mainContent ul.award {
	padding-bottom:3em;
}
.ar #mainContent h4 img {
	margin-top:5px;
}
.ar #mainContent h4 img.side {
	vertical-align:top;
	margin-left:5px;
}
.ar #sidebar img.marginR {
	margin-right:15px;
}
.ar #sidebar img.logo {
	margin-bottom:10px;
}
.ar p.dBlack{
	background:url('/ServeContent?url=http%3A%2F%2Fwww.heterocycles.jp%2Fclockss%2Fimg%2Fdesc.png') no-repeat 0 0;
	padding-left:1.3em;
	margin:0 -1.3em;
}




/* Regist
----------------------------------------*/
.regist .linkbox p {
	color:#CCC;
}
.regist .linkbox p.red {
	color:#C00;
}
	

.regist #sidebar p {
	margin-bottom:0.2em; 
}

.regist form {
	margin:2em 0 8em 0;
	font-size: 1.1em;
}
.regist form.subscribe {
	/*margin:4em 0 8em 0;	2012-2-9 Hata下記に変更*/
	margin:2em 0 2em 0;	
}
.regist .subscribe p.top {
	margin:0;	
}
.regist label {
	margin:0;
}
.regist label.name , .regist label.jname{
	width:160px;
	display:block;
	clear: left;
	float: left;
}
.regist label.name2{
	width:160px;
	display:block;
	clear: left;
	float: none;
}


.regist input {
	float:left;
	width:233px;	
border:solid 1px #000;
/*height:1;*/
height:13px;
margin-bottom:5px ;
text-height:1em;
line-height:1;
font-size:0.9em;
padding-left:0.2em;
}
.regist input.first {
	width:100px;	
	margin-right:8px;
	
}
.regist .left {
	font-size:0.9em;
}
.regist input.last {
	margin-bottom:1em;
}
.regist form p {
	clear: left;
}
.regist form span.radio {
	float: left;
	clear:none;
	margin-right:1em;
}
.regist form span.radio { /margin-bottom:5px ;}/* IE6 IE7*/
.regist .line , .regist .line2 {
	width:100%;
	clear:both;
	border-top:#b7b7b7 solid 1px;
	margin:5px 0;
}
.regist .line2 {
	margin:15px 0;
}
.subscribe .line2 {
	margin:20px 0;
}
.subscribe label {
	margin:0.3em 0 0.3em 0;
}
.regist label.jname , .regist input.jap , .regist input.japLast {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
}

form p.jp {
	margin-bottom:1em;
}

.regist input.japLast {
	margin-bottom:1.2em;
}

.regist button {

border:solid 1px #000;
background:#FFF;
margin:0 10px 0 0;
width:70px;
height:17px;

line-height:1;
text-align:center;
cursor:pointer;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
}
.regist button,  x:-moz-any-link {
	padding:0 0 2px 0 ;} /*firefox*/

.regist button:hover {
background:#f3f3f3;;
color:#C00;
}
.regist .subscribe button {
	margin-top:1em;
}

.btBox {
	clear:both;
	margin: 0 0 2em 160px;
	font: normal Arial, Helvetica, sans-serif;
}

/*
----------------------------------------*/
.linkrow {
	margin-right: 20px;
}
h5.regissue{
	margin-top: 1em;
	margin-bottom: 1em;
	
}
h2.uponly{
	color: #000;
	margin-bottom: 42px;
}
input.ppvfirst {
	float:left;
	width:233px;	
border:solid 1px #000;
/*height:1;*/
height:13px;
margin-bottom:5px ;
text-height:1em;
line-height:1;
}
input.ppvfirst {
	width:100px;	
	margin-right:8px;
}
label.ppvname2{
	width:160px;
	display:block;
	clear: left;
	float: none;
}

div.ppv {
	float: left;
	width: 100%;

}
.ppv button {
border:solid 1px #000;
background:#FFF;
margin:0 10px 0 0;
width:70px;
height:16px;
text-align:center;
cursor:pointer;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
margin-top:1em;
}
.ppv button:hover {
background:#f3f3f3;;
color:#C00;
}
.blue {
	color:#06C;
}
h5.ppv{
margin-bottom:1em;
}
/*
----------------------------------------*/
.name3col {
	width:210px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.name3col_right {
	width:300px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.name3colleft {
	width:70px;
	text-align:right;
	float:left;
}
.name3colright {
	margin-left:7px;
	width:120px;
	text-align:left;
	float:left;

}
.name3colleft_wide {
	width:100px;
	text-align:right;
	float:left;
}
.name3colright_wide {
	margin-left:7px;
	width:180px;
	text-align:left;
	float:left;

}
.name3colright_last_wide {
	margin-left:107px;
	width:180px;
	text-align:left;
	float:left;

}
.chronologicalbox {
	margin-top:15px;
	padding-bottom:15px;
	width:720;
	float:left;
	border-bottom:#000 solid 1px ;
}
.chronologicalleft {
	width:40px;
	float:left;
}
.chronologicalmid {
	width:230px;
	float:left;
}
.chronologicalpic {
	width:60px;
	margin-top:4px;
	float:left;
}
.chronologicalright {
	width:400px;
	float:left;
}
.numbers {
	margin-right:20px;
}

/* 
----------------------------------------*/

.sideLogin {
	font: bold 1em Arial, Helvetica, sans-serif;
	line-height:28px;
	font-size:26px;
	margin-right:10px;
}
p.sideDL {
	margin-top:1em;
	margin-bottom:0px;
}
.ar #mainContent p.infoLib,
.ar #mainContent p.infoLibLast{
	width:730px;
	float:left;
}
.ar #mainContent p.infoLibLast{
	margin-bottom:200px;
}
.grayDot {
	color:#CCC;
	font-size:17px;
}

.sideBlockTop {
	margin-bottom:1em;
}