@charset "utf-8";
/*  
Theme Name: Ecentral
Theme URI: http://www.ecentraljp/
Description: <a href="http://www.ecentral.jp">Ecentral</a>
Version: 4
Author: 
*/
@import 'css/reset.css';
@import 'css/layout.css';


ul.qtrans_language_chooser li.active {
    display: none;
    }

#headerMenu li#language a {
    color:#CC0000;
    font-weight:bold;
    font-size: 12px;
    }

div.entry {
    font-size: 13px;
    margin:0 0 2em 0;
    padding:1px 0;
    line-height:135%;
    }

body.single div#content div.entry h2 {
    border-bottom:1px solid #CCCCCC;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    margin:16px 0;
    }

body.single div#content div.entry h3 {
    color:#333333;
    font-size:15px;
    font-weight:bold;
    margin:15px 0;
    }

div#content h2{
    font-size: 14px;
    }


div.ecentral_banner_ja {
    background: url(images/blog_ja_728x90.gif) no-repeat;
    }


div.ecentral_banner_en {
    background: url(images/blog_en_728x90.gif) no-repeat;
    }

div.ecentral_banner_ja, div.ecentral_banner_en {
    height: 90px;
    width: 610px;
    margin-top: 7px;
    margin-bottom: 3px;
    }


div.ecentral_banner_en span, div.ecentral_banner_ja span {
    display: none;
    }

div.ecentral_banner_ja a, div.ecentral_banner_en a, div.ecentral_banner_ja a:hover, div.ecentral_banner_en a:hover {
    text-decoration: none;
    height: 90px;
    width: 610px;
    display: block;
    }

div#utilities dl.navi, div#utilities dl.others {
    font-size: 11px;
    font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Lucida Grande",Arial,Helvetica,sans-serif;
    }


/*---------------
 Topic Path
-----------------*/
p.topicPath {
    font-size: 11px;
    margin: 0;
    }

p.topicPath span.current {
	color: #003366;
    }


p.topicPath a:link {
	color: #003366;
    }


p.topicPath a:visited {
	color: #003366;
    }


p.topicPath a:hover {
	color: #0099ff;
    }


/*------------------------------------------------------------

 Heading

--------------------------------------------------------------*/

div#content h1 {
	margin: 0.5em 0 0;
	padding: 0.5em 10px;
	color: #003366;
    border-left:5px solid #003366;
	background-image: url(images/slash.gif);
	clear: both;
	font-size:16px;
	_height: 1px; /* for IE */
    }

h2 {
	color: #000;
    }


h3 {
	color: #666;
    }


/*--------------------------------------------------------------

	div#utilities (Sidebar)

--------------------------------------------------------------*/

div#utilities dl.navi,
div#utilities dl.others {
	background-color: #fff;
    }


div#utilities dl.navi dt,
div#utilities dl.others dt {
	background-image: url(images/slash.gif);
    }


div#utilities dl {
	margin: 0 auto;
    }


div#utilities dl dt {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 93%;
	font-weight: bold;
    }


div#utilities dl dd {
    margin-bottom: 10px;
    }


div#utilities dl dd ul {
	margin: 0;
	list-style-position: inside;
    }


div#utilities li {
	margin: 0.4em 0 0.4em 5px; 
    }


/* Sub Categories */

div#utilities dl dd ul li ul {
	list-style-type: disc;
    }


div#utilities dl dd ul li li {
	margin: 0.3em 0 0 10px;
    }

/*--------------------------------------------------------------

 nest

--------------------------------------------------------------*/

div#utilities dl.navi dd dl dt,
div#utilities dl.others dd dl dt {
	margin: 0.1em 5px;
	padding: 0;
	color: #000;
	background-image: none;
	border-bottom: 1px solid #ddd;
    }

/*--------------------------------------------------------------

	Footer

--------------------------------------------------------------*/
div#ft {
    background:#E6E6E6 none repeat scroll 0 0;
    clear:both;
    }

div#ft, div.ft_inner {
    color:#636363;
    }

div#ft {
    min-width:980px;
    text-align: left;
    }

div#ft div.ft_inner {
    padding:15px 0 13px;
    }

