/*
Theme Name: JunkStage
Theme URI: http://www.junkstage.com/
Description: 個性派ライターコラム『ジャンクステージ』コラムページ用テーマ。
Author: Hitoshi Fujiwara
Version: 1.0
*/

/* ========== BODY ========== */

body {
  margin:0px;
  padding:0px;
  color:#333333;
  font-size:10pt;
  text-align:center;
}

a {
  color:#666666;
  text-decoration:underline;
}

a:hover {
  color:#0066CC;
}

img {
  padding:0px;
  border:0px;
}

.clear {
  clear:both;
  margin:0px;
  padding:0px;
}

#layout {
  width:850px;
  margin:0px auto 10px auto;
  text-align:left;
}

/* ========== HEADER ========== */

#header {
  width:850px;
  float:left;
}

#header .line {
  width:850px;
}

#header .logo {
  padding:0px 100px 0px 0px;
  float:left;
}

#header .icon {
  padding:30px 0px 20px 20px;
  float:left;
}

#navi {
  width:850px;
  float:left;
}

#navi .sign {
  float:left;
}

#navi .sign a.top {
	display:block;
	width:200px;
	height:40px;
	background: url(images/junkstage_navi_top.gif) no-repeat 0 0;
}

#navi .sign a.column {
	display:block;
	width:140px;
	height:40px;
	background: url(images/junkstage_navi_column.gif) no-repeat 0 0;
}

#navi .sign a.new {
	display:block;
	width:120px;
	height:40px;
	background: url(images/junkstage_navi_new.gif) no-repeat 0 0;
}

#navi .sign a.biginner {
	display:block;
	width:205px;
	height:40px;
	background: url(images/junkstage_navi_biginner.gif) no-repeat 0 0;
}

#navi .sign a:hover {
	background-position: 0 bottom;
}

/* ========== MIDDLE ========== */

#middle {
  width:850px;
  margin:0px;
  padding:0px;
  float:left;
}

#middle .mainbox {
  float:left;
}

#middle .mainbox .menutitle {
  margin:0px 0px 10px 0px;
}

#middle .mainbox .menutitle .blogname {
  font-size:17pt;
  font-family:Osaka, sans-serif;
  color:#FF0066;
}

#middle .mainbox .menutitle .blogname a {
  font-size:17pt;
  font-family:Osaka, sans-serif;
  color:#FF0066;
  text-decoration:none;
}

#middle .mainbox .menutitle .blogname a:hover {
  font-size:17pt;
  font-family:Osaka, sans-serif;
  color:#FF0066;
  text-decoration:underline;
}

#middle .mainbox .menutitle .blogdescription {
  font-size:8pt;
  font-family:Osaka, sans-serif;
  color:#FF0066;
}

#middle .mainbox .indexbox02 {
  width:520px;
  margin:15px 15px 15px 0px;
  float:left;
}

#middle .mainbox .indexbox02 .time {
  padding:15px 0px 0px 0px;
  color:#333333;
  font-size:10pt;
}

#middle .mainbox .indexbox02 .subtitle {
  width:520px;
  padding:0px 0px 5px 0px;
  margin:0px 0px 10px 0px;
  border-bottom:3px double #FF99CC;
  color:#333333;
  font-size:12pt;
}

#middle .mainbox .indexbox02 .maintext {
  color:#333333;
  font-size:10pt;
  line-height:135%;
}

#middle .mainbox .indexbox02 .moretext {
  width:520px;
  padding:0px 0px 5px 0px;
  margin:0px 0px 20px 0px;
  border-bottom:1px dashed #999999;
  color:#666666;
  font-size:10pt;
  text-align:right;
}

#middle .mainbox .more {
  padding:0px;
  color:#666666;
  font-size:10pt;
  text-align:right;
}

/* ========== SIDEBAR ========== */

#middle .sidebar {
  width:300px;
  padding:15px 0px 15px 0px;
  float:left;
}

#middle .sidebar .infobox {
  margin:0px 0px 15px 0px;
  border:3px solid #FF99CC;
  text-align:left;
}

#middle .sidebar .infobox ol {
  padding:5px 15px 5px 15px;
  margin:0px;
  color:#333333;
  font-size:9pt;
  list-style:disc none inside;
}

#middle .sidebar .infobox li {
  padding:2px 0px 2px 0px;
}

#middle .sidebar .infobox .more {
  padding:10px 15px 10px 15px;
  color:#666666;
  font-size:10pt;
  text-align:right;
}

#middle .sidebar .infobox .prof01 {
  padding:5px 15px 0px 15px;
  font-size:10pt;
}

#middle .sidebar .infobox .prof02 {
  padding:10px 10px 10px 0px;
  font-size:9pt;
  vertical-align:top;
}

#middle .sidebar .infobox .photo {
  padding:10px;
  vertical-align:top;
}

#middle .sidebar .banner {
  padding:0px 0px 10px 0px;
  float:left;
}

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

#footer .footmenu {
  width:850px;
  border-top:1px solid #FF0066;
  margin:10px 0px 0px 0px;
  padding:5px 0px 5px 0px;
  font-size:9pt;
  text-align:center;
}

#footer .copyright {
  width:850px;
  border-top:1px solid #FF0066;
  text-align:center;
  float:left;
}