@charset "UTF-8";

/*  
Theme Name: BlueOcean
Theme URI: http://blueocean.bz/
Description: BlueOcean's custom style.
Version: 1.0
Author: Yoshinori Okada
Author URI: http://blueocean.bz/
*/

@import url(css/highlight.css);
@import url(css/lightbox.css);

html, body, h1, h2, h3, h4, h5, h6, p, form, img, a, input
{ 
  margin:0px 0px 0px 0px; 
  border:0px none transparent;
  background:transparent none;
  padding:0px 0px 0px 0px;
}

body
{
  font-size:12px; 
  font-weight:normal;
  font-family:"ＭＳ Ｐゴシック",Osaka;
  text-decoration:none;
  text-align:left;
  color:#000000;
}

p
{
  margin:16px 0px 16px 0px;
  border:0px none transparent;
  background:transparent none;
  padding:0px 0px 0px 0px;
  font-size:1.0em;
  line-height:2.0em;
}

input, textarea
{
  border:1px solid #000000;
}

li
{
  line-height:2.0em;
}

dt, dd
{
  line-height:2.0em;
}

a
{
  color:#0066FF;
  text-decoration:none
}

a:hover
{
  color:#0000FF;
  text-decoration:underline;
}

table
{
  margin:16px 0px 16px 0px;
}

#bg
{
  margin:0px 0px 0px 0px; 
  border:0px none transparent;
  background:#FFFFFF none;
  padding:0px 0px 0px 0px; 
}

#bg #blog
{
  width:955px;

  margin:0px auto 0px auto; 
  border:0px none transparent;
  background:transparent none;
  padding:0px 0px 0px 0px;

  border-left:1px solid #666666;
  border-right:1px solid #666666;
}

#blog #header
{
  height:80px;

  margin:0px 0px 0px 0px; 
  border:0px none transparent;
  background:transparent url(images/blog_header_bg.gif) left top repeat;
  padding:16px 0px 0px 16px; 
}

#header h1
{
  color:#FFFFFF;
  font-weight:bold;
  font-size:2.5em;
}

#header h1 a
{
  color:#FFFFFF;
}

#header #tagline
{
  margin-top:8px;
  color:#FFFFFF;
  font-size:1.2em;
  font-weight:bold;
}

#blog #main_container
{
  margin:0px 0px 0px 0px; 
  border:0px none transparent;
  background:transparent none;
  padding:0px 0px 0px 0px; 
}

#main_container #panes
{
  margin:0px 0px 0px 0px; 
  border:0px none transparent;
  background:transparent none;
  padding:0px 0px 0px 0px; 
}

#panes #main_pane
{
  width:760px;

  margin:0px 0px 0px 0px; 
  border:0px none transparent;
  background:transparent none;
  padding:0px 0px 0px 0px; 
  overflow:auto;
}

#main_pane #table_of_contents
{
  margin:16px 16px 16px 16px;
}

#main_pane #table_of_contents h2
{
  margin:0px 16px 0px 16px;
  border-bottom:1px solid #000000;
}

#main_pane #table_of_contents .contents
{
  width:360px;
  float:left;
}

#main_pane #recent_entries
{
  margin:32px 0px 32px 0px;
  padding:0px 32px 0px 32px;
}

#main_pane #recent_entries h2
{
  border-bottom:1px solid #000000;
}

#main_pane #topic_entries
{
  margin:32px 0px 32px 0px;
  padding:0px 32px 0px 32px;
}

#topic_entries h3
{
  margin:8px 0px 8px 0px;
  padding:2px 0px 2px 8px;
  background:#F0F0F0 none;
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
}

#topic_entries h3 a
{
  color:#000000;
}

#main_pane #pr
{
  padding:8px 0px 8px 0px;
  border-bottom:1px solid #000000;
  background-color:#FFFFAA;
  font-weight:bold;
}

#main_pane #pr ul
{
  width:72%;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
  margin-bottom:0px;
}

#main_pane #pr a,
#main_pane #pr a:hover
{
  color:#0000FF;
}

#main_pane #entries
{
  padding:0px 128px 0px 128px;
}

