body {
margin: 0px 0px 0px 0px;
padding: 0px ;
background-color: #FFFFFF;
text-align: center;
font-family: "ＭＳ Ｐゴシック", "Osaka","sans-serif";
font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
color: #333333;
font-size: 14px;
font-weight: normal;
line-height: 150%;
text-align: left;
}
img{
border:0px;
}
a {
text-decoration: underline;
}

a:link {
color: #0044CC;
}

a:visited {
color: #6C6CFF;
}

a:active {
color: #FF0000;
}

a:hover {
color: #9933FF;
text-decoration: underline;
}

table {
color: #666666;
font-size:14px;
line-height: 140%;
margin: 0px 0px 0px 0px;
padding: 5px;
}

table td{
padding: 5px;
}

table th{
padding: 5px;
}


fieldset {
margin: 5px 20px 5px 15px;
padding: 3;
-moz-border-radius: 5px; /* for Firefox */
-webkit-border-radius: 5px; /* for Chrome */
}

legend {
color: #333399;
text-align: left;
line-height: 100%;
font-size: 14px;
font-weight: normal;
list-style-type: none;
padding:0px 5px 2px 5px;
margin:  5px 10px 0px 8px;
list-style-position: outside;
}

blockquote {
align:center;
color: #666666;
font-size: 14px;
font-weight: normal;
line-height: 140%;
text-align: left;
border-style: dotted;
border-width:1px;
border-color:#666666;
padding : 5px 5px 5px 5px;
margin:  8px 10px 8px 13px;
width:600px;
-moz-border-radius: 5px; /* for Firefox */
-webkit-border-radius: 5px; /* for Chrome */
}

blockquote  li {
color: #333333;
background-image: url("http://www.office-srr.com/img2011/p_triangle.png");
background-repeat: no-repeat;
background-position: top left;
line-height: 140%;
list-style-type: none;
padding:0px 5px 0px 14px;
}
blockquote.sky {

border-color:#6666ff;
background-color: #F0FFFF;

}

blockquote.book {

background-image: url("http://www.office-srr.com/images/blogitems/blockquote-b.gif");
background-repeat: no-repeat;

align:center;
color: #333366;
font-size: 14px;
font-weight: normal;
line-height: 140%;
text-align: left;
border-style: solid;
border-width: 0px 0px 0px 5px;
border-color:#3333FF;
padding : 10px 5px 10px 10px;
margin:  8px 10px 8px 13px;
width:600px;

-moz-border-radius: 0px; /* for Firefox */
-webkit-border-radius: 0px; /* for Chrome */
}

blockquote.question {

background-image: url("http://www.office-srr.com/images/blogitems/blockquote-q.gif");
background-repeat: no-repeat;

align:center;
color: #336666;
font-size: 14px;
font-weight: normal;
line-height: 140%;
text-align: left;
border-style: solid;
border-width: 0px 0px 0px 5px;
border-color:#33FFFF;
padding : 10px 5px 10px 10px;
margin:  8px 10px 8px 13px;
width:600px;

-moz-border-radius: 0px; /* for Firefox */
-webkit-border-radius: 0px; /* for Chrome */
}

blockquote.detail {

align:center;
color: #333333;
font-size: 12px;
font-weight: normal;
line-height: 150%;
text-align: left;
border-style: solid;
border-width: 0px 0px 0px 5px;
border-color:#999999;
padding : 5px 5px 5px 5px;
margin:  8px 30px 8px 23px;
width:570px;

-moz-border-radius: 0px; /* for Firefox */
-webkit-border-radius: 0px; /* for Chrome */
}

ul {
padding: 0px;
margin: 5px 5px 5px 10px;
}

li {
background-image: url("http://www.office-srr.com/img2011/p_li.png");
background-repeat: no-repeat;
background-position: top left;
color: #333333;
font-size: 14px;
text-align: left;
line-height: 140%;
list-style-type: none;
padding:0px 0px 3px 15px;
margin:3px 5px 0px 10px;
list-style-position: outside;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#container {
background-position: center;
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 900px;
background-color: #FFFFFF;
}

/*バナー*/
#banner {
text-align: left;
width: 900px;
height:150px;
background-image : url(http://www.office-srr.com/img2011/header.gif);
background-repeat: no-repeat;
margin:0px;
padding : 0px;
}

#banner_title {
color: #FFFFFF;
text-align: left;
padding: 0px 0px 0px 0px;
margin : 0px;
height:130px;
width: 450px;
float: left;
overflow: hidden;
}

