/*

designer: Keijiro
designer_url: http://www.ftmkeijiro.com/

*/

/* Base Theme 

============================================================= */

/* Reset ------------------------------------------------------------------ */


:link,:visited {
    text-decoration: none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: underline;
    outline: none;
}
hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #000;
}
a img,:link img,:visited img {
border:0;
}

#amazon img {
 padding:5px; background:#003366; 
}

address {
    font-style: normal;
    display: inline;
}


/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac ＼*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }



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

body {
    text-align: center;
    font-size: 13px;
}

#container-inner {
    width: 940px;
    min-height: 100%;
    margin: 0 auto;
    text-align: left;
}

#header, #content, #alpha, #beta, #gamma, #footer {
    position: relative;
}

#alpha, #beta, #gamma {
    display: inline;
    float: left;
}

#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    position: static;
}

#header-inner, #content-inner, #footer-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

#header-inner, #footer-inner,
#alpha-inner, #gamma-inner {
    overflow: hidden;
    padding-right: 20px;
    padding-left: 20px;
}



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

a:link, a:visited {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

blockquote, ol, ul {
    margin-left: 30px;
    background-repeat: repeat-y;
}

ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }


/* Header */

#header-name {
    margin-bottom: .25em;
}

#header-description {
    margin-bottom: 0;
}


/* Assets */

.asset-body,
.asset-more,
.asset-more-link,
.asset-excerpt,
.comment-content,
.comment-footer,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.trackbacks-info,
.trackback-content,
.trackback-footer,
.archive-content {
    clear: both;
}

.asset,
.comments,
.trackbacks,
.archive {
    overflow: hidden;
    width: 100%;
}

.asset,
.asset-content,
.comments,
.trackbacks,
.archive {
    position: static;
    clear: both;
}

.asset,
.comments,
.comments-content,
.trackbacks,
.archive,
.search-form {
    margin-bottom: 1.5em;
}

.asset-header,
.asset-content,
.asset-body,
.comments-header,
.comment-content,
.comment-footer,
.comments-open-header,
.comments-open-content,
#comments-open-footer,
.comments-closed,
#comment-form-external-auth,
#comment-greeting,
.comments-open-moderated,
#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me,
#comment-form-reply,
#comments-open-text,
.trackbacks-header,
.trackbacks-info,
.trackback-content,
.trackback-footer,
.archive-content,
.search-form-header,
.search-results-header {
    margin-bottom: .75em;
}

#comment-form-remember-me label,
#comment-form-reply label {
    display: inline;
}

.entry-categories,
.entry-tags {
    margin-bottom: .5em;
}

.asset-name {
    margin-bottom: .25em;
}

.asset-footer,
.asset-meta {
    font-size: 11px;
}

.asset-meta {
    margin-top: .25em;
    padding-top: 2px;
    padding-bottom: .3em;
    font-weight: normal;
}

.asset-footer {
    clear: both;
    margin-top: 1.5em;
    padding-top: .5em;
}

.content-nav {
    text-align: center;
}

.entry-tags h4,
.entry-categories h4 {
    margin-bottom: 0;
    margin-right: .25em;
    display: inline;
    font-weight: bold;
}

.entry-tags ul,
.entry-categories ul {
    display: inline;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.entry-tags ul li,
.entry-categories ul li {
    display: inline;
}

.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}

.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}


/* User pics */


.user-pic {
    float: left;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.auth-icon {
    position: absolute;
    bottom: 0;
    left: 0;
}


/* Feedback */

.comments-open label {
    display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 80%;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

#comment-submit {
    font-weight: bold;
}

.comment,
.trackback {
    margin-bottom: .5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
}

.comment .asset-meta,
.trackback .asset-meta {
    border: 0;
}

.comment-content {
    clear: none;
    line-height: 1.5;
    margin-bottom: 1em;
}

.comment-content p {
    margin-bottom: .5em;
}

/* Widgets */

.widget {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.widget-content {
    position: relative;
    margin: 5px 0 20px;
}

.archive-content ul,
.widget-content ul {
    margin: 0;
    padding: 0;
    list-style: url(img/list.png);
}

.widget-content ul {
    margin-left: 15px;
    font-size: 12px;
}

.widget-content li {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: #ededed dotted 1px;
}

.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;
    line-height: 1.2;
    background: none;
}

.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; }

