@charset "utf-8";

#top #main {
}

#top #flash  {
min-width:880px;
}
* html #top #flash {
width: expression(document.body.clientWidth < 880? "880px" : "auto");
}

#top #bttom_area {
background: url(../img/bg_bt_content.jpg) repeat-x top center;
text-align: center;
}

#top #bt_contents {
width: 880px;
padding: 20px 0;
}

#top #bt_contents #main_info {
position: relative;
width: 627px;
float: left;
background: url(../img/bg_info_c.gif) repeat-y left top;
}

#top #bt_contents #main_info_b {
padding: 0 20px 15px 20px;
background: url(../img/bg_info_b.gif) no-repeat left bottom;
}


#top #bt_contents #main_info h3 {
clear:both;
display: block;
width: 627px;
height: 35px;
text-indent: -9999px;
background: url(../img/bg_info_t.gif) no-repeat 0 0;
}

#top #bt_contents #main_info p#go_log {
position: absolute;
top: 13px;
left: 531px;
display: block;
width: 77px;
height: 11px;
text-indent: -9999px;
background: url(../img/bt_golog_o.gif) no-repeat 0 0;
}
#top #bt_contents #main_info p#go_log a {
display: block;
width: 77px;
height: 11px;
text-indent: -9999px;
background: url(../img/bt_golog.gif) no-repeat 0 0;
}
#top #bt_contents #main_info p#go_log a:hover {
background: url(../img/bt_golog_o.gif) no-repeat 0 0;
}

#top #bt_contents #main_info dl {
margin: 10px 0 0 10px;
line-height: 2.5;
}

#top #bt_contents #main_info dl dt {
display: block;
float: left;
width: 9em;
background: url(../img/hicon_info.gif) no-repeat 0 50%;
padding: 0 0 0 10px;
clear: left;
}

#top #bt_contents #main_info dl dd {
display: lock;
margin: 0 0 0 10em;
}


#top #bt_contents #go_link {
display: block;
float: right;
width: 234px;
}

#top #bt_contents p#go_sayuri {
display: block;
width: 234px;
height: 71px;
margin: 0 0 10px 0;
background: url(../img/bt_sayuri_o.jpg) no-repeat left top;
}

#top #bt_contents p#go_sayuri a {
display: block;
width: 234px;
height: 71px;
background: url(../img/bt_sayuri.jpg) no-repeat left top;
text-indent: -9999px;
}

#top #bt_contents p#go_sayuri a:hover {
background: url(../img/bt_sayuri_o.jpg) no-repeat left top;
}

#top #bt_contents p#go_deve {
display: block;
width: 234px;
height: 71px;
margin: 0 0 10px 0;
background: url(../img/bt_developer_o.jpg) left top;
}

#top #bt_contents p#go_deve a {
display: block;
width: 234px;
height: 71px;
background: url(../img/bt_developer.jpg) no-repeat left top;
text-indent: -9999px;
}

#top #bt_contents p#go_deve a:hover {
background: url(../img/bt_developer_o.jpg) no-repeat left top;
}

#top #bt_contents p#go_tractor {
display: block;
width: 234px;
height: 71px;
margin: 0 0 10px 0;
background: url(../img/bt_tractor_o.jpg) no-repeat left top;
}

#top #bt_contents p#go_tractor a {
display: block;
width: 234px;
height: 71px;
background:  url(../img/bt_tractor.jpg) no-repeat left top;
text-indent: -9999px;
}

#top #bt_contents p#go_tractor a:hover {
background:  url(../img/bt_tractor_o.jpg) no-repeat left top;
}


/*==========================================================
== tnv
==========================================================*/

#tnv #subtitle h3 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../tnv/img/st_tnv.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#tnv #main {
text-align: center;
}

#tnv #main #flash {
margin: 20px 0 30px 0;
}

#tnv #main {
text-align: center;
}

