/*----------------------------------------
Layout
----------------------------------------*/
html, body {
margin:0;
padding:0;
height:100%;
}
body {
background:#ffffff url("http://image-branding.co.jp/blog/images/bg.jpg") top center repeat-x;
font-size:12px; 
line-height:100%;
color:#666666;
font-family:'ＭＳ ゴシック',Osaka,sans-serif;
}

a:link,
a:visited {color:#006699; text-decoration:none;}
a:hover,
a:active {color:#006699; text-decoration:underline;}

.asset-footer a:link,
.asset-footer a:visited {color:#666666; text-decoration:none;}
.asset-footer a:hover,
.asset-footer a:active {color:#666666; text-decoration:underline;}

#container {
width:800px;
margin:0 auto -35px auto;
background:#ffffff;
min-height:100%;
height:auto !important;
height:100%;
}
#container-inner {}
#push {
clear:both;
height:35px; 
}

/*----------------------------------------
Decoration
----------------------------------------*/
h1, h2, h3, h4 {
margin:0;
padding:0;
font-weight:normal;
}
em {font-style:normal;}
strong {font-weight:bold;}
img {border:0;}

/*----------------------------------------
Header
----------------------------------------*/
#header {
text-indent:-9999em;
margin:0 0 22px 0;
}
#header-name {
background:url("http://image-branding.co.jp/blog/images/header.gif") top left no-repeat;
height:90px;
}

/*----------------------------------------
Alpha
----------------------------------------*/
#alpha {
position:relative;
overflow:hidden;
left:215px;
width:570px;
float:left;
}
.content-nav {
text-align:center;
margin:0 0 10px 0;
}
.archive-title,
.system-title {
font-size:13px; 
line-height:120%;
font-weight:bold;
color:#333333;
margin:0 0 10px 0;
}
.entry-asset {
width:564px;
border:1px solid #e1e1e1;
padding:2px;
margin:0 0 30px 0;
}
.entry-asset-innder {
background:url("http://image-branding.co.jp/blog/images/asset-bg.gif") top center repeat-x;
}
.asset-header {
padding:0 0 20px 0;
border-bottom:1px solid #00b2d5;
}
.asset-meta {
margin:8px 0 10px 0;
}
.asset-tag {color:#ff9900;}
.asset-name {
font-size:16px; 
line-height:150%;
font-weight:bold;
color:#006699;
padding:14px 0 0 32px;
margin:0 0 0 22px;
border-left:12px solid #00b2d5;
text-indent:-12px;
}
.asset-content {
width:480px;
margin:0 auto;
line-height:200%;
}
.asset-footer {
padding:12px 42px;
border-top:1px solid #e1e1e1;
}
.content-pages {
text-align:right;
margin:0 0 12px 0;
}
/*---------------------Trackback-------------------*/
.trackbacks {
width:480px;
margin:0 auto 20px auto;
}
.trackbacks-header {
font-size:12px; 
line-height:150%;
font-weight:bold;
margin:0 0 5px 0;
}
.trackbacks-info {
font-size:11px; 
line-height:120%;
border:1px dotted #e1e1e1;
padding:5px;
}
.trackbacks-content {
padding:0 0 6px 0;
}
.trackback {
padding:6px 0 0 0;
border-bottom:1px dotted #e1e1e1;
}
/*---------------------Comments-------------------*/
.comments {
width:480px;
margin:0 auto 20px auto;
}
.comments-header {
font-size:12px; 
line-height:150%;
font-weight:bold;
margin:0 0 5px 0;
}
.comment {
padding:6px 0 0 0;
border-bottom:1px dotted #e1e1e1;
margin:0 0 10px 0;
}
.comment-header img {border:0;}
.comment-content {
line-height:150%;
margin:0 0 6px 0;
}
.comments-open-header {
font-size:12px; 
line-height:150%;
font-weight:bold;
margin:0 0 5px 0;
}
#comment-form-name label,
#comment-form-email label,
#comment-form-url label {
position:relative;
overflow:hidden;
display:block;
width:80px;
float:left;
}
#comment-form-name input,
#comment-form-email input,
#comment-form-url input {
position:relative;
overflow:hidden;
display:block;
width:300px;
border:1px solid #cccccc;
}
#comment-form-name,
#comment-form-email,
#comment-form-url {
clear:both;
margin:0 0 6px 0;
}
#comment-form-remember-me {
margin:0 0 6px 80px;
}
#comments-open-text {
margin:0 0 6px 0;
}
#comments-open-text label {
position:relative;
overflow:hidden;
display:block;
width:80px;
float:left;
}
#comments-open-text textarea {
position:relative;
overflow:hidden;
display:block;
width:300px;
border:1px solid #cccccc;
}
#comments-open-footer {
text-align:center;
}
#comments-open-footer input {
width:80px;
}

