/*
========================================
CSS for Youjitohoiku Web Site
========================================*/


/*■ 基本
---------------------------------------------------------- */



/*■ インタビュー
---------------------------------------------------------- */
#intPre{background:url(../img/intpre_fr_bk.gif) repeat-y;margin:15px 5px 10px;position:relative;}
#intPre .in{padding:0 25px 20px 150px;font-size:12px;line-height:18px;}
#intPre h2{background:url(../img/intpre_fr_t.gif) no-repeat;width:720px;height:62px;display:block;text-indent:-9999px;}
#intPre .ph{position:absolute;top:0px;left:0px;}

.lineup{text-align:center;margin:0 0 13px;}
.lineup ul{margin:0 auto;padding:0;list-style:none;text-align:left;width:320px;}
.lineup li{margin:0;padding:3px 0 3px 0;font-size:12px;line-height:16px;font-weight:bold;white-space:nowrap;}
.lineup li a{font-weight:normal;}

#intBk{background:url(../img/int_fr_bk.gif) repeat-y;width:730px;margin:0 auto;}
#intBk dl{margin:0;padding:0;font-weight:bold;}
#intBk dt{display:block;padding:0;margin:0;	width:4em;float:left;}
#intBk dd{display:block;padding:0;margin:0;margin-left:4em;}
#intBk .read{margin:7px 0 14px;}
#intBk .dotHR{width:680px;clear:both;height:30px;background:url(../img/int_hr.gif) no-repeat center;}
#intBk .contIn{padding:0 20px;}
#intBk .contIn p{font-size:12px;line-height:22px;text-indent:1em;}
#intBk .contHd{}


#int01ttl{background:url(../img/int_01_main.gif) no-repeat;width:730px;height:110px;text-indent:-9999px;display:block;}
/*#int01phmain{width:256px;float:right;}*/
#int01ph1{width:300px;float:right;}
#int01txt1{margin:0 0 20px;width:380px;float:left;}
#int01txt1 h3{background:url(../img/int_01_sttl1.gif) no-repeat 0px 0px;width:350px;height:60px;text-indent:-9999px;display:block;}
#int01txt1 p{margin:0 10px 20px;}
/*#int01ph2{width:322px;float:left;}*/
#int01ph2{width:310px;float:left;clear:both;}
#int01txt2{margin:0 0 20px;width:380px;float:left;}
#int01txt2 h3{background:url(../img/int_01_sttl2.gif) no-repeat 0px 5px;width:350px;height:45px;text-indent:-9999px;display:block;}
#int01txt2 p{margin:0 10px 20px;}
#int01ph3{width:300px;float:right;clear:both;}
#int01txt3{margin:0 0 20px;width:380px;float:left;}
#int01txt3 h3{background:url(../img/int_01_sttl3.gif) no-repeat 0px 5px;width:350px;height:45px;text-indent:-9999px;display:block;}
#int01txt3 p{margin:0 10px 20px;}
#intBk .dotHR{width:680px;clear:both;height:30px;background:url(../img/int_hr.gif) no-repeat center;}
#intYokoku{background:url(../img/int_yokoku.gif) no-repeat;padding:0 0 3px 80px;font-size:12px;line-height:16px;margin:20px 0 0;}
.back{text-align:center;padding:24px 0 40px;clear:left;}

.clr{width:1px;height:0px;font-size:0px;line-height:0px;clear:both;}



#int02ttl{background:url(../img/int_02_main.gif) no-repeat;width:730px;height:110px;text-indent:-9999px;display:block;}
/*#int01phmain{width:256px;float:right;}*/
#int02ph1{width:230px;float:right;}
#int02txt1{margin:0 0 20px;width:450px;float:left;}
#int02txt1 h3{background:url(../img/int_02_sttl1.gif) no-repeat 0px 0px;width:350px;height:45px;text-indent:-9999px;display:block;}
#int02txt1 p{margin:0 10px 20px;}
/*#int01ph2{width:322px;float:left;}*/
#int02ph2{width:310px;float:left;clear:both;}
#int02txt2{margin:0 0 20px;width:380px;float:left;}
#int02txt2 h3{background:url(../img/int_02_sttl2.gif) no-repeat 0px 5px;width:350px;height:45px;text-indent:-9999px;display:block;}
#int02txt2 p{margin:0 10px 20px;}
#int02ph3{width:300px;float:right;clear:both;}
#int02txt3{margin:0 0 20px;width:380px;float:left;}
#int02txt3 h3{background:url(../img/int_02_sttl3.gif) no-repeat 0px 5px;width:350px;height:45px;text-indent:-9999px;display:block;}
#int02txt3 p{margin:0 10px 20px;}