@charset "UTF-8";

/* ---[ common elements ]--------------------- */
body 		{
		margin-top: 0;
		padding: 0;
		text-align:center;
		background-color:  #F0F0F0;
		background-repeat: no-repeat;
		background-position: center top;
		font-family:"Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
		font-size: 12px;
		color: #333;
		line-height: 180%;
}
div,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5{
		margin: 0px;
		padding: 0px;
}
/*--------------- ul の初期設定（iE、Safari共通)  */
ul	{
		font-family: 'Meiryo','MS UI Gothic',Osaka;
		margin-top: 5px; 
		margin-bottom: 15px;
		margin-left: 15px;
		font-size: 16px;
		line-height: 26px;
		padding-left: 8px;
		list-style-type: disk;
}

li			{
		list-style-type: none;
}

li img		{
		/* vertical-align: bottom;*/
		vertical-align: text-bottom;	/* <-- iE以外で画像下の余分な隙間を防ぎます　*/
}

/* ----------------------------------------------------------------------------ページ全体の囲み */
div#container	{
		margin: 0 auto;
		margin-top: 0px;
		width: 960px;
		text-align: left;
		background-color:  #FOFOFO;
}

div#header	{
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
}
/* ------------------------- 神埼川さんのヘッダ部 ---------------- */
div#headerKanzakigawa	{
		background: url(../kanzakigawa/img/headerKanzakigawa.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}
/* ------------------------- チュンさんのヘッダ部 ---------------- */
div#headerChun	{
		background: url(../chun/img/headerChun.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}
/* ------------------------- あの かずおさんのヘッダ部 ---------------- */
div#headerKazuo	{
		background: url(../kazuo/img/headerKazuo.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}
/* ------------------------- 向日葵さんのヘッダ部 ---------------- */
div#headerHimawari	{
		background: url(../himawari/img/headerHimawari.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}
/* ------------------------- 八千草さんのヘッダ部 ---------------- */
div#headerYachigusa	{
		background: url(../yachigusa/img/headerYachigusa.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}
/* ------------------------- みねペンさんのヘッダ部 ---------------- */
div#headerMinepen	{
		background: url(../minepen/img/headerMinepen.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}
/* ------------------------- Peniのヘッダ部 ---------------- */
div#headerPeni	{
		background: url(../peni/img/headerPeni.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}
/* ------------------------- ワタルさんのヘッダ部 ---------------- */
div#headerWataru	{
		background: url(../wataru/img/headerWataru.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}
/* ------------------------- キミーシャさんのヘッダ部 ---------------- */
div#headerKimisya	{
		background: url(../kimisya/img/headerKimisya.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}

/* ------------------------- リュウタロウさんのヘッダ部 ---------------- */
div#headerRyutarou	{
		background: url(../ryutarou/img/headerRyutarou.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #F0F0F0;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 200px;
}



/* ---------- プラスチック枠の最上部 --------- */
div#subHeader	{
		background: url(../img/writerHeader.jpg)   no-repeat;  
		margin-top: 0px;
		background-color: #FFFFFF;
		/* border-right: 1px solid #666666; */
		position: relative;
		width: 960px;
		height: 45px;

}




/* ----------------------------------------------------------------------------中心部全体 */
div#content	{
		position: relative;
		width: 960px;
		background: url(../img/repeatBar.jpg) repeat-y;
		/* background-color:  #FFFFFF; */
}

/* -------------左側・作家リスト */
div#sub		{
		/* background-color: #FFFFFF; */
		float: left;
		margin-top: 0px;
		float: left;
		width: 200px;
		/* border: 1px solid #666666; */
}
div#sub:after,
div#sub li:after,
div#sub ul:after,
p#sub:after	{
		display:block;
		margin-top:-1px;
		height:1px;
		content:"";
		clear:both;
}

#sub ul		{
}




/* -------------右側原稿部 */
div#main	{
		/* border: 1px solid #AA0000; */
		float: left;
		margin-top: 0px;
		width: 760px;
		/* background-color:  #F0F0F0; */
		/* border: 1px solid #666666; */
}

/* -------------作品リストの段組 */
div#centerList	{

}
/* ----- 左リスト ----- */
div#leftList	{
		float: left;
		width: 300px; /*← #main #leftList ul でwidth 290px;としているので */
}

/* ----- 右リスト ----- */
div#rightList	{
		float: left;
		width: 300px;
}



/* -------------Ｔｏｐのフッター部 */
div#footer	{
		background: url(../img/footer.jpg)  no-repeat;
		padding-top: 50px;
		padding-left: 60px;
		clear: both;
		font-size: 11px;
		text-align: left;
		line-height: 12px;
		width: 960x;
		height: 178px;
}
div#footer ul	{
		text-align: left;
		list-style-type: none;
		width: 920px;
		font-size: 14px;
		line-height: 25px;
		display: block;
}

/* -------------作家別のフッター部 */
div#txtFooter	{
		background: url(../img/txtFooter.jpg)  no-repeat;
		padding-top: 56px;
		padding-left: 40px;
		clear: both;
		font-size: 11px;
		text-align: left;
		line-height: 11px;
		width: 960x;
		height: 60px; /* ←height＝高さ－padding-top */
}
div#txtFooter ul	{
		text-align: left;
		list-style-type: none;
		width: 920px;
		font-size: 14px;
		line-height: 25px;
		display: block;
}







/* リンク */
a:link{
	color: #DB6800;
	/* text-decoration: none; */
}
a:visited {
	color: #6868D0;
	font-weight: bold;
	/* text-decoration: none; */
}

a:hover  {
	color: #DB6800;
	background-color: #B8BFF7;
	/*text-decoration: none;*/
}
a:active {
	background-color: #E8EFF7;
	color: #0000CC;
	text-decoration: none;
}

