@charset "utf-8";
/* CSS Document */
html{ overflow-y:scroll; }
body{ font-size:100%; margin:0;padding:0; background:#FFF url(cimg/body_bg.png) repeat-x; }

#base,
#datepick-div{ font:62.5%/1.4 sans-serif; color:#333; }
* html #base{ font-family:'ＭＳ Ｐゴシック',sans-serif; }

div,p,ul,ol,li,dl,dt,dd,blockquote,table,img,a,span,h1,h2,h3,h4,h5,h6,form{
 margin:0;padding:0;border:0;
 list-style-type:none;
 border-style:solid;
}

/* COLOR SCHEME */
a:link{ color:#0082B8 !important; }
a:visited{ color:#0082B8 !important; }
a:hover{ color:#E63 !important; }

/* user type specific */

/* header */
.network #headerLogo{ background:url(cimg/h_bg_network.png) no-repeat; cursor:pointer; }
.media #headerLogo{ background:url(cimg/h_bg_media.png) no-repeat; cursor:pointer; }
.sponsor #headerLogo{ background:url(cimg/h_bg_sponsor.png) no-repeat; cursor:pointer; }
.admin #headerLogo{ background:url(cimg/h_bg_admin.png) no-repeat; cursor:pointer; }
.agent #headerLogo{ background:url(cimg/h_bg_agent.png) no-repeat; cursor:pointer; }

/* gNavi */
.media #gNavi li a,.media #gNavi li span{ border-top-color:#77B6AC; }
.sponsor #gNavi li a,.sponsor #gNavi li span{ border-top-color:#92BAC6; }
.admin #gNavi li a,.admin #gNavi li span{ border-top-color:#ECC591; }
.agent #gNavi li a,.agent #gNavi li span{ border-top-color:#7E78E0; }

/*===========================*/
.fieldWithErrors input.text{ background-color: #ff9999; padding: 2px;}
.fieldWithErrors textarea.text{ background-color: #ff9999; }
input.textSS{ width:60px; }
input.textLL{ width:90%; }
input.textM{ width:235px; }
input.textL{ width:360px; }
.odd{ background:#F6FAFB; }

input.disabled{ background:#EEE; }

/*===========================*/

/*HEADER*/

#header{ }
#headerLogo{
 position:absolute; z-index:10;
 width:104px; height:77px;
}
#headerLogo a{ display:block; padding-left:12px; }
#headerSub{ text-align:right; }

/*GNAVI*/
#gNavi{
 position:absolute; left:104px; width:846px; top:18px; height:41px;
 font-weight:bold; z-index:8; 
}
#gNavi li{
 position:relative; float:left;
 padding-top:2px; white-space:nowrap; 
 width:70px; height:41px; text-align:center;
 background:url(cimg/gNavi_bg.png) repeat-x left bottom;
}
#gNavi li.wide{ width:90px; }
#gNavi li a,
#gNavi li span{
 border-width:3px 1px 0;
 border-color:#B4D3DE #82B8CA #FFF #FFF;
 display:block; font-size:110%;
 padding:10px 0 5px;
}
/*#gNavi li span{ color:#CCC; }*/
#gNavi li a span{ display:inline; padding:0; border:0; color:inherit; font-size:100%; }

#gNavi li.selected{ background:#D8E9EE; }
#gNavi li.selected a{ background:#D8E9EE; border-left-color:#9BC6D5; }
#gNavi li li{ width:58px; }
#gNavi li li a,
#gNavi li li span{ border-width:0 1px 0; padding:14px 0 4px; }

#gNavi li.hasSub{ border-width:0; padding-top:0; background:none; }
#gNavi li.hasSub1{ width:86px; }
#gNavi li.hasSub2{ width:117px; }
#gNavi li.hasSub3{ width:175px; }
#gNavi li.hasSub4{ width:233px; }
#gNavi li.hasSub5{ width:291px; }

#gNavi li.hasSub1 li{ width:85px; }

#gNavi .naviLabel{
 position:absolute; display:block;
 color:#FFF; background:#036 url(cimg/gNavi_label_bg.png) repeat-x;
 left:1px; top:0; z-index:9;
 padding:0; border:0;
}
#gNavi li.hasSub1 .naviLabel{ width:85px; }
#gNavi li.hasSub2 .naviLabel{ width:116px; }
#gNavi li.hasSub3 .naviLabel{ width:174px; }
#gNavi li.hasSub4 .naviLabel{ width:232px; }
#gNavi li.hasSub5 .naviLabel{ width:290px; }
#gNavi ul.subMenu{ display:none; }
#gNavi .selected ul.subMenu{ position:absolute; width:350px; left:0; top:42px; display:block;  }
#gNavi .selected ul.subMenu li{ display:inline; background:none; border:0; padding:0 8px 0 0; width:auto; height:auto;}
#gNavi .selected ul.subMenu li a{ display:inline; background:none; border:0; font-weight:normal; padding:0; }

/*MAIN*/

#main{ padding:103px 4px 24px; position:relative; z-index:0; }
#main h1{ position:absolute; top:68px; left:0; font-size:150%; background:url(cimg/h1_icon.png) no-repeat; padding:5px 0 5px 44px; }
#main h2{ font-size:140%; }
#main th,#main td{ font-size:120%; border:1px solid #CDE3EA; padding:3px; }
#main td td{ border-width:0 1px; font-size:100%; }
#main thead th{
 background:#DBEBF0 url(cimg/grad_v_pb.png) repeat-x;
 padding:5px 2px; border-top-color:#7BB5C8; color:#4B95A8;
}
#main tbody th{ text-align:right; width:160px; padding-right:8px }
#main table{ width:100%; border-collapse:collapse; }
#main tfoot th,
#main tfoot td{ background:#DBEBF0 url(cimg/grad_v_pb.png) repeat-x; }
#main p{ font-size:120%; }

#main .btn{
 background:#DBEBF0 url(cimg/grad_v_pb.png) repeat-x;
 border:1px solid #7BB5C8; display:block; width:220px;
 font-weight:bold;
}
#main .btn a{
 padding:4px 5px 3px 40px; display:block;
 background:url(cimg/btn_icon_add.png) no-repeat;
}
#main .toolBox{ position:absolute; font-size:120%; padding:4px 2px; }
#main .toolBox h1{ font-size:120%; line-height:20px; top:6px; width:200px; }
#main .selectBox{ padding:4px 0 4px 220px; font-size:100%; background:#CDE3EA; border:1px solid #CDE3EA;}
#main .selectBox h2{ display:none; float:left; }
#main .selectBox table{ width:auto; margin:0 0 0 auto; }
#main .selectBox td{ font-size:100%; padding-right:5px; }
#main .selectBox select,
#main .selectBox input{ font-size:100%; }
#main .selectBox p.box_empty{ padding:6px; }

