@charset "UTF-8";

/* sb design template -Summer Breeze- Copyright 2005 Toshihiro Abe. All rights reserved. */
/* ++++ Contents Index ++++
	1. Reset
	2. Global Settings
	3. Layout
	4. Header
	5. Entry
	6. Comment
	7. Trackback
	8. Navigation
	9. Footer
	10. Typography
  ++++++++++++++++++++ */
/* [Reset] */
* {
	margin: 0;
	padding: 0;
}

/* [Global Settings] */
body {
	background:#fff;
	color: #333;
	font: 12px/1.5em Helvetica, Arial, Hiragino Kaku Gothic Pro, sans-serif;
}
p {
	text-indent:1em;
	margin-bottom: 1em;
}
img {
	border: 0;
}
a {
	color: #9AC3D9;
	text-decoration: none;
}
a:active,
a:hover {
	color: #4093C2;
	text-decoration: underline;
}
div {
	text-align: left;
}
table {
	border: 0;
}
ul {
	list-style: none;
}
strong {
	color: #F90;
	font-weight: bold;
}

.hide {
	display: none;
}
.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}
/* [Layout] */
div#wrapper {
	width: 750px !important;
	width: 750px;
}
div#header {
	width: 750px;
	height: 170px !important;
}
div#contents {
	width: 525px !important;
	float: left;
}
div#static_contents {
	width: 730px !important;
	padding: 0 0 0 20px;
}
div#pagenavi {
	width: 525px !important;
	text-align: center;
	color: #CCC;
	font-size: 10px;
	padding-bottom: 15px;
}
div#navigation {
	width: 200px;
	float: right;
}
div#footer {
	width: 750px;
	height: 60px !important;
	background: transparent url(/img_common/footer.gif) no-repeat;
	margin: 30px 0;
}
/* [Header] */
div#title {
	width: 750px !important;
	height: 150px !important;
}
/* [Entry] */
div.entry {
	width: 525px !important;
	padding-bottom: 50px;
}
div.entry h2 {
	font-size: 14px;
	width: 515px !important;
	width: 525px;
	height: 36px !important;
	padding: 12px 0px 0px 45px;
	background: transparent url(/img_common/entry_ttl.gif) no-repeat;
	margin:0px 0px 10px;
}
div.entry h2 a {
	color: #F90;
}
div.entry h2 a:active,
div.entry h2 a:hover {
	color: #F30;
}
div.entry h3 {
	font-size: 12px;
	background: transparent url(/img_common/entry_h3.gif) left bottom no-repeat;
	padding:1px 0px 3px 25px;
	margin:0 0 3px 0;
}
div.entry_author {
	clear:both;
	width: 515px !important;
	width: 525px;
	color: #CCC;
	text-align: right;
	margin:0px 0px 20px 10px;
}
div.entry_body {
	margin:0px 0px 15px 10px;
}
div.entry_more {
	margin:0px 0px 10px 10px;
}
div.entry_state {
	clear: both;
	width: 525px;
	color: #CCC;
	text-align: right;
}
div.entry_state img{
	vertical-align: middle;
}
div.entry img.pict {
	display: block;
	margin-bottom: 3px;
}
div.entry img.thumb {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
div.entry blockquote {
	padding: 5px 15px;
	margin:0 0 1em 5px;
	background-color: #EEE;
	border-left:solid 7px #aaa;
}
div.entry ul{
	list-style-type: disc;
	padding-left: 20px;
	margin-bottom: 10px;
}
div.entry ol{
	list-style-type: decimal;
	padding-left: 20px;
	margin-bottom: 10px;
}
div.entry em{
	font-weight: bold;
}
div.entry dl {
	margin-bottom: 18px;
}
div.entry dl dt {
	color: #F90;
	font-weight: bold;
	padding-bottom: 10px;
}
div.entry dl dd {
	padding: 0 0 10px 20px;
}
/* [Comment] */
div#comments {
	width: 490px !important;
	width: 500px;
	margin:0px 0px 20px 10px;
}
div#comments h3 {
	width: 500px;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
