@charset "utf-8";
/*   
Theme Name: Tenjigaku Theme
Theme URI: n/a
Description: Theme for Tenjigaku.com
Author: T Abe
Author URI: n/a
*/

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

/* layout */

body {
	background:#fff;
	font-size:14px;
	font-family:helvetica, verdana,"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
}

#container {
	background:#eee;
	width:896px;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
}

#header {
	background:#A7BFB6;
	float:left;
	width:896px;
	border-bottom:1px solid #fff;
}

#main {
	background:#eee;
	clear:both;
	padding:0 0 0 0;
	width:896px;
	letter-spacing:0.1em;
	line-height:130%;
}

.columnLeft {
	float:left;
	display:inline;
	width:580px;
	border-right:1px solid #fff;
	background:#f5f5f5;
	min-height: 800px;
	height: auto !important;
	height: 800px;
}

.columnRight {
	display:block;
	background:#EEEEEE;
	height: 100%;
	margin-left:581px;
	_margin-left:565px;
}

/*
.toppage .columnRight {
	_margin-left:585px;
}
*/

#nav {
	position:relative;
	background:#A7BFB6;
	float:left;
	padding:0 0 0 0;
	border-bottom:1px solid #fff;
	/*height: 60px;*/
}

#footer {
	border-top:1px solid #fff;
	padding:20px 0 20px 20px;
	margin:0 0 0 0;
	clear:both;
	color:#896;
	font-size:11px;
	/*text-align:center;*/
}

.toppage {
	/*padding:40px 30px 0 30px;*/
}

.subpage {
	/*padding:40px 30px 0 30px;*/
}

/* basic */

a:link {
	color:#229977;
	text-decoration:none;
}

a:visited {
	color:#118866;
	text-decoration:none;
}

a:hover {
	color:#33aa99;
	text-decoration:underline;
}

h3 {
	font-size:17px;
}

.date {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding:0 0 3px 0;
}

.more {
	padding-top:15px;
	font-size:12px;
	font-weight:normal;
	text-align:right;
}

/* header */

#header h1 {
	float:left;
	background:#A7BFB6 url(images/logo.gif) no-repeat 0px 0px;
	padding:0 0 0 0;
	width:305px;
	height:90px;
	border-right:1px solid #fff;
	text-indent:-9999px;
}

#header h1.linkLogo a{
	display:block;
	background:#A7BFB6 url(images/logo.gif) no-repeat 0px 0px;
	padding:0 0 0 0;
	width:305px;
	height:90px;
	border-right:1px solid #fff;
	overflow:hidden;
}

#header h1.linkLogo a:hover{
	display:block;
	background:#A7BFB6 url(images/logo.gif) no-repeat 0 -90px;
	padding:0 0 0 0;
	width:305px;
	height:90px;
	border-right:1px solid #fff;
}

#englishsub {
	background:#A7BFB6 url(images/eng_sub.gif) no-repeat 0px 0px;
	margin-left:306px;
	padding:0 0 0 0;
	width:314px;
	height:90px;
	border-right:0px solid #fff;
	text-indent:-9999px;
}

/* nav */

#menu {
	margin:0 0 0 0;
	overflow:hidden;
}

#menu li {
	display:inline;
	margin:0 0 0 0;
}

#menu li a {
	border-right:1px solid #fff;
	display:block;
	width:127px;
	height:80px;
	float: left;
	background:#A7BFB6 url('images/colors_bg.jpg') repeat-x 0 0;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	position:relative;
	padding:0;
	margin:0;
}

#menu li a .menuitem {
	position:absolute;
	bottom:4px;
	left:8px;
}

#menu li a:hover, #menu li.here a {
	border-right:1px solid #fff;
	color:#fff;
	background:#2BAF81;
	text-decoration:none;
	padding:0;
	margin:0;
}

#menu li.nav7 a {
	width:128px;
	border-right:0px solid #fff;
}