#footer .widget-content {
    margin-top: 0;
    margin-bottom: 0;
}

.widget-recent-assets .widget-content ul {
    overflow: auto;
    margin-right: 0;
}

.item {
    display: inline;
    float: left;
    margin: 0pt 5px 8px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 70px;
}

.widget-search ul,
.widget-syndication ul {
    margin-left: 0;
    list-style: none;
}

.widget-search li,
.widget-syndication li  {
    margin: 5px 0;
}

.widget-openid {
    width: 160px;
    margin: 10px auto;
    border: none !important;
}
.widget-openid .widget-content {
    border: 1px solid #ccc;
    background: #fff url(../images/openid-accepted.gif) no-repeat 7px 3px;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    color: #666;
    margin: 0;
    padding: 0 !important;
}
.widget-openid .widget-content em {
    display: block;
    font-style: normal;
    padding: 34px 9px 9px 68px;
}
.widget-openid .widget-content strong {
    left: -9999px;
    position: absolute;
}
.widget-openid .widget-content a {
    display: block;
    background: #eee;
    text-align: center;
    padding: 5px 3px;
    color: #666;
    text-decoration: underline;
    font-weight: normal;
}

.input-default {
    background-color: #9AAEC2;
}

.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(../images/indicator-login.gif) no-repeat 0 0;
    padding: 2px 7px;
}

@media print {
    * {
        position: static ! important;
        overflow: visible ! important;
    }
}



/* ◆◆Thin-Midium-Midium◆◆*/

#alpha {
    left: 190px;
    width: 470px;;
}

#beta {
    left: -470px;
    width: 190px;
}

#gamma {
    width: 280px;
}



/* Global ---------------------------------------------------------------- */

body {
    font-family: helvetica, arial;  
    color: #112233;  /* テキスト色 */
    background: #336699 url(img/bg.gif) no-repeat center top; /* 背景の色 */
}

a {
    color: #336699;  /* リンクテキスト色 */
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
    color: #f7941d;   /* リンクテキストmouseover色 */
}


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

#header { 
    width: 940px;  /* ヘッダの幅 */
    margin: 0 auto;/* ヘッダの幅指定するなら必要 */
*/
}

#header-inner {
    position: relative;
    background:url(img/header.gif) no-repeat;/* ヘッダの画像 */
	height: 145px;
}

#header-name {
    height: 80px;
    width: 125px;
    margin-bottom: 0;
    color: #fff;  /* ブログのタイトル */
    font-size: 25px;
    margin-bottom: 5px;
    display: block;
}

#header-name h1{	
    background:url(img/logo.gif) no-repeat;
    height: 136px;
    width: 234px;
   margin: 0;
}

#header-name h1 a:link,#header h1 a:visited{
	display:block;
	text-decoration:none;
	text-indent:-4999px;
	outline:none;
    height: 136px;
    width: 234px;
}

#header-name h2{	
    color: #b2d1e7;  /* ブログの概要 */
    font-size: 13px;
    margin-bottom: 10px;
    position: absolute; /* サインインの絶対配置 */
    top: 20px;
    left: 190px;
    width: 400px;
}


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

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

#header-content {
    width: 842px;   /* ヘッダの内容が有効な幅 */
    margin: 0px 15px 35px 0px;
    background: ;
    height: 110px;
}

#header-description {
    color: #b2d1e7;  /* ブログの概要 */
    font-size: 12px;
    line-height: 1.5em;
    position: absolute; /* サインインの絶対配置 */
    top: 40px;
    left: 190px;
    width: 450px;
}


#header .widget-sign-in .widget-content {
    background-color: ＃336699;   /* sign in の背景色 */
}


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

.asset-breadcrumb {
    margin: 0 0 15px 0;  /* パンくずリスト */
    font-size: 10px;
    color: #336699;
}

.asset-name a {
    text-decoration: none; /* エントリータイトルリンク色 */
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    margin: 5px 0;
}

.asset-more-link {
    font-weight: normal;
    font-color: orange;
}

.asset-more-link a {
    color: #f7941d; 
}


.asset-footer a,
.comment-footer a {
    font-weight: normal;
}

.content-nav {
    margin: 5px 0 10px;
}

