/*

Theme Name: In-the-Sky

Theme URI: 

Description: eWSの基本テーマ<br />（#2121A1ブルー基調）

Version: 

Author: easeSystem

Author URI: http://ews.lgear.net/

*/



body {

  background-image : url(images/bg.gif);

  color : #444444;

  margin: 0 auto;

  padding: 0px;

  text-align: center;

}



a {

  color: #333333;

}



a:hover {

  color: #EC1644;

}



#rap {

  background-color : #ffffff;

  /*background-image : url(images/sky.jpg);

  background-repeat : no-repeat;

  background-position : bottom right;*/

  margin: 0 auto;

  width: 760px;

  text-align: left;

  border: 0px solid #dcdcdc;

}



#header {
position: relative;

  background-color : #ffffff;

  width: 760px;

  height: 75px;

  margin: 0px;

  padding: 0px;

  text-align: left;

}



#headerimg a {

  position: relative;

  top: 0px;

  left: 0px;

  font-size: 24px;

  background: transparent;

  padding: 5px;

  color: #ffffff;

  text-decoration: none;

}



#headerimg a:hover {

  position: relative;

  top: 0px;

  left: 0px;

  font-size: 24px;

  background: transparent;

  padding: 5px;

  color: #ffffff;

  text-decoration: none;

}



.description {

  position: relative;

  top: 100px;

  left: 15px;

  font-size: 13px;

  background: transparent;

  padding: 5px;

  color: #dcdcdc;

  text-decoration: none;

}



h1 {
  position: absolute;
  top: 2px;
  left: 77px; 
  margin: 2px 0 0 12px;
  font-size:12px;
  font-weight:normal;
}

.line{

  background-image : url(images/line.gif);

  background-repeat : repeat-x;

  height : 5px;

}

.breadcrumb{

  margin-top : 0px;

  margin-left : 10px;

}

#home {

  margin : 0px;

  padding : 0px;

}

#content {

  position: relative;

  top : 13px;

  right : 20px;

  float : right;

  padding : 0px;

  width : 500px;

  color : #333333;

  margin-bottom : 30px;

  background-color : #ffffff;

}



#content h2 {

  border-bottom: 1px solid #6F6F6F;

  color: #444444;

  font-size: 13px;

  margin: 0px 0px 5px 0px;

  padding: 10px 0px 3px 0px;

  text-align: right;

  }

#content h3 {

  

  color: #444444;

  font-size: 13px;

  margin: 20px 0px 5px 0px;

  padding : 0px;

  width: 500px;

  background-color : #EDE3A5;

}

#content h3 a {

  color : #444444;

  padding : 0px;

}





#content h2#comments a {

  color: #5F707A;

  font-size: 13px;

}



#content h3 img {

  border: 0px;

}

#content h3#comments {

  padding : 3px;

  width : 494px;

}

#content h3#postcomment {

  padding : 3px;

  width : 494px;

}

#content h4 {
  font-weight : bold;
  margin-bottom:2px;
  margin-left : 3px;
  
  letter-spacing: 0.1em;
  width : 485px;
  border-left:3px solid #3c4d96;
  border-bottom:1px solid #3c4d96;
  background : #f4f6fc;
  padding : 2px 0 2px 4px;
  color:#3C4D96;

}

#content h5 {
  font-weight:bold;
  font-size : 12px;
  margin : 2px 0 5px 0;
  color : #e67e18;
  
}








#content div.post {

  margin: 0px 0px 20px 0px;

  padding: 0px 0px 0px 0px;

}



#content div.post p, #content div.post li {

  

}

#content div.storycontent {

  margin-left : 0px;

}



#content div.post div.storycontent p {

  width: 100%;

  margin-top : 3px;

}



#content div.post div.storycontent ul, #content div.post div.storycontent ol {

  margin-left: 0px;

  padding-left: 0px;

}



#content div.post div.storycontent li {

  margin-left: 30px;

  width: 85%;

}



