* { margin: 0; padding: 0; word-break: break-all; }
body {
background-color: #eee;
margin: 0 10px;
/* font-family: georgia; */
border-right: 1px solid silver;
border-left: 1px solid silver;
}
h1, h2, h3 { font-size: 1em }
hr { height: 2px }
/* ページトップ */
.header {
padding: 0 10px;
height: 64px;
background: transparent url(/nakamura2/rel/savanna.jpg) repeat-x top left;
}
.h1title { height: 64px; }
/* ページタイトル */
.titles { font-size: 100%; margin-bottom: 0.5em; color: #316697 }
.indextitles {
font-size: 100%;
margin-bottom: 0.1em;
color: #316697;
border-bottom: 1px dotted #999;
}
/* 本文見出し */
.btitle {
text-indent: 1.5em;
background: transparent url(/nakamura2/rel/ashiato_mini.gif) no-repeat center left;
}
a:link { color: #dc143c }
/* 本文イメージ */
a[class ="pdf"] {
padding-left: 18px;
background: transparent url(/nakamura2/rel/icon_pdf.gif) no-repeat center left;
}
a[class ="doc"] {
padding-left: 18px;
background: transparent url(/nakamura2/rel/icon_doc.gif) no-repeat center left;
}
a[class ="xls"] {
padding-left: 18px;
background: transparent url(/nakamura2/rel/icon_xls.gif) no-repeat center left;
}
a[class ="attach"] {
padding-left: 18px;
background: transparent url(/nakamura2/rel/icon_other.gif) no-repeat center left;
}
a[href ^="mailto:"] {
padding-left: 18px;
background: transparent url(/nakamura2/rel/icon_mailto.gif) no-repeat center left;
}
a[href ^="http:"] {
padding-left: 18px;
background: transparent url(/nakamura2/rel/icon_external.gif) no-repeat center left;
}
.imgr {
float: right;
margin-left: 10px;
}
.imgl {
float: left;
margin-right: 10px;
}
.imgc {
margin: 0 auto;
margin-bottom: 10px;
}
.lmrgn2 { margin-left: 2em }
/* 固定メニュー */
#fixed_menus {
position: absolute;
top: 64px;
right: 11px;
width: 200px;
background-color: #5A89B1;
color: #fff;
text-align: center;
padding: 10px 0;
}
.link_title {
margin: 3px 10px;
border: 1px solid #ccc;
padding: 1px;
color: #fff;
}
.links {
color: #fff;
cursor: pointer;
margin-bottom: 3px;
}
.links:hover {
background-color: #BBB;
}
.linkdiv { margin: 3px 10px; text-align: left; }
.linkdiv a { color: #fff; }
.linkdiv a:hover { background-color: #BBB; }
.link_space {
border-top: #555 1px solid;
height:1px;
line-height:1px;
border-bottom: #ccc 1px solid;
}
/* ページボディ */
.content {
padding: 10px;
padding-top: 3px;
background-color: #fff;
}
/* ページ本文 */
.main {
width: 560px;
padding-left: 15px;
float: left;
}
.jbody p {
text-indent: 1em;
line-height: 1.3em;
margin-bottom: 1.3em;
}
.jbody hr {
margin-bottom: 1em;
}
.jbody li {
margin-left: 2em;
}
.lastcredit {
margin-bottom: 1em;
margin-top: 0.1em;
text-align: right;
border-top: 1px dotted #ccc;
font-size: 80%;
}
.blocks { display: block }
.startform { vertical-align: bottom }
/* フォントサイズ他 */
.goback {
float: right;
margin-top: 16px;
margin-right: 25px;
height: 16px;
}
/*  */
#gototop {
text-align: right;
height: 24px;
margin-top: 10px;
display: none;
}
/* 著作権表示 */
.foot {
border-top: 1px dotted #666;
text-align: center;
color: #666;
font-size: 85%;
padding: 5px 10px;
background-color: #fff;
}
/* 編集ボタン */
.editab {
float:right;
margin-right: -10px;
width: 10px;
height: 10px;
cursor: pointer;
background: transparent url(/nakamura2/rel/editab.gif) no-repeat top right;
}

#results { margin-top: 0.5em }
.result_head {
text-align: center;
font-size: small;
border: 1px solid #ccf;
line-height: 1.1em;
margin-bottom: 10px;
}
.result_pre { float: left; display: block; padding: 0 3px }
.result_aft { float: right; display: block; padding: 0 3px }
.result_list { border-bottom: 1px dotted #ccc; margin: 5px 0; padding: 5px 0 5px 1em }
.block_head {
font-size: small;
line-height: 1.1em;
margin: auto;
margin-bottom: 10px;
}
	.block_head td { width: 13em }
	.block_head td .center {
	text-align: center;
	background-color: #eee;
	}
	.block_head td .right { text-align: right; }
.main_page { margin-top: 0.5em }
.main_page_title { font-weight: bold; border-left: 4px solid #E2A0A4; padding-left: 5px; border-bottom: 1px dotted #E2A0A4 }
.main_page_sign { text-align: right; font-size: 70%; color: #999 }
.result_title { font-weight: bold; border-left: 4px solid #E2A0A4; padding-left: 5px; margin-left: -1em }
.result_sign { font-size: 70%; color: #999 }
.result_foot_title { font-size: small; color: #999 }
.result_page { margin-bottom: 1em }
.result_page_title { font-weight: bold; border: 1px solid #ccf; border-left: 8px #ccf solid; padding: 2px; padding-left: 5px; margin-bottom: 1em }
.result_page_subtitle { font-weight: bold; border-bottom: 1px dotted #ccf; padding: 2px 0; margin-bottom: 1em }
.result_page_head { text-align: center; display: block; font-size: small; border: 1px solid #ccf; margin-bottom: 1em }
.result_page_sign { text-align: right; font-size: 70%; color: #999 }
.disable { color: #ccc }
.light { color: #999 }
.navs { margin-bottom: 0.5em; font-size: small; color: #999 }
.red { color: #ED6C6C }
.ccf { color: #ccf }
.nobord a { border-bottom: 0 }
.center { text-align: center }
.right { text-align: right }
.tdkei { border: 1px solid #888; padding: 1px }
.tdr { border-right: 1px solid #ccc; padding: 1px }
.tdl { border-left: 1px solid #ccc; padding: 1px }
.tdb { border-bottom: 1px solid #ccc; padding: 1px }
.tt { font-family: monospace }
.small { font-size: 70% }
.dels { border: 2px outset #E2A0A4; background: #F5A9AB; padding: 0 }
.dels:hover { border: 2px inset #E2A0A4; background: #ED6C6C }
.dels a { color: #fff; text-decoration: none }
/* 検索 */
.search_title {
font-weight: bold;
}
#search {
font-size: small;
margin: 1em 0;
border: 1px solid #999;
padding: 2px;
display: none;
}
.jphrase {
border: 1px solid #E2A0A4;
}
.search_submit {
margin-left: 3px; width: 40px;
}
/* Quick Menus */
#genrediv {
margin: 0 1px;
background-color: #555;
border-top: 1px solid #999;
border-bottom: 1px solid #ddd;
display: none;
float:left;
width: 100%;
list-style: none;
font-size: 85%;
}
.navs {
background-color: #f5f5ff;
border-top: 1px solid #eee;
border-bottom: 1px solid #999;
border-left: 1px solid #eee;
border-right: 1px solid #999;
margin: 1px 1px 1px 0;
padding: 0;
}
.navlink {
background-color: #f5f5ff;
border-top: 1px solid #eee;
border-bottom: 1px solid #999;
border-left: 1px solid #eee;
border-right: 1px solid #999;
margin: 1px 0;
padding: 0 0.8em;
cursor: pointer;
float:left;
}
	.navlink:hover { background-color: #ccd; color: #fff }
.navs2 {
background-color: #f5f5ff;
border-top: 1px solid #eee;
border-bottom: 1px solid #999;
border-left: 1px solid #eee;
border-right: 1px solid #999;
margin: 1px 0;
padding: 0;
list-style:none;
}
.none { display: none }
.rfrm { padding: 5px 10px; text-align: left }
.disable { color: #999 }
.btns {
margin: 3px 10px;
border: 1px solid #ccc;
cursor: pointer;
background: transparent;
}
	.btns:hover { background-color: #3D6C95; }
.btns2 {
margin: 3px 0;
margin-right: 10px;
padding: 2px 5px;
border: 1px solid #ccc;
background-color: #ddc;
cursor: pointer;
}
	.btns2:hover { background-color: #ccccee; }
/* .cals {
margin: 3px 10px;
border: 1px solid #ccc;
} */
.plate {
margin: 3px 10px;
padding: 10px;
background-color: #ccc;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #3D6C95;
border-left: 1px solid #3D6C95;
}
.plate2 {
margin: 3px 3px;
padding: 10px;
background-color: #ccc;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #3D6C95;
border-left: 1px solid #3D6C95;
}
#addpart {
position: absolute;
right: 17px;
width: 186px;
background-color: #5A89B1;
color: #fff;
text-align: center;
padding-top: 3px;
border: 1px solid #333;
}
.pages { cursor: move; }
.m5tr { margin: -10px -10px 5px 5px }
.handcursor { cursor: pointer }
.lines {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px dotted #ccc;
}
/* 階層表示 */
#where {
font-size: 80%;
display: block;
margin-bottom: 10px;
margin-right: 210px;
}
/* ログイン名 */
#loginname { font-weight: bold }
/* サブタイトル */
.subtitles { margin: 1em 30px; text-align: center }
/* ログイン */
.logintbl {
}
/* プログレスバー */
#waitwin {
background: #fff url(/rel/progres_base.png);
display: none;
width: 200px;
height: 62px;
position: absolute;
top: 0px;
left: 0px;
}
.waitBar img {
background: white url(/nakamura2/rel/wait_bar.gif) no-repeat top left;
padding: 0;
margin: 5px 0 0 0;
display: block;
}
/* ログイン */
#loginwin {
position: absolute;
width: 280px;
top: 20px;
background: #fff;
margin: auto;
font-family: monospace;
border: 1px solid #ccc;
padding: 5px;
z-index: 99;
}
	#loginform label { width: 120px }
#tblerror {
border: 3px double Crimson;
padding: 10px; background: #fee;
display: none;
}
/* ポップアップ */
#popup {
background-color: #ccc;
position: absolute;
width: 15em;
height: 20em;
border: solid 1px #66667E;
display: none;
}
#popuphead {
font-size: 0.85em;
background-image: url(/rel/win1.gif);
background-repeat: repeat-x;
background-position: left top;
padding: 7px 3px 2px 10px;
font-weight: bold;
cursor: pointer;
line-height: 16px;
height: 19px;
}
#popupbody {
background-color: white;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
padding: 2px;
height: 18.3em;
border-style: solid;
border-width: 1px;
border-color: #777792;
overflow-y: scroll;
}
.close {
color: white;
font-size: 0.85em;
font-family: monospace;
font-weight: bold;
text-align: center;
line-height: 1.1em;
background-color: #E06C69;
padding: 2px 1px;
margin-top: 6px;
height: 1em;
width: 1em;
float: left;
border-style: solid;
border-width: 1px;
border-color: #fcc #903 #903 #fcc;
cursor: pointer;
}
.close:hover {
background-color: #fe365e;
border-color: #903 #fcc #fcc #903
}
.closebase {
width: 22px;
height: 28px;
float: right;
}
#uploader {
width: 300px;
border: 1px solid #66667E;
position: absolute;
display: none;
background: #ccc;
}
#uploader .uphead {
font-size: 0.85em;
font-weight: bold;
background: transparent url(/rel/win1.gif) repeat-x left top;
padding: 7px 3px 2px 10px;
line-height: 16px; height: 19px;
}
#uploader .upbody {
background-color: white;
margin: 0 2px 2px 2px;
padding: 2px;
border: 1px solid #777792;
}
/* プレビュー
.selected {
border: 1px solid Orange;
} */
.mono { font-family: monospace }
.fright { float: right; }
.fleft { float: left; }
.fcenter { margin: auto; }
.w80 { width: 80px }
.ltitle {
height: 1.2em;
padding: 2px 0;
margin-bottom: 5px;
font-size: 1em;
font-weight: bold;
}
.catebox {
height: 1em;
width: 128px;
padding: 2px 4px;
float: left;
display: inline;
background-color: #D5E0F2;
font-size: 0.85em;
font-weight: bold;
line-height: 1em;
margin-bottom: 0.5em;
border: 1px dotted #999;
font-family: monospace;
}
.indexcatebox {
height: 1em;
width: 128px;
padding: 2px 0;
float: left;
display: inline;
font-size: 0.85em;
font-weight: bold;
color: #999;
line-height: 1em;
margin-bottom: 0.5em;
font-family: monospace;
}
.titleline {
height: 1em;
padding: 2px 4px;
background-color: #C6A86A;
color: #FFF;
font-size: 0.85em;
line-height: 1em;
margin-bottom: 0.5em;
border: 1px dotted #999;
}
.indextitleline {
height: 1em;
padding: 2px 0;
color: #999;
font-size: 0.85em;
line-height: 1em;
margin-bottom: 0.5em;
}
/* 仕事情報 */
.rhsales { height: 36px; }
.rhproject { height: 36px; }
.risehands { line-height: 36px;margin-bottom: 0.5em; }
.picks {
width: 32px;
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
border-right: #999 1px solid;
text-align: center;
}
.picks p { border-bottom: #999 1px solid; }
.golist2 {
color: #fff;
background-color: #bbb;
border-top: #eee 1px solid;
border-bottom: #999 1px solid;
}
/* 本文見出し */
/* トップページ一覧 */
.indextitle {
background-color: #f5f5ff;
border-top: #eee 1px solid;
border-left: #eee 1px solid;
border-right: #999 1px solid;
border-bottom: #999 1px solid;
line-height: 1.2em;
font-size: 80%;
}
.indexul { margin-bottom: 0.5em }
.listframe {
border-right: #999 1px solid;
padding: 0 3px;
}
.golist {
color: #fff;
background-color: #bbb;
border-left: #eee 1px solid;
border-right: #999 1px solid;
cursor: pointer;
}
.indexlist { line-height: 36px; list-style-type: none; height: 36px }
.jobslist { line-height: 1.4em; list-style-type: none; height: 1.4em }
/* 初期設定メニュー */
.confdiv {
border: 1px solid #ccc;
width: 350px;
margin: 0.5em auto;
padding: 3px;
background-color: #f5f5f5;
}
.confbtn {
border: 1px solid #ccc;
background-color: #eee;
text-align: center;
cursor: pointer;
margin-bottom: 3px;
padding: 1px;
}
	.confbtn:hover { background-color: #ddd }
#subtitles {
border: 1px solid #ccc;
background-color: #f5f5f5;
padding: 1px;
text-align: center;
display: none;
margin-bottom: 5px;
margin-right: 210px;
}
.dls dd { margin-left: 1em }
/* フォーム */
.tables { width: 500px; font-size: 0.8em; line-height: 1.2em }
.tables label { float:left;width: 120px; vertical-align: middle }
.tables textarea { width: 535px; vertical-align: top }
.tables input,img,select { vertical-align: middle }
.tables fieldset { border: 1px dotted #ccc; padding: 5px }
.tables legend { margin-left: 5px;padding: 3px 10px;background: #fff }
.tables lines { margin: top: 1px;padding-top: 1px;vertical-align: middle }
.tables br { clear: left }
/* 必須スペース */
.come { font-size: 85% }
.comsp { width: 20px; font-weight: bold; float: left }
.white { color: White }
/* 著述者情報 */
.creators { margin: 0; padding: 0}
	.creators li { list-style-type: none; line-height: 130% }
	.creators .person {
	padding: 14px;
	background: transparent url(/nakamura2/rel/100x100frame.gif) no-repeat top left;
	float: left;
	margin-right: 10px;
	width: 100px;
	height: 100px;
	}
	.creators .author { font-size: 90% }
	.creators .editlink { font-size: 90%; text-align: right }
	.creators .come { font-size: 80%; }
.extend li { margin-left: 2em; list-style-type: none; line-height: 130% }
/* コメント */
.commdiv {
padding: 5px 0;
border-top: 1px dotted #ccc;
}
.comtitle {
width: 80px;
height: 1em;
padding: 2px;
text-align: center;
margin-top: -6px;
color: #fff;
font-weight: bold;
float: left;
background-color: #999;
font-size: 0.85em;
line-height: 1.15em;
}
.commbtn {
width: 3em;
height: 1em;
padding: 1px;
text-align: center;
margin-top: -6px;
color: #999;
float: right;
cursor: pointer;
background-color: #eee;
border: 1px solid #999;
font-size: 0.8em;
line-height: 1.1em;
}
.commdiv .author {
font-size: 85%;
line-height: 1.15em;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #ccc;
}
.commdiv fieldset { padding: 5px 10px; }
.commdiv .quest { border: 2px solid #ddd; }
.commdiv .answ { border: 2px solid #fc8; }
.commdiv br { clear: left }
.qtitle {
padding-left: 18px;
background: transparent url(/nakamura2/rel/qs.gif) no-repeat center left;
font-weight: bold;
background-color: #fff;
}
.atitle {
padding-left: 18px;
background: transparent url(/nakamura2/rel/as.gif) no-repeat center left;
font-weight: bold;
background-color: #fff;
}
.ctitle {
padding-left: 18px;
background: transparent url(/nakamura2/rel/cs.gif) no-repeat center left;
font-weight: bold;
background-color: #fff;
}
.cbody,.qbody,.abody {
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 18px;
}
.menubtn {
text-align: right;
height: 24px;
}
.drops { background-color: #ff8; }
.resblock { background-color: transparent; margin-right: 210px }
.person_btn {
background: transparent url(/nakamura2/rel/person_mark.gif) no-repeat center center;
width: 1em;
height: 1em;
float: right;
cursor: pointer;
padding: 2px 4px;
}
.page_btn {
background: transparent url(/nakamura2/rel/page_mark.gif) no-repeat center center;
width: 1em;
height: 1em;
float: right;
cursor: pointer;
padding: 2px 4px;
}
#modal_overlay {
background-color: #858585;
/* filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6; */
}
#modal_container { width: 300px; line-height: 16px; margin: 0; padding: 0 }
	#modal_container .r0 {
	line-height: 16px;
	background: transparent url(/nakamura2/rel/round.gif) no-repeat left top;
	width: 16px;
	height: 20px;
	float: left;
	margin: 0; padding: 0;
	}
	#modal_container .r1 {
	line-height: 16px;
	background: transparent url(/nakamura2/rel/round.gif) no-repeat -16px top;
	width: 16px; height: 20px;
	float: right;
	margin: 0; padding: 0;
	}
	#modal_container .alerthead {
	line-height: 1px;
	background-color: #fff;
	width: 268px;
	height: 19px;
	float: left;
	border-top: 1px solid #4d4d4d;
	margin: 0; padding: 0;
	}
	#modal_container .body {
	margin: 0;
	padding: 0 16px;
	background-color: #fff;
	width: 266px;
	border-right: 1px solid #4d4d4d;
	border-left: 1px solid #4d4d4d;
	}
	#modal_container .body img {
	width: 43px;
	height: 43px;
	vertical-align: top;
	float: left;
	margin: 0; padding: 0;
	}
	#modal_container .clear { clear: left;margin: 0; padding: 0; }
	#modal_container .r2 {
	line-height: 16px;
	background: transparent url(/nakamura2/rel/round.gif) no-repeat left -15px;
	width: 16px;
	height: 17px;
	float: left;
	}
	#modal_container .r3 {
	line-height: 16px;
	background: transparent url(/nakamura2/rel/round.gif) no-repeat -16px -15px;
	width: 16px;
	height: 17px;
	float: right;
	}
	#modal_container .alertfoot {
	line-height: 16px;
	background-color: #fff;
	width: 268px;
	height: 16px;
	float: left;
	border-bottom: 1px solid #4d4d4d;
	}
	#modal_container p {
	margin-left: 59px;
	line-height: 1em;
	}
	#modal_container .alertclose {
	width: 23px;
	height: 23px;
	background: transparent url(/nakamura2/rel/closebtn.gif) no-repeat 0 0;			position:absolute;
	top:1px;
	right:16px;
	cursor:pointer;
	z-index:1000;
	}
.lurl,.mfile { margin-left: 2em; font-size: 85% }
.imgframe {
border: 1px solid #999;
margin-bottom: 5px;
}
	.imgframe #load_imgs {
	width: 23px;
	height: 23px;
	background: transparent url(/nakamura2/rel/loadbtn.gif) no-repeat 0 0;			position:absolute;
	top:1px;
	right:16px;
	cursor:pointer;
	z-index:100;
	}
#view_desc { text-align: center; }
.canclick {
cursor: pointer;
border-bottom: 1px dotted #999;
}
	.canclick:hover { background-color: #ff9 }
.imgedit {
width: 1.4em;
line-height: 1em;
height: 1.4em;
}
.imgdel {
line-height: 1em;
}
.imgview {
line-height: 1em;
height: 1.4em;
float: right;
}
.eip_cancelbutton, .eip_savebutton {
width: 3em;
line-height: 1em;
height: 1.4em;
}
.eip_btnbase {
height: 1.4em;
margin: 0;
}
.eip_formbase {
border: 1px solid #000;
position: absolute;
z-index: 500;
}
.eip_saving {
background: transparent url(/nakamura2/rel/ajax-loader.gif) no-repeat center left;
color: #903;
padding: 0 0 0 20px;
}
.eip_empty {
color: #afafaf;
border-bottom: 1px dotted #afafaf;
}
.eip_empty2 {
color: #eee;
border-bottom: 1px dotted #eee;
}
.eip_editfield { background-color: #ff9;border: 1px inset #afafaf; font-size: 85% }
.cals { font-size: 80%; color: white; margin: auto }
	.cals .sun { background-color: #D0004D }
	.cals .sat { background-color: #40408D }
	.cals .cal_omonth { color: #ccc }
	.cals a .cal_tmonth { color: #eef; font-weight: bold }
	.cals .cal_today {
	/* color: #5A89B1; */
	color: #369;
	background-color: #ddd;
	display: block; 
	}
	.cals .link_day {
	color: #5A89B1;
/*	display: block; */
	background-color: #9DCCF4;
	}
	.cals .link_sun {
	color: #5A89B1;
	background-color: #E56E9C;
/*		display: block; */
	}
	.cals .link_sat {
	color: #5A89B1;
	background-color: #6767E0;
	display: block;
	}
	.cals td { height: 1.3em;line-height: 1.2em; width: 1.7em; }
	.cals .tdcenter { width: 8em }
	.cals th {
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding: 1px 0;
	font-size: 80%;
	font-family: monospace;
	font-weight: normal;
	}
	.cals .tdl { border-left: 1px #ccc solid }
#edit_list { margin-top: 5px }
#edit_list .edit_cls { border-bottom: 1px dotted #ccc }
#edit_list a { color: #fff }
.imgeditbtn {
margin-bottom: 10px;
width: 360px;
float: left;
}
#resizeTrack {
width:200px;
height:5px;
background:transparent url(/nakamura2/rel/bg_track.gif) left top no-repeat;
margin:0 10px 15px 2px;
float: left;
}
#resizeHandle {
cursor:move;
width:5px; height:10px;
background:transparent url(/nakamura2/rel/bg_handle.gif) left top no-repeat;
}
#resizeArrowL {
cursor:pointer;
width:10px; height:10px;
background:transparent url(/nakamura2/rel/goleft.gif) left top no-repeat;
float: left;
}
#resizeImage { margin-top: 5px; background: #eee; border: 1px solid #ccc }
.bold { font-weight: bold }
.imgCrop_wrap { position: relative; cursor: crosshair; }
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
background-color: transparent;
}
#testWrap { margin: 0; border: 1px solid #ccc; padding: 10px; background-color: #eee }
.imgCrop_wrap,.imgCrop_wrap * { font-size: 0; }
.imgCrop_overlay {
background-color: #000;
opacity: 0.5;
filter:alpha(opacity=50);
position: absolute;
width: 100%;
height: 100%;
}
#nowloading3 { margin-bottom: 5px; }
.imgCrop_selArea { position: absolute; cursor: move; z-index: 2; }
.imgCrop_clickArea {
width: 100%;
height: 100%;
background-color: #FFF;
opacity: 0.01;
filter:alpha(opacity=01);
}
.imgCrop_marqueeHoriz {
position: absolute;
width: 100%;
height: 1px;
background: transparent url(/nakamura2/rel/marqueeHoriz.gif) repeat-x 0 0;
z-index: 3;
}
.imgCrop_marqueeVert {
position: absolute;
height: 100%;
width: 1px;
background: transparent url(/nakamura2/rel/marqueeVert.gif) repeat-y 0 0;
z-index: 3;
}
.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }
.imgCrop_handle {
position: absolute;
border: 1px solid #333;
width: 6px;
height: 6px;
background: #FFF;
opacity: 0.5;
filter:alpha(opacity=50);
z-index: 4;
}
* html .imgCrop_handle {
width: 8px;
height: 8px;
wid\th: 6px;
hei\ght: 6px;
}
.imgCrop_handleN { top: -3px; left: 0; cursor: n-resize; }
.imgCrop_handleNE { top: -3px; right: -3px; cursor: ne-resize; }
.imgCrop_handleE { top: 0; right: -3px; cursor: e-resize; }
.imgCrop_handleSE { right: -3px; bottom: -3px; cursor: se-resize; }
.imgCrop_handleS { right: 0; bottom: -3px; cursor: s-resize; }
.imgCrop_handleSW { left: -3px; bottom: -3px; cursor: sw-resize; }
.imgCrop_handleW { top: 0; left: -3px; cursor: w-resize; }
.imgCrop_handleNW { top: -3px; left: -3px; cursor: nw-resize; }
.imgCrop_dragArea {
width: 100%;
height: 100%;
z-index: 200;
position: absolute;
top: 0;
left: 0;
}
.imgCrop_previewWrap { overflow: hidden; position: relative; }
.imgCrop_previewWrap img { position: absolute; }