.archive-title {
    margin: 5px 0 30px;
    font-size: 26px;
    font-weight: bold;
}



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


#container{
    margin: 0 auto;
    width: 100%;
    height: 100%;
}


#container-inner {
    width: 940px;
    margin: 10px auto;
    border: 10px solid #003366;   /* ふち囲い */
}
#content {
    background: #fff; /* コンテンツの背景色 */
    margin: 0px auto;
    line-height: 1.6;
    width: 940px;
}

#header-inner, #footer-inner,#content-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#content-inner {
    padding-top: 20px;
}

#header-inner, #beta-inner, #gamma-inner {
    padding-right: 0;
    padding-left: 0;
}

#header-inner,
#main-navigation-inner,
#content-inner,
#footer-inner {
    position: relative;
    width: 940px;
    margin: 0 auto;
}



/* Navigation ---グローバルナビ---------------------------------------- */

#main-navigation {
    background: #336699 url() repeat-x 0 0;/* グローバルナビ背景 */
    border-bottom: 2px solid #003366;
    font-family: verdana;
    width: 940px;  /* グローバルナビの幅 */
    margin: 0 auto;/* グローバルナビの幅指定するなら必要 */
}

#main-navigation-inner {
    position: relative;
    height: 40px;
}

#main-navigation ul {
    margin: 0;
    padding:0;
    list-style: none;
}

#main-navigation ul li {
    float: left;
    padding-top: 10px;
    font-size: 12px;
}

#main-navigation ul li a {
    display: block;
    text-decoration: none;
    padding: 7px 15px 7px 16px;
    border-right: 1px dotted #dedede;
    color: #f7f7f7;
    line-height: 5px;
}

#main-navigation ul li a:hover {
    display: block;
    color: #b2d1e7;
}

#main-navigation ul li.on a {
    color: #b2d1e7;
    font-weight: bold;
}

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


#main-navigation ul li.last {
    border-right: none;
}

#main-navigation ul li.last a {
    border-right: 1px dotted #bac2c6;
}


/* Search 検索窓--------------------------------------------------------- */

.widget-search {
    float: right; /* 検索窓の絶対配置 */
    width: 300px;
    position: absolute;
    top: 2px;
    right: 0;
    text-align: right;
}

.widget-search h3 {
    display: none;
}

#search {
    border: 2px solid #003366;
    border-top: 2px solid #003366;
    border-left: 2px solid #003366;
    padding: 1px;
}

#search-submit {
    border: 1px solid #003366;
    border-top: 1px solid #003366;
    border-left: 1px solid #003366;
    background: #b2d1e7;
    color: #fff;
    padding: 0px 5px 1px 5px;
    font-size: 11px;
}

/* Sign In サインイン------------------------------------------------------- */

#header .widget-sign-in {
    position: absolute; /* サインインの絶対配置 */
    right: 15px;
    top: 1px;
    text-align: center;
    color: #b2d1e7; /* サインインの文字色 */
    font-family: verdana;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

#header .widget-sign-in .widget-header {
    display: none;
}

#header .widget-sign-in .widget-content {
    background-color: #003366; /* サインイン背景色 */
    margin: 0;
    padding: 5px 15px 10px 15px;
    float: right;
    overflow: hidden;
}

#header .widget-sign-in a {
    color: #777;
    text-decoration: underline !important;
}
#header .widget-sign-in a:hover {
    color: #fff;
}


/* Content ここで指定したものが優先------------------------------------- */

.asset-body strong{
    color:#336699;  
　　font-weight: bold;
}

.asset-body em{
    color:#025a9a; 
　　font-weight: bold;
}

.asset-footer {
    font-size: 13px;
    border-top: 1px dotted #ccc;
    padding-top: 15px;
}

.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
        padding: 6px;
}

.entry-asset .asset-name {
    font-size: 120%;   /*記事タイトルのフォントの大きさfirefox*/
    line-height: 1.3;
    margin-bottom: 12px;
}

.entry-asset .asset-meta {
    color: #335577;　　/*投稿者と日付の色 */
    font-size: 10px;
    padding: 2px;
    font-weight: bold;
    background: #ededed;
    margin-bottom: 13px;　　/*日付と本文開始までの幅 */
}

.asset-meta {
    border-bottom: 1px dotted #ccc;
}

