/*

Theme Name: Choco-Brownie

Theme URI: 

Description: 堅実さを表す落ち着いたブラウン。<br />（#4E3D31ブラウン基調）

Version: 

Author: easeSystem

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

*/



body {

/*背景*/

  background: #a6927f;

/*  background: url(images/background_dot.gif);*/

  margin: 0 auto;

  padding: 0px;

  text-align: center;

}

#shadow_l {

  width : 10px;

/* left影

  background: #5A5650;

  background: url(images/shadow_l.gif);

  background-repeat : repeat-y;

*/

}

#shadow_r {

  width : 10px;

/* right影

  background: #5A5650;

  background: url(images/shadow_r.gif);

  background-repeat : repeat-y;

*/

}

a {

  color: #333333;

}



a:hover {

  color: #6F6F6F;

}



#rap {

  background: #FFFFFF;

  margin: 0 auto;

  width: 756px;

  text-align: left;

  border: 1px solid #dcdcdc;

}

#rap .headline {

  background: url(images/headline.gif);

  background-repeat : no-repeat;

  text-align : right;

  margin-top : 0px;

  margin-bottom : 0px;

  height : 30px;

  color : #ffffff;

}

#header {

  background: url(images/headerimg.gif);

  background-position: right top;

  background-repeat : no-repeat;

  background-color : #FFFFFF;

  width: 756px;

  height: 70px;

  margin: 0px

  padding: 0px

  text-align: left;

}



#headerimg a {

  position: relative;

  top: 0px;

  left: 5px;

  font-size: 24px;

  background: transparent;

  padding: 5px;

  color: #555555;

  text-decoration: none;

}



#headerimg a:hover {

  position: relative;

  top: 0px;

  left: 5px;

  font-size: 24px;

  background: transparent;

  padding: 5px;

  color: #aaaaaa;

  text-decoration: none;

}

#flashimg {
/*
  background: url(images/flashimg.gif);

  background-repeat : no-repeat;
*/
  height : 180px;

}

.description {

  position: relative;

  top: 35px;

  left: 15px;

  font-size: 13px;

  background: transparent;

  padding: 5px;

  color: #55555;

  text-decoration: none;

}



h1 {

  margin: 0px

}



#content {

  position: relative;

  right: 10px;

  top : 5px;

  clear: both;

  float: right;

  margin: 0 0 0 0;

  padding: 0 0 0 0;

  width: 520px;

  color: #444444;

}

#content .topcenter{

  margin-top : 8px;

  margin-bottom : 8px;

}

#content .topbottom{

  margin-top : 15px;

  margin-bottom : 8px;

}

#content h2 {

  border-bottom: 1px solid #6F6F6F;

  color: #5F707A;

  font-size: 13px;

  margin: 20px 0px 5px 0px;

  padding: 0px 0px 3px 0px;

  text-align: right;

  width: 520px;

}



#content h2#comments a {

  color: #5F707A;

  font-size: 13px;

}



#content h3 img {

  border: 0px;

}



#content div.post {

  margin: 0px 0px 20px 0px;

  padding: 0px;

}



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

}



#content div.post div.storycontent p {

  width: 100%;

}



#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: #5F707A;

  text-decoration: none

}



#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;

}

#recent{

  padding : 5px;

  margin-top : 0px;

  margin-bottom : 40px;

}



#c_left {

  float : left;

  width : 255px;

}

#c_right {

  float : right;

  width : 255px;

}





/* item_list */

#content #item_list{

 margin:0 0 0 0;

 padding:0 0 0 0;

 width:505px;

 line-height: 1.5em;

}

#content #item_list a:link, #content #item_list a:visited , #content p.buy_link a:link , #content p.buy_link a:visited{

 color:#F2792E;

}

#content #item_list a:hover, #content #item_list a:active, #content p.buy_link a:hover, #content p.buy_link a:active{

 color:#F2A677;

}

#content #item_list li{

 margin:0 0 1em 0;

 padding:0;

 width:505px;

 line-height:2em;

 list-style-type: none;

}

#content #item_list h3{

 clear:both;

 margin:0;

 padding:0;

 border-bottom: 1px solid #f2a677;

 width:100%;

 font-size:14px;

 line-height:1.5em;

}

#content #item_list p{

 margin: 0 0 0.5em 0.5em;

 padding:0;

}

#content #item_list div{

 margin:0;

 padding:0;

 width:505px;

}

#content #item_list div h4{

 clear:both;

 margin:0;

 padding:0;

 font-size:12px;

 line-height:1.5em;

 width:100%;

}

#content #item_list div p{

 float:right;

 margin:0;

 padding:0;

 width:130px;

}

#content #item_list div p img{

 margin:0;

 padding:0;

 width:130px;

}



#content #item_list div ul{

 float:left;

 margin:0 0 1em;

 padding:0;

 width:350px;

}

#content #item_list div ul li{

 margin:0 0 0 5px;

 padding:0;

 width:auto;

 font-size:12px;

 list-style-type: none;

}

/*IE対応*/
*html #content #item_list div ul li{
 margin:0 0 0 -1em;
 padding:0;
 width:auto;
 font-size:12px;
 list-style-type: none;
}
*:first-child+html #content #item_list div ul li{
 margin:0 0 0 -1em;
 padding:0;
 width:auto;
 font-size:12px;
 list-style-type: none;
}


#content #item_list div ul span{

 color: #E00000;

}

