/*
Theme Name: Kenichi Ohmae Blog Thema
Theme URL: http://www.lt-empower.com/koblog/
Description: Kenichi Ohmae Blog
Author: c-rep
Version: 1.0
*/

@charset "UTF-8";

/*util-style*/
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;
}

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

img { 
	border:0;
	width: 100%;
	max-width: 100%;
	height: auto;
}
.codes{
	display:none;
	}
area{
	outline:none;
}

input{
	border-style:none;
}
.cb{
	clear:both;	
}
.clearfix:after{
  content:"."; 
  display:block;
  height:0; 
  clear:both; 
  visibility:hidden;
}

.clearfix {display: inline-block;}
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
.clearfix{
	zoom:1
}

.all{
	text-align:left;
}

.alc{
	text-align:center;
}

.alr{
	text-align:right;
}
a{
	line-height:1.5;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}
.animate,
.animate a,
.animate img{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	text-decoration:none;
}
.img_hover a:hover,
.img_hover a:hover img{
	opacity:.5;
	zoom:1;
}

.table{
	margin-bottom:40px;
	}
.tr {display: table-row;}
.td {display: table-cell;}


/*form*/
form input.text,
form select,
form textarea
{
-webkit-appearance: none;
display: block;
background: #f3f4f5;
width: 100%;
-moz-transition: background-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
}




/*site-style*/

body{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #333;
	background-color: #fff;
	text-align:center;
	font-size:14px;
}
#wrapper{
	position:relative;
	}

#page-top{
	position: fixed;
}
#page-top,
#page-top a{
	height: 48px;
	width: 48px;
}
#page-top a{
	text-indent:-999em;
	background: url(./common/images/b_pagetop.png) no-repeat center center;
	display: block;
}

/*********************************************************************************/
/*header*/
/*********************************************************************************/
#header h1{
	color: #fff;
	font-weight: normal;
	font-size:70%;
	}
#header a{
	color: #fff;
	}
#header a:hover{
	color:#ff8f5e;
	}
#header ul li.nav_a a,
#header ul li.nav_b a,
#header ul li.nav_c a{
	margin-left:10px;
	display: block;
	border-left: 3px solid #ff4e00;
	padding-left: .5em;
}

#header li.nav_a{
	font-size:130%;
	font-weight:bold;
	}

#header ul li.nav_d a{
	font-size:80%;
	padding-left: 15px;
	background: url(./common/images/arrow_orange.png) no-repeat left center;
}
#header li.nav_d form{
	position:relative;
	}
#header li.nav_d form input{
	height: 2em;
	line-height:2em;
	margin:0;
	padding:0;
	}
#header li.nav_d input.search_icon{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	display: block;
	cursor: pointer;
	/*background: url(./common/images/icon_search.png) no-repeat center center;*/
	height: 2em;
	width: 2em;
	background-color:#ccc;
	}
span#toggle{
	display: block;
	width: 114px;
	background: url(./common/images/b_menu.gif);
	height: 28px;
	position: absolute;
	top:13px;
	right:13px;
  }
span#toggle.active{
	background: url(./common/images/b_close.gif);
	}

/*********************************************************************************/
/*toppage*/
/*********************************************************************************/
#main-image img{
	vertical-align:top;
	}
ul.entrys{}
ul.entrys li{
	text-align:left;
	margin-bottom:2.6em;
	}
ul.entrys li a em{
	font-weight:normal;
	font-style:normal;
	margin-bottom:.5em;
	display:block;
	}
ul.entrys li a:hover em{
	color:#5eb3f1;
	text-decoration:underline;
	}
.new_icon{
	display:inline-block;
	background: url(./common/images/icon_new.gif) no-repeat center center;
	text-indent: -999em;
	height: 15px;
	width: 36px;
}
ul.entrys li img{
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	}
.category{
	font-size:80%;
	margin-bottom:1em;
	}
.relation{
	font-size: 80%;
	}
ul.entrys .relation{
	margin-bottom: 0.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
	}
.time{
	background: url(./common/images/icon_time.gif) no-repeat left center;
	padding-left: 20px;
	margin-right: 0.5em;
	padding-top: .5em;
	padding-bottom: .5em;
}
.tag{
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	background-color:#e8e6e6;
	display:inline-block;
	margin-right:1em;
	margin-bottom:2px;
	line-height:1.8;
}
.tag:after{
	content: '';
	display: block;
	background: #e8e6e6 url(./common/images/tag_right.gif) no-repeat right center;
	height: 18px;
	width: 7px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	right: -7px;
	}
.tag a{
	color:#000;
	}
.tag a:hover{
	color:#666;
	}
p.more a{
	background: url(./common/images/arrow_orange.png) no-repeat left center;
	padding-left: 15px;
}
p.more a:hover{
	color:#5eb3f1;
	text-decoration:underline;
	}

