@charset "utf-8";

/* 3D view styles */
#wc3d .contents_inner{ width: 804px; margin: 10px auto;}
#wc3d h4#headline01{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../3d/image/3d_headline01.gif) 0 0 no-repeat;}
#wc3d h4#headline02{ width: 840px; height: 46px; display: block; margin-top: 30px; margin-bottom: 10px;
background: url(../../3d/image/3d_headline02.gif) 0 0 no-repeat;}

#wc3d #ex01, #wc3d #ex02, #wc3d #ex03{margin-bottom: 20px;}

#wc3d #ex01 h5{ background:url(../../3d/image/3d_cap.gif) 0 0 no-repeat;
width:804px; height: 30px; margin-top: 0px; margin-bottom: 10px;}
#wc3d #ex02 h5{ background:url(../../3d/image/3d_cap.gif) 0 -30px no-repeat;
width:804px; height: 30px; margin-top: 0px; margin-bottom: 10px;}
#wc3d #ex03 h5{ background:url(../../3d/image/3d_cap.gif) 0 -60px no-repeat;
width:804px; height: 30px; margin-top: 0px; margin-bottom: 10px;}

#buttonbg{ background:url(../../3d/image/3d_pic01.jpg) right center no-repeat; width: 840px; height: 180px; margin: 40px auto 30px; }
#buttonbg p{line-height: 0;}


#wc3d a#go_ts{ width: 180px;  height: 42px; margin-top:20px; margin-bottom: 20px; display: block;
background: url(../../3d/image/go_ts.jpg) 0 0 no-repeat; }
#wc3d a#go_ts:hover{ background-position: 0 -43px; }


#wc3d a#go_ex{ width: 261px;  height: 70px; margin-left: 10px; margin-bottom: 15px; display: block;
background: url(../../3d/image/go_look.jpg) 0 -1px no-repeat; }
#wc3d a#go_ex:hover{ background-position: 0 -70px; }


#wc3d a#go_in{ width: 261px;  height: 70px;  margin-left: 10px; margin-bottom: 15px; display: block;
background: url(../../3d/image/go_look.jpg) 0 -140px no-repeat; }
#wc3d a#go_in:hover{ background-position: 0 -210px; }



/* 3D exterior styles */
#wc3d_ex{}

/* 3D exterior styles */
#wc3d_in{}


/* 3D trouble styles */
#wc3d_ts .contents_inner{ width: 804px; margin: 10px auto;}
#wc3d_ts .border{border: 1px solid #B1B1B1;}
#wc3d_ts .border_inner{ padding: 15px;}

#wc3d_ts .explain img.right{float: right; padding-top: 20px;}
#wc3d_ts .explain h5{float: left; margin-bottom: 10px;}
#wc3d_ts .explain p{float: left; width: 420px; margin-bottom: 0.8em;}



#wc3d_ts h4#headline01{ width: 840px; height: 46px; display: block; margin-top: 50px; margin-bottom: 10px;
background: url(../../3d/trouble/image/3dts_headline01.gif) 0 0 no-repeat;}
#wc3d_ts h4#headline02{ width: 840px; height: 46px; display: block; margin-top: 50px; margin-bottom: 10px;
background: url(../../3d/trouble/image/3dts_headline02.gif) 0 0 no-repeat;}
#wc3d_ts h4#headline03{ width: 840px; height: 46px; display: block; margin-top: 50px; margin-bottom: 10px;
background: url(../../3d/trouble/image/3dts_headline03.gif) 0 0 no-repeat;}
#wc3d_ts h4#headline04{ width: 840px; height: 46px; display: block; margin-top: 50px; margin-bottom: 10px;
background: url(../../3d/trouble/image/3dts_headline04.gif) 0 0 no-repeat;}
#wc3d_ts h4#headline05{ width: 840px; height: 46px; display: block; margin-top: 50px; margin-bottom: 10px;
background: url(../../3d/trouble/image/3dts_headline05.gif) 0 0 no-repeat;}
#wc3d_ts h4#headline06{ width: 840px; height: 46px; display: block; margin-top: 50px; margin-bottom: 10px;
background: url(../../3d/trouble/image/3dts_headline06.gif) 0 0 no-repeat;}
#wc3d_ts h4#headline07{ width: 840px; height: 46px; display: block; margin-top: 50px; margin-bottom: 10px;
background: url(../../3d/trouble/image/3dts_headline07.gif) 0 0 no-repeat;}

/* ----------Buttons----------- */
.btn_left{float: left; width:262px; padding-left: 80px; margin-top: 15px;}
.btn_right{float: right; width:262px; padding-right: 80px; margin-top: 15px;}

