﻿@charset "utf-8";
/* CSS Document */

/*-----トップニュース部分-----*/
#container #news{
	margin:0px -1px 15px 10px;
	padding:0px 0px 10px 0px;
	background: url(../images/bg_news.gif) right bottom no-repeat;
	height:auto;
	width:419px;
	float:left;
	display:inline;
    overflow: hidden;
	
}

#container #news:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container #news {
    height: 1em;
    overflow: visible;
}
/**/
#container #news ul{
	padding-top:5px;
	padding-left:50px;
}

*html #container #news{
/*-----トップニュース部分（IE6制御）-----*/
	margin:0px 15px 15px -1px;
	padding:0px 0px 10px 0px;
	width:420px;
}
#container #news h3{
	margin:0px 0px 0px 0px;
	height:21px;
	background: url(../images/bg_news_h3.gif) no-repeat right top;
	color:#fff;
	padding:4px 5px 0 5px;
	font: normal 10pt Arial, Helvetica, sans-serif;
}
*html #container h3{
	margin:20px 0px 0px 0px;
}

#container a.mailmag{
	margin:0px 0 0px 20px;
}
#container a.mailmag img{
	margin:15px 0 0px 0px;
}

*html #container a.mailmag{
	margin:0px 2px -5px 9px;
}
#container #main{
	position:relative;

}
#container #main  #ads{
	display:block;
	width:670px;
	height:50px;
/*	z-index:0;
	position:absolute;
	top:0px;
	right:0px;*/
	margin:15px 20px 12px 0px;
	position:absolute;
	top:0;
	
}
*html #container #main  #ads{
	width:641px;
}
#container #main  #ads img.mr{
	margin-right:30px;
}

#container #news ul{
	margin:0 10px 0px -4px;
}
*html #container #news ul{
	margin:4px 10px 0px -4px;
}

#container #news ul li{
	background: url(../images/list_arrow_orange.gif) no-repeat left center;
	padding: 1px 1px 1px 20px;
	list-style: none;
}
#container #news ul li a{
	color:#333;
	text-decoration:none;
}
#container #news ul li a:hover{
	color:#f49d11;
	text-decoration:none;
}

/**/
#container #contentlist{
	clear:both;
	margin:415px 0 0 0;
}
*html #container #contentlist{
	margin:377px 2px 0 -2px;
	padding-top:0px;

}
#container #contentlist table{
	border-collapse:separate;
	border-spacing:15px;
	margin:0px 0 0px 5px;
}
*html #container #contentlist table{
	border-collapse:separate;
	margin:0px 0 0px -4px;
	border-spacing:0;
}
#container #contentlist table tr{
}
#container #contentlist table tr td{
	width:198px;
	height:150px;
	min-height:150px;
	max-height:200px;
	padding:0px;
	border:1px solid #333;
	vertical-align:top;
}
*html #container #contentlist table tr td{
	width:195px;
	height:150px;
	min-height:150px;
	max-height:200px;
	padding:0px;
	border:1px solid #333;
	vertical-align:top;
}
#container #contentlist table tr td p{
	margin:0 10px 10px 10px;
	display: block;
	text-align:right;
	position: relative;

}
#container #contentlist table tr td.thickgreen{
	color: #113508;
	background: #EDFCEB;
}
#container #contentlist table tr td.lightgreen{
	color: #424C02;
	background: #F1F9D2;
}
#container #contentlist table tr td.thickgreen h4{
	background: #7FDD6C;
	text-align: right;
	padding: 5px;
	height: 15px;
	width:188px;
	display:block;
	border-bottom:1px solid #333;
	margin:0;
}
*html #container #contentlist table tr td.thickgreen h4{
	width:188px;
} 

#container #contentlist table tr td.thickgreen h4 a{
	text-decoration:none;
	color: #424C02;
}
#container #contentlist table tr td.thickgreen h4 a:hover{
	text-decoration:none;
	color: #EDFCEB;
}
#container #contentlist table tr td.thickgreen p,
#container #contentlist table tr td.thickgreen p{
	display:block;
}
#container #contentlist table tr td.thickgreen ul,
#container #contentlist table tr td.lightgreen ul{
	margin:10px 10px 5px 25px;
}
#container #contentlist table tr td.thickgreen ul li a,
#container #contentlist table tr td.thickgreen p a{
	text-decoration:none;
	color: #154C0A;
}
#container #contentlist table tr td.thickgreen ul li a:hover,
#container #contentlist table tr td.thickgreen p a:hover{
	text-decoration:none;
	color: #7FDD6C;
}
#container #contentlist table tr td.lightgreen h4{
	color: #424C02;
	background: #C7ED51;
	text-align: right;
	padding: 5px;
	height: 15px;
	width:188px;
	display:block;
	border-bottom:1px solid #333;
	margin:0;
}
*html #container #contentlist table tr td.lightgreen h4{
	width:187px;
} 

