@charset "UTF-8";

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-table;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}


body {
background:url(http://www.ryushin-juku.com/common/img/bg.gif) repeat;
color:#333333;
font-family:verdana,"ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4,Hiragino Maru Gothic Pro,"ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:1.1em;
line-height:1.5em;
margin:0;
padding:0;
text-align:center;
}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
}
hr {
display:none;
}
ul, li {
list-style:none outside none;
margin:0;
padding:0;
}
p {
margin:0 0 1em;
}
img {
border:medium none;
}
a {
color:#0066FF;
}
a:hover {
color:#0048B6;
}
/*\*/ a { overflow:hidden;}/**/
strong {
font-weight:bold;
font-size:150%;
line-height:2em;
color:#FF6600;

}
table {
font-size:100%;
border-collapse:collapse;
border-spacing:0;
}
.bold {
font-weight:bold;
}

#container {
width:870px;
margin:0 auto;
text-align:center;
border-left:#333 1px solid;
border-right:#333 1px solid;
background:#000000;
}


/*lower*/

body#lower #container #header {
width:800px;
margin:0 auto;
text-align:left;
background:url(http://www.ryushin-juku.com/common/img/bg_head.jpg) no-repeat top;
padding-top:18px;
}
body#lower #container #header h1 {
background:url(http://www.ryushin-juku.com/common/img/logo.gif) no-repeat;
width:81px;
height:81px;
text-indent:-10000px;
margin-left:8px;
}
body#lower #container #header h1 a {
display:block;
width:81px;
height:81px;
}
body#lower #container #header #gb-navi {
clear:both;
width:800px;
background:url(http://www.ryushin-juku.com/common/img/gb-navi.jpg) no-repeat;
margin-top:26px;
}
body#lower #container #header #gb-navi li {
display:block;
float:left;
height:30px;
}
body#lower #container #header #gb-navi li a {
display:block;
height:30px;
background:url(http://www.ryushin-juku.com/common/img/gb-navi.jpg) no-repeat;
text-indent:-10000px;
}
body#lower #container #header #gb-navi li.top a {
background-position:0 0;
width:98px;
}
body#lower #container #header #gb-navi li.top a:hover {
background-position:0 -30px;
}
body#lower #container #header #gb-navi li.teach a {
background-position:-98px 0;
width:126px;
}
body#lower #container #header #gb-navi li.teach a:hover,
body#lower.teach #container #header #gb-navi li.teach a {
background-position:-98px -30px;
}
body#lower #container #header #gb-navi li.class a {
background-position:-224px 0;
width:126px;
}
body#lower #container #header #gb-navi li.class a:hover,
body#lower.class #container #header #gb-navi li.class a {
background-position:-224px -30px;
}
body#lower #container #header #gb-navi li.guide a {
background-position:-350px 0;
width:111px;
}
body#lower #container #header #gb-navi li.guide a:hover,
body#lower.guide #container #header #gb-navi li.guide a {
background-position:-350px -30px;
}
body#lower #container #header #gb-navi li.link a {
background-position:-461px 0;
width:98px;
}
body#lower #container #header #gb-navi li.link a:hover,
body#lower.link #container #header #gb-navi li.link a {
background-position:-461px -30px;
}
body#lower #container #header #gb-navi li.blog a {
background-position:-559px 0;
width:100px;
}
body#lower #container #header #gb-navi li.blog a:hover,
body#lower.blog #container #header #gb-navi li.blog a {
background-position:-559px -30px;
}
body#lower #container #header #gb-navi li.contact a {
background-position:-659px 0;
width:140px;
}
body#lower #container #header #gb-navi li.contact a:hover,
body#lower.contact #container #header #gb-navi li.contact a {
background-position:-659px -30px;
}

body#lower #container #main {
background:#FFFFFF url(../img/bg_main.jpg) no-repeat;
padding-top:63px;
width:800px;
margin:0 auto;
}
body#lower #container #main #contents {
width:700px;
margin:0 auto;
text-align:left;
}

body#lower #container #main #contents h2 {
width:700px;
height:78px;
text-indent:-10000px;
background-repeat:no-repeat;
margin-bottom:20px;
}
body#lower #container #main #contents .pagetop a {
clear:both;
background:url(../img/pagetop.gif) no-repeat;
width:700px;
height:50px;
text-indent:-10000px;
display:block;
margin-bottom:15px;
}

/*foot*/
#foot {
	clear:both;
	padding:40px 0 20px;
	text-align:center;
	background:url(../img/bg_foot.jpg) no-repeat top;
	color:#CCCCCC;
	font-size:85%;
}
#foot p.f-logo {
	color:#FFCC00;
	font-size:160%;
	margin:10px 0;
}
#foot p.f-logo span {
	font-size:80%;
}