#menu li.nav1 a:hover, #menu .menu_news li.nav1 a {
	background:#e3699a url('images/colors_bg.jpg') repeat-x 0 -200px;
}
#menu li.nav2 a:hover, #menu .menu_bulletin li.nav2 a {
	background:#EF983B url('images/colors_bg.jpg') repeat-x 0 -400px;
}
#menu li.nav3 a:hover, #menu .menu_convention li.nav3 a {
	background:#5984d3 url('images/colors_bg.jpg') repeat-x 0 -600px;
}
#menu li.nav4 a:hover, #menu .menu_meeting li.nav4 a , #menu .menu_special li.nav4 a {
	background:#346a41 url('images/colors_bg.jpg') repeat-x 0 -800px;
}
#menu li.nav5 a:hover, #menu .menu_award li.nav5 a , #menu .menu_rule li.nav5 a {
	background:#9f352e url('images/colors_bg.jpg') repeat-x 0 -1000px;
}
#menu li.nav6 a:hover, #menu .menu_publications li.nav6 a {
	background:#5857ac url('images/colors_bg.jpg') repeat-x 0 -1200px;
}
#menu li.nav7 a:hover, #menu .menu_about li.nav7 a , #menu .menu_statement li.nav7 a , #menu .menu_regulations_excerpt li.nav7 a , #menu .menu_officers li.nav7 a , #menu .menu_membership_application li.nav7 a {
	background:#0e835b url('images/colors_bg.jpg') repeat-x 0 -1400px;
	border-right:0px solid #fff;
}

#searchbox {
	position:absolute;
	top: -37px;  
	right: 10px;  
}

#keywords  {
	border:1px solid #f5f5f5;
	background:#eee;
	width: 112px;
	height: 15px;
	padding: 4px 0 4px 4px;
	color: #047E6C;
}

#search_btn {
	/*display:none;*/
	position:relative;
	background:#fff url(images/loupe.gif) no-repeat 0px 0px;
	top: 3px; 
	_top: 0px;
	left: 0px;
	padding:0;
}

*:first-child + html #search_btn{  
	top: 0px;  
}

.search-excerpt {
	background:#ff5;
}


/* main */

.boxHeader {
	position:relative;
	width:100%;
	background:#A7BFB6 url('images/colors_bg.jpg') repeat-x 0 0;
	height:50px;
	letter-spacing: 300%;
	color:#fff;
	border-bottom:1px solid #fff;
}

.subpage .boxHeader {
	height:55px;
}

.columnRight .boxHeader {
	_margin-left:-3px;
	width:315px;
}

.long .boxHeader {
	height:75px;
}

.columnRight .second {
	height:55px;
}

.subpage .columnLeft .boxHeader h2 {
	font-weight:bold;
}

.boxHeader h2 {
	position:absolute;
	font-size:15px;
	text-decoration:none;
	font-weight:noraml;
	bottom:7px;
	left:7px;
}

.boxHeader .breadcrumbs {
	color:#fff;
	font-size:11px;
	position:absolute;
	padding:7px 0 0 9px;
}

.boxHeader .breadcrumbs a{
	color:#fff;
}

.boxHeader .breadcrumbs li{
	display:inline;
}


.news .boxHeader {
	background:#E3699A url('images/colors_bg.jpg') repeat-x 0 -200px;
}
.bulletin .boxHeader {
	background:#EF983B url('images/colors_bg.jpg') repeat-x 0 -400px;
}
.convention .boxHeader {
	background:#5984D3 url('images/colors_bg.jpg') repeat-x 0 -600px;
}
.meeting .boxHeader, .special .boxHeader {
	background:#346A41 url('images/colors_bg.jpg') repeat-x 0 -800px;
}
.award .boxHeader, .rule .boxHeader {
	background:#9F352E url('images/colors_bg.jpg') repeat-x 0 -1000px;
}
.publications .boxHeader {
	background:#5857AC url('images/colors_bg.jpg') repeat-x 0 -1200px;
}
.about .boxHeader, .statement .boxHeader, .regulations_excerpt .boxHeader, .officers .boxHeader, .membership_application .boxHeader {
	background:#0E835B url('images/colors_bg.jpg') repeat-x 0 -1400px;
}


