/* 九電旅行 CSR */

#contents {background:transparent url('../imgdata/bg_contents.png') repeat-y 0px 0px;}

#csr {clear:both; width:900px; margin:15px 0px 30px; overflow:hidden;}

#csr div.ttl {position:relative; width:900px; height:155px; margin:; background:transparent url('../imgdata/page/ttl_csr.png') no-repeat 0px 0px; overflow:hidden;}
#csr div.ttl h1 {width:10px; height:10px; text-indent:-2000px;}

#csr div.doc {width:900px; margin:20px 0px; padding:30px 0px; background:#ffffff; overflow:hidden;}
#csr div.doc div.data {width:840px; margin:0px 30px;}

#csr div.doc div.data h2 {height:30px; background:transparent url('../imgdata/page/sttl_csr.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#csr div.doc div.data p.read {margin:15px 10px;}


#csr div.doc div.data ul.list {width:840px;}
#csr div.doc div.data ul.list li {display:inline; width:400px; height:250px; margin:0px 10px; float:left;}
#csr div.doc div.data ul.list li h3 {height:45px; overflow:hidden; text-indent:-2000px;}
#csr div.doc div.data ul.list li p {margin:0px 15px;}
#csr div.doc div.data ul.list li.reserch {background:transparent url('../imgdata/page/bg_csr_reserch.png') no-repeat 0px 0px;}
#csr div.doc div.data ul.list li.seminar {background:transparent url('../imgdata/page/bg_csr_seminar.png') no-repeat 0px 0px;}
#csr div.doc div.data ul.list li.event {background:transparent url('../imgdata/page/bg_csr_event.png') no-repeat 0px 0px;}
#csr div.doc div.data ul.list li.creative {background:transparent url('../imgdata/page/bg_csr_creative.png') no-repeat 0px 0px;}
#csr div.doc div.data ul.list li.creative h3 {height:65px;}