/* m-School Blog CSS */
body {
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
text-align:center;
background-color:#eee9d6;
}
#container {
text-align:center;
margin:0px auto 0px auto;
padding:0px;
width:950px;
color:#445566;
background-color:#ffffff;
}
h3 {
font-size:95%;
color:#994433;
background-color:#fff0dd;
padding:2px 10px;
border:1px solid #994433;
border-left-width:10px;
margin-top:0.5em;
margin-bottom:0;
}
h4 {
font-size:90%;
color:#559966;
background-color:#DDFFF0;
padding:2px 10px;
border:1px solid #559966;
margin-top:0.5em;
margin-bottom:0;
}
a {
}
a img {
border:none;
}
li {
margin-bottom:0.1em;
}
#content li {
margin-bottom:0.4em;
}
#banner {
font-family:arial, Helvetica;
height:100px;
margin:0px;
padding:0px 0px 0px 20px;
text-align:left;
background-image:url('http://m-school.up.seesaa.net/common/header.jpg');
background-repeat:no-repeat;
}
#banner a {
display:block;
width:910px;
height:85px;
text-decoration:none;
}
#banner a:hover {
text-decoration:none;
}
.description {
font-size:80%;
color:#666666;
margin:0px 10px 10px 0px;
width:460px;
font-weight:bold;
}
.description-footer {
font-size:80%;
color:#666666;
}
.description-footer a {
text-decoration:none;
font-weight:bold;
}
.description-footer a:hover {
text-decoration:underline;
}
.navi {
font-size:85%;
text-align:center;
padding:5px;
margin-bottom:10px;
margin-left:10px;
border:1px solid #ccd0e0;
background-color:#e7e7e7;
}
#content {
float:left;
width:710px;
text-align:center;
margin-top:10px;
}
.blog {
margin:0px;
padding-top:0px;
text-align:left;
margin-left:10px;
}
.blogbody {
margin:0px 0px 30px 0px;
padding:0px;
border:1px solid #DDCCCC;
line-height:1.6;
background-color:#FFFFFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.date {
font-size:90%;
margin:0px;
padding:5px;
background-color:#FFE8DD;
border:1px solid #DDCCCC;
color:#993333;
margin-bottom:10px;
font-weight:bold;
}
.title {
font-size:125%;
margin-top:0px;
padding:10px;
color:#FFFFFF;
background-color:#9b0220;
font-weight:bold;
border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.title a {
color:#FFFFFF;
border:none;
text-decoration:none;
}
.title a:hover {
color:#FFFF00;
}
.text {
font-size:95%;
margin-top:0px;
padding:15px 30px;
}
.posted { 
font-size:80%; 
padding:10px 10px 10px 0px;
text-align:right;
}
#links-left {
}
#links {
font-weight:normal;
width:210px;
float:left;
margin-top:10px;
margin-left:15px;
}
#calendar {
font-weight:normal;
text-align:left;
}
#calendar table {
width:210px;
text-align:center;
margin-bottom:20px;
}
#calendar th {
font-size:10pt;
font-weight:bold;
padding:5px 2px;
background-color:#C1CDAD;
border-right:1px solid #E8EADD;
border-bottom:1px solid #E8EADD;
}
#calendar td {
text-align:center;
font-size:11pt;
padding:1px;
background-color:#D6DBC0;
border-right:1px solid #E8EADD;
border-bottom:1px solid #E8EADD;
}
.calendarhead {
background-image:url(http://blog.seesaa.jp/img/bg/wakaba/side_title.gif);
background-repeat:no-repeat;
color:#597903;
font-weight:bolder;
padding:5px 10px 20px 25px;
text-align:center;
}
.calendarday {
}
.sidetitle {
font-size:90%;
background-image:url(http://blog.seesaa.jp/img/bg/wakaba/side_title.gif);
background-repeat:no-repeat;
color:#597903;
font-weight:bolder;
padding:9px 0px 8px 25px;
text-align:left;
}
.side {
font-size:80%;
color:#666666;
font-weight:normal;
line-height:1.6;
margin-bottom:10px;
padding:10px 0px 10px 5px;
text-align:left;
}
.side ul {
margin:0 0 0 10px;
padding:0 0 0 10px;
}
.side li {
line-height:1.5;
list-style-type:square;
}
.side li li {
line-height:1.2;
list-style-type:circle;
}
.side-tag {
color:#8B8B8B;
font-weight:normal;
padding:5px;
text-align:left;
}
.side-tag a {
text-decoration:none;
}
.side input {
border:1px solid #85A73A;
}
.input-submit {
padding: 2px 10px;
background-color:#A8CD6F;
border:1px solid #000;
color:#000;
}
.powered {
padding:0px 0px 0px 545px;
}
.syndicate {
padding:5px 0px 0px 0px;
padding-bottom:10px;
}
input {
border:1px solid #FF967E;
}
#comments {
margin-top:25px;
margin-left:15px;
text-align:left;
}
#comments form {
padding-left:10px;
margin-top:5px;
}
#comments input {
max-width:250px;
border:1px solid #85A73A;
}