#main .box {
	margin:0 0 0 0;
}

.columnLeft .box {
/*	display:block;
	float:left;
	width:580px;
	padding:0 0 30px 0;
	background:#f5f5f5;
	border-right:1px solid #fff;*/
}

.toppage .news img {
	float:left;
	padding:5px 0 50px 0;
}

.subpage .news img {
	float:left;
	padding:0 20px 10px 0;
}

.front {
	font-size:12px;
	padding:0 0 15px 0;
}

.front .hasThumbnail {
	margin-left:140px;
}

.news .date {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding:0 0 0 0;
}

.front .date {
	width:150px;
	padding-left:20px;
}

.news h3 {
	padding:0 0 30px 0;
}

.news p {
	padding:0 0 10px 0;
}

.news dl {
	padding:0 0 0 0;
}

.news dt {
	float:left;
	font-size:10px;
	font-weight:normal;
	width:90px;
	padding:0 0 10px 20px;
	clear:both;
}

.news dd {
	font-size:13px;
	border-left:1px dotted #ccc;
	margin-left:100px;
	padding:0 0 15px 10px;
}

.news dt, .front .date {
	background:url('images/colors_mini.gif') no-repeat 0 4px;
}

dt.n_1 , .front .n_1 {
	background:url('images/colors_mini.gif') no-repeat -200px 4px;
}

dt.n_3 , .front .n_3 {
	background:url('images/colors_mini.gif') no-repeat -400px 4px;
}

dt.n_4 , .front .n_4 {
	background:url('images/colors_mini.gif') no-repeat -600px 4px;
}

dt.n_5 , .front .n_5 {
	background:url('images/colors_mini.gif') no-repeat -800px 4px;
}

dt.n_6 , .front .n_6 {
	background:url('images/colors_mini.gif') no-repeat -1000px 4px;
}

dt.n_7 , .front .n_7 {
	background:url('images/colors_mini.gif') no-repeat -1200px 4px;
}