#container #contentlist table tr td.lightgreen h4 a{
	color: #424C02;
	text-decoration:none;
}
#container #contentlist table tr td.lightgreen h4 a:hover{
	color: #9ECC15;
	text-decoration:none;
}
#container #contentlist table tr td.lightgreen ul li a,
#container #contentlist table tr td.lightgreen p a{
	text-decoration:none;
	color: #424C02;
}
#container #contentlist table tr td.lightgreen ul li a:hover,
#container #contentlist table tr td.lightgreen p a:hover{
	text-decoration:none;
	color: #9ECC15;
}
#container #contentlist table tr td ul.children{
	display:none;
}  

/*info*/
#container #main .info{
	/*background:#efefef;
	margin:0 19px 15px 19px;
	padding:5px;*/
	clear:both;
	margin:80px 0px 15px 9px;
	padding:0px 15px 5px 0px;
	background: url(../images/bg_online.gif) left bottom no-repeat;
	height:auto;
	width:670px;
    overflow: hidden;
	position:relative;
}
#container #main .info:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container #main .info {
    height: 1em;
    overflow: visible;
}
/**/
*html #container #main .info{
	width:660px;
	margin:80px 2px 15px -2px;
	padding:0px 0px 5px 0px;
}
#container #main .info p{
/*	margin-bottom:8px;
*/
	margin:5px 30px 10px 30px;
	line-height:1.3; 
	float:left;
	width:430px;
	display:inline;
}
*html #container #main .info p{
/*	margin-bottom:8px;
*/
	margin:5px 0px 10px 30px;
	line-height:1.3; 
	display: inline;
	width:430px;
	float:left;
}

#container #main .info h2{
/*	margin:0;
	padding:0;
	background:#efefef;
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #333333;
*/
	margin:0px 0px 0px 0px;
	height:21px;
	background: url(../images/bg_info_h2.gif) no-repeat left top;
	color:#333;
	padding:4px 5px 0 5px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	letter-spacing:2pt;

}
#container #main .info .rightban{
	float: right;
	display:inline;
	position: absolute;
	top:35px;
	right:60px;
}
*html #container .info .rightban{
	top:0px;
	right:0px;
	display:inline;
	width:125px;
	float:right;
	margin:-5px -10px 10px 10px;
}

#container #main .ban_study{
	float:right;
	margin:12px 20px 0 0;
	padding:0;
	display:inline;

}
*html #container #main .ban_study{
	margin:12px 3px 0 -3px;
	padding:0;

}
/*studynet_sub*/
#container #studynet_sub{
	clear:both;
	margin:0px 0px 15px 9px;
	padding:0px 0px 5px 0px;
	background: url(../images/bg_studynet_sub.gif) left bottom no-repeat;
	height:auto;
	width:670px;
	overflow: hidden;
	position:absolute;
	top:168px;
}
*html #container #studynet_sub{
	clear:both;
	margin:0px 12px 15px -3px;
	padding:0px 0px 5px 0px;
	top:150px;
}

#container #studynet_sub:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container #studynet_sub {
    height: 1em;
    overflow: visible;
	width:641px;
}
/**/
#container #studynet_sub h3{
	margin:0px 0px 0px 0px;
	height:21px;
	background: url(../images/bg_studynet_sub_h3.gif) no-repeat left top;
	color:#333;
	padding:4px 5px 0 5px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	letter-spacing:1.5pt;
}
#container #studynet_sub p{
	margin:5px 30px 10px 30px;
	line-height:1.3; 

}
#container #studynet_sub dl{
	margin-left:26px;

}
#container #studynet_sub dd{
	float:left;
	margin:0 11px 0px 0;
	display:block;
	width:111px;
	

}
#container #studynet_sub dd h4{
	margin:0;
	padding:0;

}
#container #studynet_sub dd p{
	margin:5px;
	font-size:9pt;

}


/*online*/
#container #online{
	clear:both;
	margin:0px 0px 15px 9px;
	padding:0px 0px 5px 0px;
	background: url(../images/bg_online.gif) left bottom no-repeat;
	height:auto;
	width:670px;
    overflow: hidden;
	position:absolute;
	top:0;
	display:inline;
}
*html #container #online{
	width:641px;
	margin:-15px 3px 15px -3px;
}
#container #online h3{
	margin:0px 0px 0px 0px;
	height:21px;
	background: url(../images/bg_online_h3.gif) no-repeat left top;
	color:#333;
	padding:4px 5px 0 5px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	letter-spacing:2pt;
}
#container #online dt{
	float:left;
	margin:10px 10px 10px 30px;
}
*html #container #online dt{
	float:left;
	margin:10px 0px 10px 13px;
}

#container #online dd{
	float:right;
	width:520px;

}
*html #container #online dd{
	float:right;
	width:500px;
	display:inline;
}

#container #online p{
	margin:10px 30px 10px 0px;
	line-height:1.3; 
	font-size:9pt;

}

*html #container #online p{
	margin:10px 15px 10px 0px;
	line-height:1.3; 
	font-size:9pt;

}

#main .order{
	position:relative;
	clear:both;
	display:block;

}
#main #bottomads{
	text-align:center;
	margin:30px 0 0 0;

}

/**/
div#rss img{
	margin:15px 0 0 50px;

}
