/**
 * @author takeshi.koizumi
 * @version 1.0.0-bizsol
 */

body {
    position: relative;
}

.guidemark{
    position: absolute;
    font-size: 0pt;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.guidemark .corner {
	width: 12px;
	height: 12px;
}


.guidemark .tl{
	background: no-repeat url('images/corner.gif') top left;
}

.guidemark .tr{
	background: no-repeat url('images/corner.gif') top right;
}

.guidemark .bl{
	background: no-repeat url('images/corner.gif') bottom left;
}

.guidemark .br{
	background: no-repeat url('images/corner.gif') bottom right;
}

.guidemark .line-x {
	height: 12px;
}

.guidemark .line-y {
	width: 12px;
}

.guidemark .top {
	background: repeat-x url('images/line-x.gif') top;
}

.guidemark .bottom {
	background: repeat-x url('images/line-x.gif') bottom;
}

.guidemark .left {
	background: repeat-y url('images/line-y.gif') left;
}

.guidemark .right {
	background: repeat-y url('images/line-y.gif') right;
}
