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

.asset-name,.asset-name a,.archive-title {color: #f06304;}
h1.asset-name{font-size: 14px;font-weight: bold;margin-bottom: .25em;background-image:url(blog/h2_bk.jpg); background-repeat:repeat-x; width:521px; height:45px ;}
.asset-header{margin-bottom:15px;}
.asset{margin-bottom:90px;}
.content-nav {text-align: center;margin: 30px 0 50px;}
.asset-content {margin-bottom:10px;}
.asset-body{overflow:hidden;}

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

.archive-title{color:#666;margin: 5px 0 30px;font-size:18px;font-weight: bold;}

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


.trackbacks{margin-bottom: 1.5em;}

.comment-content{margin:5px 0 15px 0;}

.comments-header,
.comments-open-header,
.trackbacks-header{color: #fc8432;margin:font-size:14px;font-weight: bold;}

.trackbacks-header{
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
}

#comment-text{width:500px;}

.pagebute{text-align:center;}

body , div , dl , dt , dd , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , ul , li , blockquote , th , td ,tr ,img { margin:0px;padding:0px;font-size:12px;line-height:1.5em;letter-spacing:1px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", ns-serif;}

body{ background:#FFF;text-align:center; background-image: url(images/body_bk.jpg); height:650px; background-repeat:repeat-x;}

table{border-collapse:collapse;}

ul , li {list-style:none;}

h1 , h2 , h3 , h4 , h5 , h6 {font-size: 100%;font-weight: normal; margin:0px; padding:0px;}

/*a{overflow:hidden;outline:none;}*/

img{border:none;}

table td{border:none;vertical-align:top;}

#framework{margin:0 auto;width:748px;text-align:left; background-color:#fff;}

#header{ background-image:url(images/header_bk.jpg); width:748px; height:147px;}
#header h1{text-align:right; margin-right:10px; font-size:80%; vertical-align:middle;}
#header h2{margin-top:25px; margin-left:10px;}
#header img#mail{margin-left:570px; margin-top:-30px; position:absolute;}
#navi{height:40px;}

#navi ul{height:40px;width:748px;}

#navi li{float:left; text-indent:-2000px;}

/*---ヘッダーのナビゲーション---*/
#navi ul li a{display:block;height:40px; width:187px;background-image: url(images/navi.jpg);}
#navi ul li a:hover{background-image: url(images/navion.jpg);}
#navi ul li a.selected{background:url(images/navion.jpg);}

#navi ul li#navi01 a{background-position:0 0;}
#navi ul li#navi02 a{background-position:-187px;}
#navi ul li#navi03 a{background-position:-374px;}
#navi ul li#navi04 a{background-position:-561px;}

#inner{width:737px; margin-left:6px; margin-top:18px;}

#home #left{width:512px; float:left; padding-bottom:80px;}
#home #caption{width:475px; margin-left:18px;}
#home #right{ width:225px; float:right; padding-bottom:80px;}
#home #whatnew{margin-top:45px;}
#home #whatnew dl{margin-left:16px; margin-top:15px; width:480px;}
#home #whatnew dd{padding-bottom:17px;padding-top:15px;overflow:hidden;  border-bottom:#999 dashed 1px;}
#home #whatnew .date{color:#F6B525; font-weight:bold;}
#home #whatnew .title{font-weight:bold;}

#home #blognew{margin-top:18px;}
#home #blognew #blogt{background-image:url(images/blogt.jpg); width:225px; height:72px;}
#home #blognew #blogm{background-image:url(images/blogm.jpg); width:225px; background-repeat:repeat-y;}
#home #blognew #blogb{background-image:url(images/blogb.jpg); width:225px; height:109px;}
#home #blognew #blogm #blogminner{width:181px; margin-left:21px;}
#home #blognew #blogm #blogminner .date{width:181px; height:19px;padding-left:3px; color:#8BC53F; padding-top:5px; font-weight:bolder;}
#home #blognew #blogm #blogminner p{padding-bottom:5px;padding-left:3px; border-bottom:#CCC solid 1px; font-weight:bolder;}
#home #blognew #blogm #blogminner p a{color:#000; text-decoration:none;}
#home #blognew #blogb img{margin-left:16px; margin-top:12px;}

#home #link{margin-top:15px;}
#home #link #linkt{background-image:url(images/linkt.jpg); width:225px; height:56px;}
#home #link #linkm{background-image:url(images/linkm.jpg); width:225px; background-repeat:repeat-y;}
#home #link #linkb{background-image:url(images/linkb.jpg); width:225px; height:28px;}
#home #link #linkm #linkminner{width:181px; margin-left:21px;}
#home #link #linkm #linkminner h2{width:181px; height:19px; background-color:#D1E8B2; padding-left:3px;}
#home #link #linkm #linkminner h2 a{text-decoration:none; font-weight:bolder; color:#000;}
#home #link #linkm #linkminner p{padding-bottom:19px;}

#main{ margin-top:30px; width:693px; margin-left:21px; padding-bottom:80px;}
#profile #name{ width:681px; margin-left:6px;}
#name p{margin-bottom:10px;}
#profile #locus{margin-top:30px;}
#profile table{width:681px; height:325px; background-image:url(profile/table_bk.jpg); background-repeat:no-repeat; margin-left:6px;}


#profile table td table.t01{width:82px; height:82px; background-image:none; margin:0px}
#profile table td table td.t02{ vertical-align:middle; text-align:center;}

#profile table td #timg01{background-image:url(profile/timg_bk.jpg); width:82px; height:82px; position:relative;left:67px;top:227px;}
#profile table td #timg02{background-image:url(profile/timg_bk.jpg); width:82px; height:82px; position:relative;top:67px;}
#profile table td #timg03{background-image:url(profile/timg_bk.jpg); width:82px; height:82px; position:relative;left:62px;top:142px;}
#profile table td #timg04{background-image:url(profile/timg_bk.jpg); width:82px; height:82px; position:relative;left:67px;top:30px;}
#profile table td #timg05{background-image:url(profile/timg_bk.jpg); width:82px; height:82px; position:relative;left:100px;top:150px;}
#profile table td #timg06{background-image:url(profile/timg_bk.jpg); width:82px; height:82px; position:relative;left:60px;top:20px;}

#works #books{width:681px;margin-left:6px; padding-bottom:50px;}
#works #books h2{background-image:url(works/h2_bk.jpg); height:64px; background-repeat:repeat-x;}
#works .book01{ background-image:url(works/books_bk01.jpg); background-repeat:no-repeat; background-position:top; overflow:hidden; clear:both; margin-bottom:50px; width:693px;}
#works #books .book01 .book01l{ float:left;padding:15px 10px 0 15px;}
#works #books .book01 .book01r{padding:15px 10px 0 0;overflow:hidden;}
#works #books .book01 .text011{text-align:right; margin-right:10px}
#works #books .book01 .text012{font-size:12px;}
#works #books .book01 .text01{font-size:125%; padding-top:5px;}
#works #books .book01 .text02{padding-top:20px;}
#works #books .book01 .text03{font-size:125%; padding-top:27px;}
#works #books .book01 .buy{ margin-left:330px;margin-top:50px; text-align:right;}



#works #illustration{clear:both; margin-top:20px; margin-bottom:50px;}
#works #illustration #ih1{margin-bottom:20px; margin-left:6px;}
#works #illustration table{border-collapse:separate;}
#works #illustration td {width:161px; height:161px; background-image:url(works/itable_bk.jpg); text-align:center; vertical-align:middle;}

#home #wbanner{margin-bottom:50px;}

#blog #left{width:558px; float:left; margin-top:18px;}
#blog #right{width:186px; float:right; background-image: url(blog/right_bk.jpg); background-repeat:repeat-y;}
#blog #left p#blogh1{background-image:url(blog/bh1-bk.jpg); width:539px; height:72px; margin-left:11px;}
#blog #left #rss{margin-left:498px; margin-top:17px;}
#blog #left #bloginner{width:513px; margin-left:25px; margin-top:60px; margin-bottom:50px;}
#blog #left #bloginner h2{background-image:url(blog/h2_bk.jpg); background-repeat:repeat-x; width:513px; height:45px ;}
#blog #left #bloginner .bdate{color:#8BC53F; margin-left:400px;}
#blog #left #bloginner .bh2{font-size:110%; font-weight:bolder; position:absolute;}
#blog #left #bloginner .bloginner{clear:both;overflow:hidden; margin-bottom:90px;}
#blog #left #bloginner .catego{text-align:right; font-size:11px; margin-bottom:50px; clear:both;}

#blog #right #rightinner{width:162px; margin-left:13px; margin-top:56px; margin-bottom:50px;}
#blog #right #rightinner #kizi{ width:146px; margin-left:8px; margin-top:15px;overflow: hidden;}
#blog #right #rightinner #kizi p{margin-bottom:5px;}
#blog #right #rightinner #banner{margin-top:50px;}
#blog #right #rightinner #banner img{margin-bottom:20px;}
#blog #right #rightinner #catego{ margin-top:50px;}
#blog #right #rightinner #categoinner{ width:146px; margin-left:8px; margin-top:15px;}
#blog #right #rightinner #categoinner p{ margin-bottom:5px;}
#blog .seo{font-size:10px; color:#999; text-align:right; margin-top:50px;}
#blog .seo a{color:#999; text-decoration:none;}

#blog_right_bk{ background-image:url(blog/right_bk.jpg); background-repeat:repeat-y; background-position:right;}
#footer{background-image:url(images/footer_bk.jpg); width:748px; height:115px; clear:both;}
#footer #footert{height:75px;}
#footer #footert p{margin-left:19px; padding-top:9px; font-size:90%;}
#footer #footert img{margin-left:19px; margin-top:7px;}
#footer #footerb{height:40px;}
#footer #footerb ul{ margin-left:210px; padding-top:3px;}
#footer #footerb li{float:left; padding-left:4px; color:#fff;}
#footer #footerb li a{color:#FFF;}
#footer #footerb #pr{clear:both; text-align:center;}


.mex{font-weight:bold;color : #ff9900; margin-bottom:3px;}
.mtitle{font-weight:bold; margin-bottom:3px;}
.newentry{overflow:hidden; width:480px;}
.tobasi{text-indent:-9999px;}

#kage{background-image: url(images/kage.jpg);background-repeat: repeat-y; width:808px; margin:0 auto;}
#kage-sub{ background-image: url(images/kage-sub.jpg); width:808px; background-repeat:no-repeat;}