/*_____________________________
配色設定 */


/*03,06,08の色は基本的に揃える */

/*#000000という形式の部分で色を指定しています */
/*http://www.htmq.com/color/websafe216.shtmlなどの色見本で色を選ぶ*/

/*【00】基本文字色 テキストの色を指定しています*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
color:#2E8B57;
}

/*【01】リンク アンカーテキスト 上から、「通常のリンクテキスト」「訪問済みリンク」「カーソルが乗った時」の色を指定しています*/
a:link{color:#669966;}
a:visited{color:#333;}
a:hover{color:#FF0000;}

/*【02】body 背景色  白 ※基本的に変えない*/
body{background: #FFFFFF;}

/*【03】ブログタイトル　背景色 */
div#blogTitleText{background: #1c567f;}

/*【04】ブログタイトル 文字色　※03とのコントラストに注意*/
div#blogTitleText h1,div#blogTitleText h1 a:link,div#blogTitleText h1 a:visited{color:#FFFFFF;}

/*【05】ブログ説明文 文字色　※03とのコントラストに注意*/
div#blogTitleText p{color:#FFFFFF;}

/*【06】エントリータイトルの下線 色*/
div#content h2{border-bottom:1px dotted #006600;}

/*【07】カテゴリータイトルの囲み罫線 色*/
div#content h2#archiveTitle{border:1px dotted #CCCCCC;}

/*【08】サイドバーのタイトルの下線 色*/
div#subnavi h2{border-bottom:1px solid #006600;}

/* 色サンプル

green　#a6ac3b
purple　#573649
red #a02237
blue　#1c567f
orange　#d06b33
yellow　#e89800


*/



/*_____________________________
初期設定 リセット */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
font-family:sans-serif;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img { 
border:0;
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
}


/*_____________________________
ページ全体 */

body{
text-align:center;
}

div#container{
width:740px;
margin:0 auto;
text-align:left;
}

#wrapper{
clear:both;
padding-top:48px;
}



/*_____________________________
ヘッダー */

div#header{
margin-top:16px;
}

/*ヘッダー　画像を入れないとき */
div#blogTitleText{
height:170px;
}

/*ブログタイトル*/
div#blogTitleText h1{
padding:30px 12px 0;
font-size:1.4em;
}

div#blogTitleText h1 a:link,div#blogTitleText h1 a:visited{
text-decoration:none;
}

/*ブログ説明文*/
div#blogTitleText p{
padding:12px 12px;
font-size:0.9em;
}

div#blogTitleImg h1{

}


/*_____________________________
個別ページ*/


/*_____________________________
コンテンツ*/

div#content{
float:right;
width:480px;
}

div#content h1{
padding:4px 0;
margin-bottom:36px;
font-size:1.2em;
font-weight:bold;
}

div#content h2{
margin-bottom:12px;
font-size:1.2em;
font-weight:bold;
clear:both;
}

div#content h2#archiveTitle{
padding:5px;
}


div#content p{
margin-bottom:18px;
font-size:0.9em;
line-height:1.6em;
}

div#content div.entry p.detail{
font-size:0.8em;
text-align:right;
}

div#content div.entry p.extended{
font-size:0.8em;
}

div#content div.forComment{
background:#EEE;
padding:6px;
}

div#content h3{
margin-bottom:12px;
font-size:1.0em;
font-weight:bold;
clear:both;
}

div#content h3#comments{
border-bottom:1px dotted #333333;
}

div#content div.forComment p{
font-size:0.8em;
}

div#content h4{
  margin-bottom:12px;
  color: CD853F;
  font-size:0.8em;
  text-align: left;
  font-weight: bold;
  border: outset;
  background-color: #FAFAD2;
  padding: 15px
  }

div#content img.pic.{
 padding: 10x;
 }

/*_____________________________
サブナビゲーション*/

div#subnavi{
float:left;
width:250px;
}

div#subnavi h2{
font-size:0.9em;
margin-bottom:2px;
font-weight:bold;
margin-top:10px;
}

div#subnavi ul{
/*border-top:1px solid #CCC;*/
padding-bottom:36px;
}

div#subnavi ul li{
padding:8px 0;
border-bottom:1px solid #CCC;
font-size:0.8em;
}

div#subnavi ul li.low{
padding-left:1.6em;
}

div#subnavi ul li a{
padding-left:6px;
background: url(http://www.econetworks.jp/img/bulletlink_grey.gif) no-repeat left center;
display:block;
text-decoration: none;
}


div#subnavi p.backtop{
margin-top:24px;
font-size:0.8em;
}


/*RSSフィード*/
div#subnavi a.feed{
padding-left:18px;
background: url(http://www.econetworks.jp/img/feed-icon.gif) no-repeat left center;
font-size:0.8em;
}



/*_____________________________
フッター*/


p#pagetop{
clear:both;
margin-top:48px;
text-align:right;
font-size:0.8em;
}

p#pagetop a{
background: url(http://www.econetworks.jp/img/bullet_top.gif) no-repeat left center;
padding-left: 15px;
}



#footer{
clear:both;
border-top:2px solid #EEE;
margin-top:48px;
padding:12px 0;
text-align:center;
font-size:0.8em;
background:#f6f7f7;
}

#footer p#copyright{
margin-top:32px;
}