#banner_search{
font-size: 12px;
font-weight : normal;
color: #333333;
text-align: center;
line-height: 12px;
padding: 50px 0px 0px 0px;
margin : 0px;
height:80px;
width: 450px;
float: right;
overflow: hidden;
}

.search {
padding: 0px 10px 0px 0px;
}

form{
background-color: transparent;
padding: 0px;
margin:0px;
}

#banner a {
color: #FFFFFF;
text-decoration: none;
}

#banner img {
border: 0px;
}

#banner h1 {
line-height: 100%;
color:#333333;
font-size: 12px;
font-weight : normal;
padding : 30px 0px 0px 30px;
margin: 0px;
}

/* TOP MENUここから*/
#top_menu {
clear:both;
height:16px;
width: 900px;
padding:0px 0px 0px 30px;
margin:0px;
}

#top_menu img {
border: 0px;
}

/* TOP MENUここまで*/

/*センター*/

#mainbox {
background-image : url(http://www.office-srr.com/img2011/back-mid.gif);
background-repeat: repeat-y;
text-align: left;
width: 900px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

#center {
width: 680px;
float : left ;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
float : left;
}


.content {
margin : 0px;
padding: 5px 15px 10px 23px;
}

.content h2 {
background-image : url(http://www.office-srr.com/img2011/h2.gif);
background-repeat: no-repeat;
color: #000033;
font-size: 15px;
text-align: left;
font-weight: bold;
margin: 8px 0px 5px 0px;
padding: 4px 0px 10px 35px;
}

.content h3 {
background-image : url(http://www.office-srr.com/img2011/h3.gif);
background-repeat: no-repeat;
color: #000033;
font-size: 15px;
text-align: left;
font-weight: bold;
margin: 8px 0px 5px 0px;
padding: 4px 0px 10px 35px;
}


.content h4 {
color: #000033;
font-size: 15px;
text-align: left;
font-weight: bold;
border-style: solid;
border-width: 0px 0px 1px 5px;
border-color:#99CCFF;

margin: 15px 0px 15px 10px;
padding: 0px 0px 0px 10px;
}

.content p {
color: #333333;
font-size: 14px;
font-weight: normal;
line-height: 150%;
text-align: left;
margin:  0px 5px 0px 10px;
padding : 0px 0px 0px 0px;
}

.content p.voicebox {
align:center;
width:600px;
height:300px;
clear: both;
border-color:#66ffff;
background-color: #F0FFFF;
color: #333333;
font-size: 12px;
font-weight: normal;
line-height: 130%;
text-align: left;
margin:  5px 10px 0px 5px;
padding : 0px 10px 0px 0px;
overflow:scroll;
}

.content p.kome{
color: #333333;
font-size: 14px;
font-weight: normal;
line-height: 150%;
text-align: left;
text-indent: -1em;
margin:  0px 5px 0px 10px;
padding : 0px 0px 0px 1em;
}

.content p.pankuzu {
background-image : url(http://www.office-srr.com/img2011/Category.gif);
background-repeat: no-repeat;
color: #000033;
text-align: left;
margin: 5px 0px 0px 4px;
padding: 0px 0px 13px 105px;
}

.content p.entry-footer {
clear:both;
background-image : url(http://www.office-srr.com/img2011/entry-footer-line.gif);
background-repeat: no-repeat;
color: #000033;
font-size: 12px;
text-align: left;
margin: 3px 0px 10px 0px;
padding: 8px 5px 0px 10px;
}

.content p.align_center {
clear: both;
color: #333333;
font-weight: normal;
text-align: center;
}

.content p.align_right {
clear: both;
color: #333333;
font-size: 12px;
font-weight: normal;
line-height: 130%;
text-align: right;
margin:  5px 10px 0px 5px;
padding : 0px 10px 0px 0px;
}

.content p.disp_line {
cursor: hand;
text-decoration: underline;
background-image: url("http://www.office-srr.com/img2011/question-click.gif");
background-repeat: no-repeat;
background-position: top left;
color: #333333;
font-size: 14px;
text-align: left;
line-height: 150%;
list-style-type: none;
padding:0px 0px 3px 50px;
margin:3px 5px 0px 10px;
list-style-position: outside;
}

.content p.letsclick {
cursor: hand;
text-decoration: underline;
background-image: url("http://www.office-srr.com/img2011/lesson_click.png");
background-repeat: no-repeat;
background-position: top left;
color: #333333;
font-size: 14px;
text-align: left;
line-height: 150%;
list-style-type: none;
padding:0px 0px 3px 50px;
margin:3px 5px 0px 10px;
list-style-position: outside;
}

.content p.hidden {
display:none;
background-image: url("http://www.office-srr.com/img2011/answer.gif");
background-repeat: no-repeat;
background-position: top left;
font-size: 14px;
color: #663333;
text-indent: -10;
padding:0px 0px 3px 30px;
margin:3px 5px 0px 30px;
line-height: 130%;
text-align: left;
word-spacing: 0;
}

/* メニュー左右*/

#right {
width: 220px;
margin:0px;
padding: 0px;
overflow: hidden;
line-height: 100%;
float: right;
}

.sidebar {
width:190px;
margin:0px;
padding: 10px 26px 10px 4px;
}

#right .sidebar {
text-align : left ;
}

.sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.sidebar ul ul {
margin: 5px 5px 5px 0px;
}

.sidebar li {
color: #333333;
font-size: 12px;
text-align: left;
line-height: 140%;
margin: 0px 0px 4px 0px;
list-style-type: none;
padding-left:14px;
}

.sidebar p {
color: #333333;
font-size: 12px;
font-weight: normal;
line-height: 100%;
text-align: left;
margin:  0px 5px 0px 5px;
padding : 0px 10px 0px 0px;
}

.sidebar #contents{
margin:10px 0px 0px 2px;
}

.sidebar #blogs{
margin:10px 0px 0px 2px;
}

