/*************************************

	中学校英語ウェブマガジンCSS

*************************************/

html,body{
	background-color:#ffffff;
}

/*-----------------------------------
	タイトル
-----------------------------------*/
#main.webmagazine{
	background-image:url(../data/contents/06-information/01-chueiwebmagazine/back.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:80px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#main.webmagazine-contents{
	background-image:none;
	padding-top:0px;
	margin-top:0px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#main p.header{
	margin:0;
	padding:0;
}
.header a{
	text-decoration:none;
}

/*-----------------------------------
	フッター
-----------------------------------*/
#footer-logo{
	background-image:url(../data/layout/phoenix.gif);
	background-repeat:no-repeat;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}
#footer a{
	color:#090;
}

/*-----------------------------------
	目次ページ
-----------------------------------*/
.box{
	margin-left:100px;
	margin-right:100px;
	padding:10px 20px ;
}

table.contents{
	width:750px;
	margin:0 auto 0 auto;
.contents td{
	padding:10px 0 5px 0;
}
.contents .kai{
	vertical-align:top;
	text-align:right;
	margin:0px;
	padding: 14px 10px 0 0;
}
.contents .kai-new{
	vertical-align:top;
	text-align:right;
	margin:0px;
	padding: 30px 10px 0 0;
}


/*-----------------------------------
	内容
-----------------------------------*/
div.wc{
	width:600px;
	margin:0 auto 0 auto;
}
.wc h2{	
	border-left:10px solid #000;
	padding:5px 20px;
}
.wc p{
	line-height:180%;
	letter-spacing:1px;
	margin-top:10px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:10px;
}
.contents-box{

	border:3px solid #aaa;

	width:550px;
	padding:5px 20px;
	margin:0;
}
.contents-box2{
	width:550px;
	padding:5px 20px;
	margin:0;
}

.attention{
	color:#f00;
	font-weight:bold;
}

.wc .small-box{
	width:600px;
	padding-top:40px;
}
.wc .small-box p{
	margin:0;
	font-size:90%;
	line-height:150%;
	padding:0 30px 0 30px;
}
.wc .small-box p strong{
	font-size:120%;
}

.wc .numbering{
	background-color:#FF3300;
	color:#fff;
	font-weight:bold;
	margin-right:1em;
	padding:5px 10px;
}
.wc .num-indent{
	margin-left:4em;
	text-indent:-4em;
}
.wc .attention-detail{
	margin-left:4em;
	text-indent:-1.5em;	
}
.wc .indent1{
	margin-left:1em;
	text-indent:0em;
}
.wc .indent1-2{
	margin-left:1em;
	text-indent:-1em;
}

.prof{
	border-top:1px solid #000;
	width:600px;
	margin-top:50px;
	padding-top:40px;
	padding-bottom:50px;
}
.prof table{
	width:550px;
	margin-left:auto;
	margin-right:auto;
}
.prof .title{
	font-size:100%;
	font-weight:bold;
	padding-top:10px;
}
.prof td{
	font-size:90%;
}

.footer{

	border-top:1px solid #000;
	margin:0 auto 0 auto;
	width:600px;
	padding:50px;

}
/*-----------------------------------
	汎用
-----------------------------------*/
.lb{
	border-bottom:1px solid #000;
}
.lt{
	border-top:1px solid #000;
}
.ll{
	border-left:1px solid #000;
}
.lr{
	border-right:1px solid #000;
}
.lu{
	border-bottom:2px solid #000;
}
.mb{
	margin-bottom:50px;
}
.pt{
	padding-top:30px;
}

.bgc-orange{
	background-color:#FFCC99;
}
.bgc-gray{
	background-color:#CCCCCC;
}

hr{
	border-top:1px solid #000000;
	border-left:0;
	border-right:0;
	border-bottom:0;
	margin:0 auto 0 auto;
	width:800px;
}