div#comments dl.comment_body {
	width: 500px;
	padding-bottom: 30px;
}
div#comments dl.comment_body dt {
	width: 500px;
	color: #CCC;
	text-align: right;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #FFE6C0;
}
div#comments h4 {
	width: 460px !important;
	width: 500px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: transparent url(http://school.ouen-dan.com/template/sb_comment_form_bg.jpg) no-repeat;
	padding: 5px 10px;
}
dl#comment_form {
	width: 460px !important;
	width: 500px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color: #FFF;
	padding: 10px 20px;
}
dl#comment_form dt {
	padding-bottom: 5px;
}
dl#comment_form dd {
	padding-bottom: 15px;
}
dl#comment_form dd label {
	padding: 0 10px;
}
dl#comment_form dt label#labelsubmit {
	display: none;
}
dl#comment_form dd input.form {
	width: 400px !important;
	background-color: #EEE;
	border: 1px solid #CCC;
}
dl#comment_form dd textarea {
	width: 400px !important;
	background-color: #EEE;
	border: 1px solid #CCC;
}
dl#comment_form dd input.button {
	padding: 2px 5px;
	margin-right: 10px;
}
/* [Trackback] */
div#trackback {
	width: 515px !important;
	width: 525px;
	margin:0px 0px 25px 10px;
}
div#trackback h3 {
	width: 525px !important;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
p.tb_link {
	width: 525px !important;
	color: #F90;
	background-color: #FAFAFA;
	padding: 5px;
	margin-bottom: 30px;
	border: 1px solid #F90;
	text-align: center;
}
div#trackback dl.tb_body {
	width: 525px;
	padding-bottom: 30px;
}
div#trackback dl.tb_body dt {
	width: 525px;
	color: #CCC;
	text-align: right;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #FFE6C0;
}
/* [Profile] */
div#profile {
	width: 525px !important;
	padding-bottom: 50px;
}
div#profile h2 {
	font-size: 14px;
	width: 480px !important;
	width: 525px;
	height: 36px !important;
	padding: 12px 0px 0px 45px;
	background: transparent url(/img_common/entry_ttl.gif) no-repeat;
	margin:0px 0px 10px;
}
div.profile_body {
	margin:0px 0px 15px 10px;
}
/* [Navigation] */
div#navigation dl {
	margin-bottom: 30px;
	background: transparent url(/img_common/navi_back.gif) repeat-y bottom left;
}
div#navigation dt {
	width: 175px !important;
	width: 200px;
	padding: 0 0 5px 25px;
	margin-bottom: 10px;
	background: transparent url(/img_common/navi_ttl.gif) no-repeat bottom left;
}
div#navigation dd a {
	color: #ff4800;
}
div#navigation dd a:active,
div#navigation dd a:hover {
	color: #ff802c;
}
div#navigation ul {
	padding-left: 25px;
	list-style-position: outside;
	list-style-image: url(/img_common/navi_ul.gif);
}
/* for IE5Mac */
/*¥*//*/
div#navigation ul {
	padding: 0;
}
/**/
div#navigation ul li {
	padding-bottom: 0px;
}
/* ++++ Calendar ++++ */
dl#calendar table {
	width: 200px;
}
dl#calendar table th,
dl#calendar table td {
	font-size: 75%;
	line-height: 1em;
	text-align: center;
	padding: 2px 3px;
}
dl#calendar table th {
	padding-bottom: 5px;
}
dl#calendar table td span.today {
	color: #F90;
}
dl#calendar table td span.today a {
	color: #F90;
}
dl#calendar table td span.today a:active,
dl#calendar table td span.today a:hover {
	color: #F30;
}
/* ++++ Extra ++++ */
dl#extra {
	width: 178px !important;
	width: 200px;
	padding: 10px;
	border: 1px solid #CCC;
	background: transparent url(http://school.ouen-dan.com/template/sb_extra_bg.jpg) no-repeat bottom;
}
dl#extra dt {
	display: none;
}
dl#extra ul {
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-size: 10px;
}
p#link2top {
	padding-left: 10px;
	background: transparent url(http://school.ouen-dan.com/template/sb_pagetop_arrow.gif) no-repeat;
}
/* [Footer] */
div#footer address {
	padding: 32px 0 0 300px;
	font-style: normal;
	font-size: 10px;
	line-height: 1em;
}
/* [Typography] */
div#pagenavi,
div#title p,
div.entry_author,
div.entry_state,
div#navigation dt,
dl#calendar table th,
dl#calendar table td,
dl#extra ul,
div#comments dl.comment_body dt,
div#comments dl#comment_form dt,
dl#comment_form dd,
div#footer address {
	font-family:  Georgia,Times New Roman,serif;
}


.font{
	font: 12px/1.5em Helvetica, Arial, Hiragino Kaku Gothic Pro, sans-serif;
}


#brief dt{
	width:100px;
	line-height:1.1em;
	padding:0.7em 0 0;
	margin:0;
	color:#333;
	font-weight:bold;
}
#brief dd{
	margin:-1.4em 0 0 100px;
	line-height:1.1em;
	padding:3px 5px;
}