/* index

	common.css

	- body
	- navigation

----------------------------------------------- */


/* body
----------------------------------------------- */
/*body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
/*	text-align: center;*/
/*}*/


/* navigation
----------------------------------------------- */
#navigation {
	margin: 0;
	padding: 0 0 0 28px;
	width: 897px;
	text-align: left;
	clear: both;
}

#navigation ul {
	margin: 0;
	padding: 0;
	clear: both;
}

:root #navigations ul li a {
	overflow: hidden;
}

#navigation ul li a#event {
	display: block;
	margin: 0;
	padding: 0;
	width: 154px;
	height: 42px;
	background: url(../../shared/img/navi.png) no-repeat 0px 0px;
}

#navigation ul li a#event:hover {
	background: url(../../shared/img/navi.png) no-repeat 0px -42px;
}

#navigation ul li a#ma_chan {
	display: block;
	margin: 0;
	padding: 0;
	width: 152px;
	height: 42px;
	background: url(../../shared/img/navi.png) no-repeat -154px 0px;
}

#navigation ul li a#ma_chan:hover {
	background: url(../../shared/img/navi.png) no-repeat -154px -42px;
}

#navigation ul li a#creative {
	display: block;
	margin: 0;
	padding: 0;
	width: 144px;
	height: 42px;
	background: url(../../shared/img/navi.png) no-repeat -306px 0px;
}

#navigation ul li a#creative:hover {
	background: url(../../shared/img/navi.png) no-repeat -306px -42px;
}

#navigation ul li a#web_digital {
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 42px;
	background: url(../../shared/img/navi.png) no-repeat -450px 0px;
}

#navigation ul li a#web_digital:hover {
	background: url(../../shared/img/navi.png) no-repeat -450px -42px;
}

#navigation ul li a#environmental {
	display: block;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 42px;
	background: url(../../shared/img/navi.png) no-repeat -610px 0px;
}

#navigation ul li a#environmental:hover {
	background: url(../../shared/img/navi.png) no-repeat -610px -42px;
}

#navigation ul li a#support {
	display: block;
	margin: 0;
	padding: 0;
	width: 137px;
	height: 42px;
	background: url(../../shared/img/navi.png) no-repeat -760px 0px;
}

#navigation ul li a#support:hover {
	background: url(../../shared/img/navi.png) no-repeat -760px -42px;
}


.navi,
.navi * {
	/*font-size: 12px !important;*/
	font-size: 91% !important;
	font-family: 'HiraMaruPro-W4', 'ヒラギノ丸ゴ Pro W4','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,sans-serif !important;
	/*\*/
	/**font-size: 75% !important;*/
	*font-size: 100% !important;
	*font-family: 'ＭＳ Ｐゴシック',sans-serif !important;
	/**/
	line-height: 1.5;
	color: #333333;
	font-weight: normal;
	margin: 0;
	padding: 0;
	list-style:none;
}

.navi ul {
	position: absolute;
	top: -999em;
	/*width: 200px;*/
	width: 220px;
}

.navi li {
	position: relative;
	z-index: 99;
	float: left;

	font-size: 12px !important;
	font-family: 'HiraMaruPro-W4', 'ヒラギノ丸ゴ Pro W4','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,sans-serif !important;
	color: #0073bd;

}

.navi li a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 6px 10px;
	/*width: 200px;*/
	width: 220px;
	line-height: 1.5;
	color: #0073bd;
}

/* Mozilla & IE7 */
html>body .navi li a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 6px 10px;
	/*width: 170px;*/
	width: 190px;
	line-height: 1.5;
	color: #0073bd;
}

.navi li a:link,
.navi li a:visited {
	cursor: pointer;
	text-decoration: none;
	color: #0073bd;
}

.navi li a:hover,
.navi li a:active {
	cursor: pointer;
	text-decoration: none;
	color: #0073bd;
}

.navi ul li {
	/*width: 200px;*/
	width: 220px;
}

.navi li:hover ul,
ul.navi li.sfHover ul {
	top: 42px;
}

.navi li:hover li ul,
.navi li.sfHover li ul {
	top: -999em;
}

.navi li li:hover ul,
ul.navi li li.sfHover ul {
	top: 0px;
	/*left: 200px;*/
	left: 220px;
}

/* IE7 */
*:first-child+html .navi li li:hover ul,
*:first-child+html ul.navi li li.sfHover ul {
	top: 0px;
	/*left: 198px;*/
	left: 218px;
}

.navi li:hover ul,
.navi li li:hover ul {
	top: -999em;
}

/* IE6 */
* html #navigation a:hover {
	background-color: #ececec;
}

/* IE7 */
*:first-child+html .navi ul li,
*:first-child+html .navi li li li {
	/*width: 198px;*/
	width: 218px;
}

.navi ul li,
.navi li li li {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background: url(../../shared/img/dot.gif) repeat-x 0px 100%;
	background-color:#ffffff;
}

.navi ul li.conclusion,
.navi li li li.conclusion {
	border-bottom: 1px solid #dcdcdc;
	background: transparent;
	background-color:#ffffff;
}

.navi li li li.current {
	margin-top: -1px;
	border-top: 1px solid #dcdcdc;
	background: url(../../shared/img/dot.gif) repeat-x 0px 100%;
	background-color:#ffffff;
}

.navi li li:hover,
.navi li li li:hover {
	background: transparent;
	background-color:#ececec;
}