/******************************************************
	ホームページ全体
******************************************************/
body{

	width:750px;								/* 横幅を？pxに固定する　ブラウザの横幅を狭くしすぎたら見えなくなる部分が出てくる */
	margin: 0 auto;								/* ブラウザの横幅を狭くしても全体が中央に表示される　 */
	font-family: "游明朝";					/* フォントの設定　*/
}
/******************************************************
	h1　　　ホームページタイトル
******************************************************/
h1{														/* h1タグに対してのCSS */

	border-bottom: solid 1px black;						/*	下線を引く　solid直線　線の太さ　色 */
	border-left: solid 3px black;						/*左線*/
	margin-top: 50px ;
	margin-bottom: 50px;
	font-size: 1rem;
}
/******************************************************
	h2　　　ページのリンク
******************************************************/
h2{														/* h2タグに対してのCSS */

	margin-bottom : 50px ;
	font-size: 0.9rem;
}
/******************************************************
	h3　　　本ののタイトル
******************************************************/
h3{														/* h3タグに対してのCSS */

	border-bottom: solid 1px black;						/*	下線を引く　solid直線　線の太さ　色 */
	margin-bottom : 20px ;
	border-left: solid 3px black;						/*左線*/
	font-size: 1.4rem;

}
/******************************************************
	h4　　　ページのリンク
******************************************************/
h4{														/* h2タグに対してのCSS */
	margin-top: 50px;
	margin-bottom : 50px ;
	font-size: 0.9rem;

}

/******************************************************
	ul
******************************************************/
ul{
	margin-top: 30px;
	margin-bottom : 80px ;
	list-style-type: disc;
	font-size: 1rem;

}
/******************************************************
	table
******************************************************/
table{
	width:750px;
}
/******************************************************
	table,td
******************************************************/
td,tr{
	border: 0px solid red;									/* 確認用 */
}
/******************************************************
	小説の写真の部分の幅
******************************************************/
.photo{
	width: 100px;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;

}
/******************************************************
	タイトルや作者の部分の幅
******************************************************/
.basic_info1{
	width: 150px;
	text-align: left;
	font-size: 2rem;
	vertical-align: top;
}
/******************************************************
	タイトルや作者の部分の幅
******************************************************/
.basic_info2{
	width: 500px;
	text-align: left;
	font-size: 1rem;
	vertical-align: top;
}

p{
	border-bottom: none;
	margin-left: 20px;
	line-height: 10px;
	font-size: 1rem;
}
p.test7-1{
	margin-bottom: 10px;
	color: skyblue;
}
p.test7-2{
	margin-left: 50px;
	margin-bottom: 30px;
	line-height: 30px;
	color: red;
}