@charset "utf-8";
/* CSS Document */

/* import 
----------------------------------*/

@import url(base.css);

/* widget
----------------------------------*/

.widget{
color: #fff;
}

.widget a{
color: #fff;
text-decoration: none;
}

.widget a:hover{
color: #7ecef4;
text-decoration: underline;
}

.widget .widget-header{
width: 160px;
line-height: 31px;
font-size: 120%;
font-weight: bold;
padding-left: 30px;
background: url(/mt/images/design/widget-header_icon.gif) 9px 6px no-repeat #222;
color: #fff;
}

.widget .widget-content{
width:170px;
background-color: #303030;
border: 1px solid #646464;
margin-bottom: 20px;
padding: 14px 9px;
font-size: 120%;
}

.widget-archive-category .widget-content{
color: #666;
}

.widget .widget-content input{
margin-bottom: 5px;
}

.widget .widget-content ul li{
padding: 3px 0 3px 15px;
background: url(/mt/images/design/beta_list-square.gif) left 6px no-repeat #303030;
}

.widget .widget-content ul li ul{
margin-top: 2px;
}

.widget-toplinks ul li{
display: inline;
background: none !important;
padding-left: 0 !important;
}

.widget-toplinks .widget-content{
width:180px;
padding: 14px 9px;
}

.widget-toplinks .widget-content dl dt{
width: 145px;
padding:0 15px;
margin-bottom: 5px;
background: url(/mt/images/design/beta_list-square.gif) left 3px no-repeat #303030;
}

.widget-toplinks .widget-content dl dd{
width: 145px;
padding-left:15px;
margin-bottom: 10px;
}

.widget-toplinks .widget-content ul li{
padding-left:15px;
margin-bottom: 10px;
}

#gamma .widget-powered .widget-content{
width: 120px;
padding: 10px;
background-image: none;
background-color:#fff;
margin: 10px auto;
}

.widget-ads .widget-content{
padding: 5px 10px;
}

.widget-tag-cloud .widget-content ul{
margin-right: 0;
margin-left: 0;
}

.widget-tag-cloud .widget-content li{
display: inline;
margin: 0 5px 0 0;
padding: 0 !important;
line-height: 1.2;
background: none !important;
}