.entry-asset .byline {
    float: left;
}
.entry-asset .asset-comments,
.entry-asset .asset-trackbacks {
    float: right;
    margin-left: 10px;
}
.entry-asset .asset-comments a,
.entry-asset .asset-trackbacks a {
    display: block;
    float: left;
    padding-left: 18px;
}
.entry-asset .asset-comments a {
    background: url(icon-comment.gif) no-repeat 2px 50%;
}
.entry-asset .asset-trackbacks a {
    background: url(icon-trackback.gif) no-repeat 0 50%;
}

.archive li {
    margin-bottom: 5px;
}

#group-nav-inner {
    position: relative;
    width: 900px;
    margin: 0 auto;
}

h1#page-title {
    font-size: 20px;
    line-height: 1.3;
    color: #336699; 　 /* ブログ記事のページタイトルの色 */
　　font-weight: bold;
}

.mt-main-index h1#page-title {　
    font-size: 20px;　 /* ブログ記事のページタイトル */
    margin-bottom: .5em;
}

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

#homepage-image {
    width: 905px;
    height: 170px;
    background: url() no-repeat 0 0; /* トップページのヘッダ画像 */
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 0 25px 20px;
}

#alpha .comments .even {
    background-color: #e6f0f5;
    border-right: 1px solid #c0d9e6;
    border-bottom: 1px solid #c0d9e6;
}

#alpha .comments .odd {
    background-color: #f3f3f3;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

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

.comment-header {
    font-weight: bold;
}

/* コメントのタイトル */
h2.comments-header,　
h2.comments-open-header,
h2.trackbacks-header {
    height: 110%;
    width: 200px;
    background-color: #b2d1e7;
    font-size: 20px;
    color: #586b77; 　/* コメントのタイトル */
    font-weight: bold;
    border: none;
    padding: 0 6px 0 0;
    line-height: 20px;
    font-family: verdana;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#main-navigation .search-options {
    display: none;
}

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

.widget-recent-comments ul li {
    padding: 0 0 0 18px;
    margin: 0 0 8px 0;
    background: url(icon-comment.gif) no-repeat 0 4px;
}

.widget-recent-entries dl {
    padding: 0 8px;
}

.widget-recent-entries dl dt {
    font-size: 18px;
}

.widget-recent-entries dl dd {
    margin-bottom: 3px;
}

.widget-recent-entries dl dd.entry-meta {
    margin-bottom: 10px;
    color: #777;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

.userpic {
    float: left;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 10px 0 0;
    padding: 0;
    border: 5px solid #fff;
}

.auth-icon {
    position: absolute;
    bottom: 0;
    left: 0;
}

.comment-header {
    background-color: #fff; /* コメントした人の情報 */
    color: #586b77; 　
    font-weight: bold;
    color: #777;
    margin: 0;
    font-weight: normal;
}

.comment-content {
    clear: none;
    margin: 0;
   padding: 5px 5px 5px 0;
   width: 70%;
}

.admin-edit-link {
    text-align: center;
    font-family: verdana;
    margin-top: 10px;
}

.admin-edit-link a {
    border: 1px solid #ccc;
    background: #eee;
    padding: 5px 10px;
}


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

input.text, textarea {
    border: 1px solid #ccc;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    padding: 1px 2px;
    background-color: #fafafa;
}

.contact-form label {
    display: block;
}

.contact-form input.text {
    font-size: 13px;
}

.contact-form textarea {
    margin-bottom: 15px;
}


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

.widget-header,
.widget-content,
.widget-content1,
.widget-content2,
.widget-content3,
.widget-content4 {
    margin-right: 10px;
    margin-left: 10px;
}

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

.widget-content1,
.widget-content2,
.widget-content3,
.widget-content4 {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px 0 5px 5px;
}


.widget-header {
    height: 20px;
    margin-bottom: 8px;
    background: url() no-repeat 0 0;
    background: #112233;   /* ウィジェッドタイトルの背景 */
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 3px 0 3px 3px;
    line-height: 20px;
    font-family: verdana;
    text-transform: uppercase;
}

.widget-header a {
    color: #fff;
    font-weight: bold;
}

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

.layout-wm .widget-header {
    background-image: url();
    background: purple;   /* ウィジェッドタイトルの背景 */
}

#content .widget-powered .widget-content {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
} 



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

