@charset "UTF-8";
@import "../common/css/base.css";

/*index.html*/
#Top-Search{margin-bottom:20px;}
#Top-Search .search-box{background:url("images/bg_search01.gif") repeat-y left top; width:540px; margin: 0 auto;}
#Top-Search .search-box-bottom{background:url("images/bg_search02.gif") no-repeat left bottom; width:518px!important; width:540px; padding:5px 11px 11px 11px;}
#Top-Search .search-box select.genre1{width:200px;}
#Top-Search .search-box select.genre2{width:200px;}
#Top-Search .search-box input.keyword1{width:510px;}
#Top-Search .search-box input.keyword2{width:450px;}

.Box-result{background:url("images/bg_crvbox02.gif") repeat-y left top; width:540px;}
.Box-result table{margin-left:10px;}

.Box-machine{margin-bottom:20px;}

table.result td.genre{padding:3px 0 3px 20px; background:url("../common/images/ico_list02.gif") no-repeat 10px center #f3f3f3; text-align:left; font-weight:normal; width:25%;}
table.result td.txt{background-color:#fff; padding:3px 0 3px 5px; text-align:left;}
table.result td.btm img{margin:10px 0 19px 0;}
table.result td.dot{height:1px; line-height:100%; font-size:1px; background:url("../common/images/dot_default.gif") repeat-x left top;}
table.result td.end{height:1px; line-height:100%; font-size:1px; background-color:#e0e0e0;}

/*buylist.html*/
table.device td.genre{padding:3px 3px 3px 15px; background:url("../common/images/ico_list02.gif") no-repeat 5px center #f3f3f3; text-align:left; font-weight:normal;}
table.device td.txt{padding:5px; text-align:left;}
table.device td.brk{word-break:break-all;}
table.device td.btm img{margin:10px 0 19px 0;}
table.device td.dot{height:1px; line-height:100%; font-size:1px; background:url("../common/images/dot_default.gif") repeat-x left top;}
table.device td.lin{height:1px; line-height:100%; font-size:1px; background-color:#ccc;}

/*backprocess.html*/
.cnt-works {width: 540px;}
.cnt-works dt{margin-left: 10px; padding-left: 15px; background:url("../common/images/ico_arrow04.gif") no-repeat left center;}
.cnt-works dd{margin: 5px 0 5px 15px; padding-left:10px; background:url("../common/images/ico_list01.gif") no-repeat left 6px;}

/*osinnet.html*/
#Top-osinnet{width:540px;}
#Top-osinnet p{float:left; width:326px; }
#Top-osinnet img{float:right; margin-left:10px;}

table.result1 td.genre1{padding:3px 3px 3px 13px; background:url("../common/images/ico_list02.gif") no-repeat 3px center #f3f3f3; text-align:left; font-weight:normal; width:25%;}
table.result1 td.txt1{background-color:#fff; padding:3px; text-align:left;}
table.result1 td.dot1{height:1px; line-height:100%; font-size:1px; background:url("../common/images/dot_default.gif") repeat-x left top;}

/*result.html*/
#ResultBase{margin:0 auto; padding: 0; background:url("images/bg_result.gif") repeat-y left top; width:810px; height: 100%; min-height: 100%;}
body > #ResultBase{height:auto;}

#ResultHeader{width:760px; margin: 0 auto; padding-bottom: 25px;}
#ResultHeader h1{width:177px; top:10px; position:relative; float: left; }
#ResultHeader p{padding-top: 43px; float: right;}

.Box-resultTopRe{width: 760px; margin: 0 auto;}
#ResultBase .Box-result{background:url("images/bg_crvbox_re02.gif") repeat-y left top; width:760px; margin: 0 auto;}
#ResultBase .Box-result table{margin-left:10px;}

#Re-Search{margin-bottom:25px;}
#Re-Search .search-box{background:url("images/bg_search_re01.gif") repeat-y left top; width:760px; margin: 0 auto;}
#Re-Search .search-box-bottom{background:url("images/bg_search_re02.gif") no-repeat left bottom; width:738px!important; width:760px; padding:5px 11px 11px 11px;}
#Re-Search .search-box select{width:150px;}
#Re-Search .search-box input.keyword{width:280px;}

/*result_form*/
#ResultBase table.result2{text-align:left; margin-right:auto; margin-left:auto;}
#ResultBase table.result2 tr.genre2{text-align:left; font-weight:bold; background-color: #dff2ff;}
#ResultBase table.result2 tr.genre2 td p{margin-left: 5px; padding:6px 3px 6px 15px; background:url("../common/images/ico_arrow05.gif") no-repeat left center;}
#ResultBase table.result2 tr.txt2 td{padding:5px; background-color: #fff; word-break:break-all;}
#ResultBase table.result2 tr.txt2 td p.new{padding-left:20px; background: url("../renovate/images/ico_new.gif") no-repeat left center;}
#ResultBase table.result2 tr.txt2 td p.add{padding-left:20px; background: url("../renovate/images/ico_add.gif") no-repeat left center;}
#ResultBase table.result2 tr.dot2 td{height:1px; line-height:100%; font-size:1px; background:url("../common/images/dot_default.gif") repeat-x left top;}

#ResultBase p{text-align: left;}
#ResultBase p.listtop-ttl{width: 750px!important; width: 760px; margin: 0 auto 15px auto; padding: 5px; background-color: #f3f3f3; border: solid 1px #e0e0e0;}

#ResultBase #Box-detailAll{width: 760px; margin: 0 auto; padding-top: 7px; background: url("images/bg_rsltbox01.gif") no-repeat left top;}
#ResultBase #Box-detailAll #Box-detailIn{width: 760px; margin: 0; padding: 27px 0; background: url("images/bg_rsltbox02.gif") repeat-y left top;}
#ResultBase #Box-detailAll #Box-detailIn div{width: 400px; float: right;}
#ResultBase #Box-detailAll .Img-device img{margin-left: 30px; padding-right: 30px;}
#ResultBase #Box-detailAll table{margin-right: 30px;}

#ResultBase table.result3{text-align:left; background: #fff;}
#ResultBase table.result3 tr.ttl3{text-align:left; font-weight:bold; background-color: #f3f3f3;}
#ResultBase table.result3 tr.ttl3 td p{padding:5px 0 5px 13px; background: url("../common/images/ico_arrow04.gif") no-repeat left center; font-weight: bold;}
#ResultBase table.result3 tr.genre3{text-align:left; font-weight:bold; background-color: #ddf2ff;}
#ResultBase table.result3 tr.genre3 td p{margin-left:5px; padding:5px 3px 5px 10px; background:url("../common/images/ico_list02.gif") no-repeat left center;}
#ResultBase table.result3 tr.txt3 td{padding:5px 5px 5px 15px; word-break:break-all;}
#ResultBase table.result3 tr.dot3 td{height:1px; line-height:100%; font-size:1px; background:url("../common/images/dot_default.gif") repeat-x left top;}

#ResultBase #Box-resultForm{width:760px; margin:0 auto 100px auto; padding-bottom: 60px; background: url("images/bg_rsltform01.gif") no-repeat left bottom;}
#ResultBase #Box-resultForm table{margin:0 auto 10px auto;}
#ResultBase p.ttl-form{padding-left: 13px; background: url("../common/images/ico_arrow04.gif") no-repeat left center; font-weight: bold;}