/*==========================================================
== developer
==========================================================*/
#devel #subtitle h3 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../developer/img/st_deve.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#devel #main #contents {
width: 880px;
margin: 20px auto 30px auto;
background: url(../developer/img/img_deve.jpg) no-repeat right bottom;
}

#devel #main #flash {
width: 331px;
height: 310px;
margin: 0 0 0 16px;
float: left;
}

#devel #main #comment {
width: 496px;
float: left;
margin: 0 0 0 20px;
}

#devel #main #comment h4 {
display: block;
width: 496px;
height: 71px;
background: url(../developer/img/comm_deve.gif) no-repeat 0 0;
text-indent: -9999px;
}

#devel #main #comment p {
display: block;
width: 270px;
margin: 20px 0 0 0;
}

/*==========================================================
== cabin
==========================================================*/

#cabin #subtitle h3 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../cabin/img/st_cabin.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#cabin #main {
text-align: center;
}

#cabin #main #flash {
margin: 20px 0 30px 0;
}

#cabin #main {
text-align: center;
}

/*==========================================================
== finger
==========================================================*/

#finger #subtitle h3 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../finger_shift/img/st_finger.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#finger #main {
text-align: center;
}

#finger #main #flash {
margin: 20px 0 30px 0;
}

#finger #main {
text-align: center;
}

/*==========================================================
== ihmt
==========================================================*/

#ihmt #subtitle h3 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../ihmt/img/st_ihmt.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#ihmt #main {
text-align: center;
margin: 0 0 30px 0;
}

#ihmt #main {
text-align: center;
}

#ihmt #ihmt_area {
position: relative;
width: 848px;
height: 754px;
background: url(../ihmt/img/bg_contens.jpg) no-repeat 0 0;
margin: 20px auto 0;
text-align: left;
}

#ihmt #ihmt_area #flash {
position: absolute;
top: 24px;
left: 529px;
width: 281px;
height: 241px;
}

#ihmt #ihmt_area h3#catch {
position: absolute;
top: 68px;
left: 42px;
width: 455px;
height: 154px;
}

#ihmt #ihmt_area #comparison {
position: absolute;
top: 283px;
left: 36px;
width: 776px;
height: 436px;
background: url(../ihmt/img/bg_green.jpg) no-repeat 0 0;
}

#ihmt #ihmt_area #comparison p#subt_before {
position: absolute;
top: 26px;
left: 26px;
width: 198px;
height: 18px;
} 

#ihmt #ihmt_area #comparison p#subt_after {
position: absolute;
top: 26px;
left: 408px;
width: 243px;
height: 18px;
} 

#ihmt #ihmt_area #comparison p#comment_before {
position: absolute;
top: 58px;
left: 26px;
width: 339px;
height: 86px;
} 

#ihmt #ihmt_area #comparison p#comment_after {
position: absolute;
top: 58px;
left: 408px;
width: 339px;
height: 86x;
} 
 
#ihmt #ihmt_area #comparison p#graph_before {
position: absolute;
top: 144px;
left: 26px;
width: 339px;
height: 224px;
} 

#ihmt #ihmt_area #comparison p#graph_after {
position: absolute;
top: 144px;
left: 408px;
width: 339px;
height: 224x;
} 
 
/*==========================================================
== hojo
==========================================================*/

#hojo #subtitle h3 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../hojo/img/st_hojo.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#hojo #hojo_area {
text-align: center;
}

#hojo #main {
text-align: center;
}

#hojo #main #flash {
margin: 20px 0 30px 0;
}

#hojo #main {
text-align: center;
}

/*==========================================================
== faq
==========================================================*/

#faq #subtitle h3 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../faq/img/st_faq.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#faq #hojo_area {
text-align: center;
}

#faq #main {
text-align: center;
}

#faq #main #flash {
margin: 20px 0 30px 0;
}

#faq #main {
text-align: center;
}


/*==========================================================
== inter01
==========================================================*/

