/* CSS Document */

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

collaboration.css
提携企業社員の皆様へページのみに使用されるスタイルを記述

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

#privilegeArea { position: relative; background-color: #f2f7e5; width: 645px; padding: 20px; margin-bottom: 20px; }
    #privilegeArea h2.h2privilege { position: absolute; top: -20px; right: -10px; }
    #privilegeArea .privilegeBox { background-color: #FFFFFF; padding: 20px; margin-bottom: 20px; }
	#privilegeArea .privilegeBox .ttlBox { background-color: #82b102; border-radius: 4px; text-align: center; color: #FFFFFF; padding: 3px 0 2px; margin-bottom: 10px; }
	#privilegeArea a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
    }
	#privilegeArea .separateLine { border-bottom: solid 1px #becd96; padding-bottom: 20px; margin-bottom: 20px; }
	#privilegeArea dl.getAdobe dt { float: left; width: 158px; }
	#privilegeArea dl.getAdobe dd { float: left; padding-left: 10px; }
	#privilegeArea dl.getAdobe dd p { height: 40px; display: table-cell; vertical-align: middle; }
	
#inquiryArea { position: relative; background-color: #f2eded; padding: 20px; margin-bottom: 40px; }
    #inquiryArea h2.h2inquiry { position: absolute; top: 10px; left: 50%; margin-left: -88px; }
    #inquiryBox { background-color: #FFFFFF; padding: 57px 0 20px 20px; }
	#inquiryBox dl { float: left; margin-right: 15px; }
	#inquiryBox dl dt { float: left; width: 5em; background-color: #b19697; border-radius: 4px; color: #FFFFFF; text-align: center; padding: 3px 0 2px; }
	#inquiryBox dl dd { padding: 3px 0 0 5.5em; }

dl#topics { margin-bottom: 30px; }
dl#topics dt { float: left; width: 200px; clear: both; padding-bottom: 1px; margin: 0 10px 10px 0; }
dl#topics dd { padding-left: 220px; border-bottom: dotted 1px #acacac; padding-bottom: 10px; margin-bottom: 10px; }
* html dl#topics dd { float: none; }
*:first-child+html dl#topics dd { float: none; }