#comments textarea {
max-width:400px;
border:1px solid #85A73A;
}
.comments-head {
font-size:90%;
margin:10px 0px 0px 0px;
padding:5px 10px;
background-color:#759E03;
color:#FFFFFF;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:90%;
border-bottom:1px dotted #d0d0d0;
}
.comments-post { 
padding:10px 10px 5px 0px;
text-align:right;
}
#trackback {
font-size:90%;
padding:10px 10px 10px 10px;
margin-top:20px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
border:1px dotted #759E03;
}
#footer {
clear:left;
padding:20px 0px;
text-align:center;
}
.copyright {
font-size:80%;
width:100%;
text-align:center;
}
blockquote {
line-height:1.2;
margin: 1em 1em 0 1em;
padding: 0.3em 1em;
color: #335533;
border:1px solid #668866;
border-left-width:5px;
border-right-width:5px;
}
blockquote p {
margin:0;
}
blockquote h4 {
margin:0;
}
blockquote li {
margin:0;
}
.tag-word {
margin:20px 0px 0px 0px;
line-height:1.4;
}
.tag {
padding:10px;
position:relative;
margin-left:15px;
}
#tag_cloud {
border:1px solid #CCC;
padding:10px;
text-align:left;
position:relative;
background-color:#FFFFFF;
}
#tag_cloud a {
padding:2px;
}
.tag-title {
font-weight:bold;
text-align:left;
}
.tag-body {
margin:10px 0px;
padding:10px 0px 0px 0px;
position:relative;
}
.tag-service {
text-align:left;
font-size:90%;
margin-top:0px;
margin-bottom:20px;
background-image:url(http://blog.seesaa.jp/img/bg/wakaba/side_title.gif);
background-repeat:no-repeat;
color:#597903;
background-color:#DADCD0;
font-weight:bold;
padding:9px 0px 8px 25px;
clear:left;
position:relative;
}
.tag-search {
font-size:80%;
text-align:right;
padding:5px;
position:relative;
margin-bottom:0px;
}
.tag-article {
font-size:95%;
padding:0px 10px 10px 10px;
text-align:left;
position:relative;
}
.tag-article-title {
text-align:left;
padding:0px 0px 5px 0px;
font-weight:bold;
position:relative;
}
.tag-article-posted {
font-weight:normal;
position:relative;
}
.tag-article-summary {
padding:0px 10px;
line-height:1.4;
position:relative;
}
.tag-more {
font-size:80%;
text-align:right;
margin:10px 0px;
clear:left;
position:relative;
}
.tag-photos {
float:left;
margin:10px;
position:relative;
width:140px;
height:200px;
}
.tag-photos-title {
font-size:85%;
line-height:1.4;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-audios {
margin:5px;
position:relative;
}
.tag-audios-title {
font-size:85%;
text-align:left;
font-weight:bold;
padding:0px 0px 5px 0px;
position:relative;
}
.tag-audios-posted {
font-weight:normal;
position:relative;
}
.tag-videos {
float:left;
margin:10px;
position:relative;
}
.tag-videos-title {
font-size:85%;
line-height:1.4;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-navi {
font-size:85%;
clear:left;
text-align:center;
margin:10px 0px;
position:relative;
}
.side .writers .writer {
font-weight:bold;
}
.rss {
margin-top:10px;
}
.profile {
text-align: center;
margin-bottom:15px;
}
.profile-image {
margin-top: 10px;
}

em {
font-style: normal;
font-weight: bold;
}
strong {
font-style: normal;
font-weight: bold;
color: red;
}
dfn {
color: #663399;
font-style: normal;
font-weight: bold;
}
samp {
color: #006600;
}
ins {
color: #666699;
text-decoration: none;
}
del {
color: #999999;
}
.blog-title {
margin:0px;
padding: 25px 10px 10px 0px;
font-size:100%;
}
.blog-title a {
color:#D7001D;
text-decoration: none;
font-size:150%;
}
.blog-title a:hover {
text-decoration: underline;
}
h1.intro {
font-size:90%;
margin-bottom:20px;
}
.user-name {
color:#333333;
font-weight:bold;
}
.all-tags {
text-align:center;
font-size:80%;
margin:10px 0px 0px 0px;
padding:0px;
}
.bookmarks {
margin-top:4px;
}
.center {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.banner {
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
.affiliate {
margin-top:100px;
}
.affiliate hr {
margin-bottom:20px;
}
.affiliate iframe {
margin:10px auto;
text-align:center;
}
.float-left {
float:left;
margin-right:1em;
}
.float-right {
float:right;
margin-left:1em;
}
div.box {
margin:0.5em;
padding:0.5em 1em;
border:1px solid #999999;
}
.listCategoryArticle {
margin:20px 10px 10px 10px;
padding:4px;
background-color:#f9f9f9;
border:solid 1px #cccccc;
text-align:left;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}
.listCategoryArticle .title {
font-size:80%;
color:#333333;
background-color:#dddddd;
border-left:10px solid #999999;
font-weight:normal;
padding:2px 5px;
margin:0;
}
.listCategoryArticle .title a {
color:#0000ff;
text-decoration:underline;
}
.listCategoryArticle .title a:hover {
color:#ff0000;
text-decoration:underline;
}
.listCategoryArticle ul {
list-style:square;
margin-top:10px;
margin-bottom:0;
}
.listCategoryArticle ul li {
font-size:75%;
line-height:1.1;
}

/*
 * サイドバー
 */
ul#sidebar {
	position:fixed;
	margin:0px;
	padding:0px;
	top:285px;
	left:0px;
	list-style:none;
	z-index:100;
}
* html ul#sidebar {
display:none;
}
ul#sidebar li {
	width:80px;
	margin:0;
	padding:0 0 1px 0;
}
ul#sidebar li.mag {
	padding-bottom:20px;
}
ul#sidebar li a {
	display:block;
	margin-left:-65px;
	width:80px;
	height:60px;
	text-decoration:none;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:center center;
	border:1px solid #d0d0d0;
	-moz-border-radius:0px 10px 10px 0px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-bottom-right-radius:10px;
	-khtml-border-top-right-radius:10px;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

/* リンク */
ul#sidebar .satt a {
	background-image:url('http://m-school.up.seesaa.net/sidebar/satt.png');
}
ul#sidebar .satt-blog a {
	background-image:url('http://m-school.up.seesaa.net/sidebar/satt-blog.png');
}
ul#sidebar .m-school a {
	background-image:url('http://m-school.up.seesaa.net/sidebar/m-school.png');
}
ul#sidebar .shop-satt a {
	background-image:url('http://m-school.up.seesaa.net/sidebar/shop-satt.png');
}