/* reset
----------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,
th,td {margin:0; padding:0; letter-spacing:0;} 
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,
code,dfn,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;}

/* base
----------------------------------*/

html{
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x: scroll;
}

body{
font-size: 75%;
background: url(http://blog.gakublo.jp/img/css/classroom/bg.gif) left top repeat-x;
text-align:center;
font-family: Arial, Helvetica, Verdana, "ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
color: #666;
}

a{color: #3670dc;}
a:hover{color: #3670dc;text-decoration: none;}

/* layout
----------------------------------*/

#container{
width: 740px;
padding: 0 15px;
margin: auto;
text-align:left;
}

	* html #container{
	width: 770px;
	}

#content{
width: 510px;
float: left;
}

#links{
width: 200px;
float: right;
}

/* style
----------------------------------*/

/* header
--------------------*/

#banner{
width: 738px;
background: url(http://blog.gakublo.jp/img/css/classroom/header-bg.gif) left top repeat-x #f7f7f7;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}

	* html #banner{
	width: 740px;
	}

#banner-body{
width: 738px;
padding: 10px 0 12px;
background: url(http://blog.gakublo.jp/img/css/classroom/header-bottom.gif) left bottom repeat-x;
}

.blog-title{
padding: 0 20px;
margin-bottom:10px;
}

.blog-title a{
font-size: 1.667em;
font-weight: bold;
text-decoration: none;
}

.blog-description{
padding: 0 20px;
font-size: 0.834em;
line-height: 1.4;
}

/* content
--------------------*/

#main{
padding-top: 170px;
background: url(http://blog.gakublo.jp/img/css/classroom/topVisual.jpg) left 8px no-repeat;
}

#main-body{
background: url(http://blog.gakublo.jp/img/css/classroom/mainbody-bg.gif) left repeat-y;
}

.title{
width: 508px;
background: url(http://blog.gakublo.jp/img/css/classroom/title-bg.gif) left top no-repeat;
border: 1px solid #e2e2e2;
border-bottom: none;
}

.title-body{
font-size: 1.167em;
padding: 12px 11px 8px 30px;
background: url(http://blog.gakublo.jp/img/css/classroom/title-head.gif) 8px 14px no-repeat;
font-weight: bold;
color: #3670dc;
}

.title-body a{text-decoration: none;}
.title-body a:hover{text-decoration: underline;}

.text{
width: 510px;
padding-top: 25px;
background: url(http://blog.gakublo.jp/img/css/classroom/entry-top.gif) left top repeat-x;
}

.text-body{
line-height: 1.5;
padding: 0 8px;
background: url(http://blog.gakublo.jp/img/css/classroom/entry-bg.gif) 100% 100% no-repeat;
}

.blog{
padding-bottom: 26px;
margin-bottom: 26px;
background: url(http://blog.gakublo.jp/img/css/classroom/entry-bottom.gif) left bottom repeat-x;
}

.text-beginning,
.text-continues,
.continues,
.posted{
margin-bottom: 15px;
}

.posted{
text-align: right;
}

.continues{
background: url(http://blog.gakublo.jp/img/css/classroom/list-arrow.gif) left center no-repeat;
padding-left: 10px;
}

.date-body{
color: #3670dc;
margin-bottom: 10px;
font-weight: bold;
text-align: right;
}

.navi{
margin-bottom: 10px;
}

#comments .comments-head{
font-weight: bold;
line-height: 1.5;
margin-bottom: 5px;
}

input .input-submit{
margin-right: 5px;
}

#comments input,
#comments textarea{
margin-bottom: 10px;
}

.comments-body,
.comments-body .text{
margin-bottom: 20px;
}

.comments-post{
text-align: right;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
}

/* links
--------------------*/

.sidetitle{
width: 192px;
background: url(http://blog.gakublo.jp/img/css/classroom/subtitle-bg.gif) left top no-repeat;
border: 1px solid #e2e2e2;
font-weight: bold;
margin-bottom: 15px;
}

.sidetitle-body{
width: 155px;
padding: 7px 11px 7px 26px;
background: url(http://blog.gakublo.jp/img/css/classroom/subtitle-arrow.gif) 11px 8px no-repeat;
color: #3670dc;
}

.calendar-body,
.calendar-body table{
width: 194px;
}

	.calendar-body,
	.calendar-body table{
	font-size: 12px;
	}

.calendar-body caption{
text-align: center;
margin-bottom: 5px;
}

.calendar-body table th,
.calendar-body table td{
text-align: right;
padding: 3px;
}

#calendar,
.side,
.syndicate{
margin-bottom: 25px;
}

.side-body .list{
line-height: 1.6;
}

.side-body .list span{
padding-right: 5px;
}

input.keyword{
width: 145px;
margin-right: 5px;
}

/* footer 
----------------------------------*/

#footer-body{
margin-top: 20px;
padding: 15px 0 30px;
text-align:center;
border: 1px solid #e2e2e2;
border-bottom: none;
background: url(http://blog.gakublo.jp/img/css/classroom/footer-bg.gif) left top repeat-x;
}

/* additional 
----------------------------------*/

img.left{
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

img.right{
float: right;
padding-left: 10px;
padding-bottom: 10px;
}

/* clearfix 
----------------------------------*/

#banner-body:after,
#main-body:after,
.text-beginning:after,
.text-continues:after,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#banner-body,
#main-body,
.text-beginning,
.text-continues,
.clearfix {
display: inline-block;
}

/* MacIE begin \*/
*+html #banner-body,
*+html #main-body,
*+html .text-beginning,
*+html .text-continues,
*+html div.clearfix{
height: 1%;
}

* html #banner-body,
* html #main-body,
* html .text-beginning,
* html .text-continues,
* html div.clearfix {
height: 1%;
}

#banner-body,
#main-body,
.text-beginning,
.text-continues,
.clearfix {
display: block;
}
/* Mac IE end */