#inter01 #subtitle h3#part1 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../cm/img/st_interview01.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#inter01 #subtitle h3#part2 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../cm/img/st_interview02.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#inter01 #inter01_area {
width: 848px;
margin: 0 auto;
text-align: left;
background: url(../cm/img/bg_contents_c.jpg) repeat-y left top;
text-align: center;
}

#inter01 #inter01_area_t {
background: url(../cm/img/bg_contents_t.jpg) no-repeat left top;
}

#inter01 #inter01_area_b {
padding: 0 0 21px 0;
background: url(../cm/img/bg_contents_b.jpg) no-repeat left bottom;
}


#inter01 #inter01_inbox {
width: 800px;
margin: 0 auto;
text-align: left;
}

#inter01 #inter01_word {
width: 553px;
float: left;
}

#inter01 #inter01_word h4 {
margin: 0 0 8px 0;
text-indent: -3px;
}

#inter01 #inter01_word p {
width: 553px;
margin: 0 0 15px 0;
}


#inter01 #inter01_photo {
width: 247px;
float: right;
text-align: right;
}

#inter01 #inter01_photo p {
margin: 0 0 15px 0;
}

#inter01 p.clear {
clear: both;
width: 848px;
text-align: center;
margin: 0 0 20px 0;
}

#inter01 #inter01_prof {
width: 800px;
margin: 0 auto;
text-align: left;
}

#inter01 #inter01_prof_photo {
width: 247px;
float: left;
text-align: left;
}

#inter01 #inter01_prof_comment {
width: 553px;
float: right;
}

#inter01 #inter01_prof_comment p {
width: 550px;
}

#inter01 #inter01_prof_comment #prof_name {
margin: 0 0 21px 0;
}

#inter01 .btn_area {
clear: both;
position: relative;
width: 848px;
height: 48px;
margin: 18px auto 14px auto;
}

#inter01 .btn_area2 {
clear: both;
position: relative;
width: 848px;
height: 48px;
margin: 14px auto 28px auto;
}


#inter01 .btn_inter01 {
position: absolute;
top: 0;
display: block;
left: 158px;
width: 253px;
height: 48px;
background: url(../cm/img/btn_inter01_o.jpg) no-repeat left top;
text-indent: -9999px;
}
#inter01 .btn_inter01 a {
display: block;
left: 158px;
width: 253px;
height: 48px;
background: url(../cm/img/btn_inter01.jpg) no-repeat left top;
text-indent: -9999px;
}
#inter01 .btn_inter01 a:hover {
background: none;
}


#inter01 .btn_inter02 {
position: absolute;
top: 0;
left: 437px;
width: 253px;
height: 48px;
background: url(../cm/img/btn_inter02_o.jpg) no-repeat left top;
text-indent: -9999px;
}
#inter01 .btn_inter02 a {
display: block;
left: 437px;
width: 253px;
height: 48px;
background: url(../cm/img/btn_inter02.jpg) no-repeat left top;
text-indent: -9999px;
}
#inter01 .btn_inter02 a:hover {
background: url(../cm/img/btn_inter02_o.jpg) no-repeat left top;
}

#inter01 #inter02_inbox {
position: relative;
width: 800px;
text-align: left;
background: url(../cm/img/bg_word_in.gif) no-repeat 4px bottom;
margin: 0 0 20px 0;
padding: 0 24px;
}

*html #inter01 #inter02_inbox {
width: 848px;
}

#inter01 #inter02_word {
width: 560px;
float: left;
padding: 0 0 135px 0;
}

#inter01 #inter02_word h4 {
margin: 0 0 8px 0;
text-indent: -4px;
}

#inter01 #inter02_word p {
width: 553px;
margin: 0 0 15px 0;
}


#inter01 #inter02_photo {
width: 227px;
float: right;
text-align: right;
}

#inter01 #inter02_photo p {
margin: 0 0 15px 0;
}

#inter01 #inter02_photo p.end {
margin: 0;
}