#content div.post div.storycontent blockquote {

  background: #f7f7f7;

  border-left: 3px solid #6F6F6F;

  font-family: Osaka, Verdana, sans-serif;

  margin-left: 20px;

  padding: 4px 4px 4px 7px;

  width: 85%;

}

#content h3 {

  margin: 0px 0px 5px 0px;

  padding: 0px;

}



#content h3.storytitle, #content h3.storytitle a {

  font-size: 15px;

  color: #444444;

  text-decoration: none;

  padding : 3px;

  width : 494px;

}



#content h3.storytitle a:hover {

  color: #495865;

  text-decoration: none

}



#content div.post p {

  width: 90%;

}



#content div.post div.meta, #content div.post div.meta a {

  color: #867b64;

  font-family: Osaka, Verdana, sans-serif;

  font-size: 11px;

}



#content div.post div.meta li a:hover {

  color: #686050;

}



#content div.post div.meta ul, #content div.post div.meta li {

  display: inline;

  margin: 0px;

  padding: 0px;

}



#content div.post div.feedback {

  font-size: 12px;

  }



#content #commentlist {

  margin: 20px 20px 20px 23px;

  padding: 0px;

}



#content #commentlist li {

  margin-bottom: 10px;

}



#content #commentform input, #content #commentform textarea {

  font-size: 12px;

  padding: 2px;

}



#content #commentform textarea {

  height: 150px;

  width: 90%;

}



#content code {

  color: #800000

}



#content ul {

  display: inline;

  margin: 0px;

  padding: 0px;

  list-style-type: circle;

}

#navcontainer {

  background-image : url(images/navbg.gif);

  height : 25px;

  margin-top : 5px;

  padding-top : 3px;

}

#navcontainer ul {

  padding: 0px;

  margin: 0px;

  border-top: 0px solid #DFDFDF;

  border-bottom: 0px solid #DFDFDF;

  float: left;

  width: 760px;

  font: 13px Osaka, Verdana, sans-serif;

}



#navcontainer ul li {

  display: inline;

}



#navcontainer ul li.page_item a {

  padding: 5px 10px 5px 10px;

  color: #ffffff;

  text-decoration: none;

  font-weight: bold;

  float: left;

  border-right: 0px solid #FFFFFF;

}



#navcontainer ul li.page_item a:hover {

  color: #FFFFFF;

}



#navcontainer ul li.current_page_item a {

  padding: 5px 10px 5px 10px;

  color: #FFFFFF;

  text-decoration: none;

  float: left;

  border-right: 0px solid #DFDFDF;

}



#navcontainer ul li.current_page_item a:hover {

}

#recent{

  padding : 5px;

  border-left : 1px solid #3C4D96;

  border-right : 1px solid #3C4D96;

  border-bottom : 1px solid #3C4D96;

  border-top : 1px solid #3C4D96;

  background-color : #ffffff;

  margin-top : 0px;

}

#menu {

  clear: left;

  float: left;

  position: relative;

  top: 15px;

  left: 12px;

  margin: 0px 0px 10px 0px;

  width: 210px;

}



#menu ul {

  margin: 5px 0px;

  padding: 0px;

}



#menu ul li {

  color: #333333;

  font-size: 13px;

  }



#menu li {

  height : 30px;

  background-image : url(images/menubg.gif);

  background-repeat : no-repeat;

  margin-top : -5px;

  padding-top : 5px;

  margin-left : -5px;

  padding-left : 20px;

  color : #ffffff;

}

#menu li a {

  text-decoration : none;

  color : #333333;

}



#menu ul li p {

  font-size: 13px;

  width: 190px;

  font-weight: bold;

}



#menu ul li h2 {

  border-bottom: 1px solid;

  width: 190px;

  font-size: 15px;

  font-weight: bold;

  margin: 0px;

  padding: 0px;

}



#menu ul li ul {

  list-style-type: none;

  margin: 5px 0px 15px 10px;

}



#menu ul li ul li {

  list-style-type: none;

  font-weight: normal;

  margin: 0px 0px 3px 0px;

  padding: 0px;

}