#main .searchBox{ height:140px; padding:4px 0 4px 0; font-size:100%; background:#CDE3EA; border:1px solid #CDE3EA;}
#main .searchBox h2{ font-size:80%; }
#main .searchBox h3{ font-size:100%; padding:3px 0 0; margin:2px 0; }
#main .searchBox h3.mar{ margin-top:2px; }
#main .searchBox div.box{ width:215px; float:left; }
#main .searchBox div.largebox{ width:265px; float:left; }
#main .searchBox div.shortBox{ width:155px; float:left; }
#main .searchBox select{ overflow-y:scroll; width:195px; }
#main .searchBox select.short{ overflow-y:scroll; width:150px; }
#main .searchBox select,
#main .searchBox input{ font-size:100%; }
#main .searchBox div.submit{ border:5px solid #B4D3DE; text-align:center; padding:12px 0; margin-bottom:4px; }

#main p.empty{ padding:5px; font-size:120%; margin:5px 0; border:3px solid #CDE3EA; background:#FFE; font-weight:bold; }

#main .separateBox{ font-size:100%; margin:0; padding:0; height:42px; background:#FFF url(cimg/separate_bg.png) repeat-x; }  

/* price */
#main table.price th{ width:180px; text-align:left }

/*review*/
#main .urls th{ width:70px; }
#main .urls td{ border:1px solid #CDE3EA; }
#main div.review div.mouseOn table td,
#main div.review div.mouseOn table th{ background:#FF6; }
#main div.review div.selected table td,
#main div.review div.selected table th{ background:#FF9; }

/* AdSpotGroupFilter & CampaignFilter && AdSpotAllowArticle */
#main tr.mouseOn th,
#main tr.mouseOn td{ background:#FF6; }
#main tr.selected th,
#main tr.selected td{ background:#FF9; }
#main tr th.check{ width:25px; }