#wc3d_ts a#winie{ width: 262px;  height: 46px; margin-top:10px; margin-bottom: 10px; display: block;
background: url(../../3d/trouble/image/trouble_button.jpg) 0 0 no-repeat; }
#wc3d_ts a#winie:hover{ background-position: 0 -46px; }

#wc3d_ts a#winff{ width: 262px;  height: 46px; margin-top:10px; margin-bottom: 10px; display: block;
background: url(../../3d/trouble/image/trouble_button.jpg) 0 -111px no-repeat; }
#wc3d_ts a#winff:hover{ background-position: 0 -157px; }

#wc3d_ts a#macff{ width: 262px;  height: 46px; margin-top:10px; margin-bottom: 10px; display: block;
background: url(../../3d/trouble/image/trouble_button.jpg) -382px 0 no-repeat; }
#wc3d_ts a#macff:hover{ background-position: -382px -46px; }

#wc3d_ts a#macsf{ width: 262px;  height: 46px; margin-top:10px; margin-bottom: 10px; display: block;
background: url(../../3d/trouble/image/trouble_button.jpg) -382px -111px no-repeat; }
#wc3d_ts a#macsf:hover{ background-position: -382px -157px; }

#wc3d_ts a#xp{ width: 262px;  height: 46px; margin-top:10px; margin-bottom: 10px; display: block;
background: url(../../3d/trouble/image/trouble_button.jpg) 0 -220px no-repeat; }
#wc3d_ts a#xp:hover{ background-position: 0 -266px; }

#wc3d_ts a#osx{ width: 262px;  height: 46px; margin-top:10px; margin-bottom: 10px; display: block;
background: url(../../3d/trouble/image/trouble_button.jpg) -382px -220px no-repeat; }
#wc3d_ts a#osx:hover{ background-position: -382px -266px; }


/* ----------subtitle---------- */
#wc3d_ts h5#nojava { background:url(../../3d/trouble/image/tr_cap01.gif) 0 -5px no-repeat;
width:804px; height: 25px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts h5#java { background:url(../../3d/trouble/image/tr_cap02.gif) 0 -5px no-repeat;
width:804px; height: 25px; margin-top: 0px; margin-bottom: 10px;}



#wc3d_ts #ex01 h5{ background:url(../../3d/trouble/image/tr_cap03.gif) 0 0 no-repeat;
width:420px; height: 30px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex02 h5{ background:url(../../3d/trouble/image/tr_cap04.gif) 0 0 no-repeat;
width:420px; height: 50px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex03 h5{ background:url(../../3d/trouble/image/tr_cap03.gif) 0 0 no-repeat;
width:420px; height: 30px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex04 h5{ background:url(../../3d/trouble/image/tr_cap04b.gif) 0 0 no-repeat;
width:420px; height: 50px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex05 h5{ background:url(../../3d/trouble/image/tr_cap03.gif) 0 0 no-repeat;
width:420px; height: 30px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex06 h5{ background:url(../../3d/trouble/image/tr_cap03.gif) 0 0 no-repeat;
width:420px; height: 50px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex07 h5{ background:url(../../3d/trouble/image/tr_cap04b.gif) 0 0 no-repeat;
width:420px; height: 50px; margin-top: 0px; margin-bottom: 10px;}

#wc3d_ts #ex08 h5{ background:url(../../3d/trouble/image/tr_cap05.gif) 0 0 no-repeat;
width:340px; height: 50px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex09 h5{ background:url(../../3d/trouble/image/tr_cap06.gif) 0 0 no-repeat;
width:340px; height: 50px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex10 h5{ background:url(../../3d/trouble/image/tr_cap07.gif) 0 0 no-repeat;
width:340px; height: 70px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex11 h5{ background:url(../../3d/trouble/image/tr_cap08.gif) 0 0 no-repeat;
width:340px; height: 112px; margin-top: 0px; margin-bottom: 10px;}

#wc3d_ts #ex12 h5{ background:url(../../3d/trouble/image/tr_cap09.gif) 0 0 no-repeat;
width:340px; height: 30px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex13 h5{ background:url(../../3d/trouble/image/tr_cap10.gif) 0 0 no-repeat;
width:340px; height: 90px; margin-top: 0px; margin-bottom: 10px;}
#wc3d_ts #ex14 h5{ background:url(../../3d/trouble/image/tr_cap11.gif) 0 0 no-repeat;
width:340px; height: 112px; margin-top: 0px; margin-bottom: 10px;}





/* ----------border frame---------- */
.frame400L{ width: 390px; float: left; text-align: center;}
.frame400R{ width: 390px; float: right; text-align: center;}