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


/*////////////////////////////////////トップページ*/


/* flash */


#falsh {
	margin:0;
}
#top_footer {
	margin:10px auto 0 auto;
	width:960px;
	display: block;
	clear: both;
	padding-top:10px;
}
/*グローバルメニュー*/

.top_left_menu {
	background:url(../img/top/buy_tit.jpg) no-repeat;
	padding: 0 0 0 205px;
	position:absolute;
	left:0px;
	z-index: 100;
}
.top_right_menu {
	background:url(../img/top/lea_tit.jpg) no-repeat;
	padding: 0 0 0 205px;
	position:absolute;
	right:0px;
	z-index: 100;
}
.menuPad {
	height: 99px;
	position: relative;
	margin: 0 0 20px 0;
	width: 960px;
}
#slide {
	height:99px;
}
/*#slide2 {
	padding: 25px 0 0 206px;
	margin: 0;
	position: absolute;
	z-index: 100;
	left: 487px;
	background:url(../img/top/lea_tit.jpg) no-repeat;
	top: 0px;
}*/
#slide dt {
	padding: 0;
	margin: 0;
	width: 267px;
	height: 33px;
	text-align: center;
	cursor: pointer;
}
/*#slide dt.slide
{
  color: #fff;
  background: url(images/back.png) left bottom;
}*/
#slide dt a {
	display: block;
	height: 33px;
	color: #066;
	text-decoration: none;
	line-height: 37px;
}
#slide dt a:hover {
	color: #fc0;
}
#slide dd {
	padding: 0;
	margin: 0;
	background: #eee;
	text-align: left;
	width: 265px;
	height: 0;
	overflow: hidden;
	position: relative;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}
#slide dd ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 0;
	bottom: 0;
	height: auto;
	width: 265px;
}
#slide dd ul li {
	border-bottom: 1px solid #CCC;
	width: 265px;
}
#slide dd ul li a {
	color: #666;
	text-decoration: none;
	width: 253px;
	padding:3px 5px;
	height: auto;
	display: block;
	background:none;
	border:#FFF solid 1px;
}
#slide dd ul li a span {
	color: #454545;
	font-weight:normal;
	text-transform: none;
	background:none;
	display: block;
}
#slide dd ul li a:hover {
	background-color:#0075c1;
	color:#FFF;
	border:#FFF solid 1px;
}
#slide dd ul li a:hover span {
	background-color:#0075c1;
	color:#FFF;
}
/*

#slide dd ul li a:hover {
    background: url(../img/topmenu-selected-bottom.gif) no-repeat 8px bottom;
}
#slide dd ul li a:hover span{
    background: url(../img/topmenu-selected-top.gif) no-repeat 0px 0px;
    color: #fff;
}
*/