.main-banner{
	margin-bottom:2em;
	}

/*page-nav*/
nav.page-nav{
	text-align: center;
	background: #e0e0e0;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom:3em;
	}
nav.page-nav em{
	font-style:normal;
	}
nav.page-nav ul{
	text-align: center;
}
nav.page-nav ul li{
	display: inline-block;
	margin-right:.5em;
}
nav.page-nav ul li:last-child{
	margin-right:0;
	}
nav.page-nav ul li a{
	display: block;
	background-color: #fff;
	line-height: 1.8em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	}
nav.page-nav ul li a:hover,
nav.page-nav ul li a.current{
	background-color: #0373c4;
	color:#fff;
	}
/*********************************************************************************/
/*side*/
/*********************************************************************************/
#content-side{
	text-align:left;
	}
	
.side-banner{
	margin-bottom:1.6em;
	}
.side-banner img{
	vertical-align:top;
	}
.side-block{
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom:1.6em;
}
.side-block p.lead{
	color: #fff;
	background: url(./common/images/bg_slash.gif) repeat;
	text-align:left;
	line-height:2.6em;
	padding-left:.5em;
}
.block-inner{
	background-color: #eeeded;
	padding: 15px;
	}
.mail-mag img{
	vertical-align:top;
}
.updata-info{}
.updata-info ul{}
.updata-info ul li{
	float:left;
	width:33.33%;
	height:25px;
}
.updata-info ul li img{
	height:25px;
	width:auto;
	}
.backnumber .menu li ul{
	margin-left:30px;
	}
.backnumber .menu li ul li {
height: 0;
max-height: 0;
overflow: hidden;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transform: all .4s ease;
-o-transform: all .4s ease;
transition: all .4s ease;
}
.backnumber .menu li input{
	display:none;
	}
.backnumber .menu li input:checked  ~ ul li {
height: auto;
max-height: 50em;
z-index: 1;
display:block;
}
.backnumber .menu li input:checked  ~ ul{
	margin-bottom:1em;
	}
.backnumber .menu li span.drop_icon{
	display:block;
	margin-bottom:.5em;
	background: url(./common/images/backnumber_arrow01.gif) no-repeat left center;
	padding-left: 25px;
	font-size:16px;
	color:#0373c4;
}
.backnumber .menu li span.drop_icon:hover{
	color:#666;
	}
.backnumber .menu li input:checked  + span.drop_icon{
	background: url(./common/images/backnumber_arrow02.gif) no-repeat left center;;
}
.backnumber .menu li ul li a{
	background: url(./common/images/backnumber_arrow03.gif) no-repeat left center;
	padding-left: 15px;
	font-size:14px;
	}
.backnumber .menu li ul li a:hover{
	color:#5eb3f1;
	text-decoration:underline;
	}
.backnumber .menu li ul li{
	line-height:1.6;
	}	
.books ul{}
.books ul li{
	margin-bottom:1em;
	}
.books ul li img{
	float: left;
}
.books ul li em{
	font-size:16px;
	font-style:normal;
	display:block;
	margin-bottom:.5em;
	}
.books ul li span{
	font-size:14px;
	display:block;
	color:#000;
	}
.books ul li a img{
	margin-right:10px;
	}
.books ul li a:hover em{
	color:#5eb3f1;
	text-decoration:underline;
	}

#fb-root {
    display: none;
}
/*
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
*/


/*********************************************************************************/
/*footer*/
/*********************************************************************************/
#foot-nav{
	background: url(./common/images/bg_slash.gif) repeat;
}
#foot-nav h1{
	color: #fff;
	font-weight: normal;
	font-size:80%;
	margin-bottom:1em;
	}
#foot-nav a{
	color:#fff;
	}
#foot-nav a:hover{
	color:#ff8f5e;
	}
.foot-nav-inner{
	padding-top:1em;
	padding-bottom:1em;
	}
#foot-nav ul li{
	text-align:left;
	}
#foot-nav ul li a{
	margin-left:10px;
	display: block;
	border-left: 3px solid #ff4e00;
	padding-left: .5em;
}
#foot-nav li.nav_a{
	font-size:130%;
	font-weight:bold;
	}


#foot-programs{
	background-color:#474444;
	}
.foot-programs-inner{
	padding-top:1em;
	padding-bottom:1em;
	}
#foot-programs h2{
	text-align:center;
	}
#foot-programs h2 p{
	color:#fff;
	font-size:70%;
	font-weight:normal;
	}
#foot-programs header{
	}
#foot-programs nav ul{
	margin-bottom:1em;
	}
#foot-programs nav a{
	font-size:75%;
	color:#fff;
	}
#foot-programs nav a:hover{
	color:#ccc;
	}
#foot-copy{
	background-color:#6b6868;
	}