.widget-tag-cloud .rank-1{font-size: 1.75em;}
.widget-tag-cloud .rank-2{font-size: 1.75em;}
.widget-tag-cloud .rank-3{font-size: 1.625em;}
.widget-tag-cloud .rank-4{font-size: 1.5em;}
.widget-tag-cloud .rank-5{font-size: 1.375em;}
.widget-tag-cloud .rank-6{font-size: 1.25em;}
.widget-tag-cloud .rank-7{font-size: 1.125em;}
.widget-tag-cloud .rank-8{font-size: 1em;}
.widget-tag-cloud .rank-9{font-size: 0.95em;}
.widget-tag-cloud .rank-10{ font-size: 0.9em;}
.widget-tag-cloud .rank-1 a{color: #00b7ee;font-weight:bold;}
.widget-tag-cloud .rank-2 a{color: #00b7ee;font-weight:bold;}
.widget-tag-cloud .rank-3 a{color: #7ecef4;font-weight:bold;}
.widget-tag-cloud .rank-4 a{color: #7ecef4;font-weight:bold;}
.widget-tag-cloud .rank-5 a{color: #7ecef4;font-weight:bold;}
.widget-tag-cloud .rank-6 a{color: #fff;}
.widget-tag-cloud .rank-7 a{color: #fff;}
.widget-tag-cloud .rank-8 a{color: #fff;}
.widget-tag-cloud .rank-9 a{color: #aaa;}
.widget-tag-cloud .rank-10 a{color: #aaa;}

.widget-notice h4{
margin-bottom: 10px;
padding-left: 15px;
font-weight: bold;
color: #ff0;
background: url(/mt/images/design/beta_list-square.gif) left 3px no-repeat #303030;
}

.widget-notice p{
text-indent: 1em;
margin-bottom: 10px;
line-height: 1.5;
}

/* alpha asset
----------------------------------*/

#alpha .asset{
width: 490px;
padding-bottom: 4px;
margin-bottom: 20px;
background: url(/mt/images/design/entry-bottom_bg.gif) left bottom no-repeat;
color: #333;
}

.asset a{
color: #005982;
text-decoration: none;
}

.asset a:hover{
color: #00b7ee;
text-decoration: underline;
}

#alpha .asset .asset-header{
background: url(/mt/images/design/entry-top_bg.gif) left top no-repeat #fff;
width: 480px;
position: relative;
}

.asset-name{
width: 348px;
padding: 35px 65px 15px 47px;
font-size: 140%;
font-weight: bold;
margin: 0 10px;
color: #005982;
border-bottom: 1px solid #cacaca;
background: url(/mt/images/design/header-name_icon.gif) 10px 28px no-repeat;
}

.asset-header .asset-meta{
width: 50px;
height: 55px;
position: absolute;
top: 0;
right: 10px;
background: url(/mt/images/design/date_bg.gif) left top no-repeat;
text-align: center;
padding: 5px 3px 3px;
}

.asset-header .asset-meta div span{
font-size: 130%;
line-height: 15px;
color: #fff;
font-weight: bold;
}

.asset-header .asset-meta div p.date-year{
display: block;
font-size: 140%;
color: #fff;
font-weight: bold;
line-height: 30px;
}

/* alpha asset-content
----------------------------------*/

.asset-content{
width: 460px;
background-color: #fff;
padding: 15px 10px;
overflow: hidden;
}

.asset-content h2{
font-size: 120%;
font-weight: bold;
margin-bottom: 20px;
line-height: 30px;
padding-left: 15px;
color: #005982;
border-bottom: 1px solid #005982;
clear: both;
}

.asset-content h3{
font-size: 110%;
font-weight: bold;
margin-bottom: 10px;
color: #005982;
border-left: 3px solid #005982;
padding-left: 7px;
clear: both;
}

.asset-content h4{
font-weight: bold;
margin-bottom: 10px;
color: #005982;
}

.asset-content dl.list dt,
.asset-content dl.list dd{
float: left;
}

.asset-content dl.list dt{
width: 7em;
}

.asset-content dl.list dd{
width: 25em;
}

.asset-content .entry-box{
width: 400px;
margin-bottom: 30px;
padding: 0 2em;
overflow: hidden;
}

.asset-content p,
.asset-content ul{
margin-bottom: 1.5em;
}

.asset-content p{
text-indent: 1em;
}

.asset-content ul{
margin-left: 1em;
list-style: disc;
}

.asset-content ul.local-menu{
list-style: none;
}

.asset-content ul.local-menu li{
display: inline;
padding-right: 10px;
}

.asset-content ul.inline li{
display: inline !important;
list-style-type: none !important;
}

.asset-content .grey{
background-color: #666;
}


.asset-content blockquote{
padding: 0 3em;
}

.asset-content em{
color: #c00;
}

.asset-content pre{
background-color: #ddd;
color: #000;
line-height: 1.5;
padding: 1em;
font-size: 120%;
margin-bottom: 15px;
overflow: scroll;
}

.asset-content span{
padding-right: 3px;
}

.asset-content p.note{
text-indent: -0.5em;
}

.asset-content .asset-body,
.asset-content .asset-more{
padding: 0 10px;
font-size: 120%;
line-height: 1.5;
}

.asset-content .asset-more-link{
padding: 0 30px;
font-size: 120%;
line-height: 1.5;
}

.asset-content .asset-more-link,
.asset-content .asset-more{
margin-top: 20px;
}

.asset-footer{
width: 460px;
padding: 0 10px;
background-color: #fff;
}

.asset-footer .asset-meta{
text-align: right;
width: 460px;
font-size: 120%;
padding: 15px 0;
background: url(http://tyto-style.com/mt/images/design/dotted-line.gif) left top repeat-x #fff;
}

/* categories & tags
----------------------------------*/

.entry-categories,
.entry-tags{
width: 440px;
padding: 0 10px 15px;
}

.entry-categories ul li,
.entry-tags ul li{
font-size: 120%;
display: inline;
line-height: 1.5;
white-space: nowrap;
}

.entry-categories h4,
.entry-tags h4{
width: 60px;
font-size: 120%;
font-weight: bold;
line-height: 1.5;
}

.entry-categories ul,
.entry-tags ul{
width: 380px;
}

.entry-categories h4,
.entry-tags h4,
.entry-categories ul,
.entry-tags ul{
float: left;
}

/* trackbacks
----------------------------------*/

#alpha .trackbacks-info{
background-color: #303030;
border: 1px solid #646464;
margin-bottom: 10px;
padding: 14px 9px
}

#alpha .ads{
background-color: #303030;
border: 1px solid #646464;
margin-bottom: 10px;
padding: 14px 4px
}

#alpha .adsense{
margin-top: 20px;
font-size: 120%;
}

#alpha .trackbacks-info{
margin: 0 10px 10px;
}

#alpha .trackbacks-info p{
font-size: 120%;
color:#fff;
}

/* archive
----------------------------------*/

#alpha .archive-title,
#alpha .search-results-header,
#alpha .trackbacks-header,
#alpha .comments-header,
#alpha .category-list-header,
#alpha .comments-open-header,
#alpha .comment-done{
line-height: 30px;
font-size: 140%;
color: #fff;
font-weight: bold;
background: url(/mt/images/design/title-separater.gif) left bottom repeat-x #222;
margin-bottom: 20px;
}

#alpha .archive-title em{
font-weight: bold;
}

#search-results span,
.content-nav{
font-size: 120%;
color: #fff;
padding: 10px 0;
}

#search-results .asset-footer .asset-meta span{
color: #333;
}

div.notfound p{
font-size: 120%;
color: #fff;
line-height: 1.5;
margin-bottom: 10px;
}

div.notfound p code{
font-family: "ＭＳ ゴシック", "Osaka－等幅";
font-size: 100%;
margin-bottom: 20px;
}

#alpha .archive,
.trackbacks,
.comments-content,
.category-list,
.comments-open{
margin-bottom: 20px;
}

.trackbacks a,
.comments-content a,
.comments-open a,
.content-nav a,
.comment_done_msg a,
.comments-open-content a,
.category-list a,
#footer-content p a{
color: #7ecef4;
text-decoration: none;
}

