/*
Theme Name: EC Strategy
Theme URI: http://personalize.jp
Version: 2.0
Author: PCJ
Tags: magazine, three-columns, two-columns, fixed-width
*/


/*CSS RESET
===========================================================*/
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;
}

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

/* tables still need 'cellspacing="0"' */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

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

object, embed {
	vertical-align: top;
}

legend {
	display: none;
}


hr {
	display: none;
	clear: both;
}


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

img,abbr,acronym,fieldset {
	border: 0;
}

ol, ul ,li {
	list-style: none;
}


/* UNIVERSAL STYLES
============================================================*/
body {
	background-color: #eaeaea;
	padding: 12px;
	text-align: center;
	font-size: 75%; /* Resets 1em to 12px */
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.7;
	color: #444;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

h1, h2, h3, h4, h5, h6  {
	font-weight: normal;
	color:#000;
	margin:5px 0;
}

h1  {font-size: 2.25em;}
h2  {font-size: 1.85em;}
h3  {font-size: 1.65em;}
h4  {font-size: 1.5em;}
h5  {font-size: 1.333em;}
h6  {font-size: 1.127em;}


p  {margin: 0 0 0.9em 0;}


a {	color: #000;
	border-bottom: 1px dotted #333;
	text-decoration: none;
}

a:hover {
	color: #666;
	border-bottom: 1px dotted #333;
}

cite{
	display:block;
	margin:0;padding:0;
	margin-bottom: 2px;
}

blockquote {
	background: url(images/smallquote.gif) no-repeat 7px 15px;
	border:1px dotted #999;
	padding:20px 10px 10px 40px;
	margin:0 0 20px 0;
}



.left{	float:left;}
.right{	float:right;}
.ffix {	clear: both;}
.clear{	clear:both;}

.clearfix:after{/*IE7以外のモダンブラウザ向け*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} 

.clearfix{/*IE7およびMacIE5向け*/
	display:inline-block;
} 

* html .clearfix{/*IE6以前向け*/
	height:1%;
}
.clearfix{display:block;}


/* Layout
============================================================= */

#outer {
	background: #fff;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 10px;}

#container {/*960*/
	border: 1px solid #eaeaea /*#ccdb2a*/;}

/*--header--*/
#header {
	background-color: #fff; /*#eaeaea;*/
	border-bottom: 1px solid #eaeaea;
	height: 70px;}

#header h1 {/*title*/
	width: 300px;height: 70px;
	/*background: url(images/ecst_logo.gif) no-repeat top left;*/
	/*text-indent:-9999px;*/
	float: left;
	margin:0;}

#header h1 a {border:none }
#header h1 a:hover { border:none}

#tagline {/*catch*/
	background: #eaeaea;
	color: #333;
	float: right;
	padding: 5px 7px;}

div.nav {/*gloval navi*/
	height: 40px;
	padding-left:10px;
	list-style: none;
	background:#333;
	border-bottom: 1px solid #666;}

div.nav ul li {
	display: block;
	float: left;
	line-height: 36px;
	border-right: 1px solid #666;}

div.nav ul li a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
	border: none;}

div.nav ul li a:hover, div.nav ul li a.active {
	background: #666;
	color: #fff;
	border-bottom: none;}

div.nav ul li#categories{
	padding:6px;
	border-bottom: none;
}


/*--contents--*/
body.home #content {
	background: url(images/homebg.gif) repeat-y top left;
	min-height:500px;
  	height:auto !important;
  	height:500px;border:none}

body #content {
	background: #fff url(images/singlebg.gif) repeat-y top left;
	min-height:500px;
  	height:auto !important;
  	height:500px;}

/*top page*/
.headline {
	float: left;
	width: 720px;}

