@charset "UTF-8";

body {
	position:relative;
	width:100%;
	margin:0px auto;
	padding:0px;
	background:url(../images/background.png) repeat-x 0 0 #dbdbdb;
	font: 12px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; 
	color:#333;
}

h1,h2,h3,h4,h5,h6,p,ul,dl,dd,dt { margin:0px; padding:0px; }
ul { list-style-type:none; }
ul ul { margin-left:10px; }

table,table th,table td { border-collapse:collapse; }
.clear { clear:both; font-size:1px;}
.hidden { background-color:#dbdbdb; }

#wrapper {width:960px; margin:0px auto; padding:0px;background:url(../images/bg_main20080415.png) top left; repeat-y #fff;}

#mainheader { width:765px; height:96px; margin:0 auto; padding-left:195px; position:relative; background:url(../images/bg_header.gif) 0 0 repeat-x;}
#mainbody {float:right; width:755px; margin-right:10px; margin-bottom:80px; background-color:#fff; }

#globalmenu { float:left; width:195px; margin:0; padding:65px 0 0 0; background:url(../images/bg_globalmenu20080415.png) left top no-repeat;}
#submenu { position:absolute; right:10px; top:15px; }
#footer { margin:0 auto; padding:0px; width:960px; height:1px;  position:relative;  }

#mainheader h1 {
	width:195px; height:120px;
	position:absolute;
	top:0; left:0px;
	background: url(../images/logo_logist20080415.jpg) no-repeat;
	font-size:10px;
	text-indent: -9999px;
}

#mainheader .customerinfo {
	width:500px;
	height:40px;
	margin:0;
	padding-left:250px;
	background:url(../images/attention.gif) 0 2px no-repeat;
}
.customerinfo dl { width:355px; height:40px; padding-top:14px;}
.customerinfo dl dt {
	float:left;
	margin-bottom:8px;
}
.customerinfo dl dd {
}
.customerinfo dt {
	width:50px;
	text-align:right;
	padding:2px 10px 0 0;
	color:#ffffff;
}

.customerinfo dd {
	width:280px;
	float:right;
	margin-bottom:8px;
	background-color:#fff;
	border:1px solid #969cc0;
	padding:0 5px;
}

#footer p { width:955px; height:20px; font-size:10px; padding:60px 5px 0 0; text-align:right; color:#666; position:absolute; background:url(../images/bg_globalmenu20080415.png) left bottom no-repeat #ffffff;right:0px ; top:-80px;}


#mainheader .tab {
	position:absolute; right:0px; top:70px;
}


/*
 main area layout
 */
 
#mainbody h3 {
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	background:url(../images/headbar.png) no-repeat;
	margin:5px 0px 8px; padding:2px 0px 0px 15px;
	width:760px; height:18px;
}




.column1-1 {
	margin:5px auto;
	width:700px;
}

.column1-2 {
	margin:5px;
	width:360px;
	float:left;
	text-align:left;
}

.column2-2 {
	width:320px;
	margin-left:10px;
	float:left;
}

.column2-2 ul {
	margin:0px; padding:0px;
	list-style-type:none;
	font-size:10px;
}

.column2-2 ul li { padding-left:18px;}
.column2-2 ul li.no1 { background:url(../images/rank1.gif) no-repeat; }
.column2-2 ul li.no2 { background:url(../images/rank2.gif) no-repeat; }
.column2-2 ul li.no3 { background:url(../images/rank3.gif) no-repeat; }
.column2-2 ul li.no4 { background:url(../images/rank4.gif) no-repeat; }
.column2-2 ul li.no5 { background:url(../images/rank5.gif) no-repeat; }
.column2-2 ul li.no6 { background:url(../images/rank6.gif) no-repeat; }
.column2-2 ul li.no7 { background:url(../images/rank7.gif) no-repeat; }
.column2-2 ul li.no8 { background:url(../images/rank8.gif) no-repeat; }
.column2-2 ul li.no9 { background:url(../images/rank9.gif) no-repeat; }
.column2-2 ul li.no10 { background:url(../images/rank10.gif) no-repeat; }

#tablearea { width:750px; margin:0px auto; text-align:center; }
#tablearea table {
	width:700px;
	margin:5px 0px;	padding:2px;
	border-collapse : collapse;
	border:1px solid black;
}