.sidebar #blogs li {
color: #333333;
background-image: url("http://www.office-srr.com/img2011/p_triangle.png");
background-repeat: no-repeat;
background-position: top left;
font-size: 12px;
text-align: left;
line-height: 140%;
list-style-type: none;
padding:0px 5px 0px 14px;
}


.sidebar #ranking{
margin:10px 0px 0px 2px;
}

.sidebar #ranking li {
color: #333333;
background-image: url("http://www.office-srr.com/img2011/p_rank.gif");
background-repeat: no-repeat;
background-position: top left;
font-size: 12px;
text-align: left;
line-height: 140%;
list-style-type: none;
padding:0px 5px 0px 8px;
}

.sidebar #entry {
margin:10px 0px 0px 2px;
}

.sidebar #entry li {
color: #333333;
font-size: 12px;
text-align: left;
text-indent: -20px;
line-height: 140%;
list-style-type: none;
padding:0px 5px 0px 18px;
}


.sidebar #entry li img {
vertical-align: -3px;
margin:0px 3px 0px 3px;
}

.sidebar #comments {
margin:10px 0px 0px 2px;
}

.sidebar #comments li {
color: #333333;
background-image: url("http://www.office-srr.com/img2011/p_li.png");
background-repeat: no-repeat;
background-position: top left;
font-size: 12px;
text-align: left;
line-height: 140%;
list-style-type: none;
padding:0px 5px 0px 14px;
}

.sidebar #news {
margin:10px 0px 0px 2px;
}

.sidebar #news li {
color: #333333;
background-image: url("http://www.office-srr.com/img2011/icon-news.gif");
background-repeat: no-repeat;
background-position: top left;
font-size: 12px;
text-align: left;
line-height: 140%;
list-style-type: none;
padding:0px 5px 0px 17px;
}

.sidebar #terada_prof{
margin:5px 0px 0px 2px;
}

.sidebar #terada_prof li {
color: #333333;
background-image: url("http://www.office-srr.com/img2011/p_triangle.png");
background-repeat: no-repeat;
background-position: top left;
font-size: 12px;
text-align: left;
line-height: 140%;
list-style-type: none;
margin:0px;
padding:0px 5px 0px 14px;
}

.rss {
font-size: 10px;
line-height: 140%;
text-align: center;
padding: 0px;
margin: 15px 0px 5px 0px;
}

#bottom{
width : 900px ;
height: 75px;
background-image: url("http://www.office-srr.com/img2011/footer.gif");
background-repeat: no-repeat;
clear: both;
text-align : center;
margin: 0px ;
clear : both ;
}
#bottom .footer{
text-align:center;
font-size: 12px;
color: #ffffff;
margin:0px;
padding:4px 0px 0px 0px;
}​


#bottom .footer a {
text-decoration: none;
color: #ffffff;
}

#bottom .footer a:link {
text-decoration: none;
color: #ffffff;
}

#bottom .footer a:hover {
text-decoration: underline;
}

#bottom .footer a:visited {
color: #99ffff;
}