/*.sample1 */
.box:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.box {
zoom:100%;
}
.sample1 .boxLeft{
float: left;
width: 100px;
}
.sample1 .boxRight{
float: right; /*leftでも可*/
width: 100%;
margin-left: -100px;
}
.sample1 .boxRightInner{
margin-left: 100px;
}
/*.sample2 */
.box:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.box {
zoom:100%;
}
.sample2 .boxLeft{
float: left;
width: 100%;
margin-left: -100px;
}
.sample2 .boxLeftInner{
margin-left: 100px;
}
.sample2 .boxRight{
float: right; /*leftでも可*/
width: 100px;
}
/*.sample3 */
.box {
display: table;
table-layout: fixed;
width: 100%;
}
.sample3 .boxLeft{
display: table-cell;
width: 100px;
}
.sample3 .boxRight{
display: table-cell;
width: 100%;
}
.sample3 .boxRightInner{
padding: 10px;
}
.sample3 .boxRightInner input{
width: 100%;
}