.focus {/*main visual*/
	width: 699px;
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
	background-color: #fff;}

.sub {/*左div*/
	width: 270px;
	float: left;}

.sub .featured .list h3, .sub .featured .list .category {
	float: none;}

.category {}

.category a {
	color: #5C5C5C;
	font-size: 0.85em;
	line-height: 1.2;
	border: none;}

.post {
	padding: 10px 10px 15px 10px;
	background: url(images/stripe.gif) repeat-x bottom;}

.post .author {/*date*/
	padding-bottom: 3px;}

.post .author em {/*By*/
	font-family: "ＭＳ Ｐ明朝",Georgia, "Times New Roman", Times, serif;
	font-style: italic;}

.post h2 {
	font: 20px "ＭＳ Ｐ明朝",Georgia, "Times New Roman", Times, serif;}

.post h2 a {
	text-decoration: none;
	border-bottom: none;}

.post h2 a:hover {
	background: #eaeaea;}


div.featured h2{
	padding-left:10px;
}

.list {
	padding: 10px 10px 15px;}

.list .thumb  {/*サムネイル*/
	float: left;
	background: #eaeaea;
	padding: 5px;
	margin-right: 10px;}

.list h3 {/*タイトル*/
	margin-top:0px;
	line-height:1.2;
	/*float: left;*/}

.list .category {
	/*float: left;*/}


.main {/*真ん中div*/
	width: 425px;
	padding: 0 10px 10px 10px;
	float: left;}

.main .post h2 {
	font-size: 26px;}

/*sub下、main下*/
.featured {}

.featured h2, .sidebar h2, .single-sidebar h2 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;}

.featured h3 a {
	font-weight: normal;
	font-family: "ＭＳ Ｐ明朝",Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 14px;
	border-bottom: none;}

.featured h3 a:hover {
	background-color: #eaeaea;}


.new{
	font-weight:bold;
	font-size:1.2em;
	color:#098200;
}

/*---toppage-sidebar---*/
.sidebar {
	float: right;
	width: 196px;
	padding: 10px;
	width: 218px;}

.sidebar a 	 {border-bottom: none;}
.sidebar a:hover {color: #5C5C5C;}

.sidebar h2 {margin-bottom:0 ;padding-bottom:2px;}
.sidebar div{margin-bottom:0 ;padding-bottom:10px;}/*For tag Widget*/


#searchform {
	padding-bottom: 15px;}

#searchform label {
	padding: 0 0 8px 0;
	display: block;}

.sidebar ul {
	list-style: none;
	padding-bottom: 15px;}

.sidebar ul li {
	padding: 5px 0;
	border-bottom: 1px solid #eaeaea;}

bestweb, .links {
	padding-bottom: 20px;
}
.bestweb a, .links a {
	text-decoration: none;
}
.links ul {
	list-style: none;
}
.links ul li {
	padding: 3px 0;
}


/*---------single Page-----------*/

#content-box{
	width:540px;
	padding:0 0 0 10px;
	margin: 0px;
	float:left;
	clear:none;}

.posts{
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Arial, Helvetica, sans-serif;
	font-size:116%;
	line-height:1.5;
}

 p{
	margin: 0 0 1.5em 0
}

.posts blockquote p {/*wpが勝手にpを入れるので一旦クリア*/
	margin:0;padding:0;
}

.posts a{color:#4169e1;}
.posts a:link{ color:#4169e1;}
.posts a:hover{ color:#228b22;}



.posts h5  {font-size: 1.333em;	line-height:1.3em;}
.posts h6  {
	font-size: 1.127em;
	margin:0 0 15px 0;
	padding-top:15px;
	padding-bottom:2px;
	font-weight:bold;
	border-bottom:1px dotted #098200;
	/*background:URL(images/h6_bg.gif) left bottom;*/
}

.posts h6.header  {
	display:block;
	font-size: 1.11em;
	margin:0;
	padding-top:10px;
	padding-bottom:5px;
	font-weight:bold;
	border-bottom:none;
	/*background:URL(images/h6_bg.gif) left bottom;*/
}


.posts strong  {
	font-weight:bold;
	color: #333;
}


.posts strong.green  {
	font-weight:bold;
	color: #098200;
}

.posts p.lead, .entry p.lead{
	font-weight:bold;
	color: #098200;
	margin-bottom:5px;
}




/*Post Title*/
.post-title{
	font-family: "ＭＳ Ｐ明朝",Georgia,"Times New Roman",Times,serif;
	font-size: 2.8em;
	font-weight:normal;
	line-height:1.3em;
	letter-spacing: normal;
	margin-bottom:5px;
	padding-bottom:5px;
	text-transform:none;
	color:#000; /*2F9DFF;*/
	border-bottom: 0px solid #DEDEDE;
}
.post-title a:link, .post-title a:visited{
	text-decoration:none;
	clear:both;
	padding:2px 0 5px 0;
	border-bottom:0;
	color:#000;/*4192D9;*/
}

.post-title a:hover{
	text-decoration:underline;
	color:#000;
}


/*date--below post title*/
.below-title-meta{
	color: #000;
	font-size:0.833em;
	margin-bottom:10px;
	text-align:left;
	font-variant:small-caps;
	letter-spacing:0.088em;
	font-weight:normal;
	line-height:1em;
}

.below-title-meta a:link, .below-title-meta a:visited{
	color: #000;
	border:0;
	background:transparent;
	font-weight:normal;
}

.below-title-meta a:hover{
	font-weight:normal;
	text-decoration:underline;
}

/*post*/
.resource{
	padding: 5px;
	margin: 0;
	line-height:1.2em;
	border:2px solid #ccc}

.resource a,.resource a:link{
	color: #0044CC;
	margin-bottom:3px;
	border-bottom: none;
}


.resource a:hover{
	color: #0044CC;
	text-decoration:underline;
	border-bottom: none;
}

.resource p {/*wpが勝手にpを入れることがあるので一旦クリア*/
	margin-bottom: 0;
}

.resource p.netamoto {
	margin-bottom: 3px;
}

.resource p.others {
	margin-top: 10px;
	margin-bottom: 3px;
}

.resource p.netamoto strong, .resource p.others strong{
	color: #333;
}
/*AD BOXES IN POSTS PAGES*/
.ad-above-post{
	padding-right:20px;
	margin-bottom:15px;
}

.ad-below-post{
	margin-bottom:20px;
	float:left;
}

/*post内でテーブルを使う場合　左右いっぱい*/
table.full{margin-top:-15px;margin-bottom:20px;vertical-align:top}
table.full td {border:1px solid #333;padding:3px;vertical-align:top}

/*HOMEPAGE READ MORE---ok*/
.homepage-readmore{
	margin:5px 0;
	line-height:1em;
}
.homepage-readmore a, .homepage-readmore a:link, .homepage-readmore a:visited, .more-link{
	padding:3px;
	color:#6F6F6F;
	text-transform:uppercase;
	text-decoration:none;
	border:0;
	font-size: 0.8em;
	font-weight:bold
}

.homepage-readmore a:hover{
	padding:3px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	border:0;
}


.post ol,.post ul,.entry ol,.entry ul{
	margin-top:0;padding-top:0;
	margin-bottom:10px
}

.post ol li,.post ul li{
	margin-bottom:5px;
	list-style-type:square;
	margin-left:15px;
}

.entry ol li,.entry ul li{
	margin-bottom:2px;
	list-style-type:square;
	margin-left:15px;
}



/*ポスト下部==========*/

/*タグ＆カテゴリok*/
.below-post-meta{
border: 1px solid #CFCCC4;
line-height:1em;
padding:10px;
margin-bottom:10px;
color:#555;
text-align:center;}


/*関連情報---------ok*/
.rel-post{
margin-top: 10px;
padding: 0;
border: 2px solid #CFCCC4;
background: transparent url(images/reading-room.gif) no-repeat 0 0;
overflow:hidden;
_zoom:1;/*for IE*/
}


.rel-post-slug{
float:left;
width:40px;
display:block;
color:#6F6F6F;
/*background:#E1DCCC;*/
padding:5px 10px;
font-weight:bold;
font-size:1em; 
line-height:1.4em;
}


.rel-post-entry-wrap{
margin:5px 10px;
margin-bottom:0;
float:right;
width:210px;
}

.rel-post-thumb{
float:left;
padding:0;
margin: 5px 0;
margin-right:5px;
background:transparent;
border:5px solid #eaeaea;
}

.rel-post-title{
padding-top:5px;
float:left;
width:170px;
border:1px solid blue
}


.rel-post li, .rel-post ul {
list-style: none;
margin:0;
padding:0;
}

.rel-post a, .rel-post a:link, .rel-post a:visited{
text-decoration:none;
}
.rel-post a:hover{
text-decoration:underline;
} 




/*他の情報ok*/
#reading-room{
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
border: 2px solid #CFCCC4;
clear: both;
background: transparent url(images/reading-room.gif) no-repeat 0 0;
}

.read-box{
float:left;
width:40px;
padding:5px 10px;
font-weight:bold;
font-size:1em; 
letter-spacing:0.1em;
line-height:1.4em;
color:#6F6F6F;
}

.prev-box{
float:left;
width:205px;
padding-top:5px;
padding-bottom:5px;
padding-right:20px;
padding-left:20px;
line-height:1.4em;}

.next-box{
float:left;
width:205px;
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
line-height:1.4em;}

.next-prev-label{
display:block;
clear:both;
font-weight:bold;
font-size:1em;
text-transform:uppercase;
letter-spacing:0.1em;
color:#6F6F6F;
padding-bottom:5px;
line-height:1em;
}



/*2階層以下 SIDEBAR*/

#right-sidebar{
	width:400px;
	float:right;
	overflow:hidden;
	color: #333;
	line-height:1.3em;
	font-size: 1em;
}

/*RIGHT TOP SIDEBAR*/
#right-topbox-sidebar{
	width:100%;
	float:left;
	background: #f9f9f9 /*url(images/right-top-bg.gif) repeat-y 0 0*/;
}

.right-top-sidebar{
	width:100%;
	clear:both;
	float:left;
}

.right-end-sidebar{
	width:100%;
	clear:both;
	float:left;
	background: #f9f9f9;
	background-image: none;
}


#right-left-sidebar{
	width: 200px;
	float:left;
}

#right-right-sidebar{
	width:200px;
	float:right;
}

.sidebar-separator{
	width:100%;
	height:3px;
	clear:both;
	float:left;
	background: url(images/separator.gif) no-repeat 0 0;
}

/*right-sidebar List*/
.widgetbox{
	padding-top:10px;
	border-top: 1px solid #CFCCC4;
	padding:15px;
}

#right-sidebar h5.widgettitle{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.167em;
	font-weight:bold;
}	

