@import url(http://vivid-style.com/webapps/mt-static/themes-base/blog.css);
@import url(http://vivid-style.com/webapps/mt-static/addons/Commercial.pack/themes/professional-black/screen.css);

/* Wide-0-0 */

.layout-wnn #alpha {
    width: 940px;
}


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

a:link {
	color: #00b;
	font-weight: bold;
	text-decoration: none;
        border-bottom: 0px #fff dotted;
}

a:visited {
	color: #007;
	font-weight: bold;
	text-decoration: none;
        border-bottom: 0px #fff dotted;
}

a:hover {
    color: #000;
    background: #fff;
    text-decoration: none !important;
    border-bottom: 2px #f00 dotted !important;
}

/* Navigation ----------------------------------------------------------------- */

#main-navigation {
    background: #fff;
    font-size: 9px;  
    color: #555;
    border-bottom:  #fff;
    margin-top: 3px;
    margin-left: 20px;
}

#main-navigation ul {
    padding-top: 0px;
    text-align: left;
}

#main-navigation ul li {
    padding-top: 0px;
}
#main-navigation ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 0px 8px 0px 8px;
    border-left: 1px solid #777;
    border-bottom: 2px #fff dotted;
}

#main-navigation ul li a:hover {
    color: #000;
    background: #fff;
    text-decoration: none;
}

#main-navigation ul li.on a {
    color: #000;
    background: #e0e0e0;
    border-bottom: 2px #e0e0e0 dotted;
}

#main-navigation ul li.last {
    border-right: 1px solid #777;
}

/* Header ----------------------------------------------------------------- */

#header {
    background: #fff;
}

#header-content {
    width: 842px; 
    margin: 30px 20px 10px 20px;
}

#header-inner {
    background: #fff  url(/~vivid-style-com/webapps/blog/img/header_bg01.jpg) no-repeat;
    position: relative;
    left:17px;
    margin-top: 18px;
}


#header-description {
    margin-top: 80px;
    margin-left: 5px;
    margin-bottom: 0px;
    color: #000;
    font-size: 10px;
}

/* Base Theme ============================================================= */

.widget-tag-cloud .rank-1  { font-size: 1.45em; }
.widget-tag-cloud .rank-2  { font-size: 1.35em; }
.widget-tag-cloud .rank-3  { font-size: 1.325em; }
.widget-tag-cloud .rank-4  { font-size: 1.2em; }
.widget-tag-cloud .rank-5  { font-size: 1.075em; }
.widget-tag-cloud .rank-6  { font-size: 0.95em; }
.widget-tag-cloud .rank-7  { font-size: 0.825em; }
.widget-tag-cloud .rank-8  { font-size: 0.7em; }
.widget-tag-cloud .rank-9  { font-size: 0.65em; }
.widget-tag-cloud .rank-10 { font-size: 0.6em; }

/* Assets */

.asset-body,
.asset-more {
    padding: 0px 20px 0px 20px;
}



.asset-more-link {
    font-size: 10px;
    padding: 0px 20px 0px 25px;
}


.content-nav {
    font-size: 10px;
    text-align: left;
}


/* Global */


/* Header */

#header a:hover {
    text-decoration: none;
}

/* Content */


.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    margin: 5px 20px;
}

/* Layout ----------------------------------------------------------------- */

/* Sign In ---------------------------------------------------------------- */

#header .widget-sign-in {

    color: #000;
    font-size: 9px;
}

#header .widget-sign-in .widget-content {
    background-color: #fff;
}

#header .widget-sign-in a {
    color: #00b;
    text-decoration: none !important;
}

#header .widget-sign-in a:hover {
    color: #000;
}





/* Search ---------------------------------------------------------------- */

.widget-search {
    float: left;
    width: 300px;
    position: absolute;
    top: 2px;
    left: 0;
    text-align: left;
}


/* Content ---------------------------------------------------------------- */

.asset-header a {
	color: #000;
}

.asset-header a:link {
	color: #000;
}

.asset-header a:visited {
	color: #000;
}


.asset-footer {
    font-size: 10px;
    border-top: 1px solid #999;
    padding-top: 15px;
}


.entry-tags,
.entry-categories {
    font-size: 10px;
    padding: 10px 0px 0px 10px;
    margin-bottom: .5em;
}

.entry-asset .asset-name {
    font-size: 15px;
    line-height: 1.8;
    background-color: #f0f0f0;
    font-family: verdana;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

.entry-asset .asset-meta {
    color: #000;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    font-size: 10px;
    padding: 5px 0px 5px 25px;
    margin-top: -13px;
    margin-bottom: 18px;
    font-family: verdana;
}

.asset-content .entry-content {
    font-size: 12px;
    color: #000;
}

h1#page-title {
    font-size: 15px;
    line-height: 1.8;
    background-color: #f0f0f0;
    font-family: verdana;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

.mt-main-index h1#page-title {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 12px;
}

.mt-main-index h1#page-title a:link {
    border-color: #f0f0f0;
}