#tablearea table th,#tablearea table td {
	border-collapse : collapse;
	border:1px solid black;
	font-size:10px;
}


#tablearea .table1-2 {
	width:250px;
	float:left;
	margin-right:30px;
}

#tablearea .table2-2 {
	width:420px;
	float:left;
}

#tablearea .table1-2 table {
	width:250px;
}
#tablearea .table1-2 .number,#tablearea .table2-2 .number { width:15px; } 
#tablearea .table2-2 table {
	width:420px;
}

/*
	submenu ( for printing,logout ... )
*/
#submenu ul { width: 137px; }

#submenu ul li {
	width:64px;
	height:21px;
	float:left;
	margin-right:4px;
}

#submenu ul li.logout { width:132px; margin-bottom:8px; }

#submenu ul li a {
	display:block;
	width:64px; height:21px;
	text-indent:-9999px;
}
#submenu ul li.logout a {
	width:132px;
}

#submenu ul li a.print { background:url(../images/btn_print.png) no-repeat; }
#submenu ul li a.print:hover { background:url(../images/btn_printon.png) no-repeat; }
#submenu ul li a.help { background:url(../images/btn_faq.png) no-repeat; }
#submenu ul li a.help:hover { background:url(../images/btn_faqon.png) no-repeat; }
#submenu ul li a.logout { background:url(../images/btn_logout.png) no-repeat; }
#submenu ul li a.logout:hover { background:url(../images/btn_logouton.png) no-repeat; }
#submenu ul li a.checksite { background:url(../images/b_logout.jpg) no-repeat; }
#submenu ul li a.checksite:hover { background:url(../images/b_logouton.jpg) no-repeat; }

/*
	selector (visitor,visit,new visitor,pageview ...)
*/
#displayselector {float:left;width:380px;}	
#displayselector ul {list-style-type:none;margin:5px;padding:0px;margin-bottom:12px;}
#displayselector ul li {display:block;padding:0px;width:72px;font-size:10px;float:left;text-align:center;background:url(../images/selectorbg.png) no-repeat top center;}
#displayselector ul li a {display:block;height:18px; text-decoration:none; color:#fff;padding-top:2px;width:72px; }

#displayselector li.first {background:url(../images/selectorbg.png) no-repeat top left;}
#displayselector li.last {background:url(../images/selectorbg.png) no-repeat top right;}

#displayselector li.hi{background:url(../images/selectorbg.png) no-repeat bottom center;}
#displayselector li.firsthi {background:url(../images/selectorbg.png) no-repeat bottom left;}
#displayselector li.lasthi {background:url(../images/selectorbg.png) no-repeat bottom right;}

#displayselector li a:hover {background:url(../images/selectorbg.png) no-repeat bottom center;}
#displayselector li.first a:hover,#displayselector li.firsthi a:hover {background:url(../images/selectorbg.png) no-repeat bottom left;}
#displayselector li.last a:hover,#displayselector li.lasthi a:hover {background:url(../images/selectorbg.png) no-repeat bottom right;}
/*
 * Globalmenu settings
 */

#globalmenu li { margin:0px; padding:0px; width:190px; }
#globalmenu li a { width:190px; height:20px; pading-top:5px; display:block; border:none;}
#globalmenu li ul { margin:0; width:190px; text-indent:0px; }
#globalmenu li ul li { background:url(../images/mbtnbase.png) no-repeat 0 0; width:190px; height:23px;}
#globalmenu li a img { border:none; }

#globalmenu ul li li a { display:block; width:190px; height:20px; padding-left:20px; padding-top:3px; text-decoration:none; color:#ffffff; }
#globalmenu ul li li a:hover,#globalmenu ul li li a.hi { background:url(../images/mbtnbaseon.png) no-repeat 0 0; display:block; width:190px; height:20px; padding-left:20px;padding-top:3px; text-decoration:none; color:#ffffff; }
#globalmenu ul li span { display:block; height:30px; margin:0 auto; text-indent:-99999px; }

#globalmenu li.analyze { height:80px; text-indent:-9999px; margin-bottom: 0px; }
#globalmenu li.analyze span { background:url(../images/mbtn_analyze.png) no-repeat;}
#globalmenu li.analyze span { background:url(../images/mbtn_analyze.png) no-repeat; }