#right-sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#right-sidebar ul li{
	margin: 0;
	line-height:1.2}
}

/*RIGHT-SIDEBAR LIST TITLE*/
#right-sidebar ul li h2{
	margin: 0;
	padding: 4px 0px;
	padding-top:10px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.167em;
	font-weight:bold;
}


/*#right-sidebar h2.widgettitle{
	font-size: 1.167em;
	font-weight:bold;
}*/


#right-sidebar h5.widgettitle{
	font-size: 1.167em;
	font-weight:bold;
}

	
#right-sidebar ul ul{
	padding: 0; 
}

/*RIGHT-SIDEBAR LIST */
#right-sidebar ul ul li{
	margin: 0;
	padding: 5px 0px;
	background: transparent;
	border-top:0;
	background:url(images/bullet.gif) no-repeat 5px 6px;
	border-bottom: 1px solid #eaeaea;}
}

#right-sidebar ul ul ul li{
	padding: 0 0 0 10px;

}

#right-sidebar ul li.widget_search{
	padding: 0;
}

#right-sidebar ul li.widget_calendar{
	padding:0;
}

#right-sidebar ul li.widget_calendar a{
	color:#000;
}

#right-sidebar a:link, #right-sidebar a:visited{
	color: #000;
	background: transparent;
	text-decoration: none;
	border: 0;
}

