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

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

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

/*-----------------------------------
	タイトル
-----------------------------------*/
#main p.header{
	margin:0;
	padding:0;
}
#main p.header a{
	margin:0;
	padding:0;
	display:block;
	width:900px;
	height:100px;
	outline:none;
}

#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:url(../data/contents/06-information/01-chueiwebmagazine/contents-back.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:0;
	padding-top:0;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/*-----------------------------------
	フッター
-----------------------------------*/
#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-logo a{
	color:#333333;	
}
#footer a{
	color:#000;
}

/*-----------------------------------
	目次ページ
-----------------------------------*/
.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;
}
.wc .indent2{
	margin-left:1.5em;
	text-indent:-1.5em;
	padding:0px;
}
.wc .indent2-2{
	margin-left:2em;
	text-indent:-1em;
	padding:0px;
}
.wc .indent3{
	margin-left:3.5em;
	text-indent:-2em;
	padding:0px;
}
.wc .indent4{
	margin-left:2.5em;
	text-indent:0em;
}
.wc .indent5{
	text-indent:-2em;
	padding-left:3em;
}
.wc .indent5-2{
	text-indent:-1.5em;
	padding-left:2.5em;
}

.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%;
	line-height:150%;
}

.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;
}
.ltt{
	border-top:1px dashed #000;
}

.mb{
	margin-bottom:50px;
}
.pt{
	padding-top:30px;
}

.waku1{
	border:1px solid #000;
	padding-right:5px;
	padding-left:5px;
}
.waku2{
	border:1px solid #FF3300;
	
}
.waku3{
	border:3px solid #FF9999;
	padding:10px 20px;
}
.gijiclick{
	color:#0000FF;
	cursor:pointer;
	text-decoration:underline;
}
.gijiclick:hover{
	color:#FF0000;
}
p.noma-t{
	padding-top:0;
	margin-top:0;
}
p.noma-b{
	padding-bottom:0;
	margin-bottom:0;
}
p.noma{
	padding:0;
	margin:0;
}

.bgc-orange{
	background-color:#FFCC99;
}
.bgc-gray{
	background-color:#CCCCCC;
}
.bgc-sun1{
	background-color:#FF9999;
}
.bgc-sun2{
	background-color:#99CCFF;
}
.bgc-sun3{
	background-color:#CCFF99;
}

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

a img{
	border:0;
}