/**
Theme Name: Brain Training Consultant Association
Theme URI: http://brain-training.net/
Description: for a Brain Training Consultant Association Web Site
Author: cyclops co.,ltd
Author URI: http://www.cyclops.co.jp/
Version: 1.1
 */


/* Tag Reset
----------------------------------------------------------------------------------------------------*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{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;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}


/* Font Reset
----------------------------------------------------------------------------------------------------*/
body {font:16px/1.231 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;}
select,input,button,textarea{font:99% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;}
table {font-size:inherit;font-size:100%;}
*{word-break:break-all ;word-wrap:break-word ! important;}

/* Dafault Design
--------------------------------------------------------------------------------------------------------------*/

/** default style */
:focus {outline:0;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6,strong,b,th,caption {font-weight:bold;}
em {font-style:italic;}
img,textarea,input{vertical-align:bottom;}
{font-weight:bold;}
form{display:inline;}
hr{display:none;}

/** font-size (base1em = 16px) */
h2{font-size:1.07em;}
h3{font-size:1em;}
h4{font-size:0.94em;}
h5,caption{font-size:0.88em;}
p,li,dd,dt{line-height:1.6;font-size:0.82em;}
th,td{line-height:1.6;font-size:0.75em;}

/** color */
h2,h3,h4,h5,h6{color:#666;}
p,li,dd,td{color:#666;}
th,dt{color:#808080;}
legend,caption{color:#929292;}
strong{color:#C00;}

/** link */
a{color:#666;text-decoration:none;}
/*a:visited{color:#636;}*/
a:hover{color:#189e36;}

/** table */
table{width:100%;}
th,td{vertical-align:top;}
td p,td li,td dd,td dt{font-size:1em;}
caption{font-size:0.82em;}

/** form */
input,textarea{padding:3px 5px;border:1px solid #d9d9d9;}
select{border:1px solid #d9d9d9;}
input:focus,select:focus,textarea:focus{color:#333;border-color:#808080;}


/* Layout
----------------------------------------------------------------------------------------------------*/
#container{
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:160px;
}

#header{
	position:absolute;
	top:0;
	left:0;
	height:100px;
}

#nav{
	position:absolute;
	top:100px;
	left:0;
	width:960px;
	height:50px;
	max-height:50px;
}

#content{
	position:relative;
	padding-bottom:20px;
}

#content-main{
	position:relative;
	float:left;
	width:705px;
}

#content-sub{
	position:relative;
	float:right;
	width:235px;
}

#content-bottom{
	clear:both;
	position:relative;
	width:960px;
}

#footer{
	clear:both;
	position:relative;
	width:960px;
	padding:20px 0 40px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/** http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clr:after,
.section:after,
.headline:after,
.pager:after,
#content:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
/* IE6 */
* html .clr,
* html .section,
* html .headline,
* html .pager,
* html #content{ zoom: 1; }
/* IE7 */
*:first-child+html .clr,
*:first-child+html .section,
*:first-child+html .headline,
*:first-child+html .pager,
*:first-child+html #content{ zoom: 1; }


/* CSS Sprite
----------------------------------------------------------------------------------------------------*/

#seminar-headline h2,
#seminar-headline .headline li a,
.rss-ico a,
#sitelogo a,
#n-home a,
#n-about a,
#n-speed_reading a,
#n-teacher a,
#n-news a,
#n-seminar a,
#n-q_and_a a{
	background:transparent url(images/btca-icons.png) no-repeat 0 0;
}


/** replace */
.rss-ico a,
#sitelogo a,
#n-home a,
#n-about a,
#n-speed_reading a,
#n-teacher a,
#n-news a,
#n-seminar a,
#n-q_and_a a{
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	text-indent:-9999px;
}


/* wp common cloass
----------------------------------------------------------------------------------------------------*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 10px;
	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {
	padding: 10px;
	margin: 0 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* common area class
--------------------------------------------------------------------------------------------------------------*/


/** section */
.section{
	position:relative;
	margin:0 0 20px;
	/*padding:20px 0 0 0;
	border-top:1px solid #e3e3e3;*/
}

.section p a{
	text-decoration:underline;
}


.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section p,
.section ul,
.section ol,
.section dl,
.section caption{
	margin:0 0 10px;
	padding:0 85px;
}

.section h3,
.section h4,
.section h5,
.section h6{
	margin-top:20px;
}

.section table{
	width:830px;
	margin:0 65px 10px;
	border-top:1px dotted #e3e3e3;
}


.section th,
.section td{
	padding:10px 20px;
	border-bottom:1px dotted #e3e3e3;
}

.section th,
.section td dt{width:95px;}
.section td dl{padding:0;}
.section td dt{
	float:left;
	clear:left;
	margin:0 20px 0 0;
}

.section td dd{
	float:left;
	width:380px;
}

.section td p{
	margin:0;
	padding:0;
	font-size:1em;
}

#content-main .section table{
	width:575px;
}

.headline{
	margin: 0 0 10px;
	padding:0;
	/*border-top:1px dotted #e3e3e3;*/
}

.headline li{
	position:relative;
	padding:5px 10px  5px 20px;
	border-bottom:1px dotted #e3e3e3;
}

.headline li a,
.headline dd a{
	display:block;
}

.headline dt{
	clear:both;
	float:left;
	width:150px;
	padding:5px 10px 5px 20px;
	border-bottom:1px dotted #e3e3e3;
	font-size:0.75em;
}

.headline dd{
	position:relative;
	float:left;
	width:610px;
	padding:5px 20px;
	border-bottom:1px dotted #e3e3e3;
	font-size:0.75em;
}

.section .headline{
	margin:0 65px 10px;
	padding:0;
}

* html .headline li{zoom:1;}


.section .border-top{

	border-top:1px dotted #e3e3e3;
}

/** attention */
.attention{
	margin:0 65px 10px;

	border:1px solid #F1F1F1;
	background:#F5F5F5;
}

.attention p{
	margin:0;
	padding:10px;
	color:#C00;
	font-size:0.69em;
}


/** section column */
.article{
	float:left;
	width:595px;
}

.section .article h2,
.section .article h3,
.section .article h4,
.section .article h5,
.section .article h6,
.section .article p,
.section .article ul,
.section .article ol,
.section .article dl,
.section .article caption{
	padding:0 0 0 85px;
}

.aside{
	float:right;
	width:335px;
}

.section .aside h2,
.section .aside h3,
.section .aside h4,
.section .aside h5,
.section .aside h6,
.section .aside p,
.section .aside ul,
.section .aside ol,
.section .aside dl,
.section .aside caption{
	padding:0 85px 0 0;
}

/* common styled class
--------------------------------------------------------------------------------------------------------------*/

/** list */
ul.disc li,
ol.number li{
	margin:0 0 5px 20px;
	list-style-position:outside;
	list-style-type:disc;
	marker-offset:auto;
}

ol.number li{
	/* margin-left:25px; * for over 10 lists */
	list-style-type:decimal;
}


/** note */
p.note,
span.note,
div.note p{
	color:#929292;
}

p.note,
div.note p{
	font-size:0.75em;
}

td p.note,
span.note{
	padding:0;font-size:0.9em;
}

div.note{
	margin:10px 65px;
	padding:20px;
	border:2px solid #F1F1F1;
	/*background:#F9F9F9;*/
}

div.note p,
div.note h2,
div.note h3{
	margin:0 0 10px;
	padding:0 10px;
}

div.note table{
	width:766px;
	margin:0 0 10px;
}

#content-main div.note table{
	width:535px;
	margin:0 0 10px;
}

