@charset "UTF-8";
/* Ellinkonblue.net Devlosxom SimpleWhite2 CSS File
 * May 31st, 2010 Kazuhiro KAWANISHI
 */
/* フォントセットサンプル
  font-family: 'Franklin Gothic Medium', Helvetica, sans-serif;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-family: Tahoma, Geneva, sans-serif;
  font-family: 'Palatino Linotype', Palatino, serif;
  font-family: 'Times New Roman', georgia, serif;
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
*/
/***********************************************************
 * グローバル設定
 ***********************************************************/
h1 { font-size: 35px; line-height: 56px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 24px; line-height: 28px; }
h4 { font-size: 16px; line-height: 28px; }
h5 { font-size: 14px; line-height: 14px; }
h6 { font-size: 12px; line-height: 14px; }

a         { text-decoration: none; }
a:link    {}
a:visited {}
a:hover   { text-decoration: underline; }

dt, strong, b, em { font-weight: bold; }

ul, ol, dl { margin-bottom: 1em; margin-left: 1em;}
dd { margin-bottom: 1em; }
li { list-style: inherit; }

img { vertical-align: middle; }

pre { 
  font-family: Consolas, 'Lucida Console', Monaco, monospace;

  margin: 1em auto;
  padding: .5em;

  border: solid 1px rgb( 128, 128, 128 );

  white-space: pre;
  overflow: auto;
  word-wrap: break-word;
  word-break: break-all;
}

form {
  margin-left:   1em;
  margin-bottom: 2em;
}
/***********************************************************
 * ID:
 * 主にサイズと配置のみを記載。装飾は class の方に。
 ***********************************************************/
#wrap { /* 全体的な位置調整 */
  font-size: 14px;
  line-height: 28px;

  width: 70em;
  margin: 1em auto 1em auto;
}

#header { /* ヘッダー部分の位置調整 */
  float: none;
  clear: both;

  width: 100%;
}

#content {
  float: left;

  width: 70%;
}

#nav {
  float: right;

  width: 30%;
}

#footer {
  float: none;
  clear: both;

  width: 100%;
}
/***********************************************************
 * class:
 ***********************************************************/
/***** #header 構成要素 *****/
.head {
  color: rgb( 255, 255, 255 );
  background-color: rgb( 65, 105, 225 );
  font-family: 'Franklin Gothic Medium', Helvetica, sans-serif;

  text-align: right;

  border: 0px;
  border-radius:         1em;
  -webkit-border-radius: 1em;
  -moz-border-radius:    1em;
}

.head h1 {
  font-family: 'Times New Roman', georgia, serif;
  text-shadow: .1em .1em 5px rgb( 0, 0, 0 );

  margin: 1em;
}

.head a { 
  color: rgb( 255, 255, 255 );
  text-decoration: none;
}

.description {
  margin-right:  1em;
  margin-bottom: 2em;
}
/***** #content 構成要素 *****/
.article {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  text-align: left;
}

.article h2 {
  font-family: 'Franklin Gothic Medium', Helvetica, sans-serif;

  border-bottom: solid 2px rgb( 128, 128, 128 );

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

.paragraph {
  padding-left:  1em;
  padding-right: 1em;
  margin-bottom: 1em;
}

.writeback {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

  text-align: left;
}

.writeback h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;

  padding-left: 1em;

  border: solid 1px rgb( 128, 128, 128 );
}

.writeback h4 {
  padding-left: 1em;

  border-bottom: solid 2px rgb( 128, 128, 128 );
}

.comment { padding-left: 2em; }
.excerpt { pdding-left: 2em; }

.url {
  margin-left: 1em;
  margin-bottom: 2em;
}

.category { margin-bottom: 1em; }

.date {
  margin-bottom: 2em;

  border-top:    solid 2px rgb( 128, 128, 128 );
  border-bottom: solid 2px rgb( 128, 128, 128 );
}

.meta { 
  text-align: right;
}

.message {
  color: rgb( 255, 0, 0 );
  font-weight: bold;
  text-align: right;
}

/***** #nav 構成要素 *****/
.nav {
  font-family: 'Franklin Gothic Medium', Helvetica, sans-serif;
  text-align: left;

  padding-left: 2em;
}

.nav h2 {
  font-family: 'Times New Roman', georgia, serif;
  text-shadow: .1em .1em 3px rgb( 128, 128, 128 );
}

.nav ul, .nav ul li { list-style: none; }
.nav ul ul, .nav ul ul li { 
  list-style: disc; 

  margin-left: 1em;
}

.archives {
  margin-bottom: 1em;
}

.autooverflow {
  height: 26em;
  overflow: auto;
}

.syndicate { margin-bottom: 1em; }
.spec      { margin-bottom: 1em; }
.poweredby { margin-bottom: 1em; }

/***** #footer 構成要素 *****/
.foot {
  color: rgb( 255, 255, 255 );
  background-color: rgb( 65, 105, 225 );
  font-family: 'Franklin Gothic Medium', Helvetica, sans-serif;

  text-align: center;

  border: 0px;
  border-radius:         1em;
  -webkit-border-radius: 1em;
  -moz-border-radius:    1em;
}

.foot a { color: white; }

/***** その他 ****/
.right { text-align: right; }

/***** Extra *****/
.headextra { display: none; }
.footextra { display: none; }

/***** Etc. *****/
.banner { text-align: center; margin-bottom: 1em; }