#entries h4
{
  margin:8px 8px 8px 8px;
}

#entries .entry
{
  margin:32px 0px 32px 0px;
}

#entries .entry .sub_entry
{
  margin:0px 0px 0px 0px;
}

#entries h2
{
  margin:32px 0px 32px 0px;
  padding:8px 0px 8px 8px;
  border-top:1px solid #666666;
  border-bottom:1px solid #666666;
  background:#F0F0F0 none;
}

#entries .entry h3
{
  margin:32px 0px 32px 0px;
  padding:2px 0px 2px 8px;
  background:#F0F0F0 none;
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
}

#entries .entry .sub_entry h3
{
  margin:0px 0px 0px 0px;
  background-color:transparent;
}

#entries h3 a
{
  color:#000000;
}

#entries .entry h4
{
  margin:32px 0px 32px 0px;
  border:0px none transparent;
  background:#F0F0F0 none;
  padding:2px 0px 2px 8px;
}

#entries .entry .sub_entry h4
{
  margin:0px 0px 0px 0px;
}

#entries .prev_and_next
{
  margin:32px 0px 32px 0px;
  text-align:center;
}

#panes #menu_pane
{
  width:195px;

  margin:0px 0px 0px 0px; 
  border:0px none transparent;
  background:transparent url(images/blog_sidebar_bg.gif) left top repeat;
  padding:0px 0px 0px 0px; 
}

.sidebar_bg
{
  background:transparent url(images/blog_sidebar_bg.gif) left top repeat;
}

#menu_pane #sidebar
{
  margin:0px 0px 0px 0px;
  border:0px none transparent;
  background:transparent none;
  padding:32px 16px 32px 16px; 
}

#sidebar h3
{
  border-bottom:2px solid #999999;
}

#sidebar ul
{
  margin-left:8px;
  padding-left:8px;
}

#sidebar ul li
{
  line-height:1.5em;
}

#blog #footer
{
  margin:0px 0px 0px 0px; 
  border:0px none transparent;
  background:#666666 none;
  padding:0px 0px 0px 0px; 

  color:#FFFFFF;
  text-align:center;
}

.top_navigator
{
  margin:8px 0px 8px 0px;
  text-align:center;
}

.bottom_navigator
{
  margin:8px 0px 8px 0px;
  text-align:center;
}

.clear
{
  clear:both;
}

.float_left
{
  margin:0px 16px 16px 0px;
  float:left;
}

.float_right
{
  margin:0px 0px 16px 16px;
  float:right;
}

.typical_left
{
  text-align:left;
}

.typical_right
{
  text-align:right;
}

.typical_center
{
  text-align:center;
}

.google_ads_sidebar
{
  width:120px;
  margin-left:auto;
  margin-right:auto;
  margin-top:16px;
  margin-bottom:16px;
}

.google_ads_pages
{
  width:468px;
  margin-left:auto;
  margin-right:auto;
  margin-top:16px;
  margin-bottom:16px;
}

.google_ads_page
{
  width:468px;
  margin-left:auto;
  margin-right:auto;
  margin-top:16px;
  margin-bottom:16px;
}

.google_ads_article
{
  width:468px;
  margin-left:auto;
  margin-right:auto;
  margin-top:16px;
  margin-bottom:16px;
}

.google_ads_search
{
  width:336px;
  margin-left:auto;
  margin-right:auto;
  margin-top:16px;
  margin-bottom:16px;
}

table.style-1
{
}

table.style-1 th,
table.style-1 td
{
  padding:8px;
}

table.style-1 th
{
  border-left:2px solid #999999;
  background-color:#F0F0F0;
}

table.style-1 td
{
}

.developments
{
  margin:32px 32px 32px 32px;
  padding:8px;
  border:2px solid #3333FF;
  background-color:#AADDFF;
}

.developments table
{
  margin-top:0px;
  margin-bottom:0px;
}

.developments table th
{
  white-space:nowrap;
}

.developments table th,
.developments table td
{
  padding-right:8px;
  text-align:left;
  vertical-align:top;
  line-height:200%;
}
