@charset "shift_jis";
@import "common.css";

#image{
height:150px;
margin-left:20px;
}

#contents{
width:800px;
margin:20px 0 0 20px;
}

/*背景画像のタグ共通*/
h1,
#h_case,
#h_case a,
#case_list,
#products a,
#blackboard,
#blackboard #bb_scene li a,
#blackboard #bb_goal li a,
#btn_program a,
#btn_reason a,
#btn_contact a,
#impact-japan a,
#impact-pep a,
#t_voice,
#t_voice a{
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
}


/*────────────────────────────────左コンテンツ───────*/
#index_left{
float:left;
width:520px;
padding:10px 0 0 10px;
margin-bottom:40px;
}

/*
h1{
width:500px;
height:257px;
margin:0;
padding:0;
text-indent:-9999px;
background-image:url(../img/index/catch.jpg);
}
#h_case{
width:500px;
height:32px;
background-image:url(../img/index/h_case.jpg);
}
#h_case a{
display:block;
margin:6px 0 0 414px;
width:68px;
height:21px;
text-indent:-9999px;
background-image:url(../img/index/btn_case.jpg);
}
#case_list{
width:500px;
height:78px;
xxxtext-indent:-9999px;
xxxbackground-image:url(../img/index/case_list.jpg);
margin-bottom:20px;
}

#products a{
display:block;
width:500px;
height:90px;
text-indent:-9999px;
background-image:url(../img/index/products.jpg);
}

#impactbrand{
text-align:right;
font-size:11px;
margin-bottom:40px;
}
*/

h3{
width:490px;
background-image:url(../img/index/h3_bg.jpg);
}

#blackboard{
width:520px;
height:307px;
background-image:url(../img/index/blackborad.jpg);
margin-bottom:10px;
}
#blackboard #bb_scene{
float:left;
width:220px;
}
#blackboard #bb_goal{
float:right;
width:230px;
}
#blackboard #bb_scene ul,
#blackboard #bb_goal ul{
padding:0;
list-style:none;
}
#blackboard #bb_scene ul{
margin:116px 0 0 25px;
width:220px;
}
#blackboard #bb_goal ul{
margin:116px 30px 0 0;
width:200px;
}
#blackboard #bb_scene li,
#blackboard #bb_goal li{
margin:0 0 2px 0;
padding:0;
}
#blackboard #bb_scene li a,
#blackboard #bb_goal li a{
display:block;
height:26px;
text-indent:-9999px;
}
#blackboard #bb_scene li#bb_scene01 a{ background-image:url(../img/index/bb-scene01.jpg); width:220px;}
#blackboard #bb_scene li#bb_scene02 a{ background-image:url(../img/index/bb-scene02.jpg); width:160px;}
#blackboard #bb_scene li#bb_scene03 a{ background-image:url(../img/index/bb-scene03.jpg); width:160px;}
#blackboard #bb_scene li#bb_scene04 a{ background-image:url(../img/index/bb-scene04.jpg); width:90px;}
#blackboard #bb_scene li#bb_scene05 a{ background-image:url(../img/index/bb-scene05.jpg); width:200px;}
#blackboard #bb_scene li#bb_scene06 a{ background-image:url(../img/index/bb-scene06.jpg); width:170px;}

#blackboard #bb_goal li#bb_goal01 a{ background-image:url(../img/index/bb-goal01.jpg); width:190px;}
#blackboard #bb_goal li#bb_goal02 a{ background-image:url(../img/index/bb-goal02.jpg); width:200px;}
#blackboard #bb_goal li#bb_goal03 a{ background-image:url(../img/index/bb-goal03.jpg); width:200px;}
#blackboard #bb_goal li#bb_goal04 a{ background-image:url(../img/index/bb-goal04.jpg); width:200px;}