#inter01 #inter02_word #inter_word_in {
position: absolute;
bottom: 0;
width :560px;
height: 135px;
}

#inter01 #inter02_word #inter_word_in #btn_link {
display: block;
float: left;
width: 234px;
height: 94px;
background: url(../cm/img/bt_sayuri_o.jpg) no-repeat left top;
margin: 21px 12px 0 0
}

#inter01 #inter02_word #inter_word_in #btn_link a {
display: block;
width: 234px;
height: 94px;
background: url(../cm/img/bt_sayuri.jpg) no-repeat left top;
text-indent: -9999px;
}

#inter01 #inter02_word #inter_word_in #btn_link a:hover {
background: url(../cm/img/bt_sayuri_o.jpg) no-repeat left top;
}

#inter01 #inter02_word #inter_word_in #sayuri_comment {
width: 308px;
float: left;
margin: 19px 0 0 0;
}


/*==========================================================
== make
==========================================================*/

#make #subtitle h3 {
clear:both;
display: block;
width: 880px;
height: 40px;
background: url(../cm/img/st_make.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#make #make_movie {
position: relative;
width: 880px;
height: 254px;
margin: 15px auto;
background: url(../cm/img/bg_movie.jpg) no-repeat left top;
}

#make #make_movie #flash {
position: absolute;
top: 0;
left: 16px;
width: 297px;
height: 254px;
}

#make #make_movie h3 {
position: absolute;
top: 13px;
left: 329px;
width: 353px;
height: 15px;
}

#make #make_movie p {
position: absolute;
top: 195px;
left: 484px;
width: 379px;
height: 17px;
}

#make #make_area {
width: 848px;
margin: 0 auto 27px auto;
text-align: left;
background: url(../cm/img/bg_make_c.jpg) repeat-y left top;
text-align: center;
}

#make #make_area_t {
padding: 25px 0 0 0;
background: url(../cm/img/bg_make_t.jpg) no-repeat left top;
}

#make #make_area_b {
padding: 0 0 25px 0;
background: url(../cm/img/bg_make_b.jpg) no-repeat left bottom;
}

#make #make_inbox {
width: 800px;
margin: 0 auto;
text-align: left;
}

#make #make_inbox table {
width: 800px;
}

#make #make_inbox table td {
vertical-align: top;
}

#make #make_inbox table td#box01 {
width: 415px;
border-bottom: 1px dotted #ccc;
}

#make #make_inbox table td#box02 {
padding: 0 0 0 20px;
border-bottom: 1px dotted #ccc;
border-left: 1px dotted #ccc;
}

#make #make_inbox table td#box03 {
width: 415px;
padding: 20px 0 0 0;
}

#make #make_inbox table td#box04 {
padding: 20px 0 0 20px;
border-left: 1px dotted #ccc;
}

#make #make_inbox table .photo {
float: left;
width: 136px;
margin: 0 20px 0 0;
}

#make #make_inbox table .comment {
float: left;
}

#make #make_inbox table td#box01 .comment ,
#make #make_inbox table td#box03 .comment {
width: 235px;
margin: 0;
padding: 0;
}

#make #make_inbox table td#box02 .comment ,
#make #make_inbox table td#box04 .comment {
width: 195px;
margin: 0;
padding: 0;
}

#make #make_inbox table .comment img {
margin: 0 0 20px 0;
}

#switch {
width: 100%;
background: url(../img/bg_header_switch.jpg) repeat-x center top;
} 

#switch_comment {
text-align: center;
width: 100%;
padding: 25px 0;
background: url(../img/bg_index.jpg) no-repeat center top;
} 

#switch_comment p {
width: 600px;
margin: 0 auto;
text-align: left;
font-size: 114%;
} 

#switch_comment p span {
display: block;
margin: 15px 0 0 0;
width: 600px;
color: #fe0000;
} 

#switch_comment p span a {
color: #fe0000;
}