div.note table th{
	width:120px;
}


/** attr */
.attr{
	color:#929292;
	font-size:0.69em;
	font-family:Futura,Helvetica,Arial,sans-serif;
}

/** signature */
.signature{
	line-height:1.4;
	color:#929292;
	font-size:0.75em;
	text-align:right;
}

/** more */
.more{
	text-align:right;
	font-size:0.69em;
}

.more a{
	color:#999;
	text-decoration:underline;
}

.more a:hover{
	color:#189e36;
}


/** rss */
.rss-ico{
	position:absolute;
	top:10px;
	right:10px;
}

.rss-ico a{
	width:29px;
	height:18px;
	background-position:-10px -260px;
}



/* heading */
.heading{
	position:relative;
	margin:0 0 10px;
}

.heading h1,
.heading h2{
	padding:10px 85px;
	color:#808080;
	font-size:1.38em;
	font-weight:normal;
}

.heading p{
	line-height:1.4;
	padding:0 85px;
	color:#999;
	font-size:0.69em;
}

* html .heading{zoom:1;}


/** border */
.border{
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:2px solid #E3E3E3;
}


/** hd */
.hd,
.section h2,
.section .hd,
.heading .hd{
/*	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;*/
	position:relative;
	padding:10px 85px;
	background:#f1f1f1;
	text-shadow:0 1px 2px #FFFFFF;
}

