@charset "euc-jp";
/* CSS Document */

/* webeigoLeft
---------------------------------------*/
#webeigoLeft{
	width:610px;
	float:left;
	margin-left:10px;
}

#webeigoLeft h2{
	margin-bottom:30px;
}

/* webeigoRight
---------------------------------------*/
#webeigoRight{
	width:200px;
	float:right;
	margin-right:10px;
}

#webeigoRight #book{
	background:url(../images/rightBg01.gif) 0 0 repeat-y;
	width:190px;
	padding:5px;
}
#webeigoRight #book ul{
	width:161px;
	margin:10px auto;
	padding:0;
}
#webeigoRight #book li{
	border-bottom:dotted 1px #999999;
	padding-bottom:10px;
	margin-bottom:10px;
}
#webeigoRight #book a{
	font-size:10px;
	text-decoration:underline;
}

#webeigoRight #book td{
	text-align:center;
}

#webeigoRight #book .relation-td {
	padding-top: 10px;
}
#webeigoRight #book .relation-td table{
	margin:0 auto;
}

#webeigoRight #book .marginB0{ margin-bottom:0;}


#webeigoRight #banner{
	background:url(../images/rightBg01.gif) 0 0 repeat-y;
	width:190px;
	padding:5px;
}
#webeigoRight #banner ul{
	width:161px;
	margin:10px auto;
	padding:0;
}
#webeigoRight #banner li{
	margin-bottom:5px;
}

#webeigoRight .marginT10{
	margin-top:10px;
}

/* Web英語青年
---------------------------------------*/
#webBox{
	background:#fdfdfd;
	border:solid 1px #1f0c08;
	padding:4px;
	margin:0 10px 30px;
}

#webBox h3{
	background:url(../images/titleLine01.gif) bottom left no-repeat;
	width:574px;
	color:#2b1915;
	font-size:16px;
	margin:0 0 10px;
	padding:0 3px 8px;
}

#webBox #nav{
	background:url(../images/btn01_off.gif) 0 0 no-repeat;
	width:580px;
	height:27px;
	margin-bottom:15px;
}
#webBox #nav a{
	display:block;
	text-indent:-9999px;
	outline:medium none;
	margin-right:5px;
	width:190px;
	height:27px;
	float:left;
}
#webBox #nav a:hover{
	background:url(../images/btn01_on.gif) 0 0 no-repeat;
}
#webBox #nav a.btn01{ background-position:0 0 ;}
#webBox #nav a.btn02{ background-position:-195px 0 ;}
#webBox #nav a.btn03{ background-position:-390px 0 ; margin-right:0;}


#webBox h4{
	border-left:solid 5px #1f0c08;
	border-bottom:dotted 1px #1f0c08;
	margin:0 0 15px;
	padding:3px 0 3px 5px;
	color:#1f0c08;
	font-weight:bold;
}

#webBox dl{
	margin:0;
}
#webBox dt{
	margin-bottom:3px;
}
#webBox dt a{
	text-decoration:underline;
}
#webBox dt a:hover{
	text-decoration:none;
}
#webBox dd{
	margin:0 0 20px 2em;
}

#webBox #number{
	border:solid 1px #999999;
	padding:5px 10px;
	line-height:160%;
	margin:15px 5px;
}

#webBox #backNum{
	background:url(../images/btn02_off.gif) 0 0 no-repeat;
	width:515px;
	height:34px;
	margin:0 auto 10px;
}
#webBox #backNum a{
	width:248px;
	outline:medium none;
	text-indent:-9999px;
	height:34px;
	display:block;
}
#webBox #backNum a:hover{
	background:url(../images/btn02_on.gif) 0 0 no-repeat;}

#webBox #backNum a.btn01{ float:left;}
#webBox #backNum a.btn01:hover{ background-position:0 0 ;}
#webBox #backNum a.btn02{ float:right;}
#webBox #backNum a.btn02:hover{ background-position:-267px 0 ;}


/* 片々録
---------------------------------------*/
#tabBox{
	margin:0 10px;
}

#tabBox h3.title{
	background:url(../images/title01.gif) 0 0 no-repeat;
	width:590px;
	height:33px;
	text-indent:-9999px;
	margin:0;
}

#tabBox #nav{
	background:url(../images/btnBg.gif) 0 0 no-repeat;
	width:590px;
	height:31px;
}
#tabBox #nav a{
	display:block;
	outline:medium none;
	text-indent:-9999px;
	float:left;
	height:31px;
}
#tabBox #nav a#infoBtn01{
	width:124px;
	margin-left:4px;
}
#tabBox #nav a#infoBtn02{
	width:124px;
}
#tabBox #nav a#infoBtn03{
	width:124px;
	margin-right:4px;
}
#tabBox #nav a#infoBtn04{
	height:27px;
	width:105px;
	margin:4px 1px 0 0;
}
#tabBox #nav a#infoBtn05{
	height:27px;
	width:104px;
	margin-top:4px;
}

#tabBox #infoBox{
	border:solid 1px #1f0c08;
	padding:1px;
}


/* 片々録 コンテンツCSS
---------------------------------------*/
div.update-wrap {
	width: 560px;
	margin: 0px auto;
	padding: 10px 0px;
	background: #FFFFFF;
}

div.update-wrap a {
	color: #0052C0;
	text-decoration:underline;
}
div.update-wrap a:hover {
	color: #0052C0;
}
div.update-wrap p, td {
	color: #8A8075;
}
div.update-wrap b {
	color: #000000;
}

div.update-wrap td {
	padding: 3px;
}
div.update-wrap h3 {
	padding: 10px 0px;
}

div.update-wrap ul {
	padding:0;
}
div.update-wrap li {
	list-style-type: disc;
	margin-left: 30px;
}
div.update-wrap p {
	padding:0;
	margin:0;
}