@charset "utf-8";
/*
Theme Name: 漫絵家
Theme URI: 配布していません。
Description: 漫絵家で使うテーマ
Version: 1.0
Author: ふみり
Author URI: http://fumiri.com/m/
Tags: green, custom header, fixed width, two columns,
*/

body {
 background-color: #9ACF41;
 text-align: center;
 color: #284D2C;
 /*IEバグ対策*/
 width : 98%;
}

a:link {
 color: #2D4193;
}
a:visited {
 color: #61327C;
}
a:hover {
 color: #CD3C1D;
}
a:active {
 color: red;
}
img {
 border-style: none;
}
/* アイコンとセリフ並列表示用 */
.talk{
 clear: both;
 overflow: hidden;
 height: auto;
 margin-top: 10px;
}
.talk img{
 float: left;
 margin: 0 10px 0 0 !important;
 padding: 0 !important;
}
.talk p{
 overflow: hidden;
 height: auto;
 margin: 0;
 padding: 0;
}
/* アイコンとセリフ並列表示用 */

input, textarea{
 background-color: #EAF0B5;
 color: #284D2C;
 border : #284D2C solid 1px ;
}

.small{
 font-size: 90%;
}

.aligncenter{
 display: block;
 text-align: center;
 margin: auto;
}

/* NextGEN Gallery用*/
/* ブログ記事内のシングルピク設定 */
.post .ngg-singlepic{
 display: block;
 text-align: center;
 margin: auto;
}
/* ブログ記事内のシングルピク設定 */

.slideshow-widget{
 padding: 20px;
}
.ngg-galleryoverview{
 padding: 20px 20px;
}

/*AddClips用*/
.addclips{
 float: right;
 padding: 0;
 margin-top: 8px;
 margin-right: 20px;
}

/*ページの基礎*/
#base {
 width: 740px;
 margin: 0 auto;
 text-align: left;
}

/*タイトル*/
h1 {
 display: none;
}

#header {
 height: 60px;
 top: 20px;
}
#headerimg a{
 display: block;
}
#headerimg {
 width: 235px;
 float: left;
 background: url(./images/1_title.gif);
}
#headerimg a:hover {
 background-color: transparent;
}
#headerimg a:hover img{
 visibility: hidden;
}
#description {
 font-size: 80%;
 width: 480px;
 float: right;
 text-align: right;
 color: #EAF0B5;
/* color: #9ACF41; */
}

/*フッター*/
#footer{
 font-size: 80%;
 margin: 20px 0 0;
 text-align: center;
}

/*共通部分デザイン*/
/*上部menu部分*/
#navigation {
 clear : both;
 width: 100%;
 margin: 10px 0 0;
 padding: 0;
}
#navigation ul {
 display: inline;
 margin: 0;
 padding: 0;
}
#navigation li {
 display:inline;
 margin: 0;
}
#navigation a.tabs {
 text-decoration: none;
 padding: 2px 0 0 25px;
 font-size: 90%;
 background: url(./images/nikukyu16_siro.gif) no-repeat 6px 0;
}
#navigation a.tabs:hover {
 background: url(./images/nikukyu16_aka.gif) no-repeat 6px 0;
}

/*右メニューデザイン*/
/*ドロップダウン用ここから*/
.ddmenu ul{width:200px; list-style:none;margin:10px 0 0 0;padding:0; font-size:14px;}
.ddmenu ul li{ position:relative;margin:10px 0 0 0; padding:0;width:134px;line-height:1.2;}
.ddmenu ul li.off{ position:relative;margin:10px 0 0 0; padding:0;width:200px; overflow:hidden;}
.ddmenu ul li.on{ position:relative;margin:10px 0 0 0; padding:0;width:200px; overflow:visible;z-index:1000;}
.ddmenu ul li ul{margin:0;padding:5px 7px;position:absolute;width:134px;top:0px;right:200px;border:3px dashed #EAF0B5; background-color:#9ACF41;text-indent:0.5em;}
.ddmenu ul li ul li{display: block;margin:0;padding:0;}
.ddmenu ul li ul li a{margin:0;padding:1px 0;width:100%;font-size:0.9em;line-height:1.2;text-indent:0.5em;}
.ddmenu ul li ul li a:hover{margin:0;padding:1px 0; background-color:#EAF0B5;}
/*ドロップダウン用ここまで*/

.sidebar {
 float: right;
 width: 200px;
 margin: 20px 0 0;
 padding: 0;
 font-size: 90%;
}

.blog_top_link{
 margin: -15px 8px 20px;
}
.blog_top_link a{
 display: block;
 width: 180px;
 height: 40px;
 margin: 0;
 background: url(./images/blog_top_aka.gif); 
}
.blog_top_link a:hover img{
 visibility: hidden;
}

.sidebar #searchform{
 text-align: center;
}
.sidebar #searchsubmit{
 font-weight: bolder;
}