#footer { 
    font-size: 80%;
    color: #112233;
    width: 940px;  /* フッターの幅 */
    margin: 0 auto;/* フッターの幅指定するなら必要 */
}


#footer h1,h2,h3,h4,h5,h6{ 
    font-weight: bold;
    font-size: 130%;
    color: #336699;
    margin-top: 3px;
}

#footer a {
    color: #5588bb; /* フッターのリンク色 */
}


#footer .widget-header {
    display: none;
}

#footer-content {
    background: #dbeaf5;
        margin: 0 auto;
	position: relative;
	border-top: 1px solid #b2d1e7;  /* フッターの上のボーダー */
}

.footer-content1 {
    background: #dbeaf5;
    width: 225px;
    float: left;
    overflow: hidden;
    padding: 5px;
    height: 280px;
}

.footer-content2 {
    background: #dbeaf5;
    width: 225px;;
    float: left;
    overflow: hidden;
    padding: 5px;
    height: 280px;
}

.footer-content3 {
    background: #b2d1e7;
    width: 225px;
    float: left;
    overflow: hidden;
    padding: 5px;
    height: 280px;
}

.footer-content4 {
    background: #dbeaf5;
    width: 225px;
    float: right;
    overflow: hidden;
    padding: 5px;
    height: 280px;
}

.footer-content5 {
    clear: both;
    background: #336699;
    color: #dbeaf5;
    width: 460px;
    float: left;
    height: 220px;
    overflow: hidden;
    padding: 5px;
    border-right: 1px dotted #ededed;
   font-size: 11px;
}

.footer-content6 {
    background: #336699;
    color: #dbeaf5;
    width: 458px;
    float: right;
    height: 220px;
    overflow: hidden;
    padding: 5px;
   font-size: 11px;
}



.footer-content7 {
    clear: both;
    background: #003366;
    color: #dbeaf5;
    border-top: 1px solid #112233;
    width: 930px;
    overflow: hidden;
    padding: 5px;
    float: left;
    text-align: center;
}

#footer-content ul {
    list-style: none;
    margin: 0 0 12px 15px;
    padding: 3px 0 0 0;
}

#footer-content ul li {
    margin: 0 0 2px 0;
    padding:  0;
	list-style: url(img/list.png);
}

/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#main-navigation:after,
.entry-asset .asset-meta:after,
.comment:after,
#footer-content:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

#header-inner,
#content-inner,
#footer-inner,
#main-navigation,
.entry-asset .asset-meta,
.comment,
#footer-content,
.asset-body {
    height: 1%;
}


/* Footer Widgets ほぼ無視 -------------------------------------------------------------- */

#footer .widget,
#footer .widget-content {
    margin: 0;
    padding: 0;
}

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

#footer .widget-powered {
    float: right;
    width: 157px;
    text-align: right;
    clear: none;
}

#footer .widget-powered .widget-content {
    margin: 0;
    padding: 0;
    text-align: left;
}

#footer .widget-powered .widget-content span {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

#footer .widget-powered .widget-content span a {
    display: block;
    float: right;
    height: 41px;
    width: 157px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(powered-by-mt-logo.gif) no-repeat 0 0;
}




/* "Powered By" Widget */

.widget-powered .widget-content {
    padding: 10px;
    text-align: center;
}


/* Calendar Widget */

.widget-calendar .widget-content table {
    font-size: 10px;
}


/* サイドバーGammma（右）の要素------------------------------------- */


#gamma h3{
    font-size: 95%; 　 /* gammaのH2 */
    line-height: 1.3;
    background-color:#335577; 
　　font-weight: bold;
    color: #b2d1e7;
}

#gamma h4{

}

#gamma h5{
    font-size: 95%; 　 /* gammaのH4 */
    line-height: 1.3;
    background-color:#efefef; 
　　font-weight: bold;
    color: #336699;
}

#gamma h6{
    font-size: 95%; 　 /* gammaのH4 */
    line-height: 1.3;
    background-color:#5588bb; 
　　font-weight: bold;
    color: #b2d1e7;
}


.widget-content1{
    color:#025a9a;
　　font-weight: bold;
    background: #b2d1e7;
}

