/*
Theme Name: step-school
Description: ステップスクール用テーマ
Auther: T Hashimoto
Auther URI: http://www.step-school.com/
Version: 1.0
Tags: sea, sky, bue, two columns
*/

/* 全体的なルール */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body{
	background-image :url(image/main-background.gif);
	font-family: "ヒラギノ丸ゴ Pro W4","MS P ゴシック","Osaka",sans-serif;
}

/* ヘッダーテンプレート */
div#page {
	width: 800px;
	border: 1px solid #e5e5e5;
	margin: 0 auto 0 auto;
	background-image: url(image/bg.gif);
}

div#page a:link, div#page a:visited {color: #1660ff;}
div#page a{text-decoration: none;}
div#page a:hover {text-decoration: underline;}

div#header-img {
	width: 800px;
	height: 120px;
	background-image: url(image/header.gif);
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	font-size: 10pt;
	color: white;
}

div#navibar {
	width: 800px;
	height: 40px;
}


div#navibar a:link, div#navibar a:visited {color: white;}
div#navibar a{text-decoration: none;}
div#navibar a:hover {color: yellow;text-decoration: underline;}

div#navibar li{
	background-image: url(image/navi-botton.png);
	height: 40px;
	width: 160px;
	list-style: none;
	float: left;
	text-align: center;	
}

div.navi-botton a {
	text-decoration: none;
	font-size: 11pt;
	padding: 10px 0 5px 0;
	display: block;
}

/*　フッター用テンプレート　*/

div#sub-footer{
	clear: both;
	float: right;
	position: relative;
	right: 15px;
	padding-bottom: 15px;
	padding-top: 10px;
}

div#footer-img {
	border-style: none;
}

div#footer {
	clear: both;
	font-size: 11pt;
	text-align: center;
	position: relative;
}

ul#footer-menu {
	padding: 10px 0 10px 0;
	background-color: #1660ff;
}


ul#footer-menu li{
	font-size: 9pt;
	list-style: none;
	display: inline;
	text-align: center;
}

ul#footer-menu a:hover {text-decoration: none;}
div#footer a:link, div#footer a:visited {color: white;text-decoration: underline;}

div#copyright {
	font-size: 8pt;
	text-align: center;
	color: white;
	background-color: #1660ff;
	padding: 5px 0 0 0;
}


div#footer-cc {
	font-size: 8pt;
	text-align: center;
	color: white;
	background-color: #1660ff;
	padding: 0 0 5px 0;
}

/* コンテンツ部分 */


div#content{
	width: 550px;
	float: left;
	font-size: 10pt;

}

ul.posttitle{
	width: 520px;
	height: 30px;
	background-image: url(image/content-title.png);
	background-repeat: no-repeat;
	display: block;
	list-style-position: inside;
	margin: 15px 15px 0 15px;
}

ul.posttitle li{
	background: url(image/round-botton.png) no-repeat 10px 0.7em;
	list-style: none;	font-size: 11pt;
	padding: 5px 20px 0px 25px;
}

div.post {
	clear: both;
	padding: 10px 20px 0 20px;
	font-size: 10pt;
	line-height: 2em;
}

/*　トップページ　*/
ul.newinfo {
	padding: 0 15px 0 15px;
	font-size: 10pt;
	line-height: 2em;
}

ul.newinfo li{
	list-style: none;
	padding: 2px 10px 0 10px;
	border-bottom: 1px dotted #cecfce;
}

ul.newinfo a{
	font-size: 10pt;
	font-weight: bold;
}

div.rss-l{
	background-image: url(image/feed-icon.gif);
	background-position: right;
	background-repeat: no-repeat;
	float: right;
	font-size: 10pt;
	
}

div.rss-l a{
	padding-right: 25px;
}

/**/
p.navigation{
	text-align: center;
}

/*　講師紹介　*/
div.teacher-photo1 {
	width: 150px;
	height: 200px;
	float: right;
	padding: 10px 10px 10px 10px;
}

div.teacher-photo {
	width: 150px;
	height: 200px;
	float: left;
	padding: 10px 10px 10px 10px;
}

div.syoukai {
	padding: 0 180px 10px 0;
	position: relative;
	top: 10px;
	border-bottom: 1px dotted gray;			
}

/*　塾長ブログ　*/
h2#blog-main-image {
	width: 548px;
	height: 161px;
	float: right;
	background-image: url(image/blog-sub-header1.png);
	background-repeat: no-repeat;
	text-indent: -9999px;

}

h2#blog-main-image2 {
	width: 548px;
	height: 161px;
	float: right;
	background-image: url(image/blog-sub-header2.png);
	text-indent: -9999px;
}
div.post-border {
	margin: 0 17px 15px 15px;
	border-bottom: 1px dotted #005dff;
	border-left: 1px dotted #005dff;
	border-right: 1px dotted #005dff;
}

