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

/* -- BASE -- */
body {  color: #222; text-align: center; font-size:12px; line-height:1.5; background:#e8e5de;}
strong { font-weight: bold; }


/* -- LINK -- */
a:link { color: #666; text-decoration:none; }
a:visited { color: #666; text-decoration:none; }
a:hover, a:active { color: #666; text-decoration:none; } 


/* -- STRUCTURE -- */
#ContainerWrapper { margin: 0 auto; text-align:center; }
#Container {  }
#Header { width:921px; margin: 0 auto; text-align:left; }
#Contents { background:#fff; clear:both; margin:0 auto; width:100%; z-index:1; float:center; }
#TopVisual { padding:0 0 20px 0; height:320px; }
#SubVisual { padding:0 0 20px 0; }
#Contents-Main { width:702px; float:left; }
#Contents-Right { width:252px; float:right; }
#Footer { width:100%; margin: 0 auto; }


/* -- NaviNew add 2011.11.30 -- */
#Header h1 { float:left; }
.NaviNew { float:right; }

/* -- HeaderNavi -- */
#HeaderNavi { clear:both; height:27px; }
#HeaderNavi ul { width:921px; margin:0 auto; }
#HeaderNavi li { float:left;  }


/* -- Leader -- */
#Leader { clear:both; width:880px; margin:0 auto; padding:40px 0 16px 0; }

#Leader1 { clear:both; height:56px; }
#Leader1 li { float:left; width:176px; height:46px; background:url(../images/LeaderBack_off.jpg) no-repeat; }
#Leader1 li:hover { width:176px; height:46px; background:url(../images/LeaderBack_on.jpg) no-repeat; padding:0 0 0 0; cursor:pointer; }
#Leader1 li a { width:130px; height:30px; padding:14px 0 0 30px; color:#333; display:block; }

#Leader2 { clear:both; height:56px; }
#Leader2 li { float:left; width:176px; height:46px; background:url(../images/LeaderBack_off.jpg) no-repeat; }
#Leader2 li:hover { width:176px; height:46px; background:url(../images/LeaderBack_on.jpg) no-repeat; cursor:pointer; }
#Leader2 li a { width:130px; height:30px; padding:14px 0 0 30px; color:#333; display:block; }

#Leader3 { clear:both; height:46px; }
#Leader3 li { float:left; width:176px; height:46px; background:url(../images/LeaderBack_off.jpg) no-repeat; }
#Leader3 li:hover { width:176px; height:46px; background:url(../images/LeaderBack_on.jpg) no-repeat; cursor:pointer; }
#Leader3 li a { width:130px; height:30px; padding:14px 0 0 30px; color:#333; display:block; }

.LeaderCenter { text-align:center; }
.LeaderCenter ul { margin:0 auto; width:710px; }

/* -- ListBoxArea -- */
.ListBoxArea { width:880px; margin:0 auto; padding:35px 0 100px 0; font-size:11px; display:block; }

/* -- mes_sales.html -- */
#Research .ListBox { width:148px; float:left; padding:0; margin:0; line-height:0.5; text-align:left; line-height:1; }
#Research .ListBox li { width:146px; height:30px; background:url(../images/SalesMenu_off.png) no-repeat; padding:0 0 0 0; }
#Research .ListBox li:hover { width:146px; height:30px; background:url(../images/SalesMenu_on.png) no-repeat; cursor:pointer; }
#Research .ListBox li a { width:136px; height:19px; padding:8px 0 0 13px; color:#333; display:block; }
#Research .ListBox li a:hover { width:146px; height:19px; padding:8px 0 0 13px; color:#000; display:block; text-decoration:none; }

#Research .ListBoxEnd { width:140px; float:right; padding:0; margin:0; line-height:0.5; text-align:left; line-height:1; }
#Research .ListBoxEnd li { width:146px; height:30px; background:url(../images/SalesMenu_off.png) no-repeat; }
#Research .ListBoxEnd li:hover { width:146px; height:30px; background:url(../images/SalesMenu_on.png) no-repeat; cursor:pointer; }
#Research .ListBoxEnd li a { width:136px; height:19px; padding:8px 0 0 13px; color:#333; display:block; }
#Research .ListBoxEnd li a:hover { width:146px; height:19px; padding:8px 0 0 13px; color:#000; display:block; text-decoration:none; }


#Sales .ListBox { width:176px; float:left; padding:0; margin:0; line-height:0.5; text-align:left; line-height:1; }
#Sales .ListBox li { width:176px; float:left; height:30px; background:url(../images/SalesMenu_off.png) no-repeat; padding:0; }
#Sales .ListBox li:hover { width:146px; height:30px; background:url(../images/SalesMenu_on.png) no-repeat; cursor:pointer; }
#Sales .ListBox li a { width:136px; height:19px; padding:8px 0 0 13px; color:#333; display:block; }
#Sales .ListBox li a:hover { width:146px; height:19px; padding:8px 0 0 13px; color:#000; display:block; text-decoration:none; }

#Sales .ListBoxEnd { width:146px; float:left; padding:0; margin:0; line-height:0.5; text-align:left; line-height:1; }
#Sales .ListBoxEnd li { width:146px; height:30px; background:url(../images/SalesMenu_off.png) no-repeat; }
#Sales .ListBoxEnd li:hover { width:146px; height:30px; background:url(../images/SalesMenu_on.png) no-repeat; cursor:pointer; }
#Sales .ListBoxEnd li a { width:136px; height:19px; padding:8px 0 0 13px; color:#333; display:block; }
#Sales .ListBoxEnd li a:hover { width:146px; height:19px; padding:8px 0 0 13px; color:#000; display:block; text-decoration:none; }




/* -- mes_sales_group.html -- */
.ListBoxArea .ListBoxGroup  { width:880px; margin:0 auto; font-size:13px; }
.ListBoxArea .ListBoxGroup li { float:left; padding:0; margin:0; line-height:1; display:block; }

.ListBoxArea .ListBoxGroup .ListBoxGroup01 { width:220px; height:165px; background:url(../images/SalesGoup04_off.png) no-repeat; }
.ListBoxArea .ListBoxGroup .ListBoxGroup01:hover { width:220px; height:165px; background:url(../images/SalesGoup04_on.png) no-repeat; cursor:pointer; }
.ListBoxArea .ListBoxGroup .ListBoxGroup02 { width:220px; height:165px; background:url(../images/SalesGoup04_off.png) no-repeat; }
.ListBoxArea .ListBoxGroup .ListBoxGroup02:hover { width:220px; height:165px; background:url(../images/SalesGoup04_on.png) no-repeat; cursor:pointer; }
.ListBoxArea .ListBoxGroup .ListBoxGroup03 { width:220px; height:165px; background:url(../images/SalesGoup04_off.png) no-repeat; }
.ListBoxArea .ListBoxGroup .ListBoxGroup03:hover { width:220px; height:165px; background:url(../images/SalesGoup04_on.png) no-repeat; cursor:pointer; }


.ListBoxArea .ListBoxGroup .ListBoxGroup01 a { width:220px; height:165px; padding:74px 0 0 0; text-align:center; color:#333; display:block; line-height:1.5; }
.ListBoxArea .ListBoxGroup .ListBoxGroup01 a:hover { width:220px; height:165px; padding:74px 0 0 0; text-align:center; color:#000; display:block; text-decoration:none; line-height:1.5; }
.ListBoxArea .ListBoxGroup .ListBoxGroup02 a { width:220px; height:165px; padding:74px 0 0 0; color:#333; display:block; line-height:1.5; }
.ListBoxArea .ListBoxGroup .ListBoxGroup02 a:hover { width:220px; height:165px; padding:74px 0 0 0; text-align:center; color:#000; display:block; text-decoration:none; line-height:1.5; }
.ListBoxArea .ListBoxGroup .ListBoxGroup03 a { width:220px; height:165px; padding:74px 0 0 0; color:#333; display:block; line-height:1.5; }
.ListBoxArea .ListBoxGroup .ListBoxGroup03 a:hover { width:220px; height:165px; padding:74px 0 0 0; text-align:center; color:#000; display:block; text-decoration:none; line-height:1.5; }




/* -- mes_sales_grouplist.html -- */
/* ListBoxMessageBlockStart */
.ListBoxMessageBlockStart { width:180px; height:218px; background:url(../images/MessageBackThumb_off.jpg) no-repeat; text-align:left; float:left; padding:0 0 20px 14px; margin:0 0 0 24px; }
.ListBoxMessageBlockStart:hover { width:180px; height:218px; background:url(../images/MessageBackThumb_on.jpg) no-repeat; text-align:left; float:left; cursor:pointer; }
.ListBoxMessageBlockStart h2 { height:38px; padding:20px 0 0 52px; font-size:12px; color:#000; }
.ListBoxMessageBlockStart p { width:140px; padding:0px 0 0 12px;  font-size:11px; line-height:2; color:#000; }

.ListBoxMessageBlockStart h2 a:link { color: #000; text-decoration:none; }
.ListBoxMessageBlockStart h2 a:visited { color: #000;; text-decoration:none; }
.ListBoxMessageBlockStart h2 a:hover, .ListBoxMessageBlockStart h2 a:active { color: #000;; text-decoration:underline; font-weight:bold; } 

/* ListBoxMessageBlock */
.ListBoxMessageBlock { width:200px; height:218px; background:url(../images/MessageBackThumb_off.jpg) no-repeat; text-align:left; float:left; padding:0 0 20px 14px; }
.ListBoxMessageBlock:hover { width:200px; height:218px; background:url(../images/MessageBackThumb_on.jpg) no-repeat; text-align:left; float:left; }
.ListBoxMessageBlock h2 { height:38px; padding:20px 0 0 52px; font-size:12px; color: #000; }
.ListBoxMessageBlock p { width:140px; padding:0px 0 0 12px;  font-size:11px; line-height:2; color:#e60012; }

.ListBoxMessageBlock h2 a:link { color: #000; text-decoration:none; }
.ListBoxMessageBlock h2 a:visited { color: #000;; text-decoration:none; }
.ListBoxMessageBlock h2 a:hover, .ListBoxMessageBlock h2 a:active { color: #000;; text-decoration:underline; } 




/* PageNavi */
.PageNavi { width:895px; padding:20px 0 0 0; clear:both; }
.PageNavi ul { float:right;	}
.PageNavi li { float:left; padding:0 0 0 20px; }
.PageNavi .PageNaviOn a:link { color: #e60012; text-decoration:none; }
.PageNavi .PageNaviOn a:visited, .PageNavi .PageNaviOn a:hover .PageNavi .PageNaviOn a:active { color: #e60012; text-decoration:none; }
.PageNavi a:hover, .PageNavi a:active { color: #e60012; text-decoration:underline; } 
.PageNavi h2 { clear:both; display:block; }



/* -- mes_sales_detail.html -- */
.ListBoxBlock { text-align:left; }
.ListBoxBlock h2 { position:relative; left:0; top:36px; font-size:18px; margin:0 0 0 -30px; }
.ListBoxBlock p { padding:0 44px; font-size:18px; position:relative; left:0; top:43px; line-height:2; }

.ListBoxArea .ListBoxBlock { width:686px; margin:0 auto; }
.ListBoxArea .ListBoxMessageCenter { width:385px; height:386px; background:url(../images/MessageBack.png) no-repeat; }

.ListBoxArea .ListBoxMessageBack { float:left; display:block; padding:150px 0 0 0; text-align:right; width:150px; }
.ListBoxArea .ListBoxMessageCenter { float:left; padding:0 0 0 0; display:block; }
.ListBoxArea .ListBoxMessageNext { float:right; display:block; padding:150px 0 0 0; text-align:left; width:150px;  }

.ListBoxArea .ListBoxMessageBackLeader { float:left; display:block; padding:334px 0 0 0; text-align:right; width:150px; }


 
/* -- PageList -- */
.PageList {
	clear:both;
	display:block;
	width:895px;
	margin:0 auto;
	line-height: 30px;
	height: 30px;
	font-size: 11px;
	padding-left: 4px;
	background: url(../images/SiteList01.png) no-repeat 0 0;
	font-weight:bold;
}
.PageList ul li {
	float: left;
	background: url(../images/SiteList02.png) repeat-x 0 0;
	padding: 0 0;
	padding-right: 10px;
}
.PageList ul li.last {
	padding-right: 0;
}
.PageList ul li.last span {
	background: url(../images/SiteList04.png) no-repeat right 0;
}
.PageList ul li span {
	float: left;
	background: url(../images/SiteList03.png) no-repeat right 0;
	margin-right: -13px;
	position: relative;
}

.PageList ul li span a {
	float: left;
	display: block;
	padding: 0 25px 0 15px;
	margin:-2px 0 0 0;
}

.PageList a:link { color:#fff; }
.PageList a:visited { color:#fff; }
.PageList a:hover, .SiteList a:active { color:#fff; text-decoration:underline; }