/* ========================================= *
 * wp analytics
 *
 * common
 * item descript hover
 * sidemenu
 * content
 * index summary
 * table
 * period form
 * each page
 *   visitorType
 * Line graph - hover
 * no data
 * pager
 * ========================================= */

/* ---------------------
 *
 * common
 *
 * -------------------- */
body {
	font-size: 12px;
	/* overflow-x: hidden; */
}
.bodyInnerWrapper {
	background: #efefef;
	padding-bottom: 40px;
}
td {
	font-size: 100%;
}
.menuTitle {
	padding: 10px 0 10px 5px;
	background: #efefef;
	font-size:18px;
}
#gaWrap {
	width: 900px;
	padding: 20px 0;
	background: #fff;
	margin: 0 auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#brokenLinkWrap {
	width: 900px;
	padding: 5px 5px 25px 0px;
	background: #fff;
	margin: 0 auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#gaWrap a:hover {
	text-decoration: underline;
}
#gaContent.index .graphWrap.visitorType {
	float: left;
}

.pieCanvasWrap,
.lineCanvasWrap { 
	position: relative;
}
#gaContent.index .graphWrap.visitorType .pieLabel {
	text-align: center;
}
.helpIcon {
	width: 14px;
}
/* ------------------------
 * item descript hover
 * ----------------------- */
.itemDescript {
	position: absolute;
	width: 200px;
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 6px;
	box-shadow: 0 1px 1px #ccc;
}
.gaTbl {
	position: relative;
}

.itemDescript .name {
	margin-bottom: 4px;
	border-bottom: 1px solid #ccc;
	border-left: 4px solid #008fff;
	padding-left: 10px;
	padding-bottom: 4px;
}
.gaTbl th:hover {
	cursor: default;
}
/* ------------------------
 * side menu
 * ----------------------- */
#gaMenu {
	width: 200px;
	float: left;
	overflow-y: auto;
}
#gaMenu > ul {
	margin: 0 14px;
}
#gaMenu li a {
	padding: 10px 0 10px 4px;
	display: block;
	color: inherit;
}
#gaMenu a.now spaN {
	border-left: 4px solid #008FFF;
	margin-left: -10px;
	padding-left: 6px;
}
#gaMenu li a:hover {
	background: #f7f7f7;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#menuMask {
	display: none;
}
/* ----------------------------
 * content
 * --------------------------- */
#gaContent {
	width: 696px;
	float: left;
	border-left: 1px dashed #d5d5d5;
	position: relative;
	margin-top: 10px;
}
#gaContent > div {
	margin: 10px 20px 20px;
}
.gaTitle {
	border-left: 6px solid #008fff;
	padding-left: 10px;
	margin-bottom: 14px !important;
}
.graphWrap.line,
.graphWrap.bar {
	width: 660px;
}
.graphWrap.pie {
	float: left;
	margin-left: 20px !important;
}
.graphWrap.pie .pieLabel {
	text-align: center;
}
.graphWrap.pie .pieLabel > span {
	padding: 0 4px;
}
/* 2016/02/05 hongo_r No0040 */
.graphWrap.visitor .imageMarkWrap{
	height: 15px;
	position: relative;
	display: block;
	margin-bottom: 2px;
}
.graphWrap.visitor .imageMarkWrap img.mailFlag{
	top: 0px;
	position: absolute;
	z-index: 10;
}

/* 2016/04/30 saito_r No0040 */
.graphWrap.visitor .mailDescription{
	padding: 3px;
	padding-top: 0px;
	margin-bottom: 13px;
/*	margin: 0 0 1.2em; */
/*	padding: 0.5em 0.5em 0.5em 2.0em; */
	border-bottom: 1px solid #3eafdf;
}

/* 2016/05/04 tsukita_t No0040 レイアウト修正の為コメントアウト */
/*
.graphWrap.visitor .mailDescription:before{
	content: "□";
	font-size: 150%;
	position: absolute;
	color: #3eafdf;
	top: -0.8em;
	left: 0.3em;
	height: 12px;
	width: 12px;
}
.graphWrap.visitor .mailDescription:after{
	content: "□";
	font-size: 150%;
	position: absolute;
	color: #45C286;
	top: -0.5em;
	left: 0;
	height: 12px;
	width: 12px;
}
*/