div#hd div#top, div#ft div.ft_inner {
    clear:both;
    margin:0 auto;
    width:980px;
    }

div#ft ul.links li, div#ft ul.links {
    float:left;
    }

div#ft ul.links li {
    border-right:1px solid #C2C2C2;
    margin-right:6px;
    padding-right:6px;
    }

div#ft li.ft_rss a {
    background: url(images/mark/rss_icon.png) no-repeat right center;
    padding-right:16px;
    }

div#ft a {
    color:#636363;
    text-decoration:none;
    }

div#ft div.ft_inner a:hover, 
div#ft div.aboutus a:hover {
    color:#598527;
    }

div#ft ul.links li.last {
    border-right: none;
    }

div#ft div.copyright {
    font-size:11px;
    float: right;
    }

div#ft div.ft_inner div.copyright a:hover {
    color:#636363;
    }

/*--------------------------------------------------------------

	Entry
	
--------------------------------------------------------------*/

/*--------------------------------------------------------------

Title

--------------------------------------------------------------*/

div.entry h2.title {
	padding: 0 0 0 10px;
	border-left: 5px solid #e5e5e5;
    font-weight:bold;
    border-bottom: none;
    }

div.entry h2 a, div.entry h2 a:link {
	text-decoration: none;
	color: #283948;
    }

div.entry h2 a:visited {
	color: #283948;
    }

div.entry h2 a:hover {
    color: #2B4809;
    }

/*--------------------------------------------------------------

Text Body

--------------------------------------------------------------*/

div.entry div.textBody dl {
	border-left: 4px solid #f5f5f5;
	border-bottom: 1px solid #fff;
    }

div.entry div.textBody {
    margin:0.5em 5px;
    padding:13px 0;
    }

div.entry p {
    margin: 15px 0;
    }

/*--------------------------------------------------------------

Entry

--------------------------------------------------------------*/

div.entry a:link {
	color: #598527;
    }


div.entry a:visited {
	color: #283948;
    }


div.entry a:hover {
	color: #2B4809;
    }


div.entry strong {
    font-weight: bold;
    }

/*--------------------------------------------------------------

Link img

--------------------------------------------------------------*/

/* 3-3-3-2. Entry Info 
--------------------------------------------------------------*/
/*--------------------------------------------------------------

Info

--------------------------------------------------------------*/

div.entry ul.info {
	margin-top: 0;
	padding: 0 0 0 10px;
	border-left: 5px solid #f5f5f5;	
    }


div.entry ul.info li {
	margin: 0 0.5em 0.1em 0;
	display: inline;
	font-size: 85%;
    }


/*--------------------------------------------------------------

 Continue reading
 
------------------------------------------------------------*/

p.continue {
	padding-left: 16px;
	background-image: url(images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
    }


p.continue a:link,
p.continue a:visited {
	padding: 0 10px;
	color: #fff;
	background-color: #93bc37;
    }


p.continue a:visited {
	color: #999;
	background-color: #eee;
    }


p.continue a:hover {
	color: #fff;
	background-color: #93ca37;
    }


/*--------------------------------------------------------------

Reaction

----------------------------------------------------------------*/

div.entry ul.reaction {
	border-top: 1px solid #eee;
    }


div.entry ul.reaction li {
	border-right: 2px solid #eee;
    }


div.entry ul.reaction li a {
	padding-left: 18px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
    }


div.entry ul.reaction li.comment a {
	padding-left: 24px;
	background-image: url(images/v_icon010101.gif);
    }


div.entry ul.reaction li.trackback a {
	background-image: url(images/v_icon080101.gif);
    }


/*---------------
 Reaction Log (individual)
 -Comments
 -Trackbacks
-----------------*/
div#comments {
    clear: both;
    }

div#comments dl.log dt span.name,
div#trackback dl.log dt span.name {
	color: #65a500;
    }


div#comments dl.log dt span.date,
div#trackback dl.log dt span.date {
	color: #999;
    }



div#comments dl.log dd,
div#trackback dl.log dd {
	border-bottom: 1px solid #eee;
    }