.mt-main-index h1#page-title a:visited {
    border-color: #f0f0f0;
}


.mt-main-index #alpha {
    font-size: 12px;
}

#homepage-image {
    width: 0px;
    height: 0px;
    background: 0;
    margin: 0 0;
}

#main-page { /* 親ボックス */
width: 940px;
height: 600px;
background-color: #fff;
position: absolute;
    font-family: verdana;
    font-size: 10px;
}

#main-boxC { /* ボックスセンター */

width: 640px;
height: 95px;
background-color: #fff;
position: absolute;
top: 640px;
left: 150px;
    font-family: verdana;
    font-size: 10px;
}

#main-boxP1 { /* ワカメの種プロジェクト */
width: 250px;
height: 106px;
background-color: #ffffff;
position: absolute;
top: 124px;
left: 165px;
}



#main-boxPa { /* 写真1 */
width: 100px;
height: 100px;
background-color: #f9f9f9;
position: absolute;
top: 280px;
left: 165px;
}

#main-boxPb { /* 写真2 */
width: 100px;
height: 100px;
background-color: #f9f9f9;
position: absolute;
top: 280px;
left: 315px;
}

#main-boxPc { /* 写真3 */
width: 100px;
height: 100px;
background-color: #f9f9f9;
position: absolute;
top: 280px;
left: 465px;
}


#main-boxPd { /* 写真4 */
width: 100px;
height: 100px;
background-color: #f9f9f9;
position: absolute;
top: 280px;
left: 615px;
}

#main-page-works { /* works親ボックス */
width: 940px;
height: 720px;
background-color: #fff;
position: absolute;
    font-family: verdana;
    font-size: 10px;
}

#wp1-1 { /* webpage1-1 */
width: 100px;
height: 100px;
background-color: rgb(238, 238, 238);
position: absolute;
top: 60px;
left: 60px;
    font-family: verdana;
    font-size: 10px;
}

#wp1-2 { /* webpage1-2 */
width: 100px;
height: 100px;
position: absolute;
top: 60px;
left: 180px;
}

#wp1-3 { /* webpage1-3 */
width: 100px;
height: 100px;
position: absolute;
top: 60px;
left: 300px;
}

#wp1-4 { /* webpage1-4 */
width: 100px;
height: 100px;
position: absolute;
top: 60px;
left: 420px;
}

#wp1-5 { /* webpage1-5 */
width: 100px;
height: 100px;
position: absolute;
top: 60px;
left: 540px;
}

#wp1-6 { /* webpage1-6 */
width: 100px;
height: 100px;
position: absolute;
top: 60px;
left: 660px;
}

#wp1-7 { /* webpage1-7 */
width: 100px;
height: 100px;
position: absolute;
top: 60px;
left: 780px;
}

#wp2-1 { /* webpage2-1 */
width: 100px;
height: 100px;
position: absolute;
top: 180px;
left: 60px;
}

#wp2-2 { /* webpage2-2 */
width: 100px;
height: 100px;
position: absolute;
top: 180px;
left: 180px;
}

#wp2-3 { /* webpage2-3 */
width: 100px;
height: 100px;
position: absolute;
top: 180px;
left: 300px;
}

#wp2-4 { /* webpage2-4 */
width: 100px;
height: 100px;
position: absolute;
top: 180px;
left: 420px;
}

#wp2-5 { /* webpage2-5 */
width: 100px;
height: 100px;
position: absolute;
top: 180px;
left: 540px;
}

#wp2-6 { /* webpage2-6 */
width: 100px;
height: 100px;
position: absolute;
top: 180px;
left: 660px;
}

#wp2-7 { /* webpage2-7 */
width: 100px;
height: 100px;
position: absolute;
top: 180px;
left: 780px;
}

#wp3-1 { /* webpage3-1 */
width: 100px;
height: 100px;
position: absolute;
top: 300px;
left: 60px;
}

#wp3-2 { /* webpage3-2 */
width: 100px;
height: 100px;
position: absolute;
top: 300px;
left: 180px;
}

#wp3-3 { /* webpage3-3 */
width: 100px;
height: 100px;
position: absolute;
top: 300px;
left: 300px;
}

#wp3-4 { /* webpage3-4 */
width: 100px;
height: 100px;
position: absolute;
top: 300px;
left: 420px;
}

#wp3-5 { /* webpage3-5 */
width: 100px;
height: 100px;
position: absolute;
top: 300px;
left: 540px;
}

#wp3-6 { /* webpage3-6 */
width: 100px;
height: 100px;
position: absolute;
top: 300px;
left: 660px;
}

#wp3-7 { /* webpage3-7 */
width: 100px;
height: 100px;
position: absolute;
top: 300px;
left: 780px;
}

#wp4-1 { /* webpage4-1 */
width: 100px;
height: 100px;
position: absolute;
top: 420px;
left: 60px;
}

#wp4-2 { /* webpage4-2 */
width: 100px;
height: 100px;
position: absolute;
top: 420px;
left: 180px;
}

#wp4-3 { /* webpage4-3 */
width: 100px;
height: 100px;
position: absolute;
top: 420px;
left: 300px;
}