/* 2016/XX/XX hongo_r No0040 */
.graphWrap.visitor .imageMarkWrap img.mailFlag:hover{
	cursor: pointer;
}
.graphWrap.visitor .tooltipWrapper .label{
	z-index: 20;
}
.graphWrap.visitor .visitorLegend{
	text-align:right;
	margin-top: 2px;
	margin-right: 20px;
}
.graphWrap.visitor .visitorLegend .visitorMark{
	color: #3eafdf;
}
.graphWrap.visitor .visitorLegend .comparisonMark{
	color: #ffcc7c;
}
.graphWrap.visitor .visitorLegend .averageMark{
	color: #45C286;
}

/* ----------------------------
 * indexSummary
 * ----------------------------*/
.indexSummary {
	width: 400px;
	float: left;
	position: relative;
}
.indexSummary table {
	width: 100%;
	border-spacing: 10px;
	border-collapse: separate;
}
.indexSummary td {
	border-right: 1px solid #ddd;
	text-align: left;
	padding-bottom: 10px;
	width: 33%;
}
.indexSummary td.last {
	border-right: none;
}
.indexSummary .summaryData {
	font-size: 16px;
	margin-top: 0.1em;
	padding-right: 0.6em;
	text-align: right;
}
/* 2016/02/10 hongo_r No0040 */
.indexSummary .summaryData .comparisonData{
	font-size: 14px;
}
.indexSummary .summaryData .comparisonData.red{
	color: #DC3912;
}
.indexSummary .summaryData .comparisonData.blue{
	color: #5B92E5;
}
/* ----------------------------
 * table
 * ----------------------------*/
.gaTbl {
	clear: both;
}
.gaTbl table {
	width: 100%;
}
.gaTbl th {
	border-bottom: 1px solid #555;
}
.gaTbl th,
.gaTbl td {
	padding: 6px;
	text-align: right;
	border-right: 1px solid #ccc;
}
.gaTbl .num,
.gaTbl .dimension1 {
	text-align: left;
}
#gaContent .gaTbl .dimension1.firstShowSp.index {
	width: 70%;
}
#gaContent .gaTbl table {
	word-break: break-all;
}
.gaTbl td {
	border-bottom: 1px solid #ddd;
}
.gaTbl tr.odd {
	background: #f8f8f8;
}
.gaTbl .more {
	text-align: right;
}
.gaTbl th,
.gaTbl .num {
	border-right: 0;
}
.gaTbl .num {
	border-left: 1px solid #ccc;
	width: 20px;
}
#gaContent .gaTbl .barGraph,
#gaContent .gaTbl .barGraphTbl .bar {
	padding: 0px;
}
#gaContent .gaTbl .barGraphTbl td {
	border: none;
}
#gaContent .gaTbl .barGraphTbl .bar div {
	background:#008FFF;
}
#gaContent .gaTbl .barGraphTbl .percent {
	width: 42px;
	padding-left: 2px!important;
	padding-right: 2px;
}
.gaTbl th img,
.indexSummary td img {
	padding-left: 4px;
	vertical-align: top;
}
.viewSwitchBtn {
	text-align: right;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
#gaContent .gaTbl .pageviewsPer{
	color: #767679;
	font-size: 10px;
}
#gaContent > div.viewSwitchBtn img {
	width: 24px;
}
.viewSwitchBtn {
	width: 124px;
	float: right;
	margin-top: -20px!important;
	margin-bottom: 10px !important;
}
.viewSwitchBtn ul {
	display: table;
	width: 100%;
}
.viewSwitchBtn ul li {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	border: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 70%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 70%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 1px #CCC;
	-moz-box-shadow: 0 1px 1px #CCC;
	-webkit-box-shadow: 0 1px 1px #CCC;
}
.viewSwitchBtn ul li a {
	color: inherit;
	height: 24px;
	line-height: 24px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none !important;
	text-align: left;
}
.viewSwitchBtn ul li.active,
.viewSwitchBtn ul li:hover {
	box-shadow: 0 1px 2px #CCC inset;
}
.viewSwitchBtn ul li.active {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 70%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#eeeeee), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 70%,#dbdbdb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 3px 4px #CCC inset;
	-moz-box-shadow: 0 3px 4px #CCC inset;
	-webkit-box-shadow: 0 3px 4px #CCC inset;
}
.viewSwitchBtn ul li a span {
	font-size: 10px;
}
.viewSwitchBtn .tblBtn {
	border-radius: 4px 0 0 4px;
	border-right: 0;
}
.viewSwitchBtn .barBtn {
	border-radius: 0 4px 4px 0;
}
.viewSwitchBtn .tblBtn a {
	background-image: url(/html/image/public/wp/analytics/tableIcon.png);
}
.viewSwitchBtn .tblBtn span {
	margin-left: 34px;
}
.viewSwitchBtn .barBtn a {
	background-image: url(/html/image/public/wp/analytics/barIcon.png);
}
.viewSwitchBtn .barBtn span {
	margin-left: 28px;
}
/* 2017/06/27 tiba_t No1036 */
.keywordCaution{
	color: #FF0000;
	margin-bottom:40px !important;
	border: 1px solid #FF0000;
	padding: 4px;
	border-radius: 5px;
}
/* 2017/06/27 tiba_t No1036 */
.keywordCautionSp{
	color: #FF0000;
	border: 1px solid #FF0000;
	padding: 4px;
	border-radius: 5px;
	width: auto !important;
}

