h1 {
font-size:200%;
text-align:center;
color:red;
background-color:#F0F6FD;
border-top:7px solid #0850B2;
border-bottom:3px solid #CCC;
}
h2 {
font-size:100%;
text-align:left;
color:#0850B2;
background-color:#fff;
border-left:5px solid #0850B2;
border-bottom:1px solid #fff;
}
h3 {
font-size:90%;
text-align:left;
color:#000;
}
h4 {
font-size:75%;
text-align:right;
color:#555;
}

/* 紹介のためのキャッチコピー用 */
.catch-copy-red {
font-family : Arial,"ＭＳ Ｐゴシック","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3";
font-weight : bold;
font-size : 105%;
color : red;
line-height : 120%;
}

.catch-copy-navy {
font-family : Arial,"ＭＳ Ｐゴシック","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3";
font-weight : bold;
font-size : 100%;
color : navy;
line-height : 120%;
}

/* ------『ＴＥＡＣＣＨとは…』のスタイル-----*/
#what-teacch {
border: 2px solid #CCCCCC;
font-size: small;
padding: 20px;
width: 600px;
background-color:linen;
}
#teacch-title {
background-color: teal;
font-size: 100%;
font-weight:bold;
padding: 15px 15px;
color: #FFFFFF;
}
#teacch-style {
font-size:90%;
text-align:left;
font-weight:normal;
color:#000000;
line-height:140%;
}
#teacch-text {
background-color: #0066cc;
font-size: 100%;
font-weight:bold;
padding: 2px;
color: #FFFFFF;
}


/* ------　目次表示用スタイル　-----*/
.books-data {
text-align:left;
font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",Arial;
font-size:86%;
margin : 0.5em 6px 6px 20px;
color : navy;
}
.mokuji-title {
font-weight : bold;
font-size : 12px;
color : deeppink;
}
.mokuji-chapter-text {
font-weight : bold;
font-size : 12px;
color : darkslategray;
color : darkgreen;
}
.mokuji-text {
	line-height:1.2em;
font-weight : normal;
font-size : 12px;
color : black;
}
.mokuji-small-text {
font-weight : normal;
font-size : 12px;
color : black;
}


/* ------　購入ボタン-----*/
.shopping {
font-size : 12px;
font-weight:500;
text-align:center;
background-color:#ffb3d9;
text-decoration:none;
border-color:#ff4da6;
border-style:solid;
border-width:2px;
padding:2px 8px 1px;
}

.shopping2 {
padding-top:4px;
padding-left:18px;
}


/* ------　タイプ２用　-----*/
.teacch-header {
	line-height:1.5em;
	text-align:center;
	background-color:#f0f0f0;
	width:600px;
	border-color:peru;
	border-style:solid;
	border-width:2px;
	padding : 0px;
	padding-top : 6px;
}
.teacch-title {
background-color: #f0f0f0;
font-size: 90%;
font-weight:bold;
padding: 2px;
color: #444444;
}

.teacch-comment {
	line-height:1.5em;
	text-align:center;
	background-color:#f0f0f0;
	width:600px;
	border-color:#0000ff;
	border-style:solid;
	border-width:1px;
	padding: 5px 5px 5px 5px;
}

.teacch-body {
	font-size:90%;
	line-height:1.4em;
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック","Osaka","ヒラギノ角ゴ Pro W3";
	width:600px;
	border-color:peru;
	border-style:solid;
	border-width:0px 2px 2px 2px;
	padding:3px 13px 3px 13px;
/*background-color : tan;  test */
}
.teacch-container {
	position : relative;
	margin: 8px 0;
	width:100%;
	border-width : 2px;
	border-color : #ff0000;
}

.teacch-right-box {
	margin-left : 156px;
	background-color : white;
	text-align : left;
	padding : 5px 10px 10px 20px;
	padding : 5px 5px 5px 12px;
border-width:0px 0px 0px 3px;
border-color : peru;
border-style:dotted;
/*background-color : linen;  test */
}
.teacch-left-box {
	position : absolute;
	left : 12px;
	top : 2px;
	width : 100px;
	background-color : white;
}



/*　〓【　タイプ１試験用　】〓　
.wrapper {
	width : 600px;
	margin : 0 auto;
}
.header {
	background-color : #f0f0f0;
	border-width : 1px;
	border-color:teal;
	border-style:solid;
	height : 100px;
	text-align : center;
	padding : 8px 2px 2px 2px;
}
.container {
	position : relative;
	margin:0px 0;
	width:100%;
	border-width : 3px;
}
.right-box {
	margin-left : 160px;
	padding:4px 12x 4px 12px;
	background-color : f0f0f0;
	text-align : left;
}
.left-box {
	position : absolute;
	left : 10px;
	top : 0px;
	width : 150px;
	background-color : white;
}

.footer {
	width : 600px;
	background-color : white;
	height : 2px;
}
*/