/*
#blackboard #bb_scene li#bb_scene01 a:hover{ background-image:url(../img/index/bb-scene01h.jpg);}
#blackboard #bb_scene li#bb_scene02 a:hover{ background-image:url(../img/index/bb-scene02h.jpg);}
#blackboard #bb_scene li#bb_scene03 a:hover{ background-image:url(../img/index/bb-scene03h.jpg);}
#blackboard #bb_scene li#bb_scene04 a:hover{ background-image:url(../img/index/bb-scene04h.jpg);}
#blackboard #bb_scene li#bb_scene05 a:hover{ background-image:url(../img/index/bb-scene05h.jpg);}

#blackboard #bb_goal li#bb_goal01 a:hover{ background-image:url(../img/index/bb-goal01h.jpg);}
#blackboard #bb_goal li#bb_goal02 a:hover{ background-image:url(../img/index/bb-goal02h.jpg);}
#blackboard #bb_goal li#bb_goal03 a:hover{ background-image:url(../img/index/bb-goal03h.jpg);}
#blackboard #bb_goal li#bb_goal04 a:hover{ background-image:url(../img/index/bb-goal04h.jpg);}
*/
#blackboard #bb_scene li a:hover{ background-position:0 -26px;}
#blackboard #bb_goal li a:hover{ background-position:0 -26px;}

.program_text{
xxxwidth:276px;
xxxpadding-right:20px;
margin:0 0 10px;
}
.program_text p{
font-size:12px;
color:#666;
margin:0;
}
#btn_program{
text-align:center;
margin-bottom:30px;
}
#btn_program a{
display:block;
width:266px;
height:42px;
margin:0 auto;
text-align:left;
text-indent:-9999px;
background-image:url(../img/index/btn_program.jpg);
}



#terrific{
width:500px;
height:107px;
margin:0;
padding:0;
text-indent:-9999px;
background-image:url(../img/index/terrific.gif);
}


#event_bg{
padding-top:15px;
background-image:url(../img/index/img_event.jpg);
background-position:10px 0;
background-repeat:no-repeat;
}
#jirei_text{
margin-left:280px;
margin-bottom:10px;
width:216px;
height:13px;
text-indent:-9999px;
background-image:url(../img/index/jirei_text.gif);
background-position:0 0;
background-repeat:no-repeat;
}

ul#btn_jirei{
margin:0 0 0 314px;
padding:0;
list-style:none;
}
ul#btn_jirei li{
width:186px;
height:36px;
}
ul#btn_jirei li a{
display:block;
width:186px;
height:36px;
text-indent:-9999px;
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
margin-bottom:2px;
}
li#threehours{background-image:url(../img/index/btn_3hours.gif);}
li#halfday{background-image:url(../img/index/btn_halfday.gif);}
li#oneday{background-image:url(../img/index/btn_oneday.gif);}

/*────────────────────────────────右コンテンツ───────*/

#index_right{
float:right;
width:240px;
padding:10px 10px 0 0;
margin-bottom:40px;
}

#btn_reason{
margin-bottom:10px;
}
#btn_reason a{
display:block;
width:240px;
height:110px;
text-indent:-9999px;
background-image:url(../img/index/btn_reason.jpg);
}

#t_voice{
width:240px;
height:50px;
background-image:url(../img/index/h_voice.jpg);
}
#t_voice a{
display:block;
width:38px;
height:21px;
text-indent:-9999px;
background-image:url(../img/index/btn_voice.jpg);
margin:21px 0 0 198px;
}

#v_list{
list-style:none;
width:240px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
margin:0;
padding:0;
}
#v_list td{
xxxwidth:218px;
xxx_width:238px;
xxxheight:50px;
margin:0;
padding:7px 10px;
font-size:12px;
}
.bg_c{
background:#ECEFE2;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}
.l_box_bottom{
width:240px;
height:6px;
background:url(../img/index/box_bottom.gif);
background-position:0 0;
background-repeat:no-repeat;
margin:0 0 10px 0;
padding:0;
}


#btn_contact{
margin-bottom:20px;
}
#btn_contact a{
display:block;
width:240px;
height:109px;
text-indent:-9999px;
background-image:url(../img/index/btn_contact.jpg);
}

#impact-site{
width:240px;
border-top:2px solid #ccc;
padding-top:20px;
margin-bottom:10px;
text-align:center;
font-size:12px;
font-weight:bold;
}
#impact-japan{
margin-bottom:10px;
}
#impact-japan a{
display:block;
width:240px;
height:60px;
text-indent:-9999px;
background-image:url(../img/index/impact-japan.jpg);
}
#impact-pep{
margin-bottom:10px;
}
#impact-pep a{
display:block;
width:240px;
height:60px;
text-indent:-9999px;
background-image:url(../img/index/impact-pep.jpg);
}