.trackbacks a:hover,
.comments-content a:hover,
.comments-open a:hover,
.content-nav a:hover,
.comment_done_msg a:hover,
.comments-open-content a:hover,
category-list a:hover,
#footer-content p a:hover{
color: #00b7ee;
text-decoration: underline;
}

#alpha .archive-header{
width: 450px;
line-height: 31px;
font-size: 120%;
font-weight: bold;
padding-left: 30px;
background: url(/mt/images/design/widget-header_icon.gif) 9px 6px no-repeat #222;
color: #fff;
}

#alpha .archive-content{
font-size: 120%;
}

#alpha .archive-content ul{
background-color:#303030;
padding: 10px 10px 10px 15px;
border: 1px solid #646464;
}

#alpha .archive-content ul li ul{
padding: 0 0 0 15px;
border: none;
}

#alpha .archive-content ul li,
#alpha .category-list ul li{
padding: 5px 0 5px 15px;
background: url(/mt/images/design/beta_list-square.gif) left 8px no-repeat #303030;
}

#alpha .category-list ul li{
font-size: 120%;
padding: 5px 0 5px 15px;
background: url(/mt/images/design/beta_list-square.gif) left 8px no-repeat;
}

#alpha .archive-content ul li a{
color: #fff;
text-decoration: none;
}

#alpha .archive-content ul li a:hover{
color: #7ecef4;
text-decoration: underline;
}

/* comment
----------------------------------*/

.comment-header .asset-meta,
.trackback-header .asset-meta{
font-size: 120%;
margin: 5px 10px;
color:#fff;
}

dl.userpic{
margin: 0 10px 10px;
padding: 10px 0;
background: url(/mt/images/design/dotted-line.gif) left bottom repeat-x;
}

dl.userpic dt,
dl.userpic dd{
float: left;
}

dl.userpic dt{
width: 50px;
height: 50px;
overflow: hidden;
}

dl.userpic dd{
width: 360px;
padding: 0 20px 20px;
color:#fff;
}

.comments-open-content,
.comment_done_msg,
.comment-content,
.trackback-content{
font-size:120%;
color: #fff;
}

.trackback-content{
margin: 5px 10px 15px;
}

.comments-open-content div{
margin-bottom: 5px;
}

/* mail-form
----------------------------------*/
.comments-open-content form p{
margin-bottom: 20px;
text-align: center;
}

.comments-open-content p{
margin-bottom: 20px;
line-height: 1.5;
}

p.normal_txt{
font-size: 120%;
color: #fff;
margin-bottom: 20px;
line-height: 1.5;
}

.comments-open-content form dl{
clear: both;
border-bottom: 1px solid #444;
padding: 0 0 10px;
margin: 0 10px 20px;
}

.comments-open-content form dl dt,
.comments-open-content form dl dd{
float: left;
vertical-align: bottom;
}

.comments-open-content form dl dt{
width: 10em;
}

.comments-open-content form dl dd{
width: 20em;
}

.comments-open-content form dl dd input{
width: 200px;
}

.comments-open-content form dl dd textarea{
width: 300px;
height: 100px;
}

/* sitemap
----------------------------------*/

.sitemap ul{
list-style: none;
margin: 0;
padding: 0;
background-color: #fff;
}

.sitemap ul li{
padding: 0;
background-color: #fff;
}

.sitemap .module-content{
margin-left: 20px;
}

.sitemap .tree ul{
padding-left: 1em;
background: url(/mt/images/design/ul.gif) 2px top repeat-y;
}

.sitemap .tree li li{
padding-left: 1.5em;
background: url(/mt/images/design/li.gif) left 4px no-repeat;
}

/* link-box
----------------------------------*/

.link-box dl{
margin-bottom: 30px;
padding-bottom: 10px;
background: url(/mt/images/design/dotted-line.gif) left bottom repeat-x;
}

.link-box p{
margin-bottom: 30px;
padding-bottom: 10px;
background: url(/mt/images/design/dotted-line.gif) left bottom repeat-x;
}

.link-box dl dt{
padding-right: 10px;
padding-bottom: 10px;
float: left;
}

/* profile
----------------------------------*/

.profile dl{
margin-bottom: 20px;
}

.profile dt{
font-weight: bold;
}

/* addclips
----------------------------------*/

p.addclips{
margin-bottom: 10px;
}

/* pagetop
----------------------------------*/

.pagetop{
height: 20px;
}

.pagetop a{
display: block;
width: 47px;
height: 20px;
float: right;
}