#wp4-4 { /* webpage4-4 */
width: 100px;
height: 100px;
position: absolute;
top: 420px;
left: 420px;
}

#wp4-5 { /* webpage4-5 */
width: 100px;
height: 100px;
position: absolute;
top: 420px;
left: 540px;
}

#wp4-6 { /* webpage4-6 */
width: 100px;
height: 100px;
position: absolute;
top: 420px;
left: 660px;
}

#wp4-7 { /* webpage4-7 */
width: 100px;
height: 100px;
position: absolute;
top: 420px;
left: 780px;
}

#wp5-1 { /* webpage5-1 */
width: 100px;
height: 100px;
position: absolute;
top: 540px;
left: 60px;
}

#wp5-2 { /* webpage5-2 */
width: 100px;
height: 100px;
position: absolute;
top: 540px;
left: 180px;
}

#wp5-3 { /* webpage5-3 */
width: 100px;
height: 100px;
position: absolute;
top: 540px;
left: 300px;
}

#wp5-4 { /* webpage5-4 */
width: 100px;
height: 100px;
position: absolute;
top: 540px;
left: 420px;
}

#wp5-5 { /* webpage5-5 */
width: 100px;
height: 100px;
position: absolute;
top: 540px;
left: 540px;
}

#wp5-6 { /* webpage5-6 */
width: 100px;
height: 100px;
position: absolute;
top: 540px;
left: 660px;
}

#wp5-7 { /* webpage5-7 */
width: 100px;
height: 100px;
position: absolute;
top: 540px;
left: 780px;
}



#alpha .comments .even,
#alpha .comments .odd {
    font-size: 10px;
    line-height: 1.5;
    background-color: #f9f9f9;
    padding: 0px 25px 0px 25px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.comment {
    background: #fff;
    padding: 10px 0px;
    width: 549px;
    margin-bottom: 10px;
}

.comments  {
    font-size: 10px;
}

h2.comments-header,
h2.comments-open-header,
h2.trackbacks-header {
    height: 20px;
    background: 0;
    background-color: #f0f0f0;
    font-size: 10px;
    color: #000;
    font-weight: none;
    padding: 0 4px 0 5px;
    line-height: 20px;
    font-family: verdana;
    margin-bottom: 10px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

h1#page-title.search-results-header {
    font-size: 15px;
    line-height: 1.8;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    margin-bottom: 10px;
}

.widget-recent-comments ul {
    font-size: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-recent-comments ul li {
    font-size: 10px;
    padding: 0;
    margin: 0 0 8px 0;
    background: 0;
}

.widget-recent-entries dl {
    font-size: 10px;
    padding: 0;
}

.widget-recent-entries dl dt {
    font-size: 10px;
    padding: 0 0 5px 0px;
}

.widget-recent-entries dl dd {
    font-size: 10px;
    margin-bottom: 0px;
}

.widget-recent-entries dl dd.entry-meta {
    font-size: 9px;
    margin: 0 0 0 0;
    color: #000;

}

.comment-content {
    font-size: 12px;
}

.comment-header {
    font-size: 10px;
    color: #000;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: normal;
}


/* Forms ---------------------------------------------------------------- */

/* Widget ----------------------------------------------------------------- */

.widget-header {
    height: 20px;
    margin-bottom: 1px;
    background: 0;
    background-color: #f0f0f0;
    font-size: 10px;
    color: #000;
    font-weight: bold;
    border: none;
    padding: 0 6px 0 10px;
    line-height: 20px;
    font-family: verdana;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

.widget-content {
    font-size: 10px;
    padding: 5px 18px 5px 18px;
    line-height: 14px;
    font-family: verdana;
}

.widget-content {
    margin: 4px 0 0 10px ;
}

.widget-header a {
    color: #000;
    font-weight: none;
    font-size: 10px;
    font-family: verdana;
}

.widget-header a:hover {
    color: #000;
    font-weight: none;
    font-size: 10px;
    font-family: verdana;
    text-decoration: none;
}



.layout-wm .widget-header {
    background-image: none;
}

.layout-wm {
    font-family: verdana;
}


.widget-header a {
    color: #555;
    font-weight: normal;
}

.widget-header a:hover {
    text-decoration: none;
}


/* Footer Widgets */

#footer .widget-footer-links {
    width: 100%;
}

#footer .widget-powered .widget-content span a {
    height: 0px;
    width: 0px;
    background: 0;
}

/* Footer ----------------------------------------------------------------- */

#footer { 
    background: #fff;
    font-family: verdana;
    margin-left: 0px;
}

#footer a {
    color: #000;
    padding: 0px 8px;
    border-left: 1px solid #777;
    font-size: 9px;
    font-weight: normal;
    border-bottom: 2px #fff dotted;
}

#footer a:hover {
    color: #000;
    background: #fbf;
    font-size: 9px;
    border-bottom: 2px #ff0000 dotted !important;

}

#footer-content {
    margin: 20px 15px 20px 0px;
}