.widget-content2{
    color:#335577; 
    background: #dbeaf5;
}

.widget-content3{
    color:#025a9a;  
　　font-weight: bold;
    background: #f7f7f7;
}

.widget-content4{
    color:#025a9a;  
　　font-weight: bold;
    background: #ededed;
}


/* サイドバーbeta（左）の要素------------------------------------- */


#beta h3{
    font-size: 95%; 　 /* gammaのH2 */
    line-height: 1.3;
    background-color:#5588bb;
　　font-weight: bold;
    color: #003366;
}

#beta h4{
    font-size: 95%;  　 /* gammaのH3 */
    line-height: 1.3;
    background-color:#7f90a1; 
　　font-weight: bold;
    color: #dbeaf5;
}

#beta h5{
    font-size: 95%; 　 /* gammaのH4 */
    line-height: 1.3;
    background-color:#f7941d; 
　　font-weight: bold;
    color: #fff;
}

#beta h6{
    font-size: 95%;  　 /* gammaのH4 */
    line-height: 1.3;
    background-color:#5588bb; 
　　font-weight: bold;
    color: #b2d1e7;
}


/* Vertical Menu blue------------------------------------ */

#blueblock{
width: 170px;
padding: 0;
margin: 0 0 10px 10px;
font-size: 90%;
background-color: #336699;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w＼idth: 137px; /*Box model bug: 170px minus all 
left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #b2d1e7;
margin: 0;
}

#blueblock li a{
display: block;
padding: 6px 2px 6px 5px;
border-right: 5px solid #5588bb;
border-left: 10px solid #025a9a;
background-color: #336699;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-right: 5px solid #b2d1e7;
border-left: 10px solid #025a9a;
background-color: #5588bb;
color: #fff;
}

/* Vertical Menu white------------------------------------ */

#whiteblock{
width: 170px;
padding: 0;
margin: 0 0 10px 10px;
font-size: 90%;
background-color: #fff;
color: #333;
}

* html #whiteblock{ /*IE 6 only */
w＼idth: 137px; /*Box model bug: 170px minus all 
left and right paddings for #blueblock */
}

#whiteblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 100%;
}

#whiteblock li {
border-bottom: 1px dotted #7f90a1;
margin: 0;
width: 100%;
}

#whiteblock li a{
display: block;
padding-left: 5px;
color: #586877;
text-decoration: none;
width: 100%;
background: url() no-repeat;
}

html>body #whiteblock li a{ /*Non IE6 width*/
width: auto;
}

#whiteblock li a:hover{
background-color: #ededed;
color: #5588bb;
}


/* 画像左寄せ------------------------------------- */

img.img_left{
	float: left;
	padding: 5px;
  border: #efefef 2px solid;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}




/* ６つバナーを配置------------------------------------- */

div.div100-hp6 {
  margin: 0;
  background: #fff;
}

div.div100-hp6 ul {
  text-align: left;
}

div.div100-hp6 ul li {
  display: inline;
  margin-left: 0px;
  margin-right: 1px;
  list-style: none;
}

div.div100-hp6 ul li a img {
  border: 0;
}

/* header６メニュー------------------------------------------------------ */

.top-navi {
    position: absolute; 
    right: 180px;
    height: 120px;
    width: 180px;
    top: 10px;
    margin:0;
    padding: 0;
    text-align: left;
}

.top-navi ul li {
  display: inline;
  margin-right: 10px;
    padding: 0;
  list-style: none;
  text-align: left;
}

.top-navi ul li a img {
  border: 0;
  text-align: left;
}


/*******************左寄せ*********************************/

.module-content{
	padding: 0;
	margin:0;
	width:350px;
}


.module-content ul.module-list li#nolist a img
 {
	width:80px;
	border: #efefef 3px solid;
	margin-bottom:10px;
	text-align: left;
}
.module-content ul.module-list li#nolist #left {
	float:left;
	margin-right:10px;
	width:80px;
}
.module-content ul.module-list li#nolist {
	color:#999;
	clear:both;
	margin-bottom:3px;
}

.module-content ul.module-list li#nolist #right {
	float:right;
	margin-right:0px;
	width:220px;
	font-size: 80%;
}


/*******************トップのレイアウト*********************************/

.top #alpha {
    left: 190px;
    width: 390px;;
}