div.post-blog {
	clear: both;
	font-size: 10pt;
	line-height: 2em;
	padding: 10px 10px 10px 10px;
}

ul.blog-title {
	width: 518px;
	height: 30px;
	background-image: url(image/content-title.png);
	background-repeat: no-repeat;
	display: block;
	list-style: none;
	margin: 0 15px 0 15px;
}

li.posttitle-blog {
	background: url(image/round-botton.png) no-repeat 10px 0.8em;
	list-style: none;
	font-size: 11pt;
	padding: 7px 10px 0 25px;
}


dl.metadata {
	margin: 5px 15px 5px 15px;
	font-size: 8pt;
}

dl.metadata dd,dl.metadata dt{
	display: inline;
}

li.update-time {
	background-image: none;
	list-style: none;
	float: right;
	position: relative;
	top: -20px;
	right: 40px;
	font-size: 10pt;
	margin-bottom: -20px;
}



/* サイドバーテンプレート　*/
div#sidemenu{
	width: 250px;
	float: left;
}

div#sidemenu a:link, div#sidemenu a:visited {color: white;}
div#sidemenu a{text-decoration: none;}
div#sidemenu a:hover {text-decoration: underline;color: yellow;}

div#sidemenu h2 a:link, div#sidemenu h2 a:visited {color: yellow;}
div#sidemenu h2 a{text-decoration: none;}
div#sidemenu h2 a:hover {text-decoration: underline;}

div#home-logo{
	margin: 0 5px 5px 5px;
}

div.sidebar{
	font-size: 10pt;
	margin: 0 5px 0 5px;
	background-image: url(image/menu-bg.png);
	background-repeat: no-repeat;
}

div.sidebar h2{
	width: 240px;
	height: 30px;
	color: yellow;
	text-align: center;
	font-weight: bold;
	position: relative;
	top: 0.5em;
}

div.sidebar-inner{
	padding: 5px 5px 5px 5px;
}
div.sidebar-inner2{
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid blue;
}
div.sidebar li {
	list-style: none;
	font-size: 9pt;
	color: white;
}
div#sidebar-tag {
	padding: 5px 5px 5px 5px;
	background-color: white;
}
div#sidebar-tag a:link,div#sidebar-tag a:visited{
	color: #1660ff;
}

div#blog-img{
	padding-left: 1px;
}

ul.news{
	padding: 5px 5px 5px 5px;
}

ul.news li{
	border-bottom: 1px dotted white;
}

li.rss a{
	width: 230px;
	height: 20px;
	display: block;
	background-image: url(image/feed-icon-bb.gif);
	background-position: right;
	background-repeat: no-repeat;
	list-style: none;
	text-align: left;
	font-size: 9pt;
	padding: 5px 0 5px 0;
}

div#logo-botton{
	background-image:url(image/logo-s-hover.png);
	background-repeat: no-repeat;
	margin: 5px 5px 5px 5px;
}

div#logo-botton a{
	width: 240px;
	height: 60px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(image/logo-s-normal.png);
	text-indent: -9999px;
}
div#logo-botton a:hover {background: none; }

ul.other-news {
	font-size: 9pt;
	text-align: right;
}

/*　検索バー　*/
div.searchform{
	width: 800px;
	float: right;
	background-color: #1660ff;
	list-style: none;
	padding: 3px 0 2px 0;
	
}

div.searchform h2{
	color: white;
	font-size: 10pt;
	text-align: right;
}

div.searchform input#s{
	width: 250px;
}
div.searchform input#searchsubmit{
	margin: 0 15px 0 10px;
	font-size: 11pt;
	width: auto;
}

/* 固定ページ用 */
div.intro{
	clear: both;
	width: 500px;
	padding: 10px 0 10px 0;
}

div.intro h3 {
	text-align: center;
	font-weight: bold;
	color: blue;
	font-size: 12pt;
	
}

div.intro dd {
	padding: 5px 5px 5px 5px;
	border: 1px solid blue;
	background-color: #ffffbb;
	
	
}

div.explain{
	clear: both;
	width: 500px;
	padding: 10px 0 10px 0;
}


div.explain dd{
	border: 1px dotted gray;
	padding: 5px 5px 5px 5px;
}

div.explain dt{
	color: maroon;
	text-decoration: underline;
	font-size: 11pt;
}

div#jikanwari {
	width: 500px;
	text-align: center; 
	color: green;

}

tr.white-line td{
	border-bottom: 1px solid white;
}

