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

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

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

a{
/*text-decoration: none;*/
color:#000;/*リンク アンカーテキスト*/
}

/*補足　リンク マウスオーバー時  background: #95d4de;の設定箇所リスト
div#header p#assistnavi a:hover
#wrapper a:hover
div#content p.related a:hover
#footer a:hover
}
*/




/*_____________________________
ページ全体 */

body{
background: #FFF url(http://www.econetworks.jp/img/bgbody.jpg) repeat-x;
text-align:center;
}

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

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

#wrapper a:hover{
background: #95d4de;
}


/*_____________________________
ヘッダー */

div#header{
height:170px;
background: url(http://www.econetworks.jp/img/bgheader.jpg) no-repeat;
}

/* サイトID ロゴ*/
div#header h1,
div#header p.logo{
top:28px;
position: relative;
width:220px;
}

div#header p#assistnavi{
float:right;
}

div#header p#assistnavi a{
padding:8px 7px;
margin-right:12px;
font-size:0.8em;
background: url(http://www.econetworks.jp/img/bulletlink.gif) no-repeat left center;
}

/*日英切り替え*/
div#header p#assistnavi a.lang{
background: #95d4de;
}

/*RSSフィード*/
div#header p#assistnavi a.feed{
padding-left:16px;
background: url(http://www.econetworks.jp/img/feed-icon.gif) no-repeat left center;
}

/*Twitter*/
div#header p#assistnavi a.twitter{
padding-left:16px;
background: url(http://www.econetworks.jp/img/twitter_logo1.gif) no-repeat left center;
}

/*リンク マウスオーバー時 */
div#header p#assistnavi a:hover{
background: #95d4de;
}




/*_____________________________
トップページ用CSS*/

/*左側　サービス 表示*/
#feature{
float:left;
width:460px;
}

#feature h2,
#news h2{
color:#0099B2;
border-bottom:1px solid #0099B2;
font-size:0.9em;
margin-bottom:18px;
font-weight:bold;
}

#feature p,
#feature ul#topimage{
margin-bottom:18px;
}


#feature div#detail{
float:left;
background: url(http://www.econetworks.jp/img/bgfeature.jpg) no-repeat center bottom;
}

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

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

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


#feature h3 a{
color:#0099B2;
text-decoration: none;
}

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


#feature p{
font-size:0.9em;
margin-bottom:12px;
}


/*左側　バナー表示*/

div#pickup{
clear:both;
padding-top:18px;
}

div#pickup div.item{
clear:both;
padding-top:18px;
}

div#pickup div.item01{
padding-top:36px; /*一番上のバナー用*/
border-top:1px solid #DDD;
}

div#pickup div.item div.pickup_banner{
float:left; /*バナーサイズは190pxまで*/
width:190px;
}


div.item div.pickup_comment{
float:right;
width:265px;
}


div#pickup div.pickup_comment h3{
font-size:0.9em;
color:#0099B2;

padding:3px 0 3px 18px; 

margin-bottom:8px;
background: url(http://www.econetworks.jp/img/bulletpickup.gif) no-repeat left center;
}

div#pickup div.pickup_comment h4{
font-size:0.8em;
color:#0099B2;
font-weight:normal;
margin-bottom:6px;
}


div#pickup div.pickup_comment p{
font-size:0.8em;
}


/*右側　更新情報サイド*/

#news{
float:right;
width:460px;
}


div#siteinfo,
div#bloginfo{
margin-bottom:24px;
}


#feature div#detail h2 span,
#news div#siteinfo h2 span,
#news div#bloginfo h2 span{
float:right;
font-size:0.86em;
padding:4px 2px;
margin-bottom:12px;
background: #95d4de;
font-weight:normal;
}

div#siteinfo table ,
div#bloginfo table{
clear:both;
}

div#siteinfo table td,
div#bloginfo table td{
font-size:0.9em;
line-height:1.6em;
padding-bottom:18px;
}

div#siteinfo table td.date,
div#bloginfo table td.date{
vertical-align:top;
padding-right: 30px;
white-space: nowrap;
}

div#bloginfo table td span.blogname{
font-size:0.9em;
}

div#bloginfo{
clear:both;
}


/*_____________________________
個別ページ*/


/*_____________________________
コンテンツ*/

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

div#content h1{
background: url(http://www.econetworks.jp/img/contenth1.jpg) no-repeat left center;
padding:4px 0 4px 36px;
margin-bottom:36px;
color:#0099B2;
font-size:1.5em;
font-weight:bold;
}

div#content h1.pastworksTitle{
font-size:1.4em;
}

div#content h2{
margin-bottom:12px;
color:#0099B2;
font-size:1.0em;
font-weight:bold;
border-bottom:1px dotted #0099B2;
clear:both;
}

div#content h2.copy{
font-size:1.2em;
border:none;
padding-bottom:12px;
}

div#content h3{
margin-bottom:12px;
color:#0099B2;
font-size:1.0em;
font-weight:bold;
background:#f1fdff;
}

div#content h3.nolink{
margin:36px 0 12px;
color:#0099B2;
font-size:1.0em;
font-weight:bold;
background:#f1fdff;
}

