/*-------------------------------------------------------------------------

contents.css

--------------------------------------------------------------------------*/

/*
===== :: contents left================================================================*/
#contents #left{ float: left; width: 600px; height: auto;}
#contents #left #news{ clear: both; width: 600px; height: 150px;}
#contents #left #news #ttl{ width: 600px; height: 15px; background-image: url(../img/news_ttl.jpg);text-indent:-99999px;}
#contents #left #news img{ vertical-align: bottom}
#contents #left #news dl{ display: block; float: left; width: 600px; margin-top: 5px; margin-left: 0px;}
#contents #left #news dt{ float: left; width: auto;}
#contents #left #news dd{ font-size: 13px; margin-left: 15px; width: auto; color: #000000;}

#contents #left #business{ clear: both; width: 600px; height: auto; margin-top: 0px;}
#contents #left #business #ttl{ width: 600px; height: 15px; background-image: url(../img/search_ttl.jpg); margin-bottom: 3px;text-indent:-99999px;}
#contents #left #business #box_1{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_1.jpg);}
#contents #left #business #box_2{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_2.jpg);}
#contents #left #business #box_3{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_3.jpg);}
#contents #left #business #box_4{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_4.jpg);}
#contents #left #business #box_5{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_5.jpg);}
#contents #left #business #box_6{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_6.jpg);}
#contents #left #business #box_7{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_7.jpg);}
#contents #left #business #box_8{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_8.jpg);}
#contents #left #business #box_9{ float: left; width: 200px; height: 98px; background-image: url(../img/s_box_9.jpg);}
#contents #left #business a{ float: right; width: 200px; height: 98px; text-decoration: none;}
#contents #left #business a:hover{ float: right; width: 200px; height: 98px; text-decoration: underline; color: #000000;}
#contents #left #business .text_box{ float: right; width: 103px; height: 85px; line-height: 16px; cursor: pointer;}

#contents #left #money{ clear: both; width: 600px; height: auto;}
#contents #left #money #ttl{ width: 600px; height: 15px; background-image: url(../img/money_ttl.jpg); margin-bottom: 3px;text-indent:-99999px;}
#contents #left #money .money_img{ float: left; width: 196px; height: auto; padding: 2px; margin-bottom: 10px; line-height: 10px;}

/*
===== :: contents right================================================================*/
#contents #right{ float: right; width: 230px; height: auto;}

.advertisebox{ float: right; width: auto; height: auto; margin-bottom: 10px; line-height: 10px;}


.advbox2 img{ margin-bottom: 10px;}


.cyan{ color: #00b7ee;}

.int {
	margin : 10px 0 15px 0;
}

.int p{
	margin-bottom : 10px;
	line-height : 130%;
	font-size : 110%;
}
.int-t {
	border-left : 3px solid #ccc;
	padding : 5px 0 5px 10px;
	margin : 0 0 5px 0;
}



/*
===== :: MIDDLE NAVI ===========================================================*/
#mnavi{ clear: both; width: 600px; height: 30px; background: url(../img/m_navi.jpg); margin: 30px 0 10px 0;}
#mnavi:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;}
#mnavi li{ display: inline; font-size: 4px}
#mnavi li a{ float: left; height: 30px; background: url(../img/m_navi.jpg) no-repeat; text-indent: -9999px}
#mnavi li a:hover{ z-index: 1}
#mnavi li#m00 a { width: 7px; background-position: 0 0}
#mnavi li#m01 a { width: 100px; background-position: -7px 0}
#mnavi li#m02 a { width: 100px; background-position: -111px 0; }
#mnavi li#m03 a { width: 100px; background-position: -215px 0; }
#mnavi li#space a{ width: 4px; background-position: 0 0}


#mnavi li#m01 a:hover { background-position: -7px -30px; }
#mnavi li#m02 a:hover { background-position: -111px -30px; }
#mnavi li#m03 a:hover { background-position: -215px -30px; }