#wp-calendar{
 margin: 20px auto;
 text-align: center;
}
#wp-calendar #prev{
 font-size: 90%;
 font-weight: bold;
}
#wp-calendar #next{
 font-size: 90%;
 font-weight: bold;
}
.disp_imgs{
 margin-bottom: 20px;
 background:url(./images/nikukyu16_siro.gif)  no-repeat 10px 0;
 padding: 0 0 0 30px;
}
.side_contents {
 margin-bottom: 20px;
 padding-left: 10px;
}
.sidetitle_img {
 vertical-align:middle;
}
.rm_title {
 display: inline;
 background:url(./images/nikukyu16_siro.gif)  no-repeat;
 padding: 0 0 0 20px;
}

.sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0 0 0 25px;
}
.sidebar li {
 line-height: 130%;
}
.sidebar li a{
 text-decoration: none;
 border-bottom: dashed 1px #EAF0B5;
}
.side_meta{
 font-size: 90%;
}


/*コメント部分デザイン*/
.com_edit{
 padding-left: 20px;
 background: url(./images/rewrite.gif) no-repeat;
}

/*ブログ部分デザイン*/
/*記事部分デザイン*/
#contents {
 float: left;
 width: 500px;
 margin: 20px 0;
 padding: 0 20px;
 position: relative;
}
.post{
 background: #EAF0B5 url(./images/nikukyu.gif) no-repeat 430px bottom;
 margin: 0 0 20px;
 padding: 20px;
 line-height: 120%;
}
.storytitle {
 display: inline;
 position: relative;
 padding: 0;
 font-size: 100%;
}
.storytitle a {
 color: #6DB13A;
}
.storytitle a:visited {
 color: #6DB13A;
}
.storytitle a:hover {
 color: #CD3C1D;
}
.stitle_img{
 vertical-align:middle;
}
.post h3 {
 display: inline;
 position: relative;
 left: 20px;
 font-size: 80%;
 font-weight: lighter;
 color: #6DB13A;
}
.storycontent{
 position: relative;
 padding: 10px;
 line-height: 120%;
}
.storycontent ul{
 list-style-image: url(./images/nikukyu16.gif);
}
.storycontent ol{
 list-style-image: url(./images/nikukyu16.gif);
}
#contents .feedback {
 margin: 10px 40px 0 20px;
 font-size: 80%;
 float: left;
}
#contents .meta {
 margin: 10px 40px 0 40px;
 font-size: 80%;
 color: #6DB13A;
 clear: both;
}
#contents ol {
}
#contents li {
}
#contents .commentlist{
 list-style-type: none;
 border: #EAF0B5 dashed 2px ;
 font-size: 95%;
 margin: 0;
 padding: 20px 20px 0 20px;
}
.commentlist li{
 margin: 0;
 padding: 0 0 10px;
}
#contents .avatar {
 float: left;
 margin-right: 10px;
}
#contents .namae_data {
 display: inline;
 vertical-align: text-top;
}
#contents .com_name {
}
#contents .bunsyo {
 clear: left;
}
.commentlist .bunsyo{
 margin: 0;
 padding: 0 10px;
}

#contents #commentform{
 margin: 20px 0 0 30px;
 padding: 0;
}
#contents #comment{
 width: 445px;
 margin-top: 20px;
}
#contents #submit{
 width: 150px;
}

.storycontent h4{
 margin-top:50px;
}