/*----------------------------------------
Beta
----------------------------------------*/
#beta {
position:relative;
overflow:hidden;
left:-570px;
width:200px;
float:left;
font-family:Verdana,Helvetica,'ＭＳ ゴシック',Osaka;
}
.widget {padding:0 0 14px 0;}
h3.widget-header {
height:20px;
text-indent:-9999em;
margin:0 0 12px 0;
}
.widget-calendar h3.widget-header {
background:url("http://image-branding.co.jp/blog/images/widget-header_calendar.gif") top left no-repeat;
}
.widget-calendar table {
border:0;
margin:0;
padding:0;
width:200px;
}
.widget-calendar table th {
font-size:90%;
width:14%;
font-weight:normal; 
text-align:center;
}
.widget-calendar table td {
text-align:center;
color:#231815;
height:16px;
padding:2px 0;
}
.widget-calendar table td a:link,
.widget-calendar table td a:visited  {
padding:0 3px;
color:#231815; 
border-bottom:2px solid #00b2d5;
text-decoration:none;
}
.widget-calendar table td a:hover,
.widget-calendar table td a:active  {
padding:0 3px;
color:#231815; 
background:#a7d9e0;
border-bottom:2px solid #00b2d5;
text-decoration:none;
}
.widget-calendar table .week-sunday {color:#c03433;}
.widget-calendar table .week-saturday {color:#00b2d5;}
.widget-calendar table tr.day-color td:first-child {color:#c03433;}
.widget-recent h3.widget-header {
background:url("http://image-branding.co.jp/blog/images/widget-header_recent.gif") top left no-repeat;
}
.widget-categories h3.widget-header {
background:url("http://image-branding.co.jp/blog/images/widget-header_category.gif") top left no-repeat;
}
.widget-comments h3.widget-header {
background:url("http://image-branding.co.jp/blog/images/widget-header_comment.gif") top left no-repeat;
}
.widget-archives h3.widget-header {
background:url("http://image-branding.co.jp/blog/images/widget-header_archive.gif") top left no-repeat;
}
ul.widget-list {
width:190px;
margin:0 0 0 10px;
padding:0;
list-style-type:none;
line-height:140%;
}
.widget-recent .widget-list-item {
padding:0 0 3px 16px;
background:url("http://image-branding.co.jp/blog/images/list-icn01.gif") top left no-repeat;
}
.widget-categories .widget-list-item,
.widget-comments .widget-list-item,
.widget-archives .widget-list-item {
padding:0 0 3px 16px;
background:url("http://image-branding.co.jp/blog/images/list-icn02.gif") top left no-repeat;
}
.banner-area {
width:188px;
width:188px;
margin:0 0 20px 10px;
}

/*----------------------------------------
Footer
----------------------------------------*/
#footer {
width:800px;
height:35px;
margin:0 auto;
}
#footer-inner {
border-top:5px solid #00b2d5;
padding:8px 10px 0 0;
text-align:right;
}