/* 2017/07/18 inomata_s No1057 visitor table css */
.wp_analytics_visitor th.visits{
	width: 10%;
}
.wp_analytics_visitor th.pageViews{
	width: 16%;
}
.wp_analytics_visitor th.pageviewsPerVisit{
	width: 10%;
}
.wp_analytics_visitor th.avgTimeOnPage{
	width: 13%;
}
.wp_analytics_visitor th.bounces{
	width: 9%;
}
.wp_analytics_visitor th.exits{
	width: 9%;
}

/* 2017/07/19 inomata_s No1057 landingPage table css */
.wp_analytics_landingPage th.visits{
	width: 10%;
}
.wp_analytics_landingPage th.pageviewsPerVisit{
	width: 15%;
}
.wp_analytics_landingPage th.newVisits{
	width: 11%;
}
.wp_analytics_landingPage th.avgTimeOnPage{
	width: 13%;
}
.wp_analytics_landingPage th.bounces{
	width: 9%;
}

/* 2017/07/20 inomata_s No1057 refer table css */
.wp_analytics_refer th.visits{
	width: 10%;
}
.wp_analytics_refer th.pageviewsPerVisit{
	width: 15%;
}
.wp_analytics_refer th.newVisits{
	width: 11%;
}
.wp_analytics_refer th.avgTimeOnPage{
	width: 13%;
}

/* 2017/07/20 inomata_s No1057 exitPage table css */
.wp_analytics_exitPage th.pageViews{
	width: 20%;
}
.wp_analytics_exitPage th.exits{
	width: 15%;
}

/* 2017/08/04 inomata_s No1057 graphTbl css */
th.graphTbl{
	width: 25%;
}

/* ----------------------------
 * period form
 * ----------------------------*/
#periodInner > * {
	float: left;
}
#periodWrap+div {
	clear: both;
}
#periodInner > p {
	margin: 3px 10px 0 0;
}
#periodInner p.wpGaTitle{
	font-size:15px;
}	
#periodWrap {
	float: right;
	position: absolute;
	top: -76px;
	right: -22px;
}
#periodForm,
#periodInner > .custom {
	background: #fff;
	padding: 2px;
	margin-right: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-weblit-border-radius: 4px;
	box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	-webkit-box-shadow: 0 1px 1px #ccc;
}
#periodInner > .custom {
	float: none;
	position: absolute;
	top: 32px;
	right: 44px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	padding: 4px;
	/* 2017/09/04 inomata_s No1134 Adjust frame size */
	/* width: 345px; */
	width: 430px;
}