#right-sidebar a:hover{
	color: #000;
	background: transparent;
	text-decoration: underline;
}	


/*WP UNIVERSAL WIDGETS==================*/
.widget_tag_cloud {
	text-align:center;
	line-height: 100%;
	}

.widget_tag_cloud a {
	text-transform:lowercase;
	line-height: 100%;
	}
.textwidget{
	border-top:0;
	line-height:1.6em;
}


h5.widget-title{
	font-size: 1.167em;
	font-weight:bold;
}


/* Calendar */
#calendar_wrap{
	margin:0;
	margin-top:-25px;/*delete title space*/
	padding:0;
	padding-bottom:15px;
	text-align:center;
}
#wp-calendar {
	empty-cells: hide;
	margin: 5px auto;
	width: 205px;
	}

#wp-calendar #next a:link, #wp-calendar #next a:visited {
	padding-right: 5px;
	text-align: right;
	background:transparent;
	font-variant:small-caps;}

#wp-calendar #prev a:link, #wp-calendar #prev a:visited{
	padding-left: 5px;
	text-align: left;
	background:transparent;
	font-variant:small-caps;
	}

#wp-calendar #next a:hover, #wp-calendar #prev a:hover{
	color:#000;
	text-decoration:underline;
	font-variant:small-caps;
}