/* トップページ部分デザイン */
/* 中身メイン部分 */
.main {
 margin-top: 50px;
/*  float: left;
 width: 500px; */
}
/* メインメニュー */
#main_menu {
 width: 100%;
 margin: 0 auto;
 padding: 0;
}
#main_menu li {
 margin: 0;
 padding: 0;
 list-style-type: none;
 float: left;
}
#main_menu li a{
 display: block;
 width: 150px;
 height: 150px;
}
#main_menu .illBtn{
 margin-left: 50;
 background: url(./images/m1_illust.gif);
}
#main_menu .bloBtn{
 margin-left: 90px;
 background: url(./images/m1_blog.gif);
}
#main_menu .howBtn{
 margin-left: 90px;
 background: url(./images/m1_howto.gif);
}
#main_menu li a:hover {
 background-color: transparent;
}
#main_menu li a:hover img{
 visibility: hidden;
}

/*サブメニュー*/
#sub_menu {
 clear: both;
 width: 100%;
 padding: 40px 0 0;
 margin: 0;
}
#sub_menu li {
 margin: 0;
 padding: 0;
 list-style-type: none;
 float: left;
}
#sub_menu li a{
 display: block;
 width: 150px;
 height: 30px;
}
#sub_menu .prfBtn{
 margin-left: 50px;
 background: url(./images/m1_prof.gif);
}
#sub_menu .sitBtn{
 margin-left: 90px;
 background: url(./images/m1_site.gif);
}
#sub_menu .linBtn{
 margin-left: 90px;
 background: url(./images/m1_link.gif);
}
#sub_menu li a:hover {
 background-color: transparent;
}
#sub_menu li a:hover img{
 visibility: hidden;
}

/*更新履歴*/
#new {
 clear: both;
 width: 100%;
 margin: 0;
 padding: 40px 50px 0;
 list-style-type: none;
 font-size: 90%;
 line-height: 130%;
}
.rss_time{
}
.rss_title{
}

/*中身左あしあと部分*/
.side {
 width: 190px;
 text-align: left;
 margin: 20px 0 0 0;
 border: #EAF0B5 dashed 2px ;
 padding: 10px;
 font-size: 80%;
 float: right;
}
.side #asiato{
 text-align: center;
 margin: 0;
 padding: 0;
}
.side .commentlist{
 margin:20px 0 0;
 padding: 0;
 list-style-type: none;
}
/*コメント*/
.side li{
 margin-top: 20px;
}
.side .avatar{
 float: left;
 margin-right: 10px;
}
.side .namae_data{
 float: right;
 width :130px;
}
.side .com_name{
}
.side .commentmetadata{
 font-size: 90%;
}
.side .bunsyo{
 padding: 5px 0 0 5px;
 clear: left;
}
/*フォーム*/
.side #comment{
 width: 98%;
}
.side #submit{
 width: 98%;
 letter-spacing: 12px;
 font-weight: bolder;
}
/* 自サイトリンク */
#fumiri_link{
 margin-top: 50px;
 text-align: right;
}

/*プロフィール部分*/
#profile{
 margin: 20px 0 0;
 padding: 0 0 0 200px;
 background: url(./images/prof.gif) no-repeat 50px 50px;
 line-height: 150%;
 border-right: dashed 5px  #EAF0B5;
}
#profile th{
 margin: 0;
 padding: 0 5px;
 text-align: right;
 vertical-align: top;
 width:100px;
}
#profile td{
 margin: 20px 0 0 0;
 padding: 0 20px 0 20px;
 background: url(./images/nikukyu16_siro.gif) no-repeat left 3px;
}
#history_of_pict{
 margin: 20px 0;
 padding: 0 200px 20px 20px;
 background: url(./images/hofp.gif) no-repeat right bottom;
 border-left: dashed 5px  #EAF0B5;
}
#history_of_pict strong{
 margin: 0;
 padding: 0 0 0 20px;
 background: url(./images/nikukyu16_siro.gif) no-repeat;
}

/* リンク部分 */
.link_cate{
 background: url(./images/nikukyu.gif) no-repeat;
 margin-bottom: 20px;
 padding-left: 40px;
 display: inline;
}
.link_kensu{
 display: inline;
}