#globalmenu li.analyze li { height:25px; }
#globalmenu li.analyze li a { height:25px; padding-top:0px; }
#globalmenu li.analyze li a:hover { height:25px; padding-top:0px; }
#globalmenu li.summary a { background:url(../images/mbtns_summary.png) no-repeat; }
#globalmenu li.summaryhi a,#globalmenu li.summaryhi a:hover,#globalmenu li.summary a:hover { background:url(../images/mbtns_summaryon.png) no-repeat; height:25px;padding-top:0px; }
#globalmenu li.summary a,#globalmenu li.summaryhi a { text-indent: -99999px; }

#globalmenu li.dashboard a { background:url(../images/mbtns_dash.png) no-repeat;   }
#globalmenu li.dashboardhi a,#globalmenu li.dashboardhi a:hover,#globalmenu li.dashboard a:hover { background:url(../images/mbtns_dashon.png) no-repeat;}
#globalmenu li.dashboard a,#globalmenu li.dashboardhi a { text-indent: -99999px; }


#globalmenu li.basic { height:306px ; margin-bottom:0px ;}
#globalmenu li.basic span { background:url(../images/mbtn_basic.png) no-repeat;  }
#globalmenu li.basichi span { background:url(../images//mbtn_basic.png) no-repeat; }

#globalmenu li.landing { background:url(../images/mbtns_lp.png) no-repeat;  height:25px; }
#globalmenu li.landinghi { background:url(../images/mbtns_lpon.png) no-repeat; height:25px;}
#globalmenu li.landing a,#globalmenu li.landinghi a { text-indent: -99999px; }
#globalmenu li.landing a:hover { background:url(../images/mbtns_lpon.png) no-repeat; height:25px; }

#globalmenu li.keyword { background:url(../images/mbtns_key.png) no-repeat; height:25px; }
#globalmenu li.keywordhi { background:url(../images/mbtns_keyon.png) no-repeat; height:25px;  }
#globalmenu li.keyword a,#globalmenu li.keywordhi a { text-indent: -99999px; }
#globalmenu li.keyword a:hover { background:url(../images/mbtns_keyon.png) no-repeat; height:25px;}

#globalmenu li.conversion { height:237px; margin-bottom:0px; }
#globalmenu li.conversion span { background:url(../images/mbtn_conv.png) no-repeat; }
#globalmenu li.conversionhi span { background:url(../images/mbtn_conv.png) no-repeat; }

#globalmenu li.report { background:url(../images/mbtns_report.png) no-repeat; height:25px;  }
#globalmenu li.reporthi { background:url(../images/mbtns_reporton.png) no-repeat; height:25px;  }
#globalmenu li.report a,#globalmenu li.reporthi a { text-indent: -99999px; }
#globalmenu li.report a:hover { background:url(../images/mbtns_reporton.png) no-repeat; height:25px; }

#globalmenu li.setup { height:height:228px; margin-bottom:100px; }
#globalmenu li.setup span { background:url(../images/mbtn_set.png) no-repeat;  }
#globalmenu li.setuphi span { background:url(../images/mbtn_set.png) no-repeat; }


/** html body #globalmenu li.summary ,* html body #globalmenu li.summaryhi { background-position:5px top;}*/

/*
#globalmenu li.summaryhi { background:url(../images/menu_summaryhi.jpg) no-repeat; margin:0px auto; height:24px; margin-bottom:8px; }
#globalmenu li.summary a:hover { background:url(../images/menu_summaryhi.jpg) no-repeat; height:24px; }
*/
/** html body #globalmenu li.basic,* html body #globalmenu li.basichi { background-position: 5px top; }*/

/*
* html body #globalmenu li.conversion,* html body #globalmenu li.conversionhi { background-position:5px top; }

* html body #globalmenu li.setup,* html body #globalmenu li.setuphi { background-position:5px top; }

* html body #globalmenu ul ul a.hi { background-position: 5px center; }
*/
/* environment settings */
#env th.path,#env th.title  { width:300px; }
input.path,input.title { width:280px; }
textarea.iptext { width:400px; height:100px; }
input.keyword { width:600px; margin:0px; }

/*
 * summary settings on 2007.10.29
 */
