
/*====================================================
------------------------------------------------------
	 link.css
------------------------------------------------------
====================================================*/

#link h2 { width: 545px; height: 30px; text-indent: -9876em; margin: 0 0 15px 0; background: url(../Link/img/h2_01.gif) right center no-repeat;} 

#link h3.m0 { width:535px; clear: both; background-color: #666; padding:0.4em; font-size:120%; font-weight:bold; color:#FFF; text-indent: 0;}
#link h3 { width: 535px; clear: both; display: block; background-color: #666; padding: 0.4em; font-size: 120%; font-weight: bold; color: #FFF; text-indent: 0; margin-top: 15px;} 
 
#link ul.lis { clear: both; display: block; width: 100%; border-bottom: 1px #999 solid; margin: 10px 0 15px auto;}
#link ul.lis:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;} 
/*\*//*/
     #link ul.lis {
         display: inline-table;
     }
 /**/

#link ul.lis li.l { float: left; display: block; width: 413px; padding: 20px 0 0; margin: 0;}
#link ul.lis li.r { float: left; display: block; width: 130px; height: 100px; border-left: 1px #999 solid; border-top: 1px #999 solid; border-right: 1px #999 solid; text-align: center; padding: 1px 0;}

#link ul.lis li.l p { clear: both; display: block; font-size: 110%; border-left: 6px #CCCCCC solid; text-indent: 8px; padding: 0; }
#link ul.lis li.l p a { width: 100%; height: auto; display: block; text-decoration: none; background-color: #F5F5F5; padding: .2em 0;}
#link ul.lis li.l p a:hover { background-color: #CCCCCC;}