div#jikanwari dt{

	padding: 1px 0 1px 0;
	color: yellow;
	background-color: green;
}

table#kokuban {
	background-color: green;
	color: white;
	border: 3px solid #e69416;
}

table#kokuban td{
	}

div.table {
	width: 500px;
	float: left;
	border-right: 1px solid white;
	background-color: green;
	color: white;
}

div#kojin{
	width: 500px;
	clear: both;
	background-color: green;
	color: white;
	border: 3px solid #e69416;
}

div.explain h3{
	background-color: #a4da70;
	color: green;
	text-indent: 1em;
	font-size: 11pt;
}

div#kojin li{
	display: inline;
	padding: 0 10px 0 10px;
	color: white;
	
}

div#kojin dt{
	padding-left: 10px;
	color: yellow;
	text-decoration: underline;
	
}

div#kojin p{
	padding-left: 10px;
	padding-top: 5px;
	color: white;
	
}

div#inq {
	clear: both;
	text-align: right;
	padding: 10px 15px 10px 0;
}

div#hosoku {
	text-decoration: underline;
	font-size: 10pt;
	font-weight: bold;
	color: navy;
	padding-top: 10px;
}
#jisseki {padding: 5px 0 5px 0;color: white;background-color: green;text-align: center;border: 5px solid #925833;}
#jisseki ul {padding-top: 10px;}
.inline-img li {list-style: none;float: left;}
.img-center {text-align: center;padding: 15px 0 0 0;}
.pdf-download {padding: 20px 0 15px 0;}
.green-boad {background-color: green;border: 3px solid #e69416;color: white;width: 494px;}
.green-boad p{padding: 10px 10px 10px 10px;}
.summer li {list-style-position: inside;color: green;}
/*　コメント用　*/
div#comments-area{
	padding: 20px 20px 10px 20px;
	font-size: 8pt;
}

input#trackbackurl {
	width: 400px;
	font-size: 9pt;
	margin-bottom: 10px;
	color: #666;
}
ol#commentlist {
	margin: 0 0 15px 0;
	font-size: 9pt;
}
ol#commentlist li.commentcontent {
	display: block;
	list-style: none;
	margin-bottom: 1em;
	padding: 20px 15px 10px 15px;
	background: url(image/comment.png) no-repeat #f6fee2;
	border: 1px solid;
	border-color: #efefef #ccc #ccc #efefef;
}
ol#commentlist li dl.metadata dt,
ol#commentlist li dl.metadata dd,
ol#commentlist li, ol#commentlist p {
	font-size: 9pt;
}
ol#commentlist li li {
	font-size: 9pt;
}
ol#commentlist img.avatar {
	padding-left: 8px;
	float: right;
}
ol#commentlist div.commenttext {
	width: 330px;
	float: left;
}
p.note {
	background: #FFF8D5;
	padding: 3px 8px;
	color: #666;
	border: 2px solid #E5AB6A
}
form#commentform label {
	width: 140px;
	float: left;
	margin: 0.25em 10px 0 0;
	font-weight: bold;
}
form#commentform p {
	clear: both;
}
form#commentform sub {
	display: block;
	padding-top: 2px;
}
input#author, input#email, input#url {
	width: 244px;
	border: 3px double #ccc;
	padding: 1px 3px;
}
textarea#comment {
	font-size: 10pt;
	border: 3px double #ccc;
	width: 500px;
}
p.submitbutton {
	padding: 5px 0 5px 0;
	text-align: center;
}
p.submitbutton input {
	padding: 3px 1em;
	font-weight: bold;
	color: #555;
}

h3#respond {
	color: maroon;
}

/*　サイトマップ　*/
div.ddsg-wrapper a:link, div.ddsg-wrapper a:visited{color: #686868;}
div.ddsg-wrapper a:hover {color: #0079ff;}

div.ddsg-wrapper {
	padding: 10px 20px 0 20px;
}

div.ddsg-wrapper li {
	padding: 0 20px 0 20px;
	list-style: inside;
	line-height: 1.5em;
}

div.ddsg-wrapper h2{
	color: #686868;
	font-size: 13px;
	font-weight: normal;
	padding: 3px 20px 3px 20px;
	border-bottom: 1px dotted gray;
}

/*　Page-Nav　*/
div.wp-pagenavi{
	padding: 0 0 20px 20px;
	font-size: 9pt;
}
/*　講師募集　*/
.table-area{
	border: 1px solid #1660ff;
}
.table-left{
	width: 20%;
	background-color: #1660ff;
	text-align: center;
	color: white;	
}
.table-right{
	width: 80%;
	border-bottom: 1px solid #1660ff;
	padding-left: 15px;
}
.table-right2{
	width: 80%;
	padding-left: 15px;
}