#item1 {
	background:url(../img/top/buy_btn.jpg) no-repeat;
	text-indent:-5000px;
}
#item1:hover {
	background:url(../img/top/buy_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item1.slide {
	background:url(../img/top/buy_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item2 {
	background:url(../img/top/sum_btn.jpg) no-repeat;
	text-indent:-5000px;
}
#item2:hover {
	background:url(../img/top/sum_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item2.slide {
	background:url(../img/top/sum_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item3 {
	background:url(../img/top/sell_btn.jpg) no-repeat;
	text-indent:-5000px;
}
#item3:hover {
	background:url(../img/top/sell_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item3.slide {
	background:url(../img/top/sell_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item4 {
	background: url(../img/top/roo_btn.jpg) no-repeat;
	text-indent:-5000px;
}
#item4:hover {
	background:url(../img/top/roo_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item4.slide {
	background:url(../img/top/roo_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item5 {
	background:url(../img/top/own_btn.jpg) no-repeat;
	text-indent:-5000px;
}
#item5:hover {
	background:url(../img/top/own_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item5.slide {
	background:url(../img/top/own_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item6 {
	background:url(../img/top/ten_btn.jpg) no-repeat;
	text-indent:-5000px;
}
#item6:hover {
	background:url(../img/top/ten_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
#item6.slide {
	background:url(../img/top/ten_btn_on.jpg) no-repeat;
	text-indent:-5000px;
}
.rep_top_box {
	overflow:hidden;
	margin:10px auto 0 auto;
}
.top_l_box {
	float:left;
	width: 750px;
}
.top_info_tit {
	background:url(../img/top/info_tit.gif) no-repeat;
	border-bottom: #0075c2 solid 2px;
	height: 27px;
	position: relative;
}


.top_info_tit span{
	height: 10px;
	font-size:10px;
	position: absolute;
	right: 5px;
	top: 5px;
}


ul.top_list {
	margin:0 0 20px 0;
	list-style:none;
	padding:0 0 0 10px;
	display: inline;
}
dl.top_list {
	backgdound: none;
	margin: 0px 0px 10px;
	display: inline;
}
dl.top_list dt {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px;
	backgdound: none;
}
dl.top_list dd {
	padding: 0;
	margin: 0 0 10px 0;
}
dl.top_list dd ul {
	background: none;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
dl.top_list dd ul li span {
	padding: 0px 0px 0px 10px;
	color: #555;
}
dl.top_list dd ul li {
	margin: 0px 10px 7px 5px;
	padding: 0px 0px 10px 0px;
	border-bottom: #CCC dotted 1px;
}
dl.top_list dd ul li p {
	margin: -1.7em 0em 0em 8em;
	padding: 0px;
	line-height: 1.4em;
}
dl.top_list dd ul li p img {
	margin-left: 5px;
}
.top_open_tit {
	text-indent:-5000px;
	background:url(../img/top/open_tit.gif) no-repeat;
	border-bottom: #0075c2 solid 2px;
	height: 27px;
}
ul.open_list {
	margin:0 0 20px 0;
	list-style:none;
	padding:0 0 0 10px;
	display: inline;
}
dl.open_list {
	backgdound: none;
	margin: 0px 0px 10px;
	display: inline;
}
dl.open_list dt {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px;
	backgdound: none;
}
dl.open_list dd {
	padding: 0;
	margin: 0 0 10px 0;
}
dl.open_list dd ul {
	background: none;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
dl.open_list dd ul li span {
	padding: 0px 0px 0px 10px;
	color: #555;
}

dl.open_list dd ul li {
	margin: 0px 10px 7px 5px;
	padding: 0px 0px 10px 10px;
	border-bottom: #CCC dotted 1px;
}
dl.open_list dd ul li p {
	margin: 0;
	padding: 0px;
	line-height: 1.4em;
}
dl.open_list dd ul li p img {
	margin-left: 5px;
}
.err_box {
	margin:10px 0;
	padding: 100px 0;
	text-align: center;
}
.top_bnr{
	margin:0 0 10px 0;
}
.okuyami{
	margin:0 0 10px 0;
	padding:5px;
	border:#CCC solid 1px;
	text-align:center;
}






a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../img/news/pdf.gif) no-repeat center right;
}

/* pdf要素
----------------------------------------------------------- */
a[href$=".pdf"]{ 
	background: url(../img/news/pdf.gif) no-repeat;
}
* html a.pdf{ 
	background: url(../img/news/pdf.gif) no-repeat;
}
/* doc要素
----------------------------------------------------------- */
.top_list a[href$=".doc"]	{ 
	background: url(../img/news/doc.gif) no-repeat 100% 50%;
}
* html .top_list a.doc	{ 
	background: url(../img/news/doc.gif) no-repeat 100% 50%;
}
/* xls要素
----------------------------------------------------------- */
.top_list a[href$=".xls"]	{ 
	background: url(../img/news/xls.gif) no-repeat 100% 50%;
}
* html .top_list a.xls{ 
	background: url(../img/news/xls.gif) no-repeat 100% 50%;
}
.top_list a[href$=".xlsx"]	{ 
	background: url(../img/news/xls.gif) no-repeat 100% 50%;
}
* html .top_list a.xlsx{ 
	background: url(../img/news/xls.gif) no-repeat 100% 50%;
}
/* zip要素
----------------------------------------------------------- */
.top_list a[href$=".zip"]	{ 
	background: url(../img/news/zip.gif) no-repeat 100% 50%;
}
* html .top_list a.zip{ 
	background: url(../img/news/zip.gif) no-repeat 100% 50%;
}
/* mailto要素
----------------------------------------------------------- */
.top_list a[href ^="mailto:"] {
   background: url(../img/news/mailto.gif) no-repeat 100% 50%;
}
* html .top_list a.mailto	{ 
	background:url(../img/news/mailto.gif) no-repeat 100% 50%;
}
/* 外部リンク要素
----------------------------------------------------------- */
.top_list a[href^="http"]	{ 
	background: url(../img/news/external.gif) no-repeat 100% 50%;
}
* html .top_list a.external	{ 
	background: url(../img/news/external.gif) no-repeat 100% 50%;
}
.top_list a[href^="http://www.css-lecture.com/"]	{
	padding: inherit;
	background: transparent;
}
/* IE-6要素
----------------------------------------------------------- */
* html .top_list a{
	behavior: expression(
	this.className += this.getAttribute("href").match(/^http.*/) && (!this.getAttribute("href").match("css-lecture.com")) ? " external" : "",
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
	this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",
	this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",
	this.className += this.getAttribute("href").match(/\.zip$/) ? " zip" : "",
	this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "",
	this.style.behavior = "none"
	);
}