/* リンク */
li a:link	{
	color: #3366FF;
	text-decoration: none;
}

li a:visited	{
	color: #114488;
	font-weight: bold;
	text-decoration: none;
}

li a:hover	{
	color: #0000FF;
	background-color: #EECCAA;
}
li a:active	{
	background-color: #E8EFF7;
	color: #0000CC;
	text-decoration: none;
}




div.cl	{
	width: 536px;
	height: 2px;
	clear: both;
}



/* ------------------- 作家紹介部分 ---------*/
div.info	{
		width: 960px; 
		margin:	0;
		margin-top: 0px;
		text-align: left;
		font-weight: bold;
		font-size: 14px;
		color: #4686AF;
	/* border: 1px solid #AA0000;*/

		padding: 30px 5px 2px 5px;
		line-height: 180%
}
div.info img	{
		margin-right: 14px;
		padding-top: 0px;
		padding-left: 36px;
}
div.info p			{
		width: 600px;
		padding-top: 68px;
		padding-left: 314px;
		padding-right: 50px;
}

/* ------------------- index 挨拶部分 ---------*/
div.topInfo	{
		width: 670px; 
		margin:	0;
		margin-top: 0px;
		margin-left: 20px;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		color: #AF4F4F;
		border-right: 1px solid #AAAAAA;
		border-bottom: 1px solid #AAAAAA;
		border-top: 2px solid #FAFCFF;
		border-left: 2px solid #FFFFFF;
		background-color: #FCFAF4;
		padding: 20px 5px 40px 5px;
		line-height: 180%
}


/* -------------- 作品リスト -----------*/
div#main ul	{			/*center Listのとき */
		list-style-type: none;
		text-align: left;
		width: 680px;
		margin: 0px;
		font-size: 16px;
		line-height: 24px;
		display: block;
}

div#main div#leftList ul{		/*left Listのとき */
		/* border: 1px solid #AA0000; */
		text-align: left;
		width: 300px;		/* hoverのとき右リストに重なるので小さくなっている */
		margin-left: 20px;
}
div#main div#rightList ul{
		/* border: 1px solid #AA0000; */
		text-align: left;
		width: 300px;
		margin-left: 50px;
}
/* --------------------- 作品リストのサブタイトル -------- */
div#main li.sSize	{
		margin-top: 3px;
		font-size: 12px;
		line-height: 13px;
		text-align: left;
		color: #986699;
}

div#main li	{
		color: #888888;
}


div#main h1	{
		margin-left: 26px;
		text-align:left;
		font-size: 18px;
		font-family: 'Meiryo','MS UI Gothic',Osaka;
		color: #999999;
		line-height: 60px;
}


/* ---------------- 作品リストのリンク挙動 ----------------- */
div#main li a:link	{
		color: #3366FF;
		display: block;
		text-decoration: none;
}

div#main  li a:visited	{
		color: #693333;
		display: block;
		line-height:24px;
		font-weight: bold;
		text-decoration: none;
}

div#main li a:hover	{
		display: block;
		line-height:24px;
		color: #0000FF;
		background-color: #FF9F00;
}
div#main li a:active	{
		background-color: #E8EFF7;
		display: block;
		line-height:24px;
		color: #0000CC;
		text-decoration: none;
}


/* ------------------- 作品リスト新作ボーダー文 ---------*/
span.new	{
		background: url(../img/new.gif)  no-repeat;
		padding-left: 36px;
		font-size: 12px;
		line-height:12px;
		color: #FF6F00;
}
span.ikou	{
		/* background: url(../img/new.gif)  no-repeat; */
		padding-left: 2px;
		font-size: 12px;
		line-height:12px;
		color: #FF6F00;
}

div.newBorder	{
		border: 1px solid #FF9F00;
		border-left: 10px solid #FF9F00;
		padding-top: 3px;
		margin-left: -10px;
		font-size: 16px;
		line-height:24px;
}

/* ------------------- index・作家紹介本文 ---------*/
div.wList {
		clear: both;
		font-size: 16px;
		width: 680px;	/* ←#main=760px-(40x2左右padding) */
		font-family: 'Meiryo','MS UI Gothic',Osaka;
		color: #303030;
		padding: 20px 30px;
		line-height: 30px;
		/* letter-spacing: 0.02em;*/
		margin-top: 1px;
}


/* ------------ その他の装飾 （チュンさんで多用しているので削除しないこと）--------- */
p.comment	{
		font-size: 20px;
		width: 26em;
		color: #785830;
		font-family: "ＭＳ 明朝",serif;
		margin-left: 20px;
		line-height: 38px;
		/* letter-spacing: -0.1em; */
		margin-top: 1px;
}
p.color66	{
		font-size: 16px;
		width: 540px;
		color:#229944;
		font-family: 'MS UI Gothic',Osaka;
		margin-left: 40px;
		/* font-weight: bold; */
		line-height: 20px;
}
p.ochi	{
		font-size: 18px; font-family: 'MS UI Gothic',Osaka;
		margin-left: 2em;
		line-height: 1.3em;
		font-weight: bold;
}
p.title {
		width: 620px;
		margin:	0;
		padding: 0;
		padding-left: 5px;
		font-weight: bold;
		font-size: 18px;
		color: #AF4F4F;
		border-left: 10px solid #AF4F4F;
		border-top: 1px solid #AF6F6F;
		line-height: 30px;
}

p.days {
		margin:	0;
		padding: 0;
		padding-top: 10px;
		font-size: 12px; 
		font-weight: bold;
		color: #5F5F5F;
		line-height: 20px;
		/* border: 1px solid #666666; */
}

p.menu	{
		font-size: 13px; 
		line-height: 16px; 
		margin-top: 1px;
		margin-left: 10px;
		width:	48em;
}