.hd span,
.section h2 span,
.section .hd span,
.heading .hd span{
	display:block;
	margin:0 0 5px;
	color:#999;
	font-size:0.69em;
	font-weight:normal;
}


/* tags */
.hd span.tags,
.section h2 span.tags,
.section .hd span.tags,
.heading .hd span.tags,
.heading span.tags,
.headline li span.tags,
.headline dd span.tags{
	position:absolute;
	bottom:10px;
	right:65px;
	color:#C00;
	font-size:0.82em;
	font-weight:bold;
	text-align:right;
}

.headline li span.tags,
.headline dd span.tags{
	bottom:5px;
	right:10px;
	font-size:1em;
}



/** subnav */
.subnav{
	margin:10px 0;
	padding:10px;
	background:#f1f1f1;
}

* html .subnav{zoom:1;}

.subnav h3{
	margin:0 0 5px;
	padding:0 10px 5px;
	border-bottom:2px solid #E3E3E3;
	font-size:0.88em;
	text-shadow:0 1px 1px #FFFFFF;
}

.subnav h4{
	margin:0 0 5px;
	padding:0 10px 5px;
	border-bottom:1px solid #e0e0e0;
	font-size:0.75em;
	text-shadow:0 1px 1px #FFFFFF;
}

.subnav ul{
	margin:10px 10px 15px;
}

.subnav li{
	list-style-position:outside;
	list-style-type:disc;
	marker-offset:auto;
	margin:0 0 5px 15px;
	color:#CCC;
	font-size:0.69em;
}

.subnav li a{
	display:block;
}

* html .subnav li{line-height:0;}
* html .subnav li a{line-height:1.6;}



/** pager */
.pager{
	border-top:1px solid #E3E3E3;
	position:relative;
	clear:both;
	padding:20px 75px 0;
}

.pager p{
	padding:0;
}

.pager .prev {
	float:left;
}

.pager .next {
	float:right;
	text-align:right;
}

.pager .prev a,
.pager .next a {
	display:block;
	width:120px;
	line-height:2;
	margin:0;
	padding:0 10px;
	color:#FFF;
	background:#999;
	text-decoration:none;
	/*text-shadow:0 1px 1px #666;*/
}

.pager .prev a:hover,
.pager .next a:hover {
	background-color:#189e36;
}





/* Module
--------------------------------------------------------------------------------------------------------------*/

/** site logo */
#sitelogo{
	position:absolute;
	top:0;
	left:0;
	width:400px;
	height:70px;
	margin:10px; 
}

#sitelogo a{
	/* css sprite (replace) */
	width:400px;
	height:70px;
	background-position:-10px -10px;
}


/** nav */
#nav{
	width:960px;
	height:50px;
	background:#a6a6a6;
}

#nav ul{}
#nav li{
	float:left;
	margin-right:1px;
}
#nav li.last{margin-right:0px;}

#n-home a{width:72px;height:50px;background-position:0 -100px;}
#n-about a{width:247px;height:50px;background-position:-73px -100px;}
#n-speed_reading a{width:125px;height:50px;background-position:-321px -100px;}
#n-teacher a{width:97px;height:50px;background-position:-447px -100px;}
#n-news a{width:161px;height:50px;background-position:-545px -100px;}
#n-seminar a{width:132px;height:50px;background-position:-707px -100px;}
#n-q_and_a a{width:120px;height:50px;background-position:-840px -100px;}

#n-home a:hover{background-position:0 -150px;}
#n-about a:hover{background-position:-73px -150px;}
#n-speed_reading a:hover{background-position:-321px -150px;}
#n-teacher a:hover{background-position:-447px -150px;}
#n-news a:hover{background-position:-545px -150px;}
#n-seminar a:hover{background-position:-707px -150px;}
#n-q_and_a a:hover{background-position:-840px -150px;}

#n-home a.current{background-position:0 -200px;}
#n-about a.current{background-position:-73px -200px;}
#n-speed_reading a.current{background-position:-321px -200px;}
#n-teacher a.current{background-position:-447px -200px;}
#n-news a.current{background-position:-545px -200px;}
#n-seminar a.current{background-position:-707px -200px;}
#n-q_and_a a.current{background-position:-840px -200px;}


