body { margin:0px; padding:0px; color:#333333; background-color: #ffffff; line-height: 1.4em; }
ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; }

/* --------------------------------------------------------------------------------
  Clearfix
-------------------------------------------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
div#content:after,
div.purchase:after,
div.info:after,
div.lecturer:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/*-------------------------------------------------------------
  Basic Classes
-------------------------------------------------------------*/
.f18  {font-size:18px !important;}
.f14  {font-size:14px !important;}
.f12  {font-size:12px !important;}
.f10  {font-size:10px !important;}
.f9   {font-size:9px !important;}
.f14line120  {font-size:14px; line-height:120%;}
.f14line140  {font-size:14px; line-height:140%;}
.f12line120  {font-size:12px; line-height:120%;}
.f12line140  {font-size:12px; line-height:140%;}
.f10line120  {font-size:10px; line-height:120%;}
.f10line140  {font-size:10px; line-height:140%;}
.bold {font-weight:bold;}
.header01{ padding:4px 0px 4px 7px; background-color:#E9F0F4; border-left:10px solid #32799E; border-bottom:1px solid #32799E; color:#32799E; font-size:14px; font-weight:bold;}
.txt01 { font-size:11px; color:#737373;}
.txt02 { font-size:12px; color:#842323; font-weight:bold;}
.txt03 { font-size:12px; line-height:140%; color:#6E6E6E;}
.txt04 { font-size:11px; color:#FF9900;}
.txt05 { font-size:11px; color:#949494;}
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.center { margin: auto; }
.btn { display: block; }
.note { font-size:12px; line-height:1.6em;}
.black  { color: #000000 !important; }
.red    { color: crimson !important; }
.grey   { color: #333 !important; }
.orange { color: #d2691e !important; }
.green  { color: green !important; }
.yellowgreen { color: yellowgreen !important; }
.olive  { color: #808000 !important; }
.purple { color: purple !important; }
.indianred { color: indianred !important; }
.matsuba { color: #97953b !important; }
.clear30 { height: 30px; clear: both; }
.frame { border: 1px solid #ddd; padding: 3px; }

/*-------------------------------------------------------------
  Link
-------------------------------------------------------------*/
a:link,
a:visited { text-decoration:none;color: #247097;}
a:active,
a:hover   { text-decoration:underline;}
a.header:link,
a.header:visited { color:#737373; text-decoration:none;}
a.header:active,
a.header:hover   { text-decoration:underline;}
a.contents:link,
a.contents:visited { color:#842323; text-decoration:none;}
a.contents:active,
a.contents:hover   { text-decoration:underline;}
a.footer:link,
a.footer:visited { color:#FF9900; text-decoration:none;}
a.footer:active,
a.footer:hover   { text-decoration:underline;}

/*-------------------------------------------------------------
  Home
-------------------------------------------------------------*/
#current_issue {}
#current_issue .headding {}
#current_issue .book { width: 219px; border:1px solid #ccc; }
.inner { padding: 10px;}
#current_issue .featured_box { width: 320px; }
#current_issue .featured { width: 300px; padding: 0 10px 10px; }
.morelink { clear: both; padding-left: 15px;}
.morelink p.arrow { width: 145px; margin:0; background: url(../images/icon_01.gif) right 2px no-repeat; font-size: 12px; font-weight: bold; }
ul.headline { margin-left: 0; }
ul.headline li { padding-bottom: 0.7em; }
ul.headline li span { display: block; }
.headline a,
.headline a:link,
.headline a:visited,
.headline a:active { font-weight:bold; text-decoration:none; font-size:12px; line-height:140%; color:#0A3761; }
.headline a:hover { text-decoration:underline; }

/*-------------------------------------------------------------
  Digest
-------------------------------------------------------------*/
div.digest_header h1 { margin: 0px; background: url("../digest/images/index_01.gif") no-repeat; height:35px; }
div.digest_header h2 { margin-top: 10px; margin-left: 15px; width:522px; }
div.featured    { float: left; padding: 24px 0 10px 15px; width: 531px; }
div.featured h3 { color:#8BB666; margin-bottom: 10px; font-size:14px; }
div.featured h3 span.head,
div.featured h3 span.sub { display:block; }
div.featured h3 span.main { display:block; font-size:16px; font-weight:bold; }
div.featured h3.top { margin-top: 0; }
div.featured h4 { font-size: 13px; color:#747474; margin: 0.5em 0 0 0; }
div.featured h5 { font-size: 12px; color:#747474; margin: 0; }
div.featured p  { font-size: 12px; color:#747474; margin: 0; padding-left:1em; line-height: 1.4em; }
div.featured p span { display: block; color:#32799E; text-indent: 1em; }
div.featured p span.small { display: inline; color:#747474; font-size:10px; }
div.featured p span.red { display: inline; color:crimson; font-weight: bold;}
div.featured img.book { float: right; width: 158px; border:1px solid #ccc; margin-left: 20px; }
div.featured img.subscription { clear:both; margin-left: 20px; padding-top: 10px; float: right; display: inline; }

/* 20110727 */
body.newformat div.featured h3 { color: crimson; font-size: 100%; }
body.newformat div.featured h4 { padding-left:1em; font-size: 93%; color:#333; line-height:1.2em; }
body.newformat div.featured h4 span { color: crimson; font-size: 71%; font-weight: normal; }

/*-------------------------------------------------------------
  Section
-------------------------------------------------------------*/
div.section { clear: both; padding-left: 20px; }
div.section h3 { color: #940D0D; font-weight: bold; font-size: 14px; }
div.section h4 { margin-bottom: 0; color: #32799E; font-weight: bold; font-size: 12px; }
div.section p { color: #747474; font-size: 12px; margin: 0 0 1em 0; padding-left: 1em; font-weight: bold; }
div.section p span { font-weight: normal; }

/* 20110727 */
body.newformat div.section h2 { font-weight: normal; color: green; }
body.newformat div.section h3 { color: crimson; font-size: 93%; }
body.newformat div.section h4 { margin:0.5em 0 0 0; padding-left: 14px ; font-size: 100%; color:#333; line-height:1.2em; }
body.newformat div.section h4 span { padding-right: 0.5em; color: crimson; }
body.newformat div.section p { padding-left: 14px; color: #333; font-weight: normal; }

/*-------------------------------------------------------------
  Breakline
-------------------------------------------------------------*/
div.break-line { width: 526px; margin: 0 0 20px 0; }
div.break-line img { display: block; clear: both; }
div.break-line .top { float: right; padding-bottom: 5px; }

/*-------------------------------------------------------------
  Backnumber
-------------------------------------------------------------*/
div.backnumber_header h1 { margin: 0px; background: url("../backnumber/images/index_01.gif") no-repeat; height:35px; }
div.backnumber_header h2 { margin-top: 10px; margin-left: 15px; width:522px; }
div.backnumber_list { clear: both; }
div.backnumber_list img.magazine { display: block; float:left; margin: 0 20px 20px 20px; padding: 2px; border: 1px solid #dddddd; }
div.backnumber_list img.btn { display: block; float: right; margin-right:20px; }
div.backnumber_list h2 { margin-bottom: 0px; }
div.backnumber_list h2 span { color: #247097; padding-left: 13px; }
div.backnumber_list h3 { margin: 0 0 7px 0; color: #747474; font-size: 14px; }
div.backnumber_list p { margin: 0; color: #747474; }
div.backnumber_list p span { color: #747474; font-weight: normal; padding-left: 12px; }
div.backnumber_list img.line { padding: 0px 0px 10px 15px; }

/* --------------------------------------------------------------------------------
  Header
-------------------------------------------------------------------------------- */
#header img { display:block; }
#header .left-line { float:left; width:6px; height:76px; background-image:url(/sales/images/header_03.gif); }
#header .right-line { float:right; width:6px; height:76px; background-image:url(/sales/images/header_04.gif); }
#header .content{ height:76px; background:url(/sales/images/content_bg.png) }
#header .logo { float:left; padding:7px 0 0 17px; }
#header .about { float: right; padding:11px 10px 0 10px; }
#header .about img { float:right; margin:0; }
#header .about p { clear:right; float:right; margin-bottom:0; }

/* --------------------------------------------------------------------------------
  Footer
-------------------------------------------------------------------------------- */
#footer { padding:10px 0px 10px 0px; }
#copyright { padding:0px 0px 10px 0px; }