#summaryarea { width:700px; }
#summaryarea #summary1-2,#summaryarea #summary2-2 { width:300px; padding-left:40px; float:left; }
#summaryarea * table,#summaryarea * table th,#summaryarea * table td { border-collapse:collpase; border:1px solid black; }
#summaryarea * table { margin-bottom:15px; width:300px;}
#summaryarea * table th { text-align:left; padding-left:10px; color:#ffffff; background-color:#666666; }
#summaryarea * table th a { color:#ffffff; }
#summaryarea #summary1-2 td { width:100px; text-align:right; padding-right:10px; line-height:16px; }
#summaryarea #summary1-2 th { width:150px; } 
#summaryarea #summary2-2 table td.title{ padding-left:5px; width:80px;}
#summaryarea #summary2-2 table td.num { padding:0px 5px; } 
#summaryarea #summary2-2 td { padding-left:10px; line-height:16px;}
#summaryarea #summary2-2 td.visit,#summaryarea #summary2-2 td.perday { padding-right:10px; text-align:right; }

/*
 * route settings on 2007.10.31
 */
#information .column1-2 {margin:0px 0px 0px 5px; }

.route1-2,.route2-2 { width:350px; margin-left:5px; float:left; }
.route1-2 p,.route2-2 p { width:350px; font-size:12px; }

#information { padding-top:12px; }

#routearea { width:700px; height:380px; margin:5px auto; position:relative; border:1px solid #eee;background:url(../images/routebg.png) no-repeat 0 0; }
#routearea .landing { width:150px; position:absolute; top:10px; left:10px;}
#routearea .conversion { width:160px; height:100px; position:absolute; top:10px; right:10px; margin:0px; padding:5px;}
#routearea .route { width:320px; position:absolute; top:50px; left:180px; padding-top:30px; }
#routearea .routenotexist { width:320px; position:absolute; top:150px; left:180px; text-align:center; }
#routearea .routenotexist p { color:#900; }

#routearea ul li { text-align:right; }
#routearea ul#landingnumber li { display:block;  margin-bottom:10px; height:100px; padding:5px; text-align:right; }
#routearea ul li span { float:left; text-align:left; font-weight:bold;}

#routearea .route #routedata { border:1px solid #666666; margin-bottom:5px; overflow-y:scroll; height:250px;}
#routearea .route #routedata h4 { margin:3px; font-size:12px;}
#routearea .route p { padding-left:5px; }
#routearea .route ul { width:270px ; margin-left:15px; padding:2px 10px; border-bottom:1px dotted #999; }


#tablearea table#routetable { width:700px; margin:0px auto; font-size:12px; }
#routetable td.routepattern { width:550px; padding-left:10px; font-size:12px;line-height:16px;}

/* summary box */
.summarybox { width:650px; margin:10px auto; }
/* summary box */
.summarybox { width:650px; margin:10px auto; }
/* summary box */
.summarybox { width:650px; margin:20px auto; }
.summarybox h4 { padding-left:10px; margin-bottom:8px; border:1px dotted #a9a9a9; }
.summarybox h5 { padding-left:20px; margin-bottom:4px; border-bottom:3px double #c9c9c9;}
.summarybox p { padding-left:30px; width:600px; margin-bottom:8px;} 

/*
 * Character
 */
#commentarea { width:780px; margin:10px 0; min-height:140px;}
#commentarea p.face { width: 100px; height:120px; float:left; }
#commentarea p.face span { display:none; }
#commentarea .comment { width:657px; float:left; position:relative; margin:10px 10px 10px 5px;  background:url(../images/comment.png) no-repeat 0 0;} 
#commentarea .comment div.text { width:657px;  margin-top:17px; background:url(../images/comment.png) no-repeat left -17px;}
#commentarea .comment div.text  span { display:block; font-size:1px; text-indent:-99999px; }
#commentarea .comment p { width:623px; min-height:60px; margin:5px 0 0 24px; padding:0 5px 5px;  background:url(../images/comment.png) no-repeat -24px bottom;}
#commentarea .comment .arrow { width:26px; height:60px;  background:url(../images/comment.png) no-repeat top left; position:absolute; top:0px; left:0px; }

#choosecharacter { width: 720px; margin:20px 0;}
#choosecharacter p { margin-bottom:8px;  font-weight:bold; border-bottom:3px double #cbcbcb; }
#choosecharacter .cBox { width:120px; height:140px; float:left; margin-bottom:10px; }
 

.note {
	color: #990000;
	font-weight: bold;
}

.notelink {
	color:#FF0000;
	font-weight: bold;
}