/** footer */
#footer{
	border-top:2px solid #e3e3e3;
}

#footer ul{
	padding-right:20px;
	float:right;
}

#footer li{
	float:left;
	line-height:1.3;
	padding:0px 10px;
	border-right:1px solid #9f9f9f;
	font-size:0.75em;
}

#footer li.last{border-right:0px;}
#footer li a{color:#808080;}
#footer li a:visited{color:#909090;}
#footer li a:hover{color:#189e36;}


/** copyright */
#copyright{
	line-height:1;
	padding:0 10px;
	color:#808080;
	font-size:0.75em;
	font-family:Helvetica,Arial,sans-serif;
}

#copyright a,
#copyright a:visited{
	color:#808080;
}



/** catchcopy */
#catchcopy{

	display:block;
	overflow:hidden;
	width:954px;
	height:360px;
	margin:0 0 20px;
	border:3px solid #e5e5e5;
/*
	padding:0;
	text-indent:-9999px;
	background:transparent url(images/btca-catchcopy.png) no-repeat 0 0;
*/
}



/* contents
----------------------------------------------------------------------------------------------------*/

/** news headline */
#news-headline{
	position:relative;
	float:left;
	width:550px;

}

#news-headline h2{
	padding:10px 20px;
	font-size:1em;
	border-bottom:1px dotted #e5e5e5;
}

#news-headline .headline dt{
	width:120px;
}
#news-headline .headline dd{
	width:370px;
	padding:5px 20px 5px 10px;
}


#seminar-headline{
	float:right;
	width:366px;
	padding:10px;
	border:3px solid #e5e5e5;
}


#seminar-headline h2{
	padding:4px 18px 10px 40px;
	font-size:1em;
	background-position: -10px -290px;
}

#seminar-headline .headline li{
	border:none;
	padding:0;
	width:370px;
	height:30px;
	margin-bottom:2px;
	font-size:0.69em;
}

#seminar-headline .headline li a{
	overflow:hidden;
	display:block;
	width:310px;
	height:30px;
	line-height:30px;
	padding:0 50px 0 10px;
	background-position: 100% -260px;
}

#seminar-headline .headline li a:hover{
	background-position: 100% -292px;
}

#seminar-headline .headline .date{
	display:inline-block;
	padding:0 10px 0 0;
	/*width:110px;
	
	color:#808080;
	font-size:0.88em;*/

}



#sitemap table th{
	width:220px;
}


/** blog-headline */
#blog-headline{
	position:relative;
	float:left;
	width:550px;

}

#blog-headline h2{
	padding:10px 20px 10px 32px;
	font-size:1em;
	border-bottom:1px dotted #e5e5e5;
	background-image:url(images/icon_blog.gif);
	background-repeat:no-repeat;
	background-position:5px 7px;
}

#blog-headline .headline dt{
	width:120px;
}
#blog-headline .headline dd{
	width:370px;
	padding:5px 20px 5px 10px;
}

/** bnr-area */

#bnr-area{
	float:right;
	width:393px;
	position:relative;
	height:167px;
}

a#bnrMm{width:189px; height:91px; display:block; background-image:url(images/bnr_mm.gif); background-repeat:no-repeat; background-position:0 0; text-indent:-20000px; position:absolute; left:0; top:0;}
a#bnrMember{width:189px; height:91px; display:block; background-image:url(images/bnr_member.gif); background-repeat:no-repeat; background-position:0 0; text-indent:-20000px; position:absolute; left:204px; top:0;}
a#bnrTwitter{width:189px; height:64px; display:block; background-image:url(images/bnr_twitter.gif); background-repeat:no-repeat; background-position:0 0; text-indent:-20000px; position:absolute; left:0; top:103px;}
a#bnrFb{width:189px; height:64px; display:block; background-image:url(images/bnr_fb.gif); background-repeat:no-repeat; background-position:0 0; text-indent:-20000px; position:absolute; left:204px; top:103px;}

a:hover#bnrMm{background-position:0 -91px;}
a:hover#bnrMember{background-position:0 -91px;}
a:hover#bnrTwitter{background-position:0 -64px;}
a:hover#bnrFb{background-position:0 -64px;}