@charset "utf-8";
/* CSS Document */

*{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

p,div,td,dd,li,h1,h2,h3{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); }

body{ background:#FFF; }
body,th,td{ font-size:13px; color:#333; }
body,h1,h2,h3,h4,dl,dt,dd,ul,li,p,hr,big,span,form { margin:0px; padding:0px; line-height:100%; }
pre{ padding:0px; }

a{ color:#66AA66; text-decoration:underline; }
a:hover{ color:#CC3366; text-decoration:none; }
a:hover img{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

img{ border:none; vertical-align:middle; }

ul,li{ list-style:none; }
optgroup{ background:#F5F5DC; }
option{ background:#FFF; }

input.btn { padding-left:0px; padding-right:0px; }

textarea{ line-height:16px; }

.right{ text-align:right; }
.center{ text-align:center; }

.hide{ display:none; }
.show{ display:; }

.fc_require{ color:#F30; }
.fc_warn{ color:#F30; }

.input.impact{ height:20px; line-height:20px; font-size:15px; font-weight:bold; padding-left:5px; padding-right:5px; }

.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }

.mb0{ margin-bottom:0px !important; }
.mb3{ margin-bottom:3px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb12{ margin-bottom:12px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }

.mr10{ margin-bottom:10px !important; }
.mr15{ margin-bottom:15px !important; }

.fs10{ font-size:10px !important; }
.fs11{ font-size:11px !important; }

.fragment{ padding-top:100px; margin-top:-100px; }

input.write_false,
select.write_false,
textarea.write_false,
select.write_false option{ background-color:#DDD; }
input.write_true,
select.write_true,
textarea.write_true,
select.write_true option{ background-color:#F6FFFF; }

hr{ border:none; border-bottom:1px dotted #AAA; margin-bottom:15px; }

.p_message{ border:5px solid #EEE; padding:100px 0px; }

fieldset{ padding:10px; margin-bottom:15px; border:3px dotted #BBB; }
legend{ font-size:15px; padding:7px 13px; background:#DDD; }

.select{ padding:3px; }

.fixed { position:fixed; top:0; width:100%; z-index:10; }


/* SITE WIDTH */
.commonWidth{ width:1060px; margin-left:auto; margin-right:auto; }

/**/
div#headerOuter{ background:#F8F5F3; height:60px; }

div#headerOuter div.hTitle h1 a,
div#headerOuter div.hTitle p a{ color:#000; text-decoration:none; font-size:24px; line-height:55px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
div#headerOuter div.hTitle h1 a:hover,
div#headerOuter div.hTitle p a:hover{ text-decoration:underline; }

/* headerNavi */
div#headerNaviOuter{ background:#097860; border-bottom:5px solid #DAEBE7; margin-bottom:15px; border-top:2px solid #07604C; }

ul#headerNavi { border-left:1px solid #8CB7B6; height:30px; position:relative; }
ul#headerNavi li { position:relative; float:left; }
ul#headerNavi li a,
ul#headerNavi li span{ color:#FFF; display:inline-block; padding:0px 12px; border-right:1px solid #8CB7B6; line-height:30px; text-decoration:none; }
ul#headerNavi li a:hover{ background:#064C3D; text-decoration:underline; }
ul#headerNavi li ul { position:absolute; padding:0px; display:none; border-top:1px solid #8CB7B6; }
ul#headerNavi li ul li { float:none; overflow:hidden; }
ul#headerNavi li ul li a{ display:block; padding:0px 34px 0px 12px; line-height:31px; font-size:12px; border:none; border-bottom:1px solid #8CB7B6; background:#16584A; white-space:nowrap; width:100%; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
ul#headerNavi li ul li a:hover{ background:#133D34; text-decoration:underline; }


/* contentsOuter */
div.contentsOuter { margin-bottom:30px; overflow:hidden; }

div.contentsOuter h1{ font-size:15px; line-height:30px; margin-bottom:15px; background:#EEE; text-indent:10px; }
div.contentsOuter h2{ font-size:15px; line-height:30px; margin-bottom:15px; background:#F3F3E4; text-indent:10px; color:#156957; border-radius:3px; }

div.tableData { margin:0px 0px 15px 0px; border:5px solid #EEE; clear:both; }
div.tableData table{ margin:0px auto 0px auto; border:1px solid #CCC; border-collapse:collapse; }
div.tableData caption{ text-align:left; font-weight:bold; background:#61979A; color:#FFF; padding-left:5px; line-height:23px; height:23px; font-size:13px; border:1px solid #CCC; border-bottom:none; }
div.tableData th{ line-height:19px; padding:5px 6px; border:1px solid #CCC; border-right:1px dotted #CCC; background:#F3F3F3; font-weight:normal; text-align:right; vertical-align:top; }
div.tableData td{ line-height:19px; padding:5px 6px; border:1px solid #CCC; border-left:none; }
div.tableData td.impact{ line-height:20px; font-size:17px; font-weight:bold; }
div.tableData td.checks label{ display:inline-block; }
div.tableData table.innerBox th{ padding:5px 7px; }
div.tableData table.innerBox td{ padding:5px 7px; }
div.tableData input.impact{ height:28px; line-height:28px; font-size:15px; font-weight:bold; padding-left:5px; padding-right:5px; }
div.tableData textarea.point,
div.tableData input.point{ border:1px solid #74BC61; padding:3px; background:#E2F1DE; }
div.tableData select.point{ border:1px solid #74BC61; padding:1px; background:#E2F1DE; }
div.tableData .center{ text-align:center; }
div.tableData .left{ text-align:left; }
div.tableData .right{ text-align:right; }
div.tableData span.required{ background:#F03; display:inline-block; color:#FFF; float:left; font-size:11px; padding:2px 5px; border-radius:3px; margin-top:2px; }
div.tableData .title{ background:#D1E5B2; line-height:29px; }
div.tableData table.nob{ border:none; }
div.tableData table.nob th{ border:none; background:none; vertical-align:middle; padding:0px; }
div.tableData table.nob td{ border:none; background:none; vertical-align:middle; padding:0px; }
div.tableData td.checkboxes1 { padding-bottom:0px }
div.tableData td.checkboxes1 ul{ overflow:hidden; }
div.tableData td.checkboxes1 li{ float:left; width:110px; font-size:12px; margin-bottom:6px; padding-right:5px; }
div.tableData td.checkboxes1 li label{ display:block; background:#E9E9E9; border-radius:3px; padding:5px 5px 4px 25px; border:1px solid #BBB; cursor:pointer; position:relative; line-height:18px; }
div.tableData td.checkboxes1 li input{ position:absolute; margin:0px; left:6px; top:7px; }
div.tableData td.checkboxes2 { padding-bottom:0px }
div.tableData td.checkboxes2 ul{ overflow:hidden; }
div.tableData td.checkboxes2 li{ float:left; width:174px; font-size:12px; margin-bottom:6px; padding-right:5px; }
div.tableData td.checkboxes2 li label{ display:block; background:#E9E9E9; border-radius:3px; padding:5px 5px 4px 25px; border:1px solid #BBB; cursor:pointer; position:relative; line-height:18px; }
div.tableData td.checkboxes2 li input{ position:absolute; margin:0px; left:6px; top:7px; }
div.tableData td.checkboxes3 { padding-bottom:0px }
div.tableData td.checkboxes3 ul{ overflow:hidden; }
div.tableData td.checkboxes3 li{ float:left; width:168px; font-size:12px; margin-bottom:6px; padding-right:5px; }
div.tableData td.checkboxes3 li label{ display:block; background:#E9E9E9; border-radius:3px; padding:3px 5px; border:1px solid #BBB; cursor:pointer; }
div.tableData td.icons { padding:6px 6px 0px 0px; }
div.tableData td.icons li{ float:left; display:block; background:#E9E9E9; border-radius:3px; padding:5px 6px; border:1px solid #BBB; margin-left:6px; margin-bottom:6px; }

div.listData { border:5px solid #EEE; margin-bottom:15px; display:inline-block; }
div.listData table{ margin:0px auto 0px auto; border:1px solid #CCC; border-collapse:collapse; }
div.listData caption{ text-align:left; font-weight:bold; background:#61979A; color:#FFF; padding-left:5px; line-height:23px; height:23px; font-size:12px; border:1px solid #CCC; border-bottom:none; padding-top:1px; }
div.listData th{ line-height:15px; padding:5px 5px; border:1px solid #CCC; border-right:1px dotted #CCC; background:#E9F1EE; font-weight:normal; }
div.listData td{ line-height:17px; padding:5px 3px; border:1px solid #CCC; border-left:none; font-size:12px; }
div.listData .center{ text-align:center; }
div.listData .left{ text-align:left; }
div.listData .right{ text-align:right; }
div.listData tr.odd{}
div.listData tr.even{ background:#F5F5F5; }
div.listData tr.warn{ background:#ffdce3; }
div.listData tr.draft{ background:#EAFFAB; }
div.listData tr.waiting{ background:#ffdce3; }

dl.pagerNavi { margin-bottom:15px; }
dl.pagerNavi dt{ margin-bottom:7px; }
dl.pagerNavi dd{ font-size:17px; }
dl.pagerNavi dd ul{ overflow:hidden; }
dl.pagerNavi dd li { display:inline; }
dl.pagerNavi dd li a,
dl.pagerNavi dd li span{ display:inline-block; border:1px solid #BDC8CA; padding:0px 8px; margin-right:5px; border-radius:3px; float:left; line-height:26px; height:26px; }
dl.pagerNavi dd li a:hover{ background:#EEE; }
dl.pagerNavi dd li span{ background:#097860; color:#FFF; border-color:#097860; }

dl.right{ text-align:right; }
dl.right dd ul{ float:right; margin-right:-5px; display:inline-block; }


div.pagerNavi { margin-bottom:15px; }

/* pageOrderDetail */
#pageOrderDetail div.interior th{ vertical-align:middle; }
#pageOrderDetail div.interior td{ padding-top:5px; padding-bottom:5px; }
#pageOrderDetail div.interior td span{ font-size:19px; margin-right:30px; color:#690; background:#F8F8F8; padding:6px 10px 4px 10px; border:1px solid #DDD; display:inline-block; line-height:19px; }
#pageOrderDetail div.interior td span.y{ color:#F33; }

#pageOrderDetail div.serviceListWrap { border:6px solid #EEEEEE; overflow:hidden; margin-bottom:15px; }
#pageOrderDetail div.serviceList { border:1px solid #CCCCCC; overflow:hidden; background:#FFF; padding:2px; }
#pageOrderDetail div.serviceList img{ float:left; margin-right:10px; }
#pageOrderDetail div.serviceList p{ line-height:17px; font-size:12px; }

#pageOrderDetail div.campainListWrap { border:6px solid #EEEEEE; overflow:hidden; margin-bottom:15px; }
#pageOrderDetail div.campainList { border:1px solid #CCCCCC; overflow:hidden; background:#FFF; padding:2px; }
#pageOrderDetail div.campainList img{ float:left; margin-right:10px; }
#pageOrderDetail div.campainList dl{ width:670px; float:left; }
#pageOrderDetail div.campainList dl dt{ line-height:17px; margin-bottom:1px; font-weight:bold; }
#pageOrderDetail div.campainList dl dd{ line-height:17px; margin-bottom:3px; font-size:12px; }

#pageOrderDetail dl.enquete{ margin-bottom:25px; }
#pageOrderDetail dl.enquete dt{ font-size:13px; margin-bottom:5px; line-height:23px; padding-bottom:5px; border-bottom:1px dotted #CCC; }
#pageOrderDetail dl.enquete dd{ font-size:13px; margin-bottom:10px; }
#pageOrderDetail dl.enquete dd ul{}
#pageOrderDetail dl.enquete dd ul li{ line-height:21px; }
#pageOrderDetail dl.enquete dd ul li label{ display:block; }
#pageOrderDetail dl.enquete dd ul li label.checked{ color:#84BC00; font-weight:bold; }
#pageOrderDetail dl.enquete dd ul li p{ margin-left:30px; margin-bottom:5px; padding-top:5px; }
#pageOrderDetail dl.enquete dd ul li ul{ margin-left:50px; }
#pageOrderDetail dl.enquete dd div.reason{ padding-top:10px; }
#pageOrderDetail dl.enquete dd div.reason span{ color:#84BC00; font-weight:bold; }


/* pageIndex */

div#pageIndex ul.shortcut { overflow:hidden; padding:20px; margin-bottom:20px; }
div#pageIndex ul.shortcut li{ float:left; border:5px solid #EEE; margin-right:10px; border-radius:3px; }
div#pageIndex ul.shortcut li a{ display:block; border:2px solid #D3D3A3; width:200px; height:80px; line-height:80px; text-align:center; font-size:19px; color:#156957; text-decoration:none; }
div#pageIndex ul.shortcut li a:hover{ background:#F3F3E4; text-decoration:underline; }

/* pageAgentAddEdit */

/* pageOrderList */
div#pageOrderList{ }

/* pageWebVoiceAddEdit */
div#pageWebVoiceAddEdit { margin-bottom:50px; }
div#pageWebVoiceAddEdit div.basic { margin-bottom:30px; overflow:hidden; clear:both; }
div#pageWebVoiceAddEdit div.basic dl{}
div#pageWebVoiceAddEdit div.basic dl dt{ font-size:14px; height:24px; padding-top:6px; line-height:24px; width:110px; text-align:right; }
div#pageWebVoiceAddEdit div.basic dl dd{ line-height:24px; padding-top:3px; padding-left:140px; min-height:27px; padding-bottom:15px; margin:-27px 0px 7px 0px; border-bottom:1px dashed #DDD; }
div#pageWebVoiceAddEdit div.basic dl dd p.extra{ padding-top:13px; }
div#pageWebVoiceAddEdit div.basic dl dd ul{ overflow:hidden; }
div#pageWebVoiceAddEdit div.basic dl dd ul li{ line-height:24px; float:left; width:33%; }
div#pageWebVoiceAddEdit div.basic dl dd ul li label{ display:block; }

div#pageWebVoiceAddEdit div.rating { margin-left:-20px; }
div#pageWebVoiceAddEdit div.rating dl{ float:left; width:48%; margin-bottom:20px; margin-left:20px; border-bottom:1px dashed #DDD; }
div#pageWebVoiceAddEdit div.rating dl dt{ font-size:14px; height:30px; line-height:32px; width:160px; text-align:right; }
div#pageWebVoiceAddEdit div.rating dl dt input{ width:35px; font-size:15px; height:24px; padding:3px 5px; color:#f6931f; font-weight:bold; margin-left:10px; text-align:center; border:1px solid #CCC; float:right; }
div#pageWebVoiceAddEdit div.rating dl dd{ width:300px; height:30px; padding-top:3px; padding-left:190px; }
div#pageWebVoiceAddEdit div.rating dl dd.bar{ margin:-24px 0px 23px 0px; }
div#pageWebVoiceAddEdit div.rating dl dd.number{ margin:-24px 0px 0px 0px; }
div#pageWebVoiceAddEdit div.rating dl dd ul{ width:125%; margin-left:-12.3%; overflow:hidden; }
div#pageWebVoiceAddEdit div.rating dl dd ul li{ width:20%; float:left; color:#F6931F; font-weight:bold; text-align:center; font-size:12px; }
div#pageWebVoiceAddEdit div.rating dl .ui-slider-handle{ width:1.2em; height:2.0em; top:-0.7em; margin-left:-0.6em; }
div#pageWebVoiceAddEdit div.ratingCheck { margin-left:-20px; }
div#pageWebVoiceAddEdit div.ratingCheck dl{ float:left; width:48%; margin-bottom:5px; margin-left:20px; }
div#pageWebVoiceAddEdit div.ratingCheck dt{ font-size:14px; height:40px; line-height:44px; width:110px; text-align:right; }
div#pageWebVoiceAddEdit div.ratingCheck dd{ height:50px; padding-left:130px; padding-top:5px; border-bottom:1px dashed #DDD; margin:-40px 0px 7px 0px; font-size:12px; }
div#pageWebVoiceAddEdit div.ratingCheck dd input{ width:35px; font-size:15px; height:24px; padding:3px 5px; color:#f6931f; font-weight:bold; margin-left:10px; margin-right:5px; text-align:center; border:1px solid #CCC; }

/* -------------------------------------------------------------------------------
	pageAnalyze
------------------------------------------------------------------------------- */
div#pageAnalyze table.analytics{ border-collapse:collapse; }
div#pageAnalyze table.analytics tr.super{ background:#FAE6F4; }
div#pageAnalyze table.analytics tr.good{ background:#E6F4FA; }
div#pageAnalyze table.analytics th{ border-bottom:1px solid #CCC; padding:5px 10px; background:#E9E9E9; }
div#pageAnalyze table.analytics td{ border-bottom:1px dashed #CCC; padding:9px 10px; line-height:17px; }
div#pageAnalyze table.analytics tr.super td{ color:#F00; font-weight:bold; }
div#pageAnalyze table.analytics tr.nice td{  color:#D90; font-weight:bold; }
div#pageAnalyze table.analytics tr:hover{ background:#FAFAFA; }
div#pageAnalyze table.analytics td a{ color:#12822D; font-size:13px; text-decoration:none; }
div#pageAnalyze table.analytics td a:hover{ text-decoration:underline; }


/* -------------------------------------------------------------------------------
	pageBizNewsAddEdit
------------------------------------------------------------------------------- */
div#pageBizNewsAddEdit .tableData th{ background:#FFE; }


/* pageSystem */
div#pageSystem { margin-bottom:200px; overflow:hidden; }
div#pageSystem dl{ padding:10px; float:left; margin-right:50px; }
div#pageSystem dt{ font-weight:bold; margin-bottom:10px; }
div#pageSystem dd{ margin-left:10px; line-height:23px; }


/* LOGIN */
div#pageLogin { width:320px; margin:80px auto 40px auto; }
div#pageLogin h2{ font-size:13px; background:#006DA2; color:#FFF; line-height:19px; padding-left:5px; margin:0px; }
div#pageLogin table{ background:#FAFAFA; margin-bottom:13px; border:1px solid #006DA2; }
div#pageLogin p{ margin-bottom:20px; }

/* LOGOUT */
div#pageLogout {}
div#pageLogout h1{ font-size:15px; line-height:30px; margin-bottom:15px; background:#EEE; text-indent:10px; }
div#pageLogout p{ padding:80px 0px 120px 0px; text-align:center; }

/* ERROR */
div#pageError { text-align:center; margin-bottom:50px; }
div#pageError h1{ margin-bottom:20px; }
div#pageError p{ margin-bottom:20px; }
div#pageError ul{ padding:50px 0px 70px 0px; border:5px solid #FAFAFA; margin-bottom:20px; }
div#pageError ul li{ line-height:23px; }

/* DONE */
div#pageDone { text-align:center; margin-bottom:50px; }
div#pageDone p{ margin-bottom:50px; }



/* footerOuter */
div#footerOuter { margin-bottom:10px; background:#EEE; }
div#footerInner div.copyright{ text-align:center; line-height:24px; }

a#toTop{ background:url(../img/toTop.png) no-repeat; width:61px; height:61px; line-height:61px; text-indent:61px; overflow:hidden; position:fixed; bottom:20px; right:20px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
a#toTop:hover{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }