/*_____________________________
配色設定 */


/*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:#1A1A1A;
}

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

/*【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 #1c567f;}

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

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

/* 色サンプル

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



/*_____________________________
ページ最上部のENWへのリンク*/

p#linkENW{ 
margin:16px 0;
}


/*_____________________________
ヘッダー */

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:left;
width:500px;
}

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.0em;
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 h7{
background: url(http://www.econetworks.jp/img/contenth1.jpg) no-repeat left center;
padding:4px 0 4px 36px;
margin-bottom:4px;
color:#0099B2;
font-size:1.5em;
font-weight:bold;
}

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 h6{
margin-bottom:12px;
color:#0099B2;
font-size:1.0em;
font-weight:bold;
background:#f1fdff;
}

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

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

#content div.detail_L{
float:left;
width:210px;
}

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

#content div.detail_R{
float:right;
width:210px;
}

#content h4{
color:#333;
font-size:0.9em;
margin-bottom:12px;
font-weight:bold;
}

#content h5{
color:#0099B2;
padding-left:24px;
margin-bottom:12px;
background: url(http://www.econetworks.jp/img/mark1.gif) no-repeat left center;
font-weight:bold;
}


#content h5 a{
color:#0099B2;
text-decoration: none;
}

div#content ul{
margin-bottom:10px;
font-size:0.9em;
line-height:1.5;
clear:both;
}

div#content a.related {
background: url(http://www.econetworks.jp/img/bulletrelated.jpg) no-repeat left center;
text-align:right;
padding:3px 0 3px 18px;
}

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

div#subnavi{
float:right;
width:200px;
}

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

div#subnavi ul{
/*border-top:1px solid #CCC;*/
font-size:0.8em;
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;
}



/*_____________________________
フッター*/


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;
font-size:0.8em;
}



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