.top #beta {
    left: -390px;
    width: 190px;
}

.top #gamma {
    width: 360px;
}



/*******************パンくず*********************************/
ul#navigator li {
	display: inline;
}

ul#navigator {
	margin:0;
	padding: 0 0 1em 0;
}


/*******************メインカラム　リスト オレンジ*************/

#alpha ul orange{
	margin:0;
	padding: 0 0 2em 20px;
}

#alpha ul.orange li {
	list-style: url(img/arrow.gif);
	margin:0;
	padding: 0 0 0 0;
}


#alpha ul.king {
	margin:0;
	padding: 0 0 2em 35px;
}


#alpha ul.king li {
	list-style: url(img/king.gif);
	margin:0;
	padding: 0 0 0 0em;
}


#alpha ul.queen{
	margin:0;
	padding: 0 0 1em 40px;
}


#alpha ul.queen li {
	list-style: url(img/queen.gif);
	margin:0;
	padding: 0 0 0 40px;
}

#alpha ul.pencil{
	margin:0;
	padding: 0 0 2em 40px;
}


#alpha ul.pencil li {
	list-style: url(img/doc.gif);
	margin:0;
	padding: 0 0 0 1em;
}


/************右よせメインカラム************/


div.div100-hpi {
  margin: 0;
  width: 100%;
  overflow: hidden; /* clear float */
 padding: 1em;
}

div.div100-hpi p {
  margin: 1em 1em  1em 0px;
 padding-right: 1em;
}

div.div100-hpi img.figure {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 0 1em 1em 20px;
}



/************左よせメインカラム************/


div.div101-hpi {
  margin: 1;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.div101-hpi p {
  margin:  0 1em 0px 1em;
}

div.div101-hpi img.figure {
  float: left; 
  display: inline; /* for IE6,7 */
  margin: 0 1em  5px  5px;
}




/************Indexメインカラム星のH5************/

h5.efefef{
    font-size: 110%; 　
    line-height: 1.5;
  border-bottom: dotted 1px #666;
  background:  #efefef;
　　font-weight: bold;
   padding-left: 2px;
}

h5.blue{
    font-size: 120%; 　
    line-height: 1.5;
  border-bottom: dotted 1px #666;
  background:  url(img/blue.gif) no-repeat;
　　font-weight: bold;
   padding-left: 32px;
}

h5.black{
    font-size: 120%; 　
    line-height: 1.5;
  border-bottom: dotted 1px #666;
  background:  url(img/black.gif) no-repeat;
　　font-weight: bold;
   padding-left: 32px;
}


/************Indexメインカラム星のH5************/

span.all{　
    line-height: 1;
　　font-weight: bold;
  background:  #efefef;
}

/************Indexメインカラムbox************/

.dotbox{　
  background:  #fff;
 border: dotted #666 1px;
}


/************4列月別UL************/

div.div4row-hpi {
  margin: 1em 0;
}

div.div4row-hpi ul {
  text-align: left;
  margin:  0 1em;
  display: inline;
}

div.div4row-hpi ul li {
  display: inline;
  margin-left: 0px;
  margin-right: 10px;
  list-style: none;
　display: block;
 width: 100px;
}


/************右よせサイドバー**********/


div.div1side-hpi {
  margin: 10px;
  width: 97%;
  overflow: hidden; /* clear float */

}

div.div1side-hpi p {
  margin: 1em 1em 1em 0;
 padding-bottom: 1em;
 border-bottom: dotted #666 1px;
}

div.div1side-hpi img.figure {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 10px;
}

/************2分割サイドバー**********/
.left-50{
  float: left;
  width: 48%;
  overflow: hidden; /* clear float */
margin: 0 0 1em 7px;
}

.left-50 ul{
margin: 0;
padding: 0;
margin: 0 0 1em 7px;
}

.right-50{
  float: right;
  width: 48%;
  overflow: hidden; /* clear float */
}

.right-50 ul{
margin: 0;
padding: 0;
}


h5.about{
    font-size: 14px; 　
    line-height: 1;
    color:#b2d1e7; 
　　font-weight: bold;
}

h6.about{
    font-size: 120%; 　
    line-height: 1.3;
    color:#f7941d; 
　　font-weight: bold;
}


#footer ul.about li a{
	margin:0;
	padding: 0;
	color: orange;
}