#foot p.catch {
	color:#FFFFFF;
	font-size:120%;
}
#foot p.catch a {
	color:#FFFFFF;
}
#foot p.catch a:hover {
	color:#CCCCCC;
}


/*blog*/
body#lower.blog #contents h2 {
	background:url(http://www.ryushin-juku.com/blog/img/h2.jpg);
}
body#lower.blog #contents h2 a {
	width:700px;
	height:78px;
	display:block;
	text-indent:-10000px;
}
body#lower.blog #container #main #contents #blog {
	width:520px;
	float:left;
}
body#lower.blog #container #main #contents #blog p.date {
	font-size:90%;
	margin-bottom:0;
	clear:both;
}
body#lower.blog #container #main #contents #blog .blogbody {
	border:#CCCCCC 2px solid;
	margin-bottom:15px;
	padding:10px;
}
body#lower.blog #container #main #contents #blog .blogbody h3 {
	background:url(http://www.ryushin-juku.com/blog/img/icon.gif) no-repeat left;
	padding-left:25px;
	font-size:120%;
	margin-bottom:10px;
}
body#lower.blog #container #main #contents #blog .blogbody h3 a{
	color:#E20A16;
}
body#lower.blog #container #main #contents #blog .blogbody .posted {
	font-size:90%;
	text-align:right;
	clear:both;
}
body#lower.blog #container #main #contents #blog .blogbody img {
	margin:0 5px 5px 0;
}
* html body#lower.blog #container #main #contents #blog .blogbody img {
	margin:0 5px 5px 0;
	
	float:left;
}
body#lower.blog #container #main #contents #blog .menu {
	text-align:center;
	margin-bottom:15px;
}

body#lower.blog #container #main #contents #blog h4 {
	border-bottom:#CCCCCC 1px dotted;
	margin-bottom:8px;
	padding-bottom:2px;
	color:#FF6600;
}

body#lower.blog #container #main #contents #blog .posted2 {
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:#CCCCCC 1px dotted;
}
body#lower.blog #container #main #contents #blog p.clear {
	clear:both;
}

body#lower.blog #container #main #contents #links {
	width:160px;
	float:right;
	font-size:80%;
	line-height:1.5em;
}
body#lower.blog #container #main #contents #links .sidetitle {
	background:#E7E7E7;
	border:#CCCCCC 1px solid;
	margin-bottom:5px;
	padding:5px;
	clear:both;
}
body#lower.blog #container #main #contents #links .side {
	margin-bottom:20px;
}
body#lower.blog #container #main #contents #links img {
	width:160px;
}
body#lower.blog #container #main #contents #links p {
	clear:both;
}
body#lower.blog #container #main #contents #links .sidebody {
	margin-bottom:5px;
}
.calendarhead{
	color:#666;
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
	padding:0px 0px 2px 0px;
	text-align:center;
}

.calendartable{
	border-collapse: collapse;
	width:100%;
	text-align:center;
	margin: 0px auto 20px auto;
	background-color: #F8F8F8;
}

th.calendarwd {
	padding:5px 0px 5px 5px;
	font-size:10px;
	color: #000000;
	background-color: #F8F8F8;
}
.calendard{
	empty-cells:show;
	background-color: #EFEFEF;
	border: 1px solid #FFFFFF;
}

span.calendar{
	font-size:10px;
	position:center;
	display: block;
	padding: 2px;
}

.calendar a:link, .calendar a:visited{
	display: block;
	background-color: #FFFFFF;
	margin:-2px;
	border: 1px solid #990000;
	text-decoration: none;
}
th.sun {
	color : #DB0000;
}
th.sat {
	color : #006699;
}
.today{
	background-color : #FF9900;
}
.calendarhead a:link, .calendarhead a:visited{
	color : #E20A16;
}

#links h3 {
	background:url(http://www.ryushin-juku.com/blog/img/icon.gif) no-repeat left;
	padding-left:20px;
	font-size:100%;
	clear:both;
}
#links h4 {
	border-bottom:#CC0000 2px solid;
	margin-bottom:5px;
	font-size:90%;
}
#links table.coin {
	border:#999999 1px solid;
	width:150px;
	border-collapse: collapse;
	margin-bottom:10px;
}
#links table.coin th {
	text-align:center;
}
#links table.coin th,
#links table.coin td {
	border-bottom:#999999 1px solid;
	padding:2px;
}