div#trackback dl.log {
	border-left: 5px solid #b7b737;
    }


/* Trackback Info */

div#trackback dl.info {
	border-left: 5px solid #003366;
	background-color: #f5f5f5;
    }

div#trackback dl.info .URL {
	color: #000;
	background-color: #fff;
    }
/*--------------------------------------
	3-3-2. Flip Navi 1 (Newer | Older)
---------------------------------------*/

ul#flip1 {
    display:inline-block;
    font-size:100%;
    margin:0 0 5px;
    float: right;
    }

ul#flip1 li {
	margin: 0;
	display: inline;
	font-size: 100%;
    }

ul#flip1 li a {
	display: block;
	float: left;
	line-height: 1;
	text-decoration: none;
    }
div#utilities, .textBody, ul.flip, ul.thumb {
    min-height:1em;
    }

/*---------------
 Flip Pager (Newer - Older)
-----------------*/

div.navigation {
    height: 30px;
    margin-bottom:13px;
    }

div.navigation div {
    margin:1.5em 0 0;    
    }
div.navigation a {
    color:#666666;
    font-size:11px;
    padding:0 0.5em;
	background-repeat: no-repeat;
    }

/* Newer Article */

div.navigation div.alignleft a {
	padding-left: 18px;
	background-image: url(images/v_arrow070101.gif);
	background-position: left center;
    }

/* Older Article */

div.navigation div.alignright a {
	padding-right: 18px;
	background-image: url(images/v_arrow070102.gif);
	background-position: right center;
    }

/* On Mouse */

div.navigation div a:hover {
	color: #000;
    }
 
div.navigation div.alignleft a:hover {
	background-image: url(images/v_arrow070201.gif);
    }

/* Older Article */

div.navigation div.alignright a:hover {
	background-image: url(images/v_arrow070202.gif);
    }

/*---------------
 Flip Pager2 (Newer - Older)
-----------------*/
dl.info dt, ul.flip li.older, 
div#content label span {
    margin-left: 10px;
    }

dl#name-email dt {
    padding-right: 5px;
    }

div.navigation div {
	color: #000;
	line-height: 1.5em;
    }


div.navigation div.alignleft {
    float: left;
    }

div.navigation div.alignright  {
    float: right;
    }

/* 3-3-3-6. Flip Navi 2 (Newer | Older)
-----------------------------*/

#flip2 {
	padding:0.3em;
    }


#flip2 li {

    }

#flip2 li a {

    }

/* 3-3-3-7. Comment Log
-----------------------------*/

div#comments {
	padding: 1px 0;
	margin-top:20px;
    }

div#comments h2 {
    margin-bottom: 10px;
    }

div#comments dl.log {

    }

div#comments dl.log dt {
	margin: 0;
    }

div#comments dl.log dt span.name {
	margin-right: 0.5em;
    }

div#comments dl.log dt span.date {

    }

div#comments dl.log dd {
	margin: 0 0 0.8em 0;
    }

div#comments dl.log dd p {
	margin: 0.5em 0 1em 0;
    }

/* 3-3-3-8. Comment Post form
-----------------------------*/

form.post {

    }

form.post dl {

    }

form.post dl dt {
	margin: 0;
    }

form.post dl dd {
	margin-left: 0;
	margin-bottom: 0;
    }

form.post dl input {
	margin: 0;
    }

form.post input.text {
    width: 250px;
    }
form.post textArea {
	margin: 0;
	width:99.5%;
	height: 100px;
    }

form.post div.action {
    }

form.post div.action input.submit {
	margin: 0.4em 0;
    }
div#comments form.post dd {
    margin-bottom: 10px;
    }

/* 3-3-3-9. Trackback Log
-----------------------------*/

div#trackback {
	margin-top: 3em;
    }

div#trackback h2 {
    margin-bottom:10px;
    }

div#trackback dl.log {

    }

div#trackback dl.log dt {

    }

div#trackback dl.log dd {
	margin: 0;
	padding: 0.4em 10px;
	padding-bottom: 1em;
    }

/* 3-3-3-10. Trackback Info
-----------------------------*/

div#trackback dl.info {
    }