div#content h4{
margin-bottom:8px;
color:#0099B2;
font-size:1.0em;
font-weight:bold;
clear:both;
}

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

/*関連ページへのリンク用*/
div#content a.related {
background: url(http://www.econetworks.jp/img/bulletrelated.jpg) no-repeat left center;
padding:3px 0 3px 18px;
}

div#content p.related a:hover{
background: #95d4de;
}

div#content ul{
list-style-type:disc;
list-style-position: outside;
font-size:0.9em;
margin-left:2em;
margin-bottom:24px;
}

div#content ol li{
line-height:1.6em;
}

div#content ol{
list-style-type:decimal;
list-style-position: outside;
font-size:0.9em;
margin-left:2em;
margin-bottom:24px;
}

div#content ol li{
line-height:1.6em;
}

div#content dl{
font-size:0.9em;
margin-bottom:24px;
}

div#content dl dt{
color:#0099B2;
margin-top:8px;
border-bottom:1px solid #0099B2;
}

div#content dl dd{
margin-left:2em;
line-height:1.6em;
padding-top:8px;
}

div#content table{
border-top:1px solid #DDD;
margin-bottom:24px;
}

div#content table th,
div#content table td{
border-bottom:1px solid #DDD;
font-size:0.9em;
line-height:1.6em;
padding:6px;
}

div#content blockquote{
background:url(http://www.econetworks.jp/img/bgquote.gif) no-repeat left top;
margin:16px 50px 16px 0;
padding:12px 24px;
font-weight:bold;
color:#0099B2;

}

/*ブログ用　 20100714*/

div#subnavi p.blogtitle{
color:#FFF;
background:#0099B2;
padding: 8px;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 12px;
}

div.entry {
padding-bottom: 23px;
border-bottom: 1px dotted #CCC;
margin-bottom: 24px;
}

div.bloghead {
border: 1px solid #CCC;
padding:8px;
background:#F1FDFF;
margin-bottom: 8px;
}

div.bloghead div.title{
width:380px;
float:left;
display: inline;
}


div.bloghead h2{
margin-bottom:12px;
color:#0099B2;
font-size:1.0em;
font-weight:bold;
clear:both;
}

div.bloghead h2 a{
/*text-decoration: none;*/
}

div#content div.bloghead p.detail{
margin-bottom: 10px;
}


div.bloghead p.icon{
width:90px;
float:right;
display: inline;
}

.fblile{
witdh:83px;
float:left;
display: inline;
margin: 0;
}

.twitlink{
width: 75px;
float:left;
margin: 0;
}


div#related{
border-top: 1px dotted #CCC;
margin:12px 0;
padding: 12px 12px;
}

div#related h3{
color:#0099B2;
font-weight: bold;
}

div#related ul li{
font-size: 0.9em;
padding-bottom: 6px;
}

/*過去PJ事例の一覧用*/
div#content div.pastworklist{
padding-bottom:24px;
}


/*_____________________________
ブログ用*/

div#article{
float:left;
width:500px;
}


div#extra{
float:right;
width:200px;

}


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

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

div#subnavi h2,
div#extra h2{
color:#0099B2;
border-bottom:1px solid #0099B2;
font-size:0.9em;
margin-bottom:2px;
}

div#subnavi h3,
div#extra h3{
font-size:0.9em;
font-weight: bold;
margin:8px 0 4px;
}

div#subnavi p,
div#extra p{
padding:6px 0;
font-size:0.8em;
margin-bottom: 12px;
}

div#subnavi ul,
div#extra ul{
/*border-top:1px solid #CCC;*/
padding-bottom:36px;
/*#contentの指定を消す*/
list-style: none;
margin-left:0;
margin-bottom:0;
}

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

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

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



div#subnavi ul ul,
div#extra ul ul{
/*border-top:1px solid #CCC;
border-bottom:1px solid #CCC;*/
padding-left:1em;
padding-bottom:6px;
list-style: none;

}

div#subnavi ul ul li,
div#extra ul ul li{
padding:4px 0;
border-bottom:none;
font-size:1.0em;
}


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


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

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


/*_____________________________
フッター*/


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 a{
padding:3px;
}

#footer a:hover{
background: #95d4de;
}

#footer p{
margin-top:18px;
}


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


#footer p a.feed{
padding-left:16px;
background: url(http://www.econetworks.jp/img/feed-icon.gif) no-repeat left center;
}

/*_____________________________
ソーシャルメディアパネル*/

.slide-panel {
	z-index: 25;
	width: 5px;
	position: absolute;

}
.sm_content {
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	background-color: #EEE;
	height: 0;
	width: 100%;
	color: #000;
    border-left:1px solid #DDD;
    border-bottom:2px solid #BBB;
    border-right:2px solid #BBB;
}

.slide-button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 120px;
	z-index: 20;
	cursor: pointer;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: #FFF;
	background-color: #0099B2;
font-weight:bolder;
}


.slide-button:hover {
	color: #000;
}


.sm_content table{
margin:auto;
}

.sm_content table td{
padding:8px;
vertical-align:50%;
font-size:0.9em;
}

.sm_content table td a{
text-decoration:none;
}



/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}