@charset "utf-8";
/* 全体の設定*/
body{
	font-style:normal;/*文字のスタイル*/
	font-weight:normal;/*文字の太さ*/
	font-family:"ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
	font-size:100%; color:#555; background-color:#FFAC45; background: url("./wall.gif"); 
}
img {border-style:none;}

/*リンク*/
a{ text-decoration:underline; }
a:link{ color:#3C55EF; }
a:visited{ color:#639; }
a:hover{ color:#630; text-decoration:none; }

a.mark:link{ background:#555;}

/*外枠*/
#outline{ width : 750px; text-align : center; border:solid 2px #C60; background-color:#FFC; margin:0 auto; padding-bottom:8px;}
/*ヘッダー*/
#HEADER{ color:#745; text-align :left; margin:5px; paddeing-bottom:10px;}
#HEADER p{font-size:small; margin:5px; line-height:1.5;}
#banner {float:left; width:200px; height:180px;}
#submenu {float:left; width:540px; height:150px;font-size:80% ;}

img.left {float:left; }

/*メインコンテンツ*/
#main { width:700px; text-align: left; background:#FFC; vertical-align: top;margin-left:auto; margin-right:auto;}

/*ページタイトル*/
h1{ font-size:100%; color:#630; margin: 0.7em 0 1px 10px; padding:5px;width:690px; text-align: left;
 border-left: solid 5px #C60; clear:both;}
/*章タイトル*/
h2{ font-size:90%; color:#630; margin: 1em 0 2px 1em; padding:0 5px; 
 border-bottom: solid 3px #C60;border-left: solid 10px #C60;}
/*各タイトル*/
h3{ font-size:90%; color:#630; margin: 1em 0 2px 1em; padding:0 5px; 
 border-left: solid 15px #C60;}

p.pan{clear:both;}
/*引用*/
blockquote {
margin: 15px 40px;
padding: 15px 25px 15px 25px;
line-height: 1.5; font-size: 90%;
background-color: #FFF;
border: #630 2px dotted;
}
/*回り込みクリア：テーブル*/
.c-both {clear:both;}

/* フッター*/
.footer{ clear:left;width:750px; font-size:90%; background:#FFC; margin:5px auto;text-align:center;} 

/*水平線：ドット ページ下関連記事*/
.dot { width:650px; text-align:center; border-style: dotted; border-color: #C08C38;}

/*右寄せ*/
.migi{text-align:right; margin-right:30px; font-size:80%;}
.hidari{text-align:left; margin-left:10px; font-size:80%;}
/*中央*/
.naka{text-align:center;font-size:80%;}

/*同じ作品の関連ページへのリンク： ページ下関連記事 */
ol.l-kanren { margin:0 0 0 15px; padding:5px 40px; }
ol.l-kanren li{padding:2px ; font-size:80% ;font-weight:bold; line-height:1.3;}
/*会社が同じなど、関係ある作品リンク：リスト*/
ul.l-nakama { margin:0; padding:5px 30px; list-style: none; }
ul.l-nakama { list-style:none; font-size:80% ;font-weight:bold; line-height:1.5;}
/*span用商品リンク矢印画像*/
.l-mk {padding-left: 15px; background: url(./link.gif) no-repeat left; font-size:90%;}
/*商品リスト・リンク*/
ul.mono { margin:0 0 0 15px; padding:5px 40px; list-style: none; }
ul.mono li{ list-style:none; padding:2px ; font-size:80% ;font-weight:bold; line-height:1.3;}

#goods {width:690px; height:300; margin: 0px 0px ;border:0px;}

/* キャラクターリスト*/
.charal ul{ margin:0 0 0 5em;  padding:0; list-style: none; }
.charal li{ font-size:90%; list-style:none; background: url("./mark-chara.gif") left no-repeat ; padding:2px 0 0 20px;line-height:1.3;}

/* 画像 */
.img_smp{float:left; margin:10px; width:150px; text-align:center;}
/*本のイメージ*/
.img1 { width:200px; margin-left:0em; float:left; text-align:center;background-color:#FFC; font-size:80%;}
.setumei { width:440px; float:left; line-height:120%; background-color:#FFC;padding:0px;}
.setumei p{font-size:80%;margin:0 5px;}
.setumei ul{ font-size:80%;line-height:1.5;list-style: none;margin:0 0 0 10px;}
.setumei li{line-height:1.5;list-style: none; }
.moji1 { font-weight: bold; }
/*本の内容まとめ*/
ul.matome { margin:0 0 0 15px; padding:5px 20px; list-style: none;line-height:150%; }
ul.matome li{ font-size:90%; list-style:none;}
ul.naiyo { list-style: none; }
ul.naiyo li{ list-style:none; background: url("./mark-chara.gif") left no-repeat ; padding:2px 0 0 20px;line-height:1.3;}

/*ここから下はナビがいらなくなったら消す*/
/*メニュー用テンプレート*/



/*50音メニュー*/
#navi3
{
width: 100%;
float: left;
background-color: #efbda4;
}

#navi3 ul { padding: 0; }
#navi3 ul li { display: inline; }

#navi3 ul
{
margin: 0;
padding: 0 0 0 5%;
color: #6d4e04;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: 80%;
letter-spacing: 2px;
font-weight: bold;
}

#navi3 ul li a
{
padding: 0.2em 12px;
background-color: #efbda4;
color: #6d4e04;
text-decoration: none;
float: left;
border-right: 1px solid #555555;
}

#navi3 ul li a:hover
{
background-color: #ed8e91;
color: #6d4e04;
font-weight: bold;
}

#navlist3 li a:hover, #navlist3 li a:active
{
color: #6d4e04;
text-decoration: none;
background: #FFF;
text-align: left;
text-transform: uppercase;
font: bold normal  "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}