/* 2016/02/15 hongo_r No0040 */
#periodInner > .custom.comparisonPeriodViewFlag{
	z-index:1;
	/* 2017/09/04 inomata_s No1134 Adjust frame size  */
	/* width: 430px; */
	width: 500px;
}
/* 2016/02/11 hongo_r No0040 */
#periodInner > .custom .targetPeriod{
	padding: 2px 0px;
}

/* 2016/02/11 hongo_r No0040 */
#periodInner > .custom .comparisonPeriod.hidden{
	padding: 0px 0px 1px 0px;
	display: none;
}

/* 2016/02/11 hongo_r No0040 */
#periodInner > .custom .comparisonPeriod{
	padding: 0px 0px 1px 0px;
	display: inline;
}
img.ui-datepicker-trigger {
	padding-top: 2px;
}
/* 2016/03/01 hongo_r No0040 rightではなくdispalynoneに変更 */
#periodInner .custom.displaynone {
	display: none;
}
/* ----------------------------
 * page - visitorType
 * ----------------------------*/
#gaContent.visitorType .pieCanvasWrap {
	float: right;
}
#gaContent.visitorType .pieLabel {
	float: right;
	text-align: left;
}
#gaContent.visitorType .pieLabel > span {
	display: block;
}
/* ----------------------------
 * Line graph - hover
 * ----------------------------*/
#lineWrap {
	position: relative;
}
.lineCanvasWrap .dots {
	display: block;
	position: absolute;
	background: transparent;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.lineCanvasWrap .dots em {
	position: absolute;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 0px 2px #555;
	-moz-box-shadow: 0 0px 2px #555;
	-webkit-box-shadow: 0 0px 2px #555;
	display: none;
}
.lineCanvasWrap .dots:hover em {
	display: block;
}
.lineCanvasWrap .dots:hover {
	cursor: pointer;
}
.lineCanvasWrap .label {
	width: 130px;
	position: absolute;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	display: none;
}
.lineCanvasWrap .label p {
	margin: 8px 6px;
	font-size: 11px;
	letter-spacing: 1px;
}
.lineCanvasWrap .xVal {
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 4px !important;
}
.lineCanvasWrap .xVal label {
	font-size: 10px;
	padding: 0 1px;
}
.lineCanvasWrap .yVal {
	margin-top: 4px !important;
}
.lineCanvasWrap .yVal font {
	padding-right: 4px;
	font-size: 10px;
}
/* ----------------------------
 * no data
 * ----------------------------*/
#gaContent .noData,
#brokenLinkContent .noData{
	text-align: center;
	padding: 80px 0px 80px 0px;
	font-size: 15px;
}

/* ----------------------------
 * pager
 * ----------------------------*/
#logPager > div {
	float: left;
	border-right: 1px solid #ccc;
	padding-right: 8px;
	margin: 0 !important;
	margin-right: 8px !important;
}
#logPager a,
#logPager > div {
	font-size: 12px;
}
#logPager .pager {
	float: right;
	border-right: 0;
	margin-right: 0 !important;
	padding-right: 0;
}
#logPager .pager a {
	text-align: center;
}
#logPager .submit {
	border-right: 0;
}
#logPager .submit input[type="submit"] {
	padding: 3px 10px;
	border: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 70%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 70%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 70%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 1px #CCC;
	-moz-box-shadow: 0 1px 1px #CCC;
	-webkit-box-shadow: 0 1px 1px #CCC;
}
#logPager .submit input[type="submit"]:hover {
	box-shadow: 0 1px 2px #CCC inset;
	cursor: pointer;
}
#gaContent .noData.overMaxLine {
	/*	padding: 80px 0px 80px 0px;*/
}



/* ----------------------------
 * help
 * ----------------------------*/