#wp-calendar a:link, #wp-calendar a:visited{
	text-align: center;
	background:#ECEADC;
	text-decoration:none;
	font-weight:bold;}

#wp-calendar a:hover {
	text-align: center;
	background:#4F4F4F;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}

#wp-calendar caption {
	text-align: center;
	width: 205px;
	font-weight:bold;
	padding:2px 0;
	background:#efefef;
	}

#wp-calendar td {
	padding: 5px 0;
	text-align: center;
	}

#wp-calendar tr {
	padding: 5px 0;
	text-align: center;
}
	
	
#wp-calendar th {
	padding: 3px 0;
	text-align: center;
	}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: transparent; }

/* Post Images */
p img {
	padding: 0;
	max-width: 475px;
	height:auto;
	border:0;}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:0;}

img.alignright .wp-caption.alignright{
	padding: 2px;
	margin: 0 0 2px 10px;
	display: inline;
	border:0;}

img.alignleft, .wp-caption.alignleft {
	padding: 2px;
	margin: 0 10px 2px 0;
	display: inline;
	border:0;}

.alignright {
	float: right;}

.alignleft {
	float: left;}

/*Photo Caption*/
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #efefef;
	line-height:1em;	
	margin: 0 0 20px 0;
	padding:5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 500px;
	height:auto;
	border:1px solid #eee;
	/*padding: 2px;
	border:1px solid #CFCFCF;*/}

p.wp-caption-text {
	color: #666;
	font-size:0.85em;
	padding: 6px 0;
	margin: 0;
	line-height:1em;}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;}


/*Page==================*/
/*クリッピング*/
p.news_date{
	color: #008000;
	margin-bottom:2px;
}

ul.news{
	margin-top:0;padding-top:0;
	margin-bottom:25px

}

ul.news li{
	margin-bottom:8px;
	list-style-type:square;
	margin-left:15px;
}

ul.news li span.caption{
	line-height:1.05em;
	display:block;
	margin-top:5px;
	margin-bottom:7px;
	font-size:0.85em
}

/*---------archive page------------*/

h2.pagetitle{
	font-size: 1.15em;
	font-weight: bold;
}

h2.post-title{
	font-size: 2em;
	font-weight: bold;
}




/*WP PAGENAVIGATION*/
.wp-pagenavi{
	/*border-top: 1px solid #CFCCC4;*/
	clear:both;
	float:left;
	/*margin-top:10px;*/
	padding-top:25px;
	padding-bottom: 20px;
	width:475px;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #7F7F7F;
	color:#000;}

.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #7F7F7F;
	color:#000;}

.wp-pagenavi a:hover {	
	color: #FFF;
	background-color: #4F4F4F;}

.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000;
	color:#000;
	background-color: #DFDFDF;}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000;
	border: 1px solid #7F7F7F;}

.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #7F7F7F;
	color: #FFF;
	background-color: #4F4F4F;}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #7F7F7F;
	color: #000;}


/*-----------others-----------*/



/*---------short code------------*/
.table01{
	margin:0 0 10px 0;
}

.table01 td,.table01 th{
	border:1px solid #333;
	padding:2px 5px;
}


.table02{
	width:500px;
}

.table02 td,.table02 th{
	border:1px solid #eee;
	padding:2px 5px;
}



/*---------footer------------*/
.footer {
	border-top: 1px solid #eaeaea;
	height: 60px;
	padding: 5px;
	clear: both;
}
.footer a {
	text-decoration: none;
}
.footer .creator {
	width: 300px;
	height: 61px;
	background: #fff url(images/wp.gif) no-repeat top left;
	float: left;
}
.footer .copyright {
	width: 500px;
	float: right;
	text-align: right;
}

.footer .print-mes {
	display:none;
}

/*---------java script------------*/
.bl-hover{ background:#ccc; }

/*---------java script------------*/
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }

/*EOF----------------------------------*/