body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    background-color: #fff;
    width: 100%;
    text-align: center;
}

img {
    border: none;
}

a {
    color: #2580a2;
}

ul { 
    list-style-image: url(../images/lambda.png);
}

/* layout */
#body {
    margin: 0 auto;
    width: 80%;    
    border: solid 1px #cccccc;
    text-align: left;
    background-color: #eee;
    -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
    -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#header {
    border-bottom: solid 1px #cccccc;
    padding: 10px;
    /* background-color: #bbb; */
}

#header h1 a {
    color: #333;
    text-decoration: none;
}

#navigation {
    float: left;
    width: 200px;
}

#navigation h3 {
    font-size: 10px;
    color: #eee; 
    background-color: #666;
    padding: 5px;
    margin-left: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#contents {
    margin-left: 230px;
    margin-right: 30px;    
}

#contents .category a {
    color: #333;
    text-decoration: none;
}

#contents .post img {
    margin:0px 5px 5px 5px;
    background:#ffffff;
    padding:8px;
    border-right:2px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

#contents .header {
    color: #eee; 
    background-color: #666;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#contents h2 {
    font-size: 14px;
}

#contents .header a {
    color: #eee; 
    background-color: #666;
}

#contents table {
/*     width: 530px; */
    font-size: 12px;
    border: 1px #D0D0D0 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#contents table th {
    padding: 5px;
    border: #D0D0D0 solid;
    border-width: 0 0 1px 1px;
/*     background: #F5F5F5; */
    background: #666;
    color: white;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
#contents table td {
    padding: 5px;
    border: 1px #D0D0D0 solid;
    border-width: 0 0 1px 1px;
/*     text-align: center; */
    white-space: nowrap;
}


#footer {
    text-align: right;
    border-top: solid 1px #cccccc;
    padding: 10px;
    /* background-color: #bbb; */
}

/* contents */

.main-contents dt {
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    margin-top: 1em;
}

.main-contents dt a {
    text-decoration: none;
    color: #666666;
}

.main-contents dd {
    border: solid 1px #cccccc;
    padding: 1em;
    margin-left: 0em;
    margin-top: 0.5em;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.main-contents pre, .main-contents code {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.main-contents .edit {
    float: right;
}

/* IEにも対応した回り込みの解除 */
.no-float {
    _overflow: visible;
    _height: 1px;
    zoom: 1;
    /*\*//*/
	   overflow: hidden;
	   /**/
    width: XXXpx;
}

.no-float:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}


.main-contents .date {
    font-size: 10px;
    margin-top: 5px;
    padding: 2px;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* edit form */
.edit-form {
    margin:0;
    padding:0;
}

.edit-form textarea {
    width: 80%;
    height: 200px;
    scroll: auto;
}

form ul{
    margin:0;
    padding:0;
    list-style-type:none;
    width:100%;
}
form li{
    display:block;
    margin:0;
    padding:6px 5px 9px 9px;
    clear:both;
}
form li:after, form li div:after{
    content:"."; 
    display:block;
    height:0; 
    clear:both; 
    visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
    margin:0 .3em 0 0;
    padding:0;
    color:#444;
}
form li span{
    float:left;
}
form li.time select.select{
    margin-left:5px;
}
form li div label, form li span label{
    margin:0;
    padding-top:6px;
    clear:both;
    font-size:85%;
    line-height:100%;
    color:#444;
    display:block;
}
form li div span label{
    padding-bottom:12px;
}
label.desc{
    font-size:95%;
    font-weight:bold;
    color:#222;
    line-height:150%;
    margin:0;
    padding:0 0 3px 0;
    border:none;
    display:block;
}

input.text, input.search, input.file, textarea.textarea, select.select{
    font-size:100%;
    color:#333;
    margin:0;
    padding:2px 0;
}
input.text, input.search, textarea.textarea{
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(../images/form/fieldbg.gif) repeat-x top;
}
select.select{
    padding:1px 0 0 0;
}
* html select.select{
    margin:1px 0;
}
*+html select.select{
    margin:1px 0;
    border:1px solid red;
}
input.medium, select.medium{
    width:50%;
    min-width:50%;
}
input.large, select.large, textarea.textarea{
    width:100%;
    min-width:100%;
}
select.ieSelectFix{ /* IE8 */
    width:auto\9;
}
* html select.ieSelectFix{ /* IE6 Only */
    width:100%;
}
*+html select.ieSelectFix{ /* IE7 Only */
    width:100%;
}

form span.req{
    display:inline;
    float:none;
    color:red !important;
    font-weight:bold;
    margin:0;
    padding:0;
}

form li.focused{
    background-color:#fff7c0;
    -webkit-box-shadow:rgba(0,0,0,.15) 1px 1px 2px;
    -moz-box-shadow:rgba(0,0,0,.15) 1px 1px 2px;
}
form li.focused{
    position:relative; /* Makes Instructs z-index stay on top in IE. */
}

form li.buttons{
    position:relative;
    clear:both;
    padding-top:10px;
    width:97% !important;
}
form li.buttons input{
    font-size:100%;
    margin-right: 5px;
}
input.button-text{
    padding:0 7px;
    width:auto;
    overflow:visible;
}

/* paging */
.pages {
    text-align: center;
}
.pages li {
    display: inline;
}
.pages li strong {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 7px 4px;
    background: #EEE;
    border: 1px #CCC solid;
}
.pages li a {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 7px 4px;
    border: 1px #CCC solid;
    background: #FFF;
    text-decoration: none;
}
.pages li a:hover {
    border: 1px solid #2D88B3;
    background: #2D88B3;
    color: #FFF;
}