#periodWrap.clearfix.displaynone  {
	display: none;
}
#gaContent .helpWrap {
	margin: 0px 40px 10px!important;
}
#gaContent .helpWrap .help {
	margin: 20px;
}
#gaContent .helpWrap .help span{
	border-left: 6px solid #B1B2B4;
	padding-left: 7px;
	margin-bottom: 14px !important;
}


/* ----------------------------
 * guide
 * ----------------------------*/
.guideList {
	margin: 0px 0px 25px 0px;
}
.guideList .parent {
	margin: 0;
	padding: 5px 0 5px 13px;
	border-left: 3px solid #84919d;
	border-bottom: 1px solid #d8dadc !important;
	line-height: 1.2;
	font-size: 120%;
}
.guideList .child li {
	list-style-type: disc;
	margin: 12px 0px 0px 25px;
	line-height: 9px;
}
.guideList .parent a {
	color:#000000;
}
.guideList .child a{
	color:#888787;	
}
.guideWrap .parentTitle{
	text-align: center;
}
.guideWrap .childTitle {
	border-bottom: 1px solid #d8dadc !important;
	font-size: 170%;
	text-align: center;
	margin-bottom: 25px;
}
.guideWrap .content span {
	color: #008fff;
	font-size: 125%;
}

/* 2017/03/20 sakai_m No0658 */
#gaContent .guide .submit.prev {
	text-align: center;
	padding: 50px 0px;
}
.bodyWrapper .close.blank {
 padding: 10px;
 text-align: center;
 margin-bottom: -40px!important;
}
.bodyWrapper .close.blank input[type="button"] {
 padding: 8px 35px;
}

/* content */
.guideWrap .settingCapture {
	margin-top: 15px;
}
.guideWrap img{
	border: solid 2px #CCC;
}
.guideWrap .capImg img {
	width: 310px;
	height: 300px;
}
.guideWrap .auto img {
	height: auto!important;
}
.guideWrap .capImg {
	float: left;
	margin: 0px 5px;
	width: 48%;
	margin-bottom: 15px;
}
.guideWrap .capImg p {
	margin-top: 4px;
}
.guideWrap .text.discription {
	width: 50%;
	float:left;
	margin-right: 7px;
}
.guideWrap .discriptionImg img {
	width: 300px;
}
.guideWrap .content {
	margin-bottom: 30px;
}
.guideContent .pointIcon span{
	color:#333;
}
.guideContent .pointIcon img {
	border: none;
	width: 25px;
	vertical-align: bottom;
}

.guideContent .pointIcon {
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-color: #b3b3b3;
}
.guideContent .pointContent {
	padding: 10px 10px;
	border: solid 1px #DAD8D8;
	border-radius: 8px;
	line-height: 20px;
	box-shadow: 2px 2px 2px #DADADA;
}
.guideContent .text ul.point{
	padding: 6px 10px;
	border: solid 1px #ACABAB;
	border-radius: 8px;
	background-color: #FCF6EA;
	margin: 3px 0px 7px 0px;
	line-height: 20px;
}
.guideContent .content .title p {
	margin-left: 3px;
}
.guideContent .content .text p,
.guideContent .content .title p {
	text-indent: 1em;
}
.guideContent .content p.noIndent {
	text-indent: 0px!important;
}
.guideContent .sitemapImg img{
	width:350px;
}
.guideContent .sitemapContentWrap{
	width: 50%;
	float: left;
	margin-right: 20px;
}
.guideContent .sitemapContentWrap p.noIndent {
	margin-bottom: 7px;
}
.guideWrap .capImg.imgItem img{
	/* 2017/03/14 yu_ito No0900 */
	/*height: 400px!important;*/
	height: 500px!important;
}
.guideContent .blogInsert {
	margin-top: 16px;
}
.guideContent .capImg.anchor img {
	height: 369px;
}

/* 2017/03/17 sakai_m No0658 */
/* ----------------------------
 * SEO
 * ----------------------------*/
#gaContent .seoMenuWrap .seoMenu {
	margin: 20px;
}
#gaContent .seoMenuWrap .seoMenu span{
	border-left: 6px solid #B1B2B4;
	padding-left: 7px;
	margin-bottom: 14px !important;
}