div#trackback dl.info dd {
	padding: 0.2em 1em;
    }
/*---------------
 Retun to page top
-----------------*/

p.return a {

    }

/*---------------
 Archive Index
-----------------*/

p.archives a {

    }
/* 3-3-3-5. Reaction
-----------------------------*/

div.entry ul.reaction {
	margin-top: 0;
	padding-top: 0.3em;
	_height: 1px; /* for IE */
    }

div.entry ul.reaction li {
	margin: 0 10px 0 0;
	padding-right: 15px;
	display: inline;
    }

div.entry ul.reaction li a {

    }
/*=========================================================

	Elements
	
=========================================================*/

em {
	color: #000;
	font-weight: bold;
    }

strong {
	color: #008b07;
    }

/*---------------
 Form
-----------------*/

fieldset {
	border: 1px solid #eee;
	background-color: #f5f5f5;
	padding:10px;
    }

legend {
	color: #65a500;
    }

label {
    display: block;
    }

input,
textarea {
	border-color: #d4d4d4 #eee #eee #d4d4d4;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	padding: 3px 2px;
    }

input:hover,textarea:hover {
	border-color: #00a0dd;
    }

input:focus,textarea:focus {
	border-color: #aaa;
	background-color: #fff;
    }

input.submit {
	color: #fff;
	background-color: #70bb14;
    }

input.submit:hover {
	background-color: #cc8414;
    }

/*---------------
 Table
-----------------*/

table {
	border: 1px solid #cfd3d6;
	background-color: #fff;
    }

th,
td {
	border: 1px solid #efefef;
	border-color: #efefef #dce0e3 #dce0e3 #efefef;
    }

th {
	color: #000;
	background-color: #efefef;
    }

td {
	border: 1px solid #ddd;
	background-color: #fff;
    }

/*---------------
 Pre
-----------------*/

pre {
	color: #666;
	background-color: #f5f5f5;
    }

pre * {
	color: #444;
    }

pre[title]:before {
	color: #fff;
	background-color:  #93bc37;
    }

/*---------------
 Blockquote (引用)
-----------------*/

blockquote {
	border: 1px solid #93bc37;
	color: #666;
	background-color: #f5f5f5;
    }

blockquote * {
	color: #666;
    }

blockquote[title]:before {
	color: #000;
    }

blockquote[cite]:after {
	color: #333;
    }

cite {
	color: #333;
    }
/*=========================================================

	Others
	
=========================================================*/

/*--------------------------------------
	Tag Cloud
---------------------------------------*/

ul.tagCloud {
	margin: 0.5em 30px;
	padding: 0.5em 10px;
	line-height: 1;
	font-size: 13px;
    }

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%;
    }

ul.tagCloud li a {
	text-decoration: none;
    }

/* Tag level 1>6 */

ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
	color: #7a881a;
    }

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color: #bbc246;
    }

ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
	color: #a1bc50;
    }

ul.tagCloud li.level4 a {
	font-size: 114%;
	color: #acbe76;
    }

ul.tagCloud li.level5 a {
	font-size: 92%;
	color: #b7d298;
    }

ul.tagCloud li.level6 a {
	font-size: 77%;
	color: #cdd1c0;
    }

/* On Mouse */
ul.tagCloud li a:hover {
	color: #7aac1a;
    }

/*--------------------------------------
	.pager
---------------------------------------*/

/*	ul.pager (Newer|Older)
-----------------------------*/

ul.pager {
	text-align: center;
    }

ul.pager li {
	display: inline;
    }

ul.pager li.newer:before {
	content: "<< ";
    }

ul.pager li.older:after {
	content: " >>";
    }

/*	p.pagerNum (1|2|3|4)
-----------------------------*/

p.pagerNum {
	text-align: center;
    }

p.pagerNum a {
	text-decoration: none;
	border-bottom: none;
    }

p.pagerNum strong {

    }

/*--------------------------------------
	.feed
---------------------------------------*/

li.atom,
li.rss {
	list-style-type: none;
	list-style-position: outside;
    }