.toppage .bulletin {
	border-bottom:1px solid #fff;
	text-align:left;
	font-size:13px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.toppage .bulletin .date {
	font-size:12px;
	text-align:left;
	padding:0 0 3px 0;
}

.toppage .bulletin .boxIn {
	padding:20px 20px 10px 20px;
}

.toppage .publications {
	text-align:left;
	font-size:13px;
	height: 100%;
}

.toppage .publications .boxIn {
	padding:20px 20px 20px 20px;
}

.toppage .columnRight h3 {
	padding:0 0 30px 0;
}

.toppage .bulletin p {
	margin-left:100px;
	_margin-left:0px;
}

.thumbnail {
	float:left;
	display:block;
	padding:0 10px 10px 0;
	margin:0 0 0 0;
}

.thumbnail img{
	display:block;
	margin:0;
}


.columnRight .thumbnail {
	float:left;
	display:block;
	padding:0 10px 10px 0;
	margin:0 0 0 0;
/*	_width:120px;*/
}

.thumbnail img{

}


.thumbnail_title {
	height:100px;
}

.relate {

}

.relate dt {
	font-size:10px;
	font-weight:normal;
	padding:0 0 0 0;
}

.relate dd {
	font-size:12px;
	padding:0 0 10px 0;
}

.boxIn {
	padding:20px 20px 20px 20px;
}

.columnLeft .boxIn {
	margin:0;
}

.toppage .columnRight .boxIn {
/*	width:275px;
	height:100%;*/
}

.columnRight .boxIn .more {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	text-align:right;
}

.columnRight p {
	padding:0 0 10px 0;
}

.columnRight strong {
	font-weight:bold;
}

.columnRight ul {

}

.columnRight li {
	font-size:13px;
	padding:10px 0 10px 5px;
	border-bottom:1px solid #fff;
}

.columnRight li.here , .columnRight li.current_page_item {
	font-size:13px;
	padding:10px 0 10px 15px;
	background:url('images/here_icon.gif') 0px 15px no-repeat;
}

.columnRight li.book {
	border-bottom:0 solid #fff;
}

.columnRight ul.yearly {
	padding:0 0 0 0;
}

.columnRight ul.yearly li {
	color:#555;
	padding:15px 0 10px 0;
	border-bottom:1 solid #fff;
}

.columnRight ul.yearly li a{
	font-size:30px;
	font-weight:bold;
	color:#ccc;
	padding:0 5px 0 0;
	margin-bottom:0;
	border-bottom:0 solid #fff;
}

.columnRight ul.yearly li a:hover{
	color:#E3699A;
	text-decoration:none;
}


.columnRight .bulletin_list .boxIn {
	padding:0 0 0 0;
}

.columnRight .bulletin_list ul {
	display:inline;
	padding:0 0 0 0;
}

.columnRight .bulletin_list li {
	float:left;
	display:inline;
	font-size:11px;
	padding:0 0 0 0;
	border-bottom:0 solid #fff;
}

.columnRight .bulletin_list li div {
	display:block;
	width:85px;
	height:140px;
	font-size:11px;
	text-align:center;
	padding:10px;
	_padding:10px 9px 10px 9px;
}

.boxIn h3 {
	font-size:18px;
	font-weight:bold;
	padding:10px 0 30px 0;
	color:#555;
}

.year {
	font-size:30px;
	color:#A7BFB6;
	font-weight:bold;
	padding:15px 0 30px 0;
}

.contents {
	line-height:160%;
}

.contents p {
	color:#333535;
	text-align:justify;
	padding:0 0 16px 0;
}

.contents h2 {
	font-size:17px;
	font-weight:bold;
	color:#555;
	padding:10px 0 3px 0;
	margin:0 0 20px -5px;
	border-bottom:1px solid #fff;
}

.contents h3 {
	font-size:16px;
	font-weight:bold;
	padding:20px 0 20px 0;
	margin:0 0 0 -5px;
	color:#555;
}

.contents h4 {
	font-size:15px;
	font-weight:bold;
	padding:20px 0 20px 0;
	margin:0 0 0 -5px;
	color:#555;
}

.contents h5 {
	font-size:14px;
	font-weight:bold;
	padding:20px 0 20px 0;
	margin:0 0 0 -5px;
	color:#555;
}

.contents h6 {
	font-size:13px;
	font-weight:bold;
	padding:20px 0 20px 0;
	margin:0 0 0 -5px;
	color:#555;
}

.contents strong {
	color:#555;
	font-weight:bold;
}

.contents ul , .contents ol {
	padding:20px 0 20px 20px;
}

.contents ul li {
	list-style-type:square;
	font-size:90%;
	padding:0 0 3px 5px;
}

.contents ol li {
	list-style-type:decimal;
	font-size:90%;
	padding:0 0 3px 5px;
}

.contents li p {
	text-align:left;
	padding:0 0 0 0;
}

.contents dl {
	padding:10px 0 10px 0;
}

.contents dt {
	padding:10px 0 15px 0;
}

.contents dd {
	padding:0 0 10px 50px;
}

.contents td {
	padding:5px 0 5px 0;
}


.contents .alignleft {
	float:left;
	padding:0 20px 10px 0;
}

.contents .alignright {
	float:right;
	padding:0 0 10px 20px;
}

.subpage .more {
	width:530px;
}

.subpage .box .date {
	text-align:right;
}

/* clearfix */

.clearfix:after {
	content: "";
	display: block;
	clear: both;
 }

/* slider */

#slider {
	position:relative;
	background:url(images/loading.gif) no-repeat 50% 50%;
	border-bottom:1px solid #fff;
	width:580px;
	height:300px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

/* debug */

#styleswitcher {
	position:absolute;
	right:0px;
}