* {
 margin : 0px; 
 padding : 0px;

}

 body {
font-family: メイリオ,Verdana, Arial, Helvetica, sans-serif, ＭＳ Ｐゴシック, Osaka;
background:#ffffff;
 height:100%;
 }
 
 /* -------------------------------------------- *
トップ絵
 * -------------------------------------------- */
 #bannar{
background:url(http://www.usamimi.info/~matsukaze/illust/deai.jpg) no-repeat;
}

/* -------------------------------------------- *
パンくず
 * -------------------------------------------- */
div#pankuzu {
 z-index: 2;
 font-size: small;
 top:5px;

 width:500px;
 height:10px;

 border: 0px solid ;
 }

.pankuzu li {
 display:inline;
 list-style-type:none;
  margin-left:0px;

}

/* -------------------------------------------- *
メイン
 * -------------------------------------------- */

 div#main {
 position:absolute;
 margin-left:110px; /* ナビゲーションボックスの幅の分マージンを取る */
 margin-top:15px;
 overflow:none;
 border: 0px solid red;
 }


 div#navi {
 position:absolute;
 width:100px;
 margin-top:15px;
 margin-left:10px;
 overflow:auto;
 height:100%;
 border: 0px solid ;
 }


 div#illust_navi {
 position:absolute;
 width:170px;

 height:100%;
 margin-top:15px;
 margin-left:110px;
 overflow:auto;
 border: 0px solid ;
 }


 div#illust_main {
 position:absolute;
 margin-left:270px; /* ナビゲーションボックスの幅の分マージンを取る */
 margin-top:15px;
 overflow:none;

 border: 0px solid ; 
 }


 div#comic_main {
 position:absolute;
 margin-left:110px; /* ナビゲーションボックスの幅の分マージンを取る */
 margin-top:15px;

 width:700px;
 overflow:auto;
 white-space: nowrap; 
 border: 0px solid orange;
 }

/* -------------------------------------------- *
リスト
 * -------------------------------------------- */
 li{ 

 margin-left:20px;
 margin-bottom:1%;
 line-height: 130%;
}

li li{ font-size: 80% ;
 margin-bottom:1%;

}




/* -------------------------------------------- *

 * -------------------------------------------- */


div#atogaki {
	position:absolute;
	margin-left:80px; /* ナビゲーションボックスの幅の分マージンを取る */
	margin-top:15px;
	width: 500px;
	overflow:auto;
	margin-bottom:40px;
	left: 25px;
	top: 27px;
} 


div#navi_mokuji {
 line-height: 170%; 

}

a:link {
	color: #B22222;
}

a:visited {
	color: #B22222;
}

a:hover {
	color: #B22222;
}


form {
position: relative;
margin: 0;
padding: 0;

}

img { border: 0px }


img.comic {
margin: 0 10px 10px 0px;
padding: 0px;
border : 1px solid #000000;
float: left; 
}


span {font-size: 80% ;
 line-height: 130%; 
}

#comic_mokuji{ line-height: 150%; 
 font-size: 80% ;}

#kousin_title { 
font-size:small;
font-weight:bold;
}


#kousin { 
font-size:small;
width:420px ; 
height : 80px ; 
overflow : auto;
border:1px solid #000000;
}



textarea { 
border:1px solid #000000;
}

span.page_title {font-size: x-large; }


hr{
text-align : center ; 
width : 600px ; 
 margin-top:15px;
}