#content #item_list div ul strong{

 font-size:1.2em;

 color: #E00000;

}



/*corporate_table*/

#content table.corporate_table tr td{

 padding: 0.5em 0 0.5em 0;

}



#navcontainer {

  height : 24px;

}

#navcontainer ul {

  padding: 0px;

  margin: 0px;



/*navcontainerはcssで配色*/



  background: #403328;

  border-top: 1px solid #403328;

  border-bottom: 1px solid #402308;  

  float: left;

  width: 756px;

  text-align : center;

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

  list-style-type:none;
}



#navcontainer ul li.page_item{

  float: left;

  margin:0;

  padding:5px 0;

  width: 125px;

/*li.page_itemはcssで配色*/

  background: #9A8877;

  border-right: 1px solid #807062;

  border-bottom : 1px solid #665A4F;


}



#navcontainer ul li.page_item a {

  padding: 0;

  color: #ffffff;

  text-decoration: none;

}



#navcontainer ul li.page_item:hover {

  color: #ffffff;

  background-color : #B4916B;
}



#navcontainer ul li.current_page_item{

  padding: 5px 0px 5px 0px;

  color: #FFFFFF;

  text-decoration: none;

/*li.current_page_itemはcssで配色*/

  background: #867469;

  border-right: 1px solid #555555;

  border-bottom : 1px solid #333333;

}



#navcontainer ul li.current_page_item a:hover {

  width : 107px;

  color : #ffffff;

}



#menu {

  float: left;

  position: relative;

  top: 20px;

  left: 0px;

  margin: 0px 0px 10px 0px;

  width: 200px;

}



#menu ul {

  list-style-type: none;

  margin: 0px 0px;

  padding: 0px;

}



#menu ul li {

  color: #333333;

  font-size: 12px;

  margin: -6px;

  padding: 6px 0px 0px 0px;

}



#menu ul li p {

  font-size: 12px;

  width: 200px;

  font-weight: bold;

}



#menu ul li h2 {

  border-bottom: 1px solid;

  width: 200px;

  font-size: 15px;

  font-weight: bold;

  margin: 0px;

  padding: 0px;

}



#menu ul li ul {

  margin: 5px 0px 15px 10px;

}



#menu ul li ul li {

  font-weight: normal;

  margin: 0px 0px 3px 0px;

  padding: 0px;

}



#menu ul li#winamp ul li {

  width: 180px

}



#menu ul li ul li a {

  color: #ffffff;

  text-decoration: none;

}



#menu ul li ul li a:hover {

  text-decoration: underline;

}


/*------------------ サイドメニュー ------------------------*/
#sidemenu {
  float: left;

  margin: 5px 0;

  padding-left:10px;

 width:200px;

}

#sidemenu ul{

  padding: 0;

  margin: 0;

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

  color : 333333;

  list-style-type : none;

  line-height: 1em;
}

#sidemenu li{
  margin: 0 0 0 0;

  padding:9px 0 9px 20px;

  color : #ffffff;

}
#sidemenu ul .page_item{
  background: url(images/menubg.gif);
  background-repeat : no-repeat;
}

#sidemenu #blog{
 margin-bottom:0.5em;
 padding: 8px 0 0 0;
 font-size:13px;
 font-weight:bold;
 background: url(images/sidemenubg.gif) repeat-y left top;
 width:200px;
 border-bottom:1px solid #888888;
}

#sidemenu #blog li{
 background:none;
 padding:0 0 8px 6px;
 color:#5F3F23;
}

#sidemenu #blog li ul{
 padding:0;
}

#sidemenu #blog li ul li{
 background:transparent url(images/point.gif) no-repeat scroll left center;
 padding:8px 0 8px 16px;
}


#sidemenu a {

  color:#5F3F23;

  text-decoration : none;

}

#sidemenu a:hover{

  color : #FFB860;

}

/*---------------ブログタイトル----------------------*/
#content .post h2.blogtitle{
 text-align:left;
 margin:0;
 padding:5px 0 5px 10px;
 background: url(images/blogtitlebg.gif) no-repeat left top;
 width: 509px;
 height: auto;
 border:none;
}
#content .post h2.blogtitle a{
 text-decoration:none;
 color:#EEEEEE;
 font-size:13px;
}

#siderss li{

  width : 190px;

  color : #333333;

  background-image : none;

  border-bottom : 1px solid #555555;

  margin : 5px 0px 5px 3px;

  padding : 0px;

  height : 50px;

}

#siderss a{

  color : #333333;

  text-decoration : none;

}

#siderss a:hover{

  text-decoration : none;

}

  
.children{
 display:block;
}




#searchform {

  margin: 2px 0px 15px 0px;

}



div.credit {

  background: url(images/footerimg.gif);

  background-repeat : no-repeat;

  color: #FFFFFF;

  clear: both;

  font-size: 12px;

  margin : 0px;

  padding: 0px;

  text-align: center;

  width: 756px;

  height : 35px;

}



div.credit a {

  color: #ffffff;

  text-decoration: none;

}



div.credit a:hover {

  color: #ffffff;

  text-decoration: underline;

}

p.copyright {

  float : left;

  position : relative;

  top : 10px;

  left : 10px;

  margin : 0px;

  padding : 0px;

}

#ewslogo {

  float : right;

  position : relative;

  top : 3px;

  right : 10px;

}

.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: 180px;

}

#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: 0px 0px;

  text-align: center;

}

#wp-calendar th {

  padding: 0px 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;

}