.link{
 margin: 20px 0 0 10px;
 padding-right: 20px;
 border-right: #9ACF41 8px dashed;
}
.link dt{
}
.link dd{
 font-size: 90%;
 margin-left: 20px;
}

.link_main{
 width: 500px;
 float: right;
 margin: 20px 0 40px 20px;
 padding: 20px;
 background: #EAF0B5;
}
.link_side{
 width: 190px;
 text-align: left;
 margin: 20px 5px 0 0;
 padding: 10px;
 font-size: 80%;
}
.link_top_link{
 margin: 0px auto;
}
.link_top_link a{
 display: block;
 width: 150px;
 height: 40px;
 margin: 0;
 background: url(./images/link_top_aka.gif); 
}
.link_top_link a:hover img{
 visibility: hidden;
}
.link_side form{
 margin: 20px 0;
 padding-left: 10px;

}
.link_sc{
 margin-bottom: 20px;
 padding-left: 10px;
}
.link_sc h4{
 font-size: 120%;
 background: url(./images/nikukyu16_siro.gif)  no-repeat top left;
 margin: 5px;
 padding: 0 0 0 20px;
}
.link_sc ul{
 margin: 0 20px 20px;
 padding: 0 10px;
}
.link_sc li{
 list-style-type: none;
}


/* 描き方ページ部分 */
.howto2_i{
 background: #EAF0B5 url(./images/nikukyu.gif) no-repeat 500px 100px;
 border: #9ACF41 8px dashed;
 margin-top: 50px;
 padding: 10px 10px 20px;
 line-height: 120%;
}
.howto2_h{
 background: #EAF0B5 url(./images/nikukyu.gif) no-repeat 6px 3px;
 padding: 5px 3px 8px 40px;
 margin-top: 0;
}
.howto2{
 clear: both;
 background: #EAF0B5 url(./images/nikukyu.gif) no-repeat 40px 250px;
 border: #9ACF41 8px dashed;
 margin-top: 50px;
 padding: 10px;
 line-height: 120%;
 height: 350px;
}
.howto2_i li{
 padding-left: 20px;
 list-style-type: none;
}
.howto2 dt{
 float: right;
 padding: 10px;
 margin-bottom: 50px;
}
.howto2_navi{
  font-size: 80%;
}

/* イラストページ部分 */
.il_menu li{
 margin: 0;
 padding: 0;
 list-style-type: none;
 float: left;
}
.il_menu a{
 display: block;
 width: 300px;
 height: 150px;
}
.il_menu .kabegami{
 margin: 20px;
 padding: 0;
 background: url(./images/il_wp1.gif);
}
.il_menu li a:hover{
 background-color: transparent;
}
.il_menu li a:hover img{
 visibility: hidden;
}
/* 壁紙部分 */
#wp_title{
 color: transparent;
 background: url(./images/wp.gif) no-repeat;
 width: 150px;
 height: 75px;
}
.wallpaper{
 clear: both;
 height: 100px;
 margin: 0 0 20px 20px;
}
.wallpaper dt{
 float: left;
 padding: 10px;
}
.wallpaper dd{
 padding: 10px;
}

/* 説明書ページ部分 */
#about{
 margin: 40px 20px;
 padding: 0;
 border-right: #EAF0B5 8px dashed;
}
#about h2{
 margin: 0 20px;
 padding: 0 0 0 40px;
 background: url(./images/nikukyu_siro.gif)  no-repeat top left;
}
.ab_contents{
 margin: 40px 0 0;
 padding: 0;
}
.ab_contents p{
 margin: 20px 20px 20px 40px;
 padding: 0;
}
.ab_contents dl{
 margin: 20px 20px 20px 40px;
 padding: 0;
}
.ab_contents dt{
 font-weight: bold;
}
.ab_contents dd{
 margin: 0;
 padding: 0 20px;
}


/* エラーページ用(404/403.html) */
#error_pg{
 text-align: center;
 width: 100%;
}
#error_title{
 width: 700px;
 text-align: left;
 margin: 0 auto;
 padding: 20px;
 background-color: #EAF0B5;
}
#error_mes{
 width: 700px;
 text-align: left;
 margin: 40px auto;
 padding: 20px;
 border: #EAF0B5 8px dashed;
}
#error_footer{
 margin: 0;
 padding: 0;
}