li.atom a,
li.rss a {
	padding-left: 20px!important;
	background-image: url(images/mark/icon_feed.gif)!important;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
    display: block;
    }

/*--------------------------------------
	dl.data
---------------------------------------*/

dl.data {
	padding: 0;
	border-left: 5px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
    }

dl.data dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 8em;
	float: left;
    }
	
dl.data dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
    }

/*--------------------------------------
	float
---------------------------------------*/

.img_L {
	margin-right: 1em!important;
	margin-top: 1em!important;
	float: left;
    }

.img_R {
	margin-left: 1em!important;
	margin-top: 1em!important;
	float: right;
    }

.clear {
	display: block;
	clear: both;
    }

/*--------------------------------------
	Photo thumbnail
---------------------------------------*/

ul.thumb {

    }

ul.thumb li {
	margin: 5px 0 0 5px;
	border: 1px solid #333;
	float: left;
	display: inline;
	overflow: hidden;
	width: 70px; /* Pictures height */
	background-color: #eee;
    }

ul.thumb li a {
	border: none;
	text-decoration: none;
    }

ul.thumb li a img {

	border: none;
    }

/*--------------------------------------
	Headline
---------------------------------------*/

dl.headline {
	margin: 0 20px 1em;
    }

dl.headline dt {
	font-size: 114%;
	margin-bottom: 0;
    }

dl.headline dt span.date {
	font-size: 80%;
    }

dl.headline dd {
	margin: 0 10px 1em 10px;
    }

dl.headline dd ul {
	margin: 0;
	padding-bottom: 1.2em;
	list-style-type: none;
	list-style-position: outside;
	border-bottom: 1px solid #eee;
    }

dl.headline dd ul li {
	margin: 0.3em 5px 0.3em 0;
	display: inline;
	font-size: 92%;
    }

dl.headline dd ul li.author span.name {

    }

dl.headline dd ul li.category a,
dl.headline dd ul li.tag a {
	text-decoration: none;
    }

dl.headline dd ul li.tag a {

    }

dl.headline dd ul li.textBody {
	display: block;
	font-size: 100%;
    }

/*--------------------------------------
	.admin
---------------------------------------*/

.admin a {
	padding: 0 10px 0 25px;
	text-decoration: none;
	color: #f65472;
	background: url(images/mark/icon_edit.gif) 5px 3px no-repeat;
    }

.admin a:hover {
	color: #953844;
    }

/*--------------------------------------
	clearFix
---------------------------------------*/

div#utilities,
.textBody,
ul.flip,
ul.thumb {
	_height: 1px;
	min-height: 1px;
/* for MacIE5 \*//*/
	height: auto;
	overflow: hidden;
/* end */
    }

div#utilities:after,
.textBody:after,
ul.flip:after,
ul.thumb:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
    }

/*--------------------------
float img
---------------------------*/
img.alignleft {
    float:left;
    margin-right:15px;
    }

/*---------------------------
Cform
----------------------------*/
p.linklove {
    visibility: hidden;
    }

div#usermessagea {
    width: auto;
    }

div.entry .cform label {
    width: auto;
    }

/*---------------------------
Search Form
----------------------------*/
form#searchform div#search_box {
    background:transparent url(images/searchbox.gif) no-repeat;
    height:34px;
    width:300px;
    }

#search_box #s {
    background: transparent;
    border:0 none;
    float:left;
    margin: 10px 0 0 6px;
    padding:0;
    width:250px;
    }

#search_box #searchsubmit {
    float:right;
    margin:0;
    background: transparent;
    padding: 0;
    border: none;
    }

form#searchform legend {
    display: none;
    }

form#searchform fieldset {
    background: transparent;
    border: none;
    padding: 0;
    }

body.search div#content h2.pagetitle {
    font-size: 20px;
    }

body.archive div#content h1,
body.search div#content h1 {
    margin-bottom: 10px;
    }

body.search div#content div.post {
    margin-bottom: 15px;
    }

body.search div.no_articles {
    margin-top: 30px;
    }

body.search div.no_articles h2 {
    font-size: 20px;
    border-bottom: none;
    }

div.search_result div.entry div.hentry {
    margin-bottom: 15px;
    }