.foot-copy-inner{
	padding-top:1em;
	padding-bottom:1em;
	}
#foot-copy h1{
	font-weight:normal;
	color:#fff;
	font-size:85%;
	line-height:1.6;
	}
#foot-copy address{
	font-size:85%;
	font-style: normal;
	color: #fff;
	}

/*********************************************************************************/
/*local page*/
/*********************************************************************************/	
body:not(#home) article{
	margin-bottom:4em;
	}
body:not(#home) article h2{
	line-height: 2;
	margin-bottom: 1em;
}
body:not(#home) article p{
	line-height: 1.6;
	text-align: justify;
	text-justify: inter-ideograph;
}
.static-page-title{
	padding-bottom: 1em;
	border-bottom: 3px solid #f1f1f1;
	text-align: center;
	margin-bottom: 2em;
}
.page-banners{
	margin-bottom:2em;
	}
.page-banners ul{
	text-align:center;
	}
.page-banners ul li{
	display: inline-block;
}
.page-banners ul li img{
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	vertical-align:top;
}
/*********************************************************************************/
/*entry*/
/*********************************************************************************/	
.entry-title{
	margin-bottom:1em;
	}
.entry-title header{
	margin-bottom:1em;
	}
body#entry article h2{
	padding-left: .5em;
	border-left: 6px solid #0088cf;
	font-size:16px;
}
.entry-title h1{
	font-size:18px;
	margin-bottom:1em;
	}
section.social_buttons {
	border-top: 3px solid #f1f1f1;
	padding-top: 1em;
}
section.social_buttons.top{
	margin-bottom: 2em;
}
section.social_buttons.bottom {
	margin-bottom: 2em;
}
section.social_buttons ul{
	 text-align: center;
	 }
section.social_buttons ul li {
	display:inline-block;
  margin-right: 5px;
  vertical-align:top;
}

p.main-page-image{
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom:2em;
}
p.main-page-image img{
	vertical-align:top;
	}
dl.page-summary{
	line-height: 2em;
	margin-bottom:2em;
}
dl.page-summary dt{
	color: #fff;
	background: url(./common/images/bg_slash.gif) repeat;
	padding: 0em 0.5em;
	width: 8em;
	text-align: center;
}
dl.page-summary dd{
	margin-bottom: 0.5em;
}
dl.page-summary ul{
	color: #4a7792;
}
dl.page-summary ul li{
	text-indent: -.5em;
	margin-left: .5em;
}
dl.page-summary ul li:before{
	content:"▪";
	line-height:1;
	display:inline-block;
	width:.5em;
	height:1em;
	}

.recent-entry{
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom:2em;
}
.recent-entry p.lead{
	color: #fff;
	background: url(./common/images/bg_slash.gif) repeat;
	text-align:left;
	line-height:2.6em;
	padding-left:.5em;
}
.recent-entry ul li{
	margin-bottom: 1em;
	text-indent: -25px;
	margin-left: 25px;
}
.recent-entry a{
	background: url(../images/backnumber_arrow01.gif) no-repeat left center;
	padding-left: 25px;
	line-height:1.6;
}
.recent-entry .relation{
	margin-top:.5em;
	margin-left: 25px;
	}
.page-index{
	text-align:center;
	margin-bottom:2em;
	}
.page-index a{
	background: url(../images/arrow_orange.png) no-repeat left center;
	padding-left: 15px;
	}
.recent-entry{
	background: #fff;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom:2em;
}
.recent-entry p.lead{
	color: #fff;
	background: url(./common/images/bg_slash.gif) repeat;
	text-align:left;
	line-height:2.6em;
	padding-left:.5em;
}
.recent-entry ul li{
	margin-bottom: 1em;
	text-indent: -25px;
	margin-left: 25px;
}
.recent-entry a{
	background: url(./common/images/backnumber_arrow01.gif) no-repeat left center;
	padding-left: 25px;
	line-height:1.6;
	font-size:16px;
}
.recent-entry .relation{
	margin-top:.5em;
	margin-left: 25px;
	}
.page-index{
	text-align:center;
	margin-bottom:2em;
	}
.page-index a{
	background: url(./common/images/arrow_orange.png) no-repeat left center;
	padding-left: 15px;
	}


/*********************************************************************************/
/*solution*/
/*********************************************************************************/	
.approach{
	padding-bottom: 2em;
	border-bottom: 3px solid #f1f1f1;
	text-align: center;
	margin-bottom: 2em;
	padding-top: 2em;
	border-top: 3px solid #f1f1f1;
	margin-top: 2em;
	}
.approach header{
text-align:left;
margin-bottom: 2em;
}
.approach header h1{
	margin-bottom:.5em;
	}
.approach img.step{
	margin-bottom:2em;}
.approach .b_solution_dl{
	margin-left:auto;
	margin-right:auto;
	}