/* CREATIVE */
#mainCreative{ position:relative; }
div.preview{background:#FFF; border:1px solid #7BB5C8; padding:4px 4px;}
#mainCreative div.preview{ position:absolute; left:465px; top:3px; padding:4px 2px; }
#mainCreative div.preview h3{ padding:0; margin:0; font-size:12px; }
.creativePreview{ padding:4px; }
.creativePreviewImage{ border:1px solid #EEA; padding:.5em; text-align:center; }
.creativePreviewText{ width:340px; border:1px solid #DDD; padding:.5em; }
.creativePreviewTextL{ border:1px solid #DDD; padding:.5em; }
/*#main .creativePreviewText span{ display:block; }*/
.creativePreviewText .prevTitle,
.creativePreviewTextL .prevTitle{ color:#00F; text-decoration:underline; font-weight:bold; font-size:13px; }
.creativePreviewText .prevText,
.creativePreviewTextL .prevText{ font-size:11px; }
.creativePreviewText span img{ vertical-align:middle; }
.button2 .prevTitle{ font-size:7px; }
.button2 .prevText{ font-size:7px; }
.button2 .prevDomain{ font-size:7px; }
#main td.creativeTitleWithPreview{ border-right-width:0; }
#main td.creativePreview{ text-align:center; font-size:10px; }
#main td.previewLink{ border-left-width:0; text-align:right; font-size:10px; }

#main #emoji{ width:380px; background:#B4D3DE; border-right:2px solid #BB9; border-bottom:2px solid #BB9; }
#main #emoji td{ padding:0; }
#main #emoji td a{ display:block; text-align:center; }
#main #emoji td a:hover{ background:#F6FAFB; }

/* list */
#main .adThumb{ overflow:hidden; }
#main .adThumb img{ border-width:1px 0 0; }

/* chart */
#mainChart{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:7px 0; }
#main .basicChart{ height:160px; width:100%; }

/* category */
#main .catlist .root td{ background-color:#EAFAFA; font-weight:bold; padding:7px 3px; border-top:2px solid #B0CFDF; }
#main .catlist .catId{ width:3em; }
#main .catlist .subcatId{ width:3em; }

/* review,controlbox */
#main div.review label,
#main div.ctrlBox{
 border-top:1px solid #7BB5C8; display:block;
 font-size:120%; background:#D8E9EE;
 padding:5px 3px; margin-top:5px;
 font-weight:bold; 
}
#main div.review th{ font-size:100%; }

/* article */
#main div.article{ border:1px solid #D8E9EE; background:#F1F6F7; padding:8px; font-size:120%; }
#main div.article div{ border-bottom:1px dotted #DBE9EE; padding:4px 0; }

/* notice,info */
#content{ padding:5px; font-size:120%; margin:5px 0; border:3px solid #CDE3EA; background:#FFE; font-weight:bold; }
#content.caution{ padding:5px; font-size:120%; margin:5px 0; border:3px solid #C00; background:#FDD; font-weight:bold; }
#main .notice{ margin:5px 0; padding:5px; border:1px solid #CDE3EA; background:#F0F6F7; font-size:120%; }
#main .caution h2{ color:#F00; }
#main #content div.caution{ color: #C00 }

/* ad_spot */
#user_colors table { width:auto; margin-top:7px; }
#user_colors tbody th{ width:5em; font-size:100%; }
#user_colors .boxL{ width:210px; float:left; }
#user_colors .boxR{ width:230px; float:left; }
table#colors div.preview{ width:260px; }

#main a.bold_link{ font-size:120%; font-weight:bold; }

/* datepicker */
#datepick-div,
.datepick-inline{ background:#FFF; z-index:100; width:18em; }
#datepick-div{ border:1px solid #888; }
table.datepick{ width:100%; }
.datepick-clear{ float:left; width:49%; }
.datepick-close{ float:left; width:49%; text-align:right; }
.datepick-links{ float:left; width:100%; background:#D8E9EE; }
.datepick-links div{width:32%; float:left; text-align:center; }
.datepick-links a{display:block; padding:2px; color:#FFF; font-weight:bold;}
.datepick-links label{ display:block; padding:2px; }
.datepick-current{border-width:0 1px; border-color:#C6D44B; border-style:solid;}
.datepick-next{float:right !important;}
.datepick-inline a{cursor:pointer; display:block; }
.datepick-header{clear:both; text-align:center; padding:2px; background:#222; color:#CCC; white-space:nowrap; }
.datepick-header select{ color:#FFF; border:0; padding:0 0 0 10px; font-weight:bold; background:#222; }
.datepick-days-cell{ background:#FFF; border-bottom:1px solid #E9E9E9; text-align:center; cursor:pointer; }
.datepick-week-end-cell{ background:#EEE; }
.datepick-other-month{ color:#BBB; background:#DDD; }
.datepick-days-cell-over{ background:#FF0; }
.datepick-today{ border:1px solid #999; background:#EFE;}
.datepick-current-day{ background:#FF9; }
.datepick-unselectable{ color:#CCC; }
/* ___________ IE6 IFRAME FIX ________ */
.datepick-cover {
 display: none; /*sorry for IE5*/
 display/**/: block; /*sorry for IE5*/
 position: absolute; /*must have*/
 z-index: -1; /*must have*/
 filter: mask(); /*must have*/
 top: -1px; /*must have*/
 left: -1px; /*must have*/
 width: 187px; /*must have*/
 height: 187px; /*must have*/
}
* html .datepick-prompt { /* IE6 */
 width: 18em;
}

/* color picker */
tr.colorSelectFields td{ vertical-align:top; }
.colorwell{ border-style:outset; width:100px;}
.colorwell-selected{ border-style:inset; }
.previewAdSpot{ padding:3px 7px !important; }
.previewAdSpot .creativePreviewText{ border:0; padding:0 !important; }
.previewAdSpot .creativePreviewText .creativeContent{ padding:3px; }
.previewAdSpot #creativePreview{ border-width:1px; border-style:solid; padding:0; margin:0; overflow:hidden;}
/*ad sample*/

/* FOOTER */
#footer{ clear:both; text-align:center; border-top:1px solid #CDE3EA; padding:10px; margin-top:20px;  }