@charset "utf-8";

/* CSS Document */



/* 成功事例コンテンツ左 */

div#example1_box{background:url(../images/example_1_bg.gif) no-repeat top right; border:1px solid #a7c4eb; width:478px; height:157px; margin-left:14px;}

div#example2_box{background:url(../images/example_2_bg.gif) no-repeat top right; border:1px solid #a7c4eb; width:478px; height:157px; margin-left:14px; margin-top:20px;}

h3.example_header{width:232px; height:19px; margin:11px 0 9px 9px; background:url(../images/example_header_line.gif) repeat-x bottom;}

p.example_catch{margin:0 0 21px 9px;}

p.companyname{margin:0 0 13px 9px;}



/* 事例共通 */

div#example_company_box{width:506px; height:180px; margin:20px 0 23px 24px; background:url(../images/example_dotline_blue.gif) repeat-x bottom; clear:both;}

p#company_site_img{float:left; margin-right:18px;}

h4#company_logo{margin:11px 0 0 0;}

p#company_site_url{height:38px; line-height:38px;}



h3#interview_title{margin:0 0 16px 14px;}

p#interview_head{border:1px solid #c9c9c9; width:502px; height:114px; margin:0 0 20px 26px;}

dl#interview_list{margin:0 0 0 26px; width:483px;}



/* 事例1 */

div#example_head_box{background:url(../images/example1_header_bg.gif) no-repeat right; border:1px solid #a7c4eb; width:524px; height:188px; margin:20px 0 0 14px;}

p.example_head_catch{margin:12px 0 48px 9px;}

dt.interview1q{height:59px; color:#0c8ab3; font-weight:bold; padding-left:66px; line-height:48px; background:url(../images/example1_q_img.gif) no-repeat;}

dd.interview1a{padding:10px 0 31px 66px; background:url(../images/example1_a_img.gif) no-repeat 0 10px;}



/* 事例2 */

div#example_head_box2{background:url(../images/example2_header_bg.gif) no-repeat right; border:1px solid #a7c4eb; width:524px; height:188px; margin:20px 0 0 14px;}

dd.interview2a{padding:10px 0 31px 66px; background:url(../images/example2_a_img.gif) no-repeat 0 10px;}