#menu ul li#winamp ul li {

  width: 190px

}



#menu ul li ul li a {

  color: #333333;

  text-decoration: none;

}



#menu ul li ul li a:hover {

  text-decoration: underline;

}

#siderss li{

  border-bottom : 1px solid #555555;

  margin : 15px 0px;

  padding : 3px 3px;

}

#siderss a{

  text-decoration : none;

}

#siderss a:hover{

  text-decoration : none;

}

.siderss_title{

  padding : 2px 3px;

  font-weight : bold;

}



#searchform {

  margin: 2px 0px 15px 0px;

}



p.credit {

  color: #FFFFFF;

  background-image : url(images/navbg.gif);

  clear: both;

  font-size: 11px;

  margin: 0 auto;

  padding: 7px 0px 0px 0px;

  text-align: center;

  width: 760px;

  height : 25px;

}



p.credit a {

  color: #ffffff;

  text-decoration: none;

}



p.credit a:hover {

  color: #ffffff;

  text-decoration: underline;

}

.powered {

  margin: 0;

  padding: 10px 10px 10px 0;

  text-align: right;



}



.navigation {

  display: block;

  text-align: center;

  margin-top: 10px;

  margin-bottom: 60px;

}





#commentlist p.meta, #commentlist p.meta a {

  color: #867b64;

  font-family: Osaka, Verdana, sans-serif;

  font-size: 11px;

}



#trackbacklist p.meta, #trackbacklist p.meta a {

  color: #867b64;

  font-family: Osaka, Verdana, sans-serif;

  font-size: 11px;

}



/* ------------- Begin Calendar ------------- */

#wp-calendar {

  width: 155px;

}

#wp-calendar #next a {

  padding-right: 10px;

  text-align: right;

}

#wp-calendar #prev a {

  padding-left: 10px;

  text-align: left;

}

#wp-calendar a {

  display: block;

}

#wp-calendar caption {

  text-align: center;

  width: 100%;

}

#wp-calendar td {

  padding: 3px 0px;

  text-align: center;

}

#wp-calendar th {

  padding: 3px 0px;

  text-align: center;

}

#wp-calendar td.pad:hover { /* Doesn't work in IE */

  background-color: #fff; }

/* ------------- End Calendar ------------- */



.comment-number {

  font: italic 28px 'Times New Roman', Times, serif;

  color: #73a0c5;

}



.alt {

  background-color: #f8f8f8;

  border-top: 1px solid #dcdcdc;

  border-bottom: 1px solid #dcdcdc;

  margin: 0px;

  padding: 10px;

}



.none {

  margin: 0px;

  padding: 10px;

}



#ed_toolbar input {

  border: 1px solid #dcdcdc;

  background-color: #e6eadb;

  margin: 0px 1px 0px 0px;

}



.hl-surround{

  -moz-border-radius: 5px;

  background-color: #F9FBFC;

  border: 1px solid #C3CED9;

  padding: 8px;

  margin-bottom: 5px;

  width: 400px;

  overflow: auto;

  text-align: left;

}

.hl-surround, .hl-surround pre, .hl-surround span{

  font: normal 9pt 'Courier New', monospace;

}

.hl-default{

  color: Black;

}

.hl-code{

  color: Gray;

}

.hl-brackets{

  color: Olive;

}

.hl-comment{

  color: #ffa500;

}

.hl-quotes{

  color: #8b0000;

}

.hl-string{

  color: Red;

}

.hl-identifier{

  color: Blue;

}

.hl-builtin{

  color: Teal;

}

.hl-reserved{

  color: Green;

}

.hl-inlinedoc{

  color: Blue;

}

.hl-var{

  color: #00008b;

}

.hl-url{

  color: Blue;

} 

.hl-special{

  color: Navy;

}

.hl-number{

  color: Maroon;

}

.hl-inlinetags{

  color: Blue;

}

.hl-main{

  background-color: transparent;

}

.hl-main pre{

  margin: 0; padding: 0;

}