span.goods{
    font-size: 100%; 　
    line-height: 1.3;
    color:#f7941d; 
　　font-weight: bold;
}

/************2分割サイドバー本**********/
.left-40{
  float: left;
  width: 40%;
  overflow: hidden; /* clear float */
margin: 0 0 1em 15px;
}

.right-60{
  float: left;
  width: 53%;
  overflow: hidden; /* clear float */
margin-right: 10px;
}

/************メインカラムのH1?H５**********/
#alpha-inner h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #003366; 
  border-left: 8px #003366 solid;
  border-right: 1px #003399 solid;
  border-top: 1px #003399 solid;
  border-bottom: 1px #003399 solid;
   padding: 5px 5px 5px 5px;
    background: #fff;
}

#alpha-inner h2 {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #dbeaf5;
   padding: 2px 0px 2px 20px;
    background: url(img/h2.gif);
    margin-bottom: 5px;
}

#alpha-inner h2 a {
     color: #dbeaf5;
}
#alpha-inner h3{
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #dbeaf5;
   padding: 2px 0px 2px 20px;
    background: url(img/h2.gif);
}

#alpha-inner h4{
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #dbeaf5;
   padding: 2px 0px 2px 20px;
    background: url(img/h2.gif);
}

#alpha-inner h5{
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #dbeaf5;
   padding: 2px 0px 2px 20px;
    background: url(img/h2.gif);
}

#alpha-inner h6{
    font-size: 18px;
    line-height: 1.3;
　　font-weight: bold;
    color: #7f90a1;
}


/************画像MainMenu**********/

/*-----サブ内のメインメニュー(1枚画像）-----*/

#side_main{
	width: 170px;
	height: 400px;
	background-image: url(img/side_mainmenu.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
}

#side_main ul {
	margin:0;
	padding: 0;
}

#side_main li {
	list-style-type: none;
	margin:0;
	padding: 0;
}

#side_main li a {
	width: 170px;
	height:0pt;
	background-image: url(img/side_mainmenu.gif);
	background-repeat: no-repeat;
	display:block;
	padding-top:40px;
	overflow:hidden;
}

#side_main li#s_menu1 a{background-position: 0 40;}
#side_main li#s_menu2 a{background-position: 0 80px;}
#side_main li#s_menu3 a{background-position: 0 120px;}
#side_main li#s_menu4 a{background-position: 0 160px;}
#side_main li#s_menu5 a{background-position: 0 2000px;}
#side_main li#s_menu6 a{background-position: 0 240px;}
#side_main li#s_menu7 a{background-position: 0 280px;}
#side_main li#s_menu8 a{background-position: 0 320px;}
#side_main li#s_menu9 a{background-position: 0 360px;}
#side_main li#s_menu10 a{background-position: 0 400px;}


#side_main li#s_menu1 a:hover{background-position: -170px 0;}
#side_main li#s_menu2 a:hover{background-position: -170px -40px;}
#side_main li#s_menu3 a:hover{background-position: -170px -80px;}
#side_main li#s_menu4 a:hover{background-position: -170px -120px;}
#side_main li#s_menu5 a:hover{background-position: -170px -160px;}
#side_main li#s_menu6 a:hover{background-position: -170px -200px;}
#side_main li#s_menu7 a:hover{background-position: -170px -240px;}
#side_main li#s_menu8 a:hover{background-position: -170px -280px;}
#side_main li#s_menu9 a:hover{background-position: -170px -320px;}
#side_main li#s_menu10 a:hover{background-position: -170px -360px;}


/************画像MainMenu**********/
h3.blogcategory {
	background: transparent url(img/sideh3.gif) no-repeat;
	text-indent: -7777px;
	display: block;
	width: 170px;
	height: 30px;
	margin-bottom: 2px;
	margin-left: 10px;
}

/* サイドバーbeta（左）の要素------------------------------------- */

h3.widget-header {
    font-size: 95%; 　 /*betaのH2 */
　　font-weight: bold;
    font-color: #003366;
background: url(img/sideh3_bg.gif) no-repeat top;
border-bottom: 1px dotted #003366;
}

h4.widget-header {
background: #003366;
    font-color: #003366;
}

h5.widget-header {
background: #7f90ah